/* Magpie shopping redesign — concept.css scoped under .shopx so it
   composes with the site chrome in styles-v2.css. Built 2026-11-06. */
.shopx{box-sizing:border-box;}
.shopx{
  --paper:#FAF7F1;
  --paper-2:#F2ECDF;
  --card:#FFFFFF;
  --ink:#1D1A16;
  --ink-2:#5C564C;
  --ink-3:#93897B;
  --line:#E4DCCB;
  --signal:#006AFC;
  --signal-deep:#0053C7;
  --signal-soft:#E4EEFE;
  --mint:#A9E8C9;
  --grad:linear-gradient(94deg,#006AFC 0%,#019BFC 32%,#03C9AB 68%,#2FE07E 100%);
  --radius:20px;
  --shadow:0 18px 40px -18px rgba(29,26,22,.28);
  --shadow-sm:0 8px 22px -10px rgba(29,26,22,.22);
}
.shopx *{margin:0;padding:0;box-sizing:border-box;}
.shopx{
  font-family:'Manrope',-apple-system,'Helvetica Neue',Arial,sans-serif;
  background:var(--paper);
  color:var(--ink);
  line-height:1.45;
  font-size:16px;
}
.shopx img{display:block;max-width:100%;}
.shopx a{color:inherit;text-decoration:none;}
.shopx .wrap{max-width:1360px;margin:0 auto;padding:0 40px;}
.shopx .topbar{
  display:flex;align-items:center;gap:28px;
  padding:18px 40px;border-bottom:1px solid var(--line);
  max-width:1440px;margin:0 auto;
}
.shopx .topbar .logo{height:34px;width:auto;}
.shopx .topbar nav{display:flex;gap:26px;margin-left:12px;}
.shopx .topbar nav a{font-weight:700;font-size:15px;color:var(--ink-2);}
.shopx .topbar nav a.on{color:var(--ink);box-shadow:inset 0 -3px 0 var(--signal);}
.shopx .topbar .spacer{flex:1;}
.shopx .market-chip{
  display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px;
  border:1.5px solid var(--ink);border-radius:999px;padding:8px 16px;background:var(--card);
}
.shopx .market-chip svg{flex:none;}
.shopx .biz-chip{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;color:var(--ink-2);}
.shopx .biz-chip .avatar{
  width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--paper);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;
}
.shopx .avatar-creator{background:var(--signal)!important;}
.shopx .pagehead{padding:44px 0 8px;}
.shopx .eyebrow{
  font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--signal-deep);
  display:flex;align-items:center;gap:10px;
}
.shopx .eyebrow::after{content:"";height:1px;width:64px;background:var(--signal);opacity:.5;}
.shopx .pagehead h1,.shopx .pagehead h2{
  font-size:52px;line-height:1.04;font-weight:800;letter-spacing:-.03em;margin:14px 0 12px;max-width:16em;
}
.shopx .pagehead .lede{font-size:19px;color:var(--ink-2);max-width:56ch;font-weight:500;}
.shopx .pagehead .lede strong{color:var(--ink);}
.shopx .toolbar{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  padding:22px 0 6px;
}
.shopx .count{font-size:15px;font-weight:800;}
.shopx .count span{color:var(--ink-3);font-weight:600;}
.shopx .sort{
  margin-left:auto;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--ink-2);
}
.shopx .sort .pill{
  border:1.5px solid var(--ink);background:var(--card);border-radius:999px;
  padding:9px 16px;font-weight:800;color:var(--ink);display:flex;gap:8px;align-items:center;font-size:14px;
}
.shopx .layout{display:grid;grid-template-columns:250px 1fr;gap:40px;padding:26px 0 0;align-items:start;}
.shopx .filters{background:transparent;}
.shopx .filters .f-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:14px;border-bottom:2px solid var(--ink);}
.shopx .filters .f-head b{font-size:16px;font-weight:800;}
.shopx .filters .f-head a{font-size:13px;font-weight:700;color:var(--signal-deep);}
.shopx .f-group{padding:20px 0 6px;border-bottom:1px solid var(--line);}
.shopx .f-group:last-child{border-bottom:none;}
.shopx .f-group h4{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);margin-bottom:13px;}
.shopx .f-row{display:flex;align-items:center;gap:11px;padding:6px 0;font-size:15px;font-weight:600;color:var(--ink-2);cursor:pointer;}
.shopx .f-row .box{
  width:20px;height:20px;border-radius:6px;border:1.5px solid #C9C0AC;background:var(--card);flex:none;
  display:flex;align-items:center;justify-content:center;color:#fff;
}
.shopx .f-row.sel{color:var(--ink);font-weight:700;}
.shopx .f-row.sel .box{background:var(--signal);border-color:var(--signal);}
.shopx .f-row .n{margin-left:auto;font-size:12.5px;color:var(--ink-3);font-weight:700;}
.shopx .f-row .dot{width:11px;height:11px;border-radius:50%;border:1.5px solid #C9C0AC;flex:none;background:var(--card);}
.shopx .f-row.sel .dot{border-color:var(--signal);background:var(--signal);box-shadow:inset 0 0 0 2.5px var(--paper);}
.shopx .range-track{height:6px;border-radius:99px;background:var(--line);position:relative;margin:12px 2px 8px;}
.shopx .range-track .fill{position:absolute;left:0;top:0;bottom:0;width:38%;border-radius:99px;background:var(--signal);}
.shopx .range-track .knob{position:absolute;left:38%;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:var(--card);border:2px solid var(--signal);box-shadow:var(--shadow-sm);}
.shopx .range-labels{display:flex;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--ink-3);}
.shopx .range-value{font-size:14px;font-weight:800;color:var(--ink);margin-top:8px;}
.shopx .range-value span{color:var(--signal-deep);}
.shopx .chips{display:flex;flex-wrap:wrap;gap:8px;}
.shopx .chips .chip{
  border:1.5px solid #C9C0AC;background:var(--card);border-radius:999px;padding:7px 13px;
  font-size:13.5px;font-weight:700;color:var(--ink-2);
}
.shopx .chips .chip.sel{border-color:var(--ink);background:var(--ink);color:var(--paper);}
.shopx .chiprow{display:none;}
.shopx .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 26px;}
.shopx .tile{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;box-shadow:0 2px 10px -4px rgba(29,26,22,.08);
  display:flex;flex-direction:column;
}
.shopx .tile .photo{position:relative;aspect-ratio:4/4.1;overflow:hidden;background:var(--paper-2);}
.shopx .tile .photo img{width:100%;height:100%;object-fit:cover;}
.shopx .tile .badges{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:7px;align-items:flex-start;}
.shopx .badge{
  display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.02em;
  padding:6px 11px;border-radius:999px;
}
.shopx .badge.dark{background:var(--ink);color:var(--paper);}
.shopx .badge.light{background:rgba(250,247,241,.94);color:var(--ink);}
.shopx .badge svg{flex:none;}
.shopx .savebtn{
  position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;
  background:rgba(250,247,241,.95);display:flex;align-items:center;justify-content:center;color:var(--ink);
  box-shadow:var(--shadow-sm);
}
.shopx .savebtn.saved{background:var(--ink);color:var(--paper);}
.shopx .tile .body{padding:20px 20px 18px;display:flex;flex-direction:column;gap:0;flex:1;}
.shopx .tile h3{font-size:21px;font-weight:800;letter-spacing:-.015em;}
.shopx .tile .meta{font-size:14px;color:var(--ink-2);font-weight:600;margin-top:3px;display:flex;align-items:center;gap:6px;}
.shopx .tile .meta svg{color:var(--signal);flex:none;}
.shopx .localrow{display:flex;gap:16px;align-items:center;margin:16px 0 4px;}
.shopx .localnum{font-size:46px;font-weight:800;letter-spacing:-.04em;line-height:.95;}
.shopx .localnum small{font-size:26px;font-weight:800;}
.shopx .localcap{flex:1;}
.shopx .localcap .cap{font-size:13.5px;font-weight:700;color:var(--ink-2);line-height:1.35;}
.shopx .localbar{height:7px;border-radius:99px;background:var(--paper-2);margin-top:8px;overflow:hidden;}
.shopx .localbar i{display:block;height:100%;border-radius:99px;background:var(--signal);}
.shopx .price{display:flex;align-items:baseline;gap:8px;margin-top:12px;}
.shopx .price .amt{font-size:21px;font-weight:800;letter-spacing:-.01em;}
.shopx .price .per{font-size:13.5px;color:var(--ink-2);font-weight:600;}
.shopx .price .free-note{font-size:12.5px;color:var(--signal-deep);font-weight:800;background:var(--signal-soft);padding:3px 9px;border-radius:99px;}
/* Local follower count, highlighted directly under the % (Jeff, 2026-11-06) */
.shopx .localcount{
  display:inline-block;background:var(--mint);color:var(--ink);
  font-size:13.5px;font-weight:800;letter-spacing:.01em;
  padding:5px 11px;border-radius:99px;margin-top:9px;
}
.shopx .localcount.sm{font-size:12.5px;padding:4px 9px;margin-top:8px;}
.shopx .tile .body .localcount,.shopx .tile .body .comptoggle{align-self:flex-start;}
/* Accepts-comps toggle: ON = mint-highlighted, knob right; OFF = muted, knob left */
.shopx .comptoggle{
  display:inline-flex;align-items:center;gap:9px;line-height:1;
  padding:5px 13px 5px 6px;border-radius:999px;
  border:1.5px solid var(--line);background:var(--paper-2);
  font-size:13px;font-weight:800;color:var(--ink-3);
}
.shopx .comptoggle .ct-track{
  width:34px;height:20px;border-radius:99px;background:#D8D0BC;
  position:relative;flex:none;display:inline-block;
}
.shopx .comptoggle .ct-knob{
  position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;
  background:#fff;box-shadow:0 1px 3px rgba(29,26,22,.35);
}
.shopx .comptoggle.on{background:#DFF6E9;border-color:#7BD6A8;color:var(--ink);}
.shopx .comptoggle.on .ct-track{background:var(--signal);}
.shopx .comptoggle.on .ct-knob{left:17px;}
.shopx .comptoggle.mini{padding:4px 10px 4px 4px;font-size:11.5px;gap:7px;border-width:1.5px;}
.shopx .comptoggle.mini .ct-track{width:28px;height:17px;}
.shopx .comptoggle.mini .ct-knob{width:11px;height:11px;}
.shopx .comptoggle.mini.on .ct-knob{left:14px;}
.shopx .tile .body .comptoggle{margin-top:10px;}
.shopx .mini-tile .comptoggle{margin-top:9px;}
.shopx .buybox .comptoggle{margin-top:14px;}
.shopx .ratecard .comptoggle{margin-right:9px;vertical-align:middle;}
/* Tray: local count under the big % + toggle row on the dark band */
.shopx .tray-grid .cell.big{flex-wrap:wrap;}
.shopx .tray-grid .cell .tcount{
  flex-basis:100%;font-size:12.5px;font-weight:800;color:var(--mint);margin-top:3px;letter-spacing:.01em;
}
.shopx .tray .comptoggle{background:#2A271F;border-color:#4A453B;color:#A79E8D;}
.shopx .tray .comptoggle .ct-track{background:#57503F;}
.shopx .tray .comptoggle.on{background:#173527;border-color:var(--mint);color:var(--paper);}
/* Two ways to book: doors band */
.shopx .doors{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.shopx .door{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 2px 10px -4px rgba(29,26,22,.08);}
.shopx .door h3{font-size:19px;font-weight:800;letter-spacing:-.01em;margin-bottom:14px;}
.shopx .door .ph-card{margin-top:0;}
.shopx .door .door-line{margin-top:14px;font-size:14.5px;font-weight:700;}
/* Left door: bounded mini-shelf that scrolls through creators.
   The shelf is absolutely positioned so the door's height is set by the
   right door alone; the shelf fills whatever height the row gives it. */
.shopx .door{position:relative;}
.shopx .door-shelfwrap{position:absolute;left:21px;right:21px;top:63px;bottom:21px;display:flex;}
.shopx .door-shelf{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;padding:2px 2px 18px;margin:-2px -2px 0;}
.shopx .door-shelf::-webkit-scrollbar{display:none;}
.shopx .door-shelf .ph-card{margin-top:13px;}
.shopx .door-shelf .ph-card:first-child{margin-top:0;}
.shopx .door-fade{position:absolute;left:0;right:0;bottom:0;height:52px;background:linear-gradient(rgba(255,255,255,0),#fff 84%);pointer-events:none;}
.shopx .tray .comptoggle.on .ct-track{background:var(--signal);}
/* Homepage phone card: count chip + toggle row */
.shopx .ph-lcount{
  display:inline-block;margin-top:9px;background:var(--mint);color:var(--ink);
  font-size:11.5px;font-weight:800;padding:4px 9px;border-radius:99px;
}
.shopx .ph-tog{margin-top:10px;}
.shopx .rc-toggle-row{padding-top:2px;}
.shopx .proof{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:12px;padding-top:13px;border-top:1px solid var(--line);}
.shopx .proof span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ink-2);}
.shopx .proof svg{color:var(--signal);flex:none;}
.shopx .quiet{font-size:12px;color:var(--ink-3);font-weight:600;margin-top:9px;}
.shopx .actions{display:flex;gap:10px;margin-top:16px;}
.shopx .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:inherit;font-weight:800;font-size:15px;border-radius:999px;padding:13px 22px;
  border:1.5px solid var(--ink);cursor:pointer;white-space:nowrap;
}
.shopx .btn.ink{background:var(--ink);color:var(--paper);}
.shopx .btn.ghost{background:transparent;color:var(--ink);}
.shopx .btn.grad{background:var(--grad);border:none;color:#fff;box-shadow:0 12px 26px -10px rgba(0,106,252,.55);}
.shopx .btn.flex{flex:1;}
.shopx .btn.sm{padding:10px 18px;font-size:14px;}
.shopx .tray{
  margin:56px 0 0;background:var(--ink);color:var(--paper);border-radius:26px;padding:34px 36px 30px;
}
.shopx .tray .eyebrow{color:var(--mint);}
.shopx .tray .eyebrow::after{background:var(--mint);}
.shopx .tray h2{font-size:30px;font-weight:800;letter-spacing:-.02em;margin:10px 0 4px;}
.shopx .tray .sub{color:#CFC8BA;font-size:15px;font-weight:500;}
.shopx .tray-grid{display:grid;grid-template-columns:130px repeat(3,1fr);gap:0 26px;margin-top:26px;}
.shopx .tray-grid>*{min-width:0;}
.shopx .tray-head img{flex:none;}
.shopx .tray-grid .lab{
  font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#A79E8D;
  padding:13px 0;border-top:1px solid #3A362E;display:flex;align-items:center;
}
.shopx .tray-grid .cell{padding:13px 0;border-top:1px solid #3A362E;font-size:15.5px;font-weight:700;display:flex;align-items:center;}
.shopx .tray-grid .cell.big{font-size:22px;font-weight:800;}
.shopx .tray-grid .cell .dim{color:#A79E8D;font-weight:600;font-size:13px;margin-left:6px;}
.shopx .tray-head{display:flex;flex-direction:column;gap:9px;padding-bottom:4px;}
.shopx .tray-head .who{display:flex;align-items:center;gap:11px;}
.shopx .tray-head img{width:46px;height:46px;border-radius:50%;object-fit:cover;}
.shopx .tray-head b{font-size:16.5px;font-weight:800;line-height:1.15;}
.shopx .tray-head .rec{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink);background:var(--mint);border-radius:99px;padding:3px 9px;align-self:flex-start;}
.shopx .tray-grid .tray-head{padding-top:20px;border-top:3px solid transparent;}
.shopx .tray-grid .tm{
  border-left:3px solid var(--mint);border-right:3px solid var(--mint);
  padding-left:16px;padding-right:16px;
}
.shopx .tray-grid .tray-head.tm{
  border-top:3px solid var(--mint);border-top-left-radius:18px;border-top-right-radius:18px;
  position:relative;
}
.shopx .tray-grid .tmlast{
  border-bottom:3px solid var(--mint);border-bottom-left-radius:18px;border-bottom-right-radius:18px;
  padding-bottom:20px;
}
.shopx .tmtag{
  position:absolute;top:-13px;left:50%;transform:translateX(-50%);
  background:var(--mint);color:var(--ink);font-size:11px;font-weight:800;
  letter-spacing:.09em;text-transform:uppercase;border-radius:99px;padding:4px 12px;white-space:nowrap;
}
.shopx .tray .btn.ghost{border-color:#6E675A;color:var(--paper);}
.shopx .tray .tfoot{display:flex;gap:10px;margin-top:22px;align-items:center;}
.shopx .tray .tfoot p{font-size:13.5px;color:#A79E8D;font-weight:600;margin-left:6px;}
.shopx .crumbs{padding:22px 0 0;font-size:13.5px;font-weight:700;color:var(--ink-3);display:flex;gap:9px;align-items:center;flex-wrap:wrap;}
.shopx .crumbs b{color:var(--ink);}
.shopx .pdp{display:grid;grid-template-columns:1fr 372px;gap:44px;padding:20px 0 0;align-items:start;}
.shopx .gallery .main{border-radius:24px;overflow:hidden;aspect-ratio:4/3.1;background:var(--paper-2);}
.shopx .gallery .main img{width:100%;height:100%;object-fit:cover;}
.shopx .gallery .thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px;}
.shopx .gallery .thumbs img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;}
.shopx .gallery .thumbs .on{outline:3px solid var(--signal);outline-offset:-3px;}
.shopx .pdp h1,.shopx .pdp h2{font-size:46px;font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-top:28px;}
.shopx .pdp .who-meta{display:flex;align-items:center;gap:8px;color:var(--ink-2);font-weight:600;font-size:16px;margin-top:8px;flex-wrap:wrap;}
.shopx .pdp .who-meta svg{color:var(--signal);}
.shopx .pdp .badge-row{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;}
.shopx .pdp .badge-row .badge{border:1px solid var(--line);}
.shopx .hero-local{
  margin-top:24px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:24px 26px;display:flex;gap:26px;align-items:center;box-shadow:var(--shadow-sm);
}
.shopx .hero-local .localnum{font-size:74px;}
.shopx .hero-local .cap{font-size:16.5px;font-weight:700;line-height:1.4;}
.shopx .hero-local .cap span{color:var(--ink-2);font-weight:600;}
.shopx .hero-local .localbar{height:9px;margin-top:11px;}
.shopx .section{margin-top:38px;}
.shopx .section > h2{font-size:24px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:baseline;gap:12px;}
.shopx .section > h2 .hint{font-size:13.5px;color:var(--ink-3);font-weight:700;letter-spacing:0;}
.shopx .card{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;margin-top:16px;
}
.shopx .deliv-row{display:flex;gap:13px;padding:11px 0;border-bottom:1px solid var(--line);font-size:16px;font-weight:600;align-items:flex-start;}
.shopx .deliv-row:last-child{border-bottom:none;}
.shopx .deliv-row svg{color:var(--signal);flex:none;margin-top:3px;}
.shopx .deliv-row b{font-weight:800;}
.shopx .deliv-row span{color:var(--ink-2);}
.shopx .spec-bar{display:grid;grid-template-columns:118px 1fr 46px;gap:14px;align-items:center;padding:8px 0;font-size:15px;font-weight:700;}
.shopx .spec-bar .track{height:9px;border-radius:99px;background:var(--paper-2);overflow:hidden;}
.shopx .spec-bar .track i{display:block;height:100%;background:var(--signal);border-radius:99px;}
.shopx .spec-bar .track i.faint{background:#C9C0AC;}
.shopx .spec-bar .val{text-align:right;font-weight:800;}
.shopx .spec-notes{display:flex;gap:10px 26px;flex-wrap:wrap;margin-top:14px;padding-top:15px;border-top:1px solid var(--line);}
.shopx .spec-notes span{font-size:14px;font-weight:600;color:var(--ink-2);display:inline-flex;gap:7px;align-items:center;}
.shopx .spec-notes svg{color:var(--signal);}
.shopx .proof-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px;}
.shopx .proof-stat{background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:20px 22px;}
.shopx .proof-stat .n{font-size:36px;font-weight:800;letter-spacing:-.03em;line-height:1;}
.shopx .proof-stat .t{font-size:13.5px;color:#CFC8BA;font-weight:600;margin-top:7px;line-height:1.4;}
.shopx .post-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;}
.shopx .post-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;}
.shopx .post-card img{width:118px;height:100%;object-fit:cover;flex:none;}
.shopx .post-card .pc-body{padding:15px 17px;}
.shopx .post-card b{font-size:15px;font-weight:800;display:block;}
.shopx .post-card p{font-size:13.5px;color:var(--ink-2);font-weight:600;margin-top:4px;line-height:1.45;}
.shopx .post-card p strong{color:var(--signal-deep);}
.shopx .momentum{
  margin-top:16px;background:var(--signal-soft);border-radius:var(--radius);padding:20px 24px;
  display:flex;gap:18px;align-items:center;
}
.shopx .momentum .score{font-size:40px;font-weight:800;letter-spacing:-.03em;color:var(--signal-deep);line-height:1;white-space:nowrap;}
.shopx .momentum p{font-size:14.5px;font-weight:600;color:#274268;line-height:1.5;}
.shopx .momentum p b{font-weight:800;}
.shopx .similar{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:16px;}
.shopx .mini-tile{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;}
.shopx .mini-tile img{width:100%;aspect-ratio:16/10;object-fit:cover;}
.shopx .mini-tile .mt-body{padding:14px 16px 16px;}
.shopx .mini-tile b{font-size:16px;font-weight:800;}
.shopx .mini-tile .mt-meta{font-size:13px;color:var(--ink-2);font-weight:600;margin:2px 0 8px;}
.shopx .mini-tile .mt-local{font-size:15px;font-weight:800;}
.shopx .mini-tile .mt-local span{color:var(--ink-3);font-weight:600;font-size:12.5px;}
.shopx .buybox{
  background:var(--card);border:1.5px solid var(--ink);border-radius:24px;padding:26px;
  box-shadow:var(--shadow);
}
.shopx .buybox .bb-eyebrow{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);}
.shopx .buybox h3{font-size:22px;font-weight:800;letter-spacing:-.02em;margin-top:6px;}
.shopx .opt{
  border:1.5px solid var(--line);border-radius:16px;padding:15px 16px;margin-top:12px;display:flex;gap:12px;align-items:flex-start;
}
.shopx .opt.sel{border-color:var(--signal);background:#F6FAFF;}
.shopx .opt .radio{width:20px;height:20px;border-radius:50%;border:2px solid #C9C0AC;flex:none;margin-top:2px;}
.shopx .opt.sel .radio{border-color:var(--signal);background:var(--signal);box-shadow:inset 0 0 0 3px #fff;}
.shopx .opt b{font-size:15.5px;font-weight:800;display:block;}
.shopx .opt .amt{margin-left:auto;font-size:17px;font-weight:800;white-space:nowrap;}
.shopx .opt p{font-size:13px;color:var(--ink-2);font-weight:600;margin-top:2px;line-height:1.4;}
.shopx .bb-label{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:20px 0 9px;}
.shopx .date-chips{display:flex;gap:8px;flex-wrap:wrap;}
.shopx .date-chips .chip{border:1.5px solid #C9C0AC;background:var(--card);border-radius:12px;padding:9px 13px;font-size:13.5px;font-weight:700;text-align:center;line-height:1.25;}
.shopx .date-chips .chip.sel{border-color:var(--ink);background:var(--ink);color:var(--paper);}
.shopx .date-chips .chip small{display:block;font-size:11px;font-weight:700;opacity:.65;}
.shopx .buybox .btn{width:100%;margin-top:22px;padding:16px 22px;font-size:16.5px;}
.shopx .bb-notes{margin-top:16px;display:flex;flex-direction:column;gap:8px;}
.shopx .bb-notes span{display:flex;gap:9px;font-size:13.5px;font-weight:600;color:var(--ink-2);align-items:flex-start;line-height:1.4;}
.shopx .bb-notes svg{color:var(--signal);flex:none;margin-top:2px;}
.shopx .bb-fine{margin-top:14px;padding-top:13px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-3);font-weight:600;line-height:1.5;}
.shopx .biz-tile .photo{aspect-ratio:16/10.5;}
.shopx .biz-tile .offer{font-size:23px;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-top:2px;}
.shopx .biz-tile .offer .worth{font-size:13.5px;color:var(--signal-deep);font-weight:800;background:var(--signal-soft);border-radius:99px;padding:3px 10px;vertical-align:3px;margin-left:8px;white-space:nowrap;}
.shopx .biz-tile h3{font-size:18px;}
.shopx .biz-tile .duty{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;font-weight:600;color:var(--ink-2);margin-top:11px;line-height:1.45;}
.shopx .biz-tile .duty svg{color:var(--signal);flex:none;margin-top:2px;}
.shopx .feature{
  grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr;background:var(--card);
  border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow-sm);
}
.shopx .feature .f-photo{position:relative;min-height:340px;}
.shopx .feature .f-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.shopx .feature .f-body{padding:30px 32px;display:flex;flex-direction:column;}
.shopx .feature .offer{font-size:34px;font-weight:800;letter-spacing:-.025em;line-height:1.08;}
.shopx .feature h3{font-size:19px;font-weight:800;margin-top:14px;}
.shopx .feature .meta{font-size:14.5px;color:var(--ink-2);font-weight:600;display:flex;gap:6px;align-items:center;margin-top:4px;}
.shopx .feature .meta svg{color:var(--signal);}
.shopx .trackrecord{
  margin-top:auto;background:var(--ink);color:var(--paper);border-radius:16px;padding:16px 18px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
}
.shopx .trackrecord .n{font-size:23px;font-weight:800;letter-spacing:-.02em;line-height:1;}
.shopx .trackrecord .t{font-size:12px;color:#CFC8BA;font-weight:600;margin-top:4px;line-height:1.35;}
.shopx .feature .f-actions{display:flex;gap:10px;margin-top:18px;}
.shopx .howto{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:54px 0 0;padding:28px 0 6px;border-top:2px solid var(--ink);}
.shopx .howto .step .num{
  width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--paper);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;margin-bottom:11px;
}
.shopx .howto .step b{font-size:16.5px;font-weight:800;display:block;}
.shopx .howto .step p{font-size:14px;color:var(--ink-2);font-weight:500;margin-top:4px;line-height:1.5;}
.shopx .footer-note{
  margin:64px 0 0;padding:22px 0 34px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  font-size:12.5px;color:var(--ink-3);font-weight:600;
}
@media (max-width:680px){.shopx .wrap{padding:0 18px;}
.shopx .topbar{padding:14px 18px;gap:14px;}
.shopx .topbar .logo{height:29px;}
.shopx .topbar nav{display:none;}
.shopx .biz-chip .who{display:none;}
.shopx .market-chip{padding:7px 12px;font-size:13px;}
.shopx .pagehead{padding:28px 0 4px;}
.shopx .pagehead h1,.shopx .pagehead h2{font-size:34px;}
.shopx .pagehead .lede{font-size:16.5px;}
.shopx .toolbar{padding:16px 0 2px;}
.shopx .sort{margin-left:0;width:100%;justify-content:space-between;}
.shopx .layout{grid-template-columns:1fr;gap:8px;padding-top:14px;}
.shopx .filters{display:none;}
.shopx .chiprow{
    display:flex;gap:8px;overflow-x:auto;padding:6px 18px 12px;margin:0 -18px;
    scrollbar-width:none;
  }
.shopx .chiprow::-webkit-scrollbar{display:none;}
.shopx .chiprow .chip{
    flex:none;border:1.5px solid #C9C0AC;background:var(--card);border-radius:999px;
    padding:9px 15px;font-size:13.5px;font-weight:700;color:var(--ink-2);
    display:inline-flex;gap:7px;align-items:center;
  }
.shopx .chiprow .chip.sel{border-color:var(--ink);background:var(--ink);color:var(--paper);}
.shopx .chiprow .chip svg{color:var(--signal);}
.shopx .chiprow .chip.sel svg{color:var(--mint);}
.shopx .grid{grid-template-columns:1fr;gap:22px;}
.shopx .tile .photo{aspect-ratio:4/3.4;}
.shopx .localnum{font-size:42px;}
.shopx .tray{padding:26px 22px;margin-top:40px;border-radius:22px;}
.shopx .tray h2{font-size:25px;}
.shopx .tray-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px;}
.shopx .tray-grid .lab{display:none;}
.shopx .tray-grid .tray-spacer{display:none;}
.shopx .tray-grid .cell{font-size:13.5px;flex-direction:column;align-items:flex-start;gap:1px;padding:10px 0;min-width:0;}
.shopx .tray-grid .cell .btn{width:100%;padding:10px 6px;font-size:13px;white-space:normal;text-align:center;}
.shopx .tray-grid .cell::before{
    content:attr(data-lab);font-size:10px;font-weight:800;letter-spacing:.09em;
    text-transform:uppercase;color:#A79E8D;
  }
.shopx .tray-grid .cell.big{font-size:19px;}
.shopx .tray-grid .cell .dim{margin-left:0;}
.shopx .tray-head{gap:7px;}
.shopx .tray-head .who{gap:8px;}
.shopx .tray-head img{width:34px;height:34px;}
.shopx .tray-head b{font-size:12.5px;line-height:1.2;}
.shopx .tray .tfoot{flex-direction:column;align-items:stretch;}
.shopx .tray .tfoot p{margin-left:0;text-align:center;}
.shopx .pdp{grid-template-columns:1fr;gap:0;}
.shopx .pdp h1,.shopx .pdp h2{font-size:34px;margin-top:22px;}
.shopx .gallery .main{aspect-ratio:4/3;}
.shopx .hero-local{flex-direction:row;gap:18px;padding:20px;}
.shopx .hero-local .localnum{font-size:56px;}
.shopx .hero-local .cap{font-size:14.5px;}
.shopx .proof-stats{grid-template-columns:1fr 1fr 1fr;gap:9px;}
.shopx .proof-stat{padding:15px 14px;}
.shopx .proof-stat .n{font-size:26px;}
.shopx .proof-stat .t{font-size:11.5px;}
.shopx .post-cards{grid-template-columns:1fr;}
.shopx .similar{grid-template-columns:1fr;}
.shopx .mini-tile{display:flex;}
.shopx .mini-tile img{width:110px;aspect-ratio:auto;height:auto;}
.shopx .buybox{margin-top:30px;}
.shopx .momentum{flex-direction:column;align-items:flex-start;gap:8px;}
.shopx .feature{grid-template-columns:1fr;}
.shopx .feature .f-photo{min-height:220px;position:relative;}
.shopx .feature .f-body{padding:22px;}
.shopx .feature .offer{font-size:27px;}
.shopx .trackrecord{margin-top:20px;}
.shopx .howto{grid-template-columns:1fr;gap:20px;margin-top:38px;}
.shopx .footer-note{margin-top:44px;}}
.shopx{
  --site-azure:#006AFC;
  --site-mint:#A9E8C9;
  --nav-h:72px;
}
.shopx{background:var(--paper);}
.shopx .sitebar{
  position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line);
}
.shopx .sitebar .sb-in{
  max-width:1360px;margin:0 auto;padding:0 40px;height:var(--nav-h);
  display:flex;align-items:center;gap:30px;
}
.shopx .sitebar .logo{height:32px;width:auto;}
.shopx .sitebar nav{display:flex;gap:26px;}
.shopx .sitebar nav a{font-weight:700;font-size:15px;color:var(--ink-2);padding:6px 2px;}
.shopx .sitebar nav a.on{color:var(--ink);box-shadow:inset 0 -3px 0 var(--signal);}
.shopx .sitebar .spacer{flex:1;}
.shopx .sitebar .sb-cta{display:flex;gap:10px;align-items:center;}
.shopx .signin-link{font-weight:700;font-size:15px;color:var(--ink-2);}
.shopx .sec{padding:76px 0 10px;}
.shopx .sec-head{max-width:760px;}
.shopx .sec-head h2{font-size:42px;line-height:1.08;font-weight:800;letter-spacing:-.028em;margin:14px 0 12px;}
.shopx .sec-head p{font-size:18.5px;color:var(--ink-2);font-weight:500;line-height:1.55;max-width:60ch;}
.shopx .sec-head p strong{color:var(--ink);}
.shopx .sec-head.center{margin:0 auto;text-align:center;}
.shopx .sec-head.center .eyebrow{justify-content:center;}
.shopx .sec-head.center p{margin:0 auto;}
.shopx .sec-cta{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.shopx .sec-cta .note{font-size:14px;color:var(--ink-3);font-weight:600;}
.shopx .band{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:76px;padding:64px 0 70px;}
.shopx .band .sec{padding-top:0;}
.shopx .hero{display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center;padding:58px 0 26px;}
.shopx .hero h1{font-size:64px;line-height:1.02;font-weight:800;letter-spacing:-.033em;margin:16px 0 18px;max-width:12em;}
.shopx .hero h1 .grad-text{
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.shopx .hero .lede{font-size:20px;color:var(--ink-2);font-weight:500;line-height:1.55;max-width:34em;}
.shopx .hero .lede strong{color:var(--ink);}
.shopx .hero .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;}
.shopx .hero .cta-row .btn{padding:16px 28px;font-size:16.5px;}
.shopx .hero .micro{margin-top:16px;font-size:14px;color:var(--ink-3);font-weight:600;display:flex;gap:8px;align-items:center;}
.shopx .hero .micro svg{color:var(--signal);flex:none;}
.shopx .hv{position:relative;overflow:hidden;background:#0B0D0C;color:#fff;}
.shopx .hv-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.shopx .hv-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,12,.74) 0%,rgba(8,10,12,.48) 52%,rgba(8,10,12,.16) 100%);}
.shopx .hv-in{position:relative;max-width:1360px;margin:0 auto;padding:92px 40px 100px;}
.shopx .hv .eyebrow{color:var(--mint);}
.shopx .hv .eyebrow::after{background:var(--mint);}
.shopx .hv h1{font-size:64px;line-height:1.02;font-weight:800;letter-spacing:-.033em;margin:16px 0 18px;max-width:12em;}
.shopx .hv h1 .grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.shopx .hv .lede{font-size:20px;color:#EDE8DB;font-weight:500;line-height:1.55;max-width:34em;}
.shopx .hv .lede strong{color:#fff;}
.shopx .hv .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;}
.shopx .hv .cta-row .btn{padding:16px 28px;font-size:16.5px;}
.shopx .btn.ghost.light{border-color:rgba(255,255,255,.9);color:#fff;background:rgba(255,255,255,.06);}
.shopx .hv .micro{margin-top:16px;font-size:14px;color:#CFC8BA;font-weight:600;display:flex;gap:8px;align-items:center;}
.shopx .hv .micro svg{color:var(--mint);flex:none;}
.shopx .phone-sec{padding:62px 0 4px;}
.shopx .phone-stage{position:relative;display:flex;flex-direction:column;align-items:center;}
.shopx .phone{
  width:332px;max-width:88vw;background:#111110;border-radius:50px;padding:11px;
  box-shadow:0 44px 80px -32px rgba(29,26,22,.45),0 18px 34px -18px rgba(0,106,252,.35);
  transform:rotate(1.2deg);
}
.shopx .ph-screen{background:var(--paper);border-radius:40px;overflow:hidden;position:relative;height:600px;}
.shopx .ph-notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:96px;height:24px;border-radius:99px;background:#111110;z-index:5;}
.shopx .ph-body{padding:48px 16px 0;height:100%;box-sizing:border-box;display:flex;flex-direction:column;}
.shopx .ph-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;padding-bottom:84px;}
.shopx .ph-scroll::-webkit-scrollbar{display:none;}
.shopx .ph-top{display:flex;align-items:center;justify-content:space-between;}
.shopx .ph-top .logo{height:21px;width:auto;}
.shopx .ph-chip{font-size:11.5px;font-weight:800;border:1.5px solid var(--ink);border-radius:99px;padding:5px 11px;background:#fff;display:inline-flex;gap:5px;align-items:center;}
.shopx .ph-tabs{display:flex;gap:14px;margin-top:14px;font-size:12px;font-weight:700;color:var(--ink-3);border-bottom:1px solid var(--line);padding-bottom:9px;}
.shopx .ph-tabs b{color:var(--ink);box-shadow:inset 0 -2.5px 0 var(--signal);padding-bottom:9px;margin-bottom:-10px;}
.shopx .ph-title{font-size:20.5px;font-weight:800;letter-spacing:-.02em;line-height:1.16;margin-top:15px;}
.shopx .ph-count{font-size:12px;font-weight:700;color:var(--ink-3);margin-top:5px;}
.shopx .ph-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:13px;box-shadow:0 2px 10px -4px rgba(29,26,22,.10);}
.shopx .ph-card .ph-photo{height:118px;overflow:hidden;position:relative;}
.shopx .ph-card .ph-photo img{width:100%;height:100%;object-fit:cover;}
.shopx .ph-card .ph-in{padding:12px 14px 14px;}
.shopx .ph-card h4{font-size:15.5px;font-weight:800;}
.shopx .ph-card .ph-meta{font-size:12px;color:var(--ink-2);font-weight:600;margin-top:1px;}
.shopx .ph-local{display:flex;align-items:center;gap:11px;margin-top:9px;}
.shopx .ph-local .n{font-size:31px;font-weight:800;letter-spacing:-.03em;line-height:1;}
.shopx .ph-local .n small{font-size:18px;}
.shopx .ph-local .cap{font-size:11.5px;font-weight:700;color:var(--ink-2);line-height:1.3;flex:1;}
.shopx .ph-local .bar{height:6px;border-radius:99px;background:var(--paper-2);overflow:hidden;margin-top:5px;}
.shopx .ph-local .bar i{display:block;height:100%;background:var(--signal);border-radius:99px;}
.shopx .ph-row2{display:flex;align-items:center;gap:10px;margin-top:11px;}
.shopx .ph-price{font-size:16.5px;font-weight:800;}
.shopx .ph-price span{font-size:11.5px;color:var(--ink-2);font-weight:600;}
.shopx .ph-btn{margin-left:auto;background:var(--ink);color:var(--paper);font-size:12.5px;font-weight:800;border-radius:99px;padding:8px 15px;}
.shopx .ph-hero{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;margin-top:13px;display:flex;gap:13px;align-items:center;}
.shopx .ph-hero .n{font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1;}
.shopx .ph-hero .n small{font-size:23px;}
.shopx .ph-hero p{font-size:11.8px;font-weight:700;line-height:1.4;color:var(--ink);}
.shopx .ph-hero p span{color:var(--ink-2);font-weight:600;}
.shopx .ph-fade{position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(rgba(250,247,241,0),var(--paper) 78%);z-index:4;pointer-events:none;}
.shopx .ph-fade.short{height:30px;background:linear-gradient(rgba(250,247,241,0) 35%,var(--paper) 96%);}
.shopx .phone-caption{margin-top:20px;font-size:13.5px;color:var(--ink-3);font-weight:600;text-align:center;max-width:300px;line-height:1.5;}
.shopx .phone-caption b{color:var(--ink);}
.shopx .appframe{
  background:var(--paper);border:1px solid var(--line);border-radius:28px;
  box-shadow:var(--shadow);overflow:hidden;margin-top:36px;
}
.shopx .af-bar{
  display:flex;align-items:center;gap:9px;padding:12px 18px;background:#fff;border-bottom:1px solid var(--line);
}
.shopx .af-dot{width:11px;height:11px;border-radius:50%;flex:none;}
.shopx .af-url{
  margin-left:8px;background:var(--paper-2);border-radius:99px;padding:6px 14px;
  font-size:12.5px;font-weight:700;color:var(--ink-2);display:inline-flex;gap:7px;align-items:center;
}
.shopx .af-role{
  margin-left:auto;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--signal-deep);background:var(--signal-soft);border-radius:99px;padding:6px 12px;white-space:nowrap;
}
.shopx .af-body{padding:30px 34px 38px;}
.shopx .af-body .pagehead{padding-top:4px;}
.shopx .af-body .pagehead h1,.shopx .af-body .pagehead h2{font-size:38px;margin:10px 0 8px;}
.shopx .af-body .pagehead .lede{font-size:16.5px;}
.shopx .af-body .crumbs{padding-top:0;}
.shopx .steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:38px;}
.shopx .step-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 26px 24px;
}
.shopx .step-card .num{
  width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--paper);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;margin-bottom:14px;
}
.shopx .step-card b{font-size:18px;font-weight:800;display:block;letter-spacing:-.01em;}
.shopx .step-card p{font-size:15px;color:var(--ink-2);font-weight:500;margin-top:6px;line-height:1.55;}
.shopx .step-card p strong{color:var(--ink);}
.shopx .diff3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px;}
.shopx .diff{
  border-radius:var(--radius);padding:28px 26px;background:var(--signal-soft);
}
.shopx .diff.mint{background:#E7F7EE;}
.shopx .diff.paper2{background:var(--paper-2);}
.shopx .diff .big{font-size:31px;font-weight:800;letter-spacing:-.025em;line-height:1.12;}
.shopx .diff p{font-size:15px;font-weight:600;color:#33475E;margin-top:9px;line-height:1.55;}
.shopx .diff.mint p{color:#2E4A3A;}
.shopx .diff.paper2 p{color:var(--ink-2);}
.shopx .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;align-items:stretch;}
.shopx .plan{
  background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px 28px;
  display:flex;flex-direction:column;
}
.shopx .plan.hot{border:1.5px solid var(--ink);box-shadow:var(--shadow-sm);position:relative;}
.shopx .plan .tag{
  position:absolute;top:-13px;left:26px;background:var(--ink);color:var(--paper);
  font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  border-radius:99px;padding:5px 12px;
}
.shopx .plan h3{font-size:19px;font-weight:800;}
.shopx .plan .who{font-size:14px;color:var(--ink-2);font-weight:600;margin-top:4px;line-height:1.45;min-height:40px;}
.shopx .plan .amt{font-size:46px;font-weight:800;letter-spacing:-.03em;line-height:1;margin-top:16px;}
.shopx .plan .amt small{font-size:17px;font-weight:700;color:var(--ink-2);letter-spacing:0;}
.shopx .plan .firstmo{font-size:14px;font-weight:800;color:var(--signal-deep);margin-top:7px;}
.shopx .plan ul{list-style:none;margin:20px 0 24px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px;}
.shopx .plan li{display:flex;gap:9px;font-size:14.5px;font-weight:600;color:var(--ink-2);align-items:flex-start;line-height:1.45;}
.shopx .plan li svg{color:var(--signal);flex:none;margin-top:3px;}
.shopx .plan li b{color:var(--ink);}
.shopx .plan .btn{margin-top:auto;width:100%;}
.shopx .plan-note{margin-top:20px;font-size:14px;color:var(--ink-3);font-weight:600;text-align:center;line-height:1.6;}
.shopx .plan-note b{color:var(--ink);}
.shopx .lanes{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:38px;}
.shopx .lane{border-radius:24px;padding:30px 30px 28px;background:#fff;border:1px solid var(--line);}
.shopx .lane.ink{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.shopx .lane .lane-tag{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--signal-deep);}
.shopx .lane.ink .lane-tag{color:var(--mint);}
.shopx .lane h3{font-size:27px;font-weight:800;letter-spacing:-.02em;margin-top:9px;line-height:1.15;}
.shopx .lane p{font-size:15.5px;font-weight:500;margin-top:9px;line-height:1.6;color:var(--ink-2);}
.shopx .lane.ink p{color:#CFC8BA;}
.shopx .lane p strong{color:var(--ink);}
.shopx .lane.ink p strong{color:var(--paper);}
.shopx .lane ul{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:9px;}
.shopx .lane li{display:flex;gap:9px;font-size:14.5px;font-weight:600;align-items:flex-start;line-height:1.45;color:var(--ink-2);}
.shopx .lane.ink li{color:#CFC8BA;}
.shopx .lane li svg{color:var(--signal);flex:none;margin-top:3px;}
.shopx .lane.ink li svg{color:var(--mint);}
.shopx .ratecard{
  background:var(--card);border:1.5px solid var(--ink);border-radius:24px;padding:26px;box-shadow:var(--shadow);
}
.shopx .ratecard .bb-eyebrow{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);}
.shopx .ratecard h3{font-size:22px;font-weight:800;letter-spacing:-.02em;margin-top:6px;}
.shopx .rc-row{display:flex;align-items:baseline;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);}
.shopx .rc-row:last-of-type{border-bottom:none;}
.shopx .rc-row .k{font-size:14.5px;font-weight:700;color:var(--ink-2);}
.shopx .rc-row .v{margin-left:auto;font-size:19px;font-weight:800;white-space:nowrap;}
.shopx .rc-row .v small{font-size:12.5px;color:var(--ink-3);font-weight:700;}
.shopx .ratecard .btn{width:100%;margin-top:18px;padding:16px 22px;font-size:16.5px;}
.shopx .faq{max-width:820px;margin:36px auto 0;}
.shopx .faq .q{padding:20px 2px;border-bottom:1px solid var(--line);}
.shopx .faq .q:first-child{border-top:1px solid var(--line);}
.shopx .faq b{font-size:17px;font-weight:800;display:block;}
.shopx .faq p{font-size:15px;color:var(--ink-2);font-weight:500;margin-top:6px;line-height:1.6;}
.shopx .ctaband{
  margin:84px 0 0;background:var(--ink);color:var(--paper);border-radius:30px;
  padding:52px 54px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;
}
.shopx .ctaband h2{font-size:38px;font-weight:800;letter-spacing:-.025em;line-height:1.1;}
.shopx .ctaband p{color:#CFC8BA;font-size:16.5px;font-weight:500;margin-top:10px;line-height:1.55;max-width:44ch;}
.shopx .ctaband .cta-col{display:flex;flex-direction:column;gap:12px;}
.shopx .ctaband .btn{padding:16px 24px;font-size:16px;}
.shopx .ctaband .btn.ghost{border-color:#6E675A;color:var(--paper);}
.shopx .ctaband .fine{font-size:13px;color:#A79E8D;font-weight:600;text-align:center;}
.shopx .sitefoot{
  margin:70px 0 0;padding:26px 0 40px;border-top:1px solid var(--line);
}
.shopx .sitefoot .sf-in{display:flex;gap:26px;flex-wrap:wrap;align-items:center;font-size:13.5px;color:var(--ink-3);font-weight:600;}
.shopx .sitefoot .logo{height:24px;width:auto;}
.shopx .sitefoot nav{display:flex;gap:20px;flex-wrap:wrap;}
.shopx .sitefoot .spacer{flex:1;}
@media (max-width:680px){.shopx .sitebar .sb-in{padding:0 18px;gap:14px;height:62px;}
.shopx .sitebar .logo{height:27px;}
.shopx .sitebar nav{display:none;}
.shopx .signin-link{display:none;}
.shopx .sec{padding:48px 0 6px;}
.shopx .sec-head h2{font-size:30px;}
.shopx .sec-head p{font-size:16.5px;}
.shopx .band{margin-top:48px;padding:44px 0 48px;}
.shopx .hero{grid-template-columns:1fr;gap:36px;padding:36px 0 10px;}
.shopx .hero h1{font-size:41px;}
.shopx .hero .lede{font-size:17.5px;}
.shopx .hv-in{padding:118px 18px 62px;}
.shopx .hv h1{font-size:41px;}
.shopx .hv .lede{font-size:17.5px;}
.shopx .hv-scrim{background:linear-gradient(180deg,rgba(8,10,12,.66) 0%,rgba(8,10,12,.55) 100%);}
.shopx .phone-sec{padding:40px 0 2px;}
.shopx .tmtag{font-size:10px;padding:3px 9px;top:-11px;}
.shopx .tray-grid .tm{padding-left:6px;padding-right:6px;}
.shopx .tray{padding:24px 16px;}
.shopx .tray-grid{gap:0 10px;}
.shopx .tray-head .who{gap:6px;}
.shopx .tray-head img{width:30px;height:30px;}
.shopx .tray-head b{font-size:11.5px;}
.shopx .tray-grid .cell .btn{font-size:11.5px;padding:9px 2px;white-space:nowrap;}
.shopx .phone{transform:none;}
.shopx .doors{grid-template-columns:1fr;}
.shopx .door-shelfwrap{position:static;}
.shopx .door-shelf{max-height:470px;}
.shopx .af-body{padding:18px 14px 24px;}
.shopx .af-body .pagehead h1,.shopx .af-body .pagehead h2{font-size:27px;}
.shopx .af-role{display:none;}
.shopx .steps3, .shopx .diff3, .shopx .plans{grid-template-columns:1fr;}
.shopx .plan .who{min-height:0;}
.shopx .lanes{grid-template-columns:1fr;}
.shopx .ctaband{grid-template-columns:1fr;padding:34px 24px;gap:24px;margin-top:56px;}
.shopx .ctaband h2{font-size:29px;}
.shopx .sitefoot .sf-in{gap:14px;}}
/* ---- integration fixes: composition with the styles-v2 site chrome ----
   styles-v2 sets a global heading color and a .step card style; the concept
   design inherits light text on its dark bands and uses plain how-to steps. */
.shopx .hv h1{color:#fff;}
.shopx .tray h2{color:var(--paper);}
.shopx .ctaband h2{color:var(--paper);}
.shopx .lane.ink h3{color:var(--paper);}
.shopx .howto .step{background:transparent;border:none;border-radius:0;box-shadow:none;padding:0;overflow:visible;}
.shopx .howto .step::after{content:none;}
/* the fixed over-hero site header needs clearance over the light page heroes */
.shopx .hero{padding-top:134px;}
@media (max-width:680px){
  .shopx .hero{padding-top:102px;}
}

/* ---- FAQ depth accordions (restored question sets, 2026-11-06) ---- */
.shopx .faqmore-h{max-width:820px;margin:36px auto 2px;font-size:20px;font-weight:800;letter-spacing:-.02em;}
.shopx .faqmore{max-width:820px;margin:0 auto;}
.shopx .faqmore .qa{border-bottom:1px solid var(--line);}
.shopx .faqmore .qa summary{cursor:pointer;list-style:none;font-size:17px;font-weight:800;padding:20px 30px 20px 2px;position:relative;}
.shopx .faqmore .qa summary::-webkit-details-marker{display:none;}
.shopx .faqmore .qa summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:600;color:var(--ink-2);}
.shopx .faqmore .qa[open ] summary::after{content:"\2013";}
.shopx .faqmore .qa p{font-size:15px;color:var(--ink-2);font-weight:500;line-height:1.6;padding:0 2px 20px;margin-top:-6px;}
.shopx .filters .f-head .f-clear{background:none;border:0;padding:0;font:inherit;font-size:13.5px;font-weight:700;color:var(--signal);cursor:pointer}
.shopx .filters .f-head .f-clear:hover{text-decoration:underline}
.shopx .f-row:not(.sel) .box svg{display:none}