/* Steel and Stud v8 - PDP deep-content suite + cart/checkout order terms
   Uses core theme tokens (navy/orange, Plus Jakarta Sans). */

/* ---------- section jump nav ---------- */
.pc-nav{position:sticky;top:64px;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-block:1px solid var(--rule);padding:10px 0}
.pc-nav .wrap{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.pc-nav .wrap::-webkit-scrollbar{display:none}
.pc-nav a{flex:0 0 auto;font-family:var(--display);font-weight:800;font-size:var(--fs-xs);letter-spacing:.02em;color:var(--muted);border:1.5px solid var(--rule);border-radius:99px;padding:7px 14px;white-space:nowrap;transition:all .15s}
.pc-nav a:hover{color:var(--primary);border-color:var(--primary)}
.pc-nav a.on{color:#fff;background:var(--primary);border-color:var(--primary)}

/* ---------- warranty stat band ---------- */
.pc-warr{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;background:var(--rule-dark);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-md)}
.pc-warr>div{background:linear-gradient(155deg,var(--primary-dark),var(--primary-mid));color:#DBE4F1;padding:26px 20px;text-align:center;position:relative;overflow:hidden}
.pc-warr>div::after{content:"";position:absolute;inset:auto -30% -55% auto;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(240,115,0,.28),transparent 65%)}
.pc-warr b{display:block;font-family:var(--display);font-size:2.6rem;line-height:1;color:#fff}
.pc-warr b i{font-style:normal;font-size:1rem;color:var(--accent);margin-left:4px}
.pc-warr span{display:block;font-size:var(--fs-xs);margin-top:8px;line-height:1.4}
.pc-warr span strong{color:#fff;display:block;font-size:var(--fs-sm)}

/* ---------- what's included dual panel ---------- */
.pc-incl{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
@media(max-width:900px){.pc-incl{grid-template-columns:1fr}}
.pc-incl>div{border-radius:var(--r-lg);padding:26px 24px;position:relative}
.pc-incl .free{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow-sm)}
.pc-incl .free::before{content:"INCLUDED AS STANDARD";position:absolute;top:-13px;left:22px;background:var(--success);color:#fff;font-family:var(--display);font-weight:800;font-size:.64rem;letter-spacing:.12em;padding:5px 13px;border-radius:99px}
.pc-incl .ups{background:linear-gradient(160deg,#FFF7EE,var(--accent-soft));border:1.5px solid #F5CFA4;box-shadow:var(--shadow-sm)}
.pc-incl .ups::before{content:"POPULAR UPGRADES + ADD-ONS";position:absolute;top:-13px;left:22px;background:var(--accent);color:#fff;font-family:var(--display);font-weight:800;font-size:.64rem;letter-spacing:.12em;padding:5px 13px;border-radius:99px;box-shadow:var(--shadow-glow)}
.pc-incl h3{font-size:1.05rem;margin:6px 0 4px}
.pc-incl .sub{font-size:var(--fs-sm);color:var(--muted);margin-bottom:16px}
.pc-incl ul{list-style:none;margin:0;padding:0;display:grid;gap:0}
.pc-incl li{display:grid;grid-template-columns:24px 1fr;gap:11px;padding:11px 0;border-bottom:1px dashed var(--rule);align-items:start}
.pc-incl li:last-child{border-bottom:0}
.pc-incl li b{font-size:var(--fs-sm);color:var(--ink);display:block}
.pc-incl li small{font-size:var(--fs-xs);color:var(--muted);line-height:1.45}
.pc-incl .free li .ic{width:22px;height:22px;border-radius:50%;background:var(--success-light);color:var(--success);display:grid;place-items:center;font-weight:900;font-size:.8rem;margin-top:2px}
.pc-incl .ups li .ic{width:22px;height:22px;border-radius:50%;background:#FFE1C2;color:var(--accent-dark);display:grid;place-items:center;font-weight:900;font-size:.9rem;margin-top:2px}

/* ---------- customize tabs ---------- */
.pc-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.pc-tabs button{font-family:var(--display);font-weight:800;font-size:var(--fs-xs);letter-spacing:.02em;border:1.5px solid var(--rule);background:var(--surface);color:var(--muted);border-radius:99px;padding:10px 18px;cursor:pointer;transition:all .15s}
.pc-tabs button:hover{border-color:var(--accent);color:var(--accent-dark)}
.pc-tabs button[aria-selected=true]{background:linear-gradient(120deg,var(--accent),#FF8F1F);border-color:transparent;color:#fff;box-shadow:var(--shadow-glow)}
.pc-panels>div{display:none;grid-template-columns:repeat(3,1fr);gap:16px}
.pc-panels>div.on{display:grid}
@media(max-width:860px){.pc-panels>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.pc-panels>div{grid-template-columns:1fr}}
.pc-copt{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);padding:20px 18px;box-shadow:var(--shadow-xs);position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s}
.pc-copt:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.pc-copt::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent 70%)}
.pc-copt h4{font-size:.92rem;margin:0 0 7px;display:flex;gap:8px;align-items:center}
.pc-copt p{font-size:var(--fs-xs);color:var(--muted);margin:0;line-height:1.55}

/* ---------- codes band ---------- */
.pc-codes{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.pc-codes>div{background:rgba(255,255,255,.06);border:1px solid rgba(219,228,241,.18);border-radius:var(--r);padding:20px 16px;text-align:center}
.pc-codes b{font-family:var(--display);font-size:1.2rem;color:#fff;display:block;margin-bottom:7px}
.pc-codes b::after{content:"";display:block;width:26px;height:2px;background:var(--accent);margin:8px auto 0;border-radius:2px}
.pc-codes span{font-size:var(--fs-xs);color:#A9BCD6;line-height:1.45;display:block}

/* ---------- use cases ---------- */
.pc-uses{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:860px){.pc-uses{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.pc-uses{grid-template-columns:1fr}}
.pc-uses>div{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);padding:20px 18px;display:grid;grid-template-columns:44px 1fr;gap:13px;align-items:start;transition:border-color .15s,transform .15s}
.pc-uses>div:hover{border-color:var(--accent);transform:translateY(-2px)}
.pc-uses .em{width:44px;height:44px;border-radius:var(--r-sm);background:var(--accent-soft);display:grid;place-items:center;font-size:1.3rem}
.pc-uses b{font-size:var(--fs-sm);color:var(--ink);display:block;margin-bottom:3px}
.pc-uses small{font-size:var(--fs-xs);color:var(--muted);line-height:1.45}

/* ---------- numbered process (maintenance / delivery / 3d steps) ---------- */
.pc-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;counter-reset:pcstep}
.pc-steps>div{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);padding:22px 18px 18px;position:relative;counter-increment:pcstep}
.pc-steps>div::before{content:counter(pcstep);position:absolute;top:-15px;left:16px;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#FF9838);color:#fff;font-family:var(--display);font-weight:800;display:grid;place-items:center;font-size:.9rem;box-shadow:var(--shadow-glow)}
.pc-steps b{font-size:var(--fs-sm);color:var(--ink);display:block;margin:4px 0 6px}
.pc-steps p{font-size:var(--fs-xs);color:var(--muted);margin:0;line-height:1.5}
.pc-steps.line{gap:26px 16px}
.pc-steps.line>div:not(:last-child)::after{content:"";position:absolute;top:2px;right:-22px;width:26px;height:2px;background:repeating-linear-gradient(90deg,var(--rule-dark) 0 5px,transparent 5px 9px)}
@media(max-width:700px){.pc-steps.line>div::after{display:none}}

/* ---------- 3 ways to order ---------- */
.pc-order{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;align-items:stretch}
.pc-order>div{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-lg);padding:26px 22px;display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-sm)}
.pc-order>div.pop{border:2px solid var(--accent);box-shadow:var(--shadow-lg);transform:scale(1.02)}
.pc-order .pop-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(120deg,var(--accent),#FF8F1F);color:#fff;font-family:var(--display);font-weight:800;font-size:.64rem;letter-spacing:.12em;padding:5px 15px;border-radius:99px;white-space:nowrap}
.pc-order h3{font-size:1.02rem;margin:4px 0 2px}
.pc-order .tag{font-size:var(--fs-xs);color:var(--accent-dark);font-weight:800;margin-bottom:10px}
.pc-order p{font-size:var(--fs-xs);color:var(--muted);line-height:1.5}
.pc-order ul{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:7px}
.pc-order li{font-size:var(--fs-xs);color:var(--body);display:grid;grid-template-columns:16px 1fr;gap:8px}
.pc-order li::before{content:"\2713";color:var(--success);font-weight:900}
.pc-order .btn{margin-top:auto}
.pc-order .fine{font-size:.66rem;color:var(--muted);text-align:center;margin:9px 0 0}

/* ---------- cost factors ---------- */
.pc-cost{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:860px){.pc-cost{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.pc-cost{grid-template-columns:1fr}}
.pc-cost>div{background:var(--surface);border-left:3px solid var(--accent);border-radius:var(--r-sm) var(--r) var(--r) var(--r-sm);padding:18px;box-shadow:var(--shadow-xs)}
.pc-cost h4{font-size:.9rem;margin:0 0 6px}
.pc-cost p{font-size:var(--fs-xs);color:var(--muted);margin:0;line-height:1.5}
.pc-cta{margin-top:26px;background:linear-gradient(120deg,var(--primary-dark),var(--primary));border-radius:var(--r-lg);padding:30px clamp(20px,4vw,44px);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;color:#DBE4F1;box-shadow:var(--shadow-lg)}
@media(max-width:760px){.pc-cta{grid-template-columns:1fr}}
.pc-cta b{font-family:var(--display);font-size:1.25rem;color:#fff;display:block;margin-bottom:6px}
.pc-cta p{font-size:var(--fs-sm);margin:0;color:#A9BCD6}

/* ---------- financing duo ---------- */
.pc-fin{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:760px){.pc-fin{grid-template-columns:1fr}}
.pc-fin>div{border-radius:var(--r-lg);padding:26px 24px;position:relative}
.pc-fin .trad{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow-sm)}
.pc-fin .rto{background:linear-gradient(160deg,#F0FDF4,#DCFCE7);border:1.5px solid #86EFAC}
.pc-fin .pill{display:inline-block;font-family:var(--display);font-weight:800;font-size:.62rem;letter-spacing:.1em;border-radius:99px;padding:4px 12px;margin-bottom:10px}
.pc-fin .trad .pill{background:var(--soft);color:var(--primary)}
.pc-fin .rto .pill{background:var(--success);color:#fff}
.pc-fin h3{font-size:1.05rem;margin:0 0 12px}
.pc-fin ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px}
.pc-fin li{font-size:var(--fs-sm);display:grid;grid-template-columns:18px 1fr;gap:9px}
.pc-fin li::before{content:"\2713";color:var(--success);font-weight:900}

/* ---------- trust band ---------- */
.pc-trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:var(--r-lg);overflow:hidden}
.pc-trust>div{background:var(--surface);padding:22px 14px;text-align:center}
.pc-trust b{font-family:var(--display);font-size:1.35rem;color:var(--primary);display:block}
.pc-trust span{font-size:var(--fs-xs);color:var(--muted)}

/* ============================================================
   ORDER TERMS + CART/CHECKOUT BUSINESS CONTENT
   ============================================================ */
.ot-how{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:22px 0}
.ot-how>div{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);padding:18px 16px;display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;box-shadow:var(--shadow-xs)}
.ot-how .n{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#FF9838);color:#fff;font-family:var(--display);font-weight:800;display:grid;place-items:center;box-shadow:var(--shadow-glow)}
.ot-how b{font-size:var(--fs-sm);color:var(--ink);display:block;margin-bottom:3px}
.ot-how small{font-size:var(--fs-xs);color:var(--muted);line-height:1.45}

.ot-card{background:linear-gradient(160deg,#FFFDF9,var(--accent-soft));border:1.5px solid #F0CFA6;border-radius:var(--r-lg);padding:26px clamp(18px,3vw,30px);margin-top:26px;position:relative;box-shadow:var(--shadow-sm)}
.ot-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--r-lg) var(--r-lg) 0 0;background:linear-gradient(90deg,var(--accent),var(--primary))}
.ot-card h2,.ot-card h3{font-size:1.15rem;display:flex;gap:10px;align-items:center;margin:0 0 16px}
.ot-card ul{list-style:none;margin:0;padding:0;display:grid;gap:0;grid-template-columns:1fr 1fr;column-gap:30px}
@media(max-width:820px){.ot-card ul{grid-template-columns:1fr}}
.ot-card li{display:grid;grid-template-columns:26px 1fr;gap:11px;padding:11px 0;border-bottom:1px dashed #EBD4B4;font-size:var(--fs-sm);line-height:1.55;align-items:start}
.ot-card li .ic{width:24px;height:24px;border-radius:var(--r-sm);background:#fff;border:1px solid #F0CFA6;display:grid;place-items:center;font-size:.85rem;margin-top:1px}
.ot-card li b{color:var(--ink)}
.ot-card .pol{grid-column:1/-1;border-bottom:0;padding-top:14px;font-size:var(--fs-xs);color:var(--muted)}
.ot-card .pol a{font-weight:700;text-decoration:underline;text-underline-offset:2px}

.ot-assure{display:flex;gap:12px;align-items:flex-start;background:var(--success-light);border:1px solid #86EFAC;border-radius:var(--r);padding:14px 16px;margin:18px 0}
.ot-assure .em{font-size:1.25rem}
.ot-assure p{margin:0;font-size:var(--fs-sm);color:#14532D;line-height:1.5}
.ot-assure p b{color:#052E16}

.ot-mini{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px dashed var(--rule);display:grid;gap:9px}
.ot-mini li{display:grid;grid-template-columns:20px 1fr;gap:9px;font-size:var(--fs-xs);color:var(--muted);line-height:1.5}
.ot-mini li b{color:var(--ink)}

.ot-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.ot-trust span{font-family:var(--display);font-weight:800;font-size:var(--fs-xs);background:var(--surface);border:1px solid var(--rule);border-radius:99px;padding:7px 14px;color:var(--primary)}

.ot-next{counter-reset:otn;display:grid;gap:0;margin-top:18px}
.ot-next>div{counter-increment:otn;display:grid;grid-template-columns:34px 1fr;gap:14px;padding:13px 0;border-bottom:1px dashed var(--rule);position:relative}
.ot-next>div:last-child{border-bottom:0}
.ot-next>div::before{content:counter(otn);width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--primary);font-family:var(--display);font-weight:800;font-size:.82rem;display:grid;place-items:center}
.ot-next b{font-size:var(--fs-sm);color:var(--ink);display:block}
.ot-next small{font-size:var(--fs-xs);color:var(--muted);line-height:1.5}

/* ---- Order complete / thank-you page (v59) ---- */
.ty-badge{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;margin:0 auto;color:#fff}
.ty-badge-ok{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 10px 30px -8px rgba(22,163,74,.55)}
.ty-eyebrow{display:inline-block;margin-top:16px;font-family:var(--display);font-weight:800;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#16a34a;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);border-radius:99px;padding:5px 14px}
.ty-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}
.ty-meta>span{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-sm);padding:10px 16px;min-width:120px;text-align:center;box-shadow:var(--shadow-xs)}
.ty-meta small{display:block;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.ty-meta b{font-size:.95rem;color:var(--ink)}
.ty-cartkept{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:22px;background:var(--accent-soft,#FFF7EE);border:1.5px solid #F5CFA4;border-radius:99px;padding:10px 18px;font-size:.9rem;color:var(--ink)}
.ty-cartkept a{font-weight:800;color:var(--accent-dark,#c2410c);white-space:nowrap}
.ty-detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.ty-detailgrid>div{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r);padding:16px 18px;box-shadow:var(--shadow-xs)}
.ty-detailgrid h3{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.ty-detailgrid p{margin:0;font-size:.92rem;color:var(--ink);line-height:1.6}
.ty-note{margin-top:14px;background:var(--surface);border:1px dashed var(--rule);border-radius:var(--r-sm);padding:12px 16px;font-size:.9rem;color:var(--ink)}
@media(max-width:640px){.ty-detailgrid{grid-template-columns:1fr}}

/* ===================== v209 - "All details" tabbed block ===================== */
.pdx{padding-block:clamp(40px,5vw,64px) 28px;background:#fff;border-top:1px solid var(--rule)}
.pdx-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.pdx-head h2{margin:4px 0 0;font-size:clamp(1.35rem,2.3vw,1.85rem);line-height:1.2}
.pdx-skip{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-weight:800;font-size:.8rem;color:var(--primary);border:1.5px solid var(--rule);border-radius:99px;padding:8px 14px;white-space:nowrap;text-decoration:none;transition:border-color .15s,color .15s}
.pdx-skip:hover{border-color:var(--accent);color:var(--accent-dark)}
.pdx-hl{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));border:1px solid var(--rule);border-radius:var(--r-lg);overflow:hidden;background:#F7F9FC}
.pdx-hl li{padding:14px 16px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:0 -1px -1px 0;min-width:0}
.pdx-hl span{display:block;font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:700}
.pdx-hl b{display:block;margin-top:4px;font-family:var(--display);font-size:.9rem;line-height:1.35;color:var(--ink)}
.pdx-sentinel{height:1px}
.pdx-bar{position:sticky;top:var(--pdx-top,64px);z-index:40;margin-top:22px;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule);transition:box-shadow .2s}
.pdx-bar.is-stuck{box-shadow:0 10px 24px -18px rgba(0,29,61,.45)}
.pdx-tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}
.pdx-tabs::-webkit-scrollbar{display:none}
.pdx-tabs button{position:relative;flex:0 0 auto;background:none;border:0;cursor:pointer;padding:15px 16px 14px;font-family:var(--display);font-weight:800;font-size:.86rem;color:var(--muted);white-space:nowrap;transition:color .15s}
.pdx-tabs button::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--accent);transform:scaleX(0);transition:transform .2s}
.pdx-tabs button:hover{color:var(--primary)}
.pdx-tabs button[aria-selected=true]{color:var(--ink)}
.pdx-tabs button[aria-selected=true]::after{transform:scaleX(1)}
.pdx-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:8px}
.pdx-panels{padding-top:28px;min-height:280px}
.pdx-panel[hidden]{display:none}
.pdx-panel h3{font-size:1.2rem;margin:0 0 8px}
.pdx-block{scroll-margin-top:calc(var(--pdx-top,64px) + 70px)}
.pdx-block+.pdx-block{margin-top:34px;padding-top:30px;border-top:1px dashed var(--rule)}
.pdx-lede{color:var(--muted);font-size:.93rem;line-height:1.6;max-width:820px;margin:0 0 20px}
.pdx .ss-foot-stats{margin-top:14px}
.pdx .ss-foot-copy{margin-top:16px;max-width:880px}
.pdx .pc-uses{margin-top:14px}
.pdx .ss-specs-table.pdx-specs{margin-top:14px;max-width:920px}
.pdx .pc-incl{margin-top:30px}
.pdx .pc-incl h4{font-size:1.02rem;margin:6px 0 4px}
.pdx .pc-order h4{font-size:1.02rem;margin:4px 0 2px}
.pdx .pc-fin h4{font-size:1.05rem;margin:0 0 12px}
.pdx .pc-cost,.pdx .pc-fin,.pdx .pc-order{margin-top:6px}
.pdx .pc-order{margin-top:22px}
.pdx .pc-trust{margin-top:20px}
.pdx .pc-warr{margin-top:14px}
.pdx .pc-steps{margin-top:26px}
.pdx .pc-tabs{margin-top:4px}
@media(min-width:1100px){.pc-incl.has-3{grid-template-columns:repeat(3,1fr)}}
@media(min-width:901px) and (max-width:1099px){.pc-incl.has-3 .nope{grid-column:1/-1}}
.pc-incl .nope{background:#F8FAFC;border:1.5px dashed #B8C4D3}
.pc-incl .nope::before{content:"NOT INCLUDED";position:absolute;top:-13px;left:22px;background:#475569;color:#fff;font-family:var(--display);font-weight:800;font-size:.64rem;letter-spacing:.12em;padding:5px 13px;border-radius:99px}
.pc-incl .nope li .ic{width:22px;height:22px;border-radius:50%;background:#E2E8F0;color:#475569;display:grid;place-items:center;font-weight:900;font-size:.9rem;margin-top:2px}
.pc-incl .free::before{content:"INCLUDED AS STANDARD"}
.pc-incl .ups::before{content:"OPTIONAL · ADD TO YOUR QUOTE"}
.pdx-navy{margin-top:6px;background:linear-gradient(150deg,var(--primary-dark),var(--primary-mid,#0B3A6E));border-radius:var(--r-lg);padding:22px}
.pdx-fine{font-size:var(--fs-xs);color:var(--muted);margin:14px 0 0;max-width:820px}
.pdx-next{display:flex;justify-content:flex-end;margin-top:28px;padding-top:18px;border-top:1px solid var(--rule)}
.pdx-next-a{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1.5px solid var(--rule);border-radius:99px;padding:10px 18px;font-family:var(--display);font-weight:800;font-size:.84rem;color:var(--primary);cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s,transform .15s}
.pdx-next-a:hover{border-color:var(--accent);color:var(--accent-dark);transform:translateX(2px)}
.pdx .faq details{background:var(--surface)}
@media(max-width:700px){
  .pdx-hl{grid-template-columns:1fr 1fr}
  .pdx-hl li{padding:12px 13px}
  .pdx-hl b{font-size:.82rem}
  .pdx-tabs button{padding:13px 12px 12px;font-size:.8rem}
  .pdx-tabs button::after{left:8px;right:8px}
  .pdx-panels{padding-top:22px}
  .pdx-next{justify-content:stretch}
  .pdx-next-a{width:100%;justify-content:center}
  .pdx .ss-specs-table th{width:40%;padding:11px 12px}
  .pdx .ss-specs-table td{padding:11px 12px;font-size:.85rem}
}

/* ===================== v209, related rows ===================== */
.rel-wrap{background:#F5F8FC;border-top:1px solid var(--rule)}
.rel-sec{padding-block:clamp(30px,4vw,44px)}
.rel-sec+.rel-sec{border-top:1px solid var(--rule)}
.rel-sec[hidden]{display:none}
.rel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.rel-head h2{margin:2px 0 0;font-size:clamp(1.2rem,2vw,1.5rem)}
.rel-sub{margin:4px 0 0;font-size:.88rem;color:var(--muted)}
.rel-ctl{display:flex;align-items:center;gap:8px}
.rel-more{font-family:var(--display);font-weight:800;font-size:.82rem;color:var(--accent-dark);text-decoration:none;margin-right:6px}
.rel-more:hover{text-decoration:underline}
.rel-clear{background:none;border:0;cursor:pointer;font-size:.8rem;color:var(--muted);text-decoration:underline;margin-right:6px}
.rel-arr{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--rule);background:#fff;color:var(--primary);display:grid;place-items:center;cursor:pointer;transition:border-color .15s,color .15s,opacity .15s}
.rel-arr:hover:not(:disabled){border-color:var(--accent);color:var(--accent-dark)}
.rel-arr:disabled{opacity:.35;cursor:default}
.rel-fits .rel-arr{display:none}
.rel-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 16px;scrollbar-width:thin;overscroll-behavior-x:contain}
.rel-cell{flex:0 0 calc((100% - 48px) / 4);min-width:250px;scroll-snap-align:start;display:flex}
.rel-cell>.pcard{width:100%}
.rel-row .reveal{opacity:1;transform:none}
@media(max-width:1000px){.rel-cell{flex-basis:calc((100% - 32px) / 3)}}
@media(max-width:760px){.rel-cell{flex-basis:calc((100% - 16px) / 2);min-width:230px}}
@media(max-width:520px){.rel-cell{flex-basis:78%;min-width:0}.rel-arr{display:none}}

/* ===================== v210 - Customer stories & project photos ===================== */
.ssx{position:relative;isolation:isolate;overflow:clip;background:#00172F;color:#C9D6E8;padding-block:clamp(52px,6vw,88px)}
.ssx-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.55;pointer-events:none}
.ssx-glow-a{width:520px;height:520px;left:-160px;top:-180px;background:radial-gradient(circle,rgba(240,115,0,.38),transparent 65%)}
.ssx-glow-b{width:620px;height:620px;right:-220px;bottom:-260px;background:radial-gradient(circle,rgba(56,132,255,.32),transparent 65%)}
.ssx::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%)}

.ssx-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap;margin-bottom:30px}
.ssx-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;font-family:var(--display);font-weight:800;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#FFB066}
.ssx-eyebrow::before{content:"";width:28px;height:2px;border-radius:2px;background:var(--accent)}
.ssx-head h2{margin:10px 0 0;color:#fff;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.08;letter-spacing:-.02em}
.ssx-head h2 em{font-style:normal;background:linear-gradient(90deg,#FF9A3C,#FFC27A);-webkit-background-clip:text;background-clip:text;color:transparent}
.ssx-lede{margin:12px 0 0;max-width:560px;font-size:.98rem;line-height:1.6;color:#A9BCD6}
.ssx-proof{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.ssx-proof li{min-width:128px;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(219,228,241,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ssx-proof b{display:block;font-family:var(--display);font-size:1.45rem;line-height:1;color:#fff}
.ssx-proof span{display:block;margin-top:6px;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:#93A9C6}

.ssx-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:22px;align-items:stretch}
.ssx-grid.no-photos,.ssx-grid.no-reviews{grid-template-columns:1fr}

/* photo mosaic */
.ssx-mosaic{display:grid;gap:12px;min-height:500px;grid-auto-rows:1fr}
.ssx-mosaic.n1{grid-template-columns:1fr}
.ssx-mosaic.n2{grid-template-columns:1fr 1fr}
.ssx-mosaic.n3{grid-template-columns:1.6fr 1fr;grid-template-rows:1fr 1fr}
.ssx-mosaic.n3 .t0{grid-row:1/3}
.ssx-mosaic.n4{grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:1fr 1fr}
.ssx-mosaic.n4 .t0{grid-row:1/3}.ssx-mosaic.n4 .t1{grid-column:2/4}
.ssx-mosaic.n5{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr}
.ssx-mosaic.n5 .t0{grid-column:1/3;grid-row:1/3}
.ssx-tile{position:relative;margin:0;border-radius:20px;overflow:hidden;background:#0B2747;box-shadow:0 18px 40px -22px rgba(0,0,0,.7);min-height:150px}
.ssx-open{all:unset;box-sizing:border-box;position:absolute;inset:0;cursor:zoom-in;display:block}
.ssx-open:focus-visible{outline:3px solid #FFB066;outline-offset:-3px;border-radius:20px}
.ssx-tile img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.001);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}
.ssx-tile:hover img{transform:scale(1.06)}
.ssx-tile::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,23,47,0) 45%,rgba(0,23,47,.86) 100%);opacity:.9;transition:opacity .3s}
.ssx-chip{position:absolute;z-index:2;top:12px;left:12px;font-family:var(--display);font-weight:800;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(240,115,0,.92);padding:6px 10px;border-radius:99px;box-shadow:0 6px 16px -6px rgba(240,115,0,.7)}
.ssx-zoom{position:absolute;z-index:2;top:12px;right:12px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(0,23,47,.55);border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transform:scale(.85);transition:opacity .25s,transform .25s}
.ssx-tile:hover .ssx-zoom,.ssx-open:focus-visible .ssx-zoom{opacity:1;transform:none}
.ssx-tile figcaption{position:absolute;z-index:2;left:14px;right:14px;bottom:12px;display:flex;flex-direction:column;gap:3px;color:#fff;transform:translateY(4px);transition:transform .3s}
.ssx-tile:hover figcaption{transform:none}
.ssx-cat{font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:#FFC27A;font-weight:800}
.ssx-tile figcaption b{font-family:var(--display);font-size:.9rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ssx-tile:not(.t0) figcaption b{font-size:.78rem;-webkit-line-clamp:1}
.ssx-tile.t0 figcaption b{font-size:1.05rem}
.ssx-more{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;text-decoration:none;background:rgba(0,23,47,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:background .25s}
.ssx-more:hover{background:rgba(240,115,0,.82)}
.ssx-more b{font-family:var(--display);font-size:1.7rem;line-height:1}
.ssx-more span{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}

/* side: review spotlight, share, all-link */
.ssx-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.ssx-rv{position:relative;flex:1;display:flex;flex-direction:column;padding:22px 24px 20px;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid rgba(219,228,241,.16);box-shadow:0 24px 50px -30px rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ssx-rv-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ssx-rv-k{font-family:var(--display);font-weight:800;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#93A9C6}
.ssx-rv-nav{display:flex;align-items:center;gap:8px}
.ssx-rv-nav button{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(219,228,241,.22);transition:background .2s,border-color .2s}
.ssx-rv-nav button:hover{background:var(--accent);border-color:var(--accent)}
.ssx-rv-count{font-size:.78rem;color:#93A9C6;min-width:38px;text-align:center}
.ssx-rv-count b{color:#fff}
.ssx-rv-track{display:grid;flex:1;margin-top:14px;touch-action:pan-y}
.ssx-quote{grid-area:1/1;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateX(14px);transition:opacity .45s,transform .45s,visibility 0s .45s}
.ssx-quote.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .45s,transform .45s}
.ssx-qmark{font-family:Georgia,serif;font-size:4.2rem;line-height:.6;height:30px;color:var(--accent);opacity:.9}
.ssx-stars{color:#FFB066;letter-spacing:2px;margin-top:6px}
.ssx-quote blockquote{margin:10px 0 0;padding:0;border:0}
.ssx-quote blockquote p{margin:0;font-size:1.02rem;line-height:1.65;color:#E6EDF6}
.ssx-quote footer{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:20px;background:none;border:0}
.ssx-av{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:.9rem;color:#fff;background:linear-gradient(135deg,#F07300,#FFB066);box-shadow:0 0 0 3px rgba(240,115,0,.18)}
.ssx-who{display:flex;flex-direction:column;min-width:0}
.ssx-who b{font-family:var(--display);color:#fff;font-size:.95rem}
.ssx-who span{font-size:.76rem;color:#93A9C6}
.ssx-dots{display:flex;gap:6px;margin-top:16px}
.ssx-dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(219,228,241,.28);cursor:pointer;transition:width .3s,background .3s}
.ssx-dots button[aria-selected=true]{width:26px;background:var(--accent)}
.ssx-share{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:linear-gradient(120deg,rgba(240,115,0,.16),rgba(240,115,0,.05));border:1px solid rgba(255,176,102,.28)}
.ssx-share-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#FFB066;background:rgba(240,115,0,.14)}
.ssx-share-tx b{display:block;font-family:var(--display);color:#fff;font-size:.95rem}
.ssx-share-tx span{display:block;font-size:.78rem;line-height:1.45;color:#A9BCD6;margin-top:2px}
.ssx-share .btn{white-space:nowrap}
.ssx-all{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:14px;font-family:var(--display);font-weight:800;font-size:.86rem;color:#fff;text-decoration:none;border:1px solid rgba(219,228,241,.22);transition:background .2s,border-color .2s}
.ssx-all:hover{background:rgba(255,255,255,.06);border-color:#FFB066;color:#FFB066}
.ssx .ss-photo-note{margin-top:22px;background:rgba(255,255,255,.05);border-color:rgba(219,228,241,.16);border-left-color:var(--accent);color:#A9BCD6;max-width:none}
.ssx .ss-photo-note svg{color:#FFB066}

/* lightbox */
.ssx-lb{padding:0;border:0;background:transparent;max-width:min(1100px,94vw);width:100%;max-height:94vh;color:#fff;overflow:visible}
.ssx-lb::backdrop{background:rgba(0,12,26,.86);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ssx-lb-in{position:relative;display:flex;flex-direction:column;gap:12px}
.ssx-lb-fig{margin:0;border-radius:18px;overflow:hidden;background:#000}
.ssx-lb-fig img{display:block;width:100%;max-height:72vh;object-fit:contain;background:#000}
.ssx-lb-fig figcaption{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;background:#00172F;font-size:.88rem;color:#DCE6F2}
.ssx-lb-n{color:#93A9C6;white-space:nowrap}
.ssx-lb-x{position:absolute;top:-14px;right:-14px;z-index:3;width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;font-size:1.6rem;line-height:1;color:#00172F;background:#fff;box-shadow:0 8px 20px -6px rgba(0,0,0,.6)}
.ssx-lb-arr{position:absolute;z-index:2;top:36%;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;background:rgba(0,23,47,.6);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ssx-lb-arr:hover{background:var(--accent);border-color:var(--accent)}
.ssx-lb-arr.is-l{left:14px}.ssx-lb-arr.is-r{right:14px}
.ssx-lb-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}
.ssx-lb-strip::-webkit-scrollbar{display:none}
.ssx-lb-strip button{flex:0 0 auto;width:84px;height:62px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer;opacity:.55;background:#000;transition:opacity .2s,border-color .2s}
.ssx-lb-strip button[aria-current=true]{opacity:1;border-color:var(--accent)}
.ssx-lb-strip img{width:100%;height:100%;object-fit:cover;display:block}
.ssx-lb-all{align-self:center;display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:800;font-size:.85rem;color:#FFB066;text-decoration:none}

@media(max-width:1000px){
  .ssx-grid{grid-template-columns:1fr}
  .ssx-mosaic{min-height:420px}
}
@media(max-width:700px){
  .ssx-head{margin-bottom:22px}
  .ssx-proof{width:100%}
  .ssx-proof li{flex:1;min-width:0;padding:12px}
  .ssx-proof b{font-size:1.15rem}
  .ssx-mosaic,.ssx-mosaic.n2,.ssx-mosaic.n3,.ssx-mosaic.n4,.ssx-mosaic.n5{display:flex;gap:10px;min-height:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}
  .ssx-mosaic::-webkit-scrollbar{display:none}
  .ssx-tile{flex:0 0 82%;aspect-ratio:4/3;scroll-snap-align:center}
  .ssx-tile:not(.t0) figcaption b{font-size:.86rem;-webkit-line-clamp:2}
  .ssx-zoom{opacity:1;transform:none}
  .ssx-rv{padding:18px}
  .ssx-quote blockquote p{font-size:.95rem}
  .ssx-share{grid-template-columns:auto 1fr}
  .ssx-share .btn{grid-column:1/-1;width:100%}
  .ssx-lb-x{top:8px;right:8px}
  .ssx-lb-arr{top:30%;width:40px;height:40px}
}
@media (prefers-reduced-motion:reduce){.ssx-tile img,.ssx-quote,.ssx-zoom,.ssx-tile figcaption{transition:none}}
.ssx-quote footer{position:relative}
.ssx-quote footer::before,.ssx-quote footer::after{content:none;display:none}
.ssx-quote footer{border-top:1px solid rgba(219,228,241,.12);margin-top:auto;padding-top:16px}
.ssx-rv-track .ssx-quote blockquote{flex:0 0 auto}
.ssx-quote{min-height:100%}
.ssx-quote{transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}
.ssx-quote.is-on{transition:opacity .45s ease .18s,transform .45s ease .18s,visibility 0s linear 0s}