.tempo-series{margin:0 0 18px;padding:14px 0}
.tempo-series__title{font-weight:600;margin-bottom:10px}
.tempo-series__items{display:flex;flex-wrap:wrap;gap:8px}
.tempo-series__item{display:flex;align-items:center;gap:8px;min-height:44px;padding:5px 10px;border:1px solid #d7d7d7;border-radius:6px;background:#fff;color:inherit;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,opacity .15s ease}
.tempo-series__item:hover{border-color:#8a8a8a;text-decoration:none;color:inherit}
.tempo-series__item.is-active{border:2px solid currentColor;padding:4px 9px;font-weight:600}
.tempo-series__item.is-oos{opacity:.52}
.tempo-series__thumb{width:32px;height:32px;object-fit:contain}
.tempo-series__meta{display:flex;flex-direction:column;line-height:1.2}
.tempo-series__label{white-space:nowrap}
.tempo-series__price,.tempo-series__stock{font-size:11px;font-weight:400;opacity:.75;margin-top:2px}@media(max-width:767px){.tempo-series__items{gap:6px}
.tempo-series__item{padding:5px 8px}
.tempo-series__item.is-active{padding:4px 7px}}

.tempo-series-card{padding:8px 0 2px}
.tempo-series-card__items{display:flex;flex-wrap:nowrap;gap:5px;overflow:hidden}
.tempo-series-card__item,.tempo-series-card__summary{display:inline-block;box-sizing:border-box;height:28px;max-width:100%;padding:3px 7px;border:1px solid #d7d7d7;border-radius:5px;font-size:12px;line-height:20px;white-space:nowrap}
.tempo-series-card__item{flex:0 0 auto;background:#fff;color:inherit;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
.tempo-series-card__item:hover{border-color:#8a8a8a;color:inherit;text-decoration:none}
.tempo-series-card__item.is-active{padding:2px 6px;border:2px solid currentColor;font-weight:600}
.tempo-series-card__item.is-oos{opacity:.45}
.tempo-series-card__summary{background:#f7f7f7;color:var(--color-dark-grey);font-weight:500}
/* v0.7.0: size/grip without thumbnails; colors with picture. */
.tempo-series__colors{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}
.tempo-series__color{display:flex;flex:0 0 98px;flex-direction:column;align-items:center;gap:5px;padding:8px 5px;border:1px solid #dadada;border-radius:7px;background:#fff;color:#111;text-decoration:none;text-align:center;font-size:12px;line-height:1.25}
.tempo-series__color:hover{border-color:#333;color:#111;text-decoration:none}
.tempo-series__color.is-active{border:2px solid #111;padding:7px 4px;font-weight:600}
.tempo-series__color-image{width:70px;height:70px;object-fit:contain}
.tempo-series__sizes{display:flex;flex-wrap:wrap;gap:8px}
.tempo-series__size{min-width:48px;min-height:43px;padding:7px 12px;border:1px solid #c9c9c9;border-radius:5px;background:#fff;color:#111;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer}
.tempo-series__size:hover,.tempo-series__size.is-selected{border-color:#111;color:#111}
.tempo-series__size.is-selected{box-shadow:inset 0 0 0 1px #111;background:#f5f5f5}
.tempo-series__size.is-oos{opacity:.65;text-decoration:line-through}
.tempo-series__size.is-oos:not(:disabled){cursor:pointer}
.tempo-series__size.is-oos:disabled{opacity:.35;cursor:not-allowed}
.tempo-series__message{color:#a22;font-size:12px;min-height:0}
.tempo-series__sticky-select{box-sizing:border-box;min-width:112px;max-width:170px;height:44px;padding:0 25px 0 10px;border:1px solid #aeb0b2;border-radius:4px;background:#fff;color:#111;font-size:14px;font-weight:500;cursor:pointer}
.product-mobile-buybar.tempo-series-purchase-required .product-mobile-buybar__title{display:none}
.product-mobile-buybar.tempo-series-purchase-required .product-mobile-buybar__info{flex:0 1 auto;margin-right:auto}
.product-mobile-buybar.tempo-series-purchase-required .product-mobile-buybar__price{margin:0;white-space:nowrap}
.product-mobile-buybar.tempo-series-purchase-required .product-mobile-buybar__btn{min-width:74px}
@media(max-width:991px){.tempo-series--desktop-purchase{display:none}#product.tempo-series-purchase-required #button-cart{display:none}}
@media(max-width:767px){.product-mobile-buybar.tempo-series-purchase-required{gap:7px;padding-left:9px;padding-right:9px}
   .product-mobile-buybar.tempo-series-purchase-required .tempo-series__sticky-select{flex:1 1 100px;width:100%;min-width:76px;max-width:150px;height:42px;padding-left:5px;padding-right:15px;font-size:13px}
   .product-mobile-buybar.tempo-series-purchase-required .product-mobile-buybar__info{min-width:0;margin-right:0}
   .product-mobile-buybar.tempo-series-purchase-required .product-mobile-buybar__price{font-size:15px;white-space:nowrap}
   .product-mobile-buybar.tempo-series-purchase-required .product-mobile-buybar__btn{flex:0 0 auto;flex-grow:1;min-width:65px;max-width:150px;height:42px;padding:0 9px;font-size:14px;text-transform:uppercase}
   .tempo-series__color{flex-basis:86px}
   .tempo-series__color-image{width:62px;height:62px}
}

/* v0.7.1+: keep original Notify button out of the guarded UI; the mobile buybar is the only mobile purchase action. */
#product.tempo-series-purchase-required button[onclick*="notify_when_available("]{display:none!important}
.tempo-series__notify-action{background:#111;color:#fff}
@media(max-width:991px){
   #product.tempo-series-purchase-required .tempo-series__dynamic-buy{display:none!important}
}
.product-mobile-buybar__btn.tempo-series__notify-action{background:#111;color:#fff}

/* v0.7.3.10: mobile buybar selectors are server-rendered; all collapsed variant types require conscious selection;
   gauge/speed/compatible-model cards keep their existing thumbnails. */
.tempo-series__variant-choice{appearance:none;-webkit-appearance:none;font:inherit;cursor:pointer;text-align:left}
.tempo-series__variant-choice.is-selected{border:2px solid #111;padding:4px 9px;box-shadow:none}
.tempo-series__variant-choice.is-oos:disabled{cursor:not-allowed;opacity:.35}
.tempo-series__variant-choice:focus-visible{outline:2px solid #111;outline-offset:2px}