body{background:var(--canvas,#f5f7fa)!important;color:var(--ink,#192f49)}body>nav{margin-left:208px;font-size:11px;padding:8px 24px!important;background:#fff8e9!important}.shopper-nav{position:fixed;left:0;top:0;bottom:0;width:208px;background:#1e2c3e;color:white;padding:25px 20px;z-index:20}.shopper-brand{font-size:25px;font-weight:800;color:white;text-decoration:none}.shopper-brand span{color:#1683ee}.shopper-nav>p{font-size:12px;color:#bbc9d9;margin:16px 0 34px}.shopper-nav>a.active{display:block;padding:15px 12px;background:#2d4056;border-radius:7px;font-size:14px;font-weight:700;color:white;text-decoration:none}.shopper-nav-note{font-size:13px;line-height:1.8;color:#c8d2df;margin:26px 10px}.shopper-nav>small{position:absolute;bottom:28px;left:25px;right:20px;border-top:1px solid #617184;padding-top:20px;line-height:1.8;font-size:11px}.shopper-topbar{margin-left:208px;background:#1e2c3e;color:white;display:flex;align-items:center;justify-content:space-between;padding:22px 28px}.shopper-topbar span{font-size:12px;color:#c7d4e1}#main{margin-left:208px;padding:22px 25px 55px}.shopper-sticker{background:#dce5e8;border:1px solid #c2d0d8;border-top:3px solid #0866ce;border-radius:9px;padding:23px;color:#1b324e}.shopper-title{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:25px}.shopper-title h1{font-size:28px!important;letter-spacing:-.7px;margin:6px 0 17px!important;color:#192f49}.shopper-eyebrow{font-size:12px;font-weight:650;color:#557080}.shopper-description p{display:flex;gap:9px;margin:8px 0;font-size:13px;line-height:1.5}.shopper-description p>span{color:#587080;min-width:90px}.shopper-description strong{font-weight:600}.shopper-identifiers{align-self:center;min-width:240px}.shopper-identifiers button,.shopper-identifiers p{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:none;border:0;padding:7px 0;font-size:12px;color:#243e58;margin:0}.shopper-identifiers button{cursor:pointer}.shopper-identifiers span{color:#587080}.shopper-identifiers b{margin-left:auto;font-weight:600}.shopper-specs{border-top:2px solid #263f58;margin-top:20px;padding-top:20px}.shopper-sticker h2{font-size:17px!important;line-height:1.5;margin:0 0 12px!important;font-weight:750;color:#203c58}.shopper-specs>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px;background:#f6f9fc;padding:5px 18px;border-radius:8px}.shopper-specs dl{border-bottom:1px solid #d6e0e7;margin:0;padding:15px 0}.shopper-specs dt{font-size:12px;color:#64788c;margin-bottom:7px}.shopper-specs dd{font-size:15px;font-weight:650;margin:0;line-height:1.45}.shopper-coverage{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.7;color:#516a80;margin:18px 0 23px}.shopper-coverage svg{flex-shrink:0;margin-top:2px}.shopper-equipment{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid #aabcc9;padding-top:23px}.shopper-caption{font-size:12px;line-height:1.7;color:#5c7185;margin:0 0 18px}.shopper-group{margin:22px 0}.shopper-group h3{font-size:14px;margin:0 0 12px;font-weight:700;color:#25445f}.shopper-group ul{padding-left:18px;margin:0}.shopper-group li{font-size:14px;line-height:1.65;margin-bottom:7px}.shopper-group p{font-size:14px;line-height:1.7}.shopper-group small{font-size:11px;color:#587080}.shopper-package{background:#f6f9fc;border:1px solid #c9d5df;border-radius:7px;margin-bottom:10px;overflow:hidden}.shopper-package>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px;cursor:pointer;list-style:none;font-size:14px;font-weight:650;line-height:1.5}.shopper-package summary::-webkit-details-marker{display:none}.shopper-package summary small{display:block;font-size:11px;font-weight:400;color:#61788c;margin-top:4px}.shopper-package summary svg{flex-shrink:0;transition:transform .2s}.shopper-package[open] summary svg{transform:rotate(180deg)}.shopper-package>div{padding:0 15px 15px;font-size:13px;line-height:1.7}.shopper-package ul{padding-left:18px}.shopper-package li{margin-bottom:6px}.shopper-confirm{background:#fff2cd;color:#77521c;border-radius:5px;padding:11px;font-size:12px}.shopper-more{border-top:1px solid #afc0cc;margin-top:18px}.shopper-more>summary{padding:20px 0;font-size:14px;font-weight:650;cursor:pointer}.shopper-more>summary span{font-size:11px;font-weight:400;margin-left:8px;color:#60778b}.shopper-more>div{font-size:13px;line-height:1.8;padding-bottom:15px}.shopper-more label{display:flex;align-items:center;gap:10px;background:white;border:1px solid #b9cbd9;border-radius:6px;padding:0 12px}.shopper-more input{width:100%;border:0;padding:13px 0;background:none;font:inherit;outline:none}.shopper-record{border-top:1px solid #c5d2dc;padding:11px 0}.shopper-record small{display:block;color:#60758a}.myyard-vdp .detail-sections{background:none!important;border:0!important;padding:0!important;gap:9px!important}.myyard-vdp .detail-sections button{border:1px solid #6e8096!important;border-radius:8px!important;background:white!important;min-height:48px!important}.myyard-vdp .detail-sections button[aria-selected=true]{background:#192f49!important;color:white!important;border-color:#192f49!important}.myyard-vdp .recommendation-feed{display:none}.myyard-vdp .dealer-vdp-layout{gap:22px}.myyard-vdp .shopper-sticker summary:focus-visible{outline:2px solid #1678c7;outline-offset:2px}
@media(max-width:1150px){.shopper-nav{width:170px}.shopper-topbar,body>nav,#main{margin-left:170px}.shopper-title{grid-template-columns:1fr}.shopper-identifiers{max-width:330px}.shopper-equipment{grid-template-columns:1fr}}
@media(max-width:760px){.shopper-nav{display:none}.shopper-topbar,body>nav,#main{margin-left:0}.shopper-topbar{padding:16px 18px}.shopper-topbar strong{font-size:16px}.shopper-topbar span{font-size:10px}#main{padding:15px 10px 70px}.shopper-sticker{padding:18px 15px}.shopper-title h1{font-size:26px!important}.shopper-specs>div{grid-template-columns:1fr 1fr;gap:0 14px;padding:0 12px}.shopper-specs dd{font-size:13px}.shopper-description p{font-size:12px}.shopper-equipment{gap:20px}.shopper-identifiers{min-width:0}.shopper-group li{font-size:14px}}
/* Compact shopper summary: keep readable type and reduce unused structure. */
.shopper-topbar{padding-top:12px;padding-bottom:12px}
#main{padding-top:12px}
.shopper-sticker{padding:18px 20px}
.shopper-title{gap:22px;align-items:start}
.shopper-title h1{margin:4px 0 12px!important}
.shopper-description{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
.shopper-description p{display:block;margin:0;font-size:13px}
.shopper-description p>span{display:block;font-size:11px;margin-bottom:3px}
.shopper-description strong{display:block;line-height:1.45}
.shopper-identifiers{align-self:start;padding-top:30px;min-width:220px}
.shopper-identifiers button,.shopper-identifiers p{padding:6px 0}
.shopper-specs{margin-top:16px;padding-top:14px}
.shopper-specs h2{margin-bottom:9px!important;font-size:15px!important}
.shopper-specs>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0 14px}
.shopper-specs dl{padding:12px 0;border-bottom:0}
.shopper-specs dd{font-size:14px}
.shopper-coverage{margin:12px 0;font-size:12px;line-height:1.6}
.shopper-equipment{padding-top:17px}
.shopper-group{margin:17px 0}
.shopper-caption{margin-bottom:12px}
.myyard-vdp .photos-unavailable .hero-photo,.myyard-vdp.photos-unavailable .hero-photo{height:120px!important;min-height:0!important;aspect-ratio:auto!important}
.myyard-vdp.photos-unavailable .hero-photo .expand-photo,.myyard-vdp.photos-unavailable .hero-photo .photo-slide-frame{height:120px!important;min-height:0!important}
.myyard-vdp.photos-unavailable .hero-photo img{object-fit:contain!important}
@media(max-width:1250px){.shopper-title{grid-template-columns:1fr}.shopper-identifiers{padding-top:0;display:flex;gap:18px;max-width:none;flex-wrap:wrap}.shopper-identifiers button,.shopper-identifiers p{width:auto}.shopper-specs>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.shopper-sticker{padding:17px 14px}.shopper-description{gap:12px 15px}.shopper-identifiers{gap:3px 16px}.shopper-identifiers button,.shopper-identifiers p{font-size:11px}.shopper-specs>div{gap:0 14px}.shopper-specs dl{border-bottom:1px solid #d6e0e7}.shopper-specs dd{font-size:13px}}
/* Same information sequence as the dealership header, with marketplace colors. */
.shopper-title.shopper-ordered-header{grid-template-columns:minmax(0,1fr) auto;gap:10px 22px}
.shopper-ordered-header h1{font-size:25px!important;margin:0 0 5px!important;line-height:1.3}
.shopper-condition{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0;font-size:12px;color:#526e81;line-height:1.5}
.shopper-condition strong{font-weight:600;color:#233e56}
.shopper-ordered-header .shopper-identifiers{display:block;padding:0;min-width:215px;max-width:none;align-self:start}
.shopper-ordered-header .shopper-identifiers button{width:100%;padding:4px 0}
.shopper-header-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border-top:1px solid #aebfc9;padding-top:12px}
.shopper-header-facts>div{min-width:0}
.shopper-header-facts p{font-size:12px;line-height:1.55;margin:0 0 6px;overflow-wrap:anywhere}
.shopper-header-facts p>span{font-size:10px;letter-spacing:.15px;text-transform:uppercase;color:#546f81;margin-right:7px}
.shopper-header-facts strong{font-weight:600}
.shopper-specs>div{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.shopper-header-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.shopper-title.shopper-ordered-header{grid-template-columns:1fr}.shopper-ordered-header .shopper-identifiers{max-width:300px}}
@media(max-width:760px){.shopper-title.shopper-ordered-header{gap:10px}.shopper-ordered-header h1{font-size:24px!important}.shopper-header-facts{grid-template-columns:1fr;gap:4px}.shopper-ordered-header .shopper-identifiers{width:100%;min-width:0;max-width:300px}.shopper-header-facts p{font-size:12px}.shopper-specs>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Match the dealership's compact title-box rhythm. */
.shopper-title.shopper-ordered-header{gap:7px 20px}
.shopper-ordered-header h1{font-size:23px!important;line-height:1.2;margin:0 0 3px!important}
.shopper-condition{line-height:1.3;font-size:12px}
.shopper-ordered-header .shopper-identifiers button{padding:0;min-height:22px;height:22px;line-height:20px}
.shopper-header-facts{padding-top:7px;gap:20px}
.shopper-header-facts p{margin:0 0 3px;line-height:1.4}
.shopper-sticker:has(.shopper-ordered-header){padding-top:12px}
@media(max-width:760px){.shopper-header-facts{gap:4px}.shopper-title.shopper-ordered-header{gap:8px}.shopper-ordered-header h1{font-size:23px!important}}
@media(min-width:761px){.myyard-vdp .shopper-ordered-header .shopper-identifiers button{height:22px!important;min-height:22px!important}}
@media(max-width:760px){.myyard-vdp .shopper-ordered-header .shopper-identifiers button{height:44px;min-height:44px}}
/* Equipment typography and layout follow the dealership sticker. */
.shopper-equipment{grid-template-columns:.8fr 1.2fr;gap:32px;padding-top:24px}
.shopper-equipment>section>h2{text-align:center;text-transform:uppercase;font-size:16.5px!important;letter-spacing:.5px;margin-bottom:0!important}
.shopper-equipment>section>.shopper-caption{text-align:center;font-size:11px;line-height:1.6;margin:0 0 18px}
.shopper-equipment .shopper-group{margin:0 0 21px}
.shopper-equipment .shopper-group h3{font-size:15.4px;line-height:1.55;margin:0 0 8px}
.shopper-equipment .shopper-group ul{list-style:none;padding:0;margin:0}
.shopper-equipment .shopper-group>ul>li{position:relative;padding-left:16px;font-size:15.4px;line-height:1.45;margin:0 0 5px}
.shopper-equipment .shopper-group>ul>li::before{content:'•';position:absolute;left:1px;top:0;color:#748b96}
.shopper-equipment .shopper-group li li{font-size:15.4px;line-height:1.45;margin:5px 0;padding-left:12px}
.shopper-equipment .shopper-group summary{cursor:pointer;font-size:15.4px;line-height:1.45}
.shopper-equipment .shopper-group p{font-size:13.2px;line-height:1.6}
.shopper-equipment .shopper-package{background:transparent;border:0;border-bottom:1px solid #bccdd8;border-radius:0;margin:0}
.shopper-equipment .shopper-package>summary{justify-content:flex-start;gap:7px;padding:12px 0;font-size:15.4px;line-height:1.6;font-weight:700;color:#213b47}
.shopper-equipment .shopper-package>summary>span{flex:0 1 auto}
.shopper-equipment .shopper-package>summary small{display:none}
.shopper-equipment .shopper-package>summary svg{width:13px;height:13px;transform:rotate(-90deg)}
.shopper-equipment .shopper-package[open]>summary svg{transform:rotate(0)}
.shopper-equipment .shopper-package>div{padding:0 0 14px;font-size:15.4px;line-height:1.65}
.shopper-equipment .shopper-package li{font-size:15.4px;line-height:1.65;margin-bottom:5px}
.shopper-equipment .shopper-package .shopper-caption{font-size:13.2px;line-height:1.6}
@media(max-width:760px){.shopper-equipment{grid-template-columns:1fr;gap:22px;padding-top:20px}.shopper-equipment .shopper-package>summary{min-height:44px}}
/* Explicit child styles prevent legacy marketplace summary/span rules leaking in. */
.myyard-vdp .shopper-sticker .shopper-equipment{background:#fff;color:#213b47;margin:0 -20px;padding:27px;gap:32px;border-top:1px solid #d5dfe4}
.myyard-vdp .shopper-equipment>section>h2{color:#193740!important;font-size:16.5px!important;line-height:1.5!important;font-weight:700!important}
.myyard-vdp .shopper-equipment .shopper-group h3{color:#213b47!important;font-size:15.4px!important;line-height:1.55!important;font-weight:700!important;margin:0 0 8px!important}
.myyard-vdp .shopper-equipment .shopper-group li{color:#213b47!important;font-size:15.4px!important;line-height:1.45!important;font-weight:400!important}
.myyard-vdp .shopper-equipment .shopper-group details{border:0!important;padding:0!important;margin:0!important;background:none!important}
.myyard-vdp .shopper-equipment .shopper-group summary{display:list-item!important;padding:0!important;margin:0!important;border:0!important;min-height:0!important;font-size:15.4px!important;color:#213b47!important;font-weight:400!important;line-height:1.45!important}
.myyard-vdp .shopper-equipment .shopper-package{border-bottom:1px solid #d5dfe4!important}
.myyard-vdp .shopper-equipment .shopper-package>summary{padding:10px 0!important;min-height:0!important;color:#213b47!important;font-size:15.4px!important;line-height:1.6!important;font-weight:700!important}
.myyard-vdp .shopper-equipment .shopper-package>summary>span{font-family:inherit!important;font-size:15.4px!important;line-height:1.6!important;font-weight:700!important;color:#213b47!important;letter-spacing:normal!important}
.myyard-vdp .shopper-equipment .shopper-package>summary>svg{color:#213b47!important;width:12px;height:12px}
.myyard-vdp .shopper-equipment .shopper-package li{font-size:15.4px!important;color:#213b47!important;line-height:1.65!important}
.myyard-vdp .shopper-equipment .shopper-caption{color:#526773!important;font-size:11px!important;line-height:1.6!important}
.myyard-vdp .shopper-wheels{margin:0 0 21px}
.myyard-vdp .shopper-wheels h3{text-transform:uppercase;font-size:16.5px;line-height:1.5;letter-spacing:.5px;color:#193740;margin:0 0 8px}
.myyard-vdp .shopper-wheels p{font-size:13.2px;line-height:1.6;color:#526773;margin:0}
@media(max-width:760px){.myyard-vdp .shopper-sticker .shopper-equipment{margin:0 -14px;padding:20px;gap:22px}.myyard-vdp .shopper-equipment .shopper-package>summary{min-height:44px!important}}
.myyard-vdp .detail-sections button:not([aria-selected=true]){color:#192f49!important}
/* Respect the existing marketplace palette outside the light sticker document. */
:root[data-theme=dark] body.marketplace-shared-vin{background:var(--canvas)!important;color:var(--ink)}
:root[data-theme=dark] .marketplace-shared-vin :is(.toolbar h2,.intro h1,.categories .chip,.chip){color:var(--ink)}
:root[data-theme=dark] .marketplace-shared-vin .chip.active{background:var(--hover);color:var(--ink);border-color:var(--muted)}
:root[data-theme=dark] .marketplace-shared-vin .shopper-sticker{color-scheme:light}
