/* The silhouette stays still; only each tier's product rail scrolls. */
.sg-pyramid-section{margin:32px 0 38px}
.sg-pyramid-caption,.sg-pyramid-intro,.sg-pyramid-foot{font-family:var(--sans);font-size:11px;color:var(--ink-mid);line-height:1.6}
.sg-pyramid-caption{letter-spacing:.06em}
.sg-pyramid-intro{margin:0 0 18px}
.sg-pyramid-foot{margin:14px 0 0;max-width:680px}
.sg-pyramid-shape{position:relative;isolation:isolate;padding-top:65px}
.sg-pyramid-shape::before{content:"";position:absolute;inset:0 0 0;z-index:-1;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(180deg,#e5c9cc 0%,#f2e6e3 72%,#eee9e0 100%)}
.sg-pyramid-tier{position:relative;min-height:218px;border-bottom:1px solid rgba(153,114,112,.26);padding:8px 0 14px;box-sizing:border-box}
.sg-pyramid-tier:last-child{border-bottom:0;background:rgba(216,219,207,.22)}
.sg-pyramid-tier-head{text-align:center;margin:0 0 12px}
.sg-pyramid-tier-head h3{font:400 16px var(--serif-mid);margin:0 0 5px;color:var(--ink)}
.sg-pyramid-tier-head p{font:10px/1.5 var(--sans);margin:0;color:var(--ink-mid)}
.sg-pyramid-rail{display:flex;align-items:center;gap:8px;margin:auto;width:720px;max-width:100%;min-width:0}
.sg-pyramid-tier[data-tier=dupes] .sg-pyramid-tier-head p{display:inline}
.sg-pyramid-track{--pyramid-gap:14px;display:flex;gap:var(--pyramid-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a68f8a transparent;flex:1;min-width:0;min-height:185px;padding:3px 2px 9px}
/* Card width follows the responsive row settings below. */
.sg-pyramid-track>.sg-pyramid-item{flex:0 0 calc((100% - 3 * var(--pyramid-gap))/4);min-width:0;scroll-snap-align:start}
.sg-pyramid-use{display:block;width:100%;margin-top:9px;padding:7px 3px;border:1px solid var(--rule);border-radius:3px;background:var(--paper);color:var(--ink-mid);font:10px var(--sans);cursor:pointer}
.sg-pyramid-use:disabled{background:var(--ink);color:var(--paper);cursor:default}
.sg-pyramid-row-note{font:11px var(--sans);text-align:center;color:var(--ink-mid);margin:6px 0}
.sg-pyramid-picker{padding:18px;border:1px solid var(--rule);border-radius:5px;margin-bottom:22px;background:var(--paper)}
.sg-reference-form label{display:block;font:600 11px var(--sans);letter-spacing:.06em;color:var(--ink);margin-bottom:9px}
.sg-reference-search{display:flex;gap:8px;max-width:560px}
.sg-reference-search input{min-width:0;flex:1;padding:10px 12px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:3px;font:12px var(--sans)}
.sg-reference-search button{border:0;border-radius:3px;background:var(--ink);color:var(--paper);padding:10px 16px;font:11px var(--sans);cursor:pointer}
.sg-reference-status{font:11px/1.6 var(--sans);color:var(--ink-mid);margin:10px 0 0}
.sg-reference-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;max-height:360px;overflow:auto}
.sg-reference-result{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid var(--rule);border-radius:3px;padding:8px;background:var(--paper);color:var(--ink);cursor:pointer;font:11px/1.4 var(--sans)}
.sg-reference-result img{width:54px;height:54px;object-fit:contain;flex-shrink:0}
.sg-reference-result:disabled{opacity:.5;cursor:default}
.sg-reference-selected{display:flex;align-items:center;gap:14px;margin-top:14px}
.sg-reference-selected img{width:76px;height:76px;object-fit:contain;border:1px solid var(--rule);border-radius:4px}
.sg-reference-selected strong{display:block;font:400 19px var(--serif-mid);color:var(--ink);margin:4px 0}
.sg-reference-selected a,.sg-reference-clear{font:11px var(--sans);color:var(--ink-mid)}
.sg-reference-eyebrow{font:9px var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-mid)}
.sg-reference-clear{border:0;padding:0;margin-top:12px;background:none;text-decoration:underline;cursor:pointer}
.sg-pyramid-picker :focus-visible,.sg-pyramid-use:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.sg-pyramid-track .sg-im{background:rgba(255,255,255,.7);border-color:rgba(153,114,112,.14);border-radius:3px}
.sg-pyramid-track .sg-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;min-height:34px}
.sg-pyramid-track .sg-brand{font-size:9px;letter-spacing:.07em;margin-top:7px}
.sg-pyramid-track .sg-price{font-size:10px}
.sg-pyramid-track .sg-rating,.sg-pyramid-track .sg-used{display:none}
.sg-pyramid-track .sg-new{font-size:7px;padding:3px 4px;top:5px;right:5px}
.sg-pyramid-track .sg-wish{width:25px;height:25px;font-size:13px;left:5px;top:5px}
.sg-pyramid-arrow{flex:0 0 30px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(120,99,93,.3);border-radius:50%;color:var(--ink);background:var(--paper);font:18px var(--sans);cursor:pointer;padding:0}
.sg-pyramid-arrow:disabled{opacity:.25;cursor:default}
.sg-pyramid-arrow:focus-visible,.sg-pyramid-track:focus-visible,.sg-pyramid-retry:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.sg-pyramid-message{align-self:center;width:100%;text-align:center;font:11px/1.5 var(--sans);color:var(--ink-mid);padding:14px;box-sizing:border-box}
.sg-pyramid-retry{display:block;margin:8px auto 0;background:var(--paper);border:1px solid var(--rule);padding:6px 12px;color:var(--ink);cursor:pointer;font:10px var(--sans)}
@media(max-width:800px){
 .sg-pyramid-tier-head h3{font-size:14px}
}
@media(max-width:600px){
 .sg-pyramid-picker{padding:12px}
 .sg-reference-results{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sg-reference-result img{width:36px;height:36px}
 .sg-reference-selected strong{font-size:16px}
 .sg-pyramid-use{font-size:9px;padding:6px 2px}
 .sg-pyramid-shape{padding-top:36px}
 .sg-pyramid-tier{min-height:240px;padding-top:10px}
 .sg-pyramid-tier-head{position:static;text-align:center;max-width:none;margin-bottom:9px}
 .sg-pyramid-tier-head h3{font-size:14px;margin-bottom:2px}
 .sg-pyramid-tier-head p{font-size:9px}
 .sg-pyramid-rail{gap:5px}
 .sg-pyramid-track{--pyramid-gap:8px;min-height:175px}
 .sg-pyramid-track .sg-brand{font-size:8px;overflow-wrap:anywhere}
 .sg-pyramid-track .sg-name{font-size:10px;min-height:28px}
 .sg-pyramid-track .sg-price{font-size:9px;overflow-wrap:anywhere}
 .sg-pyramid-track .sg-new{top:auto;bottom:3px;right:3px;font-size:6px;padding:2px 3px}
 .sg-pyramid-arrow{flex-basis:26px;width:26px;height:30px}
 .sg-pyramid-caption{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.sg-pyramid-track{scroll-behavior:auto}}

/* Match All bags image widths; five roomy desktop cards with responsive rows. */
.sg-pyramid-rail{position:relative;width:100%}
.sg-pyramid-track{--pyramid-gap:22px;--pyramid-columns:5;padding-left:0;padding-right:0}
.sg-pyramid-track>.sg-pyramid-item{flex-basis:calc((100% - (var(--pyramid-columns) - 1) * var(--pyramid-gap))/var(--pyramid-columns))}
.sg-pyramid-arrow{position:absolute;top:-42px;right:0}
.sg-pyramid-arrow:first-child{right:38px}
@media(max-width:900px){.sg-pyramid-track{--pyramid-columns:3}}
@media(max-width:600px){.sg-pyramid-track{--pyramid-columns:2;--pyramid-gap:14px}}

/* Quiet reference action opposite the equally sized save button. */
.sg-pyramid-item{position:relative}
.sg-pyramid-use{position:absolute;top:5px;right:5px;z-index:3;display:flex;align-items:center;justify-content:center;width:25px;height:25px;margin:0;padding:0;border:1px solid var(--rule);border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink-mid);font:16px/1 var(--sans)}
.sg-pyramid-use:hover{border-color:var(--ink);color:var(--ink)}
.sg-pyramid-track .sg-new{top:auto;bottom:5px;right:5px}