/* =========================================================
   AVM nav / IA prototype redesign — avm-redesign.css
   Category-first navigation (All-in-One featured), mega panel,
   under-hero collection band. Loaded after the child theme CSS.
   ========================================================= */
:root{
  --avmr-ink:#0d0d0d; --avmr-ink-2:#1a1a1a; --avmr-grey:#6b6b6b; --avmr-line:#e4ded8;
  --avmr-sand:#f1e4dc; --avmr-paper:#f7f4f1; --avmr-white:#fff;
  --avmr-ease:cubic-bezier(.2,.7,.2,1);
}

/* ---------- Top bar ---------- */
body.avmr .avm_top-box{
  background:rgba(12,12,12,.92); -webkit-backdrop-filter:saturate(140%) blur(10px); backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center;
  font-size:13px; line-height:48px; letter-spacing:.02em; z-index:100001;
}
body.avmr .avm_top-logo{width:44px; top:50%; transform:translateY(-50%); left:18px;}
.avmr-wordmark{position:absolute; left:76px; color:#bdbdbd !important; text-decoration:none; font-size:12px; letter-spacing:.14em; text-transform:uppercase; white-space:nowrap;}
.avmr-topnav{display:flex; gap:4px; align-items:center; height:48px;}
.avmr-topnav a,.avmr-topnav button{
  color:#e9e9e9; text-decoration:none; font:inherit; background:none; border:0; cursor:pointer;
  padding:0 14px; height:48px; display:inline-flex; align-items:center; position:relative; opacity:.82; transition:opacity .2s;
}
.avmr-topnav a:hover,.avmr-topnav button:hover,.avmr-topnav .is-active{opacity:1;}
.avmr-topnav a::after,.avmr-topnav button::after{content:""; position:absolute; left:14px; right:14px; bottom:10px; height:1px; background:#fff; transform:scaleX(0); transition:transform .25s var(--avmr-ease);}
.avmr-topnav a:hover::after,.avmr-topnav .is-active::after{transform:scaleX(1);}
.avmr-topnav .avmr-topnav__feat{opacity:1; font-weight:600;}
.avmr-topnav .avmr-topnav__feat::before{content:""; width:6px; height:6px; border-radius:50%; background:#fff; margin-right:8px;}
.avmr-topnav__more::after{display:none}
.avmr-topnav .avmr-topnav__more{border-left:1px solid rgba(255,255,255,.15); margin-left:6px;}
.avmr-topcta{position:absolute; right:200px; color:#0d0d0d !important; background:#fff; border-radius:999px; padding:0 16px; line-height:30px; height:30px; text-decoration:none; font-size:12px; font-weight:600; letter-spacing:.03em;}
.avmr-topcta:hover{background:#d9d9d9;}
body.avmr .language-switcher{right:110px; top:0; line-height:48px; width:auto;}
body.avmr .language-switcher li{margin:0 4px;}
body.avmr .language-switcher a{opacity:.6} body.avmr .language-switcher .current-lang a{opacity:1}

body.avmr #avm_menu-icon{
  top:0; right:0; height:48px; background:transparent; z-index:100002; display:flex; align-items:center; gap:10px;
  font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#fff; padding:0 20px; border-left:1px solid rgba(255,255,255,.12);
}
.avmr-burger{display:inline-flex; flex-direction:column; gap:4px; width:18px;}
.avmr-burger i{display:block; height:1.5px; background:#fff; transition:transform .3s var(--avmr-ease),opacity .2s;}
body.avm-menu-open .avmr-burger i:nth-child(1){transform:translateY(5.5px) rotate(45deg);}
body.avm-menu-open .avmr-burger i:nth-child(2){opacity:0;}
body.avm-menu-open .avmr-burger i:nth-child(3){transform:translateY(-5.5px) rotate(-45deg);}

/* ---------- Menu shell ---------- */
body.avmr .avm_menu{background:var(--avmr-paper); color:var(--avmr-ink); padding:0 0 30px;}
body.avmr .avm_menu hr{border-color:var(--avmr-line); margin:0 28px;}
body.avmr .avm_menu .avm_container{margin:10px 28px 0;}
/* Safety: old series sort must never show */
body.avmr .avm_menu .sub-avm_section{display:none !important;}

.avmr-mega{display:grid; grid-template-columns:300px 1fr; min-height:calc(100vh - 220px); border-bottom:1px solid var(--avmr-line);}
.avmr-eyebrow{font-size:11px !important; letter-spacing:.18em; text-transform:uppercase; color:var(--avmr-grey); margin:0 0 10px; font-weight:500;}
.avmr-eyebrow--light{color:#a9a9a9;}

.avmr-rail{padding:28px 18px 28px 28px; border-right:1px solid var(--avmr-line); background:var(--avmr-white); display:flex; flex-direction:column; gap:2px;}
.avmr-rail__sep{font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:#9a9a9a; margin:18px 0 6px;}
.avmr-rail__item{display:flex; align-items:center; gap:12px; width:100%; text-align:left; background:none; border:0; border-radius:10px; padding:6px 10px 6px 6px; cursor:pointer; font:inherit; font-size:15px; color:var(--avmr-ink); transition:background .2s;}
.avmr-rail__item img{width:44px; height:44px; border-radius:8px; object-fit:cover; flex:none;}
.avmr-rail__item span{flex:1;}
.avmr-rail__item i{font-style:normal; opacity:0; transform:translateX(-4px); transition:.2s;}
.avmr-rail__item:hover,.avmr-rail__item.is-active{background:#f1ede9;}
.avmr-rail__item:hover i,.avmr-rail__item.is-active i{opacity:.7; transform:none;}
.avmr-rail__item--sec{font-size:14px; color:#3a3a3a;}
.avmr-rail__item--sec img{width:34px; height:34px;}
.avmr-rail__item--feat{background:var(--avmr-ink) !important; color:#fff; padding:10px 14px 10px 10px; margin-bottom:10px; font-size:18px; font-weight:600;}
.avmr-rail__item--feat img{width:60px; height:60px;}
.avmr-rail__item--feat small{display:block; font-size:10px; letter-spacing:.18em; text-transform:uppercase; font-weight:500; color:#bdbdbd; margin-bottom:2px;}
.avmr-rail__item--feat i{opacity:.8; transform:none;}

.avmr-panels{padding:28px 32px; overflow:auto;}
.avmr-panel[hidden]{display:none !important;}
.avmr-panel{animation:avmrIn .35s var(--avmr-ease);}
@keyframes avmrIn{from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none}}
.avmr-panel__head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; padding-bottom:20px; border-bottom:1px solid var(--avmr-line); margin-bottom:22px;}
.avmr-panel__head h3{font-size:clamp(28px,3vw,44px); font-weight:500; letter-spacing:-.03em; margin:0 0 6px; color:var(--avmr-ink); line-height:1;}
.avmr-panel__head p{margin:0; color:#555; font-size:15px; max-width:520px;}
.avmr-note{margin-top:22px; font-size:13px; color:#777;}
.avmr-note a{text-decoration:underline !important; font-size:13px !important;}
.avmr-catimg img{width:260px; max-width:100%; border-radius:16px;}

.avmr-group{display:grid; grid-template-columns:200px 1fr; gap:24px; padding:16px 0; border-bottom:1px solid var(--avmr-line);}
.avmr-group:last-child{border-bottom:0;}
.avmr-group__head h4{margin:0 0 4px; font-size:18px; font-weight:600; letter-spacing:-.01em; color:var(--avmr-ink);}
.avmr-group__head span{font-size:12px; color:var(--avmr-grey); line-height:1.4; display:block;}
.avmr-group__rows{display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:12px;}

/* product row: name first, series small */
.avm_menu a.avmr-prod,a.avmr-prod{display:flex; align-items:center; gap:14px; padding:10px; border-radius:14px; background:var(--avmr-white); border:1px solid transparent; text-decoration:none; color:var(--avmr-ink); transition:border-color .2s,transform .2s var(--avmr-ease),box-shadow .2s;}
a.avmr-prod:hover{border-color:#cfc7bf; transform:translateY(-1px); box-shadow:0 8px 24px rgba(0,0,0,.06);}
a.avmr-prod.is-current{border-color:var(--avmr-ink);}
.avmr-prod__img{width:84px; height:64px; border-radius:10px; background:#f3f0ed; display:flex; align-items:center; justify-content:center; overflow:hidden; flex:none;}
.avmr-prod__img img{width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply;}
.avmr-prod__txt{display:flex; flex-direction:column; gap:3px; min-width:0;}
.avm_menu .avmr-prod__name,.avmr-prod__name{font-size:17px; font-weight:600; letter-spacing:-.01em; display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.avm_menu .avmr-prod__meta,.avmr-prod__meta{font-size:12.5px; color:#666;}
.avmr-tag{align-self:flex-start; font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:#777; border:1px solid #d8d1ca; border-radius:999px; padding:2px 8px; margin-top:2px;}
.avmr-badge{font-size:10px; letter-spacing:.12em; text-transform:uppercase; background:var(--avmr-ink); color:#fff; border-radius:999px; padding:2px 8px; font-weight:500;}
.avm_menu a.avmr-prod--big,a.avmr-prod--big{grid-column:1/-1; padding:14px; background:var(--avmr-ink); color:#fff;}
a.avmr-prod--big .avmr-prod__img{width:220px; height:120px; background:#1e1e1e;}
a.avmr-prod--big .avmr-prod__img img{mix-blend-mode:normal; object-fit:cover;}
a.avmr-prod--big .avmr-prod__name{font-size:24px;} a.avmr-prod--big .avmr-prod__meta{color:#bdbdbd; font-size:14px;}
a.avmr-prod--big .avmr-tag{color:#ccc; border-color:#444;} a.avmr-prod--big .avmr-badge{background:#fff; color:#0d0d0d;}
a.avmr-prod--big:hover{border-color:#444;}
.avmr-ext{font-size:.85em; opacity:.6; margin-left:2px;}

/* buttons */
.avmr-btn,.avm_menu a.avmr-btn{display:inline-flex; align-items:center; gap:10px; white-space:nowrap; text-decoration:none !important; font-size:14px !important; font-weight:600; letter-spacing:.01em; padding:13px 22px; border-radius:999px; border:1px solid var(--avmr-ink); color:var(--avmr-ink) !important; background:transparent; transition:background .2s,color .2s,transform .2s var(--avmr-ease);}
.avmr-btn:hover{transform:translateY(-1px);}
.avmr-btn--dark,.avm_menu a.avmr-btn--dark{background:var(--avmr-ink); color:#fff !important;}
.avmr-btn--dark:hover{background:#333;}
.avmr-btn--light{background:#fff; color:#0d0d0d !important; border-color:#fff;}
.avmr-btn--light:hover{background:#e6e6e6;}
.avmr-btn--ghost{border-color:rgba(255,255,255,.4); color:#fff !important;}
.avmr-btn--ghost:hover{border-color:#fff;}

/* ---------- Under-hero band (homepage) ---------- */
.avmr-band{background:var(--avmr-paper); color:var(--avmr-ink); padding:clamp(56px,8vw,120px) 0; margin-top:0 !important; margin-bottom:0 !important; max-width:none !important; font-family:inter,sans-serif;}
.avmr-band__inner{max-width:1320px; margin:0 auto; padding:0 clamp(18px,4vw,48px);}
.avmr-band__head{text-align:center; max-width:720px; margin:0 auto clamp(32px,5vw,56px);}
.avmr-band__head h2{font-size:clamp(34px,4.6vw,64px); font-weight:500; letter-spacing:-.04em; line-height:1; margin:0 0 16px; color:var(--avmr-ink);}
.avmr-band .avmr-band__head p{font-size:clamp(15px,1.3vw,18px) !important; color:#555; margin:0; line-height:1.5 !important;}
.avmr-band p.avmr-eyebrow{line-height:1.3 !important;}
.avmr-cats{display:grid; grid-template-columns:1.6fr 1fr 1fr; grid-template-rows:auto auto; gap:16px;}
.avmr-cat{position:relative; display:flex; flex-direction:column; background:var(--avmr-sand); border-radius:22px; overflow:hidden; text-decoration:none !important; color:var(--avmr-ink) !important; transition:transform .35s var(--avmr-ease),box-shadow .35s;}
.avmr-cat:hover{transform:translateY(-3px); box-shadow:0 18px 40px rgba(0,0,0,.08);}
.avmr-cat__img{display:block; aspect-ratio:4/3; overflow:hidden;}
.avmr-cat__img img{width:100%; height:100%; object-fit:cover; transform:scale(1.15); transition:transform .6s var(--avmr-ease);}
.avmr-cat:hover .avmr-cat__img img{transform:scale(1.2);}
.avmr-cat__txt{display:flex; flex-direction:column; gap:4px; padding:4px 22px 22px;}
.avmr-cat__txt strong{font-size:20px; font-weight:600; letter-spacing:-.02em;}
.avmr-cat__txt>span{font-size:13px; color:#5b5550;}
.avmr-cat__txt small{font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:#a9a9a9;}
.avmr-cat__cta{margin-top:12px; font-size:13px; font-weight:600; display:inline-flex; gap:6px; border-bottom:1px solid currentColor; align-self:flex-start; padding-bottom:2px;}
.avmr-cat--feat{grid-row:1/3; background:var(--avmr-ink); color:#fff !important;}
.avmr-cat--feat .avmr-cat__img{aspect-ratio:auto; flex:1; min-height:320px; background:var(--avmr-sand);}
.avmr-cat--feat .avmr-cat__img img{transform:scale(1.05);}
.avmr-cat--feat .avmr-cat__txt{padding:26px 30px 30px;}
.avmr-cat--feat .avmr-cat__txt strong{font-size:clamp(28px,3vw,42px); letter-spacing:-.03em;}
.avmr-cat--feat .avmr-cat__txt>span{color:#bdbdbd; font-size:15px;}
.avmr-cat--feat .avmr-cat__cta{background:#fff; color:#0d0d0d !important; border:0; padding:13px 22px; border-radius:999px; font-size:14px; margin-top:16px;}
.avmr-chips{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:22px 0 clamp(48px,6vw,80px); justify-content:center;}
.avmr-chips>span{font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#8a8a8a; margin-right:4px;}
.avmr-chip{font-size:14px; padding:9px 16px; border-radius:999px; border:1px solid #d6cdc5; color:var(--avmr-ink) !important; text-decoration:none !important; background:#fff; transition:border-color .2s;}
.avmr-chip:hover{border-color:var(--avmr-ink);}

.avmr-flag{display:grid; grid-template-columns:1.2fr 1fr; background:var(--avmr-ink); color:#fff; border-radius:28px; overflow:hidden; min-height:440px;}
.avmr-flag__img{background:#111; display:flex; align-items:center;}
.avmr-flag__img img{width:100%; height:100%; object-fit:cover;}
.avmr-flag__txt{padding:clamp(28px,4vw,56px); display:flex; flex-direction:column; justify-content:center;}
.avmr-flag__txt h3{font-size:clamp(30px,3.4vw,50px); font-weight:500; letter-spacing:-.04em; line-height:1; margin:0 0 16px; color:#fff;}
.avmr-band p.avmr-flag__lead{color:#cfcfcf; font-size:16px !important; line-height:1.55 !important; margin:0 0 20px;}
.avmr-band .avmr-flag blockquote{font-size:15px !important; line-height:1.5; margin:0 0 28px; padding:0 0 0 16px; border-left:2px solid #fff; color:#e8e8e8; font-size:15px; font-style:italic;}
.avmr-flag cite{display:block; font-style:normal; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#999; margin-top:8px;}
.avmr-flag__ctas{display:flex; flex-wrap:wrap; gap:12px;}
.avmr-second{display:grid; grid-template-columns:280px 1fr auto; gap:24px; align-items:center; margin-top:16px; padding:16px 24px 16px 16px; background:#fff; border-radius:22px; text-decoration:none !important; color:var(--avmr-ink) !important; border:1px solid var(--avmr-line); transition:border-color .2s;}
.avmr-second:hover{border-color:var(--avmr-ink);}
.avmr-second__img img{width:100%; border-radius:12px; display:block;}
.avmr-second__txt{display:flex; flex-direction:column; gap:4px;}
.avmr-second__txt small{font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:#8a8a8a;}
.avmr-second__txt strong{font-size:22px; font-weight:600; letter-spacing:-.02em;}
.avmr-second__txt span{color:#666; font-size:14px;}

/* mid-page "four quality levels" switchers: elite first (Ovation S → 30.3) */
.mobile-linien:has(a[href*="#Ovation"]){flex-direction:row-reverse;}

/* ---------- Responsive ---------- */
@media (max-width:1180px){
  .avmr-wordmark{display:none;}
  .avmr-topnav a,.avmr-topnav button{padding:0 10px;}
  .avmr-topcta{display:none;}
}
@media (max-width:960px){
  .avmr-topnav{display:none;}
  .avmr-wordmark{display:block; position:static;}
  body.avmr .language-switcher{right:96px;}
  body.avmr #avm_menu-icon .avmr-burger__lab{display:none;}
  .avmr-mega{grid-template-columns:1fr; min-height:0;}
  .avmr-rail{flex-direction:row; overflow-x:auto; padding:14px 16px; border-right:0; border-bottom:1px solid var(--avmr-line); gap:8px; -webkit-overflow-scrolling:touch;}
  .avmr-rail .avmr-eyebrow,.avmr-rail__sep{display:none;}
  .avmr-rail__item{flex:none; width:auto; white-space:nowrap; border:1px solid var(--avmr-line); border-radius:999px; padding:4px 14px 4px 4px; font-size:14px; margin:0 !important;}
  .avmr-rail__item img,.avmr-rail__item--feat img,.avmr-rail__item--sec img{width:30px; height:30px; border-radius:50%;}
  .avmr-rail__item i,.avmr-rail__item--feat small{display:none;}
  .avmr-rail__item--feat{font-size:14px; padding:4px 14px 4px 4px;}
  .avmr-panels{padding:20px 16px;}
  .avmr-panel__head{flex-direction:column; align-items:flex-start;}
  .avmr-group{grid-template-columns:1fr; gap:10px;}
  a.avmr-prod--big{flex-direction:column; align-items:flex-start;}
  a.avmr-prod--big .avmr-prod__img{width:100%; height:160px;}
  .avmr-cats{grid-template-columns:1fr 1fr;}
  .avmr-cat--feat{grid-column:1/-1; grid-row:auto;}
  .avmr-cat--feat .avmr-cat__img{min-height:240px;}
  .avmr-flag{grid-template-columns:1fr;}
  .avmr-flag__img{max-height:300px;}
  .avmr-second{grid-template-columns:1fr; padding:14px;}
}
@media (max-width:520px){
  .avmr-cat__txt{padding:2px 14px 16px;}
  .avmr-cat__txt strong{font-size:16px;}
  .avmr-cat__txt>span{display:none;}
  .avmr-cat--feat .avmr-cat__txt>span{display:block;}
}
@media (prefers-reduced-motion:reduce){ .avmr-panel{animation:none} .avmr-cat,.avmr-cat__img img,a.avmr-prod{transition:none} }
@media (max-width:600px){
  .avmr-wordmark{display:none !important;}
  .avmr-cat--feat .avmr-cat__img{min-height:0; flex:none; aspect-ratio:16/10;}
  .avmr-cat--feat .avmr-cat__img img{transform:scale(1.25);}
  .avmr-band .avmr-eyebrow{letter-spacing:.12em;}
}

/* =========================================================
   v3 (2026-10-30): mega fits the viewport, no redundant desktop
   "Menu" button, compact flagship card, slim service strip
   instead of the big bottom block / photo tiles.
   ========================================================= */
@media (min-width:961px){
  /* desktop: centred category nav is the only menu trigger */
  body.avmr #avm_menu-icon{display:none !important;}
  body.avmr .language-switcher{right:20px;}
  .avmr-topcta{right:104px;}

  /* the open panel = exactly the viewport below the 48px bar */
  body.avmr .avm_menu{top:48px; height:calc(100vh - 48px); height:calc(100dvh - 48px); max-height:calc(100dvh - 48px);
    display:flex; flex-direction:column; overflow:hidden; padding:0;}
  body.avmr .avm_menu hr{display:none;}
  .avmr-mega{flex:1 1 auto; min-height:0; height:auto; grid-template-columns:272px 1fr; border-bottom:1px solid var(--avmr-line);}
  .avmr-rail{overflow-y:auto; padding:18px 14px 18px 22px; scrollbar-width:thin;}
  .avmr-panels{overflow-y:auto; padding:22px 30px 20px; scrollbar-width:thin;}

  /* slim service strip replaces the large AVM / Service / Networks block */
  body.avmr .avm_menu .avm_container{flex:none; margin:0; padding:9px 30px 9px 22px; display:flex; justify-content:flex-start; gap:40px; background:var(--avmr-white); align-items:center; border-top:0;}
  body.avmr .avm_menu .avm_column{flex:none; flex-direction:row; align-items:center; gap:14px; padding:0;}
  body.avmr .avm_menu .avm-menu-col-title{font-size:10px !important; letter-spacing:.18em; text-transform:uppercase; margin:0; color:#9a9a9a !important; font-weight:500;}
  body.avmr .avm_menu .avm_column p{margin:0; display:flex; flex-wrap:wrap; align-items:center; gap:2px 14px; font-size:12.5px !important; line-height:1.6;}
  body.avmr .avm_menu .avm_column p br{display:none;}
  body.avmr .avm_menu .avm_column a{font-size:12.5px !important; color:#3a3a3a; text-decoration:none;}
  body.avmr .avm_menu .avm_column a:hover{color:var(--avmr-ink); text-decoration:underline;}
}

/* compact panel content (desktop only) */
@media (min-width:961px){
.avmr-rail__item{padding:5px 10px 5px 5px;}
.avmr-rail__item img{width:40px; height:40px;}
.avmr-rail__item--sec img{width:30px; height:30px;}
.avmr-rail__item--feat{padding:9px 12px 9px 9px;}
.avmr-rail__item--feat img{width:52px; height:52px;}
.avmr-rail__sep{margin:14px 0 4px;}
.avmr-panel__head{padding-bottom:14px; margin-bottom:6px; align-items:center;}
.avmr-panel__head h3{font-size:clamp(26px,2.6vw,38px);}
.avmr-panel__head p{font-size:14px;}
.avmr-group{grid-template-columns:170px 1fr; gap:18px; padding:12px 0;}
.avmr-group__head h4{font-size:16px;}
.avmr-group__rows{grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px;}
a.avmr-prod{padding:8px; gap:12px; border-radius:12px;}
.avmr-prod__img{width:64px; height:52px; border-radius:8px;}
.avm_menu .avmr-prod__name,.avmr-prod__name{font-size:15px; gap:6px;}
.avm_menu .avmr-prod__meta,.avmr-prod__meta{font-size:12px; line-height:1.35;}
.avmr-tag{font-size:9px; padding:1px 7px;}
.avmr-badge{font-size:9px; padding:1px 7px;}
/* flagship: slimmer horizontal card instead of a big photo block */
.avm_menu a.avmr-prod--big,a.avmr-prod--big{padding:8px 18px 8px 8px; gap:18px;}
a.avmr-prod--big .avmr-prod__img{width:150px; height:84px; border-radius:8px;}
a.avmr-prod--big .avmr-prod__name{font-size:20px;}
a.avmr-prod--big .avmr-prod__meta{font-size:13px;}
a.avmr-prod--big::after{content:"View flagship →"; margin-left:auto; font-size:12px; font-weight:600; letter-spacing:.02em; color:#fff; border:1px solid #444; border-radius:999px; padding:8px 14px; white-space:nowrap;}
a.avmr-prod--big[target="_blank"]::after{content:"View ↗";}
/* other categories: slim strip instead of a large photo tile */
.avmr-catimg{display:flex; align-items:center; gap:16px; padding:10px; background:var(--avmr-white); border-radius:12px; max-width:520px; margin-top:14px;}
.avmr-catimg img{width:120px; height:72px; object-fit:cover; border-radius:8px;}
.avmr-catimg::after{content:"Full range on avm.audio ↗"; font-size:13px; color:#555;}
.avmr-note{margin-top:14px;}
}

/* slim strip for other categories on mobile too */
@media (max-width:960px){
  .avmr-catimg{display:flex; align-items:center; gap:14px; padding:10px; background:var(--avmr-white); border-radius:12px;}
  .avmr-catimg img{width:96px; height:60px; object-fit:cover; border-radius:8px;}
}
@media (min-width:961px) and (max-width:1400px){
  body.avmr .avm_menu .avm_container{gap:22px; padding-left:18px; padding-right:18px;}
  body.avmr .avm_menu .avm_column{gap:10px;}
  body.avmr .avm_menu .avm_column p{gap:2px 10px;}
  body.avmr .avm_menu .avm_column a{font-size:12px !important;}
}
@media (min-width:961px) and (max-width:1200px){
  body.avmr .avm_menu .avm_column p.avm-menu-col-title{display:none;}
}
/* short desktop screens (≤ 800px tall): tighten further */
@media (min-width:961px) and (max-height:800px){
  .avmr-rail .avmr-eyebrow{display:none;}
  .avmr-rail__item{padding:3px 8px 3px 4px; font-size:14px;}
  .avmr-rail__item img{width:34px; height:34px;}
  .avmr-rail__item--sec img{width:26px; height:26px;}
  .avmr-rail__item--feat img{width:44px; height:44px;}
  .avmr-rail__sep{margin:8px 0 2px;}
  .avmr-panels{padding:16px 26px 14px;}
  .avmr-panel__head{padding-bottom:10px;}
  .avmr-panel__head p{display:none;}
  .avmr-group{padding:9px 0;}
  .avmr-prod__img{width:56px; height:44px;}
  a.avmr-prod--big .avmr-prod__img{width:120px; height:66px;}
  .avmr-tag{display:none;}
}
@media (min-width:961px) and (max-width:1180px){
  .avmr-group{grid-template-columns:1fr; gap:8px;}
  .avmr-group__head span{display:inline; margin-left:8px;}
  .avmr-group__head h4{display:inline;}
}

/* =========================================================
   v4 (2026-10-30): panel content fills the open mega panel –
   groups stretch to the available height, product cards are
   larger "tiles" (image on top), flagship is a wide hero card.
   Desktop only; homepage band untouched.
   ========================================================= */
@media (min-width:961px){
  .avmr-panels{display:flex; flex-direction:column;}
  .avmr-panel:not([hidden]){flex:1 1 auto; min-height:0; display:flex; flex-direction:column;}
  .avmr-panel__head{flex:none;}
  /* groups share the remaining height */
  .avmr-group{flex:1 1 0; min-height:0; align-items:stretch; padding:14px 0;}
  .avmr-group:first-of-type{flex-grow:1.1;}
  .avmr-group__head{padding-top:6px;}
  .avmr-group__rows{grid-auto-rows:1fr; height:100%; min-height:0; gap:14px;}
  /* product tiles: big image on top, text below */
  .avm_menu a.avmr-prod,a.avmr-prod{flex-direction:column; align-items:stretch; gap:10px; padding:10px 10px 14px; border-radius:16px; min-height:0; height:100%; box-sizing:border-box;}
  .avmr-prod__img{width:100%; height:auto; flex:1 1 auto; min-height:70px; max-height:260px; border-radius:11px;}
  .avmr-prod__img img{transition:transform .5s var(--avmr-ease);}
  a.avmr-prod:not(.avmr-prod--big) .avmr-prod__img img{object-fit:cover;}
  a.avmr-prod:hover .avmr-prod__img img{transform:scale(1.04);}
  .avmr-prod__txt{flex:none; padding:0 6px; gap:4px;}
  .avm_menu .avmr-prod__name,.avmr-prod__name{font-size:17px;}
  .avm_menu .avmr-prod__meta,.avmr-prod__meta{font-size:12.5px;}
  /* flagship: wide hero card filling its row */
  .avm_menu a.avmr-prod--big,a.avmr-prod--big{flex-direction:row; align-items:stretch; padding:10px 26px 10px 10px; gap:28px;}
  a.avmr-prod--big .avmr-prod__img{width:46%; max-width:520px; height:auto; max-height:none; flex:none; min-height:90px; border-radius:11px;}
  a.avmr-prod--big .avmr-prod__txt{flex:1; justify-content:center; padding:0;}
  a.avmr-prod--big .avmr-prod__name{font-size:clamp(22px,2vw,30px); letter-spacing:-.02em;}
  a.avmr-prod--big .avmr-prod__meta{font-size:14px;}
  a.avmr-prod--big::after{align-self:center;}
  /* single-product category panels: the hero card takes the space */
  .avmr-panel > .avmr-group__rows{flex:1 1 auto; height:auto; max-height:520px; margin-top:14px;}
  .avmr-panel > .avmr-group__rows a.avmr-prod--big .avmr-prod__img{width:55%; max-width:none;}
  .avmr-panel > .avmr-group__rows a.avmr-prod--big .avmr-prod__name{font-size:clamp(28px,2.6vw,40px);}
  .avmr-note,.avmr-catimg{flex:none;}
  /* page CSS on product pages was inflating these */
  .avm_menu p.avmr-note{font-size:13px !important; line-height:1.5 !important; color:#777 !important; letter-spacing:0 !important;}
  .avm_menu p.avmr-rail__sep{font-size:11px !important; line-height:1.3 !important; letter-spacing:.16em !important; color:#9a9a9a !important;}
}
@media (min-width:961px) and (max-height:800px){
  .avmr-group{padding:9px 0;}
  .avmr-group__rows{gap:10px;}
  .avm_menu a.avmr-prod,a.avmr-prod{padding:8px 8px 10px; gap:7px;}
  .avmr-prod__img{width:100%; height:auto; min-height:48px;}
  a.avmr-prod--big .avmr-prod__img{width:42%; height:auto; min-height:60px;}
  .avm_menu .avmr-prod__name,.avmr-prod__name{font-size:15px;}
  .avm_menu .avmr-prod__meta,.avmr-prod__meta{font-size:12px;}
}