.cc-hero-banner{--banner-radius: 12px;--card-radius: 12px;--card-gap: 16px;--section-padding: 16px;--max-width: 1220px;--cards-spacing: 20px;--banner-height-desktop: 340px;--banner-height-mobile: 250px;--cta-desktop-offset-x: 0px;--cta-desktop-offset-y: 0px;--cta-mobile-offset-x: 0px;--cta-mobile-offset-y: 0px;--cta-mobile-size: 12px;--cta-bg: #0000a4;--cta-color: #ffffff;--card-title-color: #0000a4;--mobile-padding: 12px;--mobile-margin-top: 0px;--mobile-margin-bottom: 0px;max-width:var(--max-width);margin:0 auto;padding:0 var(--section-padding)}.cc-hero-banner__slider{position:relative;overflow:hidden;border-radius:var(--banner-radius)}.cc-hero-banner__track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}.cc-hero-banner__slide{position:relative;flex:0 0 100%;width:100%;overflow:hidden}.cc-hero-banner__slide-link{display:block;line-height:0;text-decoration:none;color:inherit;position:relative;width:100%;height:100%}.cc-hero-banner__image{display:block;width:100%;height:auto;object-fit:cover}.cc-hero-banner[data-sizing=standard] .cc-hero-banner__slide{aspect-ratio:3.5 / 1}.cc-hero-banner[data-sizing=standard] .cc-hero-banner__slide-link,.cc-hero-banner[data-sizing=standard] .cc-hero-banner__image{height:100%}.cc-hero-banner[data-sizing=standard] .cc-hero-banner__image{object-fit:cover}.cc-hero-banner[data-sizing=custom] .cc-hero-banner__slide{height:var(--banner-height-desktop)}.cc-hero-banner[data-sizing=custom] .cc-hero-banner__slide-link,.cc-hero-banner[data-sizing=custom] .cc-hero-banner__image{height:100%}.cc-hero-banner[data-sizing=custom] .cc-hero-banner__image{object-fit:cover}.cc-hero-banner__placeholder{background:#e8e8e8;aspect-ratio:3.5 / 1;display:flex;align-items:center;justify-content:center;height:100%}.cc-hero-banner__placeholder-svg{width:60%;max-width:400px;opacity:.3}.cc-hero-banner__dots{display:flex;justify-content:center;align-items:center;gap:6px;padding:12px 0 4px}.cc-hero-banner__dot{width:24px;height:3px;border-radius:2px;border:none;padding:0;background:#ccc;cursor:pointer;transition:background .25s ease,width .25s ease}.cc-hero-banner__dot:hover{background:#888}.cc-hero-banner__dot.is-active{background:#1a1a1a;width:32px}.cc-hero-banner__cta{position:absolute;z-index:3;display:inline-block;padding:10px 24px;background:var(--cta-bg, #0000a4);color:var(--cta-color, #ffffff);font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;border-radius:6px;white-space:nowrap;transition:background .3s ease,color .3s ease,box-shadow .3s ease;--cta-offset-x: var(--cta-desktop-offset-x, 0px);--cta-offset-y: var(--cta-desktop-offset-y, 0px)}.cc-hero-banner__cta:hover{background:#1a1a1a;color:#fff;box-shadow:0 2px 8px #0003}.cc-hero-banner--no-btn-anim .cc-hero-banner__cta:hover{background:var(--cta-bg, #0000a4);color:var(--cta-color, #ffffff);box-shadow:none}.cc-hero-banner__cta--left-top,.cc-hero-banner__cta--center-top,.cc-hero-banner__cta--right-top{top:24px}.cc-hero-banner__cta--left-middle,.cc-hero-banner__cta--center-middle,.cc-hero-banner__cta--right-middle{top:50%}.cc-hero-banner__cta--left-bottom,.cc-hero-banner__cta--center-bottom,.cc-hero-banner__cta--right-bottom{bottom:24px}.cc-hero-banner__cta--left-top,.cc-hero-banner__cta--left-middle,.cc-hero-banner__cta--left-bottom{left:24px}.cc-hero-banner__cta--center-top,.cc-hero-banner__cta--center-middle,.cc-hero-banner__cta--center-bottom{left:50%}.cc-hero-banner__cta--right-top,.cc-hero-banner__cta--right-middle,.cc-hero-banner__cta--right-bottom{right:24px}.cc-hero-banner__cta--left-top,.cc-hero-banner__cta--right-top,.cc-hero-banner__cta--left-bottom,.cc-hero-banner__cta--right-bottom{transform:translate(var(--cta-offset-x),var(--cta-offset-y))}.cc-hero-banner__cta--center-top,.cc-hero-banner__cta--center-bottom{transform:translate(calc(-50% + var(--cta-offset-x)),var(--cta-offset-y))}.cc-hero-banner__cta--left-middle,.cc-hero-banner__cta--right-middle{transform:translate(var(--cta-offset-x),calc(-50% + var(--cta-offset-y)))}.cc-hero-banner__cta--center-middle{transform:translate(calc(-50% + var(--cta-offset-x)),calc(-50% + var(--cta-offset-y)))}.cc-hero-banner__cards-container{position:relative;margin-top:var(--cards-spacing)}.cc-hero-banner__cards{display:flex;gap:var(--card-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:12px 0 18px;margin-top:-12px}.cc-hero-banner__cards::-webkit-scrollbar{display:none}.cc-hero-banner__card-wrapper{flex:0 0 calc((100% - 3 * var(--card-gap)) / 4);scroll-snap-align:start}.cc-hero-banner__card{position:relative;display:flex;flex-direction:column;min-height:180px;background:var(--card-bg, #f5f0d0);border-radius:var(--card-radius);padding:20px;text-decoration:none;color:inherit;overflow:hidden;transition:box-shadow .2s ease}.cc-hero-banner__card:hover{box-shadow:0 4px 16px #0000001f}.cc-hero-banner--no-shadow .cc-hero-banner__card,.cc-hero-banner--no-shadow .cc-hero-banner__card:hover{box-shadow:none}.cc-hero-banner__card-text{position:relative;z-index:2}.cc-hero-banner__card-title{font-size:16px;font-weight:700;line-height:1.3;margin:0 0 2px;color:var(--card-title-color, #0000a4)}.cc-hero-banner__card-subtitle{font-size:14px;font-weight:400;line-height:1.4;margin:0;color:#333}.cc-hero-banner__card-badge{position:absolute;z-index:2;width:70px;height:70px;object-fit:contain}.cc-hero-banner__card-image{position:absolute;right:8px;bottom:8px;max-width:55%;max-height:75%;object-fit:contain;z-index:1}.cc-hero-banner__card-disclaimer{font-size:11px;color:#666;margin:4px 0 0;line-height:1.3}.cc-hero-banner__card-arrow{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--arrow-bg, #0000ff);color:var(--arrow-color, #ffffff);transition:opacity .2s ease}.cc-hero-banner__card:hover .cc-hero-banner__card-arrow{opacity:.85}.cc-hero-banner__card-arrow--left-top{top:16px;left:16px;transform:translate(var(--arrow-offset-x, 0px),var(--arrow-offset-y, 0px))}.cc-hero-banner__card-arrow--center-top{top:16px;left:50%;transform:translate(calc(-50% + var(--arrow-offset-x, 0px)),var(--arrow-offset-y, 0px))}.cc-hero-banner__card-arrow--right-top{top:16px;right:16px;transform:translate(var(--arrow-offset-x, 0px),var(--arrow-offset-y, 0px))}.cc-hero-banner__card-arrow--left-middle{top:50%;left:16px;transform:translate(var(--arrow-offset-x, 0px),calc(-50% + var(--arrow-offset-y, 0px)))}.cc-hero-banner__card-arrow--center-middle{top:50%;left:50%;transform:translate(calc(-50% + var(--arrow-offset-x, 0px)),calc(-50% + var(--arrow-offset-y, 0px)))}.cc-hero-banner__card-arrow--right-middle{top:50%;right:16px;transform:translate(var(--arrow-offset-x, 0px),calc(-50% + var(--arrow-offset-y, 0px)))}.cc-hero-banner__card-arrow--left-bottom{bottom:16px;left:16px;transform:translate(var(--arrow-offset-x, 0px),var(--arrow-offset-y, 0px))}.cc-hero-banner__card-arrow--center-bottom{bottom:16px;left:50%;transform:translate(calc(-50% + var(--arrow-offset-x, 0px)),var(--arrow-offset-y, 0px))}.cc-hero-banner__card-arrow--right-bottom{bottom:16px;right:16px;transform:translate(var(--arrow-offset-x, 0px),var(--arrow-offset-y, 0px))}.cc-hero-banner__cards-prev,.cc-hero-banner__cards-next{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;border-radius:50%;border:none;background:#fff;box-shadow:0 2px 8px #00000026;cursor:pointer;align-items:center;justify-content:center;color:#333;transition:box-shadow .2s ease,opacity .3s ease,visibility .3s ease;padding:0}.cc-hero-banner__cards-prev:hover,.cc-hero-banner__cards-next:hover{box-shadow:0 4px 14px #00000038}.cc-hero-banner__cards-prev{left:-14px}.cc-hero-banner__cards-next{right:-14px}.cc-hero-banner__cards-prev.is-hidden,.cc-hero-banner__cards-next.is-hidden{opacity:0;pointer-events:none;visibility:hidden}@media(min-width:750px){.cc-hero-banner[data-full-width=true]{max-width:none}.cc-hero-banner:not([data-full-width=true]){max-width:var(--section-width-desktop, 1220px)}}@media(max-width:749px){.cc-hero-banner{--section-padding: var(--mobile-padding, 12px);margin-top:var(--mobile-margin-top, 0px);margin-bottom:var(--mobile-margin-bottom, 0px)}.cc-hero-banner__slider{border-radius:10px}.cc-hero-banner[data-sizing=standard] .cc-hero-banner__slide{aspect-ratio:1.6 / 1}.cc-hero-banner[data-sizing=custom] .cc-hero-banner__slide{height:var(--banner-height-mobile)}.cc-hero-banner__cta{--cta-offset-x: var(--cta-mobile-offset-x, 0px);--cta-offset-y: var(--cta-mobile-offset-y, 0px);font-size:var(--cta-mobile-size, 12px);padding:calc(var(--cta-mobile-size, 12px) * .55) calc(var(--cta-mobile-size, 12px) * 1.3)}.cc-hero-banner__cta--hide-mobile{display:none!important}.cc-hero-banner__dots{padding:10px 0 2px}.cc-hero-banner__dot{width:18px;height:2.5px}.cc-hero-banner__dot.is-active{width:26px}.cc-hero-banner__card-wrapper{flex:0 0 calc(70% - var(--card-gap) / 2)}.cc-hero-banner__card{min-height:160px;padding:16px}.cc-hero-banner__card-title{font-size:15px}.cc-hero-banner__card-subtitle{font-size:13px}.cc-hero-banner__card-arrow{width:28px;height:28px}.cc-hero-banner__card-arrow svg{width:12px;height:12px}.cc-hero-banner__cards-prev,.cc-hero-banner__cards-next{display:none!important}}@media(min-width:750px){.cc-hero-banner__cards-prev,.cc-hero-banner__cards-next{display:flex}}@media(min-width:750px)and (max-width:1023px){.cc-hero-banner__card-wrapper{flex:0 0 calc((100% - 2 * var(--card-gap)) / 3)}.cc-hero-banner__card{min-height:170px}}@media(min-width:1024px){.cc-hero-banner__card-wrapper{flex:0 0 calc((100% - 3 * var(--card-gap)) / 4)}}@media(prefers-reduced-motion:reduce){.cc-hero-banner__track{transition-duration:.01ms}.cc-hero-banner__cards{scroll-behavior:auto}.cc-hero-banner__cta,.cc-hero-banner__dot,.cc-hero-banner__card-arrow,.cc-hero-banner__card{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/cc-hero-banner.css.map */