/* Header nav fit + used-catalog pill (2026-10-15) */
@media(min-width:1101px){
html body .header .header-inner{width:min(1280px,calc(100% - 88px))!important;max-width:none!important;gap:clamp(16px,1.6vw,28px)!important}
.header .header-inner .desktop-nav{flex:1 1 auto;min-width:0;gap:4px!important;justify-content:space-between!important}
.header .header-inner .desktop-nav>a{flex:0 0 auto!important;font-size:clamp(13px,0.95vw,15px)!important;padding:6px clamp(3px,0.4vw,8px)!important;min-height:34px}
.header .header-inner .header-tools{flex:0 0 auto;gap:clamp(6px,0.6vw,12px)!important}
.header .header-tools .header-phone{font-size:clamp(13px,0.95vw,15px)!important;padding:7px 12px!important}
.header .desktop-nav a.used-catalog-link{border:1px solid #e1e5db!important;border-radius:10px!important;padding:6px 11px!important;min-height:36px;background:transparent;animation:used-catalog-nudge-fast 4s ease-in-out infinite!important}
.header .desktop-nav a.used-catalog-link:hover{border-color:#b6c69b!important;background:#f7f9f3;animation-play-state:paused!important}
html[data-theme="dark"] .header .desktop-nav a.used-catalog-link{border-color:#373e30!important}
html[data-theme="dark"] .header .desktop-nav a.used-catalog-link:hover{border-color:#63744c!important;background:#20261b}
}
.mobile-menu a.used-catalog-link{animation:used-catalog-nudge-fast 4s ease-in-out infinite!important}
@keyframes used-catalog-nudge-fast{0%,10%,24%,100%{transform:translateY(0)}13%,20%{transform:translateY(-2px)}16.5%{transform:translateY(1px)}}
@media(prefers-reduced-motion:reduce){.used-catalog-link{animation:none!important}}

/* Dark theme category cards (2026-10-16) */
html[data-theme="dark"] .category-grid .category-card{background:radial-gradient(120% 85% at 50% 22%,#2b2d31 0%,#1c1d20 55%,#151618 100%)!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 30px rgba(0,0,0,.35)!important;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}
html[data-theme="dark"] .category-grid .category-card img{mix-blend-mode:normal!important;filter:drop-shadow(0 14px 22px rgba(0,0,0,.55));transition:transform .35s ease}
html[data-theme="dark"] .category-grid .category-card h3{color:#e9eae6!important;font-weight:500}
html[data-theme="dark"] .category-grid .category-card:hover{border-color:rgba(201,251,53,.35)!important;background:radial-gradient(120% 85% at 50% 22%,#33363b 0%,#1f2023 55%,#161719 100%)!important;transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 16px 36px rgba(0,0,0,.45)!important}
html[data-theme="dark"] .category-grid .category-card:hover img{transform:scale(1.04)}
html[data-theme="dark"] .category-grid .category-card .all-devices-art img{filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]):not([data-theme]) .category-grid .category-card{background:radial-gradient(120% 85% at 50% 22%,#2b2d31 0%,#1c1d20 55%,#151618 100%)!important;border:1px solid rgba(255,255,255,.07)!important}html:not([data-theme="light"]):not([data-theme]) .category-grid .category-card h3{color:#e9eae6!important}}
html[data-theme="dark"] .category-grid .category-card.all-categories{background:url("/local/iphomania-design-20261009/all-devices-dark.png?v=1") 50% 42%/94% auto no-repeat,radial-gradient(120% 85% at 50% 22%,#2b2d31 0%,#1c1d20 55%,#151618 100%)!important}
html[data-theme="dark"] .category-grid .category-card.all-categories:hover{background:url("/local/iphomania-design-20261009/all-devices-dark.png?v=1") 50% 42%/94% auto no-repeat,radial-gradient(120% 85% at 50% 22%,#33363b 0%,#1f2023 55%,#161719 100%)!important}
html[data-theme="dark"] .category-grid .category-card.all-categories{background-blend-mode:normal!important}

/* === Mobile heading scale (2026-10-18) === */
@media(max-width:700px){
html body main .catalog-intro h1,html body main .ab-card h1,html body main .ct-head h1,html body main .cart-heading h1,html body main h1.info-title,html body main .skx-hero h1,html body main .geo-hero h1,html body main .detail-copy h1{font-size:34px!important;line-height:1.08!important;letter-spacing:-.02em}
html body main .section-heading h2,html body main .iph-services-head h2,html body main .iph-repair-intro h2,html body main .faq-section h2,html body main .catalog-guide h2,html body main .skx-sec h2,html body main .info-end h2,html body main .iph-details-head h2,html body main .geo-stores h2,html body main .geo-faq h2,html body main .geo-finish h2,html body main .section>h2,html body main .section>div:first-child>h2{font-size:30px!important;line-height:1.1!important;letter-spacing:-.02em}
html body main .production-seo-text h2{font-size:24px!important;line-height:1.18!important}
}
/* services heading on desktop: match other section headings */
@media(min-width:701px){html body main .iph-services-head h2,html body main .iph-repair-intro h2{font-size:clamp(30px,3.3vw,48px)!important;line-height:1.08!important}}

/* heading scale, round 2 */
@media(max-width:700px){
html body .iph-services-head .svc-nowrap,html body .iph-repair-intro .svc-nowrap{display:inline!important}
html body main .iph-services-head h2,html body main .iph-repair-intro h2{white-space:nowrap!important;font-size:min(30px,calc((100vw - 32px) / 13.4))!important}
html body main .info-title h1{font-size:34px!important;line-height:1.08!important;letter-spacing:-.02em}
html body article.geo-page .geo-advice-row h2,html body div.geo-page>.geo-advice>h2,html body .iph-repair-preview .info-end h2,html body main .cart-empty h2{font-size:30px!important;line-height:1.1!important;letter-spacing:-.02em}
}

/* stores section: no phone link, one-line heading on desktop (2026-10-18) */
html body main #contacts .section-heading>a.text-button[href^="tel:"]{display:none!important}
@media(min-width:701px){
html body main #contacts .section-heading>div{flex:1 1 100%!important;max-width:none!important;min-width:0;container-type:inline-size}
@supports (font-size:1cqi){html body main #contacts .section-heading h2{white-space:nowrap!important;max-width:none!important;font-size:min(clamp(30px,3.3vw,48px),calc(100cqi / 25.8))!important}}
}

/* services intro text: allow wrapping where one line does not fit (2026-10-18) */
html body main .iph-services-intro p,html body main .iph-repair-intro p{white-space:normal!important}

/* 2026-10-19: mega-menu titles are no longer h2 */
.mega-heading .mega-title{display:block;font-size:30px;letter-spacing:-.04em;margin:0;font-weight:600;line-height:1.2;color:inherit}.mega-heading .mega-title span{color:#85858a;font-weight:400;margin-left:5px}html[data-theme="dark"] .mega-heading .mega-title span{color:#b0b2b8}@media(max-width:700px){.mega-heading .mega-title{font-size:25px}}

/* 2026-10-19: SEO-text spacing */
.production-seo-text div p{margin:0 0 14px;line-height:1.6}.production-seo-text div h3{margin:26px 0 10px}.production-seo-text div h2{margin:0 0 16px}.production-seo-text div a{color:inherit;text-decoration:underline;text-decoration-color:rgba(127,127,127,.45);text-underline-offset:3px}.production-seo-text div a:hover{text-decoration-color:currentColor}

/* 2026-10-19: header nav no longer runs under the phone button */
@media (min-width:1101px){html body .header .header-inner{gap:clamp(14px,1.1vw,20px)!important}.header .header-inner .header-tools{gap:clamp(6px,0.5vw,10px)!important}.header .header-inner .desktop-nav{gap:2px!important}.header .header-inner .desktop-nav>a{padding:6px clamp(4px,0.4vw,7px)!important;font-size:clamp(13px,0.9vw,14px)!important}}
@media (min-width:1101px) and (max-width:1309px){.header .header-inner .header-tools .header-phone strong{display:none!important}.header .header-inner .header-tools .header-phone{padding:6px 10px!important}}

/* 2026-10-19: second row of category tabs (models inside a group) */
.mac-category-tabs.mac-category-subtabs{margin-top:-6px}
.mac-category-tabs.mac-category-subtabs a{font-size:14px}