/* SellMacBook V9.5: mobile homepage visual refresh only.
   Scoped to homepage; does not alter the quote wizard or data handling. */
@media (max-width: 800px) {
 body:has(.device-finder) { background:#fbfaff; }
 body:has(.device-finder) .announcement { background:linear-gradient(105deg,#211746,#100e30); color:#f8f5ff; min-height:32px; height:auto; padding:8px 10px; font-size:9px; letter-spacing:.015em; }
 body:has(.device-finder) .site-header {background:rgba(255,255,255,.97); border-bottom:1px solid #ece8f8; box-shadow:0 5px 22px rgba(64,40,128,.035)}
 body:has(.device-finder) .site-header .brand-mark {background:linear-gradient(150deg,#12142b,#41328c);box-shadow:0 5px 13px rgba(43,27,98,.2)}
 body:has(.device-finder) .site-header .location-trigger {background:#f5f0ff; border:1px solid #e5dbff;border-radius:25px;color:#4d37aa;font-weight:750}
 body:has(.device-finder) .site-header .menu-btn {background:#f8f7fc;border-radius:12px;color:#241d3d}
 body:has(.device-finder) .device-finder {position:relative; isolation:isolate; background:radial-gradient(ellipse 90% 28% at 94% 5%,#eee2ff 0%,transparent 85%),linear-gradient(175deg,#fff 0%,#faf7ff 60%,#fff 100%); padding:26px 0 28px; overflow:hidden}
 body:has(.device-finder) .device-finder::before {content:"";position:absolute;z-index:-1;top:0;right:-95px;width:275px;height:285px;background:#dac9ff55;border-radius:50%;filter:blur(22px)}
 body:has(.device-finder) .finder-intro {position:relative;display:block;min-height:200px;margin-bottom:14px}
 body:has(.device-finder) .finder-intro>div:first-child {position:relative;z-index:1;max-width:66%;padding-top:5px}
 body:has(.device-finder) .finder-intro .section-kicker {font-size:9px;letter-spacing:1.5px;font-weight:900}
 body:has(.device-finder) .finder-intro h2 {font:850 clamp(27px,7.1vw,38px)/1.1 Manrope,system-ui,sans-serif;letter-spacing:-1.4px;color:#15162b;margin:14px 0 12px}
 body:has(.device-finder) .finder-intro p {font-size:12px;line-height:1.55;color:#69738b;max-width:195px}
 body:has(.device-finder) .finder-artwork {display:block;position:absolute;right:-16px;top:8px;width:58%;height:190px;object-fit:contain;object-position:center;filter:drop-shadow(0 11px 18px rgba(63,36,122,.10));pointer-events:none}
 body:has(.device-finder) .device-search-wrap {min-height:55px;height:55px;border:1.5px solid #e5d9ff;border-radius:17px;background:#fff;box-shadow:0 9px 27px rgba(99,68,176,.11);padding:0 16px;gap:10px}
 body:has(.device-finder) .device-search-wrap svg {color:#6a3fe3;width:21px;height:21px}
 body:has(.device-finder) .device-search-wrap input {font-size:16px !important;color:#24223b}
 body:has(.device-finder) .finder-head {margin:29px 0 14px;gap:8px;align-items:center}
 body:has(.device-finder) .finder-head h2 {font:850 20px/1.2 Manrope,system-ui,sans-serif;letter-spacing:-.7px}
 body:has(.device-finder) .finder-head>span {font-size:11px;color:#6742cd;font-weight:800;text-align:right}
 body:has(.device-finder) .device-finder .category-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body:has(.device-finder) .device-finder .category-card {min-height:158px;border-radius:20px;padding:17px 10px 13px;background:linear-gradient(150deg,#fff,#faf8ff);border:1px solid #ebe4fa;box-shadow:0 7px 21px rgba(66,45,122,.075);overflow:hidden}
 body:has(.device-finder) .device-finder .category-card .category-art {height:100px}
 body:has(.device-finder) .device-finder .category-card .device-svg {width:113px;height:93px;max-width:90%;filter:drop-shadow(0 8px 8px rgba(40,24,80,.12))}
 body:has(.device-finder) .device-finder .category-card strong {font:850 13px/1.3 Manrope,system-ui,sans-serif;letter-spacing:-.2px;margin-top:2px}
 body:has(.device-finder) .device-finder .category-card .cat-arrow {width:26px;height:26px;right:9px;top:9px;display:grid;place-items:center;border-radius:50%;background:#f0eaff;color:#623bcb;font-size:15px}
 body:has(.device-finder) .seo-discover {margin-top:19px!important;gap:8px!important;align-items:center;font-size:11px!important}
 body:has(.device-finder) .seo-discover span:first-child {width:100%;font-weight:750;color:#6b7186}
 body:has(.device-finder) .seo-discover a {border:1px solid #e6dcff;background:#f5f0ff;padding:6px 9px;border-radius:20px;text-decoration:none!important;font-size:11px;color:#5b36b3;font-weight:750;line-height:1.2}
 body:has(.device-finder) .hero {background:linear-gradient(125deg,#f3edff,#e9ddff 65%,#dbceff);margin:8px 14px 24px;border-radius:23px;min-height:0;box-shadow:0 12px 28px #5140830d}
 body:has(.device-finder) .hero .container {width:calc(100% - 30px)}
 body:has(.device-finder) .hero .hero-layout {min-height:240px;grid-template-columns:minmax(0,1fr) minmax(0,.45fr);gap:0}
 body:has(.device-finder) .hero .hero-content {padding:24px 0 24px}
 body:has(.device-finder) .hero .eyebrow {background:#fff; font-size:8px;letter-spacing:.65px}
 body:has(.device-finder) .hero h1 {font:850 clamp(21px,5.9vw,31px)/1.15 Manrope,system-ui,sans-serif;letter-spacing:-.85px;margin:13px 0 10px}
 body:has(.device-finder) .hero .hero-copy {font-size:11px;line-height:1.5;margin-bottom:13px}
 body:has(.device-finder) .hero .hero-visual {min-height:210px;height:210px;opacity:.86;transform:translateX(10px)}
 body:has(.device-finder) .hero .hero-actions .btn {background:#261b5e;color:#fff;border-radius:12px;box-shadow:0 5px 14px #261b5e26;min-height:42px;font-size:11px;padding:10px 12px}
 body:has(.device-finder) .hero .hero-actions .btn-outline {display:none}
 body:has(.device-finder) .smb-bottom-nav {background:rgba(255,255,255,.97);border-top:1px solid #eee7fa;box-shadow:0 -7px 24px rgba(44,27,91,.10);padding:7px 9px calc(7px + env(safe-area-inset-bottom,0px));gap:6px}
 body:has(.device-finder) .smb-bottom-nav a {border-radius:15px;font-weight:800}
 body:has(.device-finder) .smb-bottom-nav a[aria-current="page"] {background:linear-gradient(135deg,#f8f2ff,#e9d8ff);color:#6239d9}
}
@media (min-width:560px) and (max-width:800px){body:has(.device-finder) .device-finder .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body:has(.device-finder) .finder-intro>div:first-child{max-width:58%}body:has(.device-finder) .finder-artwork{width:47%}}
@media (max-width:350px){body:has(.device-finder) .finder-intro{min-height:177px}body:has(.device-finder) .finder-intro h2{font-size:26px}body:has(.device-finder) .finder-artwork{height:162px}body:has(.device-finder) .device-finder .category-card{min-height:142px}body:has(.device-finder) .device-finder .category-card .category-art{height:87px}}