.single-variant{text-align:center;padding:3rem 2rem;background:var(--bc-card-bg, #ffffff);border-radius:var(--bc-radius-card, 16px);border:1px solid var(--bc-line, #e0e0e0);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;margin:1rem 0}.single-variant h3{margin:0 0 2rem;color:var(--bc-heading, #333);font-size:1.3rem;font-weight:600}.single-variant .form-group{max-width:280px;margin:0 auto 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.single-variant label{display:block;margin-bottom:0;font-weight:600;color:var(--bc-text, #333);font-size:1rem}.single-variant input{width:140px;padding:1rem;border:2px solid var(--bc-input-border, #ddd);border-radius:var(--bc-radius-button, 8px);background:var(--bc-input-bg, #ffffff);color:var(--bc-input-text, #333);text-align:center;font-size:1.2rem;font-weight:600;transition:all .2s ease}.single-variant input:focus{outline:none;border-color:var(--bc-primary, #007bff);box-shadow:0 0 0 3px #007bff33;transform:scale(1.05)}.single-variant .stock-info{font-size:.9rem;color:var(--bc-text, #666);opacity:.8;margin-top:.5rem}.single-variant .selection-summary{background:var(--bc-alt-bg, #f8f9fa);padding:1.25rem 2rem;border-radius:var(--bc-radius-button, 8px);border:2px solid var(--bc-primary, #007bff);margin-top:0;font-size:1.1rem}.variant-table{border:1px solid var(--bc-line, #e0e0e0);border-radius:var(--bc-radius-card, 12px);overflow:hidden;margin:1rem 0;background:var(--bc-card-bg, #ffffff);box-shadow:0 2px 8px #00000014}.variant-header{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:1rem;padding:1rem 1.25rem;background:var(--bc-primary, #007bff);color:#fff;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.variant-row{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--bc-line, #e0e0e0);align-items:center;transition:background-color .2s ease;min-height:60px}.variant-row:last-child{border-bottom:none}.variant-row:hover:not(.unavailable){background:var(--bc-alt-bg, #f8f9fa)}.variant-row.unavailable{opacity:.4;background:#8080800d}.size-label{font-weight:600;color:var(--bc-text, #333);font-size:1rem}.quantity-input{display:flex;justify-content:center;align-items:center}.quantity-input input{width:80px;padding:.5rem;border:2px solid var(--bc-input-border, #ddd);border-radius:6px;background:var(--bc-input-bg, #ffffff);color:var(--bc-input-text, #333);text-align:center;font-size:1rem;font-weight:600;transition:all .2s ease}.quantity-input input:focus{outline:none;border-color:var(--bc-primary, #007bff);box-shadow:0 0 0 2px #007bff33}.stock-info{font-size:.85rem;color:var(--bc-text, #666);text-align:right;font-weight:500}.stock-info.out-of-stock{color:#e74c3c;font-weight:600}.color-selector{margin-bottom:1rem;padding:1rem 1.25rem;background:var(--bc-card-bg, #ffffff);border-radius:var(--bc-radius-card, 12px);border:1px solid var(--bc-line, #e0e0e0);box-shadow:0 2px 6px #0000000d}.color-selector h3{margin:0 0 .75rem;color:var(--bc-heading, #333);font-size:1rem;font-weight:600}.color-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.color-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1.5px solid var(--bc-input-border, #ddd);border-radius:20px;cursor:pointer;background:var(--bc-input-bg, #ffffff);transition:all .2s ease;-webkit-user-select:none;user-select:none;font-size:.85rem;font-weight:500;min-height:36px;flex:0 0 auto}.color-option:hover{border-color:var(--bc-primary, #007bff);background:#007bff0d}.color-option input[type=radio]{margin:0;width:16px;height:16px}.color-option input[type=radio]:checked+.color-label{font-weight:700;color:var(--bc-primary, #007bff)}.color-option:has(input[type=radio]:checked){border-color:var(--bc-primary, #007bff);background:#007bff1a;box-shadow:0 1px 4px #007bff4d}.color-label{font-size:.85rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.bc-color-selection{background:var(--bc-card-bg, #ffffff);border:1px solid var(--bc-line, #e2e8f0);border-radius:8px;padding:1rem;margin-bottom:.75rem;transition:all .2s ease}.bc-color-selection:hover{border-color:var(--bc-primary, #007bff);box-shadow:0 2px 8px #0000000f}.bc-method-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:1rem}.bc-method-label{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:var(--bc-heading, #1a202c);margin:0}.bc-method-icon{font-size:16px;opacity:.7}.bc-color-description{font-size:.8rem;color:var(--bc-text, #718096);font-style:italic;text-align:right;flex-shrink:0;max-width:150px;line-height:1.3}.bc-color-input-container{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.bc-color-select{padding:.5rem .75rem;border:1px solid var(--bc-input-border, #d1d5db);border-radius:6px;font-size:.9rem;background:var(--bc-input-bg, white);min-width:120px;max-width:150px;transition:all .2s ease}.bc-color-select:focus{outline:none;border-color:var(--bc-primary, #3b82f6);box-shadow:0 0 0 2px #3b82f61a}.bc-color-note{font-size:.75rem;color:var(--bc-text, #6b7280);font-weight:500;margin-left:auto;text-align:right}.bc-color-note.bc-color-warning{color:#f59e0b;font-weight:600}.bc-color-help{font-size:.75rem;color:var(--bc-text, #718096);line-height:1.3;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--bc-line, #e2e8f0)}@media (max-width: 768px){.single-variant{padding:2rem 1.5rem;min-height:280px}.single-variant .form-group{max-width:100%;gap:.75rem}.single-variant input{width:120px;font-size:1.1rem}.variant-header,.variant-row{grid-template-columns:1fr auto;gap:.75rem;padding:.75rem 1rem}.stock-info{grid-column:1 / -1;font-size:.8rem;margin-top:.5rem;text-align:left;padding-top:.5rem;border-top:1px solid var(--bc-line, #e0e0e0)}.color-selector{margin-bottom:.75rem;padding:.75rem 1rem}.color-selector h3{font-size:.95rem;margin-bottom:.5rem}.color-options{gap:.4rem;margin-top:.5rem}.color-option{padding:.4rem .6rem;min-height:32px;font-size:.8rem;border-radius:16px}.color-option input[type=radio]{width:14px;height:14px}.color-label{font-size:.8rem}.bc-method-header{flex-direction:column;align-items:flex-start;gap:.5rem}.bc-color-description{text-align:left;max-width:none}.bc-color-input-container{flex-direction:column;align-items:stretch;gap:.5rem}.bc-color-select{min-width:auto;width:100%;max-width:none}.bc-color-note{margin-left:0;text-align:left}}@media (max-width: 480px){.single-variant{padding:1.5rem 1rem;min-height:250px}.variant-header,.variant-row{grid-template-columns:1fr;gap:.5rem;padding:.75rem}.size-label{font-size:.95rem;margin-bottom:.25rem}.quantity-input{justify-content:flex-start;margin-bottom:.25rem}.quantity-input input{width:70px;font-size:.9rem}.stock-info{margin-top:.5rem;padding-top:.5rem}.color-selector{padding:.6rem .8rem;margin-bottom:.6rem}.color-selector h3{font-size:.9rem;margin-bottom:.4rem}.color-options{gap:.3rem;margin-top:.4rem}.color-option{padding:.35rem .5rem;min-height:28px;font-size:.75rem;border-radius:14px;border-width:1px}.color-option input[type=radio]{width:12px;height:12px}.color-label{font-size:.75rem}.bc-color-selection{padding:.75rem}}.selection-summary{margin-top:1.5rem;padding:1.25rem 1.5rem;background:var(--bc-alt-bg, #f8f9fa);border-radius:var(--bc-radius-card, 12px);text-align:center;border:2px solid var(--bc-primary, #007bff);font-weight:600}.selection-summary strong{color:var(--bc-heading, #333);font-size:1.1rem}#total-quantity{color:var(--bc-primary, #007bff);font-weight:700;font-size:1.2rem}.size-grid h3{margin:0 0 1rem;color:var(--bc-heading, #333);font-size:1.2rem;font-weight:600;text-align:center}[data-color].color-mapped,[data-color].color-mapped-fixed{background-color:var(--mapped-color)!important}[data-color=STONE]{background-color:#beb8aa!important}[data-color="ROYAL BLUE"]{background-color:#2872bb!important}[data-color=NAVY]{background-color:#262449!important}[data-color=CHARCOAL]{background-color:#292d2e!important}[data-color="BURNT ORANGE"]{background-color:#cb734f!important}[data-color="DARK GREEN"]{background-color:#0d331e!important}[data-color="DARK GREY"]{background-color:#454744!important}[data-color="LIGHT BLUE"]{background-color:#a3c5e1!important}[data-color="LIGHT GREEN"]{background-color:#c6d1c5!important}[data-color="LIGHT TURQUOISE"]{background-color:#a5d5dc!important}[data-color="MILITARY GREEN"]{background-color:#4b5320!important}[data-color="NEW BLUE"]{background-color:#34657f!important}[data-color="ROSE GOLD"]{background-color:#b76e79!important}[data-color="SOLID WHITE"]{background-color:#fff!important}[data-color=CREAM]{background-color:#fae9cd!important}[data-color=NATURAL]{background-color:#cbc4ba!important}[data-color=SAGE]{background-color:#a0baa2!important}[data-color=NUDE]{background-color:#ca9a8e!important}[data-color=LIME]{background-color:#adce39!important}[data-color=stone],[data-color=Stone]{background-color:#beb8aa!important}[data-color="royal blue"],[data-color="Royal Blue"]{background-color:#2872bb!important}[data-color=navy],[data-color=Navy]{background-color:#262449!important}
/*# sourceMappingURL=/cdn/shop/t/157/assets/branding-calculator-improved.css.map */