/* MEGALODON Baits premium dark header – minden szabály névtérben */
#mb-content-anchor { position: absolute; width: 1px; height: 1px; overflow: hidden; }
#mb-site-header {
  --mb-ink: #08090a;
  --mb-panel: #111214;
  --mb-gold: #edbd53;
  --mb-gold-light: #ffe19a;
  --mb-red: #e54426;
  --mb-text: #f5f2eb;
  --mb-muted: #aa9d8a;
  position: sticky;
  top: var(--wp-admin--admin-bar--height, 0px);
  z-index: 999;
  width: 100%;
  background: transparent;
  color: var(--mb-text);
  font-family: system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  isolation: isolate;
}
#mb-site-header *, #mb-site-header *::before, #mb-site-header *::after { box-sizing: border-box; }
#mb-site-header a { color: inherit; text-decoration: none; }
#mb-site-header a:hover { text-decoration: none; }
#mb-site-header button, #mb-site-header input { font: inherit; }
#mb-site-header button { cursor: pointer; }
#mb-site-header [hidden] { display: none !important; }
#mb-site-header :is(a,button,input):focus-visible { outline: 2px solid var(--mb-gold-light); outline-offset: 4px; }
.mb-skip-link { position: absolute; left: 10px; top: -100px; z-index: 10000; padding: 10px 16px; background: #fff; color:#111; }
.mb-skip-link:focus { top: 10px; }
#mb-site-header .mb-shell { width: min(100% - 64px, 1480px); margin-inline: auto; }
#mb-site-header .mb-announcement { display:none !important; }
#mb-site-header .mb-announcement-inner {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; font-size: 10px; font-weight: 720; letter-spacing: .19em;
}
#mb-site-header .mb-announcement-left { display: inline-flex; align-items: center; gap: 10px; color: #e9d0a0; }
#mb-site-header .mb-announcement-right { color:#8c8170; }
#mb-site-header .mb-announcement-right span { color: var(--mb-red); }
#mb-site-header .mb-gold-spark { width: 5px; height: 5px; border-radius: 100%; background:var(--mb-gold); box-shadow:0 0 10px 2px rgba(237,189,83,.55); }
#mb-site-header .mb-header-bar {
  height: 116px;
  background: linear-gradient(95deg, rgba(9,10,11,.62) 0%, rgba(16,17,17,.54) 53%, rgba(10,10,10,.62) 100%);
  border-bottom: 1px solid rgba(237,189,83,.24);
  box-shadow: 0 10px 26px rgba(0,0,0,.18);
  backdrop-filter: blur(12px) saturate(130%);
  -webkit-backdrop-filter: blur(12px) saturate(130%);
  transition: height .25s ease, box-shadow .25s ease, background .25s ease;
}
#mb-site-header.is-scrolled .mb-header-bar { height: 92px; background: linear-gradient(95deg, rgba(9,10,11,.84) 0%, rgba(16,17,17,.78) 53%, rgba(10,10,10,.84) 100%); box-shadow:0 12px 32px rgba(0,0,0,.28); }
#mb-site-header .mb-header-inner { height:100%; display:flex; align-items:center; gap: 24px; }
#mb-site-header .mb-brand { flex: 0 0 260px; width: 260px; display:flex; align-items: center; justify-content: flex-start; }
#mb-site-header .mb-brand-crop { position:relative; display:block; width: 260px; height: 118px; overflow: visible; }
#mb-site-header .mb-brand img { position:absolute; width: 260px; max-width:none; height:auto; left:0; top:50%; transform:translateY(-50%); filter: drop-shadow(0 4px 12px rgba(0,0,0,.24)); }
#mb-site-header .mb-nav-desktop { display:flex; flex:1; align-items: center; justify-content:center; min-width:0; height:100%; }
#mb-site-header .mb-nav-list { list-style:none; margin:0; padding:0; display:flex; justify-content:center; align-items:center; gap:clamp(12px,2.4vw,38px); height:100%; }
#mb-site-header .mb-nav-list > li { list-style:none; position:relative; margin:0; padding:0; height:100%; display:flex; align-items:center; }
#mb-site-header .mb-nav-list > li > a { position:relative; display:inline-flex; align-items:center; height:100%; color:#eee9e1; font-size:13px; font-weight:760; letter-spacing:.075em; white-space:nowrap; transition: color .18s ease; }
#mb-site-header .mb-nav-list > li > a::after { content:''; position:absolute; bottom:26px; left:0; width:100%; height:2px; background:linear-gradient(90deg,var(--mb-red),var(--mb-gold)); transform:scaleX(0); transform-origin:left center; transition:transform .2s ease; }
#mb-site-header .mb-nav-list > li > a:hover, #mb-site-header .mb-nav-list > li.current-menu-item > a, #mb-site-header .mb-nav-list > li > a[aria-current] { color:var(--mb-gold-light); }
#mb-site-header .mb-nav-list > li > a:hover::after, #mb-site-header .mb-nav-list > li.current-menu-item > a::after, #mb-site-header .mb-nav-list > li > a[aria-current]::after { transform:scaleX(1); }
#mb-site-header .mb-nav-desktop .sub-menu { position:absolute; top:calc(100% - 15px); left:-15px; min-width:210px; padding:8px; margin:0; list-style:none; border:1px solid rgba(237,189,83,.2); background:#111315; border-radius:8px; box-shadow: 0 20px 34px rgba(0,0,0,.45); opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .15s,transform .15s,visibility .15s; }
#mb-site-header .mb-nav-desktop li:hover > .sub-menu, #mb-site-header .mb-nav-desktop li:focus-within > .sub-menu { opacity:1; visibility:visible; transform:translateY(0); }
#mb-site-header .mb-nav-desktop .sub-menu li { margin:0; padding:0; list-style:none; }
#mb-site-header .mb-nav-desktop .sub-menu a { display:block; padding:12px 14px; border-radius:5px; font-size:13px; color:#eee9e1; }
#mb-site-header .mb-nav-desktop .sub-menu a:hover { background:rgba(237,189,83,.08); color:var(--mb-gold-light); }
#mb-site-header .mb-header-actions { display:flex; align-items:center; gap:9px; flex-shrink:0; }
#mb-site-header .mb-icon-button { width:41px; height:41px; border-radius:50%; border:1px solid rgba(237,189,83,.18); background:rgba(255,255,255,.035); padding:0; display:inline-flex; align-items:center; justify-content:center; position:relative; color:#e8e1d5; transition: border-color .2s,background .2s,color .2s; }
#mb-site-header .mb-icon-button:hover, #mb-site-header .mb-icon-button[aria-expanded="true"] { border-color:var(--mb-gold); background:rgba(237,189,83,.1); color:var(--mb-gold-light); }
#mb-site-header svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
#mb-site-header .mb-cart-number { position:absolute; top:-7px; right:-6px; display:grid; place-items:center; min-width:19px; height:19px; padding:0 4px; border-radius:12px; background:var(--mb-red); color:white; font-size:10px; font-weight:850; border:2px solid #101111; }
#mb-site-header .mb-shop-cta { margin-left:7px; display:inline-flex; align-items:center; justify-content:center; gap:13px; height:43px; padding:0 18px; border-radius:4px; background:linear-gradient(110deg,#edbd53,#f7d681); box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 5px 19px rgba(216,150,42,.12); color:#1b130b; font-size:11px; font-weight:900; letter-spacing:.1em; transition: transform .2s,filter .2s; }
#mb-site-header .mb-shop-cta:hover { transform:translateY(-2px); filter:brightness(1.07); }
#mb-site-header .mb-shop-cta svg { width:17px; height:17px; stroke-width:2.1; }
#mb-site-header .mb-menu-toggle { display:none; }
#mb-site-header .mb-search-panel { position:absolute; top:100%; left:0; width:100%; padding:22px 0; background:rgba(12,13,14,.84); border-bottom:1px solid rgba(237,189,83,.3); box-shadow:0 14px 35px rgba(0,0,0,.34); backdrop-filter: blur(12px) saturate(130%); -webkit-backdrop-filter: blur(12px) saturate(130%); }
#mb-site-header .mb-search-form { display:flex; gap:16px; align-items:center; background:#17181a; border:1px solid rgba(237,189,83,.22); border-radius:7px; padding:10px 12px 10px 20px; }
#mb-site-header .mb-search-form svg { color:var(--mb-gold); }
#mb-site-header .mb-search-form input[type="search"] { min-width:0; flex:1; padding:9px 0; border:0; box-shadow:none; outline:none; background:transparent; color:#fff; font-size:16px; }
#mb-site-header .mb-search-form input::placeholder { color:#8e8a81; }
#mb-site-header .mb-search-form button { color:#14100a; background:var(--mb-gold); border:0; border-radius:4px; padding:12px 20px; font-size:11px; font-weight:850; letter-spacing:.08em; }
#mb-site-header .mb-mobile-panel { display:none; backdrop-filter: blur(12px) saturate(130%); -webkit-backdrop-filter: blur(12px) saturate(130%); }
@media (max-width: 1130px) {
  #mb-site-header .mb-shell { width:min(100% - 40px,1480px); }
  #mb-site-header .mb-header-inner { gap:12px; }
  #mb-site-header .mb-brand { flex-basis:220px; width:220px; }
  #mb-site-header .mb-brand-crop { width:220px; height:104px; overflow:visible; }
  #mb-site-header .mb-brand img { width:220px; left:0; top:50%; transform:translateY(-50%); }
  #mb-site-header .mb-nav-list { gap:16px; }
  #mb-site-header .mb-nav-list > li > a { font-size:12px; }
  #mb-site-header .mb-shop-cta { padding:0 12px; }
}
@media (max-width: 980px) {
  #mb-site-header .mb-announcement { height:29px; }
  #mb-site-header .mb-announcement-inner { font-size:9px; }
  #mb-site-header .mb-header-bar, #mb-site-header.is-scrolled .mb-header-bar { height:92px; }
  #mb-site-header .mb-brand { flex:0 0 190px; width:190px; }
  #mb-site-header .mb-brand-crop { width:190px; height:86px; overflow:visible; }
  #mb-site-header .mb-brand img { width:190px; left:0; top:50%; transform:translateY(-50%); }
  #mb-site-header .mb-nav-desktop, #mb-site-header .mb-account-link { display:none; }
  #mb-site-header .mb-header-actions { margin-left:auto; }
  #mb-site-header .mb-menu-toggle { display:inline-flex; }
  #mb-site-header .mb-mobile-panel { display:block; position:absolute; top:100%; left:0; right:0; background:rgba(12,13,14,.92); border-bottom:1px solid rgba(237,189,83,.35); box-shadow:0 26px 36px rgba(0,0,0,.65); max-height:calc(100vh - 115px); overflow:auto; }
  #mb-site-header .mb-mobile-nav { width:min(100% - 40px,680px); margin:auto; padding:18px 0 24px; }
  #mb-site-header .mb-mobile-nav .mb-nav-list { display:block; height:auto; }
  #mb-site-header .mb-mobile-nav .mb-nav-list li { display:block; height:auto; border-bottom:1px solid rgba(255,255,255,.08); }
  #mb-site-header .mb-mobile-nav .mb-nav-list > li > a { display:block; padding:16px 5px; height:auto; font-size:15px; }
  #mb-site-header .mb-mobile-nav .mb-nav-list a::after { display:none; }
  #mb-site-header .mb-mobile-nav .sub-menu { list-style:none; margin:0; padding:0 0 10px 15px; }
  #mb-site-header .mb-mobile-nav .sub-menu a { display:block; padding:9px 5px; color:#cbbca7; font-size:13px; }
  #mb-site-header .mb-mobile-shop { display:flex; justify-content:space-between; align-items:center; margin-top:16px; border-radius:5px; padding:16px; background:linear-gradient(100deg,#dc3f24,#8f2217); color:#fff; font-size:11px; font-weight:850; letter-spacing:.09em; }
  #mb-site-header .mb-mobile-shop span { font-size:18px; }
}
@media (max-width: 600px) {
  #mb-site-header .mb-shell { width:calc(100% - 28px); }
  #mb-site-header .mb-announcement-right { display:none; }
  #mb-site-header .mb-announcement-inner { justify-content:center; font-size:8px; letter-spacing:.11em; }
  #mb-site-header .mb-header-bar, #mb-site-header.is-scrolled .mb-header-bar { height:82px; }
  #mb-site-header .mb-brand { flex:0 0 165px; width:165px; }
  #mb-site-header .mb-brand-crop { width:165px; height:76px; overflow:visible; }
  #mb-site-header .mb-brand img { width:165px; left:0; top:50%; transform:translateY(-50%); }
  #mb-site-header .mb-header-actions { gap:6px; }
  #mb-site-header .mb-icon-button { width:37px; height:37px; }
  #mb-site-header .mb-shop-cta { display:none; }
  #mb-site-header .mb-search-panel { padding:12px 0; }
  #mb-site-header .mb-search-form { padding:7px 8px; gap:9px; }
  #mb-site-header .mb-search-form input[type="search"] { font-size:14px; }
  #mb-site-header .mb-search-form button { padding:10px; font-size:10px; }
}
@media (prefers-reduced-motion: reduce) { #mb-site-header *, #mb-site-header *::before, #mb-site-header *::after { transition:none !important; animation:none !important; } }


/* MEGALODON — KARCSÚ PREMIUM HEADER 2026 */
#mb-site-header .mb-announcement { display:none !important; }
#mb-site-header .mb-header-bar { height: 88px; }
#mb-site-header.is-scrolled .mb-header-bar { height: 74px; }
#mb-site-header .mb-header-inner { gap: 18px; }
#mb-site-header .mb-brand { flex:0 0 212px; width:212px; min-width:0; }
#mb-site-header .mb-brand-crop { position:relative; display:flex; align-items:center; justify-content:flex-start; width:212px; height:84px; overflow:visible; }
#mb-site-header .mb-brand img { position:static; display:block; width:212px; height:auto; max-width:100%; max-height:82px; object-fit:contain; transform:none; }
#mb-site-header.is-scrolled .mb-brand-crop { height:72px; }
#mb-site-header.is-scrolled .mb-brand img { max-height:70px; }
#mb-site-header .mb-nav-list > li > a::after { bottom:17px; }
#mb-site-header .mb-shop-cta { height:39px; }
@media (max-width:1130px) {
 #mb-site-header .mb-brand { flex-basis:190px; width:190px; }
 #mb-site-header .mb-brand-crop { width:190px; height:82px; }
 #mb-site-header .mb-brand img { width:190px; max-height:78px; }
}
@media (max-width:980px) {
 #mb-site-header .mb-header-bar, #mb-site-header.is-scrolled .mb-header-bar { height:76px; }
 #mb-site-header .mb-brand { flex:0 0 174px; width:174px; }
 #mb-site-header .mb-brand-crop, #mb-site-header.is-scrolled .mb-brand-crop { width:174px; height:72px; }
 #mb-site-header .mb-brand img, #mb-site-header.is-scrolled .mb-brand img { width:174px; max-height:70px; }
}
@media (max-width:600px) {
 #mb-site-header .mb-header-bar, #mb-site-header.is-scrolled .mb-header-bar { height:68px; }
 #mb-site-header .mb-brand { flex:0 0 142px; width:142px; }
 #mb-site-header .mb-brand-crop, #mb-site-header.is-scrolled .mb-brand-crop { width:142px; height:64px; }
 #mb-site-header .mb-brand img, #mb-site-header.is-scrolled .mb-brand img { width:142px; max-height:62px; }
 #mb-site-header .mb-icon-button { width:35px; height:35px; }
}

/* MEGALODON DESKTOP MEGAMENÜ – karcsú, áttetsző fejléc megőrzésével */
@media(min-width:981px) {
 #mb-site-header .mb-nav-desktop .sub-menu { display:none !important; }
 #mb-site-header .mb-nav-desktop { justify-content:flex-end; }
 #mb-site-header .mb-nav-list { gap:clamp(9px,1.4vw,20px); }
 #mb-site-header .mb-mega-trigger { flex:none; white-space:nowrap; background:transparent; border:0; border-bottom:2px solid transparent; color:#f4d17b; font-size:12px; letter-spacing:.11em; font-weight:800; height:100%; padding:0 9px; cursor:pointer; }
 #mb-site-header .mb-mega-trigger:hover,#mb-site-header .mb-mega-trigger[aria-expanded=true] {color:#ffe4a4;border-bottom-color:#e9ba56;}
 #mb-site-header .mb-mega-trigger span {font-size:17px; padding-left:5px;}
 #mb-site-header .mb-mega-panel {position:absolute;top:100%;left:0;right:0;z-index:20; background:linear-gradient(125deg,rgba(9,11,13,.97),rgba(20,19,16,.97));border-bottom:1px solid rgba(235,184,79,.43);box-shadow:0 24px 48px rgba(0,0,0,.55);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:26px 0 30px;}
 #mb-site-header .mb-mega-layout {display:grid;grid-template-columns:minmax(210px,.85fr) minmax(0,2.4fr);gap:30px;align-items:stretch;}
 #mb-site-header .mb-mega-intro {padding:20px 6px;display:flex;flex-direction:column;align-items:flex-start;}
 #mb-site-header .mb-mega-eyebrow {font-size:10px;letter-spacing:.2em;color:#e9ba56;font-weight:750;}
 #mb-site-header .mb-mega-intro h2 {margin:15px 0 14px;font-size:clamp(27px,2.5vw,41px);line-height:1.12;color:#f9f7f1;letter-spacing:-.035em;}
 #mb-site-header .mb-mega-intro h2 em {font-style:normal;color:#e9ba56;}
 #mb-site-header .mb-mega-intro p {font-size:13px;color:#b9b2a8;line-height:1.65;max-width:270px;margin:0 0 26px;}
 #mb-site-header .mb-mega-shop {margin-top:auto;border:1px solid rgba(233,186,86,.55);padding:13px 15px;color:#f3cf7d;font-size:11px;font-weight:800;letter-spacing:.1em;border-radius:5px;}
 #mb-site-header .mb-mega-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;}
 #mb-site-header .mb-mega-card {display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:linear-gradient(155deg,rgba(255,255,255,.065),rgba(255,255,255,.018));transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;}
 #mb-site-header .mb-mega-card:hover,#mb-site-header .mb-mega-card:focus-visible {transform:translateY(-4px);border-color:var(--series-color);box-shadow:0 12px 30px rgba(0,0,0,.35);}
 #mb-site-header .mb-mega-figure {height:clamp(90px,10vw,145px);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:#0d1012;}
 #mb-site-header .mb-mega-figure img {display:block;height:100%;width:100%;object-fit:cover;transition:transform .3s ease;}
 #mb-site-header .mb-mega-card:hover .mb-mega-figure img {transform:scale(1.055);}
 #mb-site-header .mb-mega-card-info {min-height:41px;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:11px 12px;border-top:2px solid var(--series-color);}
 #mb-site-header .mb-mega-card-info strong {font-size:11px;letter-spacing:.1em;color:#eeeae3;}
 #mb-site-header .mb-mega-card-arrow {font-size:17px;color:var(--series-color);}
}
@media(max-width:980px) { #mb-site-header .mb-mega-trigger, #mb-site-header .mb-mega-panel {display:none!important;} }
@media(max-width:1240px) and (min-width:981px) {
 #mb-site-header .mb-header-actions .mb-shop-cta { display:none; }
 #mb-site-header .mb-mega-layout { gap:17px;grid-template-columns:210px minmax(0,1fr); }
 #mb-site-header .mb-mega-panel {padding:16px 0;}
}
@media(prefers-reduced-motion:reduce) {#mb-site-header .mb-mega-card,#mb-site-header .mb-mega-figure img {transition:none!important;}}

/* MEGALODON: mobil terméksorozatok — a desktop megamenüt nem módosítja */
#mb-site-header .mb-mobile-series { display:none; }
@media (max-width:980px) {
  #mb-site-header .mb-mobile-series {display:block;margin-top:10px;border:1px solid rgba(237,189,83,.25);border-radius:9px;overflow:hidden;background:rgba(255,255,255,.025)}
  #mb-site-header .mb-mobile-series-toggle {display:flex;width:100%;min-height:53px;justify-content:space-between;align-items:center;padding:13px 17px;border:0;background:transparent;color:#f2d18a;font-weight:800;letter-spacing:.09em;font-size:12px;text-align:left;cursor:pointer;}
  #mb-site-header .mb-mobile-series-chevron {font-size:25px;line-height:1;transition:transform .2s ease;}
  #mb-site-header .mb-mobile-series-toggle[aria-expanded="true"] .mb-mobile-series-chevron {transform:rotate(180deg)}
  #mb-site-header .mb-mobile-series-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px;border-top:1px solid rgba(237,189,83,.2)}
  #mb-site-header .mb-mobile-series-grid[hidden] {display:none!important}
  #mb-site-header .mb-mobile-series-item {display:flex;flex-direction:column;gap:7px;min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:7px;overflow:hidden;background:#121416;}
  #mb-site-header .mb-mobile-series-item img {width:100%;height:100px;object-fit:cover;display:block}
  #mb-site-header .mb-mobile-series-item strong {color:#f1eee8;font-size:11px;letter-spacing:.08em;padding:0 9px;}
  #mb-site-header .mb-mobile-series-item > span {align-self:flex-end;color:var(--series-color);padding:0 9px 7px;}
  #mb-site-header .mb-mobile-panel {max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
}
@media (max-width:380px) { #mb-site-header .mb-mobile-series-item img {height:82px} }

/* Szériás termékeink: valós WooCommerce alkategóriák mindkét nézetben */
#mb-site-header .mb-mega-panel {max-height:min(80vh,780px);overflow-y:auto;overscroll-behavior:contain;}
#mb-site-header .mb-mega-card-main {display:block;min-width:0;}
#mb-site-header .mb-mega-card-main:focus-visible {outline:2px solid #edbd53;outline-offset:-2px;}
#mb-site-header .mb-mega-subcategories,#mb-site-header .mb-mobile-subcategories {list-style:none;margin:0;padding:6px 10px 12px;display:flex;flex-direction:column;gap:0;}
#mb-site-header .mb-mega-subcategories {border-top:1px solid rgba(255,255,255,.08);}
#mb-site-header .mb-mega-subcategories li,#mb-site-header .mb-mobile-subcategories li {list-style:none;margin:0;min-width:0;}
#mb-site-header .mb-mega-subcategories a,#mb-site-header .mb-mobile-subcategories a {display:block;color:#cfc9bd;text-decoration:none;padding:6px 5px;font-size:11px;line-height:1.4;overflow-wrap:anywhere;transition:color .2s,background .2s;}
#mb-site-header .mb-mega-subcategories a:hover,#mb-site-header .mb-mobile-subcategories a:hover {color:var(--series-color,#edbd53);background:rgba(255,255,255,.035);}
#mb-site-header .mb-mega-deep a {padding-left:17px;font-size:10px;opacity:.88;}
#mb-site-header .mb-mega-grid {align-content:start;}
@media(max-width:980px) {
  #mb-site-header .mb-mobile-series-item {display:block;}
  #mb-site-header .mb-mobile-series-main {display:flex;flex-direction:column;gap:7px;min-width:0;}
  #mb-site-header .mb-mobile-series-main strong {color:#f1eee8;font-size:11px;letter-spacing:.06em;padding:0 9px;}
  #mb-site-header .mb-mobile-series-main > span {align-self:flex-end;color:var(--series-color);padding:0 9px 7px;}
  #mb-site-header .mb-mobile-subcategories {padding:7px 9px 12px;border-top:1px solid rgba(255,255,255,.08);}
  #mb-site-header .mb-mobile-subcategories a {font-size:11px;padding:7px 3px;}
  #mb-site-header .mb-mobile-subcategories .mb-mega-deep a {font-size:10px;padding-left:12px;}
}

/* MEGALODON: csak asztali megamenüs Egyéb termékkörhinta */
@media(min-width:981px) {
 #mb-site-header .mb-mega-layout {grid-template-columns:minmax(205px,.77fr) minmax(0,2.55fr);gap:23px;}
 #mb-site-header .mb-promo-area {padding:2px 0;min-width:0;}
 #mb-site-header .mb-promo-area h2 {font-size:clamp(20px,1.65vw,27px);margin:8px 0 12px;}
 #mb-site-header .mb-promo-carousel {position:relative;width:100%;min-width:0;padding:0 0 8px;}
 #mb-site-header .mb-promo-slides {position:relative;width:100%;}
 #mb-site-header .mb-promo-slide {display:flex;flex-direction:column;align-items:stretch;width:100%;gap:7px;text-decoration:none;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.015));border:1px solid rgba(237,189,83,.25);border-radius:10px;padding:10px;animation:mbPromoEnter .5s ease both;}
 #mb-site-header .mb-promo-slide[hidden] {display:none!important;}
 #mb-site-header .mb-promo-slide:hover {border-color:#edbd53;}
 #mb-site-header .mb-promo-image {display:flex;align-items:center;justify-content:center;height:clamp(110px,11vw,166px);border-radius:7px;background:radial-gradient(circle at 50% 40%,rgba(237,189,83,.13),rgba(8,10,11,.7));overflow:hidden;}
 #mb-site-header .mb-promo-image img {max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .4s ease;}
 #mb-site-header .mb-promo-slide:hover img {transform:scale(1.055);}
 #mb-site-header .mb-promo-name {font-weight:750;font-size:12px;line-height:1.35;min-height:30px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
 #mb-site-header .mb-promo-price {font-size:13px;color:#f1c66a;font-weight:800;}
 #mb-site-header .mb-promo-price del {opacity:.55;font-size:10px;}
 #mb-site-header .mb-promo-link {font-size:10px;letter-spacing:.11em;color:#edbd53;font-weight:850;}
 #mb-site-header .mb-promo-controls {display:flex;align-items:center;justify-content:center;gap:15px;padding:9px 0 5px;}
 #mb-site-header .mb-promo-controls button {width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid rgba(237,189,83,.38);border-radius:50%;background:rgba(255,255,255,.035);color:#edbd53;font-size:21px;cursor:pointer;}
 #mb-site-header .mb-promo-controls button:hover {background:rgba(237,189,83,.14);}
 #mb-site-header .mb-promo-counter {font-size:11px;color:#bdb5a5;min-width:50px;text-align:center;}
 #mb-site-header .mb-promo-empty {font-size:12px;line-height:1.5;color:#bcb5a8;border:1px dashed rgba(237,189,83,.25);padding:20px 12px;border-radius:8px;}
 #mb-site-header .mb-promo-placeholder {font-size:11px;color:#edbd53;letter-spacing:.14em;}
 #mb-site-header .mb-promo-area .mb-mega-shop {margin-top:8px;}
 @keyframes mbPromoEnter {from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:translateX(0)}}
}
@media(max-width:980px) {#mb-site-header .mb-promo-area {display:none!important;}}
@media(prefers-reduced-motion:reduce) {#mb-site-header .mb-promo-slide {animation:none!important;}}

/* Megalodon desktop megamenu: pulzalo, kontrasztos bezaro gomb */
#mb-site-header .mb-mega-panel { padding-right:0; }
#mb-site-header .mb-mega-close {
  position:sticky;top:0;float:right;margin:-12px max(18px, calc((100vw - 1480px)/2 + 20px)) -40px 8px;
  z-index:50;width:40px;height:40px;display:grid;place-items:center;
  border:1px solid rgba(237,189,83,.55);border-radius:50%;
  background:rgba(12,13,14,.96);color:#ffda84;font-size:28px;line-height:1;
  cursor:pointer;box-shadow:0 0 0 0 rgba(237,189,83,.38);
  animation:mbMegaClosePulse 2.2s ease-in-out infinite;
  transition:background .2s,transform .2s,color .2s;
}
#mb-site-header .mb-mega-close:hover,#mb-site-header .mb-mega-close:focus-visible {
  background:#edbd53;color:#111;transform:scale(1.08);animation-play-state:paused;
}
@keyframes mbMegaClosePulse {
  0%,100% {box-shadow:0 0 0 0 rgba(237,189,83,.35);}
  55% {box-shadow:0 0 0 8px rgba(237,189,83,0);}
}
@media(max-width:980px){#mb-site-header .mb-mega-close{display:none!important;}}
@media(prefers-reduced-motion:reduce){#mb-site-header .mb-mega-close{animation:none;}}


/* MEGALODON – ALTERNATÍV, KOMPAKT ASZTALI MEGAMENÜ
   A meglévő mobilos menühöz semmilyen módosítás nem szükséges. */
@media (min-width: 981px) {
  #mb-site-header .mb-mega-panel {
    left: 50%;
    right: auto;
    top: calc(100% - 1px);
    transform: translateX(-50%);
    width: min(1120px, calc(100vw - 52px));
    max-width: none;
    max-height: min(68vh, 580px);
    max-height: min(68dvh, 580px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(237,189,83,.48) rgba(255,255,255,.06);
    padding: 0;
    border: 1px solid rgba(237,189,83,.38);
    border-top: 2px solid #edbd53;
    border-radius: 0 0 16px 16px;
    background: linear-gradient(130deg,rgba(11,13,15,.985),rgba(24,22,18,.985));
    box-shadow: 0 26px 65px rgba(0,0,0,.64);
  }
  #mb-site-header .mb-mega-panel::-webkit-scrollbar { width: 7px; }
  #mb-site-header .mb-mega-panel::-webkit-scrollbar-thumb { background: rgba(237,189,83,.4); border-radius: 7px; }
  #mb-site-header .mb-mega-topbar {
    position: sticky;
    top: 0;
    z-index: 30;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    min-height: 48px;
    padding: 6px 14px 6px 19px;
    background: rgba(13,14,15,.97);
    border-bottom: 1px solid rgba(237,189,83,.19);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }
  #mb-site-header .mb-mega-topbar-title { display: flex; align-items: center; flex-wrap: wrap; gap: 9px 13px; }
  #mb-site-header .mb-mega-topbar-spark { display:inline-block; width:6px; height:6px; background:#edbd53; border-radius:50%; box-shadow:0 0 10px rgba(237,189,83,.6); }
  #mb-site-header .mb-mega-topbar-title strong { color:#f2d18a; font-size: 11px; font-weight: 850; letter-spacing: .12em; }
  #mb-site-header .mb-mega-topbar-hint { color:#a5a19a; font-size: 11px; letter-spacing:0; }
  #mb-site-header .mb-mega-close {
    position: relative;
    top: auto;
    right: auto;
    float: none;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    margin: 0;
    font-size: 23px;
    background: rgba(25,25,24,.98);
    animation-duration: 2.6s;
  }
  #mb-site-header .mb-mega-layout.mb-shell {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 17px 19px 20px;
    display: grid;
    grid-template-columns: minmax(190px, 218px) minmax(0,1fr);
    gap: 18px;
    align-items: start;
  }
  #mb-site-header .mb-promo-area { min-width:0; padding: 3px 13px 0 1px; border-right:1px solid rgba(237,189,83,.17); }
  #mb-site-header .mb-promo-area h2 { margin:6px 0 12px; font-size:21px; line-height:1.08; }
  #mb-site-header .mb-mega-eyebrow {font-size:9px;letter-spacing:.17em;}
  #mb-site-header .mb-promo-carousel { padding-bottom: 2px; }
  #mb-site-header .mb-promo-slide { padding:8px;gap:5px; border-radius:8px; }
  #mb-site-header .mb-promo-image { height:clamp(88px,9.5vw,122px);border-radius:5px; }
  #mb-site-header .mb-promo-name { font-size:11px; line-height:1.32; min-height:0; }
  #mb-site-header .mb-promo-price { font-size:12px; }
  #mb-site-header .mb-promo-controls {padding:6px 0 2px;gap:9px;}
  #mb-site-header .mb-promo-controls button {width:27px;height:27px;font-size:18px;}
  #mb-site-header .mb-promo-area .mb-mega-shop { margin-top:8px; padding:10px 12px; font-size:10px; }
  #mb-site-header .mb-mega-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px;align-content:start; }
  #mb-site-header .mb-mega-card { border-radius:9px; min-height:112px; }
  #mb-site-header .mb-mega-card:hover {transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.27);}
  #mb-site-header .mb-mega-card-main {
    display:grid;
    grid-template-columns:minmax(78px, 40%) minmax(0,1fr);
    min-height:85px;
  }
  #mb-site-header .mb-mega-figure { height:85px;width:100%; background:#0c1113; }
  #mb-site-header .mb-mega-figure img {object-fit:cover;}
  #mb-site-header .mb-mega-card-info {
    min-height:85px;
    padding:12px 8px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-start;
    gap:3px;
    border-top:0;
    border-left:3px solid var(--series-color);
  }
  #mb-site-header .mb-mega-card-info strong {font-size:11px;line-height:1.3;letter-spacing:.07em;overflow-wrap:anywhere;}
  #mb-site-header .mb-mega-card-arrow {font-size:15px;line-height:1;}
  #mb-site-header .mb-mega-subcategories {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-content:flex-start;
    gap:5px;
    padding:8px;
  }
  #mb-site-header .mb-mega-subcategories li { display:block;flex:0 1 auto;min-width:0; }
  #mb-site-header .mb-mega-subcategories a,
  #mb-site-header .mb-mega-subcategories .mb-mega-deep a {
    display:inline-block;
    max-width:100%;
    padding:5px 7px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.09);
    border-radius:5px;
    color:#d4cec3;
    font-size:10px;
    line-height:1.25;
    font-weight:500;
    opacity:1;
  }
  #mb-site-header .mb-mega-subcategories a:hover,
  #mb-site-header .mb-mega-subcategories a:focus-visible {background:rgba(237,189,83,.1);border-color:var(--series-color);color:#fff;}
}
@media (min-width:981px) and (max-width:1100px) {
  #mb-site-header .mb-mega-panel {width:calc(100vw - 24px);}
  #mb-site-header .mb-mega-layout.mb-shell {grid-template-columns:190px minmax(0,1fr);gap:12px;padding:14px 12px 17px;}
  #mb-site-header .mb-mega-grid {gap:7px;}
  #mb-site-header .mb-mega-card-main {grid-template-columns:minmax(66px,40%) minmax(0,1fr);min-height:78px;}
  #mb-site-header .mb-mega-figure,#mb-site-header .mb-mega-card-info {height:78px;min-height:78px;}
  #mb-site-header .mb-mega-card-info {padding:9px 6px;}
  #mb-site-header .mb-mega-card-info strong {font-size:10px;}
  #mb-site-header .mb-mega-subcategories {gap:4px;padding:6px;}
  #mb-site-header .mb-mega-subcategories a,
  #mb-site-header .mb-mega-subcategories .mb-mega-deep a {padding:4px 5px;font-size:9px;}
}
@media (max-width:980px) {
  /* A telefonos és tabletes menü teljesen a korábbi változat marad. */
  #mb-site-header .mb-mega-topbar {display:none!important;}
}
@media (prefers-reduced-motion: reduce) {
  #mb-site-header .mb-mega-card {transition:none!important;}
}
