/* Production purchase states. Keep availability, alert and saved-tyre flows intact. */
.published-storefront .tyre-product-buybox .tyre-product-buybox__save {
 color:var(--pp-ink);background:transparent;border:1px solid var(--pp-line);
}
.published-storefront .tyre-product-buybox .tyre-product-buybox__save:hover {
 color:var(--pp-primary);background:var(--pp-primary-soft);border-color:var(--pp-primary);
}
.published-storefront .tyre-product-buybox[data-commerce-state="temporarily-unavailable"] {
 background:var(--pp-navy);color:#fff;border:1px solid #314866;
 border-top:4px solid var(--pp-primary);border-radius:16px;
 padding:clamp(20px,2.5vw,28px);gap:16px;grid-template-columns:minmax(0,1fr);
}
.published-storefront .tyre-product-buybox[data-commerce-state="temporarily-unavailable"] :is(span,strong,b,small,p,label,legend,data) {
 color:#fff;min-width:0;
}
.published-storefront .tyre-product-buybox[data-commerce-state="temporarily-unavailable"] .tyre-product-buybox__label {
 color:#B8CAEA;font-size:.8125rem;letter-spacing:.08em;
}
.published-storefront .tyre-product-buybox[data-commerce-state="temporarily-unavailable"] .tyre-product-buybox__unavailable {
 font-size:clamp(1.5rem,2.5vw,1.875rem);line-height:1.25;letter-spacing:-.025em;
}
.published-storefront .tyre-product-buybox[data-commerce-state="temporarily-unavailable"] :is(p,.tyre-product-alert-form>span) {
 color:#E1E9F5;font-size:1rem;line-height:1.6;margin:0;
}
.published-storefront .tyre-product-buybox[data-commerce-state="temporarily-unavailable"] .tyre-product-alert-form {
 padding-top:20px;border-top:1px solid #405674;gap:12px;
}
.published-storefront .tyre-product-buybox[data-commerce-state="temporarily-unavailable"] .tyre-product-alert-form>strong {
 font-size:1.125rem;line-height:1.45;
}
.published-storefront .tyre-product-buybox[data-commerce-state="temporarily-unavailable"] .tyre-product-alert-form small {
 color:#C5D3E7;font-size:.875rem;line-height:1.6;
}
.published-storefront .tyre-product-buybox[data-commerce-state="temporarily-unavailable"] .tyre-product-alert-form .btn {
 background:var(--pp-primary);border:1px solid #6698FF;color:#fff;
 min-height:54px;padding:14px 16px;line-height:1.45;
}
.published-storefront .tyre-product-buybox[data-commerce-state="temporarily-unavailable"] .tyre-product-alert-form .btn:hover {
 background:var(--pp-primary-dark);border-color:#A8C6FF;color:#fff;
}
.published-storefront .tyre-product-buybox[data-commerce-state="temporarily-unavailable"]>.btn {
 color:#fff;background:transparent;border:1px solid #8197B5;padding:12px 16px;line-height:1.5;
}
.published-storefront .tyre-product-buybox[data-commerce-state="temporarily-unavailable"]>.btn:hover {
 color:#fff;background:#223D5E;border-color:#D0DEEF;
}
.published-storefront .tyre-product-buybox[data-commerce-state="temporarily-unavailable"]>.tyre-product-buybox__save {
 color:#D5E1F3;border-color:transparent;font-size:.875rem;
 text-decoration:underline;text-underline-offset:.2em;
}
.published-storefront .tyre-product-buybox[data-commerce-state="temporarily-unavailable"] :is(a,button,input,select):focus-visible {
 outline:3px solid #FFC83D;outline-offset:3px;box-shadow:none;
}
.published-storefront .tyre-product-buybox[data-commerce-state="temporarily-unavailable"] .tyre-product-alert-form :is(input:not([type=radio]):not([type=hidden]),select) {
 background-color:#fff;color:var(--pp-ink);border:1px solid #B8CAEA;
}
.published-storefront .tyre-product-buybox[data-commerce-state="temporarily-unavailable"] .tyre-product-alert-form__channels legend {
 font-size:1rem;margin-bottom:12px;
}
.published-storefront .tyre-product-buybox[data-commerce-state="temporarily-unavailable"] .tyre-product-alert-form__channel {
 border-color:#8197B5;background:#223D5E;padding:12px;
}
.published-storefront .tyre-product-buybox[data-commerce-state="temporarily-unavailable"] .tyre-product-alert-form__channel:has(input:checked) {
 border-color:#A8C6FF;background:#284B78;
}
.published-storefront .tyre-product-buybox[data-commerce-state="temporarily-unavailable"] .tyre-product-alert-form__channel input {
 accent-color:var(--pp-primary);
}
.published-storefront .tyre-product-buybox[data-commerce-state="temporarily-unavailable"] .tyre-product-alert-form__channel strong {
 font-size:1rem;
}
