.card {position: relative;}.thumb-options-panel {position: absolute;z-index: 20;box-sizing: border-box;max-width: 100%;left: 0;right: 0;bottom: 0;padding: 24px;background: #fff;border: 1px solid #e5e5e5;box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.08);visibility: hidden;opacity: 0;transform: translateY(15px);transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;}.thumb-options-panel.is-open {visibility: visible;opacity: 1;transform: translateY(0);}.thumb-options-close {position: absolute;top: 12px;right: 14px;width: 32px;height: 32px;padding: 0;border: 0;background: transparent;color: #333;font-size: 26px;line-height: 32px;cursor: pointer;}.thumb-options-close:hover {color: #000;}.thumb-option-group {margin-bottom: 24px;}.thumb-option-title {margin-bottom: 12px;color: #222;font-size: 14px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.03em;}.thumb-option-values {display: flex;flex-wrap: wrap;gap: 6px;}.thumb-option-value {padding: 8px 12px;border: 1px solid #d6d6d6;border-radius: 2px;background: #fff;color: #333;font-size: 14px;font-weight: 500;line-height: 1.2;cursor: pointer;transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;}.thumb-option-value:hover {border-color: #777;}.thumb-option-value.is-selected {border-color: #d71920;background: #d71920;color: #fff;}.thumb-options-add {width: 100%;margin-top: 8px;}.thumb-options-add:disabled {opacity: 0.5;cursor: not-allowed;}.thumb-selected-variation {display: flex;justify-content: space-between;align-items: center;margin: 20px 0 12px;padding-top: 16px;border-top: 1px solid #e5e5e5;}.thumb-selected-variation .js-selected-variation-sku {color: #777;font-size: 13px;}.thumb-selected-variation .js-selected-variation-price {font-size: 20px;font-weight: 700;}.thumb-option-value.is-unavailable {opacity: 0.4;text-decoration: line-through;cursor: not-allowed;}.thumb-option-value.thumb-option-value--colour {position: relative;display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;padding: 5px;background: transparent;border: 0;border-radius: 0;color: inherit;}.thumb-option-value.thumb-option-value--colour .thumb-colour-swatch {display: block;width: 28px;height: 28px;border: 1px solid rgba(0, 0, 0, 0.2);object-fit: cover;box-sizing: border-box;flex-shrink: 0;}.thumb-option-value.thumb-option-value--colour.is-selected {background: transparent;color: inherit;outline: 2px solid #000;outline-offset: 2px;}.thumb-option-value.thumb-option-value--colour.is-unavailable, .thumb-option-value.thumb-option-value--colour:disabled {background: transparent;opacity: 1;cursor: not-allowed;}.thumb-option-value.thumb-option-value--colour.is-unavailable::after, .thumb-option-value.thumb-option-value--colour:disabled::after {content: "×";position: absolute;top: -2px;right: -2px;display: flex;align-items: center;justify-content: center;width: 16px;height: 16px;font-size: 14px;font-weight: 700;line-height: 1;background: #fff;color: #000;border: 1px solid #000;border-radius: 50%;box-sizing: border-box;pointer-events: none;z-index: 2;}.thumb-option-value.thumb-option-value--colour:hover, .thumb-option-value.thumb-option-value--colour:focus, .thumb-option-value.thumb-option-value--colour.is-selected:hover, .thumb-option-value.thumb-option-value--colour.is-selected:focus {background: transparent;color: inherit;}.thumb-options-quantity {display: flex;align-items: center;justify-content: space-between;gap: 12px;margin: 12px 0;}.thumb-options-quantity-label {margin: 0;font-weight: 600;}.thumb-options-quantity-control {display: flex;align-items: center;}.thumb-options-quantity-btn {display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;padding: 0;border: 1px solid #ccc;background: #fff;font-size: 18px;line-height: 1;}.thumb-options-quantity-input {width: 48px;height: 36px;padding: 0 4px;border: 1px solid #ccc;border-left: 0;border-right: 0;text-align: center;-moz-appearance: textfield;}.thumb-options-quantity-input::-webkit-inner-spin-button, .thumb-options-quantity-input::-webkit-outer-spin-button {margin: 0;-webkit-appearance: none;}.thumb-selected-variation-pricing {display: flex;flex-direction: column;align-items: flex-end;}.thumb-selected-variation-rrp {font-size: 12px;font-weight: 400;line-height: 1.2;color: #777;}@media (max-width: 767.98px) {.thumb-options-panel {padding: 20px 16px;}.thumb-option-values {gap: 4px;}.thumb-option-value {padding: 8px 10px;font-size: 13px;}.thumb-selected-variation {display: flex;flex-direction: column;align-items: flex-start;}.thumb-selected-variation .js-selected-variation-sku, .thumb-selected-variation .js-selected-variation-price {display: block;width: 100%;}.thumb-options-quantity {display: flex;align-items: center;justify-content: space-between;gap: 8px;width: 100%;min-width: 0;}.thumb-options-quantity-label {flex: 0 0 auto;margin: 0;}.thumb-options-quantity-control {display: flex;align-items: center;flex: 0 1 auto;min-width: 0;max-width: 100%;}.thumb-options-quantity-btn {flex: 0 0 32px;width: 32px;height: 34px;padding: 0;box-sizing: border-box;}.thumb-options-quantity-input {flex: 0 1 44px;width: 44px;min-width: 0;height: 34px;padding: 0 4px;box-sizing: border-box;text-align: center;}.thumb-selected-variation-pricing {align-items: flex-start;width: 100%;}}@media (max-width: 575.98px) {.thumb-option-value.thumb-option-value--colour {width: 34px;height: 34px;}}