.promotional-card-carousel{position:relative;padding:var(--promotional-carousel-padding-top-mobile, 30px) 0 var(--promotional-carousel-padding-bottom-mobile, 30px);background:var(--promotional-carousel-bg, transparent)}@media(min-width:768px){.promotional-card-carousel{padding:var(--promotional-carousel-padding-top, 40px) 0 var(--promotional-carousel-padding-bottom, 40px)}}@media(min-width:1200px){.promotional-card-carousel{padding:var(--promotional-carousel-padding-top, 50px) 0 var(--promotional-carousel-padding-bottom, 50px)}}.promotional-carousel__title{font-family:var(--font-heading-family);font-size:var(--promotional-carousel-title-size-mobile, 20px);font-weight:var(--font-heading-weight);color:var(--promotional-carousel-title-color, var(--color-text));text-align:var(--promotional-carousel-title-align, left);margin:0 0 var(--geometric-space-lg, 24px) 0;line-height:1.2}@media(min-width:768px){.promotional-carousel__title{font-size:var(--promotional-carousel-title-size-tablet, 24px)}}@media(min-width:1025px){.promotional-carousel__title{font-size:var(--promotional-carousel-title-size, 28px)}}.promotional-carousel__wrapper{position:relative}.promotional-carousel__track{display:flex;gap:var(--promotional-carousel-gap, 16px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;list-style:none;margin:0;padding-inline:0;padding-bottom:var(--geometric-space-md, 20px);scrollbar-width:none;-ms-overflow-style:none}.promotional-carousel__track::-webkit-scrollbar{display:none}.promotional-carousel__slide{flex:0 0 auto;scroll-snap-align:start;width:calc(65% - 8px);min-width:160px;max-width:220px}.promotional-carousel__card{display:block;position:relative;overflow:hidden;border-radius:var(--promotional-carousel-card-radius, var(--geometric-radius-rect, 0));text-decoration:none;background:var(--geometric-color-background-alt, #f7f7f7);transition:transform var(--geometric-duration-normal, .3s) var(--geometric-ease-certainty, ease),box-shadow var(--geometric-duration-normal, .3s) var(--geometric-ease-certainty, ease)}.promotional-carousel__card:focus-visible{outline:3px solid var(--geometric-color-utility-blue, #005a9c);outline-offset:2px}@media(hover:hover)and (prefers-reduced-motion:no-preference){.promotional-carousel__card:hover{transform:scale(1.03) translateY(-4px);box-shadow:var(--geometric-shadow-authority, 0 4px 16px rgba(0, 0, 0, .2));z-index:2}}.promotional-carousel__media{position:relative}.promotional-carousel__image{width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;display:block;transition:transform var(--geometric-duration-slow, .5s) var(--geometric-ease-certainty, ease)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.promotional-carousel__card:hover .promotional-carousel__image{transform:scale(1.02)}}.promotional-carousel__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,#0000008c,#0000 55%)}.promotional-carousel--panel .promotional-carousel__scrim{display:none}.promotional-carousel--panel .promotional-carousel__card{display:flex;flex-direction:column}.promotional-carousel--panel .promotional-carousel__media{position:relative;aspect-ratio:var(--promotional-carousel-media-ratio, 1 / 1);flex:0 0 auto;overflow:hidden}.promotional-carousel--panel .promotional-carousel__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.promotional-carousel--panel .promotional-carousel__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto}.promotional-card-carousel.promotional-carousel--panel .promotional-carousel__content{position:relative;inset:auto;flex:1 1 auto;background:var(--promotional-carousel-panel-color, #232323);padding:14px 16px 16px}.promotional-carousel__placeholder{width:100%;aspect-ratio:4 / 5;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--geometric-color-background-alt, #f0f0f0) 0%,var(--geometric-color-border-default, #e0e0e0) 100%);color:var(--geometric-color-text-subtle, #999)}.promotional-carousel__content{position:absolute;inset-inline:0;bottom:0;padding:var(--geometric-space-md, 16px);color:var(--promotional-carousel-text-color, #ffffff);display:flex;flex-direction:column;gap:4px;pointer-events:none}.promotional-carousel__content--bottom-start{align-items:flex-start;text-align:start}.promotional-carousel__content--bottom-center{align-items:center;text-align:center}.promotional-carousel__content--bottom-end{align-items:flex-end;text-align:end}.promotional-carousel--text-compact{--pcc-eyebrow-size: .7rem;--pcc-heading-size: 1rem;--pcc-cta-size: .8rem}.promotional-carousel--text-comfortable{--pcc-eyebrow-size: .8rem;--pcc-heading-size: 1.35rem;--pcc-cta-size: .95rem}.promotional-carousel--text-large{--pcc-eyebrow-size: .9rem;--pcc-heading-size: 1.6rem;--pcc-cta-size: 1.05rem}.promotional-carousel__eyebrow{margin:0;font-size:var(--pcc-eyebrow-size, .8rem);letter-spacing:.08em;text-transform:uppercase;opacity:.9}.promotional-carousel__heading{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--pcc-heading-size, 1.35rem);line-height:1.2;color:var(--pcc-heading-color, inherit);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.promotional-carousel__cta{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-weight:600;font-size:var(--pcc-cta-size, .95rem)}.promotional-carousel__cta-icon{width:16px;height:16px;transition:transform var(--geometric-duration-fast, .15s) var(--geometric-ease-precision, ease)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.promotional-carousel__card:hover .promotional-carousel__cta-icon{transform:translate(3px)}}.promotional-carousel__progress{position:relative;margin-top:var(--geometric-space-lg, 24px);padding:0 var(--geometric-space-lg, 24px)}.promotional-carousel__progress-track{height:4px;background:var(--promotional-carousel-progress-track, var(--geometric-color-border-default, #e2e8f0));border-radius:2px;position:relative;overflow:hidden}.promotional-carousel__progress-thumb{position:absolute;top:0;left:0;height:100%;width:25%;background:var(--promotional-carousel-progress-thumb, var(--color-adheseal-red, #d92b2b));border-radius:2px;transition:left .1s linear,width .2s ease}.promotional-carousel__navigation{display:flex;align-items:center;justify-content:center;gap:var(--geometric-space-md, 20px);margin-top:var(--geometric-space-sm, 12px)}.promotional-carousel__navigation--inline{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;justify-content:space-between;margin-top:0;pointer-events:none}.promotional-carousel__navigation--inline .promotional-carousel__arrow{pointer-events:auto}.promotional-carousel__arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:50%;padding:0;cursor:pointer;color:var(--promotional-carousel-arrow-color, var(--geometric-color-text-body, #4a5568));transition:color var(--geometric-duration-fast, .15s) var(--geometric-ease-precision, ease),transform var(--geometric-duration-fast, .15s) var(--geometric-ease-precision, ease)}.promotional-carousel__arrow:hover{color:var(--promotional-carousel-arrow-hover, var(--geometric-color-brand-red, #d92b2b));transform:scale(1.1)}.promotional-carousel__arrow:focus-visible{outline:2px solid var(--geometric-color-utility-blue, #005a9c);outline-offset:2px}.promotional-carousel__arrow:disabled{opacity:.3;cursor:not-allowed;transform:none}.promotional-carousel__arrow svg{width:20px;height:20px;fill:currentColor}.promotional-carousel__arrow--prev svg{transform:rotate(180deg)}@media(min-width:481px){.promotional-carousel__slide{width:calc(55% - 8px);min-width:180px;max-width:240px}.promotional-carousel__progress{padding:0 var(--geometric-space-xl, 40px)}}@media(min-width:768px){.promotional-carousel__slide{width:calc(33.333% - 11px);min-width:180px;max-width:280px}.promotional-carousel__arrow{width:40px;height:40px}.promotional-carousel__arrow svg{width:24px;height:24px}}@media(min-width:1025px){.promotional-carousel__slide{width:calc(20% - 13px);max-width:300px}.promotional-carousel__progress{padding:0 var(--geometric-space-xxl, 40px)}}@media(prefers-reduced-motion:reduce){.promotional-carousel__track{scroll-behavior:auto}.promotional-carousel__card,.promotional-carousel__image,.promotional-carousel__arrow,.promotional-carousel__cta-icon,.promotional-carousel__progress-thumb{transition:none}}@media(prefers-contrast:high){.promotional-carousel__card{border:2px solid currentColor}.promotional-carousel__progress-track{border:1px solid currentColor}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-promotional-card-carousel.css.map */