/* An interactive, curated SIMTEKS storefront. Scoped away from the studio shell. */
.sc{margin:0 6% 0 5%;color:#1c3045;background:#f6f8fb;border:1px solid #ced8e3;container-type:inline-size;font-family:Arial,sans-serif;text-align:left}
.sc *{box-sizing:border-box}
.sc [hidden]{display:none!important}
.sc button,.sc input,.sc select{font:inherit;letter-spacing:normal}
.sc button,.sc a,.sc input,.sc select{touch-action:manipulation}
.sc button{cursor:pointer;color:inherit}
.sc button:focus-visible,.sc a:focus-visible,.sc input:focus-visible,.sc select:focus-visible{outline:3px solid #3478bd;outline-offset:3px}
.sc-header{height:70px;padding:0 5%;display:flex;align-items:center;gap:22px;background:#fff;border-bottom:1px solid #dae1e9;font-size:11px}
.sc-header img{width:100px;height:auto;object-fit:contain}
.sc-header>span{align-self:stretch;display:flex;align-items:center;border-bottom:2px solid #3d76b7}
.sc-header a{margin-left:auto;text-decoration:none;color:#3970aa;white-space:nowrap}
.sc-body{padding:30px 4% 0}
.sc-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}
.sc small{font-family:ui-monospace,monospace;font-size:10px;line-height:1.5;color:#6f8395;letter-spacing:.03em}
.sc h4{font:500 clamp(21px,4.1cqw,34px)/1.15 Arial,sans-serif;letter-spacing:-.04em;margin:9px 0 0;color:#20354b}
.sc-bag{border:1px solid #ced9e5;background:#fff;border-radius:5px;white-space:nowrap;padding:11px;font-size:11px!important}
.sc-bag span{display:inline-flex;align-items:center;justify-content:center;background:#e9f0f8;color:#2b6197;min-width:22px;height:22px;margin-left:5px;border-radius:50%}
.sc-search{display:grid;grid-template-columns:1fr 155px;gap:10px}
.sc-search label{min-width:0}
.sc-search input,.sc-search select{height:44px;width:100%;border:1px solid #cbd7e4;border-radius:5px;background:#fff;padding:0 12px;color:#314a62;font-size:12px;min-width:0}
.sc-search input::placeholder{color:#8393a5}
.sc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;font-size:11px;color:#75879a}
.sc-modes{display:flex;border:1px solid #cad6e3;border-radius:5px;overflow:hidden;background:#fff;width:max-content}
.sc-modes button{border:0;border-radius:0;padding:10px 16px;background:transparent;font-size:11px;min-height:36px}
.sc-modes button[aria-pressed=true]{background:#315f97;color:#fff}
.sc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}
.sc-product{min-width:0;background:#fff;border:1px solid #e0e6ed;border-radius:7px;overflow:hidden}
.sc-photo{display:block;width:100%;position:relative;padding:0;border:0;overflow:hidden;aspect-ratio:3/4;background:#e4e0d9}
.sc-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.sc-photo:hover img{transform:scale(1.025)}
.sc-photo-tag{position:absolute;left:10px;bottom:10px;color:#314251;background:#ffffffeb;border-radius:3px;padding:7px 9px;font-size:10px}
.sc-product-copy{padding:16px 13px 13px}
.sc h5{font:600 clamp(14px,2.3cqw,18px)/1.25 Arial,sans-serif;letter-spacing:-.02em;margin:7px 0 10px;min-height:2.5em}
.sc-color{display:flex;align-items:center;gap:7px;font-size:12px}
.sc-color i{height:11px;width:11px;border-radius:50%;background:var(--shade);border:1px solid #0001;flex-shrink:0}
.sc-specs{display:flex;flex-wrap:wrap;gap:4px;margin:13px 0 16px}
.sc-specs span{background:#eff3f7;padding:5px;font:9px ui-monospace,monospace;color:#6d8295;border-radius:3px}
.sc-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sc-actions button,.sc-primary{border:1px solid #cfdae5;background:#fff;padding:10px 5px;font-size:11px;border-radius:4px;min-height:38px}
.sc-actions button[data-sc-add],.sc-primary{background:linear-gradient(120deg,#417fbe,#2d5387);color:white;border-color:transparent}
.sc [data-sc-add][aria-pressed=true]{background:#e8f0f7;color:#2d5986;border-color:#b5c9df}
.sc-footer{border-top:1px solid #dae1e9;margin-top:26px;padding:17px 0 20px;font-size:10px;line-height:1.6;color:#75879a}
.sc-empty{padding:45px 15px;text-align:center;background:white}
.sc-empty p,.sc-selection p,.sc-detail-copy p{font:12px/1.6 Arial,sans-serif!important;color:#728398;margin:10px 0 15px}
.sc-empty button{border:1px solid #c6d5e5;background:#fff;padding:12px;font-size:12px;border-radius:4px}
.sc-selection{border:1px solid #c9d8e7;background:white;padding:20px;margin-bottom:22px}
.sc-selection>b{font-size:16px}
.sc-selection a{font-size:12px;color:#34699f}
.sc-selected-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e0e6ed;padding:12px 0;font-size:12px}
.sc-selected-row small{display:block}
.sc-selected-row button{font-size:11px;border:0;background:transparent;padding:10px 0}
.sc-detail{scroll-margin-top:80px}
.sc-back{border:0;background:none;color:#3a71ac!important;font-size:12px!important;padding:3px 0 20px}
.sc-detail-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:24px}
.sc-detail-image{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;display:block;background:#e4e0d9}
.sc-detail-grid .sc-modes{margin-top:12px}
.sc-detail-copy h4{font-size:clamp(21px,3.7cqw,29px);margin:10px 0 15px}
.sc-detail-copy dl{margin:25px 0;display:block}
.sc-detail-copy dl>div{display:flex;justify-content:space-between;gap:8px;padding:11px 0;border-bottom:1px solid #dce4ec;font-size:11px}
.sc-detail-copy dt{color:#708298}.sc-detail-copy dd{margin:0;text-align:right}
.sc .sc-primary{width:100%;font-size:12px!important;color:#fff}
.sc .sc-primary[aria-pressed=true]{color:#2d5986}
.sc-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@container(max-width:480px){
 .sc-header{height:60px;gap:12px;font-size:10px}.sc-header img{width:85px}.sc-header>span{display:none}
 .sc-body{padding-top:23px}.sc-heading{align-items:flex-start}.sc h4{font-size:23px}.sc-heading small{font-size:8px}.sc-bag{font-size:10px!important;padding:6px}
 .sc-search{grid-template-columns:1fr}.sc-search select{height:38px}.sc-toolbar{font-size:10px}.sc-modes button{padding:10px 12px}
 .sc-grid{gap:12px 9px}.sc h5{font-size:13px;min-height:3.7em}.sc-product-copy{padding:12px 9px}.sc small{font-size:8px}.sc-color{font-size:10px}.sc-specs{gap:3px;margin:10px 0}.sc-specs span{font-size:8px;padding:4px}
 .sc-actions{grid-template-columns:1fr}.sc-actions button{font-size:10px}.sc-photo-tag{font-size:8px;padding:5px;left:6px;bottom:6px}
 .sc-detail-grid{grid-template-columns:1fr;gap:24px}.sc-detail-image{max-height:480px;object-fit:contain}.sc-detail-copy h4{font-size:26px}.sc-detail-copy dl>div{font-size:12px}
}
@media(max-width:600px){.sc{margin:0 22px}}
@media(prefers-reduced-motion:reduce){.sc-photo img{transition:none}}