:root{--ink:#f2f5f7;--muted:#93a2a8;--night:#06141c;--night2:#0a202b;--silver:#b9c8d2;--silver2:#e6edf2;--line:rgba(190,205,215,.18);--green:#25d366}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font-family:Arial,"Noto Sans Hebrew",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}
.topbar{position:absolute;z-index:10;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(20px,5vw,76px);border-bottom:1px solid rgba(255,255,255,.08)}
.brand,.footer-brand{display:flex;gap:14px;align-items:center}
.brand-logo{width:88px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
.footer-brand .brand-logo{width:66px;height:36px}
.brand b,.footer-brand b{display:block;font-size:20px;letter-spacing:.02em}
.brand small,.footer-brand small{display:block;color:var(--silver2);font-size:9px;letter-spacing:.2em}
.top-order{border-bottom:1px solid var(--silver);padding:7px 0;font-size:14px}
.hero{min-height:750px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:140px clamp(20px,7vw,110px) 70px;position:relative;overflow:hidden;background:radial-gradient(circle at 15% 12%,rgba(44,108,130,.22),transparent 35%),linear-gradient(135deg,#05121a,#0a202b 72%,#06151d)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,var(--night))}
.hero-copy{position:relative;z-index:2;max-width:640px}
.eyebrow{color:var(--silver2);font-size:13px;letter-spacing:.12em;margin:0 0 18px;display:flex;align-items:center;gap:10px}
.eyebrow span{display:inline-block;width:34px;height:1px;background:var(--silver)}
h1{font-size:clamp(52px,6.4vw,92px);line-height:.98;letter-spacing:-.045em;margin:0;font-weight:700}
h1 em{font-style:normal;color:var(--silver2);font-weight:400}
.lead{max-width:550px;font-size:18px;color:#bbc7cb;margin:30px 0;line-height:1.8}
.primary,.whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:linear-gradient(135deg,#f0f4f7,#a9bccb);color:#081820;font-weight:700;padding:16px 24px;min-height:55px;transition:.2s}
.primary:hover,.whatsapp:hover{transform:translateY(-2px);filter:brightness(1.05)}
.hero-facts{display:flex;gap:18px;align-items:center;color:#87989f;margin-top:38px;font-size:13px}
.hero-facts b{color:var(--ink);font-size:16px}
.hero-facts i{width:1px;height:22px;background:var(--line)}
.bottle-stage{height:560px;position:relative;display:flex;align-items:flex-end;justify-content:center;direction:ltr;filter:drop-shadow(0 30px 35px rgba(0,0,0,.45))}
.halo{position:absolute;width:410px;height:410px;border:1px solid rgba(185,200,210,.22);border-radius:50%;bottom:55px;box-shadow:0 0 90px rgba(67,136,158,.18) inset}
.bottle{position:absolute;bottom:44px;border:1px solid rgba(230,243,245,.22);background:linear-gradient(90deg,rgba(255,255,255,.07),rgba(94,156,174,.09) 35%,rgba(255,255,255,.17) 45%,rgba(20,53,65,.2) 75%);box-shadow:inset 14px 0 30px rgba(255,255,255,.04),inset -18px 0 25px rgba(0,0,0,.24);border-radius:22px 22px 30px 30px}
.bottle:before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:-85px;width:42%;height:90px;border:1px solid rgba(230,243,245,.22);background:linear-gradient(90deg,#091b24,rgba(138,180,190,.16),#091b24)}
.bottle-main{width:180px;height:370px;z-index:3}
.bottle-back{width:130px;height:300px;transform:translateX(-130px);opacity:.52}
.bottle-side{width:125px;height:270px;transform:translateX(130px);opacity:.42}
.cap{position:absolute;top:-102px;left:50%;transform:translateX(-50%);width:58px;height:25px;border:1px solid var(--silver);background:#17252b}
.label{position:absolute;inset:105px 17px auto;border:1px solid rgba(185,200,210,.5);padding:30px 8px;color:var(--silver2);text-align:center;font-family:Georgia,serif;font-size:32px;letter-spacing:.12em;background:rgba(6,21,29,.78)}
.label small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.2em;margin-top:12px;line-height:1.5}
.surface{position:absolute;bottom:35px;width:500px;height:22px;border-radius:50%;background:rgba(0,0,0,.55);filter:blur(10px)}
.catalog{padding:95px clamp(18px,6vw,90px);max-width:1440px;margin:auto}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}
.section-head h2,.order-strip h2{font:400 clamp(42px,5vw,67px)/1 Georgia,"Times New Roman",serif;margin:0}
.section-head>p{color:var(--muted);max-width:460px;margin:0 0 5px}
.tools{position:sticky;top:12px;z-index:5;background:rgba(6,20,28,.92);backdrop-filter:blur(14px);padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.search{height:50px;display:flex;align-items:center;gap:12px;background:#0d2632;border:1px solid rgba(255,255,255,.1);padding:0 16px}
.search span{font-size:25px;color:var(--silver)}
.search input{width:100%;background:transparent;border:0;outline:0;color:#fff;font:inherit;font-size:16px}
.search input::placeholder{color:#7f9097}
.chips{display:flex;gap:8px;overflow:auto;padding-top:12px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{white-space:nowrap;border:1px solid rgba(255,255,255,.13);background:transparent;color:#aebbc0;padding:8px 15px;border-radius:30px;cursor:pointer;font:inherit;font-size:13px}
.chip.active{border-color:var(--silver);color:#071720;background:var(--silver2)}
.results{font-size:13px;color:#73868e;margin:22px 0}
.group{margin:0 0 46px}.group-title{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.group-title h3{margin:0;font-size:25px;font-weight:500}
.group-title span{color:#61747b;font-size:12px}
.group-title:after{content:"";height:1px;background:var(--line);flex:1}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.product{background:linear-gradient(145deg,#0d2631,#091d27);border:1px solid rgba(255,255,255,.075);padding:0 0 20px;min-height:218px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.2s}
.product:hover{border-color:rgba(190,205,215,.5);transform:translateY(-3px)}
.product-img{background:linear-gradient(160deg,#fbfdfe,#e9eef1);aspect-ratio:1/1;display:grid;place-items:center;padding:18px;margin-bottom:16px}
.product-img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(10,25,32,.18))}
.product-kicker{font-size:10px;letter-spacing:.12em;color:#667b83;padding:0 20px}
.product h4{font-size:20px;margin:8px 0 3px;padding:0 20px}
.size{color:#91a1a6;font-size:13px;padding:0 20px}
.product-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:auto;padding:20px 20px 0}
.price{font:400 31px/1 Georgia,serif;color:var(--silver2);direction:rtl}
.price small{font:14px Arial,sans-serif}
.order{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);color:var(--silver2);transition:.2s}
.order:hover{background:var(--silver2);color:var(--night)}
.empty{text-align:center;border:1px solid var(--line);padding:55px}
.empty strong,.empty span{display:block}
.empty span{color:var(--muted);margin:8px 0 20px}
.empty button{background:transparent;color:var(--silver2);border:1px solid var(--silver);padding:10px 17px;cursor:pointer}
.order-strip{margin:0 clamp(18px,6vw,90px) 90px;padding:60px clamp(25px,5vw,70px);display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--line);background:radial-gradient(circle at 85% 20%,rgba(55,124,144,.24),transparent 40%),#0a202b}
.order-strip h2{margin-bottom:14px}
.order-strip p:last-child{color:var(--muted);margin:0}
.whatsapp{background:var(--green);color:#061810;min-width:260px}
footer{padding:32px clamp(20px,6vw,90px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#768990}
footer .footer-brand b{color:var(--ink)}
footer p{font-size:13px}
@media(max-width:980px){.grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr .75fr}.bottle-stage{transform:scale(.85)}}
@media(max-width:720px){.topbar{padding:14px 18px}.top-order{font-size:12px}.brand b{font-size:17px}.brand-logo{width:66px;height:36px}
.hero{min-height:auto;display:block;padding:125px 20px 50px}.hero-copy{max-width:none}.hero h1{font-size:52px}.lead{font-size:16px;margin:22px 0}
.hero-facts{gap:10px;flex-wrap:wrap;margin-top:26px}.bottle-stage{height:335px;transform:scale(.67);margin:-35px -70px -45px}
.catalog{padding:68px 16px}.section-head{display:block}.section-head>p{margin-top:17px}.tools{top:0}
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.product{min-height:190px;padding-bottom:14px}
.product-img{padding:12px;margin-bottom:10px}
.product h4{font-size:16px;padding:0 14px}
.product-kicker,.size{padding:0 14px}
.product-bottom{padding:14px 14px 0}
.price{font-size:25px}
.order{width:38px;height:38px}
.group{margin-bottom:36px}
.order-strip{margin:0 16px 58px;padding:38px 24px;display:block}
.order-strip h2{font-size:39px}
.whatsapp{width:100%;margin-top:28px}
.footer-brand small{letter-spacing:.08em}
footer{padding:28px 18px;align-items:flex-end}
footer p{max-width:110px;text-align:left}}
@media(max-width:370px){.hero h1{font-size:46px}.grid{grid-template-columns:1fr}.product{min-height:174px}}
