.belt-builder{max-width:1120px;margin:24px auto 64px}.belt-intro{max-width:700px;font-size:18px;line-height:1.6;margin-bottom:28px}.belt-choices{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.belt-builder fieldset{min-width:0;border:1px solid #deded1;border-radius:16px;padding:26px;margin:0;background:white}.belt-builder legend{font-size:23px;font-weight:700;padding:0 8px;color:#20271d}.belt-packages{display:grid;gap:14px}.belt-package{display:flex;align-items:flex-start;gap:14px;padding:20px;border:1px solid #d4d6c8;border-radius:12px;cursor:pointer}.belt-package:has(input:checked){border:2px solid #595b2f;padding:19px;background:#f4f4ec}.belt-package input,.belt-check input{accent-color:#595b2f;width:21px;height:21px;flex-shrink:0;margin:3px 0}.belt-package strong{display:block;font-size:19px}.belt-package small{display:block;font-size:15px;line-height:1.5;margin-top:5px;color:#616656}.belt-builder input:focus-visible,.belt-builder select:focus-visible,.belt-builder button:focus-visible{outline:3px solid #bc913f;outline-offset:4px}.belt-option{padding:16px 0;border-bottom:1px solid #e3e4da;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.belt-option:last-child{border-bottom:0}.belt-label,.belt-check{display:flex;gap:10px;align-items:center;font-size:16px}.belt-swatch{display:inline-block;width:22px;height:22px;border-radius:50%;border:1px solid #0003}.belt-tab-color{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-size:15px}.belt-tab-color select{padding:10px 16px;border:1px solid #a6ad99;border-radius:7px;background:white;color:#20271d;font:inherit;width:130px}.belt-builder [hidden]{display:none!important}.belt-help{font-size:15px;line-height:1.6;color:#606656;margin:0 0 12px}.belt-builder fieldset:disabled{opacity:.55}.belt-actions{margin:24px 0}.belt-builder button{font:inherit;font-weight:600;cursor:pointer;border-radius:9px;padding:16px 25px;border:1px solid #595b2f}.belt-next{background:#595b2f;color:white}.belt-next:disabled{opacity:.45;cursor:not-allowed}.belt-preview-section{scroll-margin-top:30px;border-top:1px solid #deded1;padding-top:32px;margin-top:40px}#belt-preview-title{font-size:32px;margin:0 0 12px}.belt-preview-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start}.belt-preview{position:relative;overflow:hidden;max-width:520px;width:100%;margin:0 auto}.belt-preview img{width:100%;height:auto;display:block}.belt-preview-tab{position:absolute;left:42%;width:2.7%;height:6%;background:#c3aa80;border:1px solid #8c7656;border-radius:1px;box-shadow:1px 0 2px #0005;pointer-events:none}.belt-preview-tab[data-color=red]{background:#b82230;border-color:#841321}.belt-preview-summary{padding:26px;background:#f4f4ed;border:1px solid #deded1;border-radius:14px}.belt-preview-summary h3{margin:0 0 16px;font-size:22px}.belt-preview-summary p{line-height:1.7;font-size:16px}.belt-edit{background:white;color:#3e603c}.belt-preview-note{font-size:15px!important;color:#606656}.belt-builder .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){.belt-choices,.belt-preview-layout{grid-template-columns:1fr}.belt-builder fieldset{padding:20px}.belt-builder legend{font-size:21px}.belt-preview-summary{order:-1}.belt-next{width:100%}.belt-intro{font-size:16px}}

.belt-message-placeholder{position:absolute;left:20.5%;top:8.5%;width:59%;aspect-ratio:3 / 2;background:#151515;border:1px solid #050505;pointer-events:none}
.belt-preview .belt-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.belt-label input{accent-color:#595b2f;width:21px;height:21px;flex-shrink:0}.belt-preview-tab{z-index:2}.belt-message-placeholder{z-index:3}

/* Keep each belt and its permitted tab choice together. */
.belt-option{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:12px;padding:13px 0}
.belt-option > .belt-check,.belt-no-tabs{justify-self:end}
.belt-check{font-size:14px;gap:7px;white-space:nowrap}
.belt-label{font-size:15px;gap:8px}
.belt-label .belt-swatch{flex-shrink:0}
.belt-qualification{min-width:0;width:180px;max-width:100%;justify-self:end}
.belt-qualification select{width:100%;min-width:0;min-height:36px;font:inherit;font-size:14px;padding:6px 8px;border:1px solid #a6ad99;border-radius:7px;background:#fff;color:#20271d}
.belt-qualification select:disabled,.belt-check:has(input:disabled){opacity:.5}
.belt-no-tabs{color:#606656;font-size:14px}
.belt-legacy-note{grid-column:1/-1;margin:0;color:#606656;font-size:14px;line-height:1.5}
.belt-builder fieldset:disabled{background:#f3f3ef;opacity:.5}
@media(max-width:480px){.belt-option{gap:8px}.belt-label,.belt-check{font-size:14px;gap:5px}.belt-label .belt-swatch{display:none}.belt-label input,.belt-check input{width:18px;height:18px}.belt-builder fieldset{padding:16px}}

.belt-spaces-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;margin:0 0 12px;padding:0 8px}.belt-spaces-label select{font:inherit;padding:9px 12px;background:#fff;border:1px solid #a6ad99;border-radius:7px;color:#20271d}.belt-spaces-label:has(select:disabled){opacity:.5}

#belt-preview-title{text-align:center}

.belt-order-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 18px;margin:24px auto 0;max-width:520px}.belt-builder .belt-swap{background:#595b2f;color:#fff;padding:12px 22px;min-height:44px}.belt-swap:disabled{opacity:.45;cursor:not-allowed}#belt-order-status{font-size:14px;color:#606656;margin:0}

/* Neutralize the gray belt's blue cast in the preview. */
.belt-preview .belt-gray-tone{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:grayscale(1)}
.belt-actions{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
#belt-continue-button{min-width:180px}
.belt-error{color:#ad2c26;font-size:15px;line-height:1.5;margin:0}
.belt-error:empty{display:none}
.belt-message-placeholder .plate-surface{height:100%;box-shadow:none}
.belt-direct-wood .belt-message-placeholder{left:8%;top:3.5%;width:84%;background:transparent;border:0}
.belt-engraving-choice{grid-column:1 / -1}
.belt-engraving-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:600px){.belt-engraving-options{grid-template-columns:1fr}}

.belt-choice-actions{justify-content:flex-end}
.belt-preview-page .desk-heading,.belt-preview-page #belt-choice-screen{display:none}
.belt-preview-page .belt-preview-section{border:0;padding-top:0;margin-top:0}
.belt-preview-actions{max-width:620px;margin:28px auto 0;padding-top:24px;border-top:1px solid #deded1}
#belt-message-button{min-width:180px}
@media(max-width:480px){.belt-preview-actions button{width:100%}}