/* Apple mega menu — gegenereerd door claude_build_apple_mega_menu.py; NIET handmatig bewerken (bron: apple_menu/style.py). */
.apple-mega{--wd-side-width:230px;--accent:#e8001c;}
.apple-mega .wd-tabs-header{border-right:1px solid rgba(0,0,0,.08);}
.apple-mega .wd-nav-tabs li{border-bottom:1px solid rgba(0,0,0,.06);border-left:3px solid transparent;width:100%;}
.apple-mega .wd-nav-tabs li a{padding:9px 14px;font-size:13px;text-transform:none;display:flex;width:100%;}
.apple-mega .wd-nav-tabs li:hover{background:rgba(0,0,0,.03);}
.apple-mega .wd-nav-tabs li.wd-active{background:rgba(0,0,0,.05);border-left-color:var(--accent);}
.apple-mega .wd-nav-tabs li.wd-active a,
.apple-mega .wd-nav-tabs li:hover a{color:var(--accent);}
.apple-mega .apple-overview-grid{display:grid;grid-template-columns:repeat(4,1fr) 1.5fr;gap:18px 10px;}
.apple-mega .apple-cat-card{min-width:0;}
.apple-mega .apple-cat-card ul{list-style:none;margin:0 0 6px;padding:0;}
.apple-mega .apple-cat-card li{margin-bottom:4px;}
.apple-mega .apple-cat-card li a{font-size:12.5px;opacity:.85;transition:color .12s;}
.apple-mega .apple-view-all{font-size:12px;text-decoration:underline;transition:color .12s;}
.apple-mega .apple-cat-card li a:hover,
.apple-mega .apple-view-all:hover{color:var(--accent);}
.apple-mega .apple-cat-title,
.apple-mega .apple-model-header,
.apple-mega .apple-group-title{
  display:inline-block;background:rgba(0,0,0,.06);border-radius:20px;
  padding:4px 12px;font-weight:600;font-size:13px;margin-bottom:10px;
}
.apple-mega .apple-model-grid{display:flex;flex-wrap:wrap;gap:0 10px;max-height:480px;overflow-y:auto;}
.apple-mega .apple-model-col{display:flex;flex-direction:column;width:245px;}
.apple-mega .apple-model-grid a{font-size:12.5px;line-height:1.35;display:block;padding:3px 0;break-inside:avoid;transition:color .12s;}
.apple-mega .apple-model-grid a:hover{color:var(--accent);}
@media(min-width:1025px){
.apple-mega .apple-list-col{max-width:300px;}
.apple-mega .apple-list-col--w180{max-width:180px;}
.apple-mega .apple-list-col--w200{max-width:200px;}
.apple-mega .apple-list-col--w225{max-width:225px;}
.apple-mega .apple-list-col--w250{max-width:250px;}
.apple-mega .apple-list-col--w275{max-width:275px;}
}
.apple-mega .apple-col-list{display:flex;flex-direction:column;}
.apple-mega .apple-col-list a{font-size:12.5px;line-height:1.35;display:block;padding:3px 0;transition:color .12s;}
.apple-mega .apple-col-list a:hover{color:var(--accent);}
.apple-mega .apple-grouped-wrap{display:grid;grid-template-columns:repeat(auto-fill,170px);gap:0 10px;max-height:480px;overflow-y:auto;}
.apple-mega .apple-group-col{min-width:0;}
.apple-mega .apple-group-links{display:flex;flex-direction:column;}
.apple-mega .apple-group-links a{font-size:12.5px;padding:2px 0;}
.apple-mega .apple-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.55;font-weight:700;margin-bottom:8px;}
.apple-mega .apple-featured{margin-bottom:18px;}
.apple-mega .apple-featured-row{display:flex;flex-wrap:wrap;gap:8px;}
.apple-mega .apple-chip{background:#f0f0f2;color:#1d1d1f!important;border-radius:20px;padding:7px 16px;font-size:12.5px;font-weight:600;white-space:nowrap;transition:background .15s,color .15s;}
.apple-mega .apple-chip:hover{background:var(--accent);color:#fff!important;}
.apple-mega .apple-chip--sm{padding:4px 13px;font-size:12px;}
.apple-mega .apple-variant-row{display:flex;align-items:center;gap:12px;padding:5px 0;}
.apple-mega .apple-variant-family{flex:0 0 155px;font-size:12.5px;font-weight:600;color:#1d1d1f;line-height:1.35;}
.apple-mega .apple-variant-chips{display:flex;gap:6px;flex-wrap:wrap;}
.apple-mega .wp-block-wd-row{align-items:flex-start;}
.apple-mega .apple-products-row{margin-top:20px;padding-top:16px;border-top:1px solid rgba(0,0,0,.08);}
.apple-mega .apple-macbookpro-section--divider{margin-top:22px;padding-top:20px;border-top:1px solid rgba(0,0,0,.08);}
.apple-mega .apple-model-count{margin-left:7px;opacity:.5;font-weight:500;}
.apple-mega .apple-gapp-grid{margin-bottom:20px;}
.apple-mega .apple-all-link{display:inline-block;font-size:12.5px;font-weight:600;margin-bottom:12px;color:#1d1d1f;transition:color .12s;}
.apple-mega .apple-all-link:hover{color:var(--accent);}
.apple-mega .hp-spotlight{position:relative;width:100%;min-height:152px;margin-top:20px;
  background:linear-gradient(90deg,#fafafa,#f1f1f3);border-radius:18px;
  padding:16px 26px;box-sizing:border-box;overflow:hidden;}
.apple-mega .hp-panel{position:absolute;inset:16px 26px;opacity:0;pointer-events:none;
  transition:opacity .2s ease;display:flex;flex-direction:row;align-items:center;
  gap:22px;text-align:left;}
.apple-mega .hp-panel--neutral{opacity:1;pointer-events:auto;}
.apple-mega .hp-panel-imgwrap{width:120px;height:120px;display:flex;align-items:center;
  justify-content:center;background:#fff;border-radius:16px;
  box-shadow:0 8px 20px rgba(0,0,0,.08);flex-shrink:0;}
.apple-mega .hp-panel-img{max-width:100px;max-height:100px;object-fit:contain;}
.apple-mega .hp-panel-glyph{font-size:26px;color:#c7c7cc;}
.apple-mega .hp-panel-body{display:flex;flex-direction:column;align-items:flex-start;min-width:0;}
.apple-mega .hp-panel-title{font-size:15px;font-weight:700;color:#1d1d1f;
  margin-bottom:4px;line-height:1.3;}
.apple-mega .hp-compat{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:5px;}
.apple-mega .hp-compat-label{font-size:9.5px;text-transform:uppercase;
  letter-spacing:.06em;color:#86868b;font-weight:700;margin-right:4px;}
.apple-mega .hp-compat-chip{font-size:10.5px;line-height:1;border:1px solid rgba(0,0,0,.16);
  border-radius:6px;padding:3px 6px;color:#1d1d1f;background:#fff;}
.apple-mega .hp-panel-text{font-size:13px;line-height:1.5;color:#6e6e73;max-width:680px;}
.apple-mega .hp-panel--neutral .hp-panel-title{color:#86868b;}
.apple-mega .hp-panel--neutral .hp-panel-text{color:#aeaeb2;}
.apple-mega.wd-tabs.tabs-design-aside{position:relative;display:grid;align-items:flex-start;
  grid-template-columns:var(--wd-side-width, 300px) 1fr;gap:var(--wd-row-gap);}
.apple-mega.wd-tabs.tabs-design-aside .wd-tabs-header{--text-align: start;}
.apple-mega.wd-tabs.tabs-design-aside .wd-nav-tabs{flex-direction:column;align-items:flex-start;
  --nav-gap: 5px;--nav-gap-v: var(--nav-gap);}
.apple-mega.wd-tabs.tabs-design-aside .wd-nav-tabs>li{cursor:pointer;}
.apple-mega.wd-tabs.tabs-design-aside .wd-nav-tabs>li>a{display:inline-flex;}
.apple-mega.wd-tabs.tabs-design-aside .wd-tabs-content-wrapper{min-width:1px;}
