/* ==========================================================
   Eurovit – főoldal  (desktop terv: 1920 px, XD alapján)
   ========================================================== */

@font-face{font-family:Poppins;font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/poppins-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Poppins;font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/poppins-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/poppins-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Poppins;font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/poppins-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/poppins-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Poppins;font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/poppins-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/poppins-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Poppins;font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/poppins-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --green:#65AF75;
  --green-dark:#2A743B;
  --olive:#768E39;
  --pink:#B85F8F;
  --blue:#617BB7;
  --yellow:#FFCC33;
  --text:#3C3C3C;
  --grey:#707070;
  --footer:#132E0D;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Poppins,sans-serif;font-weight:400;color:var(--grey);background:#fff;-webkit-font-smoothing:antialiased;letter-spacing:-.005em;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
p,h1,h2,h3,ul,ol{margin:0;padding:0}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}

.wrap{width:1460px;margin:0 auto;position:relative}

/* ---------- topbar ---------- */
.topbar{height:39px;background:#fff}
.topbar__teva{display:block;padding-top:9px;width:56px}

/* ---------- header ---------- */
.site-header{height:131px;background:var(--green);color:#fff}
.site-header__in{height:100%}
.logo{position:absolute;left:0;top:52px;color:#fff}
.nav{position:absolute;left:843px;top:57px;display:flex;align-items:center;font-weight:400;font-size:14px;line-height:21px}
.nav__item{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.nav__item + .nav__item{margin-left:50px}
.nav__item:nth-child(3){margin-left:52px}
.search{position:absolute;left:1344px;top:51px;width:207px;height:29px}
.search__input{width:100%;height:100%;border:0;border-radius:15px;background:transparent;padding:0 34px 0 14px;color:#fff;font:inherit;outline:0;-webkit-appearance:none;appearance:none}
.search__bg{position:absolute;inset:0;pointer-events:none}
.search__btn{position:absolute;right:13.5px;top:7px;color:#fff;line-height:0}

/* ---------- hero ---------- */
.hero{position:relative;height:599px}
.hero__slides{position:absolute;inset:0;overflow:hidden}
.hslide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s}
.hslide.is-active{opacity:1;visibility:visible;transition:opacity .7s ease}
.hero__frame{height:599px;border:10px solid var(--yellow);background:#fff;position:relative}
.hero__slide{height:520px;position:relative;background:#003A63;overflow:hidden}
.hero__bg{position:absolute;inset:0}
.hero__bg img{width:100%;height:100%;object-fit:cover;max-width:none}
.hero__in{z-index:1}
.m-search,.burger{display:none}
.v-m{display:none}
.hero__in{height:100%;margin-left:auto;margin-right:auto}
.tag{position:absolute;display:inline-block;background:var(--yellow);color:#000;font-weight:500;text-transform:uppercase;letter-spacing:.1em}
.tag--lg{left:0;top:0;width:216px;height:49px;font-size:24px;line-height:49px;text-align:center;letter-spacing:.1em;text-indent:.1em}
.tag--sm{left:50px;top:5px;width:148px;height:34px;font-size:16px;line-height:34px;text-align:center;text-indent:.1em}
.hero__lead{position:absolute;left:0;top:248px;width:780px;font-weight:700;font-size:22px;line-height:33px;color:#fff;letter-spacing:-.07px}
.hero__otc{position:absolute;left:0;top:392px;font-size:16px;line-height:25px;color:#fff;letter-spacing:-.07px}
.hero__sub{position:absolute;left:0;top:448px;font-weight:600;font-size:14px;line-height:21px;color:var(--yellow);padding-bottom:11px;width:437px;letter-spacing:-.06px;background:linear-gradient(90deg,var(--yellow),rgba(255,204,51,0)) left bottom/100% 2px no-repeat}
.risk{height:59px;padding-bottom:8px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:20px;color:#000;text-align:center;letter-spacing:-.09px}

/* ---------- product cards ---------- */
.products{padding-top:84px;padding-bottom:30px}
.card{position:relative;width:1560px;margin:0 auto 120px;border-radius:20px;height:601px;background:linear-gradient(180deg,#fff 25%,var(--tint) 100%);box-shadow:inset 0 3px 6px rgba(0,0,0,.16)}
.card--d{--tint:#F7FBF3;--bt:33.4px;--lt:300.6px;--bty:450.6px;--nt:494.4px;--tw:609px;--ml:102px;--mt:39px;height:625px;border:3px solid var(--yellow);margin-bottom:96px}
.card--o{--tint:#F5FAF6;--bt:61.4px;--lt:245.6px;--bty:426.6px;--nt:517.4px;--tw:700px;--sm:19px;--ml:105px;--mt:46px}
.card--c{--tint:#FBF4F8;--bt:61.4px;--lt:225.6px;--bty:426.6px;--nt:518.4px;--tw:590px;--sm:28px;--ml:105px;--mt:90px}
.card--v{--tint:#F5F7FB;--bt:96.4px;--lt:192.6px;--bty:359.6px;--nt:518.4px;--tw:590px;--ml:105px;--mt:89px}
.card__media{position:absolute;left:var(--ml);top:var(--mt)}
.card__note{position:absolute;left:50px;top:var(--nt);width:650px;font-weight:600;font-size:14px;line-height:21px;color:#9AB76A;padding-bottom:12px}
.card__note::after{content:"";position:absolute;left:-50px;bottom:0;width:489px;height:2px;background:linear-gradient(90deg,var(--line,#A1D07A),rgba(255,255,255,0))}
.card--d .card__note{left:47px}
.card--d .card__note::after{left:-47px}
.card--o .card__note{--line:#93C79F;color:#7FBF8F}
.card--c .card__note{--line:#CD8DAF;color:#CD8DAF}
.card--v .card__note{--line:#8EA0CB;color:#8EA0CB}
.tag--sm{left:47px;top:2px}
.card__body{position:absolute;left:790px;top:var(--bt);width:700px}
.card__risk{position:absolute;left:0;right:0;bottom:0;height:58px;display:flex;align-items:center;justify-content:center;background:#fff;font-weight:500;font-size:20px;color:#000;border-radius:0 0 17px 17px;letter-spacing:-.09px}
.card--d .card__body{left:787px}
.card__brand{font-size:14px;line-height:21px;letter-spacing:.4em;color:var(--text)}
.card__title{margin-top:2px;font-weight:700;font-size:30px;line-height:43px;letter-spacing:-.1px}
.card--d .card__title{color:var(--olive)}
.card--o .card__title{color:var(--green)}
.card--c .card__title{color:var(--pink)}
.card--v .card__title{color:var(--blue)}
.card__kicker{margin-top:-2px;font-size:14px;line-height:21px;letter-spacing:.037em;text-transform:uppercase;color:var(--text)}
.card__text{margin-top:26px;font-size:16px;line-height:25px;width:var(--tw)}
.card__title + .card__text{margin-top:16px}
.card__sub{margin-top:var(--sm,23px);font-weight:700;font-size:16px;line-height:25px;color:var(--text)}
.card__list{position:absolute;left:-3px;top:var(--lt);counter-reset:n}
.card__list li{position:absolute;left:0;top:var(--y,0px);width:calc(var(--w,582px) + 36px);padding-left:36px;font-size:16px;line-height:22px;counter-increment:n}
.card__list li::before{content:counter(n) ".";position:absolute;left:0;top:-3px;width:28px;height:28px;border:.75px solid var(--grey);border-radius:50%;font-size:14px;line-height:26px;text-align:center}
.card__list li:nth-child(3)::before{content:"3"}
.btn{display:inline-flex;align-items:center;justify-content:center;width:190px;height:50px;border-radius:25px;background:var(--olive);color:#fff;font-weight:700;font-size:14px}
.card__body .btn{position:absolute;left:-3px;top:var(--bty)}
.card--o .btn{background:var(--green)}
.card--c .btn{background:var(--pink)}
.card--v .btn{background:var(--blue)}

/* ---------- magazine ---------- */
.magazine{background:#EFEFEF;height:917px;padding-top:104px}
.magazine__title{text-align:center;font-weight:700;font-size:30px;line-height:45px;color:var(--text)}
.magazine__list{display:flex;justify-content:center;gap:168px;margin-top:69px;width:auto}
.post{position:relative;width:523px;height:607px}
.post__img{width:523px;height:320px}
.post__title{position:absolute;left:1px;top:339px;width:523px;font-weight:700;font-size:20px;line-height:30px;color:var(--text)}
.post__text{position:absolute;left:0;top:410.1px;width:462px;font-weight:500;font-size:16px;line-height:25px;color:var(--grey)}
.btn--sm{position:absolute;left:0;top:563px;width:190px;height:44px;font-weight:500;font-size:14px;text-transform:uppercase;background:var(--green)}

/* ---------- legal ---------- */
.legal{height:234px;background:#fff;position:relative;font-size:14px;line-height:21px;color:var(--grey)}
.legal__col{position:absolute;top:44.4px;left:169px;white-space:nowrap}
.legal__col + .legal__col{left:878px}
.legal__strong{position:absolute;left:0;right:0;top:168px;text-align:center;font-weight:700;letter-spacing:-.03px}
.legal__small{position:absolute;left:0;right:0;top:189px;text-align:center;letter-spacing:-.13px}

/* ---------- footer ---------- */
.site-footer{height:132px;background:var(--footer);color:#fff}
.site-footer__in{height:100%}
.site-footer__logo{position:absolute;left:0;top:54px}
.site-footer__link{position:absolute;top:58.5px;font-weight:500;font-size:14px;line-height:21px;white-space:nowrap}
.site-footer__link--b{left:469px;font-weight:700}
.site-footer__link:nth-of-type(3){left:618px}
.site-footer__link:nth-of-type(4){left:862px}
.site-footer__copy{position:absolute;left:1247px;top:58.5px;font-weight:700;font-size:14px;line-height:21px;white-space:nowrap}

/* ---------- lenyíló menü (desktop) ---------- */
.nav__drop{position:relative}
.nav__drop + .nav__item{margin-left:50px}
.nav__item.is-active{font-weight:600}
.nav__item--drop .nav__chev{transition:transform .2s}
.nav__drop:hover .nav__item--drop,.nav__drop.is-open .nav__item--drop,.nav__drop:focus-within .nav__item--drop{color:#CDEBD0}
.dropdown{display:none;position:absolute;left:-291px;top:calc(100% + 11px);width:396px;padding:13px 0;background:#fff;border-radius:15px;box-shadow:0 3px 12px rgba(0,0,0,.18);z-index:40}
.dropdown::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.nav__drop:hover .dropdown,.nav__drop.is-open .dropdown,.nav__drop:focus-within .dropdown{display:block}
.dropdown__item{display:flex;align-items:center;justify-content:space-between;min-height:35.4px;padding:0 24px;color:var(--green-dark);font-weight:500;font-size:14px;line-height:21px;white-space:nowrap}
.dropdown__item:hover{background:#F2F8F3}
.dropdown__item--med{padding:0 0 0 24px;position:relative;box-shadow:inset 0 -1px 0 var(--yellow)}
.dropdown__tag{position:absolute;right:0;bottom:0;height:19px;display:flex;align-items:center;padding:0 15px;background:var(--yellow);color:#000;font-style:normal;font-size:9px;line-height:1;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.mmenu{display:none}

/* ---------- mobil / tablet menü (hamburger) ---------- */
.site-header{position:relative;z-index:60}
@media (max-width:1023.98px){
  .logo,.m-search,.burger{z-index:3}
  .mmenu:not([hidden]){display:block;position:absolute;left:0;right:0;top:100%;margin-top:-1px;z-index:2;background:var(--green);padding:56px 30px 64px;text-align:center;color:#fff;box-shadow:0 14px 24px rgba(0,0,0,.12)}
  .mmenu__sub-toggle{display:inline-flex;align-items:center;gap:14px;font-size:18px;line-height:28px;color:#CDEBD0}
  .mmenu__sub{max-width:315px;margin:10px auto 0;padding:10px 0 12px;background:#fff;border-radius:12px;text-align:left}
  .mmenu.is-collapsed .mmenu__sub{display:none}
  .mmenu__sub a{display:flex;align-items:center;min-height:36px;padding:4px 24px;color:var(--green-dark);font-weight:500;font-size:14px;line-height:18px}
  .mmenu__med{position:relative;padding-right:92px!important;box-shadow:inset 0 -1px 0 var(--yellow)}
  .mmenu__med i{position:absolute;right:0;bottom:0;height:19px;display:flex;align-items:center;padding:0 15px;background:var(--yellow);color:#000;font-style:normal;font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
  .mmenu__link{display:block;margin-top:30px;font-size:20px;line-height:24px;color:#fff}
  .mmenu__sub + .mmenu__link{margin-top:28px}
}

/* ---------- hero slider (közös) ---------- */
.hero__arrow{position:absolute;top:272px;width:57px;height:57px;line-height:0;z-index:3;color:#fff;transition:opacity .2s}
.hero__arrow:hover{opacity:.8}
.hero__arrow--prev{left:58px}
.hero__arrow--next{right:53px}
.hero__arrow svg{width:100%;height:100%}
.hero__dots{position:absolute;left:0;right:0;top:505px;height:10px;display:flex;justify-content:center;gap:9.5px;z-index:3}
.hero__dot{position:relative;width:10px;height:10px;border:2px solid #fff;border-radius:50%;padding:0;background:transparent;transition:background .25s}
.hero__dot::after{content:"";position:absolute;inset:-12px -5px}
.hero__dot.is-active{background:#fff}

/* 2. dia: márka (zöld) */
.hslide--brand{background:linear-gradient(180deg,#C9E6C3,#99CB9E)}
.hslide__bg{position:absolute;inset:0;display:block}
.hslide__bg img{width:100%;height:100%;object-fit:cover;object-position:center top;max-width:none}
.hb__in{position:relative;height:100%}
.hb__title{position:absolute;left:-2px;top:71px;margin:0;font-weight:700;font-size:40px;line-height:54px;color:var(--green-dark);white-space:nowrap}
.hb__sub{position:absolute;left:0;top:204px;margin:0;font-weight:500;font-size:18px;line-height:27px;color:var(--text)}
.hb__sub strong{font-weight:700}
.hb__btn{position:absolute;left:-3px;top:323px;display:inline-flex;align-items:center;justify-content:center;gap:12px;width:189px;height:44px;border:2px solid var(--green-dark);border-radius:22px;color:#fff;font-weight:500;font-size:14px;box-sizing:border-box}
.hb__code{position:absolute;right:-77px;bottom:20px;margin:0;font-size:14px;line-height:21px;color:#fff}

/* ==========================================================
   KÖZBENSŐ MÉRETEK (768 – 1599 px): a desktop terv folyékony változata
   ========================================================== */
@media (min-width:768px) and (max-width:1919.98px){
  :root{--u:min(1px,calc(100vw / 1920));--hu:max(var(--u),.62px)}
  .wrap{width:calc(100% - 2*max(24px,calc(230*var(--u))))}

  /* fejléc */
  .site-header{height:auto}
  .site-header__in{display:flex;align-items:center;height:auto;min-height:clamp(84px,calc(131*var(--u)),131px);padding:14px 0}
  .logo,.nav{position:static}
  .search{position:relative;left:auto;top:auto}
  .logo{flex:none}
  .logo img{width:clamp(110px,calc(135*var(--u)),135px);height:auto}
  .nav{margin-left:auto}
  .nav__item + .nav__item{margin-left:clamp(22px,calc(50*var(--u)),50px)}
  .nav__item:nth-child(3){margin-left:clamp(22px,calc(51*var(--u)),52px)}
  .search{flex:none;margin-left:clamp(24px,calc(73*var(--u)),73px);width:clamp(150px,calc(207*var(--u)),207px)}

  /* hero – a terv arányosan kicsinyítve */
  .hero__frame{height:auto;border-width:clamp(4px,calc(10*var(--hu)),10px)}
  .hero__slide{height:calc(520*var(--hu))}
  .hero__bg img{width:calc(1900*var(--hu));height:calc(520*var(--hu));max-width:none;object-fit:cover;object-position:left top}
  .hero__in{position:absolute;inset:0;height:auto;left:0;margin:0 auto;right:0}
  .tag--lg{width:calc(216*var(--hu));height:calc(49*var(--hu));font-size:calc(24*var(--hu));line-height:calc(49*var(--hu))}
  .hero__lead{top:calc(248*var(--hu));width:calc(790*var(--hu));font-size:calc(22*var(--hu));line-height:calc(33*var(--hu))}
  .hero__otc{top:calc(392*var(--hu));font-size:calc(16*var(--hu));line-height:calc(25*var(--hu))}
  .hero__sub{top:calc(448*var(--hu));width:calc(437*var(--hu));font-size:calc(14*var(--hu));line-height:calc(21*var(--hu));padding-bottom:calc(11*var(--hu))}
  .risk{height:auto;min-height:calc(59*var(--hu));padding:8px 24px;font-size:clamp(11px,calc(20*var(--hu)),20px);line-height:1.5}

  /* kártyák – két oszlop */
  .products{padding-top:clamp(40px,calc(84*var(--u)),84px);padding-bottom:clamp(20px,calc(30*var(--u)),30px)}
  .card{width:calc(100% - 2*max(16px,calc(180*var(--u))));height:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"media body" "note body" "risk risk";align-content:start;margin-bottom:clamp(40px,calc(120*var(--u)),120px);padding:40px 0 36px}
  .card--d{margin-bottom:clamp(40px,calc(96*var(--u)),96px);padding-bottom:0}
  .card .tag--sm{left:40px;top:2px;font-size:clamp(12px,calc(16*var(--hu)),16px)}
  .card__media{position:static;grid-area:media;justify-self:center;width:min(510px,100%);padding:0 24px}
  .card__media img{width:100%;height:auto}
  .card__note{position:relative;left:auto;top:auto;grid-area:note;justify-self:start;width:auto;margin:0 0 0 clamp(24px,calc(50*var(--u)),50px);padding-bottom:12px}
  .card__note::after{left:calc(-1 * clamp(24px,calc(50*var(--u)),50px));width:min(489px,calc(100% + 120px))}
  .card--d .card__note,.card--d .card__note::after{left:auto}
  .card--d .card__note::after{left:calc(-1 * clamp(24px,calc(50*var(--u)),50px))}
  .card__body,.card--d .card__body{position:static;grid-area:body;width:auto;padding:0 clamp(24px,calc(60*var(--u)),90px) 0 clamp(10px,calc(30*var(--u)),30px)}
  .card__text{width:auto;max-width:700px}
  .card__title{font-size:clamp(24px,calc(30*var(--hu)),30px);line-height:1.4}
  .card__list{position:static;margin-top:26px}
  .card__sub + .card__list{margin-top:18px}
  .card__list li{position:relative;top:auto;left:auto;width:auto;max-width:calc(var(--w,582px) + 36px);margin-top:18px;min-height:25px}
  .card__list li:first-child{margin-top:0}
  .card__body .btn{position:static;display:inline-flex;margin-top:32px}
  .card__risk{position:static;grid-area:risk;height:auto;padding:14px 24px;margin-top:28px;font-size:clamp(12px,calc(20*var(--hu)),20px);text-align:center;display:block;border-radius:0 0 17px 17px}

  /* magazin */
  .magazine{height:auto;padding:clamp(48px,calc(104*var(--u)),104px) 0 clamp(56px,calc(100*var(--u)),100px);margin-top:0}
  .magazine__title{font-size:clamp(22px,calc(30*var(--hu)),30px)}
  .magazine__list{gap:clamp(28px,calc(168*var(--u)),168px);margin-top:clamp(36px,calc(69*var(--u)),69px);width:calc(100% - 2*max(24px,calc(353*var(--u))))}
  .post{width:auto;flex:1 1 0;max-width:523px;height:auto}
  .post__img{width:100%;height:auto}
  .post__title{position:static;width:auto;margin-top:18px;font-size:clamp(17px,calc(20*var(--hu)),20px)}
  .post__text{position:static;width:auto;margin-top:14px}
  .btn--sm{position:static;margin-top:28px;display:flex}

  /* jogi szöveg + lábléc */
  .legal{height:auto;padding:44px 0 40px}
  .legal__cols{display:flex;gap:clamp(24px,calc(85*var(--u)),85px);margin:0 max(24px,calc(169*var(--u)));justify-content:center;flex-wrap:wrap}
  .legal__col,.legal__col + .legal__col{position:static;white-space:normal;flex:1 1 360px;max-width:700px}
  .legal__strong,.legal__small{position:static;margin:0 24px}
  .legal__strong{margin-top:32px}
  .site-footer{height:auto}
  .site-footer__in{display:flex;align-items:center;flex-wrap:wrap;gap:16px clamp(28px,calc(80*var(--u)),80px);height:auto;padding:32px 0}
  .site-footer__logo,.site-footer__link,.site-footer__copy{position:static}
  .site-footer__logo{margin-right:auto}
  .site-footer__copy{margin-left:auto}
}

/* tablet: hamburger + egy oszlopos kártyák */
@media (min-width:768px) and (max-width:1023.98px){
  .nav,.search{display:none}
  .m-search{display:block;margin-left:auto;line-height:0}
  .burger{display:block;position:relative;margin-left:18px;width:31px;height:22px;flex:none}
  .burger span{position:absolute;left:0;width:31px;height:1.5px;background:#fff}
  .burger span:nth-child(1){top:2px}.burger span:nth-child(2){top:10px}.burger span:nth-child(3){top:19px}
  .card{display:flow-root;max-width:720px;padding:36px 0 32px}
  .card__media{margin:0 auto}
  .card__note{margin:12px 0 0 36px}
  .card__body,.card--d .card__body{padding:20px 36px 0}
  .card__risk{margin-top:28px}
  .magazine__list{display:block;max-width:523px;margin-left:auto;margin-right:auto}
  .post{margin-bottom:56px;max-width:none}
  .site-footer__logo,.site-footer__copy{margin:0}
  .site-footer__in{justify-content:center;text-align:center}
}

/* ==========================================================
   MOBIL  (terv: 375 px)  –  a köztes méretek folyékonyan követik
   ========================================================== */
@media (max-width:767.98px){
  .wrap{width:auto}
  .v-d{display:none}
  .v-m{display:inline}

  /* topbar + header */
  .topbar{height:30px}
  .topbar .wrap{padding-left:30px}
  .topbar__teva{padding-top:7px;width:44px}
  .topbar__teva img{width:44px;height:auto}
  .site-header{height:57px}
  .site-header__in{position:relative}
  .logo{left:30px;top:19px}
  .nav,.search{display:none}
  .m-search{display:block;position:absolute;right:53px;top:18px;line-height:0}
  .burger{display:block;position:absolute;right:10px;top:22px;width:31px;height:22px}
  .burger span{position:absolute;left:0;width:31px;height:1.5px;background:#fff}
  .burger span:nth-child(1){top:2px}
  .burger span:nth-child(2){top:10px}
  .burger span:nth-child(3){top:19px}

  /* hero */
  .hero__frame{height:auto;border-width:5px 5px 5px 4px}
  .hero__slide{height:auto;padding-bottom:62px;background:linear-gradient(180deg,#00234C,#002D55)}
  .hero__bg{position:static;inset:auto}
  .hero__bg img{width:100%;height:auto;object-fit:initial;display:block}
  .hero__in{position:static;height:auto;left:0;padding:4px 22px 0 25px}
  .hero__slide{container-type:inline-size}
  .tag--lg{left:7.1cqw;top:0;width:31.15cqw;height:6.28cqw;font-size:3.82cqw;line-height:6.28cqw;letter-spacing:.1em;text-indent:.1em}
  .hero__lead{position:static;width:auto;font-size:16px;line-height:25px;letter-spacing:-.05px}
  .hero__otc{position:static;margin-top:1.6px;font-size:11px;line-height:17px}
  .hero__sub{position:relative;left:auto;top:auto;width:auto;margin:20px -22px 0 -25px;padding:0 22px 12.4px 25px;font-size:11px;line-height:15px;background:linear-gradient(90deg,rgba(255,204,51,.9),rgba(255,204,51,0)) left bottom/100% 1px no-repeat}
  .risk{height:75px;padding:0 36px;font-size:10px;line-height:16.5px;letter-spacing:0}

  /* product cards */
  .products{padding-top:0;padding-bottom:0}
  .card{display:flow-root;width:auto;height:auto;margin:50px 30px 0;border-radius:20px;padding-bottom:var(--pb,26px)}
  .card--d{--o:3px;--pb:0;--ry:-3px;--mm:46px;--nm:2.35px;--np:8.65px;--bm:17.4px;--km:5.4px;--sm:19px;--bty:24px;margin-top:40px}
  .card--o{margin-top:48px;--mm:19px;--nm:8.35px;--np:12.65px;--bm:7.4px;--km:-.6px;--sm:26px;--bty:30px}
  .card--c{margin-top:29px;--mm:19px;--nm:25.35px;--np:0px;--bm:36.5px;--sm:22.5px;--bty:31px;--pb:33px}
  .card--v{margin-top:52px;--mm:30px;--nm:9.35px;--np:12.65px;--bm:7.4px;--sm:19px;--bty:41.5px;--pb:27px}
  .tag--sm{left:21px;top:1px;width:114px;height:24px;font-size:12px;line-height:24px}
  .card:not(.card--d) .tag--sm{left:24px}
  .card__media{position:static;margin:var(--mm) 10px 0}
  .card__media img{width:100%;height:auto}
  .card__note{position:relative;left:auto;top:auto;width:180px;margin:var(--nm) 0 0 22px;padding-bottom:var(--np);font-size:11px;line-height:15px}
  .card__note::after{left:-22px;width:228px}
  .card--d .card__note,.card--d .card__note::after{left:auto}
  .card--d .card__note::after{left:-22px}
  .card--c .card__note::after{bottom:auto;top:-23.35px}
  .card__body,.card--d .card__body{position:static;width:auto;padding:0 3px 0 22px}
  .card--d .card__body{padding:0 0 0 19px}
  .card--d .card__media{margin-left:7px;margin-right:7px}
  .card--d .card__note{margin-left:19px}
  .card__brand{margin-top:var(--bm)}
  .card__title{margin-top:2.4px;font-size:18px;line-height:23px;letter-spacing:0}
  .card__title + .card__text{margin-top:14.3px}
  .card__kicker{margin-top:var(--km);font-size:12px;line-height:18px;letter-spacing:.037em}
  .card__kicker + .card__text{margin-top:19.9px}
  .card__text{width:auto}
  .card__sub{margin-top:var(--sm);line-height:25px}
  .card__text + .card__list{margin-top:38.4px}
  .card__sub + .card__list{margin-top:0}
  .card__list{position:static}
  .card__list li{position:relative;top:auto;left:auto;width:auto;max-width:calc(var(--mw,1000px) + 36px);margin-top:var(--mt,20px);padding-left:36px;line-height:var(--lh,25px);min-height:25px}
  .card__list li:first-child{margin-top:var(--mt,20px)}
  .card__list li::before{top:calc(var(--lh,25px)/2 - 4px)}
  .card__body .btn{position:static;display:flex;margin:var(--bty) 0 0;width:190px;height:44px;border-radius:22px;text-transform:uppercase;font-size:14px;font-weight:500}
  .card__risk{position:static;height:auto;padding:19.6px 28px 28.9px;margin-top:27px;font-size:11px;line-height:16.5px;letter-spacing:0;border-radius:0 0 17px 17px;display:block;text-align:center}

  /* magazine */
  .magazine{height:auto;padding:42px 30px 71px;margin-top:50px}
  .magazine__title{font-size:20px;line-height:30px;margin-top:0}
  .magazine__list{display:block;margin-top:22px}
  .post{width:auto;height:auto;margin-bottom:51px}
  .post:last-child{margin-bottom:0}
  .post__img{width:100%;height:auto}
  .post__title{position:static;width:auto;margin-top:20.5px;font-size:20px;line-height:30px}
  .post__text{position:static;width:auto;margin-top:27.1px;font-size:16px}
  .post:nth-child(2) .post__text{margin-top:29.1px}
  .btn--sm{position:static;display:flex;margin-top:30.9px;width:190px;height:44px}

  /* legal */
  .legal{height:auto;padding:82.4px 47px 39px;text-align:center}
  .legal__cols{display:block;margin:0}
  .legal__col,.legal__col + .legal__col{position:static;white-space:normal}
  .legal__col li{margin-bottom:10px}
  .legal__strong,.legal__small{position:static;text-align:center;letter-spacing:-.03px}
  .legal__strong,.legal__small{margin-left:-9px;margin-right:-9px}
  .legal__strong{margin-top:94px}

  /* footer */
  .site-footer{height:auto;padding:51px 0 15.6px;text-align:center}
  .site-footer__in{display:flex;flex-direction:column;align-items:center;height:auto}
  .site-footer__logo,.site-footer__link,.site-footer__copy{position:static}
  .site-footer__link{margin-top:24px;font-weight:400}
  .site-footer__link--b{margin-top:64.2px;margin-right:8px;font-weight:700}
  .site-footer__link:nth-of-type(3){margin-right:7px}
  .site-footer__copy{margin-top:59px}

  /* hero slider – mobil */
  .hero{height:799px}
  .hslide--med .hero__frame{height:100%;display:flex;flex-direction:column}
  .hslide--med .hero__slide{flex:1 1 auto;height:auto;padding-bottom:0}
  .hslide--med .risk{flex:none}
  .hero__arrow{top:666px;width:28px;height:28px}
  .hero__arrow--prev{left:29px}
  .hero__arrow--next{right:29px}
  .hero__dots{top:674px}
  .hero.is-slide-brand .hero__arrow{top:746px}
  .hero.is-slide-brand .hero__dots{top:755px}
  .hslide--brand{background:linear-gradient(180deg,#99CB9E,#C9E6C3)}
  .hslide__bg{top:6px;bottom:0;height:auto}
  .hslide__bg img{object-fit:cover;object-position:center top}
  .hb__in{position:static;height:auto}
  .hb__title,.hb__sub,.hb__btn,.hb__code{position:absolute}
  .hb__title{left:30px;top:254px;font-size:40px;line-height:48px;white-space:normal;width:315px}
  .hb__sub{left:32px;top:457px;font-size:16px;line-height:23px}
  .hb__sub strong{font-weight:500}
  .hero__arrow circle,.hero__arrow path{stroke-width:3.6}
  .hb__btn{left:30px;top:520px;width:190px}
  .hb__code{display:none}
}

/* hozzáférhetőség: "ugrás a tartalomra" link */
.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;padding:10px 16px;background:#fff;color:#132E0D;font-weight:600}
.skip-link:focus{left:8px;top:8px}

/* ---------- kereső: CSS-keret (méretezhető), jobbra igazított ikon ---------- */
.search{box-sizing:border-box;border:1.5px solid rgba(255,255,255,.8);border-radius:15px}
.search__bg{display:none}
.search__btn{right:11.5px;top:5.5px}
.search__input{padding:0 34px 0 14px;border-radius:15px}

/* ---------- lenyíló menü: a „Gyógyszer” címke sosem fed rá a szövegre ---------- */
.dropdown{width:max-content;min-width:396px;left:-314px}
.dropdown__item--med{padding-right:112px}

/* ==========================================================
   HERO SLIDER – folyékony méretek (768 – 1919 px): minden slide ugyanolyan magas,
   a terv arányosan kicsinyítve (--hu)
   ========================================================== */
@media (min-width:768px) and (max-width:1919.98px){
  .hero{height:calc(599*var(--hu))}
  .hero__frame{height:100%;display:flex;flex-direction:column}
  .hero__slide{flex:none}
  .hero__frame .risk{flex:1 1 auto;min-height:0;height:auto;padding:4px 24px}
  .hb__title{left:calc(-2*var(--hu));top:calc(71*var(--hu));font-size:calc(40*var(--hu));line-height:calc(54*var(--hu))}
  .hb__sub{top:calc(204*var(--hu));font-size:calc(18*var(--hu));line-height:calc(27*var(--hu))}
  .hb__btn{left:calc(-3*var(--hu));top:calc(323*var(--hu));width:calc(189*var(--hu));height:calc(44*var(--hu));gap:calc(12*var(--hu));border-radius:calc(22*var(--hu));font-size:max(10px,calc(14*var(--hu)));white-space:nowrap;border-width:max(1.5px,calc(2*var(--hu)))}
  .hb__btn svg{width:max(6px,calc(9*var(--hu)));height:auto;flex:none}
  .hb__code{bottom:calc(20*var(--hu));font-size:max(10px,calc(14*var(--hu)));line-height:1.5}
  .hero__arrow{top:calc(272*var(--hu));width:calc(57*var(--hu));height:calc(57*var(--hu))}
  .hero__arrow--prev{left:calc(58*var(--hu))}
  .hero__arrow--next{right:calc(53*var(--hu))}
  .hero__dots{top:calc(505*var(--hu));left:0;right:auto;width:calc(1920*var(--hu))}
  .hb__code{right:16px}
  .hero .wrap{width:calc(100% - 230*var(--hu));margin-left:calc(230*var(--hu));margin-right:0}
  .hslide__bg img{width:calc(1920*var(--hu));max-width:none;object-position:left top}
}