/* Draft optimization overrides. Loaded after the legacy shell styles. */
.products{inset:18px 5.5% calc(var(--coozebra-footer-height) + 12px);width:auto;height:auto;max-height:none;padding:20px 24px;overflow:hidden;border:1px solid #d7e0e3;border-radius:7px;background:#fff;box-shadow:0 18px 48px #1724312b}
.products>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.products>header p{margin:0 0 3px;color:#6b7b82;font-size:10px;font-weight:800;letter-spacing:.1em}
.products>header h1{margin:0;font-size:23px;letter-spacing:0}
.products>header .x{position:static;width:36px;height:36px}
.product-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;height:calc(100% - 55px)}
.product-picker-grid .pcard{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr) auto;grid-template-rows:auto auto 1fr auto;column-gap:12px;align-items:center;min-height:0;padding:9px 11px;border:1px solid #d9e1e3;border-radius:7px;background:#fff;text-align:left;box-shadow:none;overflow:hidden}
.product-picker-grid .pcard:hover{border-color:#69828c;box-shadow:0 4px 14px #17243110}
.product-picker-grid .pcard.current{border:2px solid #264f62;background:#f3f8f8;box-shadow:0 0 0 2px #d9e7e8}
.product-picker-grid .garment-photo{grid-row:1/-1;width:100px;height:104px;margin:0;object-fit:contain;background:#f7f8f7;border-radius:4px}
.product-picker-grid .pcard__status{grid-column:3;grid-row:1;color:#6b7b82;font-size:10px;font-weight:800;text-transform:uppercase}
.product-picker-grid .pcard.current .pcard__status{color:#1f5b6c}
.product-picker-grid .pcard>strong{grid-column:2;grid-row:1;margin:0;color:#172431;font-size:14px;line-height:1.2;letter-spacing:0}
.product-picker-grid .pcard__price{grid-column:2;grid-row:2;color:#172431;font-size:12px;font-weight:800}
.product-picker-grid .pcard small{grid-column:2/4;grid-row:3;margin:2px 0 4px;color:#60727a;font-size:10px;line-height:1.25}
.product-picker-grid .dots{grid-column:2;grid-row:4;display:flex;align-items:center;gap:4px;margin:0}
.product-picker-grid .dots i{display:block;width:8px;height:8px;border:1px solid #9ca9ae;border-radius:50%}
.product-picker-grid .dots span,.product-picker-grid .pcard__colors{color:#6b7b82;font-size:9px;font-style:normal}
.product-picker-grid .pcard__colors{grid-column:3;grid-row:4;white-space:nowrap}
.pcard-skeleton{min-height:0;border:1px solid #e1e7e9;border-radius:7px;background:linear-gradient(90deg,#f3f5f5 25%,#fafbfb 50%,#f3f5f5 75%);background-size:200% 100%;animation:coozebra-skeleton 1.1s linear infinite}
@keyframes coozebra-skeleton{to{background-position:-200% 0}}
.confirm ul{margin:8px 0 15px;padding-left:20px;color:#4f6169;font-size:13px;text-align:left}
.confirm .pair .garment-photo{width:76px;height:76px}
.font-pop{top:8%;bottom:auto;display:flex;flex-direction:column;width:min(580px,calc(100vw - 48px));height:min(500px,84vh);max-height:84vh}
.font-pop>.font-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;overflow-y:auto;padding-right:4px}
.font-pop [data-font]{min-height:78px;padding:10px 12px}
.font-pop [data-font] span{display:block;overflow:hidden;font-size:20px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}
.font-pop [data-font] b{margin-top:6px;color:#60727a;font:700 10px Arial,sans-serif;text-transform:none}
.textcolors{display:grid!important;grid-template-columns:repeat(4,36px)!important;gap:10px!important}
.textcolors button{position:relative;width:36px!important;height:36px!important;border:1px solid #aab6ba!important;border-radius:50%!important}
.textcolors button.selected:after{content:"";position:absolute;inset:-5px;border:2px solid #264f62;border-radius:50%}
.sizes-shell{grid-template-rows:minmax(0,1fr) auto}
.sizes-shell .unit-price{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;padding:12px 14px;border:1px solid #dce4e6;border-radius:6px;background:#fff}
.unit-price__amount small{display:block;color:#60727a;font-size:11px;font-weight:700}
.unit-price__amount strong{display:block;margin-top:2px;color:#172431;font-size:24px;line-height:1}
.unit-price__benefits{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}
.unit-price__benefits span{display:block;font-size:11px;font-weight:800;line-height:1.25}
.benefit-unlocked{color:#16723b!important}.benefit-next{color:#d63b21!important}
.footer-order-summary{display:none!important}
@media(max-width:1280px){.products{inset:12px 3.5% calc(var(--coozebra-footer-height) + 8px);padding:14px 16px}.products>header{margin-bottom:8px}.products>header h1{font-size:20px}.product-picker-grid{height:calc(100% - 46px);gap:7px}.product-picker-grid .pcard{grid-template-columns:90px minmax(0,1fr) auto;padding:6px 8px;column-gap:8px}.product-picker-grid .garment-photo{width:86px;height:92px}.product-picker-grid .pcard>strong{font-size:12px}.product-picker-grid .pcard small{font-size:9px}.product-picker-grid .pcard__price{font-size:10px}.product-picker-grid .pcard__status,.product-picker-grid .pcard__colors{font-size:8px}}