/*!
 * Spotlight Product CSS v3.0 RC1
 * Premium Test Build
 */:root{--sp-bg:#fff;--sp-border:#efe7de;--sp-border-glow:rgba(214,183,123,.55);--sp-shadow:0 12px 28px rgba(0,0,0,.05),0 28px 60px rgba(0,0,0,.08);--sp-shadow-hover:0 18px 40px rgba(0,0,0,.08),0 36px 80px rgba(0,0,0,.1);--sp-radius:24px;--sp-text:#3d332d;--sp-muted:#6f6f6f;--sp-transition:cubic-bezier(.22,.61,.36,1)}.spotlight{margin:52px 0}.spotlight__inner{position:relative;display:grid;grid-template-columns:44% 56%;gap:8px;align-items:center;background:var(--sp-bg);border:1px solid var(--sp-border);border-radius:var(--sp-radius);overflow:hidden;min-height:450px;box-shadow:var(--sp-shadow);transition:transform .35s var(--sp-transition),box-shadow .35s var(--sp-transition)}.spotlight--premium .spotlight__inner:hover{transform:translateY(-3px);box-shadow:var(--sp-shadow-hover)}.spotlight--ambient .spotlight__inner:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(90deg,transparent 0%,transparent 35%,rgba(255,255,255,.95) 47%,var(--sp-border-glow) 50%,rgba(255,255,255,.95) 53%,transparent 65%,transparent 100%);background-size:240% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:spGlow 9s linear infinite}@keyframes spGlow{0%{background-position:200% 0}to{background-position:-40% 0}}.spotlight__media{display:flex;align-items:center;justify-content:center;padding:24px;background:#fff}.spotlight__image{width:84%;max-width:380px;transition:transform .45s var(--sp-transition)}.spotlight--premium .spotlight__inner:hover .spotlight__image{transform:translateY(-4px) scale(1.025)}.spotlight__info{padding:38px 46px 38px 10px}.spotlight__badge{display:inline-flex;padding:7px 13px;border-radius:999px;background:#111;color:#fff;font-size:.75rem;font-weight:700}.spotlight__title{margin:14px 0 10px;font-size:clamp(1.8rem,2.6vw,2.7rem);line-height:1.18;color:var(--sp-text)}.spotlight__subtitle{margin:0 0 18px;color:var(--sp-muted);line-height:1.65}.spotlight__price{display:flex;align-items:center;gap:12px;margin-bottom:20px}.spotlight__compare{text-decoration:line-through;color:#9b9b9b}.spotlight__current{font-size:2rem;font-weight:700}.spotlight__timer{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}.sp-unit{min-width:64px;text-align:center;background:#faf8f6;border:1px solid #ece5dc;border-radius:14px;padding:10px 8px}.sp-unit strong{display:block;font-size:1.2rem;color:var(--sp-text)}.sp-unit span{font-size:.72rem;color:var(--sp-muted)}.spotlight__button{display:inline-flex;justify-content:center;align-items:center;padding:15px 28px;border-radius:999px;background:#111;color:#fff;text-decoration:none;font-weight:700;transition:all .3s var(--sp-transition)}.spotlight__button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000029}.spotlight__button:active{transform:translateY(0)}.spotlight__button:focus-visible{outline:2px solid #222;outline-offset:3px}@media(max-width:990px){.spotlight__inner{grid-template-columns:1fr;min-height:auto}.spotlight__media{padding:18px 18px 10px}.spotlight__image{width:74%;max-width:260px}.spotlight__info{padding:24px}}@media(max-width:640px){.spotlight{margin:32px 0}.spotlight__media{padding:12px 16px 4px}.spotlight__image{width:68%;max-width:220px}.spotlight__button{width:100%}.sp-unit{flex:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.spotlight--shine .spotlight__inner:after{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,var(--sp-glow-color,#F8E9C2) 50%,transparent 58%);opacity:var(--sp-glow-opacity,.35);filter:blur(22px);transform:translate(-180%) rotate(8deg);animation:spotlightShine var(--sp-speed,10s) linear infinite}.spotlight--speed-slow{--sp-speed:14s}.spotlight--speed-normal{--sp-speed:10s}.spotlight--speed-fast{--sp-speed:6s}@keyframes spotlightShine{0%,15%{transform:translate(-180%) rotate(8deg)}45%{transform:translate(180%) rotate(8deg)}to{transform:translate(180%) rotate(8deg)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/spotlight-product.css.map */