/* Güvenli SVG ölçüleri: harici CSS cache/yükleme sorunu olsa bile ikonlar taşmaz */
svg{max-width:100%;max-height:100%}.topbar svg,.head-action svg,.nav svg,.hero-features svg,.benefit svg,.cart-add svg,.primary-btn svg,.link-btn svg,.campaign svg,.contact svg,.payments svg{display:inline-block;vertical-align:middle;flex:none}
:root{--navy:#073b70;--blue:#0868cf;--blue2:#0b5fb8;--line:#e1e7ee;--muted:#6c7785;--green:#18984c;--orange:#ea6a0a;--bg:#f7f9fc;--text:#0d2542}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff}.container{width:min(1200px,calc(100% - 48px));margin:auto}button,a{font:inherit}.topbar{background:#063e73;color:white;font-size:12px}.topbar-inner{height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar span{display:flex;align-items:center;gap:6px;white-space:nowrap}.topbar svg{width:14px;height:14px}.main-header{background:#fff;border-bottom:1px solid #edf0f4}.header-inner{height:82px;display:flex;align-items:center;gap:34px}.brand{display:flex;text-decoration:none;color:var(--navy);align-items:center;min-width:270px}.brand-symbol{font-size:34px;letter-spacing:-12px;width:50px;display:flex;align-items:center}.brand-symbol .cold{color:#047be2}.brand-symbol .warm{color:#f27b23;margin-left:-8px}.brand-copy{display:flex;flex-direction:column}.brand strong{font-size:27px;line-height:1}.brand strong span{color:#1670ce}.brand small{font-size:11px;color:#7b8692;margin-top:6px}.search{display:flex;flex:1;height:42px;border:1px solid #d7dfe8;border-radius:6px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.03)}.search input{flex:1;border:0;outline:none;padding:0 18px;color:#334155}.search button{border:0;background:#0866c5;color:white;width:78px;font-weight:700;cursor:pointer}.header-actions{display:flex;gap:22px}.head-action{border:0;background:none;display:flex;align-items:center;gap:8px;color:#10233c;cursor:pointer;padding:0}.head-action svg{width:25px;height:25px;stroke-width:1.7}.head-action span{display:flex;flex-direction:column;font-size:11px;text-align:left}.head-action small{font-size:12px;font-weight:700;margin-top:2px}.mobile-menu-btn{display:none;border:0;background:#fff}.nav{border-bottom:1px solid #e9edf2;background:#fff}.nav-inner{height:50px;display:flex;align-items:center}.nav a,.all-categories{height:50px;display:flex;align-items:center;padding:0 18px;color:#111f33;text-decoration:none;border:0;background:#fff;font-size:12px;font-weight:600;white-space:nowrap}.nav a:hover,.all-categories:hover{color:var(--blue)}.all-categories{border-left:1px solid #e8edf3;border-right:1px solid #e8edf3;padding-left:14px;gap:9px}.all-categories svg{width:18px}.hero{margin-top:15px;min-height:322px;border-radius:11px;overflow:hidden;background:linear-gradient(100deg,#f7fafc 0,#eef4fa 45%,#d9e5f2 100%);display:grid;grid-template-columns:43% 57%;position:relative;box-shadow:inset 0 0 30px rgba(31,78,119,.04)}.hero-copy{padding:29px 0 20px 56px;position:relative;z-index:3}.hero h1{font-size:43px;line-height:1.03;margin:0 0 16px;font-weight:800;letter-spacing:-1.5px}.hero h1 span{color:#0868d0}.hero p{max-width:430px;line-height:1.55;font-size:14px;margin:0 0 16px;color:#1b3049}.hero p strong{color:var(--blue)}.primary-btn{display:inline-flex;align-items:center;gap:10px;background:#0765c5;color:#fff;text-decoration:none;padding:11px 18px;border-radius:5px;font-weight:700;font-size:12px}.primary-btn svg{width:16px}.hero-features{display:flex;gap:28px;margin-top:27px;font-size:10px;font-weight:700}.hero-features span{display:flex;align-items:center;gap:6px}.hero-features svg{width:17px;height:17px;color:#0e5dab}.hero-visual{position:relative;display:flex;align-items:flex-end;justify-content:flex-end;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.season-mark{position:absolute;left:10px;top:25px;font-size:54px;opacity:.28;z-index:2;display:flex;gap:1px}.season-mark span:first-child{color:#0c8cde}.season-mark span:last-child{color:#fb963e}.category-strip{display:grid;grid-template-columns:repeat(9,1fr);margin-top:13px;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 7px rgba(8,45,83,.06);overflow:hidden;background:#fff}.category-item{min-height:108px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-decoration:none;color:#17243a;border-right:1px solid #e9edf2;padding:7px 5px;position:relative}.category-item:last-child{border-right:0}.category-item img{width:92%;height:57px;object-fit:cover;object-position:center}.category-item span{font-size:11px;font-weight:700;text-align:center;min-height:28px}.category-item b{font-size:17px;color:#0d67c7;line-height:10px}.product-section{margin-top:26px}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2{font-size:18px;margin:0 0 14px}.link-btn{border:0;background:none;color:#0968c9;font-size:11px;display:flex;align-items:center;gap:5px;cursor:pointer}.link-btn svg{width:16px}.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.product-card{min-width:0;border:1px solid #dfe6ed;border-radius:9px;background:#fff;overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(8,46,82,.04)}.product-card.hidden{display:none}.label{position:absolute;top:7px;left:7px;color:#fff;font-weight:800;font-size:8px;line-height:1.1;padding:5px 7px;border-radius:4px;z-index:2}.label.blue{background:#0964c8}.label.green{background:#169446}.label.wide{font-size:7px}.product-image{width:100%;height:130px;object-fit:cover}.product-content{padding:4px 11px 11px;display:flex;flex-direction:column;flex:1}.product-content small{font-weight:700;font-size:10px;margin-bottom:3px}.product-content h3{font-size:10px;line-height:1.35;font-weight:500;margin:0 0 8px;min-height:41px}.old-price{font-size:10px;text-decoration:line-through;color:#7a8592}.price-row{display:flex;align-items:center;justify-content:space-between;margin:1px 0 10px;gap:7px}.price-row.compact{margin-top:auto}.price-row strong{color:#0866c8;font-size:14px}.discount{background:#e4f7e9;color:#168d42;font-size:8px;font-weight:700;border-radius:7px;padding:4px 6px}.installment{color:#e55f0b;background:#fff1e8;border:1px solid #ffd9be;border-radius:7px;padding:4px 6px;font-size:8px;font-weight:700}.cart-add,.outline-action{width:100%;height:32px;border:1px solid #0866c8;background:#fff;color:#0866c8;border-radius:4px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;margin-top:auto}.cart-add:hover,.outline-action:hover{background:#0866c8;color:#fff}.cart-add svg{width:14px}.no-results{display:none;text-align:center;color:#6c7785;padding:35px 0}.benefits{margin-top:14px;background:#f8fafc;border:1px solid #e3e9ef;border-radius:9px;display:grid;grid-template-columns:repeat(5,1fr);padding:20px 19px}.benefit{display:flex;align-items:center;gap:12px;padding:0 14px;border-right:1px solid #e0e6ec}.benefit:last-child{border-right:0}.benefit svg{width:34px;height:34px;color:#075bae;stroke-width:1.8;flex:none}.benefit div{display:flex;flex-direction:column}.benefit strong{font-size:11px;margin-bottom:5px}.benefit span{font-size:9px;line-height:1.35;color:#3f5064}.campaigns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.campaign{min-height:155px;border-radius:8px;overflow:hidden;position:relative;display:grid;grid-template-columns:54% 46%;align-items:center}.campaign>div{padding:20px;z-index:2}.campaign h2{font-size:19px;line-height:1.25;margin:0 0 9px}.campaign p{font-size:10px;line-height:1.45;max-width:250px}.campaign a{display:inline-flex;align-items:center;gap:3px;color:#fff;text-decoration:none;font-size:10px;font-weight:700;padding:9px 12px;border-radius:4px;margin-top:4px}.campaign a svg{width:14px}.campaign img{width:100%;height:100%;object-fit:cover}.summer{background:linear-gradient(90deg,#dff3ff,#edf9ff)}.summer h2{color:#0562bb}.summer a{background:#0866c8}.winter{background:linear-gradient(90deg,#fff2e8,#f7e5d9)}.winter h2{color:#e65500}.winter a{background:#e5650c}.brands{margin-top:15px;border-top:1px solid #e7eaee;border-bottom:1px solid #e7eaee}.brand-row{height:63px;display:grid;grid-template-columns:repeat(8,1fr);align-items:center;text-align:center;color:#3f4449;font-size:22px;font-weight:800;filter:grayscale(1)}.footer-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.15fr 1.25fr;gap:40px;padding:28px 12px 22px}.footer-grid h3{font-size:11px;margin:0 0 13px}.footer-grid p,.footer-grid a,.footer-grid small{font-size:9px;line-height:1.7;color:#46566a;display:block;text-decoration:none}.footer-grid a{cursor:pointer}.socials{display:flex;gap:10px;margin-top:15px}.socials span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#0b65bb;color:#fff;font-size:10px;font-weight:800}.contact strong{font-size:12px;color:#0866c8;display:flex;align-items:center;gap:7px;margin-bottom:4px}.contact strong svg{width:14px}.contact small{margin:0 0 12px 21px}.whatsapp{border:1px solid #a8e0ba;background:#effcf2!important;border-radius:7px;padding:10px!important;display:flex!important;gap:8px;align-items:center;color:#168f3d!important;margin-top:15px}.whatsapp svg{width:25px;height:25px}.whatsapp b{display:block;font-size:11px}.footer-bottom{background:#053966;color:#fff}.footer-bottom>.container{min-height:47px;display:flex;align-items:center;justify-content:space-between;font-size:8px}.payments{display:flex;align-items:center;gap:20px;font-size:10px}.payments span{display:flex;align-items:center;gap:5px}.payments svg{width:18px}.payments b{font-size:16px}.toast{position:fixed;right:25px;bottom:25px;background:#0b5d36;color:#fff;padding:13px 18px;border-radius:8px;font-size:13px;font-weight:700;box-shadow:0 8px 30px rgba(0,0,0,.18);opacity:0;transform:translateY(20px);pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translateY(0)}
@media (max-width:1080px){.container{width:min(100% - 28px,1200px)}.topbar-center{display:none}.header-inner{gap:16px}.brand{min-width:220px}.brand strong{font-size:22px}.header-actions{gap:9px}.head-action span{display:none}.nav-inner{overflow:auto}.nav a{padding:0 14px}.hero h1{font-size:36px}.product-grid{grid-template-columns:repeat(3,1fr)}.category-strip{grid-template-columns:repeat(5,1fr)}.category-item:nth-child(5){border-right:0}.benefits{grid-template-columns:repeat(3,1fr);row-gap:20px}.benefit:nth-child(3){border-right:0}.brand-row{font-size:17px}.footer-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.container{width:calc(100% - 24px)}.topbar{display:none}.header-inner{height:auto;min-height:74px;flex-wrap:wrap;padding:10px 0}.brand{min-width:0;flex:1}.brand strong{font-size:20px}.brand small{font-size:9px}.header-actions{display:none}.mobile-menu-btn{display:block}.search{order:3;flex-basis:100%;height:40px}.nav{display:none}.nav.open{display:block}.nav-inner{height:auto;display:flex;flex-direction:column;align-items:stretch;padding:8px 0}.nav a,.all-categories{height:42px;border:0;border-bottom:1px solid #eef1f5}.hero{grid-template-columns:1fr;margin-top:10px}.hero-copy{padding:28px 24px 18px}.hero h1{font-size:34px}.hero-visual{height:260px}.hero-features{flex-wrap:wrap;gap:13px}.category-strip{display:flex;overflow-x:auto}.category-item{min-width:120px}.product-grid{display:flex;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.product-card{min-width:230px;scroll-snap-align:start}.benefits{grid-template-columns:1fr 1fr}.benefit{border-right:0;border-bottom:1px solid #e0e6ec;padding:10px}.campaigns{grid-template-columns:1fr}.campaign{min-height:170px}.brand-row{display:flex;overflow-x:auto;gap:30px;justify-content:flex-start;height:60px}.brand-row span{min-width:95px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-bottom>.container{flex-direction:column;align-items:flex-start;padding:12px 0;gap:10px}.payments{gap:12px;flex-wrap:wrap}}
@media (max-width:480px){.brand-symbol{font-size:29px;width:43px}.hero h1{font-size:30px}.hero p{font-size:13px}.hero-visual{height:220px}.category-item{min-width:108px}.benefits{grid-template-columns:1fr}.campaign{grid-template-columns:60% 40%}.campaign h2{font-size:16px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:not(:first-child):not(.contact){display:none}}

/* PHP storefront additions */
.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:10px;z-index:999}.skip:focus{left:10px}.head-action{text-decoration:none}.nav a{text-decoration:none}.product-content h3 a,.cart-row a{color:inherit;text-decoration:none}.product-link{display:block}.product-card form{margin-top:auto}.cart-add:disabled,.primary-btn:disabled{opacity:.5;cursor:not-allowed}.stock-ok{font-size:12px;color:#0b8a4b;background:#e9f8ef;padding:4px 8px;border-radius:999px}.stock-no{font-size:12px;color:#a32c2c;background:#fdecec;padding:4px 8px;border-radius:999px}.section-head p{margin:4px 0 0;color:#65758b}.page-head{padding:32px 0 18px}.page-head h1{font-size:36px;margin:10px 0}.page-head p{color:#5d6b7c;max-width:820px}.breadcrumbs{font-size:13px;color:#758499}.breadcrumbs a{color:#0f5fbf;text-decoration:none}.listing-layout{display:grid;grid-template-columns:220px 1fr;gap:24px;padding-bottom:48px}.filters{border:1px solid #e6ebf1;border-radius:14px;padding:18px;height:max-content;position:sticky;top:20px}.filters h3{margin:0 0 12px}.filters a{display:block;padding:8px 10px;border-radius:8px;color:#344256;text-decoration:none}.filters a.active,.filters a:hover{background:#eff6ff;color:#0d5cc4}.listing-meta{margin-bottom:14px}.pagination{display:flex;gap:8px;margin:28px 0;flex-wrap:wrap}.pagination a{border:1px solid #dbe3ec;color:#26415f;text-decoration:none;padding:8px 12px;border-radius:8px}.pagination a.active{background:#0d5cc4;color:#fff;border-color:#0d5cc4}.category-page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding-bottom:50px}.big-category{display:flex;gap:22px;align-items:center;border:1px solid #e5eaf0;border-radius:16px;padding:22px;color:#18283d;text-decoration:none;background:#fff}.big-category:hover{box-shadow:0 12px 35px rgba(24,40,61,.08)}.big-category img{width:150px;height:120px;object-fit:contain}.big-category h2{margin:0 0 8px}.big-category p{color:#677587;margin:0 0 10px}.big-category span{color:#0d5cc4;font-weight:700}.product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:48px;padding-bottom:32px}.product-gallery{border:1px solid #e7ebf0;border-radius:18px;min-height:480px;display:grid;place-items:center;background:#fff}.product-gallery img{max-width:85%;max-height:430px;object-fit:contain}.product-info h1{font-size:34px;line-height:1.18;margin:12px 0}.brand-chip{display:inline-flex;background:#eef5ff;color:#0d5cc4;padding:7px 10px;border-radius:999px;font-size:13px;font-weight:700}.sku{font-size:13px;color:#7c8997}.lead{font-size:16px;color:#596a7d;line-height:1.65}.detail-price{font-size:34px;color:#0d5cc4;font-weight:800;margin:6px 0 12px}.old-price.big{font-size:16px}.stock-line{font-weight:700;color:#14824f;margin-bottom:18px}.detail-cart{display:flex;gap:10px}.detail-cart input{width:80px;padding:12px;border:1px solid #ccd6e0;border-radius:9px}.trust-box{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.trust-box span{padding:9px 10px;background:#f7f9fb;border-radius:9px;font-size:13px}.description-card,.content-page{margin-top:18px;margin-bottom:48px;border:1px solid #e6ebf1;border-radius:16px;padding:28px;background:#fff}.description-card h2,.content-page h1{margin-top:0}.richtext,.content-page p{line-height:1.75;color:#44556a}.empty{padding:45px;text-align:center;border:1px dashed #ccd6e0;border-radius:14px;color:#5c6b7a}.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:24px;padding-bottom:50px}.cart-items,.cart-summary,.checkout-form{border:1px solid #e5eaf0;border-radius:16px;background:#fff;padding:20px}.cart-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid #edf1f5;padding:14px 0}.cart-row img{width:80px;height:70px;object-fit:contain}.cart-row .grow{flex:1}.cart-row .grow small{display:block;color:#738194;margin-top:4px}.cart-row input{width:70px;padding:8px;border:1px solid #ccd6e0;border-radius:8px}.cart-summary h2{margin-top:0}.cart-summary>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #edf1f5}.cart-summary .total{font-size:20px}.full{width:100%;justify-content:center;margin-top:16px}.secondary-btn{border:1px solid #b9c8d9;background:#fff;padding:10px 14px;border-radius:8px;margin-top:14px}.checkout-layout{display:grid;grid-template-columns:1fr 360px;gap:24px;padding-bottom:50px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}.form-grid input,.form-grid textarea,.form-grid select{padding:11px 12px;border:1px solid #ccd6e0;border-radius:8px;font:inherit}.form-grid textarea{min-height:95px}.full-span{grid-column:1/-1}.payment-note{padding:13px;background:#fff7df;border:1px solid #f1dc96;border-radius:9px;margin:18px 0;font-size:13px;line-height:1.5}.alert{padding:12px 14px;border-radius:9px;margin-bottom:14px}.alert.error{background:#fdecec;color:#8d2020}.alert.success{background:#eaf8ef;color:#187044}.success-box{max-width:700px;margin:60px auto;text-align:center;padding:50px;border:1px solid #e5eaf0;border-radius:18px}.success-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#e8f8ef;color:#12804b;font-size:40px;margin:0 auto 18px}.error-code{font-size:72px;font-weight:800;color:#dfe7f1}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
@media(max-width:900px){.listing-layout,.product-detail,.cart-layout,.checkout-layout{grid-template-columns:1fr}.filters{position:static}.category-page-grid{grid-template-columns:1fr}.product-gallery{min-height:320px}.checkout-layout .cart-summary{order:-1}.product-info h1{font-size:28px}}
@media(max-width:600px){.page-head h1{font-size:28px}.big-category{align-items:flex-start}.big-category img{width:90px;height:80px}.form-grid{grid-template-columns:1fr}.full-span{grid-column:auto}.cart-row{align-items:flex-start;flex-wrap:wrap}.cart-row .grow{min-width:calc(100% - 100px)}.contact-grid{grid-template-columns:1fr}}
.campaign{text-decoration:none;color:#14263b}.campaign>div span{display:inline-flex;color:#fff;font-size:10px;font-weight:700;padding:9px 12px;border-radius:4px;margin-top:4px}.summer>div span{background:#0866c8}.winter>div span{background:#e5650c}.campaign:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(20,50,80,.08)}
.product-image,.category-item img{object-fit:contain}

/* Reference-image fidelity overrides */
.topbar svg{width:14px;height:14px;flex:none}.head-action svg{width:25px;height:25px;flex:none}.mobile-menu-btn svg,.all-categories svg{width:18px;height:18px}.primary-btn svg,.link-btn svg,.campaign span svg{width:14px;height:14px}.hero p strong{color:#0868cf}.hero-features svg{width:17px;height:17px;color:#0e5dab}.benefit>svg{width:34px;height:34px;color:#075bae;stroke-width:1.8;flex:none}.contact strong svg,.contact>a:not(.whatsapp) svg{width:14px;height:14px;display:inline-block;vertical-align:-2px;margin-right:5px}.payments svg{width:18px;height:18px}.button-reset{border:0;cursor:pointer}.listing-preview{padding-bottom:52px}.preview-cartbox{border:1px solid #e3e9ef;border-radius:12px;padding:24px;margin-bottom:48px}.preview-cart-line{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #e9edf2}.preview-product-detail{display:grid;grid-template-columns:minmax(340px,1fr) minmax(340px,1fr);gap:42px;padding-bottom:48px}.preview-product-image{border:1px solid #e3e9ef;border-radius:14px;min-height:440px;display:grid;place-items:center;padding:30px}.preview-product-image img{max-width:90%;max-height:390px;object-fit:contain}.preview-product-info{padding-top:12px}.preview-product-info h1{font-size:34px;line-height:1.15;margin:12px 0}.preview-price{font-size:31px;color:#0866c8;font-weight:800;margin:18px 0}.preview-old{font-size:15px;color:#7a8592;text-decoration:line-through;margin-left:10px}.preview-description{color:#536476;line-height:1.7}.brand-chip{display:inline-flex;background:#eef5ff;color:#0d5cc4;padding:7px 10px;border-radius:999px;font-size:13px;font-weight:700}

/* keep desktop homepage visually aligned with the supplied mockup */
@media (min-width:1081px){
  .container{width:min(100% - 48px,1200px)}
  .header-inner{height:82px}
  .nav-inner{height:50px}
  .hero{min-height:322px}
  .product-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .product-image{height:130px;padding:4px 8px}
  .category-strip{grid-template-columns:repeat(9,1fr)}
}
@media(max-width:900px){.preview-product-detail{grid-template-columns:1fr}.preview-product-image{min-height:320px}.preview-product-info h1{font-size:28px}}
@media(max-width:760px){.topbar{display:none}}

/* ==========================================================================\n   Premium storefront refinement — 2026\n   ========================================================================== */
:root{
  --navy:#073766;
  --navy-deep:#052d54;
  --blue:#0868cf;
  --blue-hover:#075bb6;
  --sky:#eaf4ff;
  --surface:#ffffff;
  --surface-soft:#f7faff;
  --line:#e2e9f1;
  --line-strong:#d5e0eb;
  --text:#102640;
  --muted:#627187;
  --shadow-sm:0 2px 10px rgba(17,48,83,.055);
  --shadow-md:0 10px 30px rgba(13,47,82,.09);
  --shadow-lg:0 20px 55px rgba(13,47,82,.13);
  --radius:14px;
}
body{
  background:linear-gradient(180deg,#fff 0,#fff 70%,#fbfcfe 100%);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a,button{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
::selection{background:#dbeeff;color:#073766}

/* Top / header */
.topbar{background:linear-gradient(90deg,#083f73,#063665);border-bottom:1px solid rgba(255,255,255,.08)}
.topbar-inner{height:36px;font-weight:600;letter-spacing:-.01em}
.topbar span{opacity:.97}
.main-header{position:relative;z-index:10;border-bottom:0;box-shadow:0 1px 0 rgba(14,47,78,.07)}
.header-inner{height:86px;gap:30px}
.brand{min-width:270px;gap:10px}
.brand-mark{width:49px;height:49px;display:grid;place-items:center;flex:0 0 49px}
.brand-mark svg{width:49px;height:49px;overflow:visible}
.brand-mark svg path,.brand-mark svg circle{vector-effect:non-scaling-stroke}
.brand-snow{stroke:#0a78dd;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}
.brand-divider{stroke:#cbd8e6;stroke-width:1.2}
.brand-sun-core{stroke:#f28a2b;stroke-width:2.1;fill:#fff7ef}
.brand-sun-ray{stroke:#f28a2b;stroke-width:2.1;stroke-linecap:round}
.brand-copy strong{font-size:28px;letter-spacing:-1.15px;font-weight:800;color:#073b70}
.brand-copy strong span{color:#0870d6}
.brand-copy small{font-size:10.5px;letter-spacing:.015em;color:#7a8795;margin-top:5px}
.search{height:44px;border:1px solid #cfdbe8;border-radius:8px;background:#fff;box-shadow:0 3px 12px rgba(24,55,91,.055)}
.search:focus-within{border-color:#6aa7e4;box-shadow:0 0 0 3px rgba(8,104,207,.11),0 5px 16px rgba(18,51,84,.06)}
.search input{font-size:12px;padding:0 17px;background:transparent}
.search input::placeholder{color:#9aa5b1}
.search button{width:78px;background:linear-gradient(180deg,#0c6fd5,#075fbd);font-size:12px}
.search button:hover{background:linear-gradient(180deg,#0863c2,#0754a7)}
.header-actions{gap:17px}
.head-action{min-height:44px;padding:3px 5px;border-radius:8px}
.head-action:hover{background:#f5f9fe;color:#075fbd}
.head-action svg{width:24px;height:24px;stroke-width:1.65}
.head-action span{font-size:10.5px;line-height:1.15;color:#34465b}
.head-action small{font-size:11.5px;color:#0e2037}
.nav{position:relative;z-index:9;box-shadow:0 4px 12px rgba(17,47,79,.035)}
.nav-inner{height:48px}
.nav a,.all-categories{height:48px;font-size:11px;font-weight:700;letter-spacing:-.01em;padding:0 16px}
.nav a:hover{background:#f8fbff;color:#0764c7}
.all-categories{color:#0e2540;background:#fbfcfe}
.all-categories:hover{background:#f2f7fc}

/* Hero */
.hero{min-height:326px;margin-top:14px;border:1px solid #e1e9f1;border-radius:13px;background:linear-gradient(100deg,#f7fafc 0%,#f1f6fb 45%,#dce8f4 100%);box-shadow:0 7px 24px rgba(19,53,88,.07);isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 30%,rgba(255,255,255,.9),transparent 28%),radial-gradient(circle at 44% 75%,rgba(8,104,207,.05),transparent 24%);pointer-events:none;z-index:0}
.hero-copy{padding:31px 0 22px 55px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero h1{font-size:43px;line-height:1.02;letter-spacing:-1.75px;margin-bottom:15px;text-wrap:balance}
.hero p{font-size:13.5px;line-height:1.58;color:#243a52;max-width:420px;margin-bottom:17px}
.primary-btn{min-height:42px;padding:0 17px;border-radius:6px;background:linear-gradient(180deg,#0a6fd4,#075eb9);box-shadow:0 5px 14px rgba(8,96,190,.18);font-size:11.5px}
.primary-btn:hover{background:linear-gradient(180deg,#0965c3,#0753a4);transform:translateY(-1px);box-shadow:0 8px 18px rgba(8,96,190,.22)}
.hero-features{margin-top:25px;gap:27px;color:#243a52}
.hero-features span{white-space:nowrap}
.hero-visual{z-index:1;background:radial-gradient(ellipse at 67% 74%,rgba(255,255,255,.78),transparent 44%)}
.hero-visual img{width:100%;height:100%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 14px 18px rgba(31,56,82,.09))}
.season-mark{left:8px;top:30px;font-size:50px;opacity:.2;filter:saturate(.8)}

/* Category strip */
.category-strip{margin-top:13px;border-color:#dee7ef;border-radius:11px;box-shadow:var(--shadow-sm)}
.category-item{min-height:110px;padding:9px 5px 7px;background:linear-gradient(180deg,#fff,#fdfefe)}
.category-item:hover{background:#f7fbff;transform:translateY(-1px);z-index:2;box-shadow:0 5px 16px rgba(16,54,93,.07)}
.category-item img{width:100%;height:59px;object-fit:contain!important;transform:scale(.96);transition:transform .2s ease}
.category-item:hover img{transform:scale(1.02)}
.category-item span{font-size:10.5px;line-height:1.25;min-height:26px;color:#152841}
.category-item b{font-size:16px;color:#0a6bd0;opacity:.95}

/* Product cards */
.product-section{margin-top:27px}
.section-head h2{font-size:19px;letter-spacing:-.35px;color:#102b4b;margin-bottom:13px}
.link-btn{font-size:10.5px;font-weight:700;text-decoration:none;padding:6px 3px}
.link-btn:hover{color:#064d99;gap:8px}
.product-grid{gap:9px}
.product-card{border-color:#dfe7ef;border-radius:10px;box-shadow:0 2px 8px rgba(13,46,80,.045);min-height:300px}
.product-card:hover{border-color:#c6d8e8;box-shadow:0 13px 30px rgba(14,48,82,.105);transform:translateY(-3px)}
.label{top:8px;left:8px;border-radius:4px;padding:5px 7px;box-shadow:0 3px 8px rgba(0,0,0,.09);letter-spacing:.01em}
.label.blue{background:linear-gradient(180deg,#096dd4,#075ab1)}
.label.green{background:linear-gradient(180deg,#1aa254,#158343)}
.product-link{padding:8px 7px 0;background:linear-gradient(180deg,#fff 0,#fff 66%,#fcfdff 100%)}
.product-image{height:126px;object-fit:contain!important;transform:scale(.97);transition:transform .22s ease}
.product-card:hover .product-image{transform:scale(1.035)}
.product-content{padding:5px 11px 11px}
.product-content small{font-size:9.5px;color:#273a50;margin-bottom:4px}
.product-content h3{font-size:10px;line-height:1.4;min-height:42px;color:#26374a;margin-bottom:7px}
.product-content h3 a:hover{color:#075fbd}
.old-price{font-size:9.5px;color:#84909d}
.price-row{margin-bottom:9px}
.price-row strong{font-size:14.5px;letter-spacing:-.25px;color:#075fbd}
.discount,.installment{font-size:7.8px;font-weight:800;border-radius:6px}
.cart-add,.outline-action{height:32px;border-color:#0a69cc;border-radius:5px;font-size:9.5px;background:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.cart-add:hover,.outline-action:hover{background:#0968c9;border-color:#0968c9;box-shadow:0 5px 13px rgba(8,99,194,.16)}

/* Benefits */
.benefits{margin-top:14px;padding:19px 17px;border-color:#dfe7ef;border-radius:10px;background:linear-gradient(180deg,#fafcfe,#f7f9fc);box-shadow:0 2px 8px rgba(15,50,83,.035)}
.benefit{gap:11px;padding:1px 14px}
.benefit>svg{width:32px;height:32px}
.benefit strong{font-size:10.5px;color:#182e47;margin-bottom:5px}
.benefit span{font-size:8.8px;line-height:1.42;color:#58677a}

/* Campaign cards */
.campaigns{gap:13px;margin-top:13px}
.campaign{min-height:156px;border:1px solid #e3eaf1;border-radius:9px;box-shadow:0 3px 11px rgba(20,54,88,.055);transition:transform .2s ease,box-shadow .2s ease}
.campaign:hover{transform:translateY(-2px);box-shadow:0 12px 27px rgba(20,54,88,.1)}
.campaign>div{padding:21px 20px}
.campaign h2{font-size:18.5px;letter-spacing:-.4px;line-height:1.23}
.campaign p{font-size:9.6px;color:#40546a}
.campaign>div span{font-size:9.5px;border-radius:5px;padding:9px 11px;box-shadow:0 4px 10px rgba(0,0,0,.09)}
.campaign img{object-fit:contain;padding:4px 3px 0 0;filter:drop-shadow(0 10px 14px rgba(41,61,82,.08))}
.summer{background:linear-gradient(100deg,#edf9ff 0,#e4f5ff 60%,#d8f0ff 100%)}
.winter{background:linear-gradient(100deg,#fff7ef 0,#fff0e4 60%,#fce7d7 100%)}

/* Brand strip and footer */
.brands{margin-top:16px;background:#fff;border-color:#e7ebef}
.brand-row{height:64px;color:#2f363d;gap:6px;filter:grayscale(1);opacity:.92}
.brand-row span{font-size:19px;letter-spacing:-.6px}
.brand-row span:nth-child(4){letter-spacing:.2px;font-weight:700}
footer{background:#fff}
.footer-grid{gap:34px;padding-top:28px;padding-bottom:25px}
.footer-grid h3{font-size:10.5px;color:#142a44}
.footer-grid p,.footer-grid a,.footer-grid small{font-size:8.8px;color:#526176;line-height:1.75}
.footer-grid a:hover{color:#0868cf}
.socials span{width:23px;height:23px;box-shadow:0 3px 8px rgba(8,76,142,.12)}
.contact strong{font-size:11.5px}
.whatsapp{border-color:#a9dfba!important;background:linear-gradient(180deg,#f2fff5,#eaf9ee)!important;box-shadow:0 3px 8px rgba(20,145,62,.06)}
.whatsapp:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(20,145,62,.11)}
.footer-bottom{background:linear-gradient(90deg,#063966,#04325b);border-top:1px solid rgba(255,255,255,.04)}
.footer-bottom>.container{min-height:48px}

/* Inner storefront quality */
.page-head{padding-top:34px}
.page-head h1{letter-spacing:-1px;color:#102a48}
.filters,.big-category,.product-gallery,.description-card,.content-page,.cart-items,.cart-summary,.checkout-form,.preview-cartbox,.preview-product-image{border-color:#dfe7ef;box-shadow:0 4px 18px rgba(14,48,82,.045)}
.big-category:hover{border-color:#c9d9e8;box-shadow:0 13px 32px rgba(24,40,61,.085);transform:translateY(-2px)}
.product-gallery,.preview-product-image{background:linear-gradient(180deg,#fff,#fbfdff)}
.detail-price,.preview-price{color:#075fbd;letter-spacing:-.7px}
.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.detail-cart input:focus{outline:0;border-color:#6ba6df;box-shadow:0 0 0 3px rgba(8,104,207,.1)}
.toast{border-radius:9px;box-shadow:0 12px 35px rgba(0,0,0,.18)}

@media (min-width:1081px){
  .container{width:min(1200px,calc(100% - 48px))}
  .product-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media (max-width:1080px){
  .brand{min-width:215px}
  .brand-mark{width:44px;height:44px;flex-basis:44px}.brand-mark svg{width:44px;height:44px}
  .brand-copy strong{font-size:23px}
  .nav a,.all-categories{padding-inline:13px}
}
@media (max-width:760px){
  .header-inner{padding-block:10px;gap:10px}
  .brand-mark{width:42px;height:42px;flex-basis:42px}.brand-mark svg{width:42px;height:42px}
  .brand-copy strong{font-size:21px;letter-spacing:-.8px}
  .mobile-menu-btn{width:40px;height:40px;border:1px solid #dbe5ef;border-radius:8px;box-shadow:0 3px 9px rgba(18,50,82,.05)}
  .search{border-radius:8px}
  .hero{border-radius:12px;overflow:hidden}
  .hero-copy{padding:28px 24px 18px}
  .hero h1{font-size:33px;letter-spacing:-1.35px}
  .hero-visual{height:255px;padding:0 5px}
  .hero-visual img{object-fit:contain}
  .category-strip,.product-grid{scrollbar-width:none}
  .category-strip::-webkit-scrollbar,.product-grid::-webkit-scrollbar{display:none}
  .category-item{min-width:118px}
  .product-card{min-width:225px}
  .benefits{padding:10px 13px}
  .benefit{min-height:72px}
  .campaign{min-height:170px}
}
@media (max-width:480px){
  .brand-copy small{display:block}
  .hero h1{font-size:29px}
  .hero p{font-size:12.5px}
  .hero-features{gap:11px;margin-top:21px}
  .hero-features span{font-size:9px}
  .hero-visual{height:215px}
  .product-card{min-width:218px}
  .campaign>div{padding:17px 14px}
  .campaign h2{font-size:15.5px}
}

/* 2026-08 storefront, product-detail and SEO content improvements */
.product-card{position:relative}
.favorite-btn{position:absolute;right:9px;top:8px;z-index:4;width:32px;height:32px;border:1px solid #dce5ee;border-radius:50%;background:rgba(255,255,255,.96);display:grid;place-items:center;color:#617287;cursor:pointer;box-shadow:0 3px 10px rgba(16,49,83,.08);transition:.18s}
.favorite-btn svg{width:17px;height:17px}
.favorite-btn:hover,.favorite-btn.active{color:#d83b57;border-color:#f0b7c2;background:#fff5f7}
.favorite-btn.active svg{fill:currentColor}
.favorite-btn:disabled{opacity:.55;cursor:wait}
.product-card .label{max-width:calc(100% - 50px)}
.product-image{height:150px;object-fit:contain!important;padding:4px;image-rendering:auto}
.product-detail{grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);gap:54px;align-items:start}
.product-gallery{min-height:570px;overflow:hidden;padding:24px;background:linear-gradient(180deg,#fff,#fbfdff)}
.product-gallery img{display:block;width:96%;max-width:680px;height:auto;max-height:525px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 16px 24px rgba(15,43,72,.08))}
.product-info{padding-top:18px}
.product-info h1{font-size:36px;letter-spacing:-.8px}
.detail-cart{align-items:stretch}
.detail-cart input{width:82px;min-height:44px;font-size:15px;text-align:center}
.detail-cart .primary-btn{border:0;cursor:pointer;justify-content:center;min-width:190px}
.detail-cart .primary-btn:disabled,.cart-add:disabled{opacity:.55;cursor:not-allowed}
.description-card{padding:32px 34px}
.description-card h2,.faq-card h2,.category-seo-copy h2,.home-seo-copy h2{color:#102a48;letter-spacing:-.35px}
.buying-guide{margin-top:26px;padding-top:24px;border-top:1px solid #e7edf3}
.buying-guide a{color:#0866c8;font-weight:700;text-decoration:none}
.faq-card{margin-top:-24px;margin-bottom:42px;border:1px solid #e2e9f0;border-radius:16px;padding:26px 30px;background:#fff;box-shadow:0 4px 18px rgba(14,48,82,.04)}
.faq-card details{border-top:1px solid #e8edf2;padding:14px 0}
.faq-card details:first-of-type{border-top:0}
.faq-card summary{cursor:pointer;font-weight:700;color:#172e48}
.faq-card p{color:#52657a;line-height:1.7;margin:10px 0 0}
.related-products{margin-bottom:48px}
.category-seo-copy,.home-seo-copy{margin-top:10px;margin-bottom:44px;border:1px solid #e2e9f0;border-radius:16px;padding:30px 34px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 4px 18px rgba(14,48,82,.04)}
.category-seo-copy p,.home-seo-copy p{line-height:1.78;color:#495c72}
.seo-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.seo-link-grid a{display:flex;flex-direction:column;gap:7px;text-decoration:none;border:1px solid #e2e9f0;border-radius:11px;padding:16px;background:#fff;color:#18314d;transition:.18s}
.seo-link-grid a:hover{border-color:#bdd3e8;box-shadow:0 8px 20px rgba(17,54,90,.08);transform:translateY(-1px)}
.seo-link-grid span{font-size:11px;line-height:1.55;color:#63748a}
.legal-section{padding:7px 0 10px;border-top:1px solid #e8edf2}
.legal-section:first-of-type{border-top:0}
.legal-section h2{font-size:20px;color:#17314e;margin-bottom:8px}
.legal-contact{margin-top:22px;padding:14px 16px;border-radius:10px;background:#f4f8fc;color:#40546b;font-size:13px}
.legal-contact a{color:#0866c8}
.narrow-page{max-width:760px}
.tracking-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.tracking-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#2c425a}
.tracking-form input{padding:12px;border:1px solid #cfd9e3;border-radius:9px;font:inherit}
.tracking-form .primary-btn{grid-column:1/-1;border:0;cursor:pointer;width:max-content}
.tracking-result{margin-top:24px;border:1px solid #dbe6ef;border-radius:12px;padding:18px;background:#f9fbfd}
.tracking-result h2{margin-top:0}
.tracking-result>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-top:1px solid #e4eaf0}
.favorites-page{padding-bottom:50px}
.toast.error{background:#912f39}
.listing-meta span{font-size:12px;color:#66788d}
.content-page .lead{font-size:16px;line-height:1.7;color:#53667b}

@media(max-width:900px){
  .product-detail{grid-template-columns:1fr;gap:26px}
  .product-gallery{min-height:440px}
  .product-gallery img{width:94%;max-height:400px}
  .product-info{padding-top:0}
  .seo-link-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .product-gallery{min-height:340px;padding:15px}
  .product-gallery img{width:100%;max-height:315px}
  .product-info h1{font-size:27px}
  .detail-cart{display:grid;grid-template-columns:82px 1fr}
  .detail-cart .primary-btn{min-width:0}
  .description-card,.faq-card,.category-seo-copy,.home-seo-copy{padding:22px 18px}
  .faq-card{margin-top:-22px}
  .seo-link-grid,.tracking-form{grid-template-columns:1fr}
  .tracking-form .primary-btn{grid-column:auto;width:100%}
}
.preview-product-image{min-height:560px;padding:24px;overflow:hidden;display:grid;place-items:center}
.preview-product-image img{display:block;width:96%;max-width:680px;height:auto;max-height:520px;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(15,43,72,.08))}
@media(max-width:900px){.preview-product-image{min-height:420px}.preview-product-image img{max-height:390px}}
@media(max-width:600px){.preview-product-image{min-height:330px;padding:14px}.preview-product-image img{width:100%;max-height:305px}}

/* 2026-08-21 final commerce/security UX refinements */
.shipping-progress{display:block!important;padding:14px!important;background:#f2f8ff;border:1px solid #d7e9fb!important;border-radius:12px;margin-bottom:10px}
.shipping-progress strong{display:block;font-size:13px;color:#0b5da9;margin-bottom:9px}
.shipping-progress>span{display:block;height:8px;background:#dbe8f4;border-radius:999px;overflow:hidden}
.shipping-progress>span i{display:block;height:100%;background:linear-gradient(90deg,#0a6bd2,#25a06b);border-radius:inherit;min-width:2px}
.shipping-progress small,.shipping-note{display:block;color:#68788a;font-size:11px;line-height:1.45;margin-top:8px}
.checkout-consents{display:grid;gap:10px;margin:18px 0}
.checkout-consents label{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid #dfe7ef;border-radius:10px;background:#fafcfe;font-size:13px;line-height:1.55;color:#34485d}
.checkout-consents input{width:18px;height:18px;margin-top:2px;flex:0 0 18px;accent-color:#0a65c7}
.checkout-consents a{color:#0b61bd;font-weight:700}
.representative-image-note{margin:14px 0 0;color:#758496;font-size:11px;line-height:1.55}
.product-gallery{min-height:620px;padding:18px}
.product-gallery img{width:100%;max-width:760px;max-height:580px}
@media(max-width:900px){.product-gallery{min-height:460px}.product-gallery img{max-height:430px}}
@media(max-width:560px){.product-gallery{min-height:360px;padding:10px}.product-gallery img{max-height:340px}.checkout-consents label{font-size:12px}}