.cable-offer{background-color:#f0eeeb;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:1.2rem;padding:1.2rem;margin:.8rem 0;transition:opacity .15s ease;max-height:40vh;overflow-y:auto;flex-shrink:0}.cable-offer--loading{opacity:.6;pointer-events:none}.cable-offer__header{margin-bottom:.8rem}.cable-offer__title{font-size:1.6rem;font-weight:var(--font-atnamesans-weight-semibold, 600);color:rgb(var(--color-foreground));margin:0 0 .4rem;line-height:1.3}.cable-offer__subtitle{font-size:1.3rem;font-weight:var(--font-atnamesans-weight-medium, 500);color:rgba(var(--color-foreground),.65);margin:0;line-height:1.4}.cable-offer__tier-badge{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .8rem;border-radius:.4rem;font-size:1.2rem;font-weight:var(--font-atnamesans-weight-semibold, 600);line-height:1;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.8rem}.cable-offer__tier-badge--free{background-color:#16a34a;color:#fff}.cable-offer__tier-badge--half{background-color:#ea6419;color:#fff}.cable-offer__progress{margin-top:.8rem;margin-bottom:.4rem;height:.6rem;background-color:rgba(var(--color-foreground),.1);border-radius:.3rem;overflow:hidden}.cable-offer__progress-bar{height:100%;background-color:#125a4c;border-radius:.3rem;transition:width .3s ease}.cable-offer__progress-labels{display:flex;justify-content:space-between;font-size:1.1rem;font-weight:var(--font-atnamesans-weight-medium, 500);color:rgba(var(--color-foreground),.6);margin-top:.3rem}.cable-offer__tabs{display:flex;gap:.8rem;margin-bottom:1.2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.cable-offer__tab{flex:1;background:transparent;border:none;border-bottom:.2rem solid transparent;padding:.8rem 1.2rem;font-size:1.4rem;font-weight:var(--font-atnamesans-weight-medium, 500);color:rgba(var(--color-foreground),.6);cursor:pointer;transition:all .15s ease;position:relative;margin-bottom:-.1rem}.cable-offer__tab:hover{color:rgb(var(--color-foreground))}.cable-offer__tab--active{color:#27312f;border-bottom-color:#27312f;font-weight:var(--font-atnamesans-weight-semibold, 600)}.cable-offer__tab:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.cable-offer__panel{display:none}.cable-offer__panel--active{display:block}.cable-offer__product{display:flex;gap:1rem;margin-bottom:.8rem;align-items:flex-start}.cable-offer__image-wrapper{flex-shrink:0;width:6rem;height:6rem;border-radius:.8rem;border:.1rem solid rgba(var(--color-foreground),.1);overflow:hidden;background-color:rgb(var(--color-background))}.cable-offer__image{width:100%;height:100%;object-fit:contain;object-position:center}.cable-offer__details{flex:1;min-width:0}.cable-offer__product-title{font-size:1.4rem;font-weight:var(--font-atnamesans-weight-semibold, 600);color:rgb(var(--color-foreground));margin:0 0 .4rem;line-height:1.3;word-wrap:break-word}.cable-offer__option-group{border:none;padding:0;margin:0 0 .6rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.cable-offer__option-label{font-size:1.3rem;font-weight:var(--font-atnamesans-weight-semibold, 600);color:rgb(var(--color-foreground));margin-bottom:0;padding:0;width:100%;margin-bottom:.2rem}.cable-offer__radio{position:absolute;opacity:0;width:0;height:0}.cable-offer__radio-label{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:1.2rem;font-weight:var(--font-atnamesans-weight-medium, 500);color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border:.15rem solid rgba(var(--color-foreground),.2);border-radius:.5rem;cursor:pointer;transition:all .15s ease;line-height:1.2;min-height:3rem}.cable-offer__radio-label:hover{border-color:rgba(var(--color-foreground),.4)}.cable-offer__radio:checked+.cable-offer__radio-label{background-color:#27312f;color:#fff;border-color:#27312f}.cable-offer__radio:disabled+.cable-offer__radio-label,.cable-offer__radio-label--disabled{opacity:.4;cursor:not-allowed}.cable-offer__radio:focus-visible+.cable-offer__radio-label{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.cable-offer__price-display{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.cable-offer__original-price{font-size:1.3rem;font-weight:var(--font-atnamesans-weight-medium, 500);color:rgba(var(--color-foreground),.5);text-decoration:line-through}.cable-offer__discount-price{font-size:1.6rem;font-weight:var(--font-atnamesans-weight-semibold, 600);color:rgb(var(--color-foreground))}.cable-offer__discount-price--free{color:#16a34a}.cable-offer__discount-badge{font-size:1rem;padding:.2rem .5rem;background-color:#ea6419;color:#fff;border-radius:.3rem;font-weight:var(--font-atnamesans-weight-semibold, 600)}.cable-offer__add-button{width:100%;min-height:4.4rem;padding:1.2rem 2rem;font-size:1.4rem;font-weight:var(--font-atnamesans-weight-semibold, 600);color:#fff;background-color:#27312f;border:none;border-radius:.8rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:.8rem}.cable-offer__add-button:hover{background-color:#1a201f}.cable-offer__add-button:disabled{opacity:.5;cursor:not-allowed}.cable-offer__add-button:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.cable-offer__add-button--loading{position:relative}.cable-offer__spinner{display:flex;align-items:center;justify-content:center}.cable-offer__spinner .spinner{width:2rem;height:2rem}.cable-offer .hidden{display:none!important}@media screen and (max-width: 749px){.cable-offer{padding:1.4rem;border-radius:1rem}.cable-offer__title{font-size:1.5rem}.cable-offer__subtitle{font-size:1.2rem}.cable-offer__product{gap:1rem}.cable-offer__image-wrapper{width:7rem;height:7rem}.cable-offer__product-title{font-size:1.3rem}.cable-offer__tab{font-size:1.3rem;padding:.7rem 1rem}.cable-offer__radio-label{font-size:1.1rem;padding:.4rem .8rem;min-height:2.8rem}.cable-offer__add-button{min-height:4.2rem;font-size:1.3rem;padding:1rem 1.6rem}}@media screen and (max-width: 389px){.cable-offer__tabs{flex-direction:column;gap:0}.cable-offer__tab{border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.cable-offer__tab--active{background-color:rgba(var(--color-foreground),.05)}}
/*# sourceMappingURL=/cdn/shop/t/227/assets/component-cable-offer.css.map */