.accessories-step{--acc-hairline: rgba(var(--color-foreground), .1);--acc-muted: rgba(var(--color-foreground), .55);--acc-ease: cubic-bezier(.25, .46, .45, .94);display:block}.accessories-step__content,.accessories-step__empty{max-width:108rem;margin-inline:auto}.accessories-step__header{text-align:center;margin-bottom:clamp(2.4rem,4vw,3.6rem)}.accessories-step__heading{margin:0 0 .6rem;font-size:clamp(2rem,1.4rem + 1.4vw,2.8rem);line-height:1.25;letter-spacing:-.01em}.accessories-step__subheading{margin:0 auto;max-width:46rem;font-size:1.3rem;line-height:1.6;color:var(--acc-muted)}.accessories-step__pending{display:flex;align-items:center;gap:1.2rem;padding:1.2rem 0;margin-bottom:clamp(2rem,3.5vw,3.2rem);border-block:.1rem solid var(--acc-hairline)}.accessories-step__pending-image{width:4.8rem;height:4.8rem;object-fit:cover;flex-shrink:0}.accessories-step__pending-info{flex:1 1 auto;min-width:0}.accessories-step__pending-label{margin:0 0 .2rem;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:var(--acc-muted)}.accessories-step__pending-title{margin:0;font-size:1.4rem;font-weight:500;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accessories-step__pending-meta{margin:.2rem 0 0;font-size:1.2rem;color:var(--acc-muted)}.accessories-step__pending-meta:empty{display:none}.accessories-step__pending-price{margin:0;margin-inline-start:auto;font-size:1.4rem;font-weight:500;white-space:nowrap}.accessories-step__grid{display:grid;grid-template-columns:repeat(var(--accessories-columns, 2),minmax(0,1fr));column-gap:clamp(1.2rem,2vw,2rem);row-gap:clamp(2rem,3vw,3rem);margin:0 0 clamp(2.4rem,4vw,3.6rem);padding:0}.accessories-step__item{position:relative;min-width:0}.accessories-step__item--unavailable{opacity:.4}.accessory-card{display:block;cursor:pointer}.accessories-step__item--unavailable .accessory-card{cursor:not-allowed}.accessory-card__toggle{position:absolute;width:.1rem;height:.1rem;opacity:0;pointer-events:none}.accessory-card__media{display:block;position:relative;aspect-ratio:1 / 1;overflow:hidden;background:rgba(var(--color-foreground),.04)}.accessory-card__media img,.accessory-card__placeholder{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--acc-ease)}.accessory-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 .1rem rgb(var(--color-foreground));opacity:0;transition:opacity .2s var(--acc-ease)}.accessory-card__toggle:checked~.accessory-card__media:after{opacity:1}@media(hover:hover){.accessories-step__item:not(.accessories-step__item--unavailable):hover .accessory-card__media img{transform:scale(1.04)}}.accessory-card__check{position:absolute;inset-block-start:.8rem;inset-inline-end:.8rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.25);background:rgba(var(--color-background),.7);-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);transition:background .2s var(--acc-ease),border-color .2s var(--acc-ease),transform .2s var(--acc-ease)}.accessory-card__check .icon{width:1rem;height:1rem;color:rgb(var(--color-background));opacity:0;transition:opacity .15s var(--acc-ease)}@media(hover:hover){.accessories-step__item:not(.accessories-step__item--unavailable):hover .accessory-card__check{border-color:rgba(var(--color-foreground),.5);background:rgb(var(--color-background))}}.accessory-card__toggle:checked~.accessory-card__media .accessory-card__check{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));transform:scale(1.05)}.accessory-card__toggle:checked~.accessory-card__media .accessory-card__check .icon{opacity:1}.accessory-card__toggle:focus-visible~.accessory-card__media .accessory-card__check{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.accessories-step__item--unavailable .accessory-card__check{display:none}.accessory-card__details{display:flex;flex-direction:column;gap:.3rem;padding:1rem .2rem 0;text-align:center}.accessory-card__vendor{font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--acc-muted);line-height:1.3}.accessory-card__title{font-size:1.3rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.accessory-card__description{font-size:1.2rem;line-height:1.5;color:var(--acc-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.accessory-card__prices{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:.6rem;margin-top:.1rem}.accessory-card__price{font-size:1.3rem}.accessory-card__compare{font-size:1.2rem;color:var(--acc-muted);text-decoration:line-through}.accessory-card__compare[hidden],.accessory-card__badge[hidden]{display:none}.accessory-card__badge{position:absolute;inset-block-start:.8rem;inset-inline-start:.8rem;z-index:1;font-size:1rem;letter-spacing:.05rem;padding:.4rem .9rem .5rem}.accessory-card__select{width:100%;margin-top:.8rem;min-height:3.4rem;padding-inline:.8rem;font-family:inherit;font-size:1.2rem;color:rgb(var(--color-foreground));background:transparent;border:.1rem solid var(--acc-hairline);border-radius:0;cursor:pointer;transition:border-color .2s var(--acc-ease)}.accessory-card__select:hover,.accessory-card__select:focus{border-color:rgba(var(--color-foreground),.4)}.accessories-step__footer{position:sticky;bottom:0;z-index:2;padding-top:1.2rem;padding-bottom:calc(1.2rem + env(safe-area-inset-bottom));background:rgba(var(--color-background),.92);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-top:.1rem solid var(--acc-hairline)}.accessories-step__actions{display:flex;flex-direction:column;align-items:center;gap:.4rem}.accessories-step__confirm{width:100%;max-width:32rem;margin:0;min-height:4.8rem;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;border-radius:2px;font-family:"kohinoor_telugumedium",var(--font-body-family);font-size:1.6rem;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.accessories-step__confirm:before,.accessories-step__confirm:after{display:none}.accessories-step__count{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding-inline:.5rem;border-radius:999rem;background:rgba(var(--color-foreground),.14);font-size:1.2rem;font-weight:600;line-height:1}.accessories-step__count[hidden]{display:none}.accessories-step__skip{-webkit-appearance:none;appearance:none;background:none;border:0;margin:0;padding:.8rem 1rem;font-family:inherit;font-size:1.2rem;color:var(--acc-muted);text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:.05rem;cursor:pointer;transition:color .2s var(--acc-ease)}.accessories-step__skip:hover{color:rgb(var(--color-foreground))}.accessories-step__confirm[aria-disabled],.accessories-step__skip[aria-disabled]{opacity:.6;pointer-events:none}.accessories-step__error{margin:0 0 1rem;text-align:center;color:#eb001b;font-size:1.3rem}.accessories-step__empty{text-align:center;padding-block:clamp(4rem,9vw,7rem)}.accessories-step__empty .accessories-step__heading{font-size:clamp(1.8rem,1.4rem + 1vw,2.2rem)}.accessories-step__empty .button{margin-top:2.4rem}@media screen and (max-width:749px){.accessories-step__footer{margin-inline:-1.5rem;padding-inline:1.5rem}.accessories-step__pending-price{display:none}.accessories-step__confirm{max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-accessories-step.css.map */