/* MINVODY CMS shared bundle. Generated from the original project styles. */
@import url("bootstrap.min.css");
@import url("animate.css");
@import url("fontawesome.css");
@import url("meanmenu.css");
@import url("swiper-bundle.min.css");
@import url("jquery.fancybox.min.css");
@import url("nice-select.css");
@import url("style.css");

/* Original homepage style block from index.html. */
:root{
  --navy-deep:#081426; --navy:#0E2038; --navy-raised:#16294C;
  --navy-2:var(--navy); --navy-3:var(--navy-raised);
  --white:#FCFBF8; --line:rgba(255,255,255,.16);
  --bald:#5AA3E6; --salv:#3FBFA0; --drob:#F07AA8; --savi:#F0555E;
  --font-d:"Literata",Georgia,serif; --font-b:"Mulish",-apple-system,system-ui,sans-serif;
  --menu-x:7%; --menu-y:7%;
  /* below-the-hero design system */
  --ice:#EAF1F7; --ice-soft:#F3F7FA;
  --ink:#0E2038; --ink-soft:#4C5A70; --ink-faint:#8B94A6;
  --line-light:rgba(14,32,56,.12); --accent-ink:#2C6BA6;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--navy-2);color:var(--white);font-family:var(--font-b);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1400px;margin:0 auto;padding:0 48px}

/* ---------- nav (shared language with Concept B) ---------- */
.nav{position:absolute;top:0;left:0;right:0;z-index:40;padding-top:14px}
.nav__in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:96px}
.nav__btn{justify-self:start;display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 18px 0 15px;cursor:pointer;color:var(--white);
  border:1px solid rgba(255,255,255,.22);border-radius:999px;
  background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.045));
  backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25);
  box-shadow:0 10px 24px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .35s cubic-bezier(.16,1,.3,1),background .3s ease,border-color .3s ease,box-shadow .3s ease}
.nav__btn:hover{background:linear-gradient(160deg,rgba(255,255,255,.2),rgba(255,255,255,.065));border-color:rgba(255,255,255,.38);transform:translateY(-2px)}
.nav__btn:focus-visible{outline:1px solid rgba(255,255,255,.65);outline-offset:5px}
.nav__btn-label{font-family:var(--font-b);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.nav__btn .bars{display:flex;flex-direction:column;gap:6px}
.nav__btn .bars span{width:22px;height:1px;background:currentColor;transition:transform .3s ease,opacity .3s ease}
.nav__btn[aria-expanded="true"] .bars span:first-child{transform:translateY(3px) rotate(45deg)}
.nav__btn[aria-expanded="true"] .bars span:last-child{transform:translateY(-3px) rotate(-45deg)}
.nav__btn:not([aria-expanded="true"]):hover .bars span:first-child{transform:translateY(-1px)}
.nav__btn:not([aria-expanded="true"]):hover .bars span:last-child{transform:translateY(1px)}
.nav__contact{justify-self:end;padding:13px 21px;border-radius:999px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.24);
  backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25);box-shadow:0 10px 24px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .4s cubic-bezier(.16,1,.3,1),background .35s ease,border-color .35s ease,box-shadow .4s ease}
.nav__contact:hover{transform:translateY(-2px);background:linear-gradient(160deg,rgba(255,255,255,.2),rgba(255,255,255,.065));border-color:rgba(255,255,255,.38);box-shadow:0 16px 30px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.14)}
.nav__badge{justify-self:center;width:78px;height:78px;border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 32px rgba(0,0,0,.34)}
.nav__badge img{width:68px;height:68px;object-fit:contain}

/* ---------- fullscreen menu ---------- */
.menu{position:fixed;inset:0;z-index:100;background:var(--navy-2);display:flex;flex-direction:column;justify-content:center;padding:0 48px;
  clip-path:circle(0% at var(--menu-x) var(--menu-y));transition:clip-path .9s cubic-bezier(.65,0,.24,1);pointer-events:none}
.menu.open{clip-path:circle(150% at var(--menu-x) var(--menu-y));pointer-events:auto}
.menu__close{position:absolute;top:34px;right:48px;background:none;border:0;font-family:var(--font-b);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;color:var(--white);opacity:0;transition:opacity .4s ease .3s}
.menu.open .menu__close{opacity:1}
.menu__list{display:flex;flex-direction:column;gap:6px}
.menu__list a{font-family:var(--font-d);font-style:italic;font-weight:400;font-size:clamp(40px,8vw,96px);color:var(--white);line-height:1.14;overflow:hidden;position:relative}
.menu__list a span{display:block;transform:translateY(110%);transition:transform .6s cubic-bezier(.16,1,.3,1)}
.menu.open .menu__list a span{transform:translateY(0)}
.menu__list a:nth-child(1) span{transition-delay:.15s}
.menu__list a:nth-child(2) span{transition-delay:.21s}
.menu__list a:nth-child(3) span{transition-delay:.27s}
.menu__list a:nth-child(4) span{transition-delay:.33s}
.menu__list a:hover{color:var(--bald)}
.menu__meta{position:absolute;bottom:44px;left:48px;font-size:13px;color:rgba(255,255,255,.55);opacity:0;transition:opacity .5s ease .5s}
.menu.open .menu__meta{opacity:1}

/* ---------- hero ---------- */
.hero{position:relative;height:100svh;min-height:840px;overflow:hidden}
.hero__media{position:absolute;inset:0;background:var(--navy-deep)}
.hero__media img,.hero__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:38% 55%}
.hero__media img{
  filter:saturate(1) contrast(1.02) brightness(.98);
  transform:scale(1.08);transition:transform 9s cubic-bezier(.16,1,.3,1)}
.hero.ready .hero__media img{transform:scale(1.0)}
.hero__media video{z-index:1;opacity:0;filter:saturate(.94) contrast(1.04) brightness(.92);transform:scale(1.015);transition:opacity 1.2s ease}
.hero__media.video-ready video{opacity:1}
.hero__scrim{position:absolute;z-index:1;inset:0;background:
  radial-gradient(58% 54% at 17% 76%,rgba(6,14,28,.74) 0%,rgba(6,14,28,.48) 42%,rgba(6,14,28,.08) 74%,rgba(6,14,28,0) 100%),
  linear-gradient(180deg, rgba(6,14,28,.38) 0%, rgba(6,14,28,.06) 20%, rgba(6,14,28,.08) 46%, rgba(6,14,28,.22) 64%, rgba(14,32,56,.68) 88%, rgba(14,32,56,.96) 100%),
  linear-gradient(90deg, rgba(6,14,28,.54) 0%, rgba(6,14,28,.2) 32%, rgba(6,14,28,0) 56%)}
.hero__in{position:relative;z-index:2;height:100%;display:flex;align-items:flex-end;padding-bottom:104px}
.hero__text{max-width:42ch}

.hero__eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:20px;
  opacity:0;transform:translateY(14px);transition:opacity .8s ease .1s,transform .8s ease .1s}
.hero.ready .hero__eyebrow{opacity:1;transform:none}
.hero h1{font-family:var(--font-d);font-weight:300;font-size:clamp(32px,3.75vw,56px);line-height:1.1;letter-spacing:-.005em;margin:0;color:var(--white);
  text-shadow:0 4px 28px rgba(0,0,0,.4)}
.hero h1 .line{display:block;overflow:hidden}
.hero h1 .line span{display:block;white-space:nowrap;transform:translateY(102%);transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.hero.ready h1 .line:nth-child(1) span{transition-delay:.22s;transform:translateY(0)}
.hero.ready h1 .line:nth-child(2) span{transition-delay:.34s;transform:translateY(0)}
.hero h1 i{font-style:italic;color:var(--bald)}
.hero__sub{margin-top:18px;font-size:15.5px;line-height:1.65;color:rgba(255,255,255,.78);max-width:58ch;
  text-shadow:0 2px 16px rgba(0,0,0,.35);
  opacity:0;transform:translateY(14px);transition:opacity .8s ease .55s,transform .8s ease .55s}
.hero.ready .hero__sub{opacity:1;transform:none}

/* ---------- brand tiles: vertical stack, right side ---------- */
.hero__tiles{position:absolute;z-index:2;right:48px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;width:320px}
.tile-float{animation:tilefloat ease-in-out infinite}
.tile-float:nth-child(1){animation-duration:7.4s;animation-delay:-.4s;--rot:.6deg}
.tile-float:nth-child(2){animation-duration:8.6s;animation-delay:-2.6s;--rot:-.5deg}
.tile-float:nth-child(3){animation-duration:8s;animation-delay:-5s;--rot:.5deg}
.tile-float:nth-child(4){animation-duration:9.1s;animation-delay:-1.4s;--rot:-.7deg}
@keyframes tilefloat{0%,100%{transform:translateX(0) rotate(0deg)}50%{transform:translateX(-7px) rotate(var(--rot))}}

.tile-float{opacity:0;transform:translateX(22px);transition:opacity .8s ease,transform .8s ease}
.hero.ready .tile-float{opacity:1;transform:translateX(0)}
.hero.ready .tile-float:nth-child(1){transition-delay:.5s}
.hero.ready .tile-float:nth-child(2){transition-delay:.62s}
.hero.ready .tile-float:nth-child(3){transition-delay:.74s}
.hero.ready .tile-float:nth-child(4){transition-delay:.86s}

.htile{display:block;text-align:left;border-radius:20px;padding:21px 22px 19px;position:relative;overflow:hidden;
  background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35);
  box-shadow:0 18px 34px rgba(0,0,0,.28);transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s ease,border-color .5s ease,background .5s ease}
.htile::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,0) 34%);opacity:.55;pointer-events:none;transition:opacity .5s ease}
.htile::after{content:"";position:absolute;left:50%;bottom:-70%;width:130%;height:90%;background:radial-gradient(ellipse at center,var(--bc),transparent 72%);opacity:.2;transform:translateX(-50%);transition:opacity .5s ease}
.htile:hover{transform:translateX(-8px) scale(1.02);border-color:color-mix(in srgb,var(--bc) 60%,rgba(255,255,255,.2));
  background:linear-gradient(160deg,rgba(255,255,255,.2),rgba(255,255,255,.06));
  box-shadow:0 28px 48px rgba(0,0,0,.38),0 0 0 1px color-mix(in srgb,var(--bc) 45%,transparent) inset}
.htile:hover::before{opacity:.8}
.htile:hover::after{opacity:.4}
.htile__top{display:flex;align-items:center;justify-content:space-between;min-height:58px;margin-bottom:10px;position:relative;z-index:1}
.htile img{width:112px;height:auto;max-width:calc(100% - 22px);max-height:44px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1);opacity:.97}
.htile__dot{width:7px;height:7px;border-radius:50%;background:var(--bc);box-shadow:0 0 10px var(--bc)}
.htile p{margin:0;font-size:13px;line-height:1.5;color:rgba(255,255,255,.76);position:relative;z-index:1}
.htile[data-b="bald"]{--bc:var(--bald)}
.htile[data-b="salv"]{--bc:var(--salv)}
.htile[data-b="drob"]{--bc:var(--drob)}
.htile[data-b="savi"]{--bc:var(--savi)}

/* =====================================================================
   BELOW THE HERO — shared primitives
   ===================================================================== */
.eyebrow{display:block;font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:20px}
.eyebrow--ink{color:var(--accent-ink)}
.editorial-title{font-family:var(--font-d);font-weight:300;font-size:clamp(34px,3.4vw,48px);line-height:1.1;letter-spacing:-.014em;margin:0}
.editorial-title__accent{color:var(--bald);font-style:italic}
.sec-head h2{font-family:var(--font-d);font-weight:300;font-size:clamp(30px,4vw,50px);line-height:1.15;margin:0}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.reveal.in{opacity:1;transform:none}

/* the one signature architectural curve, reused at each dark<->light threshold */
.curve-to-light{position:absolute;left:-6%;right:-6%;bottom:-1px;height:130px;background:var(--ice-soft);
  border-radius:50% 50% 0 0/130px 130px 0 0;z-index:3;pointer-events:none}
.curve-to-dark{position:absolute;left:-6%;right:-6%;top:-1px;height:110px;background:var(--navy-deep);
  border-radius:0 0 50% 50%/0 0 110px 110px;z-index:3;pointer-events:none}

/* =====================================================================
   SECTION 1 — PREČO NAŠE VODY (dark) · editorial glass field
   ===================================================================== */
.why{position:relative;z-index:2;background:var(--navy-2);padding:128px 0 172px;overflow:visible}
.why__content{position:relative;z-index:2;max-width:1280px}
.why__head{position:relative;z-index:3;max-width:720px;margin-inline:auto;text-align:center}
.why__head .eyebrow{margin-bottom:24px}
.why__head h2{color:var(--white);max-width:17ch;margin-inline:auto;text-wrap:balance}

.why__minerals{position:absolute;inset:0;z-index:1;pointer-events:none}
.mineral-sphere{--size:72px;--sphere-rgb:90,163,230;--sphere-color:#9CCBFA;position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size)}
.mineral-sphere__inner{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-family:var(--font-d);font-style:italic;font-weight:400;font-size:calc(var(--size)*.27);color:var(--sphere-color);text-shadow:0 3px 12px rgba(2,10,22,.34);
  background:
    radial-gradient(circle at 34% 28%,rgba(255,255,255,.13) 0,rgba(255,255,255,.045) 22%,rgba(255,255,255,0) 43%),
    radial-gradient(circle at 38% 34%,rgba(var(--sphere-rgb),1) 0,rgba(var(--sphere-rgb),.9) 42%,rgba(var(--sphere-rgb),.62) 67%,rgba(3,15,28,.88) 100%);
  border:0;box-shadow:inset -16px -18px 30px rgba(2,10,22,.42),inset 9px 8px 20px rgba(255,255,255,.07),0 18px 42px rgba(var(--sphere-rgb),.2);
  backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);will-change:transform}
.mineral-sphere--mg{--sphere-rgb:28,191,119;--sphere-color:#B7F3D5}
.mineral-sphere--ca{--sphere-rgb:43,121,226;--sphere-color:#C6DEFF}
.mineral-sphere--na{--sphere-rgb:224,72,142;--sphere-color:#FFD0E2}
.mineral-sphere--hco{--sphere-rgb:105,105,224;--sphere-color:#D9D6FF}
.mineral-sphere--1{--x:73%;--y:7%;--size:104px;opacity:1}
.mineral-sphere--2{--x:89%;--y:22%;--size:66px;opacity:.94}
.mineral-sphere--3{--x:7%;--y:39%;--size:74px;opacity:.96}
.mineral-sphere--4{--x:46%;--y:46%;--size:48px;opacity:.84}
.mineral-sphere--5{--x:82%;--y:53%;--size:88px;opacity:.93}
.mineral-sphere--6{--x:21%;--y:73%;--size:54px;opacity:.86}
.mineral-sphere--7{--x:66%;--y:82%;--size:64px;opacity:.9}
.mineral-sphere--8{--x:5%;--y:6%;--size:94px;opacity:.94}
.mineral-sphere--9{--x:18%;--y:18%;--size:46px;opacity:.88}

.why__values{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:58px}
.value-glass{position:relative;isolation:isolate;min-height:160px;padding:26px 28px;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.036) 58%,rgba(255,255,255,.055));
  border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 40px rgba(2,10,22,.15),inset 0 1px 0 rgba(255,255,255,.1);
  backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15);
  transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1),border-color .55s ease,background .55s ease,box-shadow .65s cubic-bezier(.16,1,.3,1)}
.value-glass::before{content:"";position:absolute;z-index:-1;left:-12%;top:-34%;width:78%;height:72%;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(255,255,255,.14),rgba(255,255,255,0) 70%);transform:rotate(-10deg);opacity:.62;transition:opacity .55s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.value-glass::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.12),transparent 22%,transparent 72%,rgba(90,163,230,.045));pointer-events:none}
@media(hover:hover) and (pointer:fine){
  .value-glass:hover{transform:translateY(-6px);border-color:rgba(143,210,247,.36);
    background:linear-gradient(145deg,rgba(255,255,255,.135),rgba(255,255,255,.045) 58%,rgba(90,163,230,.075));
    box-shadow:0 28px 62px rgba(2,10,22,.25),0 0 34px rgba(90,163,230,.075),inset 0 1px 0 rgba(255,255,255,.17)}
  .value-glass:hover::before{opacity:1;transform:translate(8px,5px) rotate(-7deg)}
}
.value-glass__icon{position:absolute;z-index:0;top:20px;right:22px;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin:0;
  color:rgba(5,21,39,.76);background:none;opacity:.86;mix-blend-mode:multiply;pointer-events:none}
.value-glass__icon svg{width:58px;height:58px;stroke-width:1.3;filter:drop-shadow(0 1px 0 rgba(255,255,255,.12)) drop-shadow(0 -1px 1px rgba(1,8,17,.58))}
.value-glass h3,.value-glass p{position:relative;z-index:1}
.value-glass h3{font-family:var(--font-d);font-size:21px;font-weight:400;line-height:1.28;color:var(--white);margin:0 0 12px;max-width:calc(100% - 74px);text-wrap:balance}
.value-glass p{font-size:14.5px;line-height:1.68;color:rgba(255,255,255,.66);margin:0;max-width:38ch}
.why .curve-to-light{left:-5%;right:-5%;bottom:-54px;height:112px;background:var(--navy-2);border-radius:0 0 50% 50%/0 0 70px 70px;z-index:4}

/* =====================================================================
   SECTION 2 — O NÁS · full-bleed photo, framed text box, atmosphere
   ===================================================================== */
.about{position:relative;min-height:96vh;overflow:hidden;display:flex;align-items:center}
.about__media{position:absolute;inset:-2%}
.about__media img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;transform:scale(1.035);will-change:transform}
.about__scrim{position:absolute;inset:0;background:
  linear-gradient(100deg,rgba(6,14,28,.36) 0%,rgba(6,14,28,.1) 44%,rgba(6,14,28,.02) 68%),
  linear-gradient(180deg,rgba(6,14,28,.2) 0%,rgba(6,14,28,0) 24%,rgba(6,14,28,0) 72%,rgba(6,14,28,.34) 100%)}
.about__bubbles{position:absolute;inset:0;z-index:1;pointer-events:none}
/* outer .bub carries the CSS rise/fade keyframe; inner .bub__dot receives the
   JS cursor-repulsion transform — two separate elements so the two motion
   systems never fight over the same transform property */
.bub{--bubble-alpha:.58;position:absolute;bottom:-30px;animation:bubRise linear infinite;opacity:0}
.bub__dot{display:block;width:10px;height:10px;border-radius:50%;
  background:radial-gradient(circle at 46% 40%,rgba(247,253,255,.46),rgba(207,233,245,.2) 52%,rgba(182,218,234,.09) 76%);
  border:1px solid rgba(245,252,255,.23);box-shadow:0 9px 26px rgba(5,19,34,.16);filter:blur(var(--bubble-blur,0));will-change:transform}
.bub:nth-child(1) .bub__dot{width:10px;height:10px}
.bub:nth-child(1){animation-duration:17s;animation-delay:0s;--bubble-alpha:.62}
.bub:nth-child(2) .bub__dot{width:18px;height:18px}
.bub:nth-child(2){animation-duration:23s;animation-delay:-4s;--bubble-alpha:.56}
.bub:nth-child(3) .bub__dot{width:7px;height:7px}
.bub:nth-child(3){animation-duration:14s;animation-delay:-9s;--bubble-alpha:.68;--bubble-blur:.25px}
.bub:nth-child(4) .bub__dot{width:14px;height:14px}
.bub:nth-child(4){animation-duration:21s;animation-delay:-2s;--bubble-alpha:.58}
.bub:nth-child(5) .bub__dot{width:9px;height:9px}
.bub:nth-child(5){animation-duration:16s;animation-delay:-12s;--bubble-alpha:.64}
.bub:nth-child(6) .bub__dot{width:20px;height:20px}
.bub:nth-child(6){animation-duration:25s;animation-delay:-7s;--bubble-alpha:.5;--bubble-blur:.35px}
.bub:nth-child(7) .bub__dot{width:11px;height:11px}
.bub:nth-child(7){animation-duration:19s;animation-delay:-15s;--bubble-alpha:.62}
.bub:nth-child(8) .bub__dot{width:28px;height:28px}
.bub:nth-child(8){animation-duration:29s;animation-delay:-11s;--bubble-alpha:.46;--bubble-blur:.55px}
.bub:nth-child(9) .bub__dot{width:6px;height:6px}
.bub:nth-child(9){animation-duration:15s;animation-delay:-5s;--bubble-alpha:.68}
.bub:nth-child(10) .bub__dot{width:17px;height:17px}
.bub:nth-child(10){animation-duration:24s;animation-delay:-18s;--bubble-alpha:.55}
.bub:nth-child(11) .bub__dot{width:9px;height:9px}
.bub:nth-child(11){animation-duration:20s;animation-delay:-8s;--bubble-alpha:.64;--bubble-blur:.2px}
.bub:nth-child(12) .bub__dot{width:24px;height:24px}
.bub:nth-child(12){animation-duration:31s;animation-delay:-20s;--bubble-alpha:.44;--bubble-blur:.45px}
@keyframes bubRise{
  0%{transform:translateY(0) translateX(0);opacity:0}
  12%{opacity:var(--bubble-alpha,.5)}
  50%{transform:translateY(-45vh) translateX(18px)}
  88%{opacity:var(--bubble-alpha,.4)}
  100%{transform:translateY(-90vh) translateX(-14px);opacity:0}
}
.ripple{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;
  border:1px solid rgba(255,255,255,.5);pointer-events:none;animation:rippleOut .9s ease-out forwards}
@keyframes rippleOut{to{width:70px;height:70px;margin:-35px 0 0 -35px;opacity:0}}
.about__wrap{position:relative;z-index:2;width:100%;padding:120px 0}
.about__box{margin-left:auto;max-width:480px;background:#fff;
  border-radius:28px;padding:56px 50px;box-shadow:0 50px 90px rgba(6,14,28,.28)}
.about__box .eyebrow--ink{margin-bottom:18px}
.about__box h2{color:var(--ink);margin:0 0 24px}
.about__box p{font-size:16px;line-height:1.75;color:var(--ink-soft);margin:0 0 28px}
.about__cta{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:12px 18px;border-radius:999px;
  font-size:13px;font-weight:700;color:#fff;background:var(--bald);border:1px solid var(--bald);box-shadow:0 10px 22px rgba(44,107,166,.18);
  transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,background-color .35s ease,border-color .35s ease}
.about__cta svg{width:15px;height:15px;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.about__cta:hover{transform:translateY(-2px);background:#438FD4;border-color:#438FD4;box-shadow:0 14px 26px rgba(44,107,166,.24)}
.about__cta:hover svg{transform:translateX(3px)}
.about__stats{position:absolute;z-index:3;left:48px;bottom:72px;display:flex;align-items:center;gap:18px;color:#fff}
.about__stat{min-width:0;text-shadow:0 3px 18px rgba(5,18,32,.4)}
.about__stat b{display:block;font-family:var(--font-d);font-weight:400;font-variant-numeric:tabular-nums}
.about__stat span{display:block;font-size:11px;line-height:1.4;letter-spacing:.02em;text-wrap:balance}
.about__stat--lead{width:168px;height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  background:var(--bald);border-radius:54% 46% 57% 43%/46% 55% 45% 54%;box-shadow:0 20px 42px rgba(8,20,38,.24);text-shadow:none}
.about__stat--lead b{font-size:43px;line-height:1;letter-spacing:-.04em;color:#fff}
.about__stat--lead span{margin-top:9px;max-width:12ch;color:rgba(255,255,255,.82)}
.about__stat--support{width:100px;height:100px;flex:0 0 100px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:0;border:0;border-radius:50%;background:#fff;box-shadow:0 18px 38px rgba(8,20,38,.2);text-shadow:none}
.about__stat--support b{font-size:31px;line-height:1;color:var(--ink)}
.about__stat--support span{margin-top:8px;max-width:10ch;color:var(--accent-ink)}
.about .curve-to-light{left:-4%;right:-4%;height:78px;background:var(--ice);border-radius:50% 50% 0 0/52px 52px 0 0}

/* =====================================================================
   SECTION 3 — MAPA FLIAŠ (bottle carousel + integrated trust)
   ===================================================================== */
.bottles{background:var(--ice);padding:82px 0 108px;position:relative;overflow:hidden}
.bottles__head{max-width:1040px;margin:0 auto 44px;text-align:center}
.bottles__head h2{color:var(--ink);margin:0 0 18px;max-width:none;white-space:nowrap}
.bottles__head p{font-size:17px;line-height:1.65;color:var(--ink-soft);max-width:52ch;margin:0 auto}
/* .bottles__showcase{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:42px;align-items:center}
.bottles__info{min-width:0;padding:18px 0} */
.bottles__showcase{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  max-width:820px;
  margin:0 auto;
}
.bottles__info{width:100%;max-width:720px;min-width:0;padding:18px 0}

.bottles__brand{min-height:82px;margin:0 0 16px 28px;display:flex;align-items:center;gap:20px}
.bottles__brand img{width:170px;height:auto;max-width:none;max-height:none;flex:0 0 170px;object-fit:contain;object-position:left center}
.bottles__brand span{padding-left:18px;border-left:1px solid var(--line-light);font-family:var(--font-d);font-style:italic;font-size:15px;color:var(--ink-soft)}

.bottles__panel{position:relative;margin:0;padding:38px 40px 34px;border-radius:28px;background:rgba(255,255,255,.86);
  border:1px solid rgba(255,255,255,.78);box-shadow:0 32px 72px rgba(14,32,56,.1),inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(16px) saturate(1.12);-webkit-backdrop-filter:blur(16px) saturate(1.12)}
.bottles__panel::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.34),transparent 34%,transparent 72%,rgba(90,163,230,.04))}
.bottles__panel-title{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.bottles__panel-title b{font-family:var(--font-d);font-weight:400;font-size:18px;color:var(--ink)}
.bottles__panel-title span{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}
.bottles__bars{position:relative}
.bottles__cta{position:relative;display:inline-flex;align-items:center;gap:10px;margin-top:26px;padding:12px 18px;border-radius:999px;
  background:var(--water-color,var(--bald));color:#fff;font-size:13px;font-weight:700;box-shadow:0 10px 22px color-mix(in srgb,var(--water-color,var(--bald)) 22%,transparent);
  transition:transform .4s cubic-bezier(.16,1,.3,1),filter .35s ease,box-shadow .4s ease}
.bottles__cta:hover{transform:translateY(-2px);filter:brightness(.94);box-shadow:0 14px 28px color-mix(in srgb,var(--water-color,var(--bald)) 28%,transparent)}
.bottles__cta svg{width:14px;height:14px;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.bottles__cta:hover svg{transform:translateX(3px)}

.bstage{position:relative;height:560px;min-width:0;display:flex;align-items:center;justify-content:center}
.bstage__track{position:relative;width:100%;height:100%}
.bproduct{position:absolute;top:50%;left:50%;background:none;border:0;padding:0;cursor:pointer;
  transition:transform .75s cubic-bezier(.16,1,.3,1),opacity .75s cubic-bezier(.16,1,.3,1),filter .6s ease}
.bproduct img{height:430px;width:auto;filter:drop-shadow(0 38px 46px rgba(14,32,56,.22))}
.bproduct[data-pos="active"]{transform:translate(-50%,-50%) scale(1.18);opacity:1;z-index:4;filter:none;cursor:default}
.bproduct[data-pos="prev"]{transform:translate(calc(-50% - 205px),-46%) scale(.6);opacity:.42;z-index:2;filter:blur(1.2px) saturate(.72)}
.bproduct[data-pos="next"]{transform:translate(calc(-50% + 205px),-46%) scale(.6);opacity:.42;z-index:2;filter:blur(1.2px) saturate(.72)}
.bproduct[data-pos="hidden"]{transform:translate(-50%,-46%) scale(.4);opacity:0;z-index:1;pointer-events:none}
.bproduct[data-pos="prev"]:hover,.bproduct[data-pos="next"]:hover{opacity:.68}
.bstage__arrow{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;z-index:5;
  background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.82);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;
  backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25);
  box-shadow:0 18px 34px rgba(14,32,56,.12),inset 0 1px 0 rgba(255,255,255,.88);transition:box-shadow .35s ease,transform .4s cubic-bezier(.16,1,.3,1),background .35s ease}
.bstage__arrow:hover{background:rgba(255,255,255,.72);box-shadow:0 24px 42px rgba(14,32,56,.17),inset 0 1px 0 #fff;transform:translateY(-50%) scale(1.06)}
.bstage__arrow svg{width:18px;height:18px}
.bstage__arrow--prev{left:-34px}
.bstage__arrow--next{right:4px}
.bdots{position:absolute;left:50%;bottom:14px;z-index:6;transform:translateX(-50%);display:none;justify-content:center;gap:10px}
.bdots button{width:7px;height:7px;border-radius:50%;background:var(--line-light);border:0;padding:0;cursor:pointer;transition:background .3s ease,transform .3s ease}
.bdots button.active{background:var(--wc,var(--bald));transform:scale(1.3)}

.mbar{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:18px;padding:12px 0;border-top:1px solid var(--line-light);
  opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}
.bottles__panel.is-ready .mbar{opacity:1;transform:none}
.mbar:first-child{border-top:0}
.mbar__label{font-size:13px;color:var(--ink-soft)}
.mbar__track{height:4px;background:var(--line-light);border-radius:2px;overflow:hidden}
.mbar__fill{height:100%;border-radius:2px;width:0;transition:width .8s cubic-bezier(.16,1,.3,1) .15s}
.mbar__value{font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--ink-faint);white-space:nowrap}
.mbar--empty .mbar__value{font-style:italic}

.bottles__trust{margin-top:58px;padding:30px 34px;display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:42px;
  border-radius:24px;background:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.68);
  box-shadow:0 22px 52px rgba(14,32,56,.055),inset 0 1px 0 rgba(255,255,255,.78);
  backdrop-filter:blur(12px) saturate(1.08);-webkit-backdrop-filter:blur(12px) saturate(1.08)}
.bottles__trust h4{font-family:var(--font-d);font-size:20px;font-weight:400;line-height:1.3;color:var(--ink);margin:0;max-width:16ch}
.trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.trust-item{display:flex;align-items:center;gap:14px;min-width:0}
.trust-badge{width:54px;height:54px;flex:0 0 54px;border-radius:52% 48% 46% 54%/48% 54% 46% 52%;display:flex;align-items:center;justify-content:center;
  color:var(--accent-ink);background:#fff;box-shadow:0 12px 26px rgba(14,32,56,.09)}
.trust-badge svg{width:22px;height:22px}
.trust-copy{min-width:0}
.trust-item b{display:block;font-family:var(--font-d);font-weight:400;font-size:15px;color:var(--ink);line-height:1.3}
.trust-copy>span{display:block;margin-top:5px;font-size:11px;color:var(--ink-faint);line-height:1.4}

/* =====================================================================
   SECTION 4 — AKTUALITY (editorial carousel)
   ===================================================================== */
.news{background:#f8fbfe;padding:112px 0 156px;overflow:hidden}
.news__head{max-width:760px;margin:0 auto 44px;text-align:center}
.news__head h2{color:var(--ink);margin:14px 0 0}
.news__carousel{position:relative}
.news__viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:20px 2px 68px}
.news__viewport::-webkit-scrollbar{display:none}
/* Soft edge mask so a partially clipped card fades into the section
   background instead of ending abruptly at the viewport/arrow. */
.news__carousel::before,
.news__carousel::after{content:"";position:absolute;top:0;bottom:68px;width:clamp(60px,6vw,110px);z-index:2;pointer-events:none}
.news__carousel::before{left:0;background:linear-gradient(to right,#f8fbfe,transparent)}
.news__carousel::after{right:0;background:linear-gradient(to left,#f8fbfe,transparent)}
@media(max-width:640px){
  .news__carousel::before,.news__carousel::after{display:none}
}
.news__track{display:flex;gap:24px}
.news__card{flex:0 0 clamp(340px,32vw,448px);scroll-snap-align:start;display:flex;flex-direction:column;overflow:hidden;border-radius:22px;
  background:#fff;border:1px solid rgba(14,32,56,.08);box-shadow:none;
  transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease,border-color .45s ease}
.news__card:hover{transform:translateY(-6px);border-color:rgba(34,153,223,.2);box-shadow:0 20px 40px rgba(14,32,56,.12)}
.news__img{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--ice)}
.news__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.news__card:hover .news__img img{transform:scale(1.035)}
.news__body{padding:23px 24px 24px;min-height:154px;display:flex;flex-direction:column;align-items:flex-start}
.news__card h3{font-family:var(--font-d);font-weight:400;font-size:20px;color:var(--ink);margin:0;line-height:1.35}
.news__go{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:19px;font-size:12.5px;font-weight:700;color:var(--bald)}
.news__go svg{width:13px;height:13px;transition:transform .25s ease}
.news__card:hover .news__go svg{transform:translateX(4px)}
.news__nav{position:absolute;z-index:3;inset:0;pointer-events:none}
/* Glass design/hover for these buttons is shared in minvody-phase2.css;
   only position within this carousel stays here. */
.news__nav button{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;display:flex;align-items:center;justify-content:center}
.news__nav button:first-child{left:-22px}
.news__nav button:last-child{right:-22px}
.news__footer{display:flex;justify-content:center;margin-top:32px}
.news__all{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:12px 19px;border-radius:999px;
  font-size:13px;font-weight:700;color:#fff;background:var(--bald);border:1px solid var(--bald);box-shadow:0 10px 22px rgba(44,107,166,.18);
  transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,background-color .35s ease,border-color .35s ease}
.news__all svg{width:15px;height:15px;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.news__all:hover{transform:translateY(-2px);background:#438FD4;border-color:#438FD4;box-shadow:0 14px 26px rgba(44,107,166,.24)}
.news__all:hover svg{transform:translateX(3px)}

/* =====================================================================
   FOOTER
   ===================================================================== */
/* The shared footer implementation now lives solely in minvody-phase2.css,
   loaded below and shared by every route including this one. */
@media(max-width:1080px){
  .hero{height:auto;min-height:900px}
  .hero__in{height:auto;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding-bottom:0;padding-top:150px}
  .hero__tiles{position:relative;right:auto;top:auto;transform:none;flex-direction:row;flex-wrap:wrap;width:auto;margin:44px auto 70px;max-width:680px;justify-content:center}
  .hero__tiles .htile{width:260px}
  .hero__text{max-width:52ch}
  .hero__sub{margin-left:auto;margin-right:auto}
  .tile-float{transform:translateY(0) !important}
  @keyframes tilefloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(var(--rot))}}
  /* text re-centres on smaller screens, so the scrim switches from a left-side
     fade to a centred pool behind the text block, matching Concept B's approach */
  .hero__scrim{background:
    radial-gradient(78% 52% at 50% 31%,rgba(6,14,28,.66),rgba(6,14,28,.32) 48%,rgba(6,14,28,0) 78%),
    linear-gradient(180deg,rgba(6,14,28,.4) 0%,rgba(6,14,28,.1) 22%,rgba(6,14,28,.08) 46%,rgba(6,14,28,.2) 62%,rgba(14,32,56,.64) 88%,rgba(14,32,56,.96) 100%)}

  /* ---- below-the-hero sections, tablet ---- */
  .why{padding:100px 0 148px}
  .why__head{max-width:620px}
  .editorial-title{font-size:28px;line-height:1.12}
  .why__values{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:48px}
  .value-glass{min-height:160px}
  .value-glass__icon{top:20px;right:22px;width:62px;height:62px}
  .value-glass__icon svg{width:51px;height:51px}
  .mineral-sphere--2{--x:84%;--y:12%}
  .mineral-sphere--3{--x:2%;--y:35%}
  .mineral-sphere--5{--x:80%;--y:62%}
  .mineral-sphere--8{--x:3%;--y:5%;--size:76px}
  .mineral-sphere--9{--x:18%;--y:17%;--size:40px}
  .why .curve-to-light{bottom:-44px;height:92px;border-radius:0 0 50% 50%/0 0 58px 58px}
  .about__box{margin:0 auto;max-width:520px}
  .about__wrap{padding:70px 0 230px}
  .about__stats{left:50%;bottom:58px;margin-left:-248px;gap:14px}
  .about__stat--lead{width:154px;height:108px}
  .about__stat--lead b{font-size:40px}
  .about__stat--support{width:94px;height:94px;flex-basis:94px}
  .about .curve-to-light{height:66px;border-radius:50% 50% 0 0/42px 42px 0 0}
  .bottles{padding:72px 0 92px}
  .bottles__head{margin-bottom:38px}
  /* .bottles__showcase{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px} */
  .bottles__brand{margin-left:16px;min-height:70px;gap:14px}
  .bottles__brand img{width:140px;max-width:none;max-height:none;flex-basis:140px}
  .bottles__brand span{padding-left:14px;font-size:13px}
  .bottles__panel{padding:30px 26px 28px;border-radius:24px}
  .bottles__panel-title b{font-size:16px}
  .mbar{grid-template-columns:minmax(0,1fr) auto;gap:7px 12px}
  .mbar__track{grid-column:1/-1;grid-row:2}
  .mbar__value{grid-column:2;grid-row:1}
  .mbar__label{font-size:12px}
  .mbar__value{font-size:11px}
  .bstage{height:430px}
  .bproduct img{height:320px}
  .bproduct[data-pos="prev"]{transform:translate(calc(-50% - 118px),-46%) scale(.56)}
  .bproduct[data-pos="next"]{transform:translate(calc(-50% + 118px),-46%) scale(.56)}
  .bstage__arrow{width:46px;height:46px}
  .bstage__arrow--prev{left:-18px}
  .bstage__arrow--next{right:-4px}
  .bottles__trust{margin-top:50px;padding:26px 28px;grid-template-columns:1fr;gap:22px}
  .bottles__trust h4{max-width:none}
  .trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .news__card{flex:0 0 340px}
}
@media(max-width:640px){
  .wrap{padding:0 24px}
  .nav__in{height:86px}
  .nav__btn{width:40px;height:40px;padding:0;justify-content:center;gap:0}
  .nav__btn-label{display:none}
  .nav__badge{width:68px;height:68px}
  .nav__badge img{width:60px;height:60px}
  .nav__contact{padding:11px 15px;font-size:11px;letter-spacing:.11em}
  /* One balanced viewport composition: nav clearance at the top, hero copy
     vertically centered in the space that remains, brand tiles anchored
     near the bottom with breathing room — instead of blocks simply
     stacking one after another down the page. */
  .hero{height:100svh;min-height:600px;display:flex;flex-direction:column;padding-bottom:26px}
  .hero__in{padding-top:120px;flex:1;min-height:0;justify-content:center}
  .hero__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:360px;flex:none;margin:0 auto}
  .hero__tiles .htile{width:100%}
  .htile{padding:16px 16px 15px}
  .htile__top{min-height:0;margin-bottom:0}
  .htile img{width:92px;max-height:34px}
  .htile p{display:none}
  .hero__sub{font-size:14.5px;line-height:1.6;max-width:44ch}
  .editorial-title{font-size:28px;line-height:1.12}
  .why{padding:78px 0 130px}
  .why__head .eyebrow{margin-bottom:18px}
  .why__values{
    display:flex;grid-template-columns:none;gap:14px;margin:40px -24px 0;padding:4px 24px 28px;
    overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:24px;
    scrollbar-width:none;-ms-overflow-style:none;
  }
  .why__values::-webkit-scrollbar{display:none}
  /* Cards reveal together with the section instead of one-by-one as swiped,
     since horizontally-clipped cards would otherwise never intersect the
     viewport until scrolled to. */
  .why__values .value-glass{opacity:1;transform:none}
  .value-glass{flex:0 0 62%;scroll-snap-align:start;min-height:160px;padding:24px;border-radius:20px}
  .value-glass__icon{top:18px;right:20px;width:58px;height:58px}
  .value-glass__icon svg{width:48px;height:48px}
  .value-glass h3{font-size:20px;max-width:calc(100% - 62px)}
  .value-glass p{font-size:14px}
  .mineral-sphere--1{--x:76%;--y:3%;--size:76px}
  .mineral-sphere--2{--x:-5%;--y:24%;--size:56px}
  .mineral-sphere--3{--x:83%;--y:49%;--size:62px}
  .mineral-sphere--4{--x:-4%;--y:76%;--size:46px}
  .mineral-sphere--5,.mineral-sphere--6,.mineral-sphere--7,.mineral-sphere--8,.mineral-sphere--9{display:none}
  .why .curve-to-light{bottom:-35px;height:74px;border-radius:0 0 50% 50%/0 0 46px 46px}
  .about{min-height:auto}
  .wrap.about__wrap{padding:70px 20px 220px}
  .about__box{padding:38px 28px;border-radius:22px}
  .about__media img{object-position:44% 48%}
  .about__stats{left:12px;right:12px;bottom:66px;width:auto;margin-left:0;justify-content:center;gap:4px}
  .about__stat--lead{width:118px;height:94px;flex:0 0 118px}
  .about__stat--lead b{font-size:34px}
  .about__stat--lead span{font-size:9.5px;margin-top:6px;max-width:9ch}
  .about__stat--support{width:72px;height:72px;flex:0 0 72px;padding:0}
  .about__stat--support b{font-size:25px}
  .about__stat--support span{font-size:9px;margin:7px auto 0;max-width:9ch}
  .about .curve-to-light{height:54px;border-radius:50% 50% 0 0/34px 34px 0 0}
  .bottles{padding:64px 0 82px}
  .bottles__head{margin-bottom:34px}
  .bottles__head h2{white-space:normal}
  .bottles__head p{font-size:15px}
  /* .bottles__showcase{grid-template-columns:1fr;gap:28px} */
  .bottles__info{padding:0}
  .bottles__brand{margin:0 0 16px 8px;min-height:70px}
  .bottles__brand img{width:140px;max-width:none;max-height:none;flex-basis:140px}
  .bottles__brand span{font-size:12px}
  .bstage{height:360px}
  .bproduct img{height:280px}
  .bproduct[data-pos="prev"]{transform:translate(calc(-50% - 108px),-46%) scale(.54)}
  .bproduct[data-pos="next"]{transform:translate(calc(-50% + 108px),-46%) scale(.54)}
  .bstage__arrow{width:42px;height:42px}
  .bstage__arrow--prev{left:0}
  .bstage__arrow--next{right:0}
  .bdots{bottom:2px;display:flex}
  .bottles__panel{padding:28px 24px 26px}
  .mbar{gap:7px 10px;padding:10px 0}
  .mbar__label{font-size:11.5px}
  .mbar__value{font-size:10.5px}
  .bottles__cta{margin-top:22px}
  .bottles__trust{margin-top:46px;padding:24px 22px;gap:20px}
  .bottles__trust h4{font-size:19px}
  .trust-grid{grid-template-columns:1fr;gap:14px}
  .trust-badge{width:48px;height:48px;flex-basis:48px}
  .trust-item b{font-size:14.5px}
  .news{padding:80px 0 116px}
  .news__head{margin-bottom:34px}
  .news__viewport{margin:0 -24px;padding:5px 24px 8px;scroll-padding-left:24px}
  .news__card{flex:0 0 82vw}
  .news__body{min-height:148px;padding:21px 21px 22px}
  .news__nav{display:none}
  .news__nav button:first-child{left:-16px}
  .news__nav button:last-child{right:-16px}
  .news__footer{margin-top:26px}
  /* This single rule is homepage-specific: minvody-phase2.css's shared
     mobile footer block covers everything else at this breakpoint. */
  .ft__bottom{flex-direction:column;align-items:center}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}


/* Original stylesheet: product-pages.css */
/* =====================================================================
   MINVODY — jednotný dizajn značkových podstránok
   Zladené s new.minvody.sk (Literata + Mulish, navy #0B2F5B / #043466,
   pill tlačidlá, biele pozadie). Per značka sa mení len --accent.
   ===================================================================== */

:root{
  /* --- Fixné tokeny (rovnaké pre všetky značky, prevzaté z webu) --- */
  --navy:#0B2F5B;          /* nadpisy */
  --navy-btn:#043466;      /* tlačidlá / CTA */
  --ink:#707070;           /* bežný text */
  --ink-soft:#8a8a8a;
  --line:#e7e9ee;          /* jemné linky */
  --bg:#ffffff;
  --bg-soft:#f5f7fa;       /* svetlé sekcie */
  --white:#ffffff;

  --font-display:"Literata", Georgia, serif;
  --font-body:"Mulish", -apple-system, system-ui, sans-serif;

  --wrap:1200px;
  --radius:18px;
  --radius-pill:35px;
  --shadow:0 12px 40px rgba(11,47,91,.08);
  --shadow-sm:0 6px 20px rgba(11,47,91,.06);

  --section-y:96px;

  /* --- Akcent (prepisuje sa per značka v <html data-brand>) --- */
  --accent:#0B6BB0;
  --accent-soft:#eaf3fb;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font-body);
  font-size:16px;
  line-height:28px;
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

h1,h2,h3,h4{
  font-family:var(--font-display);
  color:var(--navy);
  margin:0 0 .4em;
  font-weight:400;
}
h1{font-size:clamp(38px,5vw,58px);line-height:1.08;font-weight:300;letter-spacing:-.01em}
h2{font-size:clamp(30px,3.5vw,46px);line-height:1.14;font-weight:300}
h3{font-size:24px;line-height:1.35;font-weight:500}
p{margin:0 0 1.1em}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
.section{padding:var(--section-y) 0}
.section--soft{background:var(--bg-soft)}
.lead{font-size:20px;line-height:34px;color:#4a4a4a}
.center{text-align:center}
.mt0{margin-top:0}

/* Eyebrow — malý štítok značky nad nadpisom */
.eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--font-body);font-weight:800;
  font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--accent);margin-bottom:18px;
}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--accent);border-radius:2px}

/* ---------- Tlačidlá (pill, ako na webe) ---------- */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-body);font-weight:800;font-size:16px;
  padding:15px 32px;border-radius:var(--radius-pill);
  background:var(--navy-btn);color:var(--white);
  border:2px solid var(--navy-btn);cursor:pointer;
  transition:transform .15s ease, background .2s ease, box-shadow .2s ease;
}
.btn:hover{background:#02264d;transform:translateY(-2px);box-shadow:0 10px 24px rgba(4,52,102,.25)}
.btn--accent{background:var(--accent);border-color:var(--accent)}
.btn--accent:hover{background:var(--accent);filter:brightness(.92)}
.btn--ghost{background:transparent;color:var(--navy-btn)}
.btn--ghost:hover{background:var(--navy-btn);color:#fff}
.btn--sm{padding:11px 24px;font-size:15px}

/* ---------- Výhody ---------- */
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.benefit{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:30px 26px;transition:transform .18s ease, box-shadow .18s ease;
}
.benefit:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
.benefit__icon{
  width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:var(--accent-soft);color:var(--accent);margin-bottom:18px;
}
.benefit__icon svg{width:26px;height:26px}
.benefit h3{font-size:20px;margin-bottom:8px}
.benefit p{margin:0;font-size:15.5px;line-height:25px}

/* ---------- Produktový rad ---------- */
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.product{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;display:flex;flex-direction:column;
  transition:box-shadow .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1),border-color .35s ease;
}
.product:hover{box-shadow:0 20px 40px rgba(14,32,56,.12);transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent) 22%,transparent)}
.product__media{
  aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,var(--accent-soft),#fff);
}
.product__media .bottle{width:70px;height:120px;opacity:.9}
.product__body{padding:22px 22px 26px;text-align:center;display:flex;flex-direction:column;gap:6px;flex:1}
.product__body h3{margin:0;font-size:20px}
.product__variant{font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}
.product__vol{color:var(--ink);font-size:15px}
.product__body .btn{margin-top:14px;align-self:center}

/* ---------- Split (pôvod / história) ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.split--rev .split__media{order:-1}
.split__media{
  aspect-ratio:5/4;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-sm);
  background:linear-gradient(160deg,var(--accent-soft),#eef1f5);
}

/* ---------- Minerály / accordion (natívny <details>) ---------- */
.acc{max-width:820px;margin:0 auto;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}
.acc details{border-bottom:1px solid var(--line)}
.acc details:last-child{border-bottom:0}
.acc summary{
  list-style:none;cursor:pointer;padding:22px 26px;
  font-family:var(--font-display);font-size:19px;color:var(--navy);font-weight:500;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.acc summary::-webkit-details-marker{display:none}
.acc summary .chev{transition:transform .2s ease;color:var(--accent);flex:none}
.acc details[open] summary .chev{transform:rotate(180deg)}
.acc__panel{padding:0 26px 24px}
.mineral-table{width:100%;border-collapse:collapse;font-size:15.5px}
.mineral-table th,.mineral-table td{text-align:left;padding:11px 4px;border-bottom:1px solid var(--line)}
.mineral-table th{color:var(--navy);font-weight:700}
.mineral-table td:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--navy);font-weight:700}
.mineral-table tr:last-child td{border-bottom:0}
.chartline{color:var(--ink);font-size:14px;margin-top:10px}

/* ---------- Responsive ---------- */
@media (max-width:960px){
  :root{--section-y:64px}
  .benefits{grid-template-columns:repeat(2,1fr)}
  .split{grid-template-columns:1fr;gap:30px}
  .split--rev .split__media{order:0}
}
@media (max-width:600px){
  .benefits{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}

/* =====================================================================
   ROZŠÍRENIA v2 — full hero, prepínač produktov, ochutené, predajne
   ===================================================================== */

/* Prepínač Prírodné / Ochutené */
.switch{
  display:inline-flex;background:#eef1f5;border-radius:40px;padding:5px;gap:4px;
}
.switch button{
  border:0;background:transparent;padding:12px 24px;border-radius:40px;cursor:pointer;
  font-family:var(--font-body);font-weight:800;font-size:15px;color:var(--navy);
  transition:background .2s ease,color .2s ease;
}
.switch button[aria-pressed="true"]{background:var(--accent);color:#fff}
.panel[hidden]{display:none}

/* Predajne — logá reťazcov */
.retailers{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:940px;margin:0 auto;
}
.retailer{
  height:96px;border:1px solid var(--line);border-radius:14px;background:#fff;
  display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;
  font-family:var(--font-display);font-weight:600;font-size:19px;color:var(--navy);
}
.retailer small{display:block;font-family:var(--font-body);font-weight:700;font-size:11px;color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase}

@media (max-width:960px){
  .retailers{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:600px){
  .retailers{grid-template-columns:repeat(2,1fr)}
}

/* Hero v gride: fotka hore (v kontajneri), text pod ňou */
.hero-stack{padding-top:52px;padding-bottom:0}
.hero-stack__img{
  width:100%;aspect-ratio:16/7;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);
  background:linear-gradient(160deg, var(--accent-soft), #eef1f5);
}
.hero-stack__text{max-width:820px;margin:40px auto 0;text-align:center}
.hero-stack__text h1{margin-bottom:16px}
.hero-stack__sub{font-size:20px;line-height:33px;color:#4a4a4a;max-width:52ch;margin:0 auto 26px}
@media (max-width:600px){
  .hero-stack__img{aspect-ratio:4/3}
  .hero-stack__sub{font-size:18px}
}

/* Hero v3: text (vľavo) + tlačidlo (vpravo) NAD obrázkom; obrázok 605px */
.hero-stack__head{
  display:flex;justify-content:space-between;align-items:flex-end;gap:40px;
  margin-bottom:32px;
}
.hero-stack__head .hero-stack__text{
  text-align:left;max-width:64ch;margin:0;
}
.hero-stack__head .hero-stack__sub{
  margin:0;text-align:left;max-width:56ch;
}
.hero-stack__head .btn{flex:none;white-space:nowrap}
.hero-stack__img{aspect-ratio:auto;height:605px}
@media (max-width:760px){
  .hero-stack__head{flex-direction:column;align-items:flex-start;gap:22px}
  .hero-stack__head .btn{align-self:stretch;justify-content:center}
  .hero-stack__img{height:auto;aspect-ratio:16/10}
}

/* Hero v4: nadpis na celú šírku hore; podnadpis (vľavo) + tlačidlo (vpravo) v riadku pod ním */
.hero-stack__head{display:block}
.hero-stack__head .eyebrow{margin-bottom:16px}
.hero-stack__head h1{max-width:none;text-align:left;margin:0 0 24px}
.hero-stack__row{
  display:flex;justify-content:space-between;align-items:flex-end;gap:40px;
}
.hero-stack__row .hero-stack__sub{margin:0;text-align:left;max-width:60ch;flex:1}
.hero-stack__row .btn{flex:none;white-space:nowrap}
@media (max-width:760px){
  .hero-stack__row{flex-direction:column;align-items:flex-start;gap:20px}
  .hero-stack__row .btn{align-self:stretch;justify-content:center}
}

/* =====================================================================
   CAROUSEL produktov
   ===================================================================== */
.carousel{position:relative;padding:0 6px}
/* Soft edge mask so a partially clipped product fades into the section
   background instead of ending abruptly at the viewport/arrow. Every
   product carousel section uses the plain white .section background. */
.carousel::before,
.carousel::after{content:"";position:absolute;top:0;bottom:68px;width:clamp(60px,6vw,110px);z-index:2;pointer-events:none}
.carousel::before{left:0;background:linear-gradient(to right,#fff,transparent)}
.carousel::after{right:0;background:linear-gradient(to left,#fff,transparent)}
@media(max-width:640px){
  .carousel::before,.carousel::after{display:none}
}
.carousel__track{
  display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:20px 2px 68px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;
}
.carousel__track::-webkit-scrollbar{height:8px}
.carousel__track::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}
.carousel__track::-webkit-scrollbar-track{background:transparent}
.carousel__track .product{flex:0 0 250px;scroll-snap-align:start}
/* Visual design (glass, border, icon size, hover) is shared and lives in
   minvody-phase2.css; only structural position/z-index stay page-owned. */
.carousel__nav{
  position:absolute;top:38%;transform:translateY(-50%);z-index:4;
  display:flex;align-items:center;justify-content:center;
}
.carousel__nav--prev{left:-8px}
.carousel__nav--next{right:-8px}
/* karta produktu bez tlačidla – médiá pripravené na PNG */
.product__media img{width:auto;height:82%;object-fit:contain}
@media (max-width:600px){
  .carousel__track .product{flex:0 0 76%}
  .carousel__nav{display:none}
}

/* Carousel v2: bez scrollbaru + kontextové šípky */
.carousel__track{scrollbar-width:none;-ms-overflow-style:none}
.carousel__track::-webkit-scrollbar{display:none;height:0;width:0}
.carousel__nav{transition:opacity .2s ease,transform .35s cubic-bezier(.16,1,.3,1),background .3s ease,border-color .3s ease,box-shadow .3s ease}
.carousel__nav.off{opacity:0;pointer-events:none}

/* Farebná guľôčka v rohu karty (rozlíšenie variantu/príchute) */
.product{position:relative}
.product__dot{
  position:absolute;top:14px;right:14px;z-index:2;
  width:20px;height:20px;border-radius:50%;
  box-shadow:0 0 0 3px #fff, 0 1px 3px rgba(0,0,0,.18);
}

/* =====================================================================
   REÁLNE FOTKY – produkty, hero, sekcie
   ===================================================================== */
/* produktová fotka – fľaše sú priehľadné, prechod v pozadí ostáva */
.product__media img{width:100%;height:100%;object-fit:contain;padding:14px 12px;transition:transform .9s cubic-bezier(.16,1,.3,1)}
.product:hover .product__media img{transform:scale(1.035)}
/* hero fotka na celú šírku boxu */
.hero-stack__img{position:relative}
.hero-stack__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* sekčné fotky (pôvod, história) */
.split__media{position:relative}
.split__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* =====================================================================
   LOGÁ REŤAZCOV (300x120 .jpg) + KONTAKT (Savior)
   ===================================================================== */
.retailer{position:relative;overflow:hidden}
.retailer span{opacity:.5;font-size:14px}
.retailer small{display:none}
.retailer img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:16px 22px;background:#fff}

/* Cena pri produktovej karte (galón/dispenzor) */
.product__price{font-weight:800;color:var(--accent);font-size:15px}
.product__desc{font-size:14px;color:var(--ink);line-height:20px}

/* Kontakt + formulár */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;max-width:1000px;margin:0 auto}
.contact__card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px}
.contact__card h3{margin:0 0 20px}
.contact__row{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.contact__row svg{width:22px;height:22px;color:var(--accent);flex:none}
.contact__row a,.contact__row span{color:var(--navy);font-weight:700;font-size:18px}
.form{display:grid;gap:14px}
.form label{font-size:13px;font-weight:700;color:var(--navy);margin-bottom:-8px}
.form input,.form textarea{font-family:var(--font-body);font-size:15px;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);width:100%}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--accent)}
.form textarea{min-height:120px;resize:vertical}
.form .btn{justify-content:center;margin-top:4px}
/* zoznam vlastností (napr. priamy distribučný model) */
.ticklist{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.ticklist li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;color:var(--ink)}
.ticklist li svg{width:20px;height:20px;color:var(--accent);flex:none;margin-top:3px}
@media(max-width:760px){.contact{grid-template-columns:1fr}}


/* Original stylesheet: product-polish.css */
/* Shared finished MINVODY product-page system.
   Baldovska-polish remains the approved visual reference; brand pages only
   override their selective accent colour here. --accent itself is already
   set per brand by minvody-phase2.css (html[data-brand] tokens); only the
   soft accent tint is unique to this file. */
@import url("./baldovska-polish.css");

html[data-brand="baldovska"]{
  --accent-soft:#EAF3FA;
}

html[data-brand="drobcek"]{
  --accent-soft:#FCEBF2;
}

html[data-brand="salvator"]{
  --accent-soft:#E5F3EF;
}

html[data-brand="savior"]{
  --accent-soft:#E5F4FA;
}

/* Keep the shared button behavior, but let every brand cast its own subtle
   accent shadow without tinting the wider page. */
html[data-brand="drobcek"] .btn:hover{background:#C8537D}
html[data-brand="salvator"] .btn:hover{background:#116756}
html[data-brand="savior"] .btn:hover{background:#1682AE}

/* Savior's closing contact composition is unique content, but uses the same
   quiet white-pane treatment as the approved shared product system. */
html[data-brand="savior"] .contact__card,
html[data-brand="savior"] .form{
  border:1px solid rgba(14,32,56,.09);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--shadow-sm);
}
html[data-brand="savior"] .form{padding:30px}
html[data-brand="savior"] .form input,
html[data-brand="savior"] .form textarea{
  border-color:rgba(14,32,56,.12);
  border-radius:13px;
  background:#F7FAFC;
}

@media(max-width:640px){
  html[data-brand="savior"] .form{padding:22px}
}


/* Original stylesheet: products-landing.css */
/* Dedicated MINVODY products gateway. Shared shell and type variables come
   from product-polish.css; this file contains only page-specific composition. */

body{background:#fff}

.products-intro{
  position:relative;
  padding:72px 0 62px;
  overflow:hidden;
  background:#fff;
}
.products-intro__content{max-width:1240px}
.products-intro h1{
  width:100%;
  max-width:none;
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(45px,4.1vw,58px);
  font-weight:300;
  line-height:1.1;
  letter-spacing:-.02em;
  color:var(--navy);
}
.products-intro h1 i{font-style:italic;color:var(--blue)}
.products-intro p{
  max-width:88ch;
  margin:22px 0 0;
  font-size:16.5px;
  line-height:1.72;
  color:var(--ink);
}

.product-overview{
  position:relative;
  padding:72px 0 124px;
  background:var(--bg-soft);
}
.product-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:32px;
}
.product-card{
  --card-accent:var(--blue);
  display:flex;
  min-width:0;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(14,32,56,.085);
  border-radius:30px;
  background:#fff;
  box-shadow:0 12px 30px rgba(14,32,56,.035);
  opacity:0;
  transform:translateY(18px);
  transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1),border-color .4s ease,box-shadow .45s cubic-bezier(.16,1,.3,1);
}
.product-card.is-visible{opacity:1;transform:none}
.product-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--card-accent) 28%,transparent);box-shadow:0 20px 40px rgba(14,32,56,.12)}
.product-card--bald{--card-accent:var(--blue)}
.product-card--salv{--card-accent:#177866}
.product-card--drob{--card-accent:#D96591}
.product-card--savi{--card-accent:#2498C8}
.product-card__media{
  position:relative;
  height:clamp(310px,31vw,430px);
  overflow:hidden;
  background:#EAF1F7;
}
.product-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .9s cubic-bezier(.16,1,.3,1);
}
.product-card:hover .product-card__media img{transform:scale(1.035)}
.product-card__body{
  position:relative;
  display:flex;
  min-height:330px;
  flex:1;
  flex-direction:column;
  padding:34px 36px 32px;
}
.product-card__logo-row{
  min-height:64px;
  display:flex;
  align-items:center;
  margin-bottom:20px;
}
.product-card__logo{
  width:auto;
  max-width:220px;
  height:54px;
  object-fit:contain;
  object-position:left center;
}
.product-card--drob .product-card__logo{height:50px}
.product-card--savi .product-card__logo{height:48px}
.product-card h2{
  margin:0 0 16px;
  font-family:var(--font-display);
  font-size:clamp(28px,2.5vw,38px);
  font-weight:300;
  line-height:1.16;
  letter-spacing:-.016em;
  color:var(--navy);
  text-wrap:balance;
}
.product-card h2 i{font-style:italic;color:var(--card-accent)}
.product-card p{
  max-width:62ch;
  margin:0 0 26px;
  font-size:15.5px;
  line-height:1.72;
  color:var(--ink);
}
.product-card__cta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:auto;
  color:var(--card-accent);
  font-size:12.5px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.product-card__cta svg{
  width:21px;
  height:21px;
  transition:transform .4s cubic-bezier(.16,1,.3,1);
}
.product-card:hover .product-card__cta svg{transform:translateX(5px)}

@media(max-width:900px){
  .products-intro{padding:64px 0 54px}
  .product-overview{padding:64px 0 104px}
  .product-grid{gap:22px}
  .product-card{border-radius:24px}
  .product-card__media{height:300px}
  .product-card__body{min-height:350px;padding:27px 26px 28px}
  .product-card__logo-row{min-height:56px;margin-bottom:16px}
  .product-card__logo{max-width:180px;height:46px}
  .product-card--drob .product-card__logo{height:43px}
  .product-card--savi .product-card__logo{height:41px}
  .product-card h2{font-size:28px}
  .product-card p{font-size:14.5px}
}

@media(max-width:700px){
  .products-intro{padding:52px 0 48px}
  .products-intro h1{font-size:36px}
  .products-intro p{font-size:15px;line-height:1.72}
  .product-overview{padding:48px 0 88px}
  .product-grid{grid-template-columns:1fr;gap:22px}
  .product-card{border-radius:22px}
  .product-card__media{height:auto;aspect-ratio:4/3}
  .product-card__body{min-height:0;padding:26px 24px 28px}
  .product-card h2{font-size:28px}
}

@media(prefers-reduced-motion:reduce){
  .product-card{opacity:1;transform:none}
  .product-card__media img,.product-card__cta svg{transition:none}
}


/* Original stylesheet: contact-page.css */
/* Dedicated MINVODY contact page. The shared shell, bubbles, type and footer
   are inherited from product-polish.css. */

body{background:#fff}

.contact-intro{
  position:relative;
  padding:72px 0 60px;
  overflow:hidden;
  background:#fff;
}
.contact-intro__content{max-width:1240px}
.contact-intro h1{
  width:100%;max-width:none;margin:0;
  font-family:var(--font-display);font-size:clamp(45px,4.1vw,58px);
  font-weight:300;line-height:1.1;letter-spacing:-.02em;color:var(--navy)
}
.contact-intro h1 i{font-style:italic;color:var(--blue)}
.contact-intro p{max-width:88ch;margin:22px 0 0;font-size:16.5px;line-height:1.72;color:var(--ink)}

.map-section{position:relative;padding:18px 0 0;background:#fff}
.map-stage{position:relative;--panel-straddle:102px;margin-bottom:var(--panel-straddle)}
.map-frame{
  position:relative;z-index:0;height:580px;overflow:hidden;border-radius:30px;
  border:1px solid rgba(14,32,56,.08);background:#DCE9F1;
  box-shadow:0 20px 48px rgba(14,32,56,.07)
}
.map-frame .leaflet-container{font-family:var(--font-body);background:#DCE9F1}
.map-frame .leaflet-tile-pane{filter:grayscale(.62) saturate(.72) sepia(.04) hue-rotate(166deg) brightness(1.08) contrast(.88)}
.map-frame .leaflet-control-zoom{margin:20px 20px 0 0;border:0!important;box-shadow:0 10px 24px rgba(14,32,56,.13)!important}
.map-frame .leaflet-control-zoom a{width:38px;height:38px;line-height:38px;border:0!important;color:var(--navy);background:rgba(255,255,255,.93)}
.map-frame .leaflet-control-attribution{font-size:9px;background:rgba(255,255,255,.8)}
.mv-map-marker{background:transparent;border:0}
.mv-map-marker span{display:block;width:24px;height:24px;border:6px solid #fff;border-radius:50% 50% 50% 0;background:var(--blue);box-shadow:0 9px 20px rgba(14,32,56,.27);transform:rotate(-45deg)}
.leaflet-popup-content-wrapper{border-radius:15px;box-shadow:0 14px 30px rgba(14,32,56,.15)}
.leaflet-popup-content{font-family:var(--font-body);font-size:12.5px;line-height:1.55;color:var(--ink);margin:14px 17px}
.leaflet-popup-content strong{display:block;font-family:var(--font-display);font-size:17px;font-weight:400;color:var(--navy);margin-bottom:2px}

.locations-panel{
  position:absolute;z-index:6;left:32px;right:32px;bottom:calc(0px - var(--panel-straddle));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;width:auto;margin:0;padding:13px;
  border:1px solid rgba(14,32,56,.09);border-radius:24px;background:rgba(255,255,255,.94);
  box-shadow:0 18px 44px rgba(14,32,56,.11);backdrop-filter:blur(16px) saturate(1.12)
}
.location-item{position:relative;min-width:0;padding:20px 20px 18px;border:0;border-radius:16px;text-align:left;background:transparent;color:var(--ink);cursor:pointer;transition:background .35s ease,transform .4s cubic-bezier(.16,1,.3,1)}
.location-item+ .location-item::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:1px;background:rgba(14,32,56,.09)}
.location-item:hover,.location-item.is-active{background:#F1F7FB;transform:translateY(-2px)}
.location-item__type{display:block;margin-bottom:7px;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.location-item strong{display:block;margin-bottom:7px;font-family:var(--font-display);font-size:19px;font-weight:400;line-height:1.25;color:var(--navy)}
.location-item address{font-style:normal;font-size:12.5px;line-height:1.55;color:var(--ink)}
.location-item__contact{display:block;margin-top:7px;font-size:11.5px;line-height:1.5;color:var(--blue)}

.primary-contact{position:relative;padding:116px 0 120px;background:#fff}
.section-head{max-width:900px;margin:0 auto 58px;text-align:center}
.section-head h2{margin:0;font-family:var(--font-display);font-size:clamp(35px,4vw,54px);font-weight:300;line-height:1.12;letter-spacing:-.016em;color:var(--navy);text-wrap:balance}
.section-head h2 i{font-style:italic;color:var(--blue)}
.contact-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1080px;margin:0 auto}
.contact-detail{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:0 38px;text-align:center}
.contact-detail+ .contact-detail::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:1px;background:rgba(14,32,56,.11)}
.contact-detail__icon{width:50px;height:50px;margin-bottom:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--blue);background:#EAF3FA}
.contact-detail__icon svg{width:22px;height:22px}
.contact-detail__label{margin-bottom:9px;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.contact-detail strong{font-family:var(--font-display);font-size:20px;font-weight:400;line-height:1.4;color:var(--navy)}
.contact-detail span,.contact-detail a{font-size:14.5px;line-height:1.7;color:var(--ink)}
.contact-detail a{transition:color .25s ease}.contact-detail a:hover{color:var(--blue)}

.contact-form-section{position:relative;padding:112px 0 126px;overflow:hidden;background:#EAF1F7}
.contact-form-section::before,.contact-form-section::after{content:"";position:absolute;border:1px solid rgba(112,187,232,.25);border-radius:50%;background:radial-gradient(circle at 31% 27%,rgba(255,255,255,.8) 0 5%,rgba(188,228,249,.25) 34%,rgba(90,163,230,.03) 74%);box-shadow:inset -10px -12px 20px rgba(58,137,197,.1),inset 6px 6px 12px rgba(255,255,255,.45),0 14px 28px rgba(44,107,166,.07);animation:minvodyWaterFloat 16s var(--ease-premium) infinite alternate;pointer-events:none}
.contact-form-section::before{width:86px;height:86px;left:6%;top:16%}.contact-form-section::after{width:48px;height:48px;right:8%;bottom:17%;animation-duration:12s;animation-delay:-7s}
.form-wrap{position:relative;z-index:2;max-width:1120px}
.form-intro{max-width:700px;margin:0 auto 50px;text-align:center}
.form-intro h2{margin:0 0 16px;font-family:var(--font-display);font-size:clamp(35px,4vw,54px);font-weight:300;line-height:1.12;color:var(--navy)}
.form-intro p{margin:0;font-size:16px;line-height:1.75;color:var(--ink)}
.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 26px}
.form-field{display:flex;min-width:0;flex-direction:column;gap:9px}
.form-field--wide{grid-column:1/-1}
.form-field label{font-size:12px;font-weight:800;letter-spacing:.07em;color:var(--navy)}
.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid rgba(14,32,56,.12);border-radius:14px;background:#fff;color:var(--navy);font-family:var(--font-body);font-size:15px;box-shadow:0 7px 18px rgba(14,32,56,.025);outline:0;transition:border-color .3s ease,box-shadow .3s ease}
.form-field input,.form-field select{height:58px;padding:0 17px}
.form-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--blue) 50%),linear-gradient(135deg,var(--blue) 50%,transparent 50%);background-position:calc(100% - 21px) 25px,calc(100% - 16px) 25px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:44px}
.form-field textarea{min-height:190px;padding:17px;resize:vertical;line-height:1.65}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(44,120,184,.12)}
.form-actions{grid-column:1/-1;display:flex;justify-content:center;padding-top:10px}
.form-actions .btn{min-width:190px;justify-content:center}

.contact-reveal{opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.contact-reveal.is-visible{opacity:1;transform:none}

@media(max-width:1100px){
  .map-stage{--panel-straddle:189px}
  .locations-panel{left:24px;right:24px;grid-template-columns:repeat(3,minmax(0,1fr));width:auto}
  .location-item:nth-child(4)::before{display:none}
}

@media(max-width:900px){
  .contact-intro{padding:64px 0 54px}
  .map-frame{height:520px;border-radius:24px}
  .primary-contact{padding:104px 0 106px}
  .contact-detail{padding:0 24px}
  .contact-form-section{padding:100px 0 112px}
}

@media(max-width:700px){
  .contact-intro{padding:52px 0 48px}
  .contact-intro h1{font-size:36px}
  .contact-intro p{font-size:15px;line-height:1.72}
  .map-section{padding-top:4px}
  .map-frame{height:930px;border-radius:22px}
  .map-stage{--panel-straddle:435px}
  .locations-panel{left:12px;right:12px;grid-template-columns:1fr;width:auto;margin:0;padding:9px;border-radius:20px}
  .location-item{padding:17px 17px 16px}
  .location-item+ .location-item::before{left:17px;right:17px;top:0;bottom:auto;width:auto;height:1px}
  .primary-contact{padding:86px 0 92px}
  .section-head{margin-bottom:43px}.section-head h2{font-size:31px}
  .contact-details{grid-template-columns:1fr;gap:35px}
  .contact-detail{padding:0 18px}
  .contact-detail+ .contact-detail::before{left:50%;top:-18px;bottom:auto;width:54px;height:1px;transform:translateX(-50%)}
  .contact-form-section{padding:84px 0 94px}
  .contact-form-section::before{width:60px;height:60px;left:-18px}.contact-form-section::after{display:none}
  .form-intro{margin-bottom:39px}.form-intro h2{font-size:31px}.form-intro p{font-size:15px}
  .contact-form{grid-template-columns:1fr;gap:20px}
  .form-field--wide,.form-actions{grid-column:auto}
  .form-field input,.form-field select{height:56px}
  .form-field textarea{min-height:170px}
  .form-actions{justify-content:stretch}.form-actions .btn{width:100%}
}

@media(prefers-reduced-motion:reduce){
  .contact-reveal{opacity:1;transform:none}
  .contact-form-section::before,.contact-form-section::after{animation:none}
}


/* Original stylesheet: news-landing.css */
/* Dedicated MINVODY articles index. Shared shell and tokens are inherited
   from the finished product-page design system. */

body{background:#fff}

.news-intro{
  position:relative;
  padding:72px 0 62px;
  overflow:hidden;
  background:#fff;
}
.news-intro__content{max-width:1240px}
.news-intro h1{
  width:100%;
  max-width:none;
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(45px,4.1vw,58px);
  font-weight:300;
  line-height:1.1;
  letter-spacing:-.02em;
  color:var(--navy);
}
.news-intro h1 i{font-style:italic;color:var(--blue)}

.articles{
  position:relative;
  padding:72px 0 124px;
  background:var(--bg-soft);
}
.article-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
}
.article-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(14,32,56,.085);
  border-radius:26px;
  background:#fff;
  box-shadow:0 12px 30px rgba(14,32,56,.035);
  opacity:0;
  transform:translateY(18px);
  transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1),border-color .4s ease,box-shadow .45s cubic-bezier(.16,1,.3,1);
}
.article-card.is-visible{opacity:1;transform:none}
.article-card:hover{transform:translateY(-6px);border-color:rgba(44,120,184,.3);box-shadow:0 20px 40px rgba(14,32,56,.12)}
.article-card__media{
  position:relative;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#EAF1F7;
}
.article-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .9s cubic-bezier(.16,1,.3,1);
}
.article-card:hover .article-card__media img{transform:scale(1.035)}
.article-card__body{
  display:flex;
  min-height:212px;
  flex:1;
  flex-direction:column;
  padding:30px 30px 28px;
}
.article-card h2{
  margin:0 0 28px;
  font-family:var(--font-display);
  font-size:clamp(25px,2.05vw,31px);
  font-weight:300;
  line-height:1.2;
  letter-spacing:-.015em;
  color:var(--navy);
  text-wrap:balance;
}
.article-card__cta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:auto;
  color:var(--blue);
  font-size:12.5px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.article-card__cta svg{
  width:21px;
  height:21px;
  transition:transform .4s cubic-bezier(.16,1,.3,1);
}
.article-card:hover .article-card__cta svg{transform:translateX(5px)}

@media(max-width:1000px){
  .article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .article-card{border-radius:24px}
  .article-card__body{min-height:205px;padding:27px 26px 26px}
}

@media(max-width:900px){
  .news-intro{padding:64px 0 54px}
  .articles{padding:64px 0 104px}
}

@media(max-width:640px){
  .news-intro{padding:52px 0 48px}
  .news-intro h1{font-size:36px}
  .articles{padding:48px 0 88px}
  .article-grid{grid-template-columns:1fr;gap:22px}
  .article-card{border-radius:22px}
  .article-card__body{min-height:190px;padding:25px 24px 26px}
  .article-card h2{font-size:27px}
}

@media(prefers-reduced-motion:reduce){
  .article-card{opacity:1;transform:none}
  .article-card__media img,.article-card__cta svg{transition:none}
}


/* Original stylesheet: baldovska-polish.css */
/* Baldovská visual-system alignment
   Page-scoped overrides only; the shared product stylesheet remains unchanged. */

:root{
  --navy:#0E2038;
  --navy-deep:#081426;
  --navy-2:#0E2038;
  --ink:#4C5A70;
  --ink-soft:#6C7789;
  --line:rgba(14,32,56,.12);
  --bg-soft:#F3F7FA;
  --accent:#2C78B8;
  --accent-soft:#EAF3FA;
  --wrap:1400px;
  --radius:22px;
  --section-y:112px;
  --shadow:0 24px 58px rgba(14,32,56,.09);
  --shadow-sm:0 14px 34px rgba(14,32,56,.075);
  --menu-x:7%;
  --menu-y:7%;
}

body{font-size:16px;line-height:1.8;color:var(--ink);overflow-x:hidden;background:#fff}
button,input,textarea{font:inherit}
.wrap{max-width:1400px;padding:0 48px}
h1,h2,h3,h4{color:var(--navy);letter-spacing:-.012em}
h1{font-size:clamp(45px,4.1vw,58px);line-height:1.1;font-weight:300;letter-spacing:-.02em}
h2{font-size:clamp(35px,4vw,54px);line-height:1.12;font-weight:300;letter-spacing:-.016em;text-wrap:balance}
h3{font-size:21px;line-height:1.35;font-weight:400}
.section h2 i{font-style:italic;color:var(--accent)}
p{margin-bottom:1.1em}
.section{padding:var(--section-y) 0}
.section--soft{background:var(--bg-soft)}
.lead{font-size:17px;line-height:1.8;color:var(--ink);max-width:78ch;margin-left:auto;margin-right:auto}
.eyebrow{display:block;margin-bottom:18px;font-size:12.5px;font-weight:700;letter-spacing:.18em;line-height:1.4;text-transform:uppercase;color:var(--accent)}
.eyebrow::before{display:none}

/* Shared solid nav and fullscreen menu now live in minvody-phase1.css (loaded
   after this file on every route that includes it), which is the single
   authoritative source for those rules. */

/* Page-wide bubble material and density are shared by minvody-phase3.css. */
main{position:relative;isolation:isolate}
main>section>.wrap,.hero-stack>.wrap{position:relative;z-index:2}

/* Existing Baldovská compositions, visually aligned */
.hero-stack{position:relative;padding:74px 0 0;background:#fff;overflow:hidden}
.hero-stack__head{margin-bottom:36px}
.hero-stack__head .eyebrow{margin-bottom:18px}
.hero-stack__head h1{grid-column:1/-1;display:block;width:100%;max-width:none;margin-bottom:24px;text-wrap:wrap}
.hero-stack__head h1 i{font-style:italic;color:var(--accent)}
.hero-stack__row{align-items:center;gap:56px}
.hero-stack__row .hero-stack__sub{max-width:68ch;font-size:16.5px;line-height:1.78;color:var(--ink)}
.hero-stack__img{height:600px;border-radius:30px;box-shadow:0 28px 64px rgba(14,32,56,.11)}
.hero-stack__img img{object-position:center 48%}

.btn{min-height:48px;padding:13px 22px;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:#fff;font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.015em;box-shadow:0 10px 22px rgba(44,107,166,.18);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,background .35s ease,filter .35s ease}
.btn:hover{transform:translateY(-2px);background:#246AA3;box-shadow:0 14px 26px rgba(44,107,166,.24);filter:none}

#uvod{padding-top:100px;padding-bottom:106px}
#uvod h2{margin-bottom:22px}

.benefits{gap:24px}
.benefit{padding:30px 28px;border-color:rgba(14,32,56,.09);border-radius:22px;box-shadow:0 12px 30px rgba(14,32,56,.035);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease}
.benefit:hover{transform:translateY(-5px);border-color:rgba(44,120,184,.18);box-shadow:0 20px 42px rgba(14,32,56,.075)}
.benefit__icon{width:48px;height:48px;border-radius:50%;margin-bottom:20px;background:var(--accent-soft);color:var(--accent)}
.benefit__icon svg{width:22px;height:22px}.benefit h3{font-size:19px;margin-bottom:9px}.benefit p{font-size:14.5px;line-height:1.7;color:var(--ink)}

.switch{padding:5px;background:#E8EEF4;border:1px solid rgba(14,32,56,.06)}
.switch button{padding:12px 23px;font-size:13px;letter-spacing:.01em;color:var(--navy);transition:background .35s ease,color .35s ease,box-shadow .35s ease}
.switch button[aria-pressed="true"]{background:var(--accent);box-shadow:0 8px 18px rgba(44,120,184,.18)}
.carousel{padding:0 22px}.carousel__track{gap:24px;padding-top:20px}.carousel__track .product{flex-basis:260px}
/* Base look only; hover lift/shadow/border are unified in product-pages.css. */
.product{border-color:rgba(14,32,56,.09);border-radius:22px;box-shadow:0 10px 28px rgba(14,32,56,.035)}
.product__media{background:linear-gradient(180deg,#E9F2F9 0%,#F7FAFC 72%,#fff 100%)}
.product__body{padding:22px 22px 28px}.product__body h3{font-size:20px;font-weight:400}.product__variant{font-size:12px;letter-spacing:.1em}.product__vol{font-size:14px;color:var(--ink-soft)}
.product__dot{width:18px;height:18px;top:16px;right:16px;box-shadow:0 0 0 3px rgba(255,255,255,.9),0 4px 10px rgba(14,32,56,.13)}
/* Arrow glass design/hover is shared in minvody-phase2.css; only this
   carousel's own vertical position stays here. */
.carousel__nav{top:42%}
.carousel__nav--prev{left:-4px}.carousel__nav--next{right:-4px}

.split{gap:clamp(56px,7vw,104px)}
.split__text{max-width:600px}.split__text h2{margin-bottom:24px}.split__text p{font-size:16px;line-height:1.8;color:var(--ink)}
.split__media{aspect-ratio:5/4;border-radius:30px;box-shadow:0 28px 64px rgba(14,32,56,.11)}

.acc{max-width:900px;border-color:rgba(14,32,56,.09);border-radius:24px;box-shadow:0 18px 44px rgba(14,32,56,.055)}
.acc details{border-color:var(--line)}.acc summary{padding:23px 28px;font-size:18px;font-weight:400}.acc__panel{padding:0 28px 28px}.mineral-table{font-size:15px}.mineral-table th,.mineral-table td{padding:12px 5px;border-color:rgba(14,32,56,.09)}.chartline{font-size:13.5px;line-height:1.75;color:var(--ink-soft)}

.retailers{max-width:1040px;gap:20px}.retailer{height:104px;border-color:rgba(14,32,56,.08);border-radius:18px;box-shadow:0 10px 24px rgba(14,32,56,.035);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}.retailer:hover{transform:translateY(-4px);box-shadow:0 17px 34px rgba(14,32,56,.075)}

/* The shared footer implementation now lives solely in minvody-phase2.css,
   which every route loads. */

@media(max-width:1080px){
  .benefits{grid-template-columns:repeat(2,1fr)}
  .split{gap:48px}
  .retailers{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:900px){
  :root{--section-y:96px}
  .hero-stack{padding-top:62px}.hero-stack__img{height:auto;aspect-ratio:16/10}
  .split{grid-template-columns:1fr;gap:44px}.split--rev .split__media{order:0}.split__media{min-height:460px;aspect-ratio:auto}
  .retailers{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:640px){
  :root{--section-y:78px}
  .wrap{padding:0 24px}
  h1{font-size:36px;line-height:1.12}h2{font-size:31px}.lead{font-size:15.5px;line-height:1.75}.eyebrow{font-size:11.5px}
  .hero-stack{padding-top:52px}.hero-stack__head{margin-bottom:28px}.hero-stack__head h1{max-width:none;margin-bottom:20px}.hero-stack__row{flex-direction:column;align-items:flex-start;gap:20px}.hero-stack__row .hero-stack__sub{font-size:15px;line-height:1.72}.hero-stack__row .btn{align-self:stretch;justify-content:center}.hero-stack__img{aspect-ratio:4/3;border-radius:22px}
  #uvod{padding-top:72px;padding-bottom:78px}
  .benefits{grid-template-columns:1fr;gap:16px}.benefit{padding:26px 24px}
  .switch{width:100%;display:grid;grid-template-columns:1fr 1fr}.switch button{padding:11px 10px;font-size:11.5px;line-height:1.35}
  .carousel{padding:0}.carousel__track{gap:16px;margin:0 -24px;padding-left:24px;padding-right:24px;scroll-padding-left:24px}.carousel__track .product{flex:0 0 78%}.carousel__nav{display:none}
  .product__media{aspect-ratio:4/3}.product__body{padding:16px 18px 20px}
  .split{gap:34px}.split__media{min-height:330px;border-radius:22px}
  .acc{border-radius:20px}.acc summary{padding:20px 20px;font-size:16px}.acc__panel{padding:0 20px 22px}.mineral-table{font-size:13.5px}.mineral-table th,.mineral-table td{padding:10px 3px}
  .retailers{grid-template-columns:1fr 1fr;gap:14px}.retailer{height:88px;border-radius:15px}.retailer img{padding:14px 16px}
}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Original stylesheet: savior.css */
/* Savior – ponuka na viac kariet + podmienky na modrej */
.products--flex{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.conditions{display:grid;gap:20px;max-width:620px;margin:0 auto}
.cond{display:flex;align-items:center;gap:16px;text-align:left}
.cond svg{width:28px;height:28px;color:#fff;flex:none}
.cond strong{display:block;color:#fff;font-size:18px;font-family:var(--font-display);font-weight:500}
.cond span{font-size:14.5px;color:#c2cfe2}

/* Tlačidlá v produktových kartách zarovnané dole (rovnaká výška) */
.product__body .btn{margin-top:auto}
/* Súhrn podmienok vnútri kontaktnej karty */
.card-conditions{border-top:1px solid var(--line);margin-top:22px;padding-top:20px;display:grid;gap:16px}
.cc{display:flex;align-items:center;gap:14px}
.cc svg{width:24px;height:24px;color:var(--accent);flex:none}
.cc strong{display:block;color:var(--navy);font-size:16px;font-family:var(--font-display);font-weight:500}
.cc span{font-size:13.5px;color:var(--ink)}


/* Original stylesheet: minvody-phase1.css */
/* MINVODY consistency audit — Phase 1
   Shared subpage typography, outer grid and solid header sizing only. */

:root{
  --container-max:1400px;
  --gutter-desktop:48px;
  --gutter-tablet:48px;
  --gutter-mobile:24px;

  --font-display:"Literata",Georgia,serif;
  --font-body:"Mulish",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

  --type-h1:clamp(36px,4.1vw,58px);
  --type-h2:clamp(31px,3.75vw,54px);
  --type-h3:21px;
  --type-lead:16.5px;
  --type-body:16px;
  --type-small:14px;
  --type-eyebrow:12.5px;
  --type-button:13px;

  --menu-x:7%;
  --menu-y:7%;
}

body{
  font-family:var(--font-body);
  font-size:var(--type-body);
}

/* One outer alignment line. Text measure belongs to content inside the grid,
   never to a separately centred version of the outer container. */
.wrap{
  width:100%;
  max-width:var(--container-max);
  margin-inline:auto;
  padding-inline:var(--gutter-desktop);
}

.intro__content,
.products-intro__content,
.news-intro__content,
.contact-intro__content{
  max-width:var(--container-max);
}

/* Shared informational hierarchy. Product/article card headings intentionally
   keep their approved component-specific scale. */
main h1,
main .intro h1,
main .products-intro h1,
main .news-intro h1,
main .contact-intro h1,
html[data-brand] main .hero-stack__head h1{
  width:100%;
  max-width:none;
  font-family:var(--font-display);
  font-size:var(--type-h1);
  font-weight:300;
  line-height:1.1;
  letter-spacing:-.02em;
}

html[data-brand] main h2,
main h2.title,
main .section-head h2,
main .form-intro h2{
  font-family:var(--font-display);
  font-size:var(--type-h2);
  font-weight:300;
  line-height:1.12;
}

html[data-brand] main h3,
main h3{
  font-family:var(--font-display);
  font-size:var(--type-h3);
}

main .eyebrow{
  font-family:var(--font-body);
  font-size:var(--type-eyebrow);
}

main .lead,
main .hero-stack__sub,
html[data-brand] main .hero-stack__row .hero-stack__sub,
main .intro p,
main .products-intro p,
main .contact-intro p{
  font-size:var(--type-lead);
}

.btn{
  font-family:var(--font-body);
  font-size:var(--type-button);
}

/* One solid subpage header, shared by every non-homepage route (O spoločnosti,
   Produkty, Aktuality, Kontakt and all four brand pages). The homepage overlay
   header/menu does not load this stylesheet and remains an intentional
   separate variant with its own positioning and appearance. */
.nav{
  position:relative;
  z-index:40;
  display:block;
  height:132px;
  padding-top:14px;
  color:#fff;
  background:var(--navy-deep);
}
.nav__in{height:96px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.nav .nav__btn{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  gap:9px;
  height:44px;
  padding:0 18px 0 15px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  cursor:pointer;
  color:#fff;
  background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.045));
  backdrop-filter:blur(14px) saturate(1.25);
  -webkit-backdrop-filter:blur(14px) saturate(1.25);
  box-shadow:0 10px 24px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .35s cubic-bezier(.16,1,.3,1),background .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.nav .nav__btn:hover{
  background:linear-gradient(160deg,rgba(255,255,255,.2),rgba(255,255,255,.065));
  border-color:rgba(255,255,255,.38);
  transform:translateY(-2px);
}
.nav .nav__btn:focus-visible{outline:1px solid rgba(255,255,255,.7);outline-offset:5px}
.nav .nav__btn-label{font-family:var(--font-body);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.nav .bars{display:flex;flex-direction:column;gap:6px}
.nav .bars span{width:22px;height:1px;background:currentColor;transition:transform .3s ease}
.nav .nav__btn[aria-expanded="true"] .bars span:first-child{transform:translateY(3px) rotate(45deg)}
.nav .nav__btn[aria-expanded="true"] .bars span:last-child{transform:translateY(-3px) rotate(-45deg)}
.nav .nav__btn:not([aria-expanded="true"]):hover .bars span:first-child{transform:translateY(-1px)}
.nav .nav__btn:not([aria-expanded="true"]):hover .bars span:last-child{transform:translateY(1px)}
.nav a.nav__badge{justify-self:center;width:78px;height:78px;border-radius:50%;background:#FCFBF8;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 32px rgba(0,0,0,.3)}
.nav a.nav__badge img{width:68px;height:68px;object-fit:contain}
.nav a.nav__contact{
  justify-self:end;
  padding:13px 21px;
  border-radius:999px;
  color:#fff;
  font-size:12.5px;
  font-weight:700;
  line-height:1.4;
  letter-spacing:.14em;
  text-transform:uppercase;
  background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.24);
  backdrop-filter:blur(14px) saturate(1.25);
  -webkit-backdrop-filter:blur(14px) saturate(1.25);
  box-shadow:0 10px 24px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .4s cubic-bezier(.16,1,.3,1),background .35s ease,border-color .35s ease;
}
.nav a.nav__contact:hover{transform:translateY(-2px);background:linear-gradient(160deg,rgba(255,255,255,.2),rgba(255,255,255,.065));border-color:rgba(255,255,255,.38)}

/* Shared fullscreen menu (same markup/JS contract on every route). */
.menu{position:fixed;inset:0;z-index:100;background:var(--navy);display:flex;flex-direction:column;justify-content:center;padding:0 48px;clip-path:circle(0% at var(--menu-x) var(--menu-y));transition:clip-path .9s cubic-bezier(.65,0,.24,1);pointer-events:none;color:#fff}
.menu.open{clip-path:circle(150% at var(--menu-x) var(--menu-y));pointer-events:auto}
.menu__close{position:absolute;top:34px;right:48px;border:0;background:none;color:#fff;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;opacity:0;transition:opacity .4s ease .3s}
.menu.open .menu__close{opacity:1}
.menu__list{display:flex;flex-direction:column;gap:3px}
.menu__list a{font-family:var(--font-display);font-style:italic;font-size:clamp(35px,6.6vw,76px);line-height:1.14;overflow:hidden;transition:color .3s ease}
.menu__list a span{display:block;transform:translateY(110%);transition:transform .65s cubic-bezier(.16,1,.3,1)}
.menu.open .menu__list a span{transform:none}
.menu__list a:hover{color:var(--blue-on-dark)}
.menu__list a:nth-child(1) span{transition-delay:.12s}
.menu__list a:nth-child(2) span{transition-delay:.18s}
.menu__list a:nth-child(3) span{transition-delay:.24s}
.menu__list a:nth-child(4) span{transition-delay:.3s}
.menu__list a:nth-child(5) span{transition-delay:.36s}
.menu__meta{position:absolute;left:48px;bottom:44px;font-size:13px;color:rgba(255,255,255,.55);opacity:0;transition:opacity .5s ease .5s}
.menu.open .menu__meta{opacity:1}

@media(min-width:641px) and (max-width:1024px){
  .wrap{padding-inline:var(--gutter-tablet)}
}

@media(max-width:640px){
  .wrap{padding-inline:var(--gutter-mobile)}

  .nav{height:112px;padding-top:8px}
  .nav__in{height:86px}
  .nav .nav__btn{width:40px;height:40px;padding:0;justify-content:center;gap:0}
  .nav .nav__btn-label{display:none}
  .nav a.nav__badge{width:68px;height:68px}
  .nav a.nav__badge img{width:60px;height:60px}
  .nav a.nav__contact{
    padding:11px 15px;
    font-size:11px;
    line-height:1.4;
    letter-spacing:.11em;
  }

  .menu{padding:0 24px}
  .menu__close{right:24px}
  .menu__meta{left:24px;bottom:30px}
  .menu__list a{font-size:36px}
}


/* Original stylesheet: minvody-phase2.css */
/* MINVODY consistency audit — Phase 2
   Shared color roles, radius tiers, controls and approved footer only. */

:root{
  --navy-deep:#081426;
  --navy:#0E2038;
  --navy-raised:#16294C;

  /* Footer typography needs this token even on the homepage, which does not
     load minvody-phase1.css (where --font-display is otherwise defined). */
  --font-display:"Literata",Georgia,serif;

  --blue:#2C78B8;
  --blue-hover:#246AA3;
  --blue-on-dark:#5AA3E6;

  --surface:#FFFFFF;
  --surface-soft:#FCFBF8;
  --ice:#EAF1F7;
  --ice-soft:#F3F7FA;

  --text:#0E2038;
  --text-secondary:#4C5A70;
  --text-muted:#8B94A6;
  --border:rgba(14,32,56,.12);

  --brand-baldovska:#2C78B8;
  --brand-salvator:#177866;
  --brand-drobcek:#D96591;
  --brand-savior:#2498C8;

  --radius-control:14px;
  --radius-card:22px;
  --radius-panel:24px;
  --radius-editorial:30px;
  --radius-editorial-mobile:22px;
  --radius-pill:999px;

  --accent-ink:var(--blue);
}

html[data-brand="baldovska"]{--accent:var(--brand-baldovska)}
html[data-brand="salvator"]{--accent:var(--brand-salvator)}
html[data-brand="drobcek"]{--accent:var(--brand-drobcek)}
html[data-brand="savior"]{--accent:var(--brand-savior)}

/* Approved shared surface roles. These selectors consolidate identical uses
   without recolouring bespoke hero, mineral, glass or brand compositions. */
.products-intro,
.news-intro,
.contact-intro,
.products-grid-section,
.articles-section,
.contact-main{background-color:var(--surface)}

.product-card,
.article-card,
.contact-list,
.locations-panel,
.form{background-color:var(--surface)}

.product-card__media,
.article-card__media{background-color:var(--ice)}

.product-card--bald{--card-accent:var(--brand-baldovska)}
.product-card--salv{--card-accent:var(--brand-salvator)}
.product-card--drob{--card-accent:var(--brand-drobcek)}
.product-card--savi{--card-accent:var(--brand-savior)}

.products-intro h1 i,
.news-intro h1 i,
.contact-intro h1 i,
.product-card__cta,
.article-card__cta{color:var(--blue)}

.form-field input,
.form-field select,
.form-field textarea{border-color:var(--border);background-color:var(--surface);color:var(--text)}
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(44,120,184,.12)}

/* Radius tiers. Circular, mineral, bubble and organic/statistic geometry stays
   intentionally outside this system. */
.product-card,
.article-card,
.value-glass,
.news__card,
.benefit,
.product,
.contact__card,
.form{border-radius:var(--radius-card)}

.about__box,
.bottles__panel,
.bottles__trust,
.contact-list,
.locations-panel,
.acc{border-radius:var(--radius-panel)}

.split__media,
.split__media--reverse,
.hero-stack__img,
.map-frame{border-radius:var(--radius-editorial)}

.form-field input,
.form-field select,
.form-field textarea{border-radius:var(--radius-control)}

/* Shared primary CTA. Text/arrow links and glass controls remain distinct. */
.btn,
.about__cta,
.bottles__cta,
.news__all{
  min-height:48px;
  padding:13px 22px;
  border-radius:var(--radius-pill);
  font-family:var(--font-body);
  font-size:13px;
  font-weight:700;
  line-height:1.4;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.btn:not(.btn--accent):not(.btn--ghost),
.about__cta,
.news__all{
  border-color:var(--blue);
  background:var(--blue);
  color:#fff;
}

.btn:not(.btn--accent):not(.btn--ghost):hover,
.about__cta:hover,
.news__all:hover{
  background:var(--blue-hover);
  border-color:var(--blue-hover);
  transform:translateY(-2px);
  box-shadow:0 12px 24px rgba(14,32,56,.18);
}

html[data-brand] .btn,
html[data-brand] .btn--accent{
  border-color:var(--accent);
  background:var(--accent);
}

.bottles__cta{
  border-color:var(--water-color,var(--brand-baldovska));
  background:var(--water-color,var(--brand-baldovska));
}

.btn--sm{min-height:44px;padding:11px 20px;font-size:13px}

.btn:focus-visible,
.about__cta:focus-visible,
.bottles__cta:focus-visible,
.news__all:focus-visible,
.carousel__nav:focus-visible,
.bstage__arrow:focus-visible,
.news__nav button:focus-visible{
  outline:3px solid rgba(44,120,184,.62);
  outline-offset:3px;
}

.carousel__nav,
.bstage__arrow,
.news__nav button{
  width:48px;
  height:48px;
  min-width:48px;
  min-height:48px;
}

/* One shared glass arrow-button design for every horizontal carousel
   (Aktuality preview on the homepage, product carousels on brand pages).
   The bottle showcase stage uses a different interaction pattern and keeps
   its own bespoke arrow treatment. */
.carousel__nav,
.news__nav button{
  border-radius:50%;
  border:1px solid rgba(184,219,247,.55);
  background:linear-gradient(160deg,rgba(237,246,255,.75),rgba(212,233,252,.4));
  color:var(--navy);
  cursor:pointer;
  backdrop-filter:blur(14px) saturate(1.3);
  -webkit-backdrop-filter:blur(14px) saturate(1.3);
  box-shadow:0 12px 28px rgba(14,32,56,.12),inset 0 1px 0 rgba(255,255,255,.7);
  transition:transform .35s cubic-bezier(.16,1,.3,1),background .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.carousel__nav svg,
.news__nav button svg{width:20px;height:20px}
.carousel__nav:hover,
.news__nav button:hover{
  background:linear-gradient(160deg,rgba(245,250,255,.9),rgba(224,241,253,.58));
  border-color:rgba(158,203,240,.78);
  box-shadow:0 16px 34px rgba(14,32,56,.16),inset 0 1px 0 rgba(255,255,255,.85);
}
.carousel__nav--prev:hover,
.news__nav button:first-child:hover{transform:translateY(-50%) translateX(-3px) scale(1.045)}
.carousel__nav--next:hover,
.news__nav button:last-child:hover{transform:translateY(-50%) translateX(3px) scale(1.045)}
@media(prefers-reduced-motion:reduce){
  .carousel__nav,
  .news__nav button{transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}
  .carousel__nav--prev:hover,
  .carousel__nav--next:hover,
  .news__nav button:first-child:hover,
  .news__nav button:last-child:hover{transform:translateY(-50%)}
}

/* Shared mobile carousel pagination dots. Hidden by default (desktop shows
   arrows instead); every genuine horizontal carousel that hides its arrows
   on small screens shows this instead, at the same breakpoint. Dots reflect
   scroll position via JS (aria-hidden — the native swipe gesture is already
   the accessible interaction; dots are a supplementary visual cue only). */
.carousel-dots{display:none;justify-content:center;align-items:center;gap:7px;margin-top:18px;flex-wrap:wrap;padding:0 24px}
.carousel-dots__dot{width:5px;height:5px;border-radius:50%;background:rgba(14,32,56,.16);flex:none;transition:background .3s ease,width .3s ease,border-radius .3s ease}
.carousel-dots__dot.is-active{width:16px;border-radius:3px;background:var(--blue)}
.carousel-dots--on-dark .carousel-dots__dot{background:rgba(255,255,255,.28)}
.carousel-dots--on-dark .carousel-dots__dot.is-active{background:var(--blue-on-dark)}
html[data-brand] .carousel-dots__dot.is-active{background:var(--accent)}
@media(max-width:640px){
  .carousel-dots{display:flex}
}
@media(prefers-reduced-motion:reduce){
  .carousel-dots__dot{transition:none}
}

/* One approved footer implementation on every route. Decorative footer
   bubbles are still page-owned and are deliberately not touched here. */
.ft{
  position:relative;
  overflow:visible;
  padding:76px 0 34px;
  background:var(--navy-deep);
  color:rgba(255,255,255,.62);
}

.ft__intro{
  position:relative;
  z-index:2;
  margin-bottom:52px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.ft__mark{
  position:absolute;
  z-index:3;
  left:50%;
  top:0;
  transform:translate(-50%,-50%);
  width:94px;
  height:94px;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#fff;
  box-shadow:0 16px 38px rgba(2,10,22,.2);
}
.ft__mark img{width:80px;height:80px;display:block;object-fit:contain;border-radius:50%}
.ft__intro h2{margin:0;color:#fff;font-family:var(--font-display);font-size:clamp(27px,2.6vw,36px);font-weight:400;line-height:1.15}
.ft__intro p{max-width:54ch;margin:16px auto 0;color:rgba(255,255,255,.54);font-size:14px;line-height:1.75}
.ft__main{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.38fr .8fr 1fr 1.35fr;
  gap:clamp(28px,4vw,62px);
  align-items:start;
}
.ft h4{margin:0 0 16px;color:#fff;font-family:var(--font-body);font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ft__contact-list{display:grid;gap:15px}
.ft a.ft__contact-item,.ft__contact-item{display:flex;align-items:center;gap:13px;padding:0;color:rgba(255,255,255,.68);font-size:14px;line-height:1.55}
.ft__contact-icon{width:35px;height:35px;flex:0 0 35px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--blue-on-dark);background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12)}
.ft__contact-icon svg{width:16px;height:16px}
.ft a{display:block;padding:5px 0;color:rgba(255,255,255,.62);font-size:14.5px;text-decoration:none;transition:color .25s ease}
.ft a:hover{color:#fff}
.ft__bottom{
  position:relative;
  z-index:2;
  margin-top:58px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.12);
  display:flex;
  justify-content:center;
  text-align:center;
  flex-wrap:wrap;
  gap:12px;
  color:rgba(255,255,255,.45);
  font-size:12.5px;
}
.ft__bottom a{color:inherit}

@media(max-width:1080px){
  .ft__main{grid-template-columns:1fr 1fr;row-gap:46px}
}

@media(max-width:640px){
  .split__media,
  .split__media--reverse,
  .hero-stack__img,
  .map-frame{border-radius:var(--radius-editorial-mobile)}

  .carousel__nav,
  .bstage__arrow,
  .news__nav button{
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
  }

  .ft{padding:68px 0 28px}
  .ft__mark{width:80px;height:80px}
  .ft__mark img{width:68px;height:68px}
  .ft__intro{margin-bottom:42px}
  .ft__intro p{max-width:34ch;font-size:13.5px;line-height:1.7}
  .ft__main{grid-template-columns:1fr;row-gap:36px}
  .ft__bottom{margin-top:44px}
}


/* Original stylesheet: minvody-phase3.css */
/* MINVODY consistency audit — Phase 3
   Shared water-bubble material, motion language and reduced-motion behavior. */

:root{
  --ease-premium:cubic-bezier(.16,1,.3,1);
  --duration-fast:180ms;
  --duration-ui:350ms;
  --duration-reveal:750ms;
  --duration-image:900ms;

  --bubble-size-small:38px;
  --bubble-size-medium:64px;
  --bubble-size-large:94px;
  --bubble-opacity:.68;
}

/* Responsive media wrappers must remain layout-neutral so the approved image
   positioning, crops and hover transforms keep using their existing boxes. */
.hero__media picture,
.about__media picture,
.news__img picture,
.split__media picture,
.hero-stack__img picture,
.product-card__media picture,
.article-card__media picture,
.bproduct picture{display:contents}

/* Shared approved page-wide water material. Density is selected in markup;
   the position sequence deliberately retains the previous visual rhythm. */
.page-bubbles{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:hidden;
  pointer-events:none;
}

.page-bubble{
  position:absolute;
  width:var(--size,var(--bubble-size-medium));
  height:var(--size,var(--bubble-size-medium));
  top:var(--top);
  left:var(--left,auto);
  right:var(--right,auto);
  border:1px solid rgba(112,187,232,.23);
  border-radius:50%;
  opacity:var(--opacity,var(--bubble-opacity));
  background:radial-gradient(circle at 31% 27%,rgba(255,255,255,.82) 0 4%,rgba(255,255,255,.37) 9%,rgba(188,228,249,.25) 32%,rgba(103,180,227,.135) 62%,rgba(90,163,230,.023) 75%);
  box-shadow:inset -10px -12px 21px rgba(58,137,197,.105),inset 6px 6px 13px rgba(255,255,255,.41),0 14px 30px rgba(44,107,166,.068),0 0 27px rgba(90,163,230,.058);
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
  animation:minvodyWaterFloat var(--dur,15s) var(--ease-premium) var(--delay,0s) infinite alternate;
  will-change:transform,opacity;
}

.page-bubble:nth-child(1){--size:calc(var(--bubble-size-medium) - 6px);--top:2%;--left:4%;--dur:13s;--opacity:.68}
.page-bubble:nth-child(2){--size:calc(var(--bubble-size-large) - 2px);--top:9%;--right:5%;--dur:18s;--delay:-6s;--opacity:.62}
.page-bubble:nth-child(3){--size:calc(var(--bubble-size-small) - 4px);--top:17%;--left:2%;--dur:12s;--delay:-4s;--opacity:.75}
.page-bubble:nth-child(4){--size:calc(var(--bubble-size-medium) + 6px);--top:25%;--right:8%;--dur:16s;--delay:-9s;--opacity:.62}
.page-bubble:nth-child(5){--size:calc(var(--bubble-size-large) + 12px);--top:34%;--left:5%;--dur:19s;--delay:-3s;--opacity:.58}
.page-bubble:nth-child(6){--size:calc(var(--bubble-size-small) + 4px);--top:42%;--right:3%;--dur:12s;--delay:-7s;--opacity:.74}
.page-bubble:nth-child(7){--size:calc(var(--bubble-size-medium) + 2px);--top:51%;--left:2%;--dur:15s;--delay:-10s;--opacity:.65}
.page-bubble:nth-child(8){--size:var(--bubble-size-large);--top:60%;--right:6%;--dur:19s;--delay:-5s;--opacity:.58}
.page-bubble:nth-child(9){--size:var(--bubble-size-small);--top:69%;--left:8%;--dur:12s;--delay:-8s;--opacity:.76}
.page-bubble:nth-child(10){--size:calc(var(--bubble-size-medium) + 8px);--top:78%;--right:3%;--dur:17s;--delay:-2s;--opacity:.61}
.page-bubble:nth-child(11){--size:calc(var(--bubble-size-large) + 4px);--top:87%;--left:4%;--dur:19s;--delay:-11s;--opacity:.58}
.page-bubble:nth-child(12){--size:32px;--top:95%;--right:11%;--dur:12s;--delay:-6s;--opacity:.76}
.page-bubble:nth-child(13){--size:44px;--top:13%;--right:22%;--dur:14s;--delay:-8s;--opacity:.65}
.page-bubble:nth-child(14){--size:72px;--top:38%;--left:18%;--dur:18s;--delay:-12s;--opacity:.58}
.page-bubble:nth-child(15){--size:58px;--top:64%;--left:25%;--dur:16s;--delay:-5s;--opacity:.66}
.page-bubble:nth-child(16){--size:36px;--top:83%;--right:20%;--dur:12s;--delay:-9s;--opacity:.72}

.page-bubbles[data-bubble-density="light"] .page-bubble:nth-child(n+9),
.page-bubbles[data-bubble-density="standard"] .page-bubble:nth-child(n+13),
.page-bubbles[data-bubble-density="rich"] .page-bubble:nth-child(n+17){display:none}

@keyframes minvodyWaterFloat{
  0%{transform:translate3d(0,7px,0);opacity:var(--opacity,var(--bubble-opacity))}
  55%{opacity:var(--opacity,var(--bubble-opacity))}
  100%{transform:translate3d(11px,-17px,0);opacity:.58}
}

/* The tiny dark-footer bubbles keep their approved distinct treatment, while
   sharing one implementation and the same offscreen scheduling behavior. */
.ft__bubbles{position:absolute;inset:0;z-index:0;pointer-events:none}
.ft__bubbles span{position:absolute;bottom:-20px;border-radius:50%;background:rgba(255,255,255,.12);animation:minvodyFooterRise linear infinite;will-change:transform,opacity}
.ft__bubbles span:nth-child(1){left:12%;width:4px;height:4px;animation-duration:15s}
.ft__bubbles span:nth-child(2){left:38%;width:6px;height:6px;animation-duration:19s;animation-delay:-6s}
.ft__bubbles span:nth-child(3){left:64%;width:3px;height:3px;animation-duration:17s;animation-delay:-3s}
.ft__bubbles span:nth-child(4){left:86%;width:5px;height:5px;animation-duration:19s;animation-delay:-11s}
@keyframes minvodyFooterRise{to{transform:translateY(-420px);opacity:0}}

/* Shared interaction and reveal rhythm. Bespoke hero/mineral transforms are
   intentionally excluded. */
.reveal{
  transform:translateY(18px);
  transition-duration:var(--duration-reveal);
  transition-timing-function:var(--ease-premium);
}
.product-card,
.article-card,
.contact-reveal{
  transform:translateY(18px);
  transition-duration:var(--duration-reveal);
  transition-timing-function:var(--ease-premium);
}
.product-card__media img,
.article-card__media img,
.news__img img{
  transition-duration:var(--duration-image);
  transition-timing-function:var(--ease-premium);
}
.btn,
.about__cta,
.bottles__cta,
.news__all,
.nav__contact{
  transition-timing-function:var(--ease-premium);
}
html[data-brand] .benefit:hover,
html[data-brand] .product:hover,
html[data-brand] .retailer:hover,
.brand:hover,
.news__card:hover{transform:translateY(-2px)}

/* CSS animations retain their exact phase when paused and continue smoothly
   on re-entry. Individual page bubbles are observed separately. */
.motion-paused,
.motion-paused::before,
.motion-paused::after,
.motion-paused .page-bubble,
.motion-paused .ft__bubbles span,
html.motion-document-paused .page-bubble,
html.motion-document-paused .ft__bubbles span,
html.motion-document-paused .contact-form-section::before,
html.motion-document-paused .contact-form-section::after{
  animation-play-state:paused!important;
}
.page-bubble.motion-paused{animation-play-state:paused!important;will-change:auto}

@media(max-width:640px){
  /* Every preset resolves to approximately half its desktop population. */
  .page-bubble:nth-child(even){display:none}
  .page-bubble{transform:scale(.8)}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}

  .page-bubble,
  .ft__bubbles span,
  .contact-form-section::before,
  .contact-form-section::after{
    animation:none!important;
    transform:none!important;
    will-change:auto!important;
  }

  .reveal,
  .milestone,
  .product-card,
  .article-card,
  .contact-reveal{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }

  [data-drift],
  .about__media img{
    transform:none!important;
    will-change:auto!important;
  }
}

/* Class mirror keeps behavior correct when the OS preference changes while a
   page is already open, and makes the policy consistent in older engines. */
html.motion-reduced{scroll-behavior:auto!important}
html.motion-reduced *,
html.motion-reduced *::before,
html.motion-reduced *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
html.motion-reduced .page-bubble,
html.motion-reduced .ft__bubbles span,
html.motion-reduced .contact-form-section::before,
html.motion-reduced .contact-form-section::after{animation:none!important;transform:none!important;will-change:auto!important}
html.motion-reduced .reveal,
html.motion-reduced .milestone,
html.motion-reduced .product-card,
html.motion-reduced .article-card,
html.motion-reduced .contact-reveal{opacity:1!important;transform:none!important;transition:none!important}
html.motion-reduced [data-drift],
html.motion-reduced .about__media img{transform:none!important;will-change:auto!important}


/* Original stylesheet: minvody-phase4.css */
/* MINVODY consistency audit — Phase 4: accessibility only. */
:root{
  --focus-ring:#5AA3E6;
  --focus-ring-shadow:rgba(8,20,38,.22);
}

:where(a[href],button,input,select,textarea,[tabindex]:not([tabindex="-1"]),.leaflet-interactive):focus-visible{
  outline:3px solid var(--focus-ring)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.82),0 0 0 6px var(--focus-ring-shadow)!important;
}

.menu :focus-visible{
  --focus-ring:#fff;
  --focus-ring-shadow:rgba(90,163,230,.58);
}

.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

html.menu-is-open,
html.menu-is-open body{overflow:hidden!important}

.menu[aria-hidden="true"]{pointer-events:none}

.carousel__nav:disabled,
.carousel__nav[aria-disabled="true"]{
  pointer-events:none;
}

.ft__main a[data-unresolved-link]{
  cursor:default;
}

.form-status{
  grid-column:1 / -1;
  margin:0;
  padding:13px 16px;
  border-radius:var(--radius-control,14px);
  border:1px solid rgba(44,120,184,.22);
  background:#F3F7FA;
  color:#0E2038;
  font-size:14px;
  line-height:1.55;
}
.form-status[hidden]{display:none}

@media (pointer:coarse), (max-width:768px){
  .nav__btn,
  .menu__close,
  .carousel__nav,
  .bstage__arrow,
  .news__nav button,
  .switch button,
  .leaflet-control-zoom a{
    min-width:44px;
    min-height:44px;
  }

  .bdots button{
    box-sizing:content-box;
    position:relative;
    padding:18.5px;
    margin:-18.5px;
    background-clip:content-box;
  }
}

@media (prefers-reduced-motion:reduce){
  :where(a[href],button,input,select,textarea,[tabindex]):focus-visible{
    transition:none!important;
  }
}