.vv{--vv-main:#17A9E1; --vv-deep:#0A7DB5; --vv-map:#16ADE4; --vv-teal:#12929F; --vv-pink:#C93A68; --vv-sun:#E3B04B;--vv-bg:#FFFFFF; --vv-bg-alt:#EDF7FC; --vv-surface:#FFFFFF; --vv-ink:#14303D; --vv-ink-soft:#456373; --vv-line:#D3E7F1; --vv-stage:#DCF0FA; --vv-accent-text:#0A7DB5;--vv-kids-bg:#C2E5FB; --vv-kids-ink:#C93A68; --vv-white:#FFFFFF; --vv-deep-ink:#07354C;--vv-font:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--vv-shadow:0 18px 40px -22px rgba(7,53,76,.45);}.vv *{box-sizing:border-box}html{scroll-behavior:smooth}.vv{background:var(--vv-bg);color:var(--vv-ink);font-family:var(--vv-font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.vv img{max-width:100%;height:auto}.vv a{color:inherit}.vv :focus-visible{outline:3px solid var(--vv-main);outline-offset:3px;border-radius:4px}.vv h1,.vv h2,.vv h3{font-family:var(--vv-font);font-weight:800;line-height:1.05;margin:0;text-wrap:balance;letter-spacing:-.01em;color:inherit}.vv p{margin:0}.vv .wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:20px}.vv .sec{padding-block:clamp(56px,8vw,112px)}.vv .sec h2{font-size:clamp(2rem,4.6vw,3.4rem);text-transform:uppercase;font-weight:900}.vv .lede{font-size:clamp(1.02rem,1.5vw,1.2rem);color:var(--vv-ink-soft);max-width:60ch}.vv .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.8rem 1.6rem;border-radius:999px;border:2px solid transparent;font:800 .95rem/1 var(--vv-font);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .2s,background .2s,color .2s}.vv .btn:hover{transform:translateY(-2px)}.vv .btn-primary{background:var(--vv-main);color:#fff;border-color:var(--vv-main)}.vv .btn-primary:hover{background:var(--vv-deep);border-color:var(--vv-deep)}.vv .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.8)}.vv .btn-ghost:hover{background:#fff;color:var(--vv-deep)}.vv .btn[disabled]{opacity:.5;cursor:not-allowed}.vv .wave{display:block;width:100%;height:clamp(28px,5vw,70px)}.vv .wave path{fill:currentColor}.vv .ann{background:var(--vv-deep);color:#fff;text-align:center;font-size:.8rem;font-weight:600;letter-spacing:.04em;padding:.55rem 16px}.vv .ann span{opacity:.9;margin-inline-start:.6rem}.vv .hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--vv-bg);border-bottom:1px solid var(--vv-line)}.vv .hdr .wrap{display:flex;align-items:center;gap:24px;min-height:68px}.vv .logo img{display:block;height:24px;width:auto}.vv .nav{display:flex;gap:26px;margin-inline-start:auto;font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}.vv .nav a{text-decoration:none;padding:.4rem 0;border-bottom:2px solid transparent}.vv .nav a:hover{border-color:var(--vv-main)}.vv .cart{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;font-size:.85rem;text-decoration:none;background:var(--vv-bg-alt);border-radius:999px;padding:.55rem 1rem;border:0;color:var(--vv-ink);cursor:pointer;font-family:var(--vv-font)}.vv .cart b{display:inline-grid;place-items:center;min-width:1.5rem;height:1.5rem;border-radius:999px;background:var(--vv-main);color:#fff;font-size:.78rem}.vv .menu-btn{display:none;background:none;border:0;color:var(--vv-ink);font:800 .85rem var(--vv-font);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:.5rem}@media(max-width:900px){.vv .nav{display:none;position:absolute;inset:100% 0 auto 0;flex-direction:column;gap:0;background:var(--vv-bg);border-bottom:1px solid var(--vv-line);padding:8px 20px 16px}.vv .nav.open{display:flex}.vv .nav a{padding:.9rem 0;border-bottom:1px solid var(--vv-line)}.vv .menu-btn{display:block;margin-inline-start:auto}.vv .cart{margin-inline-start:0}}.vv .hero{position:relative;color:#fff;background-color:#0b6fa3;background-image:var(--hero-img);background-position:center 30%;background-size:cover;isolation:isolate}.vv .hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(7,60,92,.88) 0%,rgba(10,125,181,.55) 48%,rgba(23,169,225,.05) 100%)}.vv .hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;padding-block:clamp(40px,6vw,84px) clamp(70px,9vw,130px)}.vv .hero h1{font-size:clamp(2.8rem,7.4vw,6rem);font-weight:900;text-transform:uppercase;line-height:.95;letter-spacing:-.02em;color:#fff}.vv .hero .sub{margin-top:22px;font-size:clamp(1.05rem,1.6vw,1.3rem);max-width:34ch;font-weight:500}.vv .ar{font-family:'Noto Naskh Arabic','Segoe UI',serif;font-size:1.3rem;margin-top:14px;opacity:.95}.vv .hero .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.vv .facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px;padding:0;list-style:none}.vv .facts li{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(6px);border-radius:14px;padding:.6rem .95rem;font-size:.78rem;font-weight:600;line-height:1.25}.vv .facts b{display:block;font-size:1.25rem;font-weight:900}.vv .lineup{position:relative;width:100%;max-width:560px;margin-inline:auto;aspect-ratio:1/1.08}.vv .lineup img{position:absolute;bottom:0;width:auto;filter:drop-shadow(0 26px 22px rgba(3,40,64,.45));animation:vvbob 7s ease-in-out infinite}.vv .lineup .l1{height:70%;left:2%;animation-delay:-1.4s}.vv .lineup .l2{height:92%;left:25%;z-index:2}.vv .lineup .l3{height:60%;left:50%;z-index:3;animation-delay:-3s}.vv .lineup .l4{height:80%;right:2%;z-index:1;animation-delay:-4.5s}.vv .lineup .l5{height:42%;left:62%;bottom:-2%;z-index:4;animation-delay:-2s}@keyframes vvbob{50%{transform:translateY(-10px)}}.vv .hero .wave{position:absolute;inset:auto 0 -1px 0;color:var(--vv-bg)}@media(max-width:860px){.vv .hero .wrap{grid-template-columns:1fr}.vv .lineup{max-width:420px}}.vv .marq{background:var(--vv-deep);color:#fff;overflow:hidden;white-space:nowrap}.vv .marq div{display:inline-flex;gap:56px;padding-block:14px;animation:vvslide 40s linear infinite;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.88rem}.vv .marq span::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--vv-main);margin-inline-start:56px}@keyframes vvslide{to{transform:translateX(-50%)}}.vv .shop-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}.vv .filters{display:flex;flex-wrap:wrap;gap:8px}.vv .chip{border:2px solid var(--vv-line);background:var(--vv-surface);color:var(--vv-ink);font:700 .82rem var(--vv-font);padding:.55rem 1.1rem;border-radius:999px;cursor:pointer;min-height:40px}.vv .chip[aria-pressed="true"]{background:var(--vv-main);border-color:var(--vv-main);color:#fff}.vv .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}@media(max-width:1100px){.vv .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.vv .grid{grid-template-columns:minmax(0,1fr)}}.vv .sku{display:flex;flex-direction:column;background:var(--vv-surface);border:1px solid var(--vv-line);border-radius:22px;overflow:hidden;transition:box-shadow .25s,transform .25s}.vv .sku:hover{box-shadow:var(--vv-shadow);transform:translateY(-4px)}.vv .sku[hidden]{display:none}.vv .stage{position:relative;height:340px;background:radial-gradient(120% 90% at 50% 100%,var(--vv-stage),var(--vv-bg-alt));display:flex;align-items:flex-end;justify-content:center;padding:22px 16px 0}.vv .stage img{height:calc(var(--h,80) * 3.2px);width:auto;max-width:none;filter:drop-shadow(0 16px 14px rgba(7,53,76,.28));transition:transform .4s}.vv .sku:hover .stage img{transform:scale(1.05) translateY(-4px)}.vv .tag{position:absolute;top:14px;left:14px;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.35rem .7rem;border-radius:999px;background:var(--vv-main);color:#fff}.vv .tag.spark{background:var(--vv-teal)}.vv .tag.sport{background:var(--vv-deep-ink)}.vv .size{position:absolute;right:14px;top:10px;font-weight:900;font-size:1.7rem;color:var(--vv-accent-text);line-height:1}.vv .size small{font-size:.8rem;margin-inline-start:2px}.vv .sku .body{display:flex;flex-direction:column;gap:10px;padding:18px 18px 20px;flex:1}.vv .sku h3{font-size:1.05rem;font-weight:800;text-transform:uppercase;line-height:1.15}.vv .sku .note{font-size:.88rem;color:var(--vv-ink-soft);flex:1}.vv .sku .spec{font-size:.78rem;font-weight:600;color:var(--vv-accent-text);font-variant-numeric:tabular-nums}.vv .opts{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;background:var(--vv-bg-alt);padding:4px;border-radius:12px}.vv .opt{border:0;background:transparent;color:var(--vv-ink);font:700 .78rem var(--vv-font);padding:.55rem .4rem;border-radius:9px;cursor:pointer;min-height:40px}.vv .opt[aria-pressed="true"]{background:var(--vv-surface);box-shadow:0 1px 4px rgba(7,53,76,.25);color:var(--vv-accent-text)}.vv .buy{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vv .price{font-weight:900;font-size:1.35rem;font-variant-numeric:tabular-nums;margin-inline-end:auto}.vv .price small{display:block;font-size:.7rem;font-weight:600;color:var(--vv-ink-soft)}.vv .qty{display:inline-flex;align-items:center;border:2px solid var(--vv-line);border-radius:999px}.vv .qty button{width:34px;height:36px;border:0;background:none;color:var(--vv-ink);font:800 1.1rem var(--vv-font);cursor:pointer;padding:0}.vv .qty output{min-width:1.6rem;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}.vv .add{width:100%;margin-top:2px;min-height:46px;padding:.7rem 1rem;font-size:.85rem}.vv .add.done{background:var(--vv-teal);border-color:var(--vv-teal)}.vv .fine{margin-top:22px;font-size:.82rem;color:var(--vv-ink-soft)}.vv .alt{background:var(--vv-bg-alt)}.vv .split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}@media(max-width:860px){.vv .split{grid-template-columns:1fr}}.vv .split>*{min-width:0}.vv .split p+p{margin-top:16px}.vv .bottle-duo{position:relative;height:clamp(340px,44vw,520px);border-radius:28px;background:radial-gradient(90% 70% at 50% 100%,var(--vv-stage),var(--vv-bg));border:1px solid var(--vv-line);display:flex;align-items:flex-end;justify-content:center;gap:18px;padding:30px 20px 0;overflow:hidden}.vv .bottle-duo img{width:auto;filter:drop-shadow(0 20px 16px rgba(7,53,76,.3))}.vv .bottle-duo::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(to top,rgba(23,169,225,.22),transparent)}.vv .pill-list{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}.vv .pill-list li{background:var(--vv-surface);border:1px solid var(--vv-line);border-radius:999px;padding:.5rem 1rem;font-size:.85rem;font-weight:700}.vv .origin{background:var(--vv-deep);color:#fff}.vv .origin h2{color:#fff}.vv .origin .lede{color:rgba(255,255,255,.9)}.vv .origin .split{grid-template-columns:1.1fr .9fr}@media(max-width:860px){.vv .origin .split{grid-template-columns:1fr}}.vv .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:32px 0 0}.vv .stats div{border-top:3px solid var(--vv-main);padding-top:10px}.vv .stats dt{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:900;line-height:1}.vv .stats dd{margin:6px 0 0;font-size:.82rem;opacity:.9}.vv .map{background:var(--vv-map);border-radius:28px;padding:16px;display:grid;place-items:center;max-height:640px}.vv .map img{max-height:600px;width:auto;border-radius:16px}.vv .icons{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;margin-block:40px}@media(max-width:1000px){.vv .icons{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:560px){.vv .icons{grid-template-columns:repeat(2,minmax(0,1fr))}}.vv .icon{text-align:center;font-size:.8rem;line-height:1.35}.vv .icon img{width:78px;height:78px;margin:0 auto 10px;display:block}.vv .icon b{display:block;font-size:.95rem;font-variant-numeric:tabular-nums}.vv .tbl-wrap{overflow-x:auto;border:1px solid var(--vv-line);border-radius:18px;background:var(--vv-surface)}.vv table.lab{width:100%;border-collapse:collapse;font-size:.92rem;min-width:520px}.vv .lab caption{text-align:start;padding:16px 18px;font-weight:800;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}.vv .lab th,.vv .lab td{padding:.65rem 18px;border-top:1px solid var(--vv-line);text-align:end;font-variant-numeric:tabular-nums}.vv .lab th:first-child,.vv .lab td:first-child{text-align:start}.vv .lab thead th{background:var(--vv-bg-alt);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.vv .lab .a{font-family:'Noto Naskh Arabic',serif;color:var(--vv-ink-soft);font-size:.9rem;font-weight:400}.vv .lab tbody th div{display:flex;justify-content:space-between;align-items:baseline;gap:14px}.vv .lab th:first-child{width:52%}@media(max-width:560px){.vv .stats dt{font-size:1.5rem}}.vv .lab tbody th{font-weight:600}.vv .lab .hl td,.vv .lab .hl th{background:color-mix(in srgb,var(--vv-main) 10%,transparent)}.vv .family{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-top:36px}@media(max-width:760px){.vv .family{grid-template-columns:1fr}}.vv .family figure{margin:0;border-radius:24px;overflow:hidden;position:relative;min-width:0}.vv .family img{display:block;width:100%;height:100%;object-fit:cover}.vv .family figcaption{position:absolute;left:0;bottom:0;background:var(--vv-main);color:#fff;font-weight:800;text-transform:uppercase;font-size:.8rem;letter-spacing:.06em;padding:.7rem 1.1rem;border-top-right-radius:18px}.vv .slogan{margin-top:30px;font-size:clamp(1.3rem,2.6vw,2rem);font-weight:800;max-width:46ch;text-wrap:balance}.vv .slogan span{color:var(--vv-accent-text)}.vv .sport{background:var(--vv-deep-ink);color:#fff;overflow:hidden}.vv .sport .split{grid-template-columns:1.1fr .9fr;gap:0}@media(max-width:860px){.vv .sport .split{grid-template-columns:1fr}}.vv .sport .txt{padding:clamp(40px,6vw,88px) 20px clamp(40px,6vw,88px) max(20px,calc((100vw - 1240px)/2 + 20px))}@media(max-width:860px){.vv .sport .txt{padding-inline:20px}}.vv .sport h2{color:#fff}.vv .sport p{color:rgba(255,255,255,.88);max-width:46ch}.vv .sport .ph{position:relative;min-height:420px;height:100%}.vv .sport .ph img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 20%}.vv .sport .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--vv-deep-ink),transparent 40%)}.vv .sport .ph img.bt{position:absolute;z-index:2;left:6%;bottom:0;height:78%;width:auto;filter:drop-shadow(0 18px 18px rgba(0,0,0,.5))}@media(max-width:860px){.vv .sport .ph::after{background:linear-gradient(0deg,var(--vv-deep-ink),transparent 40%)}}.vv .kids{background:var(--vv-kids-bg);color:var(--vv-kids-ink)}.vv .kids .split{grid-template-columns:1fr 1fr}@media(max-width:860px){.vv .kids .split{grid-template-columns:1fr}}.vv .kids h2{color:var(--vv-kids-ink);text-transform:none;font-weight:900}.vv .kids p{color:var(--vv-kids-ink);font-weight:500}.vv .kids .logo2{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.vv .kids .logo2 img{height:30px;width:auto}.vv .kids .logo2 em{font-family:'Pacifico',cursive;font-style:normal;font-size:2.4rem;color:var(--vv-kids-ink)}.vv .medal{display:inline-grid;place-items:center;text-align:center;width:128px;height:128px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#F5D77C,#C9962B);color:#5A3E07;font-weight:900;font-size:.72rem;line-height:1.15;text-transform:uppercase;border:4px solid #F5D77C;box-shadow:0 8px 20px -8px rgba(90,62,7,.6);padding:12px}.vv .medal b{display:block;font-size:1.25rem}.vv .kids .btn{background:var(--vv-kids-ink);border-color:var(--vv-kids-ink);color:#fff}.vv .kids img.k{width:100%;border-radius:26px;display:block}.vv .kids .fine{color:var(--vv-kids-ink)}.vv .trust .certs{background:#fff;border-radius:24px;padding:18px;border:1px solid var(--vv-line);display:grid;place-items:center}.vv .trust .certs img{mix-blend-mode:multiply;max-height:420px;width:auto}.vv .awards{display:grid;gap:12px;margin:26px 0 0;padding:0;list-style:none}.vv .awards li{display:flex;gap:14px;align-items:start;padding:14px 16px;border:1px solid var(--vv-line);border-radius:16px;background:var(--vv-surface)}.vv .awards b{display:block;font-size:.92rem}.vv .awards span{font-size:.82rem;color:var(--vv-ink-soft)}.vv .awards i{flex:none;width:12px;height:12px;border-radius:50%;background:var(--vv-sun);margin-top:.4rem}.vv .markets{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none}.vv .markets li{border:1px solid var(--vv-line);background:var(--vv-surface);border-radius:999px;padding:.4rem .85rem;font-size:.8rem;font-weight:600}.vv .faq details{border-bottom:1px solid var(--vv-line);padding-block:4px}.vv .faq summary{cursor:pointer;font-weight:800;padding:1rem 2.5rem 1rem 0;position:relative;list-style:none;text-transform:uppercase;font-size:.95rem;letter-spacing:.02em}.vv .faq summary::-webkit-details-marker{display:none}.vv .faq summary::after{content:"+";position:absolute;right:4px;top:50%;translate:0 -50%;font-size:1.6rem;color:var(--vv-main);transition:rotate .2s}.vv .faq details[open] summary::after{rotate:45deg}.vv .faq p{padding:0 0 1.2rem;color:var(--vv-ink-soft);max-width:70ch}.vv .news{background:var(--vv-main);color:#fff;text-align:center}.vv .news h2{color:#fff}.vv .news form{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px}.vv .news input{flex:1 1 260px;max-width:380px;min-height:50px;padding:.8rem 1.2rem;border-radius:999px;border:0;font:600 1rem var(--vv-font);color:#14303D;background:#fff}.vv .news .btn{background:var(--vv-deep-ink);border-color:var(--vv-deep-ink);color:#fff}.vv .news .note-ok{margin-top:16px;font-weight:700}.vv .ftr{background:var(--vv-deep-ink);color:#fff;padding-block:48px 28px}.vv .ftr .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}@media(max-width:760px){.vv .ftr .wrap{grid-template-columns:1fr}}.vv .ftr img{height:26px;width:auto}.vv .ftr h4{margin:0 0 12px;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#7FD3F5}.vv .ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:.92rem}.vv .ftr a{text-decoration:none}.vv .ftr a:hover{text-decoration:underline}.vv .ftr .small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.2);padding-top:18px;font-size:.78rem;opacity:.8}.vv .toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));translate:-50% 30px;opacity:0;pointer-events:none;background:var(--vv-deep-ink);color:#fff;font-weight:700;font-size:.9rem;padding:.8rem 1.3rem;border-radius:999px;box-shadow:var(--vv-shadow);transition:.3s;z-index:90;max-width:calc(100vw - 32px)}.vv .toast.show{opacity:1;translate:-50% 0}@media(prefers-reduced-motion:reduce){.vv .lineup img,.vv .marq div{animation:none}html{scroll-behavior:auto}.vv .btn,.vv .sku,.vv .stage img{transition:none}}
