:root{
  --bg:#0a0a08;
  --ink:#12110f;
  --muted:#777066;
  --paper:#f7f3ec;
  --paper2:#ece6da;
  --gold:#b99a62;
  --gold2:#dac79e;
  --line:rgba(18,17,15,.13);
  --white:#fffaf0;
  --shadow:0 36px 100px rgba(0,0,0,.30);
  --serif: Georgia, 'Times New Roman', serif;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.page-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--gold),var(--gold2));z-index:1000;box-shadow:0 0 22px rgba(185,154,98,.45)}
.site-header{position:fixed;top:0;left:0;right:0;z-index:900;height:92px;display:flex;align-items:flex-start;justify-content:flex-end;padding:0 clamp(24px,4.4vw,68px);color:#fff;transition:background .35s ease, height .35s ease, backdrop-filter .35s ease, box-shadow .35s ease}
.site-header.scrolled{height:74px;background:rgba(9,9,8,.70);backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(0,0,0,.16)}
.brand{position:absolute;left:50%;top:14px;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0;margin:0;z-index:3}
.brand img{width:clamp(88px,9vw,142px);max-width:100%;height:auto;display:block;object-fit:contain;filter:none}
.site-header.scrolled .brand{top:10px}
.main-nav{margin-top:28px;margin-left:auto;position:relative;z-index:2}
.main-nav{display:flex;gap:clamp(14px,2.2vw,34px);font-size:12px;text-transform:uppercase;letter-spacing:.14em;align-items:center}
.main-nav a{opacity:.86;position:relative;padding:8px 0}.main-nav a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--gold);transition:.25s}.main-nav a:hover:after{width:100%}.main-nav a:hover{opacity:1}
.hero{min-height:100svh;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden;background:#090907}
.hero-bg{position:absolute;inset:0;overflow:hidden}
.hero-slide{position:absolute;inset:0;opacity:0;background-position:center;background-size:cover;background-repeat:no-repeat;filter:saturate(.94) contrast(1.04);transform:scale(1.045);transition:opacity 1.8s ease, transform 7.2s ease;will-change:opacity,transform}
.hero-slide:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.46) 47%,rgba(0,0,0,.12))}
.hero-slide.active{opacity:1;transform:scale(1.09)}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 43%,rgba(185,154,98,.16),transparent 28%),linear-gradient(0deg,rgba(10,10,8,.95),transparent 35%)}
.hero-content{position:relative;z-index:2;width:min(780px,88vw);margin-left:clamp(24px,8vw,122px);padding-top:50px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:12px;color:var(--gold2);font-weight:800;margin:0 0 18px}.eyebrow.dark{color:#8a724d}
h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0}h1{font-size:clamp(52px,8vw,118px);line-height:.94;letter-spacing:-.055em;max-width:950px}h2{font-size:clamp(36px,5.8vw,78px);line-height:1;letter-spacing:-.045em}h3{font-size:clamp(28px,3.6vw,52px);letter-spacing:-.035em}.hero-content p:not(.eyebrow){font-size:clamp(17px,1.5vw,22px);line-height:1.7;color:rgba(255,255,255,.80);max-width:660px;margin:28px 0 0}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:36px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 24px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:12px;transition:.25s ease;border:1px solid transparent}.btn.primary{background:linear-gradient(135deg,var(--gold),#e5cf9f);color:#17130c;box-shadow:0 18px 45px rgba(185,154,98,.22)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 22px 60px rgba(185,154,98,.3)}.btn.ghost{border-color:rgba(255,255,255,.36);color:#fff;background:rgba(255,255,255,.05)}.btn.ghost:hover{border-color:var(--gold);background:rgba(185,154,98,.12)}
.scroll-cue{position:absolute;z-index:4;left:50%;bottom:26px;transform:translateX(-50%);width:42px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:grid;place-items:center}.scroll-cue span{width:10px;height:10px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg) translate(-2px,-2px);animation:bounce 1.4s infinite}@keyframes bounce{50%{transform:rotate(45deg) translate(2px,2px)}}
.quick-info{padding:clamp(70px,8vw,120px) clamp(22px,5vw,82px);background:linear-gradient(180deg,#fffaf1,var(--paper));position:relative}.quick-copy{max-width:1060px;margin:0 auto 36px;text-align:center}.quick-copy p:not(.eyebrow){font-size:18px;line-height:1.8;color:var(--muted);max-width:780px;margin:22px auto 0}.info-cards{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.info-cards article{
  text-align:center;
  padding:24px 18px 22px;
  border-radius:26px;
  background:rgba(255,255,255,.55);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}.info-cards span{display:block;color:var(--gold);font-family:var(--serif);font-size:28px;margin-bottom:16px}.info-cards strong{
  font-size:16px;
  line-height:1.28;
  min-height:42px;
  color:#464646;
  font-weight:600;
}
.info-cards p{
  font-size:14px;
  line-height:1.58;
  color:#5B5B5B;
}
.category-stack{background:#0b0b09;color:#fff}.category-section{min-height:100svh;padding:clamp(70px,8vw,122px) clamp(20px,5vw,82px);position:relative;border-top:1px solid rgba(255,255,255,.08);overflow:hidden}.category-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(185,154,98,.16),transparent 24%),linear-gradient(180deg,#10100e,#090908);opacity:.95}.category-copy{position:relative;z-index:2;max-width:980px;margin:0 auto 22px;text-align:center}.category-copy .eyebrow.dark{color:var(--gold2)}.category-copy h2{color:#fff}.category-copy p:not(.eyebrow){font-size:18px;line-height:1.75;color:rgba(255,255,255,.66);max-width:760px;margin:18px auto 0}
/* A lapozós rész v4 logikája maradt: középső nagy, szélsők kisebbek, perspektívikus elrendezés. */
.carousel-wrap{position:relative;z-index:4;max-width:1500px;margin:16px auto 0;height:clamp(510px,62vw,720px);display:flex;align-items:center;justify-content:center;perspective:1500px}.carousel-stage{position:relative;width:100%;height:100%;outline:none;touch-action:pan-y}.slide-card{position:absolute;left:50%;top:50%;width:clamp(260px,38vw,620px);height:clamp(390px,50vw,620px);border-radius:38px;overflow:hidden;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.8,.2,1), opacity .45s ease, filter .45s ease;box-shadow:0 32px 90px rgba(0,0,0,.44);background:none;border:0;user-select:none}.slide-card img{width:100%;height:100%;object-fit:cover;object-position:center top;background:none;display:block}.slide-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.00),rgba(0,0,0,.02) 45%,rgba(0,0,0,.78));pointer-events:none}.slide-card.center{box-shadow:0 55px 130px rgba(0,0,0,.62)}.slide-content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:28px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.32));color:#fff}.slide-content small{display:inline-block;text-transform:uppercase;letter-spacing:.17em;font-weight:800;color:var(--gold2);font-size:11px;margin-bottom:10px}.slide-content h3{font-family:var(--serif);font-size:clamp(32px,4vw,56px);line-height:.96;margin-bottom:18px}.data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.data-cell{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);border-radius:16px;padding:10px}.data-cell span{display:block;color:rgba(255,255,255,.55);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.data-cell strong{font-size:13px;line-height:1.35;font-weight:600}.nav-btn{position:absolute;z-index:20;top:50%;transform:translateY(-50%);width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#fff;font-size:44px;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(18px);transition:.25s}.nav-btn:hover{background:var(--gold);color:#15120d;transform:translateY(-50%) scale(1.07)}.nav-btn.prev{left:clamp(6px,3vw,42px)}.nav-btn.next{right:clamp(6px,3vw,42px)}.carousel-dots{position:relative;z-index:5;display:flex;justify-content:center;gap:8px;margin:0 auto 24px;max-width:min(920px,86vw);overflow-x:auto;padding:8px 4px;scrollbar-width:thin}.dot{width:32px;height:4px;border-radius:999px;background:rgba(255,255,255,.20);border:0;cursor:pointer;padding:0}.dot.active{background:var(--gold)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease, transform .75s ease}.reveal.in-view{opacity:1;transform:none}
@media (max-width:980px){.main-nav{display:none}.info-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header{height:80px;padding:0 18px;justify-content:center}.brand{left:50%;top:16px;transform:translateX(-50%);margin:0;padding:0}.brand img{width:106px}.site-header.scrolled .brand{top:11px}.carousel-wrap{height:650px}.slide-card{width:min(78vw,440px);height:min(96vw,560px)}.data-grid{grid-template-columns:1fr}.slide-content{padding:20px}.nav-btn{width:50px;height:50px}.nav-btn.prev{left:2px}.nav-btn.next{right:2px}}
@media (max-width:620px){h1{font-size:52px}.hero-content{margin-left:22px}.hero-actions{gap:10px}.btn{width:100%;padding:14px 18px}.quick-info,.category-section{padding-left:16px;padding-right:16px}.info-cards{grid-template-columns:1fr}.carousel-wrap{height:590px;margin-top:4px}.slide-card{width:78vw;height:500px;border-radius:28px}.slide-content h3{font-size:32px}.data-cell{padding:8px;border-radius:13px}.data-cell strong{font-size:12px}.dot{width:22px}.category-copy p:not(.eyebrow){font-size:16px}.quick-copy p:not(.eyebrow){font-size:16px}}

.slide-card.center{cursor:zoom-in}
.slide-card:not(.center){cursor:pointer}
.image-modal{position:fixed;inset:0;background:rgba(6,6,6,.88);backdrop-filter:blur(16px);z-index:1200;display:grid;place-items:center;padding:22px}
.image-modal[hidden]{display:none}
.modal-dialog{position:relative;max-width:min(1600px,96vw);max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:12px}
.modal-image{max-width:96vw;max-height:82vh;width:auto;height:auto;object-fit:contain;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.55);background:#111}
.modal-caption{color:#f2ecde;font-size:14px;letter-spacing:.05em;text-transform:uppercase;opacity:.86}
.modal-close{position:fixed;top:18px;right:18px;width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff;font-size:36px;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(12px)}
.modal-close:hover{background:rgba(185,154,98,.26);border-color:rgba(185,154,98,.4)}
@media (max-width:680px){.modal-image{max-height:76vh}.modal-caption{font-size:12px}}

/* V6.6: elfogadott új hero + középre rendezett tájékoztató ikonokkal */
.hero-note{
  font-family:var(--serif);
  color:rgba(255,250,240,.92)!important;
  font-size:clamp(18px,1.8vw,26px)!important;
  line-height:1.45!important;
  margin-top:18px!important;
}
.info-cards{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.info-cards article{
  text-align:center;
  padding:24px 18px 22px;
  border-radius:26px;
  background:rgba(255,255,255,.55);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.info-cards article:hover{
  transform:translateY(-3px);
  border-color:rgba(120,120,120,.22);
  box-shadow:0 18px 50px rgba(60,60,60,.08);
}
.info-icon{
  width:74px;
  height:74px;
  margin:0 auto 16px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:none;
  background:transparent;
  box-shadow:none;
}
.info-cards strong{
  font-size:16px;
  line-height:1.28;
  min-height:42px;
  color:#464646;
  font-weight:600;
}

.info-cards p{
  font-size:14px;
  line-height:1.58;
  color:#5B5B5B;
}

@media (max-width:980px){
  .info-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .info-cards{grid-template-columns:1fr}
  .info-icon{
  width:74px;
  height:74px;
  margin:0 auto 16px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:none;
  background:transparent;
  box-shadow:none;
}
  .info-icon svg{width:38px;height:38px}
}

/* V6.8: finomított, referenciára emlékeztető ikonok */
.info-icon img{width:72px;height:72px;display:block;object-fit:contain;opacity:.98} 
@media (max-width:620px){.info-icon img{width:40px;height:40px}}


/* V6.9: felhasználó által jóváhagyott ikonirány a feltöltött ikonokkal */
.info-icon{
  width:110px;
  height:110px;
  margin:0 auto 14px;
  border-radius:0;
  display:grid;
  place-items:center;
  background:transparent;
  box-shadow:none;
}
.info-icon img{
  width:100px;
  height:100px;
  display:block;
  object-fit:contain;
  opacity:1;
}
.info-cards article{
  background:rgba(255,255,255,.62);
}
@media (max-width:620px){
  .info-icon{width:84px;height:84px}
  .info-icon img{width:76px;height:76px}
}


/* V6.13: felső sötét átmenet + görgetéskor kisebb, fejlécbe illeszkedő logó */
.hero::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:260px;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,.82) 0%,
    rgba(0,0,0,.58) 34%,
    rgba(0,0,0,.24) 68%,
    rgba(0,0,0,0) 100%
  );
}
.site-header .brand,
.site-header .brand img{
  transition:top .78s cubic-bezier(.22,1,.36,1), width .78s cubic-bezier(.22,1,.36,1), transform .78s cubic-bezier(.22,1,.36,1), opacity .78s cubic-bezier(.22,1,.36,1);
}
.site-header:not(.scrolled) .brand{
  top:18px;
}
.site-header:not(.scrolled) .brand img{
  width:clamp(82px,8.2vw,128px);
}
.site-header.scrolled .brand{
  top:7px;
}
.site-header.scrolled .brand img{
  width:clamp(64px,5.6vw,88px);
}
.site-header.scrolled{
  overflow:hidden;
}
.site-header.scrolled .main-nav{
  margin-top:27px;
}
@media (max-width:980px){
  .hero::before{height:220px}
  .site-header:not(.scrolled) .brand{top:18px}
  .site-header:not(.scrolled) .brand img{width:100px}
  .site-header.scrolled .brand{top:8px}
  .site-header.scrolled .brand img{width:76px}
}
@media (max-width:620px){
  .hero::before{height:190px}
  .site-header:not(.scrolled) .brand img{width:92px}
  .site-header.scrolled .brand img{width:70px}
}


/* V6.19: több menüpont miatt kompaktabb fejléc-navigáció */
.main-nav{gap:clamp(12px,1.45vw,26px)}
.main-nav a{font-size:clamp(11px,.82vw,13px);white-space:nowrap}


/* V6.20: logó 3 cm-rel balra + fejlettebb nagyított kép nézet */
@media (min-width:981px){
  .brand{left:calc(50% - 3cm)}
}

.image-modal{padding:18px;grid-template-rows:1fr;background:rgba(6,6,6,.91)}
.modal-dialog{width:min(1640px,96vw);height:min(900px,92vh);max-width:96vw;max-height:92vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative}
.modal-viewport{width:100%;max-width:96vw;max-height:78vh;overflow:auto;border-radius:20px;background:#111;box-shadow:0 30px 90px rgba(0,0,0,.55);overscroll-behavior:contain;scrollbar-color:rgba(185,154,98,.65) rgba(255,255,255,.08);scrollbar-width:thin}
.modal-image{max-width:96vw;max-height:78vh;width:auto;height:auto;object-fit:contain;border-radius:20px;box-shadow:none;background:#111;margin:0 auto;display:block;transition:width .22s ease, opacity .2s ease;cursor:zoom-in}
.modal-image.is-zoomed{cursor:zoom-out;max-height:none;border-radius:12px}
.modal-caption{min-height:18px;text-align:center;max-width:86vw}
.modal-toolbar{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px;backdrop-filter:blur(16px);box-shadow:0 18px 55px rgba(0,0,0,.28)}
.modal-toolbar button{min-width:46px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 14px}
.modal-toolbar button:hover{background:rgba(185,154,98,.28);border-color:rgba(185,154,98,.48)}
.modal-zoom-reset{font-size:13px!important;letter-spacing:.06em;min-width:76px!important}
.modal-help{font-size:12px;color:rgba(255,255,255,.62);letter-spacing:.04em;text-align:center;line-height:1.4}
.modal-nav{position:fixed;top:50%;transform:translateY(-50%);z-index:1202;width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.09);color:#fff;font-size:48px;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(16px);transition:background .2s ease, transform .2s ease, color .2s ease}
.modal-nav:hover{background:var(--gold);color:#15120d;transform:translateY(-50%) scale(1.06)}
.modal-prev{left:18px}.modal-next{right:18px}
.modal-close{z-index:1203}
@media (max-width:980px){
  .modal-dialog{height:min(820px,91vh)}
  .modal-viewport{max-height:74vh}
  .modal-image{max-height:74vh}
  .modal-nav{width:48px;height:48px;font-size:40px;top:auto;bottom:88px;transform:none}
  .modal-nav:hover{transform:scale(1.04)}
  .modal-prev{left:18px}.modal-next{right:18px}
  .modal-help{display:none}
}
@media (max-width:620px){
  .modal-toolbar{padding:6px;gap:6px}.modal-toolbar button{height:38px;min-width:42px}.modal-zoom-reset{min-width:70px!important}
}


/* V6.21: logó további balra igazítása */
.site-header .brand{
  transform:translateX(calc(-50% - 5cm)) !important;
}
@media (max-width:980px){
  .site-header .brand{
    transform:translateX(calc(-50% - 2.2cm)) !important;
  }
}
@media (max-width:620px){
  .site-header .brand{
    transform:translateX(calc(-50% - 1.2cm)) !important;
  }
}
.modal-image{
  cursor:zoom-in;
}
.modal-image.zoomed{
  cursor:zoom-out;
}


/* V6.22: fejléc logó végig a kisebb, görgetés utáni méretben */
.site-header:not(.scrolled) .brand img,
.site-header.scrolled .brand img{
  width:clamp(64px,5.6vw,88px) !important;
}

/* V6.22: hero fő üzenet melletti elegáns logó */
.hero-content{
  width:min(1120px,88vw);
}
.hero-title-lockup{
  display:grid;
  grid-template-columns:minmax(0,1fr) clamp(118px,10vw,172px);
  align-items:center;
  gap:clamp(30px,5.5vw,92px);
  max-width:1120px;
}
.hero-title-lockup h1{
  max-width:860px;
}
.hero-inline-logo{
  width:130%;
  max-width:none;
  height:auto;
  object-fit:contain;
  opacity:1;
  filter:brightness(0) invert(1) drop-shadow(0 20px 45px rgba(0,0,0,.42));
  justify-self:center;
  align-self:center;
  pointer-events:none;
}
@media (max-width:980px){
  .site-header:not(.scrolled) .brand img,
  .site-header.scrolled .brand img{
    width:76px !important;
  }
  .hero-content{
    width:min(780px,88vw);
  }
  .hero-title-lockup{
    display:block;
  }
  .hero-inline-logo{
  width:130%;
  max-width:none;
  height:auto;
  object-fit:contain;
  opacity:1;
  filter:brightness(0) invert(1) drop-shadow(0 20px 45px rgba(0,0,0,.42));
  justify-self:center;
  align-self:center;
  pointer-events:none;
}
}
@media (max-width:620px){
  .site-header:not(.scrolled) .brand img,
  .site-header.scrolled .brand img{
    width:70px !important;
  }
}


/* V6.24: központi lábléc és jogi oldalak */
.site-footer{
  position:relative;
  z-index:3;
  background:linear-gradient(180deg,#11110f 0%,#080807 100%);
  color:rgba(255,255,255,.82);
  padding:clamp(54px,7vw,88px) clamp(22px,5vw,74px) 28px;
}
.footer-inner{
  width:min(1180px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:1.35fr .9fr 1.05fr 1fr;
  gap:clamp(28px,4vw,62px);
  align-items:start;
}
.footer-brand img{
  width:clamp(116px,12vw,178px);
  height:auto;
  display:block;
  margin-bottom:22px;
  filter:drop-shadow(0 18px 44px rgba(0,0,0,.35));
}
.footer-brand p,
.footer-col p{
  margin:0 0 14px;
  font-size:14px;
  line-height:1.65;
  color:rgba(255,255,255,.70);
}
.footer-b2b{
  color:rgba(255,255,255,.88)!important;
  border-left:1px solid rgba(207,178,123,.55);
  padding-left:16px;
}
.footer-col h2{
  margin:0 0 16px;
  font-size:13px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#d7bd84;
  font-weight:600;
}
.footer-col a{
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.20);
  transition:border-color .22s ease, color .22s ease;
}
.footer-col a:hover{
  color:#e5c985;
  border-color:rgba(229,201,133,.85);
}
.footer-col nav{
  display:grid;
  gap:10px;
}
.footer-phone span,
.footer-small{
  color:rgba(255,255,255,.55)!important;
  font-size:12px!important;
}
.footer-bottom{
  width:min(1180px,100%);
  margin:48px auto 0;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.10);
  display:flex;
  justify-content:space-between;
  gap:18px;
  font-size:12px;
  line-height:1.5;
  color:rgba(255,255,255,.48);
}

.legal-page{
  background:#f6f2ea;
  color:#25231f;
}
.legal-page .site-header{
  background:rgba(9,9,8,.84);
  backdrop-filter:blur(18px);
  box-shadow:0 12px 40px rgba(0,0,0,.16);
}
.legal-main{
  width:min(980px,88vw);
  margin:0 auto;
  padding:140px 0 80px;
}
.legal-hero{
  margin-bottom:42px;
  padding-bottom:28px;
  border-bottom:1px solid rgba(60,45,25,.16);
}
.legal-hero .eyebrow{
  color:#7a6239;
  text-shadow:none;
}
.legal-hero h1{
  margin:8px 0 14px;
  font-size:clamp(34px,5vw,64px);
  line-height:.98;
  letter-spacing:-.05em;
  color:#161510;
}
.legal-hero p{
  max-width:760px;
  color:#5c574d;
  line-height:1.7;
}
.legal-content{
  display:grid;
  gap:28px;
}
.legal-section{
  padding:28px;
  border-radius:28px;
  background:rgba(255,255,255,.64);
  box-shadow:0 20px 70px rgba(60,44,20,.08);
  border:1px solid rgba(80,60,30,.09);
}
.legal-section h2{
  margin:0 0 14px;
  font-size:22px;
  letter-spacing:-.02em;
}
.legal-section h3{
  margin:20px 0 10px;
  font-size:17px;
}
.legal-section p,
.legal-section li{
  color:#49443b;
  line-height:1.72;
  font-size:15px;
}
.legal-section ul{
  margin:10px 0 0 20px;
  padding:0;
}
.legal-section a{
  color:#5d4721;
  text-decoration:none;
  border-bottom:1px solid rgba(93,71,33,.28);
}
.legal-table{
  display:grid;
  gap:10px;
}
.legal-row{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:18px;
  padding:12px 0;
  border-bottom:1px solid rgba(80,60,30,.10);
}
.legal-row strong{
  color:#1d1b17;
}
.legal-note{
  padding:18px 20px;
  border-radius:20px;
  background:#f2eadb;
  color:#433b2f;
}

@media (max-width:980px){
  .footer-inner{
    grid-template-columns:1fr 1fr;
  }
  .footer-bottom{
    flex-direction:column;
  }
  .legal-row{
    grid-template-columns:1fr;
    gap:4px;
  }
}
@media (max-width:640px){
  .footer-inner{
    grid-template-columns:1fr;
  }
  .site-footer{
    padding-inline:22px;
  }
  .legal-main{
    padding-top:118px;
    width:min(92vw,980px);
  }
  .legal-section{
    padding:22px;
    border-radius:22px;
  }
}


/* V6.27: többnyelvű nyelvválasztó a felső menü bal oldalán */
.language-switcher{
  margin-top:28px;
  margin-right:clamp(14px,2.1vw,28px);
  display:flex;
  align-items:center;
  gap:6px;
  position:relative;
  z-index:2;
  font-size:12px;
  font-weight:800;
  letter-spacing:.10em;
  color:rgba(255,255,255,.72);
  white-space:nowrap;
}
.language-switcher a{
  padding:8px 5px;
  color:rgba(255,255,255,.72);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.language-switcher a:not(:last-child)::after{
  content:"|";
  margin-left:10px;
  color:rgba(255,255,255,.30);
}
.language-switcher a.active,
.language-switcher a:hover{
  color:#fff;
  border-bottom-color:var(--gold);
}
@media (max-width:980px){
  .language-switcher{
    position:absolute;
    left:18px;
    top:22px;
    margin:0;
    font-size:11px;
    gap:3px;
  }
  .language-switcher a:not(:last-child)::after{margin-left:7px}
}
@media (max-width:620px){
  .language-switcher{
    max-width:calc(100vw - 132px);
    overflow-x:auto;
    scrollbar-width:none;
  }
}


/* V6.30: SEO-kategóriaoldalak, változatlan prémium lapozós irány megtartásával */
.category-title-link{
  color:inherit;
  text-decoration:none;
  display:inline-block;
  position:relative;
}
.category-title-link::after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:-8px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  opacity:.45;
  transform:scaleX(.55);
  transition:opacity .24s ease, transform .24s ease;
}
.category-title-link:hover::after{
  opacity:1;
  transform:scaleX(1);
}
.category-landing{
  min-height:62svh;
  position:relative;
  display:flex;
  align-items:flex-end;
  color:#fff;
  padding:150px clamp(22px,5vw,82px) 70px;
  overflow:hidden;
  background:#090907;
}
.category-landing::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.48) 52%,rgba(0,0,0,.16)),
    radial-gradient(circle at 78% 26%,rgba(185,154,98,.22),transparent 28%),
    url('../../kepek/honlap-kepek/hero-1.jpg');
  background-size:cover;
  background-position:center;
  transform:scale(1.03);
  filter:saturate(.92) contrast(1.04);
}
.category-landing::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,#0b0b09 0%,rgba(11,11,9,.42) 28%,rgba(11,11,9,0) 66%);
}
.category-landing-inner{
  position:relative;
  z-index:2;
  width:min(1100px,92vw);
  margin:0 auto;
}
.category-landing h1{
  max-width:940px;
}
.category-landing p:not(.eyebrow){
  max-width:780px;
  color:rgba(255,255,255,.80);
  font-size:clamp(17px,1.45vw,21px);
  line-height:1.7;
  margin:24px 0 0;
}
.category-seo-content{
  background:linear-gradient(180deg,var(--paper),#fffaf1);
  color:var(--ink);
  padding:clamp(58px,7vw,94px) clamp(22px,5vw,82px);
}
.category-seo-inner{
  max-width:1120px;
  margin:0 auto;
  display:grid;
  gap:28px;
}
.category-seo-content h2{
  font-size:clamp(34px,4.8vw,62px);
}
.category-seo-content p{
  color:var(--muted);
  line-height:1.78;
  font-size:17px;
  max-width:840px;
}
.seo-product-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:4px;
}
.seo-product-item{
  border:1px solid var(--line);
  background:rgba(255,255,255,.55);
  border-radius:22px;
  padding:18px 18px 16px;
  box-shadow:0 12px 40px rgba(60,44,20,.06);
}
.seo-product-item h3{
  font-family:var(--sans);
  font-size:17px;
  font-weight:700;
  letter-spacing:0;
  margin:0 0 10px;
}
.seo-product-item dl{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:6px 12px;
  margin:0;
  font-size:14px;
  line-height:1.48;
  color:#5d584f;
}
.seo-product-item dt{
  color:#8a724d;
  font-weight:700;
}
.seo-product-item dd{
  margin:0;
}
.seo-noscript{
  display:block;
  background:#fffaf1;
  color:#1e1b16;
  padding:30px;
}
@media (max-width:760px){
  .seo-product-list{
    grid-template-columns:1fr;
  }
  .seo-product-item dl{
    grid-template-columns:1fr;
  }
  .category-landing{
    min-height:58svh;
    padding-top:128px;
  }
}


/* V6.34 – Mobil javítások: rendezett fejléc, hero logó, zoom modal */
@media (max-width: 820px){
  html, body{
    max-width:100%;
    overflow-x:hidden;
  }

  .site-header{
    min-height:94px;
    height:auto;
    padding:10px 14px 8px;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    grid-template-rows:auto auto;
    align-items:center;
    gap:6px 10px;
    background:linear-gradient(180deg,rgba(18,16,12,.86),rgba(18,16,12,.62));
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }

  .site-header .language-switch,
  .language-switch{
    grid-column:1 / 2;
    grid-row:1;
    justify-self:start;
    display:flex;
    gap:8px;
    align-items:center;
    white-space:nowrap;
    font-size:12px;
    letter-spacing:.12em;
  }

  .site-header .brand,
  .brand{
    grid-column:2 / 3;
    grid-row:1;
    justify-self:center;
    width:82px;
    max-width:82px;
    transform:none !important;
    margin:0;
  }

  .site-header .brand img,
  .brand img{
    width:82px;
    max-height:44px;
    object-fit:contain;
  }

  .main-nav{
    grid-column:1 / 4;
    grid-row:2;
    display:flex;
    justify-content:flex-start;
    gap:16px;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    width:100%;
    padding:7px 2px 3px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  .main-nav::-webkit-scrollbar{
    display:none;
  }

  .main-nav a{
    flex:0 0 auto;
    font-size:11px;
    letter-spacing:.12em;
    padding:4px 0;
  }

  .hero{
    min-height:100svh;
    padding-top:128px;
    padding-left:22px;
    padding-right:22px;
    align-items:flex-start;
  }

  .hero-content{
    width:100%;
    max-width:none;
    padding-top:18px;
  }

  .hero .eyebrow{
    font-size:12px;
    letter-spacing:.18em;
    line-height:1.45;
    margin-bottom:18px;
  }

  .hero-title-lockup{
    display:block;
    width:100%;
  }

  .hero-title-lockup h1{
    font-size:clamp(44px, 14vw, 68px);
    line-height:.94;
    letter-spacing:-.055em;
    max-width:100%;
    text-wrap:balance;
  }

  .hero-inline-logo{
    display:block;
    width:min(68vw, 260px) !important;
    max-width:260px !important;
    max-height:145px;
    object-fit:contain;
    margin:22px auto 22px;
    opacity:.94;
  }

  .hero-content > p{
    font-size:18px;
    line-height:1.62;
    max-width:100%;
  }

  .hero-note{
    font-size:20px !important;
    line-height:1.45 !important;
  }

  .hero-actions{
    margin-top:22px;
  }

  .quick-info,
  .category-stack,
  .category-seo-content{
    padding-left:20px;
    padding-right:20px;
  }

  .category-landing{
    padding-top:126px;
  }
}

@media (max-width: 480px){
  .site-header{
    min-height:92px;
  }

  .language-switch{
    gap:7px;
    font-size:11px;
  }

  .brand,
  .site-header .brand{
    width:72px;
    max-width:72px;
  }

  .brand img,
  .site-header .brand img{
    width:72px;
    max-height:38px;
  }

  .main-nav a{
    font-size:10.5px;
  }

  .hero{
    padding-top:124px;
  }

  .hero-title-lockup h1{
    font-size:clamp(42px, 15vw, 62px);
  }

  .hero-inline-logo{
    width:min(72vw, 235px) !important;
    max-width:235px !important;
  }
}

/* Mobil zoom modal stabilizálás */
.image-modal{
  overscroll-behavior:contain;
  touch-action:none;
}

.modal-dialog,
.modal-viewport{
  overscroll-behavior:contain;
}

.modal-viewport{
  touch-action:none;
  -webkit-user-select:none;
  user-select:none;
}

.modal-image{
  -webkit-user-drag:none;
  user-select:none;
}

body.modal-open{
  overflow:hidden;
  touch-action:none;
}


/* V6.35 – csak mobil: a lapozható termékkártyáknál látszódjanak a szélső kártyák is */
@media (max-width: 820px){
  .carousel-wrap{
    width:100vw;
    max-width:100vw;
    margin-left:50%;
    transform:translateX(-50%);
    overflow:hidden;
    height:clamp(510px, 118vw, 650px);
    perspective:1050px;
  }

  .carousel-stage{
    width:100vw;
    overflow:visible;
    touch-action:pan-y;
  }

  .slide-card{
    width:min(76vw, 360px);
    height:min(108vw, 510px);
    border-radius:28px;
  }

  .slide-card.center{
    box-shadow:0 34px 95px rgba(0,0,0,.62);
  }

  .slide-content{
    padding:20px;
  }

  .slide-content h3{
    font-size:clamp(28px, 8vw, 40px);
  }

  .data-grid{
    grid-template-columns:1fr;
    gap:6px;
  }

  .data-cell{
    padding:8px 10px;
    border-radius:13px;
  }

  .data-cell strong{
    font-size:12.5px;
  }

  .carousel-wrap .nav-btn{
    z-index:160;
  }
}

@media (max-width: 480px){
  .slide-card{
    width:78vw;
    height:min(112vw, 500px);
  }

  .carousel-wrap{
    height:clamp(500px, 124vw, 620px);
  }
}


/* V6.36 – csak mobil: fejléc logó jobbra, hero finomítás, természetes nagyítás visszaengedése */
@media (max-width: 820px){
  .site-header{
    grid-template-columns:auto 1fr auto;
  }

  .site-header .language-switch,
  .language-switch{
    grid-column:1 / 2;
    grid-row:1;
    justify-self:start;
  }

  .site-header .brand,
  .brand{
    grid-column:3 / 4;
    grid-row:1;
    justify-self:end;
    width:74px;
    max-width:74px;
    margin-right:4px;
  }

  .site-header .brand img,
  .brand img{
    width:74px;
    max-height:40px;
  }

  .main-nav{
    grid-column:1 / 4;
    grid-row:2;
  }

  .hero{
    min-height:108svh;
    padding-bottom:76px;
  }

  .hero-actions{
    margin-top:34px;
    margin-bottom:28px;
  }

  .hero .btn.primary{
    width:min(100%, 620px);
  }

  .category-landing .hero-actions{
    display:none;
  }

  .hero-slide.active{
    animation:reMobileHeroKenburns 5.2s linear forwards;
  }

  @keyframes reMobileHeroKenburns{
    from{transform:scale(1.045);}
    to{transform:scale(1.09);}
  }

  .image-modal,
  .modal-dialog,
  .modal-viewport,
  body.modal-open{
    touch-action:auto;
  }
}

@media (max-width: 480px){
  .site-header .brand,
  .brand{
    width:68px;
    max-width:68px;
  }

  .site-header .brand img,
  .brand img{
    width:68px;
    max-height:36px;
  }

  .hero{
    min-height:110svh;
    padding-bottom:84px;
  }

  .hero-actions{
    margin-bottom:34px;
  }
}


/* V6.37 – kategóriaoldalak felső gombjának végleges eltávolítása */
body[data-page-type="category"] .category-landing .hero-actions,
.category-landing .hero-actions{
  display:none !important;
}


/* V6.38 – mobil pontosítás: logó beljebb, natív zoom, hero váltás támogatás */
@media (max-width: 820px){
  html, body{
    touch-action:auto !important;
  }

  .site-header{
    position:fixed;
    grid-template-columns:minmax(0,1fr) 92px;
    grid-template-rows:auto auto;
    padding:10px 18px 8px 20px;
    column-gap:10px;
    overflow:hidden;
  }

  .language-switcher,
  .site-header .language-switcher,
  .language-switch,
  .site-header .language-switch{
    grid-column:1 / 2 !important;
    grid-row:1 !important;
    justify-self:start !important;
    align-self:center !important;
    max-width:calc(100vw - 135px);
    overflow:hidden;
  }

  .brand,
  .site-header .brand{
    position:static !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    grid-column:2 / 3 !important;
    grid-row:1 !important;
    justify-self:end !important;
    align-self:center !important;
    width:78px !important;
    max-width:78px !important;
    margin:0 !important;
    padding:0 !important;
  }

  .brand img,
  .site-header .brand img{
    width:78px !important;
    max-width:78px !important;
    max-height:40px !important;
    object-fit:contain;
  }

  .main-nav{
    grid-column:1 / 3 !important;
    grid-row:2 !important;
  }

  .hero{
    min-height:112svh;
    padding-bottom:98px;
  }

  .hero-bg,
  .hero-slide,
  .hero-slide.active{
    transform-origin:center center;
  }

  .image-modal,
  .modal-dialog,
  .modal-viewport,
  .modal-image,
  body.modal-open{
    touch-action:auto !important;
  }

  body.modal-open{
    overflow:auto !important;
  }
}

@media (max-width: 480px){
  .site-header{
    grid-template-columns:minmax(0,1fr) 82px;
    padding-right:18px;
  }

  .language-switcher,
  .site-header .language-switcher,
  .language-switch,
  .site-header .language-switch{
    max-width:calc(100vw - 125px);
  }

  .brand,
  .site-header .brand{
    width:70px !important;
    max-width:70px !important;
  }

  .brand img,
  .site-header .brand img{
    width:70px !important;
    max-width:70px !important;
    max-height:36px !important;
  }

  .hero{
    min-height:114svh;
    padding-bottom:106px;
  }
}


/* V6.39 – mobil fejléc és nagyított kép stabilizálás */
@media (max-width: 820px){
  .site-header{
    min-height:76px !important;
    height:auto !important;
    grid-template-columns:minmax(0,1fr) 76px !important;
    grid-template-rows:34px 28px !important;
    padding:7px 18px 7px 20px !important;
    align-items:center !important;
    gap:3px 8px !important;
  }

  .language-switcher,
  .site-header .language-switcher,
  .language-switch,
  .site-header .language-switch{
    align-self:center !important;
    margin:0 !important;
    top:auto !important;
    position:static !important;
    max-width:calc(100vw - 116px) !important;
    line-height:1 !important;
  }

  .brand,
  .site-header .brand{
    position:static !important;
    grid-column:2 / 3 !important;
    grid-row:1 !important;
    justify-self:end !important;
    align-self:center !important;
    width:64px !important;
    max-width:64px !important;
    height:34px !important;
    max-height:34px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    transform:none !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  .brand img,
  .site-header .brand img{
    width:64px !important;
    max-width:64px !important;
    max-height:34px !important;
    height:auto !important;
    object-fit:contain !important;
  }

  .main-nav{
    grid-column:1 / 3 !important;
    grid-row:2 !important;
    align-self:center !important;
    padding:2px 0 0 !important;
    margin:0 !important;
  }

  .main-nav a{
    line-height:1.1 !important;
  }

  .hero{
    padding-top:105px !important;
  }

  .category-landing{
    padding-top:105px !important;
  }

  .image-modal,
  .modal-dialog,
  .modal-viewport,
  .modal-image,
  body.modal-open{
    touch-action:auto !important;
  }

  body.modal-open{
    overflow:hidden !important;
  }
}

@media (max-width: 480px){
  .site-header{
    min-height:74px !important;
    grid-template-columns:minmax(0,1fr) 68px !important;
    grid-template-rows:32px 28px !important;
    padding:7px 16px 7px 18px !important;
  }

  .language-switcher,
  .site-header .language-switcher,
  .language-switch,
  .site-header .language-switch{
    max-width:calc(100vw - 104px) !important;
  }

  .brand,
  .site-header .brand{
    width:58px !important;
    max-width:58px !important;
    height:31px !important;
    max-height:31px !important;
  }

  .brand img,
  .site-header .brand img{
    width:58px !important;
    max-width:58px !important;
    max-height:31px !important;
  }

  .hero{
    padding-top:101px !important;
  }

  .category-landing{
    padding-top:101px !important;
  }
}


/* V6.40 – mobil hero animáció és kétujjas nagyítás finomítás */
@media (max-width: 820px){
  .hero-slide{
    transition:opacity 1.8s ease, transform 7.2s linear !important;
    animation:none !important;
    transform:scale(1.045) !important;
  }

  .hero-slide.active{
    animation:none !important;
    transform:scale(1.09) !important;
  }

  .image-modal,
  .modal-dialog,
  .modal-viewport,
  .modal-image,
  body.modal-open{
    touch-action:auto !important;
  }
}


/* V6.41 – mobil hero váltás simítása + többnyelvű képút javítás támogatása */
.hero-slide.leaving{
  opacity:0 !important;
  transform:scale(1.09) !important;
  transition:opacity 1.8s ease !important;
}
@media (max-width: 820px){
  .hero-slide{
    transition:opacity 1.8s ease !important;
    animation:none !important;
    transform:scale(1.045) !important;
  }
  .hero-slide.active{
    opacity:1 !important;
    animation:reMobileHeroKenburnsSmooth 6.4s linear forwards !important;
  }
  .hero-slide.leaving{
    opacity:0 !important;
    transform:scale(1.09) !important;
    animation:none !important;
    transition:opacity 1.8s ease !important;
  }
  @keyframes reMobileHeroKenburnsSmooth{
    from{transform:scale(1.045);}
    to{transform:scale(1.09);}
  }
}


/* V6.42 – stabil mobil nagyítás a nagyított képeknél + simább hero kifutás */
@media (max-width: 820px){
  .hero-slide.leaving{
    opacity:0 !important;
    transform:scale(1.09) !important;
    animation:none !important;
  }

  .image-modal{
    touch-action:none !important;
  }

  .modal-viewport{
    touch-action:none !important;
  }

  .modal-image{
    touch-action:none !important;
  }
}


/* V6.43 – mobil hero animáció asztali logika szerint + fókuszpontos képzoom */
@media (max-width: 820px){
  .hero-slide{
    transition:opacity 1.8s ease, transform 7.2s ease !important;
    transform:scale(1.045) !important;
    animation:none !important;
  }

  .hero-slide.active{
    transform:scale(1.09) !important;
    animation:none !important;
  }

  .hero-slide.leaving{
    opacity:0 !important;
    transform:scale(1.09) !important;
    animation:none !important;
  }
}


/* V6.44 – mobil zoomolt kép húzása */
@media (max-width: 820px){
  .modal-image.is-zoomed{
    cursor:grab;
  }

  .modal-viewport{
    -webkit-overflow-scrolling:touch;
  }
}


/* V6.45 – lábléc jogi cím elrejtése, 400% zoom támogatás */
.site-footer h3:empty,
.site-footer h4:empty{
  display:none !important;
}


/* V6.46 – kültéri/beltéri növénytartó kártyák: a tartók ne legyenek kitakarva */
#kulteri-novenytartok .slide-card img,
#belteri-novenytartok .slide-card img{
  object-position:center bottom;
  transform:translateY(-7%) scale(1.03);
  transform-origin:center bottom;
}

#kulteri-novenytartok .slide-card::after,
#belteri-novenytartok .slide-card::after{
  background:
    linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.26) 34%,rgba(0,0,0,0) 66%),
    linear-gradient(0deg,rgba(0,0,0,.10),rgba(0,0,0,0) 30%);
}

#kulteri-novenytartok .slide-content,
#belteri-novenytartok .slide-content{
  top:0;
  bottom:auto;
  padding:22px 24px 18px;
  background:linear-gradient(180deg,rgba(0,0,0,.54),rgba(0,0,0,.18),transparent);
}

#kulteri-novenytartok .slide-content h3,
#belteri-novenytartok .slide-content h3{
  margin-bottom:12px;
}

#kulteri-novenytartok .data-grid,
#belteri-novenytartok .data-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

@media (max-width: 820px){
  #kulteri-novenytartok .slide-card img,
  #belteri-novenytartok .slide-card img{
    transform:translateY(-8%) scale(1.04);
  }

  #kulteri-novenytartok .slide-content,
  #belteri-novenytartok .slide-content{
    padding:17px 17px 14px;
  }

  #kulteri-novenytartok .slide-content h3,
  #belteri-novenytartok .slide-content h3{
    font-size:clamp(24px,7.2vw,34px);
    margin-bottom:9px;
  }

  #kulteri-novenytartok .data-grid,
  #belteri-novenytartok .data-grid{
    grid-template-columns:1fr;
    gap:5px;
  }

  #kulteri-novenytartok .data-cell,
  #belteri-novenytartok .data-cell{
    padding:7px 9px;
  }
}


/* V6.47 – mobil: 3D előnykártya-körhinta + képről levett termékadat-panel */
@media (max-width: 820px){
  .quick-info{
    padding-top:58px;
    padding-bottom:72px;
    overflow:hidden;
  }

  .quick-copy{
    margin-bottom:18px;
  }

  .quick-copy p:not(.eyebrow){
    display:none;
  }

  .info-cards{
    position:relative;
    display:block;
    width:100vw;
    max-width:100vw;
    height:210px;
    margin-left:50%;
    transform:translateX(-50%);
    perspective:980px;
    overflow:hidden;
    touch-action:pan-y;
  }

  .info-cards article{
    position:absolute;
    left:50%;
    top:50%;
    width:170px;
    height:150px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:18px 14px;
    border-radius:28px;
    background:rgba(255,255,255,.74);
    border:1px solid rgba(185,154,98,.16);
    box-shadow:0 26px 70px rgba(54,43,26,.14);
    backface-visibility:hidden;
    transition:transform .72s cubic-bezier(.2,.8,.2,1), opacity .55s ease, filter .55s ease, box-shadow .55s ease;
    will-change:transform,opacity,filter;
  }

  .info-cards article.is-current{
    box-shadow:0 34px 92px rgba(54,43,26,.22);
    border-color:rgba(185,154,98,.28);
  }

  .info-cards .info-icon{
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    margin:0;
  }

  .info-cards .info-icon img{
    width:54px;
    height:54px;
    object-fit:contain;
  }

  .info-cards strong{
    min-height:0;
    font-size:14px;
    line-height:1.22;
    letter-spacing:.02em;
    text-align:center;
  }

  .info-cards p{
    display:none;
  }

  .carousel-wrap{
    height:clamp(650px, 156vw, 760px);
    align-items:flex-start;
    padding-top:16px;
  }

  .slide-card{
    height:min(136vw, 650px);
    overflow:visible;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  .slide-card.center{
    box-shadow:none;
  }

  .slide-card img{
    height:min(98vw, 420px);
    border-radius:28px;
    box-shadow:0 34px 96px rgba(0,0,0,.52);
  }

  .slide-card::after{
    display:none;
  }

  .slide-content{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    top:auto;
    margin:14px auto 0;
    width:calc(100% - 10px);
    max-width:360px;
    padding:18px 18px 16px;
    border-radius:26px;
    color:#2f2c27;
    background:linear-gradient(180deg,rgba(255,250,241,.94),rgba(245,238,224,.90));
    border:1px solid rgba(185,154,98,.18);
    box-shadow:0 22px 70px rgba(0,0,0,.28);
    opacity:0;
    transform:translateY(16px);
    transition:opacity .42s ease, transform .42s ease;
    pointer-events:none;
  }

  .slide-card.center .slide-content{
    opacity:1;
    transform:translateY(0);
  }

  .slide-content small{
    color:var(--gold);
    font-size:10px;
    margin-bottom:8px;
  }

  .slide-content h3{
    color:#222;
    font-size:clamp(25px,7vw,34px);
    margin-bottom:12px;
  }

  .data-grid{
    grid-template-columns:1fr;
    gap:7px;
  }

  .data-cell{
    background:rgba(255,255,255,.58);
    border:1px solid rgba(185,154,98,.16);
    border-radius:14px;
    padding:8px 10px;
  }

  .data-cell span{
    color:rgba(44,41,36,.55);
    font-size:9px;
  }

  .data-cell strong{
    color:#34312d;
    font-size:12.5px;
  }

  /* A növénytartók képei is maradjanak jól láthatók, a szöveg már nem takarja ki őket. */
  #kulteri-novenytartok .slide-card img,
  #belteri-novenytartok .slide-card img{
    object-position:center bottom;
    transform:none;
  }

  #kulteri-novenytartok .slide-content,
  #belteri-novenytartok .slide-content{
    position:relative;
    top:auto;
    bottom:auto;
    background:linear-gradient(180deg,rgba(255,250,241,.94),rgba(245,238,224,.90));
  }
}

@media (max-width: 480px){
  .info-cards{
    height:198px;
  }

  .info-cards article{
    width:158px;
    height:142px;
  }

  .carousel-wrap{
    height:clamp(630px, 164vw, 740px);
  }

  .slide-card{
    height:min(144vw, 640px);
  }

  .slide-card img{
    height:min(102vw, 400px);
  }
}


/* V6.48 – mobil finomítás: valódi 3D előnykörhinta + lebegő sötét termékdobozok */
@media (max-width: 820px){
  .quick-info{
    padding:58px 0 74px;
    overflow:hidden;
  }

  .quick-copy{
    padding:0 22px;
    margin:0 auto 16px;
  }

  .quick-copy h2{
    margin:0 auto;
    max-width:340px;
  }

  .info-cards{
    position:relative;
    width:100%;
    max-width:100%;
    height:232px;
    margin:0 auto;
    perspective:1200px;
    transform:none;
    overflow:hidden;
    touch-action:pan-y;
  }

  .info-cards article{
    left:50%;
    top:52%;
    width:166px;
    height:152px;
    padding:18px 14px 16px;
    border-radius:28px;
    background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(246,241,232,.78));
    border:1px solid rgba(185,154,98,.18);
    box-shadow:0 26px 72px rgba(27,22,16,.14);
    transform-style:preserve-3d;
  }

  .info-cards article.is-current{
    box-shadow:0 34px 90px rgba(27,22,16,.22);
    border-color:rgba(185,154,98,.32);
  }

  .info-cards .info-icon{
    width:56px;
    height:56px;
    margin:0 0 6px;
  }

  .info-cards .info-icon img{
    width:52px;
    height:52px;
  }

  .info-cards strong{
    min-height:0;
    font-size:14px;
    line-height:1.18;
    color:#4a4540;
    max-width:118px;
    margin:0 auto;
    text-align:center;
  }

  .carousel-wrap{
    height:clamp(700px, 174vw, 790px);
    margin-top:8px;
  }

  .slide-card{
    width:min(79vw, 430px);
    height:min(102vw, 430px);
    overflow:visible;
    border-radius:32px;
    background:transparent;
    box-shadow:none;
  }

  .slide-card.center{
    box-shadow:none;
  }

  .slide-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    border-radius:30px;
    box-shadow:0 34px 96px rgba(0,0,0,.52);
  }

  .slide-card::after{
    display:block;
    border-radius:30px;
    background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,0) 40%,rgba(0,0,0,.74) 100%);
  }

  .slide-content{
    position:absolute;
    inset:0;
    padding:18px;
    color:#fff;
    background:none;
    pointer-events:none;
    opacity:0;
    transform:translateY(10px);
    transition:opacity .36s ease, transform .36s ease;
  }

  .slide-card.center .slide-content{
    opacity:1;
    transform:none;
  }

  .slide-content small,
  .slide-content h3{
    display:block;
    position:relative;
    z-index:2;
  }

  .slide-content small{
    color:var(--gold2);
    font-size:10px;
    margin:0 0 8px;
    text-shadow:0 2px 10px rgba(0,0,0,.35);
  }

  .slide-content h3{
    color:#fff;
    font-size:clamp(25px,7.4vw,36px);
    line-height:.96;
    margin:0;
    max-width:90%;
    text-shadow:0 3px 18px rgba(0,0,0,.42);
  }

  .data-grid{
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 14px);
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding:0 2px;
  }

  .data-grid .data-cell:last-child:nth-child(odd){
    grid-column:1 / -1;
  }

  .data-cell{
    min-height:70px;
    padding:10px 12px;
    border-radius:16px;
    background:rgba(10,10,8,.48);
    border:1px solid rgba(255,255,255,.12);
    backdrop-filter:blur(14px);
    box-shadow:0 18px 34px rgba(0,0,0,.20);
  }

  .data-cell span{
    color:rgba(255,255,255,.56);
    font-size:9px;
    line-height:1.2;
  }

  .data-cell strong{
    color:#fff;
    font-size:12.5px;
    line-height:1.34;
  }

  #kulteri-novenytartok .slide-card img,
  #belteri-novenytartok .slide-card img{
    object-position:center bottom;
    transform:none;
  }

  #kulteri-novenytartok .slide-content,
  #belteri-novenytartok .slide-content{
    top:0;
    bottom:0;
    padding:18px;
    background:none;
  }
}

@media (max-width: 480px){
  .info-cards{
    height:226px;
  }

  .info-cards article{
    width:160px;
    height:148px;
  }

  .carousel-wrap{
    height:clamp(688px, 182vw, 780px);
  }

  .slide-card{
    width:min(82vw, 392px);
    height:min(104vw, 404px);
  }

  .data-grid{
    gap:9px;
  }

  .data-cell{
    min-height:66px;
    padding:9px 11px;
  }
}


/* V6.49 – mobil: folytonos előnykörhinta + termékkártya finomhangolás */
@media (max-width: 820px){
  .info-cards article{
    transition:box-shadow .28s ease, border-color .28s ease !important;
    will-change:transform, opacity, filter;
  }

  .category-copy{
    margin-bottom:10px;
  }

  .carousel-wrap{
    margin-top:0;
    height:clamp(730px, 172vw, 810px);
    align-items:flex-start;
    padding-top:0;
  }

  .carousel-stage{
    overflow:visible;
  }

  .slide-card{
    top:40%;
    width:min(79vw, 430px);
    height:min(102vw, 430px);
    overflow:visible;
    border:0 !important;
    outline:none !important;
    background:transparent;
  }

  .slide-card.center{
    box-shadow:none;
  }

  .slide-card img{
    height:min(100vw, 428px);
    object-fit:cover;
    object-position:center top;
    border:none !important;
    outline:none !important;
    box-shadow:0 34px 96px rgba(0,0,0,.50);
  }

  .slide-card::after{
    display:none !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .slide-content{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    position:absolute;
    inset:0;
    padding:18px 18px 16px;
    margin:0;
    width:auto;
    max-width:none;
    background:none;
    border:0;
    box-shadow:none;
    border-radius:0;
    opacity:0;
    transform:translateY(10px);
  }

  .slide-card.center .slide-content{
    opacity:1;
    transform:none;
  }

  .slide-content small{
    margin:0 0 7px;
  }

  .slide-content h3{
    margin:0;
    max-width:90%;
  }

  .data-grid{
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 12px);
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:10px;
    padding:0 2px;
  }

  .data-grid .data-cell:last-child:nth-child(odd){
    grid-column:1 / -1;
  }

  .data-cell{
    min-height:72px;
    padding:10px 12px;
    background:linear-gradient(180deg, rgba(28,28,24,.74), rgba(18,18,16,.70));
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 16px 30px rgba(0,0,0,.22);
  }

  .carousel-dots{
    margin:18px auto 14px;
  }
}

@media (max-width: 480px){
  .category-copy{
    margin-bottom:8px;
  }

  .carousel-wrap{
    height:clamp(740px, 180vw, 830px);
  }

  .slide-card{
    top:39%;
    width:min(82vw, 392px);
    height:min(104vw, 404px);
  }

  .slide-card img{
    height:min(102vw, 404px);
  }

  .data-grid{
    gap:9px;
    top:calc(100% + 11px);
  }

  .data-cell{
    min-height:68px;
    padding:10px 11px;
  }
}


/* V6.50 – mobil finomítás: előnyblokk magasság + növénytartó overlay + szorosabb carousel */
@media (max-width: 820px){
  .quick-info{
    padding:58px 0 28px;
  }

  .quick-copy{
    margin:0 auto 10px;
  }

  .info-cards{
    height:204px;
    margin:0 auto -2px;
  }

  .info-cards article{
    top:50%;
  }

  .category-copy{
    margin-bottom:4px;
  }

  .carousel-wrap{
    margin-top:-2px;
  }

  .carousel-dots{
    margin:8px auto 8px;
  }

  /* A növénytartó kategóriákon a kategórianév + cím maradjon a képen, felül igazítva. */
  #kulteri-novenytartok .slide-content,
  #belteri-novenytartok .slide-content{
    justify-content:flex-start;
    padding:18px 18px 16px;
  }

  #kulteri-novenytartok .slide-content small,
  #belteri-novenytartok .slide-content small{
    margin:0 0 6px;
  }

  #kulteri-novenytartok .slide-content h3,
  #belteri-novenytartok .slide-content h3{
    margin:0;
    max-width:92%;
  }

  #kulteri-novenytartok .slide-card img,
  #belteri-novenytartok .slide-card img{
    object-position:center bottom;
  }
}

@media (max-width: 480px){
  .quick-info{
    padding:52px 0 22px;
  }

  .quick-copy{
    margin:0 auto 8px;
  }

  .info-cards{
    height:192px;
  }

  .info-cards article{
    top:49%;
  }

  .category-copy{
    margin-bottom:2px;
  }

  .carousel-wrap{
    margin-top:-4px;
  }

  .carousel-dots{
    margin:6px auto 6px;
  }

  #kulteri-novenytartok .slide-content,
  #belteri-novenytartok .slide-content{
    padding:16px 16px 14px;
  }
}


/* V6.51 – növénytartó lapozgató: a címkék biztosan a képen, felül jelenjenek meg mobilon */
@media (max-width: 820px){
  .planter-category .slide-content,
  #kulteri-novenytartok .slide-content,
  #belteri-novenytartok .slide-content{
    justify-content:flex-start !important;
    align-items:flex-start;
    inset:0 !important;
    padding:18px 18px 16px !important;
    opacity:0;
    transform:translateY(10px);
    z-index:3;
  }

  .planter-category .slide-card.center .slide-content,
  #kulteri-novenytartok .slide-card.center .slide-content,
  #belteri-novenytartok .slide-card.center .slide-content{
    opacity:1 !important;
    transform:none !important;
  }

  .planter-category .slide-content small,
  #kulteri-novenytartok .slide-content small,
  #belteri-novenytartok .slide-content small{
    display:inline-block !important;
    margin:0 0 6px !important;
  }

  .planter-category .slide-content h3,
  #kulteri-novenytartok .slide-content h3,
  #belteri-novenytartok .slide-content h3{
    display:block !important;
    margin:0 !important;
    max-width:92% !important;
  }

  .planter-category .slide-card img,
  #kulteri-novenytartok .slide-card img,
  #belteri-novenytartok .slide-card img{
    object-position:center bottom !important;
  }
}

@media (max-width: 480px){
  .planter-category .slide-content,
  #kulteri-novenytartok .slide-content,
  #belteri-novenytartok .slide-content{
    padding:16px 16px 14px !important;
  }
}


/* V6.52 – végleges növénytartó mobil overlay fix
   A korábbi növénytartó-szabályok között volt position:relative is,
   ezért itt mindent explicit, !important értékkel írunk felül. */
@media (max-width: 820px){
  #kulteri-novenytartok .slide-content,
  #belteri-novenytartok .slide-content,
  .planter-category .slide-content{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;
    bottom:0 !important;
    inset:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-items:flex-start !important;
    width:auto !important;
    max-width:none !important;
    height:auto !important;
    margin:0 !important;
    padding:18px 18px 16px !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    color:#fff !important;
    z-index:3 !important;
    pointer-events:none !important;
  }

  #kulteri-novenytartok .slide-card.center .slide-content,
  #belteri-novenytartok .slide-card.center .slide-content,
  .planter-category .slide-card.center .slide-content{
    opacity:1 !important;
    transform:none !important;
  }

  #kulteri-novenytartok .slide-content small,
  #belteri-novenytartok .slide-content small,
  .planter-category .slide-content small{
    display:inline-block !important;
    position:relative !important;
    z-index:4 !important;
    margin:0 0 7px !important;
    color:var(--gold2) !important;
    text-shadow:0 2px 10px rgba(0,0,0,.35) !important;
  }

  #kulteri-novenytartok .slide-content h3,
  #belteri-novenytartok .slide-content h3,
  .planter-category .slide-content h3{
    display:block !important;
    position:relative !important;
    z-index:4 !important;
    margin:0 !important;
    max-width:92% !important;
    color:#fff !important;
    text-shadow:0 3px 18px rgba(0,0,0,.42) !important;
  }

  #kulteri-novenytartok .data-grid,
  #belteri-novenytartok .data-grid,
  .planter-category .data-grid{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:calc(100% + 12px) !important;
    bottom:auto !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    padding:0 2px !important;
    z-index:5 !important;
  }

  #kulteri-novenytartok .data-grid .data-cell:last-child:nth-child(odd),
  #belteri-novenytartok .data-grid .data-cell:last-child:nth-child(odd),
  .planter-category .data-grid .data-cell:last-child:nth-child(odd){
    grid-column:1 / -1 !important;
  }

  #kulteri-novenytartok .slide-card img,
  #belteri-novenytartok .slide-card img,
  .planter-category .slide-card img{
    object-position:center bottom !important;
  }
}

@media (max-width: 480px){
  #kulteri-novenytartok .slide-content,
  #belteri-novenytartok .slide-content,
  .planter-category .slide-content{
    padding:16px 16px 14px !important;
  }

  #kulteri-novenytartok .data-grid,
  #belteri-novenytartok .data-grid,
  .planter-category .data-grid{
    top:calc(100% + 11px) !important;
    gap:9px !important;
  }
}