/* Notebook directory: separate grid tracks for glyph, label and navigation arrow. */
.laptop-premium .lp-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.laptop-premium .lp-directory-card{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;gap:16px;align-items:center;padding:20px;min-width:0;min-height:100px;border:1px solid var(--sp-line);border-radius:10px;background:linear-gradient(140deg,#0b202e,#07101b);text-decoration:none}
.laptop-premium .lp-directory-card>.sp-icon{--sp-icon-size:42px}
.laptop-premium .lp-directory-card>span:not(.sp-icon):not(.lp-directory-arrow){display:block;min-width:0;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.laptop-premium .lp-directory-arrow .sp-icon{--sp-icon-size:20px}
.laptop-premium .lp-directory-card:hover{border-color:#63e8fa;background:#0c2836}
.laptop-premium .lp-more-symptoms{margin-top:18px;border:1px solid var(--sp-line);border-radius:10px;padding:18px}
.laptop-premium .lp-more-symptoms>summary{cursor:pointer;min-height:44px;color:#78e8f5;line-height:1.5;font-size:15px}
.laptop-premium .lp-more-symptoms[open]>summary{margin-bottom:20px}
.laptop-premium .lp-device-note .sp-icon{--sp-icon-size:44px;margin-bottom:20px!important}
.laptop-premium .lp-device-note p{font-size:15px;line-height:1.7;color:#b6cdd8}
.laptop-premium .sp-hero-media img{object-position:center}
.laptop-premium .sp-card-arrow{right:15px;bottom:15px}
.laptop-premium .sp-service h3{overflow-wrap:break-word}
.laptop-premium .sp-symptom h3{padding-right:8px}
.laptop-premium .sp-crumbs li{min-width:0;overflow-wrap:anywhere}
@media(max-width:1024px){.laptop-premium .lp-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.laptop-premium .lp-directory-grid{grid-template-columns:minmax(0,1fr)}.laptop-premium .lp-directory-card{padding:18px;gap:16px}.laptop-premium .lp-more-symptoms{padding:14px}.laptop-premium .sp-service-grid{grid-template-columns:minmax(0,1fr)}}
@media(hover:hover) and (pointer:fine){.laptop-premium .lp-directory-card:is(:hover,:focus-visible) .sp-glyph-halo{animation:sp-current .65s ease-out 1}}
@media(prefers-reduced-motion:reduce){.laptop-premium .sp-glyph-halo{animation:none!important}}

.laptop-premium .lp-service-group,.laptop-premium .lp-brand-list{margin-top:18px;border:1px solid var(--sp-line);border-radius:10px;padding:18px}
.laptop-premium .lp-service-group>summary{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:center;cursor:pointer;min-height:56px;line-height:1.5;color:#d6f7ff;font-size:16px}
.laptop-premium .lp-service-group>summary .sp-icon{--sp-icon-size:40px}
.laptop-premium .lp-service-group>summary span{display:block;min-width:0}
.laptop-premium .lp-service-group>summary small{display:block;font-size:12px;color:#9cb7c5;margin-top:4px}
.laptop-premium .lp-service-group[open]>summary{margin-bottom:22px}
.laptop-premium .lp-brand-list>summary{min-height:44px;cursor:pointer;color:#78e8f5;font-size:16px}
.laptop-premium .lp-brand-list[open]>summary{margin-bottom:20px}
/* Long directory jumps finish promptly; anchor offset stays above the fixed header. */
html:has(.laptop-premium){scroll-behavior:auto}
.laptop-premium [id]{scroll-margin-top:110px}
@media(max-width:600px){.laptop-premium .lp-service-group,.laptop-premium .lp-brand-list{padding:14px}.laptop-premium [id]{scroll-margin-top:96px}}

.laptop-premium .lp-service-group>summary{grid-template-columns:44px minmax(0,1fr) 20px}
.laptop-premium .lp-service-group>summary::after{content:'+';font-size:24px;line-height:1;color:#76f1ff;justify-self:center}
.laptop-premium .lp-service-group[open]>summary::after{content:'−'}
/* Photographic laptop hero; contact and price button colors are inherited. */
.laptop-premium .lp-photo-hero{position:relative;isolation:isolate}
.laptop-premium .lp-workshop-photo{border:0;border-radius:0;background:transparent;box-shadow:none}
.laptop-premium .lp-workshop-photo figcaption{font-size:12px;line-height:1.5;color:var(--text-dim);padding:8px 12px}
@media(min-width:1024px){
 .laptop-premium .lp-photo-hero{max-width:none;width:100%;margin:0;min-height:calc(100svh - 110px);display:flex;align-items:center;padding:56px clamp(32px,4vw,112px);overflow:hidden}
 .laptop-premium .lp-photo-hero .sp-hero-copy{position:relative;z-index:3;max-width:760px;width:55%;padding-right:24px}
 .laptop-premium .lp-photo-hero h1{font-size:clamp(44px,4.1vw,76px);line-height:1.08;overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance}
 .laptop-premium .lp-photo-hero .sp-intro{font-size:clamp(18px,1.4vw,23px);max-width:56ch}
 .laptop-premium .lp-photo-hero .lp-workshop-photo{position:absolute;inset:0;z-index:0;width:100%;height:100%;min-height:0;margin:0;max-width:none;display:block}
 .laptop-premium .lp-photo-hero .lp-workshop-photo img{width:100%;height:100%;object-fit:cover;object-position:75% center;opacity:1}
 .laptop-premium .lp-photo-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,rgba(14,17,22,.98) 20%,rgba(14,17,22,.86) 38%,rgba(14,17,22,.3) 62%,rgba(14,17,22,0) 82%),linear-gradient(0deg,var(--bg),transparent 18%,transparent 88%,rgba(14,17,22,.4))}
 .laptop-premium .lp-workshop-photo figcaption{position:absolute;right:24px;bottom:10px;z-index:2;background:rgba(14,17,22,.75)}
}
@media(max-width:1023px){
 .laptop-premium .lp-photo-hero{display:flex;flex-direction:column;align-items:stretch;gap:24px}
 .laptop-premium .lp-photo-hero .sp-hero-copy{width:100%;max-width:none}
 .laptop-premium .lp-workshop-photo{width:100%;max-width:none;margin:0;min-height:0}
 .laptop-premium .lp-workshop-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:right center;mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 88%,transparent)}
 .laptop-premium .lp-photo-hero h1{overflow-wrap:normal;word-break:normal;hyphens:none}
}
.laptop-premium .lp-photo-hero .sp-trust{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0;list-style:none;padding:0}
.laptop-premium .lp-photo-hero .sp-trust li{display:flex;align-items:center;gap:8px;padding:8px 10px;min-height:40px;background:rgba(14,17,22,.7);border:1px solid var(--border);border-radius:20px}
.laptop-premium .lp-photo-hero .sp-trust .sp-icon{--sp-icon-size:22px;flex:none;width:22px;height:22px;margin:0}
.laptop-premium .lp-photo-hero .sp-trust-copy{font-size:14px;line-height:1.4;margin:0;color:var(--text)}
@media(min-width:1024px){.laptop-premium .lp-photo-hero{min-height:calc(100svh - 190px);padding-block:32px}.laptop-premium .lp-photo-hero .sp-hero-price{margin-block:16px}.laptop-premium .lp-photo-hero .sp-actions{margin-top:18px}}
@media(min-width:1024px){.laptop-premium .lp-photo-hero{padding-block:24px}.laptop-premium .lp-photo-hero h1{font-size:clamp(42px,3.6vw,68px)}.laptop-premium .lp-photo-hero .sp-hero-price strong{font-size:clamp(30px,3vw,42px)}}
.laptop-premium .lp-workshop-photo figcaption{font-size:14px}
@media(min-width:1024px){.laptop-premium:has(.lp-photo-hero)>.sp-crumbs.container{width:100%;max-width:none;margin-inline:0;padding-inline:clamp(32px,4vw,112px)}.laptop-premium .lp-photo-hero--long-title h1{font-size:clamp(32px,2.8vw,54px);line-height:1.12}}
@media(max-width:767px){.laptop-premium .lp-photo-hero--long-title h1{font-size:clamp(26px,8vw,36px);line-height:1.14}}

@media(min-width:1024px){.laptop-premium .lp-photo-hero .sp-intro{font-size:clamp(18px,1.1vw,20px);line-height:1.6;margin-block:18px}.laptop-premium .lp-photo-hero h1{margin-block:20px}.laptop-premium .lp-photo-hero--long-title h1{font-size:clamp(32px,2.5vw,48px)}.laptop-premium .lp-photo-hero .sp-trust{margin-block:14px}.laptop-premium .lp-photo-hero .sp-hero-price p{font-size:14px;line-height:1.5}}

/* Keep complete navigation in HTML; defer off-screen laptop hub painting. */
@supports(content-visibility:auto){.laptop-premium.lp-hub>.sp-section{content-visibility:auto;contain-intrinsic-size:auto 1000px}}