.spotlight{--spotlight-accent: #111;position:relative;padding:60px 0 20px}.spotlight--empty{padding:60px 20px;text-align:center;color:#777}.spotlight__hero{display:grid;grid-template-columns:1fr;gap:32px}.spotlight--right .spotlight__hero{direction:rtl}.spotlight--right .spotlight__hero>*{direction:ltr}@media screen and (min-width:990px){.spotlight__hero{grid-template-columns:1.1fr 1fr;gap:60px;align-items:start}}.spotlight__media{position:relative}@media screen and (min-width:990px){.spotlight__media{position:sticky;top:100px}}.spotlight__gallery{position:relative;border-radius:12px;overflow:hidden;background:#f4f4f4}.spotlight__gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;aspect-ratio:1 / 1}.spotlight__gallery::-webkit-scrollbar{display:none}.spotlight__slide{flex:0 0 100%;scroll-snap-align:start;width:100%;height:100%}.spotlight__img,.spotlight__img.placeholder svg{width:100%;height:100%;object-fit:cover;display:block}@media screen and (min-width:990px){.spotlight__gallery{display:block;overflow:visible;aspect-ratio:4 / 5}.spotlight__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .5s ease}.spotlight__slide.is-active{opacity:1;visibility:visible;position:relative}}.spotlight__dots{display:flex;gap:8px;justify-content:center;margin-top:14px}.spotlight__dot{width:8px;height:8px;border-radius:50%;border:none;background:#ccc;cursor:pointer;padding:0;transition:background .2s ease,transform .2s ease}.spotlight__dot.is-active{background:var(--spotlight-accent);transform:scale(1.25)}.spotlight__eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600;color:var(--spotlight-accent);margin:0 0 8px}.spotlight__title{font-size:clamp(28px,4vw,40px);line-height:1.1;margin:0 0 12px}.spotlight__rating{color:#e5a400;font-size:15px;margin-bottom:12px}.spotlight__rating-count{color:#777;font-size:13px;margin-left:4px}.spotlight__price{display:flex;align-items:baseline;gap:10px;font-size:24px;font-weight:600;margin-bottom:16px}.spotlight__price-compare{font-size:16px;font-weight:400;color:#999;text-decoration:line-through}.spotlight__description{color:#555;line-height:1.6;margin-bottom:20px}.spotlight__stock{margin-bottom:22px}.spotlight__stock-bar{width:100%;height:6px;border-radius:4px;background:#eee;overflow:hidden;margin-bottom:6px}.spotlight__stock-fill{display:block;height:100%;width:0%;border-radius:4px;background:linear-gradient(90deg,#ff7a45,#e63946);transition:width .6s ease}.spotlight__stock-label{font-size:13px;color:#b33;margin:0}.spotlight__custom-text{color:#444;line-height:1.6;margin-bottom:20px}.spotlight__custom-text p{margin:0 0 8px}.spotlight__custom-text p:last-child{margin-bottom:0}.spotlight__option{margin-bottom:18px}.spotlight__option-label{font-size:13px;font-weight:600;margin:0 0 8px}.spotlight__swatches{display:flex;flex-wrap:wrap;gap:8px}.spotlight__swatch{padding:8px 16px;border-radius:999px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:14px;transition:border-color .2s ease,background .2s ease,color .2s ease}.spotlight__swatch.is-active{border-color:var(--spotlight-accent);background:var(--spotlight-accent);color:#fff}.spotlight__swatch.is-unavailable{opacity:.4;text-decoration:line-through}.spotlight__row{display:flex;gap:12px;margin-top:6px}.spotlight__qty{display:flex;align-items:center;border:1px solid #ddd;border-radius:999px;overflow:hidden}.spotlight__qty-btn{width:40px;height:48px;border:none;background:#fff;font-size:18px;cursor:pointer}.spotlight__qty-input{width:40px;text-align:center;border:none;border-left:1px solid #eee;border-right:1px solid #eee;height:48px;-moz-appearance:textfield}.spotlight__qty-input::-webkit-outer-spin-button,.spotlight__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.spotlight__add-btn{flex:1;height:48px;border-radius:999px;border:none;background:var(--spotlight-accent);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .2s ease}.spotlight__add-btn:hover{transform:translateY(-1px)}.spotlight__add-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.spotlight__add-btn.is-loading{opacity:.7;cursor:wait}.spotlight__trust{list-style:none;padding:18px 0 0;margin:18px 0 0;border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#555}.spotlight__trust li{display:flex;align-items:center;gap:6px}.spotlight__story{max-width:640px;margin:80px auto 0;padding:0 20px}@media screen and (min-width:990px){.spotlight__story{margin-top:40px;padding:0}}.spotlight__feature{padding:40px 0;opacity:.35;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease;border-bottom:1px solid #eee}.spotlight__feature.is-inview{opacity:1;transform:translateY(0)}.spotlight__feature:last-child{border-bottom:none}.spotlight__feature-icon{font-size:28px;display:block;margin-bottom:10px}.spotlight__feature-title{font-size:22px;margin:0 0 8px}.spotlight__feature-text{color:#555;line-height:1.6;margin:0}.spotlight__sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid #eee;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;transform:translateY(120%);transition:transform .3s ease;box-shadow:0 -4px 16px #0000000f}.spotlight__sticky-bar.is-visible{transform:translateY(0)}@media screen and (min-width:990px){.spotlight__sticky-bar{display:none}}.spotlight__sticky-info{display:flex;flex-direction:column;min-width:0}.spotlight__sticky-price{font-weight:700;font-size:15px}.spotlight__sticky-title{font-size:12px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotlight__sticky-btn{flex-shrink:0;padding:12px 22px;border-radius:999px;border:none;background:var(--spotlight-accent);color:#fff;font-weight:600;cursor:pointer}.spotlight__toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#111;color:#fff;padding:12px 18px;border-radius:10px;display:flex;align-items:center;gap:14px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:40}.spotlight__toast.is-visible{opacity:1;transform:translate(-50%)}.spotlight__toast-link{color:#fff;text-decoration:underline;white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-product-spotlight.css.map */
