/* Product pages only; keep the cascade immediately after products.css. */
.code-page-hero .product-breadcrumbs{align-items:center;flex-wrap:wrap;gap:4px 8px}
.code-page-hero .product-breadcrumbs>a{display:inline-flex;align-items:center;min-height:44px;padding:4px 2px}
.code-page-hero .product-breadcrumbs>span{display:inline-flex;align-items:center;min-height:24px}
:is(.code-location-panel,.code-price-panel,.code-house-panel,.code-related-panel) .panel-head h2{font-size:var(--type-28);line-height:1.15}
.code-page-root .code-location-panel,.code-page-root .code-price-panel{align-self:start}
.code-price-panel .code-price-list{gap:12px}
.code-price-panel .glass-price-rail{grid-template-columns:1fr;gap:0}
.code-price-panel .price-tile{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;padding:12px 0;border-radius:0;border-bottom:1px solid var(--line);background:transparent}
.code-price-panel .price-tile>span{grid-column:1;grid-row:1/span 2;align-self:center}
.code-price-panel .price-tile strong{font-size:var(--type-20);white-space:nowrap;text-align:right}
.code-price-panel .price-tile small{grid-column:2;text-align:right;color:var(--muted)}
.code-price-panel .code-package-prices{padding:0;gap:0}
.code-price-panel .code-package-prices p{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.code-price-panel .code-package-prices strong{font-size:var(--type-20);white-space:nowrap}
.code-location-panel .price-note:empty{display:none}
.code-page-root .code-house-panel,.code-page-root .code-house-action{min-height:0}
.code-share{margin-top:8px;border-top:1px solid var(--line)}
.code-share>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;max-width:320px;font-size:var(--type-14);cursor:pointer;list-style:none}
.code-share>summary::-webkit-details-marker{display:none}
.code-share[open]>summary .icon{transform:rotate(180deg)}
.code-share .share-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 0}
.code-share .share-links>span{display:none}
.code-share .share-links>button{min-height:44px;justify-content:center;padding:8px;border:1px solid var(--line);color:var(--navy);background:transparent;font-size:var(--type-12);box-shadow:none}
@media(max-width:700px){
 .code-page-hero .product-breadcrumbs{margin-bottom:16px}
 .code-page-hero .code-page-layout{gap:16px}
 .code-page-hero .code-photo-card{min-height:0;height:clamp(140px,22svh,190px);aspect-ratio:auto;padding:0}
 .code-page-hero .code-color-large{right:8px;bottom:8px;padding:4px;transform:none;box-shadow:none;border:1px solid var(--line)}
 .code-page-hero .code-color-large .swatch{width:36px;height:48px;border-radius:var(--input-radius)}
 .code-page-hero .code-page-copy h1{font-size:var(--type-60)}
 .code-page-hero .code-page-technology{margin:12px 0}
 .code-page-hero .code-stats{margin:16px 0}
 .code-page-hero .code-stats>div{padding:10px 8px}
 .code-page-hero .code-meta{margin-bottom:16px}
 .code-page-hero .code-hero-cta{margin:16px 0}
 .code-page-hero .code-hero-cta .button{padding-inline:16px}
}
@media(max-width:359px){
 .code-page-hero .code-stats dd{font-size:var(--type-20)}
 .code-page-hero .code-hero-cta .button{width:100%}
}

/* Mirror the native closed disclosure state for author-level grid styles. */
.code-share:not([open])>.share-links{display:none}