.spotlight{position:relative;width:100%;height:var(--spotlight-height);overflow:hidden;background:var(--color-pure-black)}.spotlight__bg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;pointer-events:none}.spotlight__bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--spotlight-position-x) var(--spotlight-position-y)}.spotlight__card{position:absolute;top:var(--gutter);left:var(--gutter);z-index:2;display:flex;align-items:flex-start;width:490px;max-width:calc(100vw - 2rem);gap:1.1rem;box-sizing:border-box;padding:15px;background:var(--btn-tertiary-bg);border:1px solid var(--btn-tertiary-border);border-radius:var(--radius);color:var(--fg);text-decoration:none;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.spotlight__card:hover{background:var(--btn-tertiary-bg-hover);border-color:var(--btn-tertiary-border-hover)}.spotlight__card:active{transform:scale(.98)}.spotlight__card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.spotlight__card-img{flex:0 0 auto;width:135px;height:135px;aspect-ratio:1 / 1;overflow:hidden;background:var(--bg-elevated);border-radius:var(--radius-sm)}.spotlight__card-img img{display:block;width:100%;height:100%;object-fit:cover}.spotlight__card-info{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;min-width:0;padding-top:.9rem;padding-right:2.6rem;gap:.25rem}.spotlight__card-title{margin:0;max-width:100%;overflow:hidden;font-family:var(--font-body);font-size:var(--text-base);font-weight:700;line-height:1.25;letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis}.spotlight__card-price{margin:0;font-family:var(--font-ui);font-size:var(--text-base);line-height:1.4;letter-spacing:var(--tracking-wide);color:inherit;opacity:.65}.spotlight__card-badge{display:inline-block;margin:.35rem 0 0;max-width:100%;overflow:hidden;padding:.35rem calc(.55rem - .14em) .35rem .55rem;background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;line-height:1.2;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-white);white-space:nowrap;text-overflow:ellipsis}.spotlight__card-arrow{position:absolute;top:15px;right:15px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;box-sizing:border-box;border-radius:50%;background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:var(--color-white);transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.spotlight__card:hover .spotlight__card-arrow,.spotlight__card:focus-visible .spotlight__card-arrow{background:var(--btn-primary-bg);border-color:var(--btn-primary-border);color:var(--color-white)}@media(max-width:768px){.spotlight{height:var(--spotlight-height-mobile)}.spotlight__bg img{object-position:var(--spotlight-position-x-mobile) var(--spotlight-position-y-mobile)}.spotlight__card{top:auto;right:auto;bottom:1.25rem;left:50%;width:238px;max-width:calc(100vw - 2rem);padding:.65rem;gap:.65rem;border-radius:var(--radius);transform:translate(-50%)}.spotlight__card:active{transform:translate(-50%) scale(.98)}.spotlight__card-img{width:70px;height:70px;border-radius:var(--radius-sm)}.spotlight__card-info{padding-top:.2rem;padding-right:1.6rem;gap:.15rem}.spotlight__card-title{font-size:var(--text-xs);line-height:1.15;letter-spacing:var(--tracking-wide);white-space:normal;text-overflow:clip;word-break:break-word}.spotlight__card-price{font-size:var(--text-xs);line-height:1.35;letter-spacing:var(--tracking-wide)}.spotlight__card-badge{margin-top:.25rem;padding:.25rem calc(.45rem - .14em) .25rem .45rem;font-size:var(--text-xs);line-height:1.25;letter-spacing:var(--tracking-wider)}.spotlight__card-arrow{top:.5rem;right:.5rem;width:26px;height:26px}}@media(max-width:380px){.spotlight__card{width:225px;padding:.6rem;gap:.6rem;bottom:1rem}.spotlight__card-img{width:66px;height:66px}.spotlight__card-title,.spotlight__card-price,.spotlight__card-badge{font-size:var(--text-xs)}}@media(prefers-reduced-motion:reduce){.spotlight__card,.spotlight__card-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-home-photo-spotlight.css.map */