.stain-modal-backdrop{z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.stain-modal{box-sizing:border-box;text-align:center;background:#fff;border-radius:6px;width:100%;max-width:460px;max-height:calc(100vh - 48px);padding:28px;overflow-y:auto;box-shadow:0 12px 40px #00000059}.stain-modal__swatch{background-color:#d9cbb3;background-position:50%;background-size:cover;border-radius:4px;width:140px;height:140px;margin:0 auto 16px;box-shadow:inset 0 0 0 1px #0000001f}.stain-modal__name{margin:0 0 4px;font-size:24px}.stain-modal__note{letter-spacing:.06em;text-transform:uppercase;color:#4ec3c7;margin:0 0 20px;font-size:15px;font-weight:900}.stain-modal__points{color:#555;margin:0 0 24px;padding:0;list-style:none}.stain-modal__points li{margin:0 0 6px;padding:0;list-style:none}.stain-modal__actions{justify-content:center;gap:12px;display:flex}.stain-modal .stain-modal__actions .button{cursor:pointer;background:#4ec3c7;outline:none;min-width:120px}.stain-modal .stain-modal__actions .button:hover,.stain-modal .stain-modal__actions .button:active{background:#3aacb0}.stain-modal__warning{color:#7a4a12;text-align:left;background:#fff4e5;border:1px solid #f0c48a;border-radius:6px;margin:0 0 20px;padding:12px 14px;font-size:14px;line-height:1.45}@media only screen and (max-width:528px){.stain-modal{padding:20px}.stain-modal__actions{flex-direction:column-reverse}}.stain-grid__row-break{flex-basis:100%;width:0;height:0}#colour-of-stain .stain-colour-item input[type=radio]+label{overflow:hidden}.stain-standard-badge{z-index:2;width:69px;height:69px;position:absolute;top:0;left:0}.stain-standard-badge-text{z-index:3;transform-origin:50%;color:#fff;letter-spacing:.03em;text-align:center;pointer-events:none;width:64px;font-size:11px;font-weight:700;line-height:1;position:absolute;top:20px;left:-4px;transform:rotate(-45deg)}.stain-colour-price-tier{color:#8a8a8a;font-weight:700}.summary-box-photo{border-radius:6px;width:100%;max-width:480px;height:auto;margin:0 0 16px;display:block;box-shadow:inset 0 0 0 1px #0000001f}.selection-recap-table{border-collapse:collapse;width:100%;margin:12px 0 20px}.selection-recap-table th,.selection-recap-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e2e2;padding:8px 12px;font-size:15px}.selection-recap-table th{color:#333;width:180px;font-weight:700}.selection-recap-note{color:#555;font-size:14px;line-height:1.5}#handle-material .handle-material-grid{flex-wrap:wrap;gap:16px;margin-top:16px;display:flex}#handle-material .handle-material-grid input[type=radio]+label{aspect-ratio:1;background-repeat:no-repeat;background-size:contain;flex:0 150px;min-width:145px;max-width:184px;height:auto;margin:0}#closure #shape-of-closure .closure-shape-grid{flex-wrap:wrap;gap:16px;margin-top:16px;display:flex}#closure #shape-of-closure .closure-shape-item{width:160px}#closure #shape-of-closure .closure-shape-grid input[type=radio]+label{background-color:#e5e5e5;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #d2d2d2;border-radius:4px;width:160px;height:120px;margin:0}#closure #shape-of-closure .closure-shape-grid input[type=radio].selected+label,#closure #shape-of-closure .closure-shape-grid input[type=radio]+label:hover{box-shadow:0 1px #7a7a7a,0 1px #727272,inset 0 0 10px 1px #6c6c6c}#closure #shape-of-closure .closure-shape-name{text-align:center;width:160px;margin-top:6px;font-size:14px;line-height:18px;display:block}#lid-style .lid-style-grid{flex-wrap:wrap;gap:16px;margin-top:16px;display:flex}#lid-style .lid-style-item{width:160px}#lid-style .lid-style-grid input[type=radio]+label{text-indent:0;color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;width:160px;height:160px;margin:0;display:block;position:relative;overflow:hidden}#lid-style .lid-style-name{text-align:center;width:160px;margin-top:6px;font-size:14px;line-height:18px;display:block}.laser-engraving-item{vertical-align:top;width:144px;margin:16px 16px 0 0;display:inline-block}#placement-of-branding .laser-engraving-item input[type=checkbox]+label{cursor:pointer;text-indent:0;background-color:#999;background-image:none;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:144px;height:170px;margin:0;display:flex}#placement-of-branding .laser-engraving-item input[type=checkbox].selected+label,#placement-of-branding .laser-engraving-item input[type=checkbox]+label:hover{background-color:#333}.laser-engraving-icon{width:80px;height:80px}.laser-engraving-name{color:#fff;text-align:center;font-size:14px;line-height:18px;display:block}#closure #colour-of-closure .closure-colour-grid{flex-wrap:wrap;gap:16px;margin-top:16px;display:flex}#closure #colour-of-closure .closure-colour-item{width:160px}#closure #colour-of-closure .closure-colour-grid input[type=radio]+label{background-color:#e5e5e5;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #d2d2d2;border-radius:4px;width:160px;height:120px;margin:0}#closure #colour-of-closure .closure-colour-grid input[type=radio].selected+label,#closure #colour-of-closure .closure-colour-grid input[type=radio]+label:hover{box-shadow:0 1px #7a7a7a,0 1px #727272,inset 0 0 10px 1px #6c6c6c}#closure #colour-of-closure .closure-colour-name{text-align:center;width:160px;margin-top:6px;font-size:14px;line-height:18px;display:block}
#get-a-quote .qc-form-message.success{z-index:10000;position:relative}.fireworks-overlay{pointer-events:none;z-index:9999;position:fixed;inset:0;overflow:hidden}.firework-burst{position:absolute}.firework-particle{background:var(--particle-color,#ffd23f);width:10px;height:10px;box-shadow:0 0 14px 3px var(--particle-color,#ffd23f);opacity:0;animation:firework-particle var(--particle-duration,1s) ease-out forwards;border-radius:50%;position:absolute}@keyframes firework-particle{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) scale(.3);opacity:0}}.confetti-overlay{pointer-events:none;z-index:9999;position:fixed;inset:0;overflow:hidden}.confetti-piece{opacity:.9;width:8px;height:14px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards;position:absolute;top:-20px}@keyframes confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--drift), 100vh) rotate(var(--rotate));opacity:0}}@media (prefers-reduced-motion:reduce){.fireworks-overlay,.confetti-overlay{display:none}}