/* Scoped to the set configurator; shared commerce styling stays intact. */
.make-set-piece{padding:20px 0;scroll-margin:24px}
.make-set-piece-content{display:grid;grid-template-columns:82px minmax(0,1fr);gap:16px;align-items:start}
.make-set-piece-media{aspect-ratio:3/4;background:#fff;overflow:hidden}
.make-set-piece-media img{width:100%!important;height:100%!important;object-fit:contain!important;display:block}
.make-set-piece-options{min-width:0}
.make-set-piece-heading>span,.make-set-price del,.make-set-selection,.make-set-chart p{color:#655b4f}
.make-set-form legend,.make-set-form legend [data-color-label],.make-set-selection{font-size:12px;line-height:1.5}
.make-set-piece-heading>span{font-size:12px;line-height:1.5}
.make-set-piece-error{margin:8px 0;color:#9b302a;font-size:13px;line-height:1.65}
.make-set-piece[data-invalid]{border-top-color:#9b302a}
.make-set-color.is-sold-out>span{position:relative;opacity:.55}
.make-set-color.is-sold-out>span::after{content:'';position:absolute;inset:0;background:linear-gradient(to top right,transparent 49%,#3e3327 49%,#3e3327 51%,transparent 51%);pointer-events:none}
.make-set-colors,.make-set-sizes{gap:8px}
.make-set-chart summary:focus-visible{outline:2px solid #66502d;outline-offset:3px}
.make-set-status{font-size:13px;color:#655b4f;line-height:1.7}
.make-set-mobile-bar{display:none}
@media(max-width:767px){
  .olo-make-set.product{margin-bottom:110px}
  .make-set-layout{display:block}
  .make-set-preview{display:none}
  .make-set-kicker{font-size:12px;margin-bottom:10px}
  .make-set-info h1{font-size:30px}
  .make-set-intro{font-size:14px;line-height:1.65;margin-bottom:16px}
  .make-set-shipping{font-size:13px;margin:10px 0 20px;line-height:1.7}
  .make-set-piece{border:1px solid #d2c9bc;background:#fdfcf9;padding:16px 12px;margin-bottom:12px}
  .make-set-piece-content{grid-template-columns:64px minmax(0,1fr);gap:12px}
  .make-set-piece-options{display:contents}
  .make-set-colors{grid-column:2;grid-row:1}
  .make-set-sizes,.make-set-selection,.make-set-piece-error,.make-set-chart{grid-column:1/-1}
  .make-set-piece-heading{align-items:start;margin-bottom:14px}
  .make-set-piece-heading h2{font-size:17px}
  .make-set-piece-heading h2 span{font-size:12px;color:#765f3b}
  .make-set-piece-heading>span{max-width:45%;text-align:end}
  .make-set-colors,.make-set-sizes{gap:6px}
  .make-set-color>span{width:44px;height:54px}
  .make-set-sizes label>span{min-width:44px;min-height:44px;padding:8px}
  .make-set-form legend [data-color-label]{display:block;margin-inline-start:0;margin-top:2px}
  .make-set-piece-media{margin-top:32px}
  .make-set-purchase{margin-top:16px;grid-template-columns:74px 1fr}
  .make-set-mobile-bar:not([hidden]){position:fixed;z-index:60;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f8f7f4;border-top:1px solid #d2c9bc;box-shadow:0 -4px 20px #201c180a;padding:12px max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
  .make-set-mobile-bar small{display:block;color:#655b4f;font-size:11px;margin-bottom:4px;line-height:1.5}
  .make-set-mobile-bar strong{font-size:20px;font-weight:500;white-space:nowrap}
  .make-set-mobile-bar button{min-height:48px;flex:1;max-width:230px;border:1px solid #201c18;background:#201c18;color:#fff;font-size:13px;padding:10px 14px;cursor:pointer;font-family:inherit}
  .make-set-mobile-bar button:focus-visible{outline:2px solid #765f3b;outline-offset:3px}
  .make-set-mobile-bar.is-keyboard-open{display:none}
  body:has(.olo-make-set) .whatsapp-fab{bottom:108px}
}