:root{--background: #ffffff;--text: #111111;--muted: #666666;--line: #dedede;--panel: #f7f7f7;--button: #111111;--button-text: #ffffff}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.5}button{border:0;border-radius:4px;cursor:pointer;font:inherit}img{display:block;max-width:100%}.app-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);grid-template-areas:"intro intro" "builder preview" "checkout checkout";gap:14px 24px;align-items:start;max-width:980px;margin:0 auto;padding:24px}.eyebrow{margin:0 0 8px;color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:16px;font-size:1.85rem;font-weight:500;line-height:1.15}h2{margin-bottom:12px;font-size:1.15rem;font-weight:500}.selectors{display:grid;gap:8px}.position-control{border:1px solid var(--line);border-radius:6px;padding:8px}.position-label{margin:0 0 6px;color:var(--muted);font-size:.85rem;text-transform:uppercase}.selector-row{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:2px}.arrow-button{width:38px;height:38px;background:var(--button);color:var(--button-text);font-size:1.45rem}.band-image-wrap{display:flex;height:62px;align-items:center;justify-content:center;background:var(--panel);border-radius:4px;overflow:hidden;padding:2px}.band-image-wrap img{width:min(240px,100%);max-height:62px;height:auto;object-fit:contain;transform:scale(1.95);transform-origin:center}.band-details{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-top:6px;text-align:center}.band-name{margin:0;font-weight:600}.band-price{margin:0;color:var(--muted)}.preview-section,.checkout-section{display:grid;gap:10px}.builder-section{grid-area:builder}.builder-introduction{grid-area:intro}.builder-introduction h2{font-size:28px;line-height:1.2}.preview-section{grid-area:preview}.checkout-section{grid-area:checkout;grid-column:1 / -1}.stack-preview{display:flex;min-height:325px;align-items:center;justify-content:center;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:6px;padding:10px;background:var(--panel)}.stack-preview img{width:min(420px,100%);max-height:82px;height:auto;object-fit:contain;margin:-10px 0;transform:scale(1.85);transform-origin:center}.summary{margin-top:0;border-top:1px solid var(--line);padding-top:12px}.size-field{display:grid;grid-template-columns:1fr minmax(130px,180px);align-items:center;gap:12px;border:1px solid var(--line);border-radius:6px;padding:10px 12px}.size-field span{color:var(--muted)}.size-field select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:4px;background:var(--background);color:var(--text);font:inherit;padding:0 10px}.selected-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 12px;padding:0;list-style:none}.selected-list li,.total-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.selected-list li span:first-child{color:var(--muted)}@media(min-width:681px){.selected-list{grid-template-columns:1fr;gap:10px;max-width:620px}.selected-list li{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,auto) 72px;align-items:center;justify-content:stretch;gap:18px}.selected-list li:before{content:attr(data-summary-label);color:var(--muted)}.selected-list li span:first-child{color:var(--text)}.selected-list li:first-child{grid-template-columns:minmax(120px,1fr) minmax(160px,auto)}.selected-list li:first-child span{display:none}.total-row{max-width:620px}}.actions{display:flex;gap:12px;margin-top:16px}.primary-button,.secondary-button{min-height:48px;padding:0 22px}.primary-button{background:var(--button);color:var(--button-text)}.secondary-button{border:1px solid var(--button);background:var(--background);color:var(--text)}@media(max-width:680px){.app-shell{grid-template-columns:1fr;grid-template-areas:"intro" "builder" "preview" "checkout";gap:16px;padding:18px 14px}.checkout-section{grid-column:auto}h1{margin-bottom:14px;font-size:1.6rem}.stack-preview{min-height:260px;padding:10px;gap:0}.stack-preview img{width:min(335px,100%);max-height:72px}.selector-row{grid-template-columns:48px minmax(0,1fr) 48px}.arrow-button{width:48px;height:48px}.band-image-wrap{height:68px}.band-image-wrap img{width:min(240px,100%);max-height:66px}.size-field{grid-template-columns:1fr;gap:6px}.selected-list{grid-template-columns:1fr}.actions{flex-direction:column}.primary-button,.secondary-button{width:100%}}.position-control{position:relative}.arrow-button{position:relative;z-index:10}.band-image-wrap{position:relative;z-index:1;pointer-events:none}.band-image-wrap img{pointer-events:none}.total-row{border-top:1px solid var(--line);padding-top:12px;font-size:1.4rem;font-weight:700}.stack-success{margin-top:18px;padding:16px 20px;border:1px solid #b7e3c2;background:#edf9f0;color:#23633b;border-radius:8px;text-align:center}.stack-success strong{display:block;margin-bottom:8px}.stack-success-link{font-weight:600;text-decoration:none;color:inherit}.stack-success-link:hover{text-decoration:underline}
/*# sourceMappingURL=/cdn/shop/t/27/assets/reva-ring-stack-builder.css.map */