:root{--navy:#071525;--navy-2:#0c2239;--blue:#36a7ff;--amber:#ffb02e;--paper:#f5f7fa;--white:#fff;--ink:#102033;--muted:#667487;--line:#dfe5ec;--radius:18px;--shadow:0 18px 50px rgba(4,19,35,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}.announcement{background:var(--blue);color:#041526;text-align:center;padding:8px 20px;font-size:.82rem;font-weight:800;letter-spacing:.03em}.announcement span{margin:0 10px}.site-header{height:78px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:rgba(7,21,37,.96);color:white;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.08em}.brand b{color:var(--blue)}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--blue);color:var(--navy);font-weight:950;letter-spacing:-.08em;clip-path:polygon(0 0,100% 0,100% 72%,74% 100%,0 100%)}nav{display:flex;gap:30px}nav a{font-size:.92rem;color:#c8d3df;font-weight:650}nav a:hover{color:white}.header-actions{display:flex;gap:9px}.icon-btn,.cart-btn,.menu-btn{border:1px solid rgba(255,255,255,.18);background:transparent;color:white;border-radius:10px;height:42px;padding:0 15px;cursor:pointer}.icon-btn{font-size:1.45rem}.cart-btn{font-weight:750}.cart-btn span{background:var(--amber);color:var(--navy);border-radius:999px;padding:2px 7px;margin-left:7px}.menu-btn{display:none;font-size:1.2rem}.hero{min-height:640px;position:relative;background:var(--navy);color:white;display:flex;align-items:center;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,22,.97) 0%,rgba(3,12,22,.84) 35%,rgba(3,12,22,.2) 70%,rgba(3,12,22,.12))}.hero-copy{position:relative;z-index:2;width:min(650px,90%);margin-left:clamp(20px,7vw,110px);padding:75px 0}.eyebrow{color:var(--blue);font-size:.75rem;font-weight:900;letter-spacing:.16em;margin:0 0 12px}.hero h1{font-size:clamp(3.2rem,7vw,6.4rem);line-height:.94;letter-spacing:-.065em;margin:0 0 24px}.hero h1 span{color:var(--blue)}.hero-copy>p:not(.eyebrow){color:#c7d2df;max-width:540px;font-size:1.08rem}.hero-actions{display:flex;gap:12px;margin:30px 0}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:49px;padding:0 22px;border-radius:11px;font-weight:850;border:1px solid transparent;cursor:pointer}.primary{background:var(--blue);color:var(--navy)}.primary:hover{background:#71c2ff}.secondary{border-color:rgba(255,255,255,.3);color:white}.secondary:hover{background:white;color:var(--navy)}.trust-row{display:flex;flex-wrap:wrap;gap:20px;color:#a9b8c7;font-size:.83rem;font-weight:650}.category-strip{margin:-32px auto 0;position:relative;z-index:3;width:min(1100px,calc(100% - 40px));display:grid;grid-template-columns:repeat(4,1fr);background:white;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.category-strip button{border:0;border-right:1px solid var(--line);background:white;padding:22px 15px;font-weight:800;cursor:pointer}.category-strip button:last-child{border-right:0}.category-strip button:hover{background:#eff8ff;color:#0877cd}.category-strip span{font-size:1.35rem;color:var(--blue);margin-right:8px}.shop-section{padding:110px clamp(20px,7vw,110px)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}.section-heading h2,.why h2,.contact h2{font-size:clamp(2.1rem,4vw,4rem);line-height:1;letter-spacing:-.045em;margin:0}.section-heading>p{max-width:450px;color:var(--muted);margin:0}.toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:16px;align-items:center;margin-bottom:16px}.search-box{background:white;border:1px solid var(--line);border-radius:12px;padding:0 16px;height:48px;display:flex;align-items:center;gap:10px}.search-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(54,167,255,.15)}.search-box input{border:0;outline:0;background:transparent;width:100%;min-width:0}.filters{display:flex;gap:7px;overflow:auto}.filters button,.toolbar select{height:44px;padding:0 14px;border:1px solid var(--line);background:white;border-radius:10px;color:var(--ink);cursor:pointer;white-space:nowrap}.filters button.active{background:var(--navy);color:white;border-color:var(--navy)}.toolbar select{outline:0}.results-count{color:var(--muted);font-size:.86rem}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.product-card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.22s ease;position:relative}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-visual{height:190px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf5fd,#f8fbfd);font-size:5rem;position:relative}.product-visual:after{content:"";width:110px;height:18px;background:rgba(0,30,60,.1);border-radius:50%;filter:blur(10px);position:absolute;bottom:28px}.product-visual span{position:relative;z-index:1;filter:drop-shadow(0 14px 12px rgba(3,20,35,.19))}.badge{position:absolute;top:13px;left:13px;background:var(--amber);color:var(--navy);border-radius:999px;padding:5px 9px;font-size:.7rem;font-weight:900;z-index:2}.product-info{padding:18px}.product-info small{color:#1683d6;font-weight:850}.product-info h3{margin:5px 0 3px;font-size:1.05rem}.product-info p{margin:0;color:var(--muted);font-size:.84rem}.price-row{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.price-row strong{font-size:1.18rem}.price-row button{width:40px;height:40px;border:0;background:var(--navy);color:white;border-radius:10px;font-size:1.3rem;cursor:pointer}.price-row button:hover{background:var(--blue);color:var(--navy)}.quick-view{border:0;background:transparent;padding:0;margin-top:12px;color:#0877cd;font-weight:750;cursor:pointer}.empty-state{text-align:center;padding:70px}.empty-state span{font-size:3rem}.why{background:var(--navy);color:white;padding:100px clamp(20px,7vw,110px);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.why-copy>p:not(.eyebrow){color:#a9b9c9;max-width:520px}.text-link{color:var(--blue);font-weight:800}.benefits article{display:grid;grid-template-columns:65px 1fr;gap:17px;border-top:1px solid rgba(255,255,255,.15);padding:25px 0}.benefits b{color:var(--blue);font-size:.82rem}.benefits h3{margin:0 0 4px;font-size:1.15rem}.benefits p{margin:0;color:#9cafc0}.contact{margin:80px clamp(20px,7vw,110px);background:var(--blue);color:var(--navy);border-radius:24px;padding:55px;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact .eyebrow{color:var(--navy)}.contact p:not(.eyebrow){margin-bottom:0}.whatsapp{background:#16a768;color:white}.whatsapp:hover{background:#0b8953}footer{background:#04101e;color:#a9b7c5;padding:45px clamp(20px,7vw,110px);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}footer>div{display:flex;gap:25px}footer small{grid-column:1/-1;border-top:1px solid #233241;padding-top:20px}.overlay{position:fixed;inset:0;background:rgba(1,9,18,.65);z-index:40}.cart-drawer{position:fixed;z-index:50;top:0;right:0;width:min(440px,100%);height:100vh;background:white;transform:translateX(105%);transition:.3s ease;display:flex;flex-direction:column;padding:25px}.cart-drawer.open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:17px}.drawer-head h2{margin:0}.drawer-head button,.modal-close{border:0;background:#edf1f5;border-radius:50%;width:40px;height:40px;font-size:1.7rem;cursor:pointer}.cart-items{overflow:auto;flex:1}.cart-item{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.cart-item-icon{height:58px;background:#edf5fa;border-radius:10px;display:grid;place-items:center;font-size:2rem}.cart-item h4{margin:0}.cart-item p{margin:2px 0;color:var(--muted);font-size:.83rem}.qty{display:flex;align-items:center;gap:7px}.qty button{border:1px solid var(--line);background:white;border-radius:6px;width:27px;height:27px;cursor:pointer}.remove{border:0;background:transparent;color:#b13232;cursor:pointer;font-size:.8rem}.cart-empty{text-align:center;margin:auto;color:var(--muted)}.cart-empty span{font-size:3rem}.cart-empty h3{color:var(--ink);margin-bottom:2px}.cart-summary{border-top:1px solid var(--line);padding-top:20px}.cart-summary>div{display:flex;justify-content:space-between;font-size:1.2rem}.cart-summary p{color:var(--muted);font-size:.8rem}.full{width:100%;border:0}.clear-cart{width:100%;border:0;background:transparent;color:#b13232;margin-top:10px;cursor:pointer}.toast{position:fixed;z-index:80;bottom:25px;left:50%;transform:translate(-50%,120px);background:var(--navy);color:white;padding:12px 19px;border-radius:10px;box-shadow:var(--shadow);transition:.25s}.toast.show{transform:translate(-50%,0)}dialog{border:0;border-radius:20px;padding:0;width:min(560px,calc(100% - 30px));box-shadow:0 25px 80px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(2,12,23,.72)}.modal-close{position:absolute;right:15px;top:15px;z-index:2}.modal-body{padding:35px}.modal-visual{height:230px;background:linear-gradient(145deg,#eaf5fd,#f8fbfd);display:grid;place-items:center;font-size:7rem}.modal-body h2{margin-bottom:5px}.modal-body p{color:var(--muted)}.modal-body .btn{width:100%;margin-top:15px}.results-count{min-height:20px}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,1fr)}.toolbar{grid-template-columns:1fr}.filters{order:3}.hero>img{object-position:62% center}.why{grid-template-columns:1fr}.category-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.announcement{font-size:.7rem}.site-header{height:68px}.menu-btn{display:block;order:2}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--navy);padding:20px;flex-direction:column;gap:14px}.site-header nav.open{display:flex}.header-actions{margin-left:auto;margin-right:8px}.icon-btn{display:none}.brand{font-size:.86rem}.brand-mark{width:34px;height:34px}.hero{min-height:660px;align-items:flex-end}.hero>img{object-position:70% center;opacity:.56}.hero:after{background:linear-gradient(0deg,rgba(3,12,22,.98) 20%,rgba(3,12,22,.28) 90%)}.hero-copy{margin:0;padding:60px 20px}.hero h1{font-size:3.5rem}.trust-row{gap:10px}.category-strip{margin-top:0;width:100%;border-radius:0}.category-strip button{padding:18px 8px;font-size:.8rem}.category-strip span{display:block;margin:0}.shop-section{padding-top:75px}.section-heading{display:block}.section-heading>p{margin-top:14px}.product-grid{grid-template-columns:1fr}.product-visual{height:220px}.why{padding-top:75px;padding-bottom:75px}.contact{margin:40px 20px;padding:35px 25px;display:block}.contact .btn{margin-top:20px;width:100%}footer{grid-template-columns:1fr}footer>div{flex-wrap:wrap}footer small{grid-column:auto}.hero-actions{flex-direction:column;align-items:stretch}.btn{text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}