
/* ===== SOURCE: v671-preview.css ===== */
/*
 * 221B Theme v6.7.1 — Design Preview
 * Theme-only visual layer. Core / Growth Hub contracts are intentionally untouched.
 * Direction: Graphite + Blue + restrained Gold.
 */

body.b221-design-preview-v671{
  --v671-graphite:#171c24;
  --v671-graphite-2:#222936;
  --v671-ink:#111827;
  --v671-blue:#1268f3;
  --v671-blue-dark:#0755cc;
  --v671-gold:#c5a354;
  --v671-gold-soft:#f8f1df;
  --v671-bg:#f6f8fb;
  --v671-card:#fff;
  --v671-line:#e2e8f0;
  --v671-muted:#657187;
  --v671-shadow:0 12px 34px rgba(18,39,72,.07);
  --v671-shadow-strong:0 20px 52px rgba(16,35,65,.13);
  background:#fff;
  color:var(--v671-ink);
}

body.b221-design-preview-v671 .b221-container{width:min(calc(100% - 40px),1420px)}
body.b221-design-preview-v671 .b221-btn{border-radius:8px;font-weight:850;letter-spacing:-.015em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
body.b221-design-preview-v671 .b221-btn:hover{transform:translateY(-1px)}
body.b221-design-preview-v671 .b221-btn-primary{background:linear-gradient(135deg,var(--v671-blue),#0a5be0);box-shadow:0 9px 22px rgba(18,104,243,.2)}
body.b221-design-preview-v671 .b221-btn-primary:hover{background:linear-gradient(135deg,#0d5fdf,#064cbc);box-shadow:0 12px 26px rgba(18,104,243,.26)}

/* Header / footer */
body.b221-design-preview-v671 .b221-v63-header{background:rgba(23,28,36,.975)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;box-shadow:0 8px 25px rgba(0,0,0,.1)!important;backdrop-filter:blur(18px)}
body.b221-design-preview-v671 .b221-v63-header-inner{min-height:68px}
body.b221-design-preview-v671 .b221-v63-brand .b221-brand-mark{color:#fff!important}
body.b221-design-preview-v671 .b221-v63-brand small{color:#96a0af!important}
body.b221-design-preview-v671 .b221-brand-dot{background:var(--v671-gold)!important}
body.b221-design-preview-v671 .b221-v63-head-search{background:#262e3a!important;border-color:#313b49!important}
body.b221-design-preview-v671 .b221-v63-head-search input{color:#fff!important}
body.b221-design-preview-v671 .b221-v63-head-search input::placeholder{color:#8f9bac}
body.b221-design-preview-v671 .b221-v63-head-search span{color:#9eabba!important}
body.b221-design-preview-v671 .b221-v63-nav .b221-menu a{color:#eef2f7!important}
body.b221-design-preview-v671 .b221-v63-nav .b221-menu a:hover,body.b221-design-preview-v671 .b221-v63-nav .current-menu-item>a{color:#fff!important}
body.b221-design-preview-v671 .b221-v63-nav .current-menu-item>a::after{background:var(--v671-gold)!important}
body.b221-design-preview-v671 .b221-v63-contact,body.b221-design-preview-v671 .b221-v63-cart{background:#262e3a!important;color:#e9eef6!important;border:1px solid #343e4c!important}
body.b221-design-preview-v671 .b221-v63-cart b{background:var(--v671-blue)!important;border-color:var(--v671-graphite)!important}
body.b221-design-preview-v671 .b221-menu-toggle{background:#262e3a!important;color:#fff!important;border-color:#343e4c!important}
body.b221-design-preview-v671 .b221-v63-footer{background:var(--v671-graphite)!important;color:#d9e0e9!important;border-top:1px solid rgba(197,163,84,.22)!important}
body.b221-design-preview-v671 .b221-v63-footer strong,body.b221-design-preview-v671 .b221-v63-footer .b221-brand-mark{color:#fff!important}
body.b221-design-preview-v671 .b221-v63-footer a,body.b221-design-preview-v671 .b221-v63-footer button,body.b221-design-preview-v671 .b221-v63-footer span,body.b221-design-preview-v671 .b221-v63-footer small{color:#9ea9b8!important}
body.b221-design-preview-v671 .b221-v63-footer a:hover,body.b221-design-preview-v671 .b221-v63-footer button:hover{color:#fff!important}
body.b221-design-preview-v671 .b221-v63-footer-bottom{border-top-color:rgba(255,255,255,.08)!important}

/* Shared preview typography */
.b221-v671-kicker{display:inline-flex;align-items:center;gap:8px;color:#d9bd77;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.b221-v671-kicker::before{content:"";width:20px;height:2px;border-radius:2px;background:currentColor}
.b221-v671-kicker.blue{color:var(--v671-blue)}
.b221-v671-kicker.gold{color:var(--v671-gold)}
.b221-v671-section{padding:34px 0}
.b221-v671-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:17px}
.b221-v671-section-head.compact{margin-bottom:14px}
.b221-v671-section-head h2{margin:5px 0 0;font-size:clamp(26px,2.5vw,38px);line-height:1.05;letter-spacing:-.045em;color:var(--v671-ink)}
.b221-v671-section-head p{max-width:720px;margin:7px 0 0;color:var(--v671-muted);font-size:14px;line-height:1.45}
.b221-v671-section-head>a{color:var(--v671-blue);font-weight:850;font-size:13px;white-space:nowrap}

/* Home hero */
.b221-v671-hero{padding:14px 0 12px;background:#fff}
.b221-v671-hero-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,.82fr) minmax(500px,1.18fr);min-height:360px;border-radius:16px;background:var(--v671-graphite);box-shadow:var(--v671-shadow-strong)}
.b221-v671-hero-copy{position:relative;z-index:2;padding:34px 16px 30px 36px;align-self:center}
.b221-v671-hero-copy h1{max-width:690px;margin:8px 0 10px;color:#fff;font-size:clamp(38px,4.4vw,64px);line-height:.98;letter-spacing:-.055em}
.b221-v671-hero-copy>p{max-width:620px;margin:0 0 19px;color:#bdc7d3;font-size:15px;line-height:1.48}
.b221-v671-hero-actions{display:flex;gap:9px;flex-wrap:wrap}
.b221-v671-hero-actions .b221-btn{min-height:50px;padding:0 19px;display:inline-flex;align-items:center;gap:10px}
.b221-v671-hero-actions .b221-btn b{margin-left:8px;font-size:17px}
.b221-v671-btn-light{background:#fff;color:#1b2534;border:1px solid #fff;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.b221-v671-btn-light:hover{color:var(--v671-blue)}
.b221-v671-hero-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px}
.b221-v671-hero-proof>span{display:grid;grid-template-columns:24px auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;min-width:140px}
.b221-v671-hero-proof i{grid-row:1/3;width:24px;height:24px;display:grid;place-items:center;color:var(--v671-gold);font-style:normal;font-size:20px}
.b221-v671-hero-proof b{color:#fff;font-size:11.5px}
.b221-v671-hero-proof small{color:#8f9bab;font-size:9.5px;line-height:1.25}
.b221-v671-hero-media{position:relative;min-height:360px;overflow:hidden}
.b221-v671-hero-media::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--v671-graphite) 0%,rgba(23,28,36,.35) 18%,rgba(23,28,36,0) 48%)}
.b221-v671-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.86) contrast(1.06) brightness(.82)}
.b221-v671-hero-caption{position:absolute;right:28px;bottom:25px;z-index:2;display:flex;align-items:center;gap:12px;color:#fff;font-size:15px}
.b221-v671-hero-caption span{width:3px;height:42px;background:var(--v671-gold);border-radius:3px}

/* Device strip */
.b221-v671-device-strip{padding:0 0 10px;background:#fff}
.b221-v671-device-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.b221-v671-device-grid>a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;min-height:96px;padding:8px 7px 9px;border:1px solid var(--v671-line);border-radius:10px;background:#fff;box-shadow:0 5px 18px rgba(20,44,79,.035);transition:.18s ease}
.b221-v671-device-grid>a:hover{transform:translateY(-2px);border-color:#c4d6ee;box-shadow:var(--v671-shadow)}
.b221-v671-device-grid .media{height:54px;display:flex;align-items:center;justify-content:center}
.b221-v671-device-grid img{max-height:54px;max-width:86px;object-fit:contain;border-radius:7px}
.b221-v671-device-grid strong{font-size:11.5px;text-align:center;line-height:1.2;color:#202a39}
.b221-v671-device-grid>a.all{background:#fafbfd}

/* Problems */
.b221-v671-problems{background:#fff}
.b221-v671-problem-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.b221-v671-problem-grid>a{min-width:0;padding:0 0 10px;border:1px solid var(--v671-line);border-radius:10px;background:#fff;overflow:hidden;transition:.18s ease}
.b221-v671-problem-grid>a:hover{transform:translateY(-2px);border-color:#bfd5f1;box-shadow:var(--v671-shadow)}
.b221-v671-problem-grid .media{display:block;height:102px;background:#f0f3f7;overflow:hidden}
.b221-v671-problem-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.04)}
.b221-v671-problem-grid strong,.b221-v671-problem-grid small{display:block;padding-inline:10px}
.b221-v671-problem-grid strong{margin-top:8px;color:#1a2432;font-size:12.5px;line-height:1.2}
.b221-v671-problem-grid small{margin-top:3px;color:#7a8799;font-size:9.5px;line-height:1.25}

/* Promo split */
.b221-v671-split{padding-top:8px}
.b221-v671-split-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:12px}
.b221-v671-promo{position:relative;min-height:190px;border-radius:12px;overflow:hidden;color:#fff;box-shadow:var(--v671-shadow)}
.b221-v671-promo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.04)}
.b221-v671-promo .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,23,31,.93),rgba(18,23,31,.55) 56%,rgba(18,23,31,.12))}
.b221-v671-promo.parts .shade{background:linear-gradient(90deg,rgba(26,31,40,.95),rgba(26,31,40,.6) 58%,rgba(26,31,40,.18))}
.b221-v671-promo>div{position:absolute;z-index:2;inset:0 auto 0 0;width:min(72%,600px);display:flex;flex-direction:column;justify-content:center;padding:24px}
.b221-v671-promo>div>span{color:#d7bd7c;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.b221-v671-promo h2{margin:4px 0;color:#fff;font-size:27px;line-height:1.05;letter-spacing:-.035em}
.b221-v671-promo p{margin:0 0 12px;color:#d0d8e1;font-size:12.5px;line-height:1.4}
.b221-v671-promo b{display:inline-flex;align-items:center;min-height:36px;width:max-content;padding:0 12px;border-radius:7px;background:#fff;color:#162131;font-size:11px}
.b221-v671-promo.parts b{color:var(--v671-blue)}

/* Service cards */
.b221-v671-service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.b221-v671-service-grid article{min-width:0;border:1px solid var(--v671-line);border-radius:10px;overflow:hidden;background:#fff;transition:.18s ease}
.b221-v671-service-grid article:hover{transform:translateY(-2px);border-color:#c4d6ee;box-shadow:var(--v671-shadow)}
.b221-v671-service-grid .media{display:block;height:122px;background:#f2f4f7;overflow:hidden}
.b221-v671-service-grid .media img{width:100%;height:100%;object-fit:cover}
.b221-v671-service-grid .body{padding:10px}
.b221-v671-service-grid .tag{display:inline-flex;max-width:100%;padding:4px 7px;border-radius:999px;background:#eff5fd;color:#3d6396;font-size:8.5px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b221-v671-service-grid h3{margin:7px 0 8px;font-size:12.5px;line-height:1.2;letter-spacing:-.015em}
.b221-v671-service-grid h3 a{color:#182231}
.b221-v671-service-grid .facts{display:grid;gap:4px}
.b221-v671-service-grid .facts span{display:flex;align-items:baseline;justify-content:space-between;gap:8px;border-top:1px solid #eff2f6;padding-top:5px}
.b221-v671-service-grid .facts small{font-size:8.5px;color:#8792a2}
.b221-v671-service-grid .facts strong{font-size:10px;color:#303a48;text-align:right}
.b221-v671-service-grid .more{display:inline-block;margin-top:8px;color:var(--v671-blue);font-size:10.5px;font-weight:850}

/* Existing shop cards within premium direction */
.b221-v671-products{background:#fafbfc}
.b221-v671-products .b221-shop-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.b221-v671-products .b221-shop-card{border-color:var(--v671-line);border-radius:10px;box-shadow:none}
.b221-v671-products .b221-shop-card:hover{box-shadow:var(--v671-shadow);border-color:#c8d7e9}
.b221-v671-products .b221-shop-badge{background:var(--v671-gold-soft)!important;color:#7c5b13!important;border:1px solid rgba(197,163,84,.35)}
.b221-v671-products .b221-shop-card h3{font-size:11.5px;line-height:1.2}
.b221-v671-products .b221-shop-price{font-size:15px}
.b221-v671-products .b221-shop-card-actions{gap:5px}
.b221-v671-products .b221-shop-card-actions .b221-btn{min-height:32px;padding:0 8px;font-size:9px}

/* Trust / process */
.b221-v671-trust-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.b221-v671-trust-grid>div{display:grid;grid-template-columns:34px 1fr;align-items:center;column-gap:8px;padding:12px;border:1px solid var(--v671-line);border-radius:10px;background:#fff}
.b221-v671-trust-grid i{grid-row:1/3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef5ff;color:var(--v671-blue);font-size:17px;font-style:normal}
.b221-v671-trust-grid strong{font-size:11.5px}
.b221-v671-trust-grid small{font-size:9px;color:#8190a3;line-height:1.25}
.b221-v671-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.b221-v671-steps>div{position:relative;min-height:82px;padding:0 20px 0 0}
.b221-v671-steps>div:not(:last-child)::after{content:"";position:absolute;top:13px;right:5px;width:calc(100% - 40px);height:1px;background:#dbe4ef;transform:translateX(50%);z-index:0}
.b221-v671-steps>div>span{position:relative;z-index:1;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef5ff;color:var(--v671-blue);font-size:10px;font-weight:900}
.b221-v671-steps strong,.b221-v671-steps small{display:block}
.b221-v671-steps strong{margin-top:8px;font-size:11.5px}
.b221-v671-steps small{margin-top:2px;color:#8290a2;font-size:9.5px;line-height:1.25}

/* Final CTA */
.b221-v671-final,.b221-v671-service-final{padding:12px 0 0;background:#fff}
.b221-v671-final-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:19px 24px;border-radius:12px;background:linear-gradient(110deg,#141a22,#222b38);color:#fff;box-shadow:var(--v671-shadow-strong)}
.b221-v671-final-inner h2{margin:5px 0 2px;color:#fff;font-size:24px;letter-spacing:-.035em}
.b221-v671-final-inner p{margin:0;color:#9eabb9;font-size:11.5px}
.b221-v671-final-inner>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
.b221-v671-btn-dark{background:#212a36;color:#fff;border:1px solid #6e7a89}
.b221-v671-btn-dark:hover{border-color:#aab3bf}

/* Single service */
.b221-v671-service-single{background:#fff}
.b221-v671-service-hero{padding:0 0 16px;background:linear-gradient(180deg,#fff,#fbfcfe)}
.b221-v671-service-single .b221-breadcrumbs{padding-top:14px;margin-bottom:8px}
.b221-v671-service-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);gap:30px;align-items:center}
.b221-v671-service-copy{padding:12px 0 14px}
.b221-v671-service-copy h1{max-width:680px;margin:7px 0 9px;color:var(--v671-ink);font-size:clamp(38px,4vw,58px);line-height:.98;letter-spacing:-.055em}
.b221-v671-service-copy .lead{max-width:650px;margin:0;color:#536176;font-size:15px;line-height:1.48}
.b221-v671-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:17px 0 13px}
.b221-v671-offer-grid>div{min-width:0;display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--v671-line);border-radius:9px;background:#fff;box-shadow:0 4px 14px rgba(24,47,78,.035)}
.b221-v671-offer-grid i{width:31px;height:31px;flex:0 0 31px;border-radius:50%;display:grid;place-items:center;background:#eff5ff;color:var(--v671-blue);font-style:normal}
.b221-v671-offer-grid small,.b221-v671-offer-grid strong{display:block;min-width:0}
.b221-v671-offer-grid small{font-size:8.5px;color:#8290a2}
.b221-v671-offer-grid strong{margin-top:1px;color:#263243;font-size:11px;line-height:1.18;overflow-wrap:anywhere}
.b221-v671-service-actions{display:flex;gap:8px;flex-wrap:wrap}
.b221-v671-service-actions .b221-btn{min-height:43px;padding:0 16px}
.b221-v671-btn-outline{background:#fff;color:var(--v671-blue);border:1px solid #95bffa}
.b221-v671-service-gallery{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:8px;min-width:0}
.b221-v671-service-gallery .main{position:relative;min-height:330px;border-radius:12px;overflow:hidden;background:#edf0f4}
.b221-v671-service-gallery .main>img{width:100%;height:100%;min-height:330px;object-fit:cover}
.b221-v671-service-gallery .main::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,14,20,.24));pointer-events:none}
.b221-v671-service-gallery .badge{position:absolute;z-index:2;left:14px;bottom:14px;display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:8px;background:rgba(23,28,36,.9);color:#fff;font-size:10px;font-weight:850;backdrop-filter:blur(8px)}
.b221-v671-service-gallery .badge i{color:var(--v671-gold);font-style:normal}
.b221-v671-service-gallery .thumbs{display:flex;flex-direction:column;gap:8px}
.b221-v671-service-gallery .thumbs span{height:calc((330px - 8px)/2);border-radius:9px;overflow:hidden;background:#eef1f5}
.b221-v671-service-gallery .thumbs img{width:100%;height:100%;object-fit:cover}

.b221-v671-service-symptoms{padding:12px 0 18px}
.b221-v671-symptom-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.b221-v671-symptom-grid>a{min-width:0;border:1px solid var(--v671-line);border-radius:9px;background:#fff;overflow:hidden;transition:.18s ease}
.b221-v671-symptom-grid>a:hover{transform:translateY(-2px);box-shadow:var(--v671-shadow);border-color:#c4d7ee}
.b221-v671-symptom-grid .media{display:block;height:88px;overflow:hidden;background:#f1f3f6}
.b221-v671-symptom-grid img{width:100%;height:100%;object-fit:cover}
.b221-v671-symptom-grid strong,.b221-v671-symptom-grid small{display:block;padding-inline:9px}
.b221-v671-symptom-grid strong{margin-top:7px;font-size:11.5px;line-height:1.18}
.b221-v671-symptom-grid small{min-height:26px;margin:3px 0 8px;color:#8490a0;font-size:8.5px;line-height:1.25}

.b221-v671-service-main{padding:10px 0 30px;background:#f8fafc}
.b221-v671-service-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}
.b221-v671-service-content{display:grid;gap:10px;min-width:0}
.b221-v671-content-card,.b221-v671-process-card{padding:18px;border:1px solid var(--v671-line);border-radius:11px;background:#fff;box-shadow:0 5px 18px rgba(20,43,75,.035)}
.b221-v671-content-card h2{margin:5px 0 10px;font-size:25px;line-height:1.05;letter-spacing:-.04em}
.b221-v671-content-card p,.b221-v671-editorial{color:#58667a;font-size:13px;line-height:1.58}
.b221-v671-content-card.accent{border-left:3px solid var(--v671-gold)}
.b221-v671-content-card.graphite{background:var(--v671-graphite);border-color:var(--v671-graphite);color:#fff}
.b221-v671-content-card.graphite h2{color:#fff}
.b221-v671-content-card.graphite p{color:#c7d0da}
.b221-v671-content-card.editorial h2,.b221-v671-editorial h2{font-size:24px}
.b221-v671-content-card.editorial h3,.b221-v671-editorial h3{font-size:18px}
.b221-v671-content-card.editorial ul,.b221-v671-editorial ul,.b221-v671-content-card.editorial ol,.b221-v671-editorial ol{padding-left:20px}
.b221-v671-option-list{display:grid;gap:6px}
.b221-v671-option-list>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:9px 10px;border:1px solid #e9edf3;border-radius:8px}
.b221-v671-option-list>div>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--v671-gold-soft);color:#7a5b19;font-size:9px;font-weight:900}
.b221-v671-option-list p{margin:0!important;color:#334054!important}
.b221-v671-option-list button{border:0;background:#eef5ff;color:var(--v671-blue);border-radius:6px;padding:7px 9px;font-size:9.5px;font-weight:850;cursor:pointer}
.b221-v671-steps.service>div{padding-right:14px}

.b221-v671-service-aside{position:sticky;top:84px;display:grid;gap:10px}
.b221-v671-trust-panel{overflow:hidden;border:1px solid #303a47;border-radius:11px;background:linear-gradient(145deg,#1c222b,#252e3a);box-shadow:var(--v671-shadow)}
.b221-v671-trust-panel>div{display:grid;grid-template-columns:35px 1fr;gap:9px;align-items:center;padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.08)}
.b221-v671-trust-panel>div:last-child{border-bottom:0}
.b221-v671-trust-panel i{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(91,166,255,.3);color:#69b0ff;font-style:normal}
.b221-v671-trust-panel strong,.b221-v671-trust-panel small{display:block}
.b221-v671-trust-panel strong{color:#fff;font-size:10.5px}
.b221-v671-trust-panel small{margin-top:2px;color:#9ba8b7;font-size:8.5px;line-height:1.25}
.b221-v671-consult-card{padding:16px;border:1px solid var(--v671-line);border-radius:11px;background:#fff}
.b221-v671-consult-card h3{margin:5px 0 5px;font-size:20px;letter-spacing:-.03em}
.b221-v671-consult-card p{margin:0 0 11px;color:#657287;font-size:11.5px;line-height:1.45}
.b221-v671-consult-card .b221-btn{width:100%;min-height:40px}
.b221-v671-consult-card>small{display:block;margin-top:8px;color:#909bab;font-size:8.5px;line-height:1.35}

/* FAQ alignment with preview */
.b221-v671-content-card.faq .b221-faq{display:grid;gap:5px}
.b221-v671-content-card.faq details{border:1px solid #e6ebf1!important;border-radius:7px!important;background:#fff!important;overflow:hidden}
.b221-v671-content-card.faq summary{padding:9px 11px!important;font-size:11px!important;font-weight:800!important}
.b221-v671-content-card.faq details>div,.b221-v671-content-card.faq details>p{padding:0 11px 10px!important;font-size:10.5px!important;color:#637085!important}

/* Service archive/taxonomy: retain data/markup, shift the visual language only. */
body.b221-design-preview-v671 .b221-svc-v660{--svc-blue:var(--v671-blue);--svc-blue-dark:var(--v671-blue-dark);--svc-navy:var(--v671-graphite);--svc-text:var(--v671-ink);--svc-muted:var(--v671-muted);--svc-line:var(--v671-line);--svc-soft:#f8fafc;--svc-pale:#eef5ff}
body.b221-design-preview-v671 .b221-svc652-hero,body.b221-design-preview-v671 .b221-v653-term-hero{background:linear-gradient(120deg,#171c24,#232c38)!important;border-bottom:0!important}
body.b221-design-preview-v671 .b221-svc652-hero h1,body.b221-design-preview-v671 .b221-v653-term-hero h1{color:#fff!important}
body.b221-design-preview-v671 .b221-svc652-hero p,body.b221-design-preview-v671 .b221-v653-term-hero p{color:#b4c0ce!important}
body.b221-design-preview-v671 .b221-svc652-kicker,body.b221-design-preview-v671 .b221-v653-kicker{color:#d7ba72!important;background:rgba(197,163,84,.1)!important;border-color:rgba(197,163,84,.25)!important}
body.b221-design-preview-v671 .b221-svc652-proof span,body.b221-design-preview-v671 .b221-v653-term-proof span{color:#d4dce5!important}
body.b221-design-preview-v671 .b221-svc652-category-card.is-featured{border-color:rgba(197,163,84,.38)!important}
body.b221-design-preview-v671 .b221-svc652-service-card,body.b221-design-preview-v671 .b221-v653-service-card{border-radius:11px!important;box-shadow:none!important}
body.b221-design-preview-v671 .b221-svc652-service-card:hover,body.b221-design-preview-v671 .b221-v653-service-card:hover{box-shadow:var(--v671-shadow)!important}
body.b221-design-preview-v671 .b221-svc652-final,body.b221-design-preview-v671 .b221-v653-bottom{background:linear-gradient(110deg,#151b23,#242d39)!important}

@media (max-width:1180px){
  .b221-v671-device-grid{grid-template-columns:repeat(4,1fr)}
  .b221-v671-problem-grid,.b221-v671-service-grid,.b221-v671-symptom-grid{grid-template-columns:repeat(3,1fr)}
  .b221-v671-products .b221-shop-grid{grid-template-columns:repeat(3,1fr)}
  .b221-v671-trust-grid{grid-template-columns:repeat(3,1fr)}
  .b221-v671-service-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr)}
}

@media (max-width:900px){
  body.b221-design-preview-v671 .b221-v63-nav{background:#202731!important;border-color:#34404e!important}
  body.b221-design-preview-v671 .b221-v63-nav .b221-menu a{color:#eef2f7!important}
  .b221-v671-hero-panel{grid-template-columns:1fr}
  .b221-v671-hero-copy{padding:26px 22px 20px}
  .b221-v671-hero-media{min-height:280px}
  .b221-v671-hero-media::before{background:linear-gradient(180deg,var(--v671-graphite),rgba(23,28,36,.15) 38%,rgba(23,28,36,0) 65%)}
  .b221-v671-split-grid{grid-template-columns:1fr}
  .b221-v671-service-layout{grid-template-columns:1fr}
  .b221-v671-service-aside{position:static;grid-template-columns:1fr 1fr}
  .b221-v671-service-hero-grid{grid-template-columns:1fr}
  .b221-v671-service-gallery{order:-1;grid-template-columns:1fr}
  .b221-v671-service-gallery .main{min-height:300px}
  .b221-v671-service-gallery .main>img{min-height:300px}
  .b221-v671-service-gallery .thumbs{display:none}
  .b221-v671-steps{grid-template-columns:repeat(3,1fr);gap:14px}
  .b221-v671-steps>div:not(:last-child)::after{display:none}
  .b221-v671-final-inner{align-items:flex-start;flex-direction:column}
}

@media (max-width:640px){
  body.b221-design-preview-v671 .b221-container{width:min(calc(100% - 22px),1420px)}
  .b221-v671-section{padding:25px 0}
  .b221-v671-section-head{align-items:flex-start;margin-bottom:13px}
  .b221-v671-section-head h2{font-size:27px}
  .b221-v671-section-head p{font-size:12px}
  .b221-v671-section-head>a{font-size:10.5px}
  .b221-v671-hero{padding-top:8px}
  .b221-v671-hero-panel{border-radius:12px}
  .b221-v671-hero-copy{padding:22px 16px 18px}
  .b221-v671-hero-copy h1{font-size:36px}
  .b221-v671-hero-copy>p{font-size:13.5px}
  .b221-v671-hero-actions{display:grid;grid-template-columns:1fr}
  .b221-v671-hero-actions .b221-btn{width:100%;justify-content:center}
  .b221-v671-hero-proof{gap:12px}
  .b221-v671-hero-proof>span{min-width:0;flex:1 1 45%}
  .b221-v671-hero-media{min-height:230px}
  .b221-v671-hero-caption{right:16px;bottom:14px;font-size:12px}
  .b221-v671-device-grid{grid-template-columns:repeat(4,1fr);gap:6px;overflow:hidden}
  .b221-v671-device-grid>a{min-height:82px;padding:7px 4px}
  .b221-v671-device-grid .media{height:43px}
  .b221-v671-device-grid img{max-height:43px;max-width:64px}
  .b221-v671-device-grid strong{font-size:9px}
  .b221-v671-problem-grid,.b221-v671-service-grid,.b221-v671-symptom-grid{grid-template-columns:repeat(2,1fr);gap:7px}
  .b221-v671-problem-grid .media,.b221-v671-service-grid .media{height:105px}
  .b221-v671-symptom-grid .media{height:88px}
  .b221-v671-promo{min-height:170px}
  .b221-v671-promo>div{width:82%;padding:18px}
  .b221-v671-promo h2{font-size:23px}
  .b221-v671-products .b221-shop-grid{grid-template-columns:repeat(2,1fr)}
  .b221-v671-trust-grid{grid-template-columns:1fr 1fr}
  .b221-v671-steps{grid-template-columns:1fr 1fr;gap:16px 10px}
  .b221-v671-service-copy h1{font-size:38px}
  .b221-v671-offer-grid{grid-template-columns:1fr 1fr}
  .b221-v671-offer-grid>div:last-child{grid-column:1/-1}
  .b221-v671-service-actions{display:grid;grid-template-columns:1fr}
  .b221-v671-service-actions .b221-btn{width:100%;justify-content:center}
  .b221-v671-service-gallery .main,.b221-v671-service-gallery .main>img{min-height:245px}
  .b221-v671-service-aside{grid-template-columns:1fr}
  .b221-v671-content-card,.b221-v671-process-card{padding:14px}
  .b221-v671-content-card h2{font-size:22px}
  .b221-v671-option-list>div{grid-template-columns:26px 1fr}
  .b221-v671-option-list button{grid-column:2;justify-self:start}
  .b221-v671-final-inner{padding:17px}
  .b221-v671-final-inner h2{font-size:22px}
  .b221-v671-final-inner>div:last-child{display:grid;width:100%}
  .b221-v671-final-inner .b221-btn{width:100%;justify-content:center}
}

@media (prefers-reduced-motion:reduce){
  .b221-v671-home *, .b221-v671-service-single *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* ===== SOURCE: v672-visuals.css ===== */
/* 221B Theme v6.7.2 — visual assets integration only.
   No Core / Growth Hub contracts are changed. */

/* Homepage device categories: let photography carry more of the card. */
body.b221-visual-assets-v672 .b221-v671-device-grid>a{
  overflow:hidden;
  align-items:stretch;
  justify-content:flex-start;
  min-height:126px;
  padding:0 0 10px;
  background:#fff;
}
body.b221-visual-assets-v672 .b221-v671-device-grid .media{
  width:100%;
  height:84px;
  overflow:hidden;
  background:#101722;
}
body.b221-visual-assets-v672 .b221-v671-device-grid img{
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  object-position:center;
  border-radius:0;
  filter:saturate(.9) contrast(1.04) brightness(.95);
  transition:transform .22s ease,filter .22s ease;
}
body.b221-visual-assets-v672 .b221-v671-device-grid>a:hover img{
  transform:scale(1.035);
  filter:saturate(.98) contrast(1.05) brightness(1);
}
body.b221-visual-assets-v672 .b221-v671-device-grid strong{
  padding:2px 8px 0;
}

/* Service archive device cards: enlarge the visual area while preserving the existing structure. */
body.b221-visual-assets-v672 .b221-svc-v660 .b221-svc652-category-card{
  grid-template-columns:minmax(0,1fr) 92px;
  min-height:136px;
}
body.b221-visual-assets-v672 .b221-svc-v660 .b221-svc652-category-media{
  background:#101722;
}
body.b221-visual-assets-v672 .b221-svc-v660 .b221-svc652-category-media img{
  filter:saturate(.9) contrast(1.05) brightness(.93);
}
body.b221-visual-assets-v672 .b221-svc-v660 .b221-svc652-category-card:hover .b221-svc652-category-media img{
  filter:saturate(.98) contrast(1.06) brightness(1);
}

/* Hero photography is already dark; preserve detail instead of darkening twice. */
body.b221-visual-assets-v672 .b221-v671-hero-media img{
  filter:saturate(.9) contrast(1.04) brightness(.93);
}
body.b221-visual-assets-v672 .b221-v671-promo.repair img{
  filter:saturate(.88) contrast(1.05) brightness(.9);
}

@media (max-width:900px){
  body.b221-visual-assets-v672 .b221-v671-device-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.b221-visual-assets-v672 .b221-v671-device-grid .media{height:78px}
}
@media (max-width:640px){
  body.b221-visual-assets-v672 .b221-v671-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.b221-visual-assets-v672 .b221-v671-device-grid>a{min-height:138px}
  body.b221-visual-assets-v672 .b221-v671-device-grid .media{height:96px}
  body.b221-visual-assets-v672 .b221-v671-device-grid strong{font-size:10px}
}


/* ===== SOURCE: v673-polish.css ===== */
/* 221B Theme v6.7.3 — Mockup Alignment / Brighter Gold
   Theme-only polish. No Core / Growth Hub contracts are changed. */

body.b221-polish-v673{
  --v671-gold:#f2bd3f;
  --v671-gold-soft:#fff3c7;
  --v673-gold-hot:#ffd45c;
  --v673-gold-deep:#b97a08;
  --v673-gold-line:rgba(242,189,63,.58);
}

/* The live homepage revealed an older cascade could visually suppress the new H1.
   Lock the approved preview treatment without touching legacy CSS. */
body.b221-polish-v673 .b221-v671-hero-copy h1{
  color:#fff!important;
  opacity:1!important;
  text-shadow:0 3px 24px rgba(0,0,0,.24);
}
body.b221-polish-v673 .b221-v671-hero-copy>p{color:#c8d2de!important}
body.b221-polish-v673 .b221-v671-hero-copy{
  isolation:isolate;
}
body.b221-polish-v673 .b221-v671-hero-copy::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-10px -62px -10px -22px;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(17,22,30,.42),rgba(17,22,30,.12) 66%,transparent);
  filter:blur(10px);
}

/* Brighter premium gold: visible on graphite, still subordinate to blue CTA. */
body.b221-polish-v673 .b221-brand-dot{background:var(--v673-gold-hot)!important;box-shadow:0 0 0 4px rgba(255,212,92,.08)}
body.b221-polish-v673 .b221-v63-nav .current-menu-item>a::after{background:var(--v673-gold-hot)!important;box-shadow:0 0 10px rgba(255,212,92,.24)}
body.b221-polish-v673 .b221-v671-kicker:not(.blue),
body.b221-polish-v673 .b221-v671-kicker.gold{color:var(--v673-gold-hot)!important}
body.b221-polish-v673 .b221-v671-hero-proof i{color:var(--v673-gold-hot)!important}
body.b221-polish-v673 .b221-v671-hero-caption span{background:var(--v673-gold-hot)!important;box-shadow:0 0 16px rgba(255,212,92,.18)}
body.b221-polish-v673 .b221-v671-promo>div>span{color:var(--v673-gold-hot)!important}
body.b221-polish-v673 .b221-v671-service-gallery .badge i{color:var(--v673-gold-hot)!important}
body.b221-polish-v673 .b221-v671-content-card.accent{border-left-color:var(--v673-gold-hot)!important}

/* Product premium markers: brighter, more legible and closer to the approved mockup. */
body.b221-polish-v673 .b221-v671-products .b221-shop-badge{
  background:linear-gradient(180deg,#fff6d7,#ffedac)!important;
  color:#835405!important;
  border-color:rgba(242,189,63,.72)!important;
  box-shadow:0 3px 10px rgba(185,122,8,.08);
}

/* Hero: stronger visual frame, refined blend, better resemblance to the mockup. */
body.b221-polish-v673 .b221-v671-hero-panel{
  border:1px solid rgba(255,212,92,.16);
  box-shadow:0 22px 60px rgba(10,20,34,.16);
}
body.b221-polish-v673 .b221-v671-hero-media::before{
  background:linear-gradient(90deg,#171c24 0%,rgba(23,28,36,.62) 13%,rgba(23,28,36,.18) 33%,rgba(23,28,36,0) 55%);
}
body.b221-polish-v673 .b221-v671-hero-media img{
  filter:saturate(.95) contrast(1.06) brightness(.96)!important;
}
body.b221-polish-v673 .b221-v671-hero-proof>span{
  position:relative;
}
body.b221-polish-v673 .b221-v671-hero-proof>span::after{
  content:"";
  position:absolute;
  left:32px;
  right:0;
  bottom:-7px;
  height:1px;
  background:linear-gradient(90deg,rgba(255,212,92,.38),transparent);
  opacity:.65;
}

/* Category strip: a little more premium without making it noisy. */
body.b221-polish-v673 .b221-v671-device-grid>a{
  border-color:#dfe5ed;
  box-shadow:0 7px 20px rgba(18,39,72,.045);
}
body.b221-polish-v673 .b221-v671-device-grid>a:hover{
  border-color:rgba(242,189,63,.62);
  box-shadow:0 12px 30px rgba(24,43,72,.10),0 0 0 1px rgba(242,189,63,.10);
}
body.b221-polish-v673 .b221-v671-device-grid strong{font-weight:850}

/* Service archive: make the same gold language visible on the live listing. */
body.b221-polish-v673 .b221-svc652-kicker,
body.b221-polish-v673 .b221-v653-kicker{
  color:var(--v673-gold-hot)!important;
  background:rgba(242,189,63,.10)!important;
  border-color:rgba(242,189,63,.34)!important;
}
body.b221-polish-v673 .b221-svc652-category-card.is-featured{
  border-color:rgba(242,189,63,.58)!important;
  box-shadow:0 8px 26px rgba(155,105,12,.07)!important;
}
body.b221-polish-v673 .b221-svc652-final,
body.b221-polish-v673 .b221-v653-bottom{
  border-top:1px solid rgba(242,189,63,.18)!important;
}

/* Single-service premium details. */
body.b221-polish-v673 .b221-v671-offer-grid>div:hover{
  border-color:rgba(242,189,63,.42);
}
body.b221-polish-v673 .b221-v671-option-list>div>span{
  background:linear-gradient(180deg,#fff6d7,#ffedac)!important;
  color:#835405!important;
  border:1px solid rgba(242,189,63,.55);
}
body.b221-polish-v673 .b221-v671-trust-panel{
  border-color:rgba(242,189,63,.16)!important;
}

/* Keep the approved CTA hierarchy: blue = action, gold = premium/status. */
body.b221-polish-v673 .b221-btn-primary{
  box-shadow:0 10px 24px rgba(18,104,243,.23)!important;
}

@media (max-width:900px){
  body.b221-polish-v673 .b221-v671-hero-copy::before{inset:-8px -20px -8px -14px;background:linear-gradient(90deg,rgba(17,22,30,.34),rgba(17,22,30,.05))}
}
@media (max-width:640px){
  body.b221-polish-v673 .b221-v671-hero-panel{border-color:rgba(255,212,92,.12)}
  body.b221-polish-v673 .b221-v671-hero-copy h1{text-shadow:0 2px 18px rgba(0,0,0,.22)}
  body.b221-polish-v673 .b221-v671-hero-proof>span::after{display:none}
}


/* ===== SOURCE: v674-live-polish.css ===== */
/* 221B Theme v6.7.4 — Live UX Polish
   Theme-only. Based on live screenshots after v6.7.3.
   No Core / Growth Hub contracts, URLs, SEO fields or data are changed. */

body.b221-live-polish-v674{
  --v674-gold:#ffd45c;
  --v674-gold-2:#f2bd3f;
  --v674-gold-soft:#fff6d9;
  --v674-graphite:#171d26;
  --v674-blue:#0878ff;
}

/* Header active state: actual live selector uses LI::after, not A::after. */
body.b221-live-polish-v674 .b221-v63-nav .b221-menu li.current-menu-item::after,
body.b221-live-polish-v674 .b221-v63-nav .b221-menu li.current_page_item::after{
  background:var(--v674-gold)!important;
  box-shadow:0 0 12px rgba(255,212,92,.32)!important;
}
body.b221-live-polish-v674 .b221-v63-nav .b221-menu li.current-menu-item>a,
body.b221-live-polish-v674 .b221-v63-nav .b221-menu li.current_page_item>a{
  color:#fff!important;
}

/* Avoid ugly mid-word breaks in the live category strip. */
body.b221-live-polish-v674 .b221-svc652-category-card h3,
body.b221-live-polish-v674 .b221-v653-subcat-row strong,
body.b221-live-polish-v674 .b221-v671-device-grid strong{
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

/* Service archive: problem section should feel like the graphite/blue/gold system,
   not the older purple experiment. Tighten vertical rhythm as seen in live review. */
body.b221-live-polish-v674 .b221-svc652-problems{
  padding:44px 0 48px!important;
  background:
    radial-gradient(circle at 12% 8%,rgba(255,212,92,.07),transparent 28%),
    radial-gradient(circle at 88% 86%,rgba(8,120,255,.07),transparent 31%),
    linear-gradient(180deg,#f8fbff 0%,#fff 100%)!important;
}
body.b221-live-polish-v674 .b221-svc652-problems .b221-svc652-section-head{margin-bottom:20px!important}
body.b221-live-polish-v674 .b221-svc652-problems .b221-svc652-overline{
  color:#b67807!important;
}
body.b221-live-polish-v674 .b221-svc652-problems .b221-svc652-overline::before{
  background:linear-gradient(90deg,var(--v674-gold),var(--v674-gold-2))!important;
}
body.b221-live-polish-v674 .b221-svc652-problem-grid{gap:12px!important}
body.b221-live-polish-v674 .b221-svc652-problem-grid a{
  min-height:82px!important;
  padding:13px 14px!important;
  border-radius:17px!important;
  box-shadow:0 8px 24px rgba(33,63,105,.045)!important;
}
body.b221-live-polish-v674 .b221-svc652-problem-grid a>span:first-child,
body.b221-live-polish-v674 .b221-svc667-problem-icon{
  border-color:rgba(242,189,63,.30)!important;
  background:linear-gradient(145deg,#fff9e7,#fff4ca)!important;
  color:#a56a05!important;
}
body.b221-live-polish-v674 .b221-svc652-problem-grid a:hover{
  border-color:rgba(242,189,63,.48)!important;
  box-shadow:0 14px 34px rgba(33,63,105,.09)!important;
}

/* Service archive: compact commercial grid closer to the approved mockup. */
body.b221-live-polish-v674 .b221-svc652-services{
  padding:56px 0 72px!important;
}
body.b221-live-polish-v674 .b221-svc652-services .b221-svc652-section-head{margin-bottom:22px!important}
body.b221-live-polish-v674 .b221-svc652-service-grid{
  gap:16px!important;
}
body.b221-live-polish-v674 .b221-svc652-service-card{
  border-radius:18px!important;
  box-shadow:0 9px 28px rgba(31,63,105,.06)!important;
}
body.b221-live-polish-v674 .b221-svc652-service-card::before{
  left:18px!important;right:18px!important;
  background:linear-gradient(90deg,transparent,rgba(255,212,92,.48),transparent)!important;
}
body.b221-live-polish-v674 .b221-svc652-service-media{
  height:166px!important;
  margin:9px 9px 0!important;
  border-radius:13px!important;
}
body.b221-live-polish-v674 .b221-svc652-service-body{
  padding:14px 15px 15px!important;
}
body.b221-live-polish-v674 .b221-svc652-service-card h3{
  margin:9px 0 6px!important;
  font-size:17px!important;
  line-height:1.18!important;
}
body.b221-live-polish-v674 .b221-svc652-service-body>p{
  min-height:36px!important;
  margin-bottom:11px!important;
  font-size:11.5px!important;
  line-height:1.45!important;
}
body.b221-live-polish-v674 .b221-svc652-service-meta{
  padding:8px 0!important;
}
body.b221-live-polish-v674 .b221-svc652-service-meta strong{font-size:10.5px!important}
body.b221-live-polish-v674 .b221-svc652-card-btn{
  min-height:41px!important;
  margin-top:10px!important;
  border-radius:11px!important;
}

@media (min-width:1450px){
  body.b221-live-polish-v674 .b221-svc652-service-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media (min-width:901px) and (max-width:1449px){
  body.b221-live-polish-v674 .b221-svc652-service-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* Single service: live screenshot revealed an inherited dark H2 on graphite CTA. */
body.b221-live-polish-v674 .b221-v671-service-final h2,
body.b221-live-polish-v674 .b221-v671-final-inner h2{
  color:#fff!important;
  opacity:1!important;
}
body.b221-live-polish-v674 .b221-v671-service-final p,
body.b221-live-polish-v674 .b221-v671-final-inner p{
  color:#bac7d7!important;
}
body.b221-live-polish-v674 .b221-v671-service-final .b221-v671-kicker,
body.b221-live-polish-v674 .b221-v671-final-inner .b221-v671-kicker{
  color:var(--v674-gold)!important;
}

/* Gold should be clearly visible on white service pages too, but remain a status/accent color. */
body.b221-live-polish-v674 .b221-v671-kicker.gold,
body.b221-live-polish-v674 .b221-svc652-kicker,
body.b221-live-polish-v674 .b221-v653-kicker{
  color:#c78200!important;
}
body.b221-live-polish-v674 .b221-v671-service-gallery .badge{
  border-color:rgba(255,212,92,.24)!important;
}

/* Desktop category cards: make text breathe without increasing row height. */
@media (min-width:1100px){
  body.b221-live-polish-v674 .b221-svc652-category-copy h3{
    font-size:14px!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
  }
  body.b221-live-polish-v674 .b221-svc652-category-copy p{font-size:10.5px!important}
}

@media (max-width:900px){
  body.b221-live-polish-v674 .b221-svc652-problems{padding:34px 0 38px!important}
  body.b221-live-polish-v674 .b221-svc652-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.b221-live-polish-v674 .b221-svc652-service-media{height:150px!important}
}
@media (max-width:640px){
  body.b221-live-polish-v674 .b221-svc652-service-grid{grid-template-columns:1fr!important}
  body.b221-live-polish-v674 .b221-svc652-service-media{height:190px!important}
  body.b221-live-polish-v674 .b221-svc652-problem-grid{grid-template-columns:1fr!important}
}


/* ===== SOURCE: v675-premium-services.css ===== */
/* 221B Theme v6.7.5 — Premium Service System
   Approved graphite / blue / brighter-gold visual direction.
   Theme-only: no Core / Growth Hub data contracts are changed. */

body.b221-premium-services-v675{
  --v675-graphite:#171d26;
  --v675-graphite-2:#202936;
  --v675-ink:#111827;
  --v675-muted:#68778d;
  --v675-blue:#0878ff;
  --v675-blue-dark:#0068e6;
  --v675-gold:#ffd45c;
  --v675-gold-deep:#d99a16;
  --v675-gold-soft:#fff6d8;
  --v675-line:#dfe7f1;
  --v675-soft:#f7faff;
  --v675-shadow:0 16px 42px rgba(25,48,82,.09);
}

/* -----------------------------
   Taxonomy / device category
------------------------------ */
body.b221-premium-services-v675 .b221-v653-term-hero{
  background:
    radial-gradient(circle at 88% 18%,rgba(8,120,255,.11),transparent 28%),
    radial-gradient(circle at 10% 88%,rgba(255,212,92,.06),transparent 24%),
    linear-gradient(120deg,#151b23 0%,#1b2430 100%)!important;
}
body.b221-premium-services-v675 .b221-v653-term-grid{gap:42px!important}
body.b221-premium-services-v675 .b221-v653-term-copy h1{
  font-size:clamp(48px,5vw,72px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
}
body.b221-premium-services-v675 .b221-v653-term-copy>p{
  max-width:650px!important;
  font-size:16px!important;
  line-height:1.55!important;
}
body.b221-premium-services-v675 .b221-v653-term-proof{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin:18px 0 14px!important;
}
body.b221-premium-services-v675 .b221-v653-term-proof span{
  padding:9px 12px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.055)!important;
  color:#dce6f2!important;
  font-size:11px!important;
  backdrop-filter:blur(8px);
}
body.b221-premium-services-v675 .b221-v653-term-art-card{
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.32)!important;
  border-radius:24px!important;
  box-shadow:0 22px 54px rgba(0,0,0,.26)!important;
}
body.b221-premium-services-v675 .b221-v653-term-art-card img{
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  filter:saturate(1.05) contrast(1.045)!important;
}
body.b221-premium-services-v675 .b221-v653-term-art>span{
  top:18px!important;
  right:20px!important;
  padding:8px 11px!important;
  border:1px solid rgba(255,212,92,.32)!important;
  border-radius:999px!important;
  background:rgba(19,25,33,.72)!important;
  color:var(--v675-gold)!important;
  font-size:11px!important;
  font-weight:850!important;
  backdrop-filter:blur(10px);
}

body.b221-premium-services-v675 .b221-v653-service-list{
  padding:58px 0 72px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
}
body.b221-premium-services-v675 .b221-v653-service-list .b221-v653-section-head{margin-bottom:20px!important}
body.b221-premium-services-v675 .b221-v653-service-list .b221-v653-section-head h2{
  font-size:clamp(37px,4.2vw,56px)!important;
  letter-spacing:-.05em!important;
}
body.b221-premium-services-v675 .b221-v653-helpbar{
  margin:0 0 20px!important;
  padding:13px 16px!important;
  border:1px solid #d9e6f6!important;
  border-radius:17px!important;
  background:linear-gradient(110deg,#f3f8ff,#fbfdff)!important;
  box-shadow:0 7px 22px rgba(28,61,103,.035)!important;
}
body.b221-premium-services-v675 .b221-v653-helpbar>div>span{
  background:var(--v675-gold-soft)!important;
  color:#9b6705!important;
  border-color:rgba(217,154,22,.2)!important;
}
body.b221-premium-services-v675 .b221-v653-helpbar button{
  min-height:42px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:11px!important;
  background:var(--v675-blue)!important;
  color:#fff!important;
  font-weight:850!important;
  cursor:pointer;
}

body.b221-premium-services-v675 .b221-v653-service-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
body.b221-premium-services-v675 .b221-v675-service-card{
  position:relative!important;
  border:1px solid #dce6f2!important;
  border-radius:19px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(33,63,105,.055)!important;
  overflow:hidden!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
body.b221-premium-services-v675 .b221-v675-service-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(217,154,22,.48)!important;
  box-shadow:0 20px 46px rgba(33,63,105,.12)!important;
}
body.b221-premium-services-v675 .b221-v675-service-card .media{
  height:195px!important;
  margin:0!important;
  border-radius:0!important;
  background:#101720!important;
}
body.b221-premium-services-v675 .b221-v675-service-card .media img{
  width:100%!important;height:100%!important;object-fit:cover!important;
  filter:saturate(1.04) contrast(1.035)!important;
}
body.b221-premium-services-v675 .b221-v675-service-card .body{padding:15px 16px 14px!important}
body.b221-premium-services-v675 .b221-v675-service-badge{
  padding:5px 9px!important;
  border:1px solid rgba(217,154,22,.24)!important;
  background:linear-gradient(180deg,#fff7dc,#ffefb9)!important;
  color:#825508!important;
  font-size:9.5px!important;
  letter-spacing:.035em!important;
}
body.b221-premium-services-v675 .b221-v675-service-card h3{
  min-height:46px!important;
  margin:10px 0 6px!important;
  font-size:18px!important;
  line-height:1.16!important;
  letter-spacing:-.025em!important;
}
body.b221-premium-services-v675 .b221-v675-service-card .body>p{
  min-height:55px!important;
  margin:0 0 12px!important;
  color:#68778d!important;
  font-size:11.5px!important;
  line-height:1.45!important;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
body.b221-premium-services-v675 .b221-v675-card-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:auto;padding-top:11px;border-top:1px solid #edf1f6;
}
body.b221-premium-services-v675 .b221-v675-card-meta{display:flex;align-items:center;gap:11px;flex-wrap:wrap;min-width:0}
body.b221-premium-services-v675 .b221-v675-card-meta span{display:flex;align-items:center;gap:5px;color:#4e5c70;font-size:10px;font-weight:750;white-space:nowrap}
body.b221-premium-services-v675 .b221-v675-card-meta i{color:#9c6908;font-style:normal;font-size:12px}
body.b221-premium-services-v675 .b221-v675-card-arrow{
  width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;
  background:#edf5ff;color:var(--v675-blue);font-size:16px;font-weight:900;transition:.18s ease;
}
body.b221-premium-services-v675 .b221-v675-service-card:hover .b221-v675-card-arrow{background:var(--v675-blue);color:#fff}

body.b221-premium-services-v675 .b221-v675-brand-strip{
  display:flex;align-items:center;gap:22px;margin-top:18px;padding:14px 18px;
  border:1px solid #dfe7f1;border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(27,61,103,.035);
}
body.b221-premium-services-v675 .b221-v675-brand-intro{display:flex;align-items:center;gap:9px;min-width:220px;color:#1d2b3d;font-size:11px}
body.b221-premium-services-v675 .b221-v675-brand-intro>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#edf5ff;color:var(--v675-blue)}
body.b221-premium-services-v675 .b221-v675-brand-list{display:flex;align-items:center;gap:26px;flex-wrap:wrap;color:#4f5968}
body.b221-premium-services-v675 .b221-v675-brand-list span{font-size:13px;font-weight:850;letter-spacing:.01em}

/* -----------------------------
   Global service archive cards
------------------------------ */
body.b221-premium-services-v675 .b221-svc652-service-card .b221-svc652-pill{
  border:1px solid rgba(217,154,22,.22)!important;
  background:var(--v675-gold-soft)!important;
  color:#8e5d07!important;
}
body.b221-premium-services-v675 .b221-svc652-service-media img{filter:saturate(1.045) contrast(1.035)!important}
body.b221-premium-services-v675 .b221-svc652-service-card:hover{border-color:rgba(217,154,22,.4)!important}

/* -----------------------------
   Single service — approved mockup alignment
------------------------------ */
body.b221-premium-services-v675 .b221-v675-service-single{background:#fff}
body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-service-hero{
  padding-bottom:22px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
}
body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-service-hero-grid{
  grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr)!important;
  gap:32px!important;
  align-items:stretch!important;
}
body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-service-copy{align-self:center;padding:20px 0 18px!important}
body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-service-copy h1{
  margin:8px 0 10px!important;
  font-size:clamp(44px,4.25vw,63px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
}
body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-service-copy .lead{
  max-width:680px!important;font-size:15.5px!important;line-height:1.52!important;color:#59687c!important;
}
body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-kicker.gold{
  color:#bd7c09!important;
  letter-spacing:.08em!important;
}
body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-offer-grid{gap:8px!important;margin:18px 0 14px!important}
body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-offer-grid>div{
  min-height:70px!important;padding:11px 12px!important;border-radius:12px!important;border-color:#dce5ef!important;
  box-shadow:0 7px 20px rgba(27,61,103,.045)!important;
}
body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-offer-grid i{
  background:var(--v675-gold-soft)!important;color:#a66c05!important;border:1px solid rgba(217,154,22,.14)!important;
}
body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-offer-grid strong{font-size:12px!important;color:#162235!important}
body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-service-actions .b221-btn{min-height:48px!important;border-radius:10px!important;padding:0 20px!important}

body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-service-gallery{
  display:block!important;position:relative!important;min-width:0!important;
}
body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-service-gallery .main{
  min-height:430px!important;height:100%!important;border-radius:19px!important;box-shadow:0 19px 48px rgba(22,42,70,.13)!important;
}
body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-service-gallery .main>img{
  min-height:430px!important;height:100%!important;object-fit:cover!important;object-position:center!important;
}
body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-service-gallery .main::after{
  background:linear-gradient(90deg,transparent 48%,rgba(12,17,24,.23) 100%),linear-gradient(180deg,transparent 62%,rgba(12,17,24,.35))!important;
}
body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-service-gallery .badge{
  left:16px!important;bottom:16px!important;padding:9px 12px!important;border:1px solid rgba(255,212,92,.24)!important;background:rgba(20,26,34,.86)!important;
}
body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-service-gallery .thumbs{display:none!important}
body.b221-premium-services-v675 .b221-v675-hero-trust{
  position:absolute;z-index:3;right:14px;top:14px;width:205px;overflow:hidden;
  border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(19,25,34,.82);backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(0,0,0,.2);
}
body.b221-premium-services-v675 .b221-v675-hero-trust>div{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;padding:10px;border-bottom:1px solid rgba(255,255,255,.08)}
body.b221-premium-services-v675 .b221-v675-hero-trust>div:last-child{border-bottom:0}
body.b221-premium-services-v675 .b221-v675-hero-trust i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(255,212,92,.12);color:var(--v675-gold);font-style:normal}
body.b221-premium-services-v675 .b221-v675-hero-trust strong,body.b221-premium-services-v675 .b221-v675-hero-trust small{display:block}
body.b221-premium-services-v675 .b221-v675-hero-trust strong{color:#fff;font-size:9.5px;line-height:1.2}
body.b221-premium-services-v675 .b221-v675-hero-trust small{margin-top:2px;color:#b6c1cf;font-size:7.7px;line-height:1.25}

body.b221-premium-services-v675 .b221-v671-service-symptoms{
  padding:28px 0 32px!important;
  background:linear-gradient(180deg,#f7faff 0%,#fff 100%)!important;
  border-block:1px solid #eef2f7!important;
}
body.b221-premium-services-v675 .b221-v671-service-symptoms .b221-v671-section-head{margin-bottom:16px!important}
body.b221-premium-services-v675 .b221-v671-symptom-grid{gap:11px!important}
body.b221-premium-services-v675 .b221-v671-symptom-grid>a{
  border-radius:14px!important;border-color:#dde6f1!important;box-shadow:0 7px 22px rgba(27,61,103,.045)!important;
}
body.b221-premium-services-v675 .b221-v671-symptom-grid>a:hover{border-color:rgba(217,154,22,.4)!important;box-shadow:0 14px 30px rgba(27,61,103,.09)!important}
body.b221-premium-services-v675 .b221-v671-symptom-grid .media{height:115px!important}
body.b221-premium-services-v675 .b221-v671-symptom-grid strong{font-size:12px!important}
body.b221-premium-services-v675 .b221-v671-symptom-grid small{font-size:9px!important;min-height:30px!important}

/* Real product options linked to the service by Core relation meta. */
body.b221-premium-services-v675 .b221-v675-part-options{padding:34px 0 40px;background:#fff}
body.b221-premium-services-v675 .b221-v675-part-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}
body.b221-premium-services-v675 .b221-v675-part-head h2{margin:6px 0 5px;font-size:clamp(30px,3vw,43px);line-height:1;letter-spacing:-.045em;color:var(--v675-ink)}
body.b221-premium-services-v675 .b221-v675-part-head p{max-width:720px;margin:0;color:var(--v675-muted);font-size:12px;line-height:1.5}
body.b221-premium-services-v675 .b221-v675-help-link{border:0;background:transparent;color:var(--v675-blue);font-weight:850;font-size:11px;cursor:pointer;white-space:nowrap}
body.b221-premium-services-v675 .b221-v675-part-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.b221-premium-services-v675 .b221-v675-part-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid #dfe6ef;border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(27,61,103,.04)}
body.b221-premium-services-v675 .b221-v675-part-card.is-recommended{border-color:rgba(217,154,22,.62);box-shadow:0 12px 30px rgba(217,154,22,.11)}
body.b221-premium-services-v675 .b221-v675-part-card .recommend{position:absolute;left:14px;top:-10px;padding:5px 9px;border-radius:999px;background:linear-gradient(180deg,#ffe381,#ffc94f);color:#604000;font-size:8.5px;font-weight:950;letter-spacing:.04em}
body.b221-premium-services-v675 .b221-v675-part-card .top{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start}
body.b221-premium-services-v675 .b221-v675-part-card .icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--v675-gold-soft);color:#a66c05;font-size:18px}
body.b221-premium-services-v675 .b221-v675-part-card small{display:block;color:#7d8999;font-size:9px}
body.b221-premium-services-v675 .b221-v675-part-card h3{margin:3px 0 0;color:#152033;font-size:15px;line-height:1.18;letter-spacing:-.02em}
body.b221-premium-services-v675 .b221-v675-part-card .compat{min-height:34px;margin:11px 0 18px;color:#69768a;font-size:10.5px;line-height:1.4}
body.b221-premium-services-v675 .b221-v675-part-card .bottom{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid #edf1f5}
body.b221-premium-services-v675 .b221-v675-part-card .bottom strong{display:block;color:#121c2d;font-size:20px;line-height:1}
body.b221-premium-services-v675 .b221-v675-part-card .bottom strong .amount{font-size:inherit}
body.b221-premium-services-v675 .b221-v675-part-card .bottom a{min-width:86px;min-height:38px;display:grid;place-items:center;padding:0 13px;border-radius:9px;background:var(--v675-blue);color:#fff;font-size:10px;font-weight:900}

body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-service-main{padding:26px 0 38px!important;background:#f8fafc!important}
body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-content-card,
body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-process-card,
body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-consult-card{
  border-radius:14px!important;box-shadow:0 7px 22px rgba(27,61,103,.045)!important;
}
body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-trust-panel{border-radius:14px!important}
body.b221-premium-services-v675 .b221-v675-service-final{padding:16px 0 4px!important;background:#fff!important}
body.b221-premium-services-v675 .b221-v675-service-final .b221-v671-final-inner{
  position:relative;overflow:hidden;border:1px solid rgba(255,212,92,.16)!important;border-radius:17px!important;
  background:
    radial-gradient(circle at 82% 50%,rgba(8,120,255,.13),transparent 28%),
    linear-gradient(110deg,#151b23,#232d3a)!important;
  box-shadow:0 16px 36px rgba(23,29,38,.12)!important;
}
body.b221-premium-services-v675 .b221-v675-service-final .b221-v671-final-inner::after{content:"";position:absolute;right:-30px;top:-50px;width:210px;height:210px;border:1px solid rgba(255,212,92,.15);border-radius:50%;pointer-events:none}

/* Related shortcode after single service: make it visually belong to the same system without changing its data. */
body.b221-premium-services-v675 .b221-v675-service-single + * .b221-related,
body.b221-premium-services-v675 .b221-v675-service-single .b221-related{border-radius:16px}

@media (max-width:1320px){
  body.b221-premium-services-v675 .b221-v653-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-service-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr)!important}
}
@media (max-width:1050px){
  body.b221-premium-services-v675 .b221-v653-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-service-hero-grid{grid-template-columns:1fr!important}
  body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-service-gallery{order:-1}
  body.b221-premium-services-v675 .b221-v675-brand-strip{align-items:flex-start;flex-direction:column;gap:10px}
  body.b221-premium-services-v675 .b221-v675-brand-intro{min-width:0}
  body.b221-premium-services-v675 .b221-v675-part-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  body.b221-premium-services-v675 .b221-v653-term-copy h1{font-size:clamp(42px,12vw,58px)!important}
  body.b221-premium-services-v675 .b221-v653-service-list{padding:40px 0 52px!important}
  body.b221-premium-services-v675 .b221-v653-service-grid{grid-template-columns:1fr!important}
  body.b221-premium-services-v675 .b221-v675-service-card .media{height:220px!important}
  body.b221-premium-services-v675 .b221-v675-service-card h3{min-height:0!important;font-size:19px!important}
  body.b221-premium-services-v675 .b221-v675-service-card .body>p{min-height:0!important;-webkit-line-clamp:2}
  body.b221-premium-services-v675 .b221-v675-brand-list{gap:14px}
  body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-service-copy h1{font-size:clamp(38px,11vw,52px)!important}
  body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-service-gallery .main,
  body.b221-premium-services-v675 .b221-v675-service-single .b221-v671-service-gallery .main>img{min-height:310px!important}
  body.b221-premium-services-v675 .b221-v675-hero-trust{display:none}
  body.b221-premium-services-v675 .b221-v671-symptom-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.b221-premium-services-v675 .b221-v671-symptom-grid .media{height:105px!important}
  body.b221-premium-services-v675 .b221-v675-part-head{align-items:flex-start;flex-direction:column}
  body.b221-premium-services-v675 .b221-v675-part-grid{grid-template-columns:1fr}
}
@media (max-width:460px){
  body.b221-premium-services-v675 .b221-v653-term-proof{display:grid!important;grid-template-columns:1fr!important}
  body.b221-premium-services-v675 .b221-v675-card-meta{gap:8px}
  body.b221-premium-services-v675 .b221-v671-symptom-grid{grid-template-columns:1fr 1fr!important}
  body.b221-premium-services-v675 .b221-v671-symptom-grid small{display:none!important}
}


/* ===== SOURCE: v676-final-polish.css ===== */
/* 221B Theme v6.7.6 — Final Live Polish
   Theme-only refinement from real-site screenshots. Core / Growth Hub contracts untouched. */

body.b221-final-polish-v676{
  --v676-gold:#ffd45c;
  --v676-gold-deep:#c58b12;
  --v676-gold-soft:#fff4cf;
  --v676-blue:#1384f4;
  --v676-graphite:#171d25;
  --v676-ink:#131b29;
  --v676-muted:#68778b;
}

/* Home hero: keep the premium impact but improve balance and line breaks. */
body.b221-final-polish-v676 .b221-v671-hero-panel{
  grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);
  min-height:350px;
}
body.b221-final-polish-v676 .b221-v671-hero-copy{padding:32px 20px 29px 38px}
body.b221-final-polish-v676 .b221-v671-hero-copy h1{
  max-width:650px;
  font-size:clamp(39px,4vw,58px);
  line-height:.99;
  letter-spacing:-.052em;
}
body.b221-final-polish-v676 .b221-v671-hero-copy>p{max-width:590px;font-size:14.5px}
body.b221-final-polish-v676 .b221-v671-hero-proof i,
body.b221-final-polish-v676 .b221-v671-hero-caption span{color:var(--v676-gold);background-color:var(--v676-gold)}
body.b221-final-polish-v676 .b221-v671-hero-media img{filter:saturate(.98) contrast(1.07) brightness(.95)!important}

/* Small category strip: consistent image crop and premium focus state. */
body.b221-final-polish-v676 .b221-v671-device-grid>a{position:relative;overflow:hidden}
body.b221-final-polish-v676 .b221-v671-device-grid>a::before{
  content:"";position:absolute;left:12px;right:12px;top:0;height:2px;border-radius:0 0 3px 3px;
  background:linear-gradient(90deg,transparent,var(--v676-gold),transparent);opacity:0;transition:.18s ease;
}
body.b221-final-polish-v676 .b221-v671-device-grid>a:hover::before{opacity:1}
body.b221-final-polish-v676 .b221-v671-device-grid .media{height:58px}
body.b221-final-polish-v676 .b221-v671-device-grid img{max-height:58px;max-width:92px}

/* Single service hero: closer to the approved mockup proportions. */
body.b221-final-polish-v676 .b221-v675-service-single .b221-v671-service-hero{padding-top:18px!important;padding-bottom:24px!important}
body.b221-final-polish-v676 .b221-v675-service-single .b221-v671-service-hero-grid{
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr)!important;
  gap:28px!important;
}
body.b221-final-polish-v676 .b221-v675-service-single .b221-v671-service-copy h1{
  max-width:650px!important;
  font-size:clamp(39px,3.7vw,54px)!important;
  line-height:1!important;
}
body.b221-final-polish-v676 .b221-v675-service-single .b221-v671-service-copy .lead{
  max-width:650px!important;font-size:14px!important;line-height:1.5!important;color:#67768a!important;
}
body.b221-final-polish-v676 .b221-v675-service-single .b221-v671-offer-grid>div{
  border-color:#e1e7ef!important;box-shadow:0 6px 18px rgba(23,47,82,.035)!important;
}
body.b221-final-polish-v676 .b221-v675-service-single .b221-v671-offer-grid i{
  color:#a36a05!important;background:var(--v676-gold-soft)!important;border-color:#f4d77c!important;
}
body.b221-final-polish-v676 .b221-v675-service-single .b221-v671-service-gallery .main{
  border:1px solid rgba(255,212,92,.18)!important;box-shadow:0 18px 44px rgba(19,32,48,.12)!important;
}
body.b221-final-polish-v676 .b221-v675-service-single .b221-v671-service-gallery .main>img{
  filter:saturate(.98) contrast(1.055) brightness(.98)!important;
}
body.b221-final-polish-v676 .b221-v675-hero-trust{width:218px;top:14px;right:14px;background:rgba(17,23,31,.87)}
body.b221-final-polish-v676 .b221-v675-hero-trust>div{padding:9px 10px}
body.b221-final-polish-v676 .b221-v675-hero-trust i{background:rgba(255,212,92,.14);color:var(--v676-gold)}
body.b221-final-polish-v676 .b221-v675-hero-trust strong{font-size:9.8px}
body.b221-final-polish-v676 .b221-v675-hero-trust small{font-size:7.8px}

/* Symptoms: use the premium semantic visual pack consistently and reduce the old generic look. */
body.b221-final-polish-v676 .b221-v671-service-symptoms{
  padding:31px 0 34px!important;
  background:linear-gradient(180deg,#fbfcfe 0%,#f6f9fd 100%)!important;
}
body.b221-final-polish-v676 .b221-v671-service-symptoms .b221-v671-kicker.blue{color:#c8880d!important}
body.b221-final-polish-v676 .b221-v671-service-symptoms .b221-v671-kicker.blue::before{background:#f0b62c!important}
body.b221-final-polish-v676 .b221-v671-symptom-grid{gap:12px!important}
body.b221-final-polish-v676 .b221-v671-symptom-grid>a{
  overflow:hidden;border-color:#dde5ef!important;background:#fff!important;
  box-shadow:0 7px 20px rgba(27,61,103,.04)!important;
}
body.b221-final-polish-v676 .b221-v671-symptom-grid>a:hover{
  transform:translateY(-2px);border-color:rgba(240,182,44,.55)!important;box-shadow:0 15px 32px rgba(27,61,103,.09)!important;
}
body.b221-final-polish-v676 .b221-v671-symptom-grid .media{height:126px!important;background:#e9eef5!important}
body.b221-final-polish-v676 .b221-v671-symptom-grid .media img{width:100%;height:100%;object-fit:cover;filter:saturate(.95) contrast(1.05)}
body.b221-final-polish-v676 .b221-v671-symptom-grid strong{font-size:12.5px!important;line-height:1.22!important}
body.b221-final-polish-v676 .b221-v671-symptom-grid small{font-size:9.4px!important;line-height:1.32!important;color:#758398!important}

/* Main service content: clearer card hierarchy and stronger graphite/gold aside. */
body.b221-final-polish-v676 .b221-v675-service-single .b221-v671-service-main{padding-top:30px!important}
body.b221-final-polish-v676 .b221-v675-service-single .b221-v671-content-card,
body.b221-final-polish-v676 .b221-v675-service-single .b221-v671-process-card,
body.b221-final-polish-v676 .b221-v675-service-single .b221-v671-consult-card{
  border-color:#e0e6ee!important;box-shadow:0 8px 24px rgba(24,47,78,.045)!important;
}
body.b221-final-polish-v676 .b221-v675-service-single .b221-v671-content-card.accent{
  border-left:3px solid var(--v676-gold)!important;
}
body.b221-final-polish-v676 .b221-v675-service-single .b221-v671-steps.service>div>span{
  background:#f3f7fd!important;color:#0d73db!important;border:1px solid #d9e8fb!important;
}
body.b221-final-polish-v676 .b221-v675-service-single .b221-v671-trust-panel{
  overflow:hidden;border:1px solid rgba(255,212,92,.13)!important;background:linear-gradient(180deg,#1a212b,#222c39)!important;
  box-shadow:0 14px 32px rgba(23,31,42,.12)!important;
}
body.b221-final-polish-v676 .b221-v675-service-single .b221-v671-trust-panel i{
  color:#8a5d06!important;background:linear-gradient(180deg,#fff5d7,#ffe6a2)!important;border-color:#e8bc54!important;
}
body.b221-final-polish-v676 .b221-v675-service-single .b221-v671-trust-panel strong{color:#fff!important}
body.b221-final-polish-v676 .b221-v675-service-single .b221-v671-trust-panel small{color:#aeb9c7!important}
body.b221-final-polish-v676 .b221-v675-service-single .b221-v671-consult-card{
  border-top:3px solid var(--v676-gold)!important;background:linear-gradient(180deg,#fff,#fbfcfe)!important;
}

/* Part cards: make premium recommendation more obvious without turning gold into the CTA color. */
body.b221-final-polish-v676 .b221-v675-part-card.is-recommended{border-color:#e2ad2f!important;box-shadow:0 14px 34px rgba(202,140,14,.12)!important}
body.b221-final-polish-v676 .b221-v675-part-card .recommend{
  background:linear-gradient(180deg,#ffe991,#ffd45c)!important;color:#5f4100!important;box-shadow:0 4px 12px rgba(187,124,7,.14);
}

/* Final CTA: more intentional finish and stronger contrast. */
body.b221-final-polish-v676 .b221-v675-service-final .b221-v671-final-inner{
  border-color:rgba(255,212,92,.28)!important;
  background:radial-gradient(circle at 82% 42%,rgba(20,132,244,.17),transparent 30%),linear-gradient(110deg,#151b23,#202b38)!important;
}
body.b221-final-polish-v676 .b221-v675-service-final .b221-v671-final-inner h2{color:#fff!important}
body.b221-final-polish-v676 .b221-v675-service-final .b221-v671-final-inner p{color:#b8c3d0!important}

/* Archive/category service cards: final premium details. */
body.b221-final-polish-v676 .b221-v675-service-card{
  border-color:#dfe6ef!important;box-shadow:0 8px 24px rgba(22,47,80,.045)!important;
}
body.b221-final-polish-v676 .b221-v675-service-card:hover{
  border-color:rgba(255,212,92,.62)!important;box-shadow:0 17px 36px rgba(22,47,80,.105)!important;
}
body.b221-final-polish-v676 .b221-v675-service-badge{
  background:linear-gradient(180deg,#fff4c9,#ffe6a1)!important;color:#705006!important;border-color:#f0c861!important;
}

@media (max-width:1320px){
  body.b221-final-polish-v676 .b221-v671-hero-panel{grid-template-columns:minmax(0,.88fr) minmax(470px,1.12fr)}
  body.b221-final-polish-v676 .b221-v671-hero-copy h1{font-size:clamp(38px,4.15vw,55px)}
  body.b221-final-polish-v676 .b221-v675-service-single .b221-v671-service-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(450px,1.1fr)!important}
}
@media (max-width:1050px){
  body.b221-final-polish-v676 .b221-v671-hero-panel{grid-template-columns:1fr;min-height:0}
  body.b221-final-polish-v676 .b221-v671-hero-media{min-height:330px}
  body.b221-final-polish-v676 .b221-v675-service-single .b221-v671-service-hero-grid{grid-template-columns:1fr!important}
}
@media (max-width:760px){
  body.b221-final-polish-v676 .b221-v671-hero-copy{padding:27px 22px 24px}
  body.b221-final-polish-v676 .b221-v671-hero-copy h1{font-size:clamp(36px,10.5vw,48px)}
  body.b221-final-polish-v676 .b221-v671-hero-media{min-height:285px}
  body.b221-final-polish-v676 .b221-v675-service-single .b221-v671-service-copy h1{font-size:clamp(36px,10vw,48px)!important}
  body.b221-final-polish-v676 .b221-v671-symptom-grid .media{height:118px!important}
  body.b221-final-polish-v676 .b221-v675-hero-trust{display:none!important}
}
@media (max-width:460px){
  body.b221-final-polish-v676 .b221-v671-symptom-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.b221-final-polish-v676 .b221-v671-symptom-grid .media{height:96px!important}
  body.b221-final-polish-v676 .b221-v671-symptom-grid strong{font-size:11px!important}
  body.b221-final-polish-v676 .b221-v671-symptom-grid small{display:none!important}
}


/* ===== SOURCE: v680-premium-commerce.css ===== */
/* 221B Theme v6.8.0 — Premium Commerce & Service
   Theme-only homepage direction. Core / Growth Hub contracts untouched. */
body.b221-premium-commerce-v680{
  --v680-bg:#f6f8fb;
  --v680-white:#fff;
  --v680-ink:#101824;
  --v680-muted:#68778c;
  --v680-line:#dde5ef;
  --v680-graphite:#141b24;
  --v680-graphite-2:#1b2532;
  --v680-blue:#0d7ef2;
  --v680-blue-2:#086fd8;
  --v680-gold:#ffd45c;
  --v680-gold-2:#e3a91f;
  --v680-gold-soft:#fff1bd;
  --v680-radius:18px;
  --v680-shadow:0 18px 44px rgba(24,43,70,.08);
}
body.b221-premium-commerce-v680 .b221-v680-home{background:#fff;color:var(--v680-ink)}
body.b221-premium-commerce-v680 .b221-v680-home *{box-sizing:border-box}
body.b221-premium-commerce-v680 .b221-v680-home a{text-decoration:none}
body.b221-premium-commerce-v680 .b221-v680-home button{font:inherit}

/* HERO */
body.b221-premium-commerce-v680 .b221-v680-hero{padding:16px 0 0;background:#fff}
body.b221-premium-commerce-v680 .b221-v680-hero-shell{
  position:relative;min-height:515px;border-radius:22px;overflow:hidden;background:#0f151d;
  box-shadow:0 24px 60px rgba(17,31,52,.12);isolation:isolate;
}
body.b221-premium-commerce-v680 .b221-v680-hero-bg{position:absolute;inset:0;z-index:-3}
body.b221-premium-commerce-v680 .b221-v680-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:66% 50%;filter:saturate(.96) contrast(1.09) brightness(.82)}
body.b221-premium-commerce-v680 .b221-v680-hero-shade{
  position:absolute;inset:0;z-index:-2;
  background:linear-gradient(90deg,rgba(12,18,26,.98) 0%,rgba(12,18,26,.96) 27%,rgba(12,18,26,.72) 46%,rgba(12,18,26,.24) 68%,rgba(12,18,26,.06) 100%);
}
body.b221-premium-commerce-v680 .b221-v680-hero-shade::after{
  content:"";position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(0deg,rgba(8,12,18,.34),transparent)
}
body.b221-premium-commerce-v680 .b221-v680-hero-content{width:min(690px,52%);padding:54px 0 42px 44px;color:#fff}
body.b221-premium-commerce-v680 .b221-v680-eyebrow,
body.b221-premium-commerce-v680 .b221-v680-head .gold,
body.b221-premium-commerce-v680 .b221-v680-consult .gold{
  display:inline-flex;align-items:center;gap:10px;color:var(--v680-gold);font-size:11px;font-weight:950;letter-spacing:.115em;text-transform:uppercase;
}
body.b221-premium-commerce-v680 .b221-v680-eyebrow::before,
body.b221-premium-commerce-v680 .b221-v680-head .gold::before,
body.b221-premium-commerce-v680 .b221-v680-consult .gold::before{content:"";width:26px;height:2px;border-radius:99px;background:var(--v680-gold)}
body.b221-premium-commerce-v680 .b221-v680-hero h1{
  margin:16px 0 14px;max-width:640px;color:#fff!important;font-size:clamp(48px,4.85vw,72px);line-height:.96;font-weight:950;letter-spacing:-.06em;
}
body.b221-premium-commerce-v680 .b221-v680-hero-content>p{margin:0;max-width:610px;color:#d1d9e4;font-size:16px;line-height:1.55}
body.b221-premium-commerce-v680 .b221-v680-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}
body.b221-premium-commerce-v680 .b221-v680-btn{
  min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;border:1px solid transparent;border-radius:11px;font-weight:900;font-size:13px;cursor:pointer;transition:.18s ease;
}
body.b221-premium-commerce-v680 .b221-v680-btn:hover{transform:translateY(-1px)}
body.b221-premium-commerce-v680 .b221-v680-btn.primary{background:linear-gradient(180deg,#168bff,#0876e8);color:#fff;box-shadow:0 12px 26px rgba(9,119,232,.23)}
body.b221-premium-commerce-v680 .b221-v680-btn.ghost{color:#fff;background:rgba(16,23,33,.62);border-color:rgba(255,255,255,.34);backdrop-filter:blur(10px)}
body.b221-premium-commerce-v680 .b221-v680-btn.gold{background:linear-gradient(180deg,#ffe887,#ffd058);color:#4b3500;border-color:#f4c748;box-shadow:0 10px 24px rgba(216,159,24,.18)}
body.b221-premium-commerce-v680 .b221-v680-hero-trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px}
body.b221-premium-commerce-v680 .b221-v680-hero-trust span{display:flex;align-items:center;gap:8px;max-width:150px;color:#e2e8f0;font-size:10px;line-height:1.25}
body.b221-premium-commerce-v680 .b221-v680-hero-trust i{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,212,92,.42);border-radius:9px;color:var(--v680-gold);background:rgba(255,212,92,.08);font-style:normal;font-weight:950}
body.b221-premium-commerce-v680 .b221-v680-hero-trust b{font-weight:850}
body.b221-premium-commerce-v680 .b221-v680-hero-note{position:absolute;left:47%;top:99px;color:#fff;transform:rotate(-5deg);opacity:.93;font-family:cursive;font-size:21px;letter-spacing:.015em;pointer-events:none}
body.b221-premium-commerce-v680 .b221-v680-hero-note span{display:block;width:128px;height:2px;background:var(--v680-gold);transform:translate(18px,52px) rotate(-9deg)}
body.b221-premium-commerce-v680 .b221-v680-hero-float{
  position:absolute;right:24px;bottom:24px;width:250px;border:1px solid rgba(255,212,92,.36);border-radius:15px;background:rgba(14,20,29,.79);backdrop-filter:blur(13px);overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.24)
}
body.b221-premium-commerce-v680 .b221-v680-hero-float>div{display:flex;gap:10px;align-items:center;padding:12px 13px;color:#fff}
body.b221-premium-commerce-v680 .b221-v680-hero-float>div+div{border-top:1px solid rgba(255,255,255,.1)}
body.b221-premium-commerce-v680 .b221-v680-hero-float i{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;font-style:normal;color:#6b4b00;background:linear-gradient(180deg,#ffe993,#ffd45c);font-weight:950}
body.b221-premium-commerce-v680 .b221-v680-hero-float span{display:grid;gap:2px}
body.b221-premium-commerce-v680 .b221-v680-hero-float b{font-size:10px}
body.b221-premium-commerce-v680 .b221-v680-hero-float small{font-size:8.5px;color:#b7c2cf}

/* DEVICE CARDS */
body.b221-premium-commerce-v680 .b221-v680-devices{padding:10px 0 0;background:#fff}
body.b221-premium-commerce-v680 .b221-v680-device-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
body.b221-premium-commerce-v680 .b221-v680-device-card{
  min-height:142px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr;align-content:end;border:1px solid #e1e7ef;border-radius:14px;background:linear-gradient(180deg,#f8fafc,#fff);box-shadow:0 7px 22px rgba(26,49,82,.035);transition:.18s ease
}
body.b221-premium-commerce-v680 .b221-v680-device-card:hover{transform:translateY(-2px);border-color:rgba(255,212,92,.75);box-shadow:0 15px 32px rgba(26,49,82,.08)}
body.b221-premium-commerce-v680 .b221-v680-device-card .media{position:absolute;inset:0 0 46px 0;display:grid;place-items:center;overflow:hidden}
body.b221-premium-commerce-v680 .b221-v680-device-card .media::after{content:"";position:absolute;inset:auto 0 0;height:50%;background:linear-gradient(transparent,rgba(255,255,255,.97))}
body.b221-premium-commerce-v680 .b221-v680-device-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.96) contrast(1.04)}
body.b221-premium-commerce-v680 .b221-v680-device-card .copy{position:relative;z-index:1;padding:8px 12px 10px;display:grid;gap:2px;background:rgba(255,255,255,.91);backdrop-filter:blur(4px)}
body.b221-premium-commerce-v680 .b221-v680-device-card strong{font-size:12.5px;color:#121a26;line-height:1.15}
body.b221-premium-commerce-v680 .b221-v680-device-card small{font-size:9px;color:#7b8798}

/* SHARED SECTION */
body.b221-premium-commerce-v680 .b221-v680-section{padding:34px 0}
body.b221-premium-commerce-v680 .b221-v680-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:14px}
body.b221-premium-commerce-v680 .b221-v680-head.compact{margin-bottom:10px}
body.b221-premium-commerce-v680 .b221-v680-head h2{margin:6px 0 0;font-size:clamp(27px,2.6vw,38px);line-height:1;letter-spacing:-.045em;color:#111926}
body.b221-premium-commerce-v680 .b221-v680-head>a{font-size:11px;font-weight:900;color:#0878ed}

/* PROBLEMS */
body.b221-premium-commerce-v680 .b221-v680-problems{padding-top:28px}
body.b221-premium-commerce-v680 .b221-v680-problem-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
body.b221-premium-commerce-v680 .b221-v680-problem-card{height:154px;position:relative;border-radius:12px;overflow:hidden;background:#101823;border:1px solid rgba(17,38,67,.08);box-shadow:0 8px 22px rgba(22,42,70,.055)}
body.b221-premium-commerce-v680 .b221-v680-problem-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.07) brightness(.82);transition:.22s ease}
body.b221-premium-commerce-v680 .b221-v680-problem-card span{position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(9,14,21,.86) 100%)}
body.b221-premium-commerce-v680 .b221-v680-problem-card strong{position:absolute;left:11px;right:10px;bottom:10px;color:#fff;font-size:11px;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.35)}
body.b221-premium-commerce-v680 .b221-v680-problem-card:hover img{transform:scale(1.035);filter:saturate(1) contrast(1.07) brightness(.88)}

/* COMMERCE / REPAIR PANELS */
body.b221-premium-commerce-v680 .b221-v680-commerce{padding-top:4px}
body.b221-premium-commerce-v680 .b221-v680-commerce-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:12px}
body.b221-premium-commerce-v680 .b221-v680-commerce-card{position:relative;min-height:304px;border-radius:17px;overflow:hidden;border:1px solid #dde5ef;box-shadow:var(--v680-shadow);isolation:isolate}
body.b221-premium-commerce-v680 .b221-v680-commerce-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;filter:saturate(.94) contrast(1.07)}
body.b221-premium-commerce-v680 .b221-v680-commerce-card .shade{position:absolute;inset:0;z-index:-2}
body.b221-premium-commerce-v680 .b221-v680-commerce-card.shop .shade{background:linear-gradient(90deg,rgba(14,20,29,.97) 0%,rgba(14,20,29,.90) 45%,rgba(14,20,29,.42) 75%,rgba(14,20,29,.18) 100%)}
body.b221-premium-commerce-v680 .b221-v680-commerce-card.repair .shade{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 49%,rgba(255,255,255,.40) 76%,rgba(255,255,255,.12) 100%)}
body.b221-premium-commerce-v680 .b221-v680-commerce-card .content{padding:27px;max-width:62%;display:grid;align-content:start;gap:9px}
body.b221-premium-commerce-v680 .b221-v680-commerce-card.shop .content{color:#fff}
body.b221-premium-commerce-v680 .b221-v680-commerce-card .kicker{font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.11em;color:var(--v680-gold)}
body.b221-premium-commerce-v680 .b221-v680-commerce-card h2{margin:0;font-size:30px;line-height:1;letter-spacing:-.04em}
body.b221-premium-commerce-v680 .b221-v680-commerce-card.shop h2{color:#fff}
body.b221-premium-commerce-v680 .b221-v680-commerce-card p{margin:0 0 4px;font-size:12px;line-height:1.45;color:#637287}
body.b221-premium-commerce-v680 .b221-v680-commerce-card.shop p{color:#c8d2de}
body.b221-premium-commerce-v680 .b221-v680-cat-chips{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 3px}
body.b221-premium-commerce-v680 .b221-v680-cat-chips a{padding:6px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);color:#edf3f9;font-size:8.5px;font-weight:800}
body.b221-premium-commerce-v680 .b221-v680-commerce-card .quality{position:absolute;right:14px;bottom:14px;display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid rgba(255,212,92,.33);border-radius:10px;background:rgba(16,22,30,.82);backdrop-filter:blur(8px);color:#fff}
body.b221-premium-commerce-v680 .b221-v680-commerce-card .quality i{color:var(--v680-gold);font-style:normal}
body.b221-premium-commerce-v680 .b221-v680-commerce-card .quality span{display:grid;gap:1px}
body.b221-premium-commerce-v680 .b221-v680-commerce-card .quality b{font-size:8px;text-transform:uppercase;letter-spacing:.08em}
body.b221-premium-commerce-v680 .b221-v680-commerce-card .quality small{font-size:7px;color:#b8c3cf}
body.b221-premium-commerce-v680 .b221-v680-repair-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:5px}
body.b221-premium-commerce-v680 .b221-v680-text-btn{border:0;background:transparent;color:#0878ed;font-weight:900;font-size:11px;cursor:pointer;padding:0 4px}

/* BRANDS */
body.b221-premium-commerce-v680 .b221-v680-brands{padding:4px 0 26px;background:#fff}
body.b221-premium-commerce-v680 .b221-v680-brand-row{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}
body.b221-premium-commerce-v680 .b221-v680-brand-row>span,
body.b221-premium-commerce-v680 .b221-v680-brand-row>a{min-height:57px;border:1px solid #e0e7ef;border-radius:11px;background:#fff;display:flex;align-items:center;justify-content:center;padding:7px;color:#384354;font-size:12px;font-weight:900;text-align:center;box-shadow:0 5px 16px rgba(28,52,86,.03)}
body.b221-premium-commerce-v680 .b221-v680-brand-row>a{display:grid;place-items:center;color:#0a78ea;font-size:16px;line-height:1}
body.b221-premium-commerce-v680 .b221-v680-brand-row>a small{font-size:7.5px;color:#6f7d90}

/* PRODUCT SHELF */
body.b221-premium-commerce-v680 .b221-v680-products{padding-top:18px;background:linear-gradient(180deg,#fbfcfe,#fff)}
body.b221-premium-commerce-v680 .b221-v680-products .b221-shop-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important}
body.b221-premium-commerce-v680 .b221-v680-products .b221-shop-card{border:1px solid #e0e7ef!important;border-radius:14px!important;overflow:hidden;background:#fff;box-shadow:0 7px 20px rgba(25,50,86,.04)!important}
body.b221-premium-commerce-v680 .b221-v680-products .b221-shop-media{min-height:170px;background:#f7f9fc;display:grid;place-items:center;position:relative}
body.b221-premium-commerce-v680 .b221-v680-products .b221-shop-media img{max-height:160px;object-fit:contain}
body.b221-premium-commerce-v680 .b221-v680-products .b221-shop-card-body{padding:12px!important}
body.b221-premium-commerce-v680 .b221-v680-products .b221-shop-card h3{font-size:12px!important;line-height:1.3;margin:0 0 8px!important;min-height:31px}
body.b221-premium-commerce-v680 .b221-v680-products .b221-shop-price{font-size:17px!important;font-weight:950!important;color:#111926!important}
body.b221-premium-commerce-v680 .b221-v680-products .b221-shop-card-actions{display:flex;gap:7px!important;margin-top:9px}
body.b221-premium-commerce-v680 .b221-v680-products .b221-btn{min-height:34px!important;font-size:9px!important;border-radius:8px!important;padding:0 10px!important}

/* TRUST BAR */
body.b221-premium-commerce-v680 .b221-v680-trust{padding:17px 0;background:linear-gradient(100deg,#121a24,#1d2937);border-top:1px solid rgba(255,212,92,.12);border-bottom:1px solid rgba(255,212,92,.13)}
body.b221-premium-commerce-v680 .b221-v680-trust-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
body.b221-premium-commerce-v680 .b221-v680-trust-grid>div{min-height:58px;display:flex;align-items:center;gap:10px;padding:0 18px;color:#fff}
body.b221-premium-commerce-v680 .b221-v680-trust-grid>div+div{border-left:1px solid rgba(255,255,255,.08)}
body.b221-premium-commerce-v680 .b221-v680-trust-grid i{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:rgba(255,212,92,.10);border:1px solid rgba(255,212,92,.38);font-style:normal;color:var(--v680-gold);font-weight:950}
body.b221-premium-commerce-v680 .b221-v680-trust-grid span{display:grid;gap:2px}
body.b221-premium-commerce-v680 .b221-v680-trust-grid b{font-size:9px}
body.b221-premium-commerce-v680 .b221-v680-trust-grid small{font-size:7.5px;color:#aeb9c7}

/* CASES */
body.b221-premium-commerce-v680 .b221-v680-cases{padding-top:27px}
body.b221-premium-commerce-v680 .b221-v680-case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.b221-premium-commerce-v680 .b221-v680-case-card{border:1px solid #e0e7ef;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 7px 20px rgba(25,50,86,.04)}
body.b221-premium-commerce-v680 .b221-v680-case-card .media{display:block;height:128px;overflow:hidden;background:#f2f5f8}
body.b221-premium-commerce-v680 .b221-v680-case-card img{width:100%;height:100%;object-fit:cover;transition:.2s ease}
body.b221-premium-commerce-v680 .b221-v680-case-card:hover img{transform:scale(1.035)}
body.b221-premium-commerce-v680 .b221-v680-case-card .copy{display:grid;gap:3px;padding:10px 11px}
body.b221-premium-commerce-v680 .b221-v680-case-card small{font-size:7.5px;color:#bd7d03;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
body.b221-premium-commerce-v680 .b221-v680-case-card strong{font-size:11px;color:#152033;line-height:1.2}

/* CONSULT */
body.b221-premium-commerce-v680 .b221-v680-consult{padding:30px 0 38px;background:linear-gradient(180deg,#f7f9fc,#fff)}
body.b221-premium-commerce-v680 .b221-v680-consult-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;padding-top:20px;border-top:1px solid #e2e8ef}
body.b221-premium-commerce-v680 .b221-v680-consult h2{margin:5px 0 5px;font-size:30px;letter-spacing:-.045em}
body.b221-premium-commerce-v680 .b221-v680-consult p{margin:0;color:#728095;font-size:11px}
body.b221-premium-commerce-v680 .b221-v680-consult .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
body.b221-premium-commerce-v680 .b221-v680-consult .contact-chip{min-height:54px;display:flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #d7e3f2;border-radius:12px;background:#fff;color:#152033;cursor:pointer;box-shadow:0 5px 15px rgba(25,50,86,.03)}
body.b221-premium-commerce-v680 .b221-v680-consult .contact-chip i{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#edf6ff;color:#0878ed;font-style:normal}
body.b221-premium-commerce-v680 .b221-v680-consult .contact-chip span{display:grid;gap:2px;text-align:left}
body.b221-premium-commerce-v680 .b221-v680-consult .contact-chip b{font-size:10px}
body.b221-premium-commerce-v680 .b221-v680-consult .contact-chip small{font-size:7.5px;color:#7c899b;max-width:175px}

/* HEADER: subtle v6.8 commercial finish without markup/schema changes */
body.b221-premium-commerce-v680 .b221-header{background:rgba(19,26,36,.98)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;box-shadow:none!important}
body.b221-premium-commerce-v680 .b221-v63-brand .b221-brand-mark{color:#fff!important}
body.b221-premium-commerce-v680 .b221-v63-brand small{color:#8d9aaa!important}
body.b221-premium-commerce-v680 .b221-v63-head-search{background:#202a37!important;border-color:#2f3c4c!important}
body.b221-premium-commerce-v680 .b221-v63-head-search input{color:#fff!important}
body.b221-premium-commerce-v680 .b221-v63-head-search input::placeholder{color:#8592a4!important}
body.b221-premium-commerce-v680 .b221-v63-nav .b221-menu a{color:#f5f7fa!important}
body.b221-premium-commerce-v680 .b221-v63-nav .b221-menu>li::after{background:var(--v680-gold)!important}
body.b221-premium-commerce-v680 .b221-v63-contact{background:#202a37!important;border-color:#354253!important;color:#fff!important}
body.b221-premium-commerce-v680 .b221-v63-cart{background:#202a37!important;border-color:#354253!important;color:#fff!important}
body.b221-premium-commerce-v680 .b221-menu-toggle{background:#202a37!important;border-color:#354253!important;color:#fff!important}

@media(max-width:1250px){
  body.b221-premium-commerce-v680 .b221-v680-hero-content{width:58%}
  body.b221-premium-commerce-v680 .b221-v680-hero-note{display:none}
  body.b221-premium-commerce-v680 .b221-v680-device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.b221-premium-commerce-v680 .b221-v680-problem-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.b221-premium-commerce-v680 .b221-v680-brand-row{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:980px){
  body.b221-premium-commerce-v680 .b221-v680-hero-shell{min-height:560px}
  body.b221-premium-commerce-v680 .b221-v680-hero-shade{background:linear-gradient(90deg,rgba(12,18,26,.98) 0%,rgba(12,18,26,.91) 52%,rgba(12,18,26,.48) 100%)}
  body.b221-premium-commerce-v680 .b221-v680-hero-content{width:72%;padding:44px 0 38px 32px}
  body.b221-premium-commerce-v680 .b221-v680-hero-float{display:none}
  body.b221-premium-commerce-v680 .b221-v680-commerce-grid{grid-template-columns:1fr}
  body.b221-premium-commerce-v680 .b221-v680-products .b221-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.b221-premium-commerce-v680 .b221-v680-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.b221-premium-commerce-v680 .b221-v680-trust-grid>div{border-left:0!important;border-bottom:1px solid rgba(255,255,255,.07)}
  body.b221-premium-commerce-v680 .b221-v680-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.b221-premium-commerce-v680 .b221-v680-consult-inner{grid-template-columns:1fr}
  body.b221-premium-commerce-v680 .b221-v680-consult .actions{justify-content:flex-start}
}
@media(max-width:720px){
  body.b221-premium-commerce-v680 .b221-v680-hero{padding-top:10px}
  body.b221-premium-commerce-v680 .b221-v680-hero-shell{min-height:610px;border-radius:17px}
  body.b221-premium-commerce-v680 .b221-v680-hero-bg img{object-position:67% 50%}
  body.b221-premium-commerce-v680 .b221-v680-hero-shade{background:linear-gradient(180deg,rgba(11,17,24,.97) 0%,rgba(11,17,24,.91) 48%,rgba(11,17,24,.43) 100%)}
  body.b221-premium-commerce-v680 .b221-v680-hero-content{width:100%;padding:30px 21px 22px}
  body.b221-premium-commerce-v680 .b221-v680-hero h1{font-size:clamp(40px,11vw,56px);max-width:520px}
  body.b221-premium-commerce-v680 .b221-v680-hero-content>p{font-size:14px;max-width:520px}
  body.b221-premium-commerce-v680 .b221-v680-hero-trust{gap:9px;margin-top:20px}
  body.b221-premium-commerce-v680 .b221-v680-hero-trust span{max-width:calc(50% - 5px);font-size:9px}
  body.b221-premium-commerce-v680 .b221-v680-devices{padding-top:8px}
  body.b221-premium-commerce-v680 .b221-v680-device-grid{display:flex;overflow:auto;gap:8px;padding-bottom:3px;scroll-snap-type:x proximity}
  body.b221-premium-commerce-v680 .b221-v680-device-card{min-width:150px;min-height:126px;scroll-snap-align:start}
  body.b221-premium-commerce-v680 .b221-v680-problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.b221-premium-commerce-v680 .b221-v680-problem-card{height:135px}
  body.b221-premium-commerce-v680 .b221-v680-commerce-card{min-height:330px}
  body.b221-premium-commerce-v680 .b221-v680-commerce-card .content{max-width:78%;padding:22px}
  body.b221-premium-commerce-v680 .b221-v680-commerce-card h2{font-size:27px}
  body.b221-premium-commerce-v680 .b221-v680-brand-row{display:flex;overflow:auto;gap:7px;padding-bottom:3px}
  body.b221-premium-commerce-v680 .b221-v680-brand-row>span,body.b221-premium-commerce-v680 .b221-v680-brand-row>a{min-width:106px;min-height:52px}
  body.b221-premium-commerce-v680 .b221-v680-trust-grid{grid-template-columns:1fr}
  body.b221-premium-commerce-v680 .b221-v680-trust-grid>div{min-height:52px}
  body.b221-premium-commerce-v680 .b221-v680-products .b221-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.b221-premium-commerce-v680 .b221-v680-products .b221-shop-media{min-height:130px}
  body.b221-premium-commerce-v680 .b221-v680-products .b221-shop-media img{max-height:125px}
  body.b221-premium-commerce-v680 .b221-v680-case-grid{grid-template-columns:1fr 1fr}
  body.b221-premium-commerce-v680 .b221-v680-case-card .media{height:105px}
  body.b221-premium-commerce-v680 .b221-v680-head{align-items:flex-start}
  body.b221-premium-commerce-v680 .b221-v680-head>a{display:none}
}
@media(max-width:460px){
  body.b221-premium-commerce-v680 .b221-v680-hero-shell{min-height:630px}
  body.b221-premium-commerce-v680 .b221-v680-eyebrow{font-size:9px}
  body.b221-premium-commerce-v680 .b221-v680-hero-actions{display:grid;grid-template-columns:1fr}
  body.b221-premium-commerce-v680 .b221-v680-btn{width:100%}
  body.b221-premium-commerce-v680 .b221-v680-hero-trust span{max-width:100%;width:100%}
  body.b221-premium-commerce-v680 .b221-v680-problem-grid{grid-template-columns:1fr 1fr;gap:7px}
  body.b221-premium-commerce-v680 .b221-v680-problem-card{height:118px}
  body.b221-premium-commerce-v680 .b221-v680-problem-card strong{font-size:10px}
  body.b221-premium-commerce-v680 .b221-v680-commerce-card .content{max-width:100%;padding:20px}
  body.b221-premium-commerce-v680 .b221-v680-commerce-card.shop .shade{background:linear-gradient(90deg,rgba(14,20,29,.98),rgba(14,20,29,.82))}
  body.b221-premium-commerce-v680 .b221-v680-commerce-card.repair .shade{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.82))}
  body.b221-premium-commerce-v680 .b221-v680-commerce-card .quality{display:none}
  body.b221-premium-commerce-v680 .b221-v680-products .b221-shop-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.b221-premium-commerce-v680 .b221-v680-products .b221-shop-card-actions{display:grid!important}
  body.b221-premium-commerce-v680 .b221-v680-case-grid{grid-template-columns:1fr}
  body.b221-premium-commerce-v680 .b221-v680-consult .actions{display:grid;grid-template-columns:1fr;width:100%}
  body.b221-premium-commerce-v680 .b221-v680-consult .contact-chip{width:100%}
}
@media(max-width:900px){
  body.b221-premium-commerce-v680 .b221-v63-nav{background:#18212c!important;border-color:#344150!important;box-shadow:0 22px 55px rgba(4,10,18,.34)!important}
  body.b221-premium-commerce-v680 .b221-v63-nav .b221-menu a{color:#fff!important}
  body.b221-premium-commerce-v680 .b221-v63-nav .b221-menu a:hover{color:var(--v680-gold)!important}
}
body.b221-premium-commerce-v680 .b221-v680-commerce-grid>.repair:only-child{grid-column:1/-1}

