.banner-slideshow{position:relative;width:100%;max-width:100vw;overflow:hidden;background-color:#f8f8f8;isolation:isolate;margin-top:calc(var(--header-height) * -1)}.slideshow-container{position:relative;width:100%;height:clamp(400px,70vh,800px)}.slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;display:flex;align-items:center;justify-content:center}.slide.active{opacity:1;visibility:visible}.slide-images{position:relative;width:100%;height:100%;display:grid;gap:0;box-sizing:border-box}.slide-images:has(.slide-image-wrapper--first:only-child){grid-template-columns:1fr;grid-template-rows:1fr}.slide-images:has(.slide-image-wrapper--first:only-child) .slide-image-wrapper--first{grid-column:1;grid-row:1}@media screen and (min-width: 1024px){.slide-images--row-desktop:not(:has(.slide-image-wrapper--first:only-child)){grid-template-columns:1fr 1fr;grid-template-rows:1fr}.slide-images--row-desktop .slide-image-wrapper--first:not(:only-child){grid-column:1}.slide-images--row-desktop .slide-image-wrapper--second{grid-column:2}}@media screen and (min-width: 1024px){.slide-images--column-desktop:not(:has(.slide-image-wrapper--first:only-child)){grid-template-columns:1fr;grid-template-rows:1fr 1fr;max-width:800px;margin:0 auto}.slide-images--column-desktop .slide-image-wrapper--first:not(:only-child){grid-row:1}.slide-images--column-desktop .slide-image-wrapper--second{grid-row:2}}@media screen and (min-width: 768px) and (max-width: 1023px){.slide-images:not(:has(.slide-image-wrapper--first:only-child)){grid-template-columns:1fr;grid-template-rows:1fr 1fr}.slideshow-container{height:clamp(500px,80vh,700px)}}@media screen and (max-width: 767px){.slide-images:not(:has(.slide-image-wrapper--first:only-child)){grid-template-columns:1fr;grid-template-rows:auto auto}.slideshow-container{height:clamp(600px,85vh,900px)}}.slide-image-wrapper{position:relative;overflow:hidden;min-height:200px}.slide-image{width:100%;height:100%;object-fit:cover}.slide-content{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;pointer-events:none}.slide-content-inner{max-width:min(90vw,1000px);pointer-events:auto;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}@media screen and (max-width: 767px){.slide-content-inner{max-width:95vw}}.slide-heading{margin-bottom:1rem;max-width:90vw;font-weight:600;line-height:1.2}.slide-text{margin-bottom:1.5rem;line-height:1.6}.slide-buttons{margin-top:1rem}.slideshow-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;border-radius:50%;width:clamp(44px,6vw,56px);height:clamp(44px,6vw,56px);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 20px #0000001a}.slideshow-nav:hover{background:#fff;box-shadow:0 6px 25px #00000026}.slideshow-nav--prev{left:clamp(1rem,3vw,2rem)}.slideshow-nav--next{right:clamp(1rem,3vw,2rem)}.slideshow-nav svg{width:clamp(16px,3vw,24px);height:clamp(16px,3vw,24px)}.slideshow-pagination{position:absolute;bottom:clamp(1rem,3vw,2rem);left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:30;padding:8px 16px;background:#0000001a;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pagination-dot{width:12px;height:12px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;position:relative}.pagination-dot:hover{background:#fffc}.pagination-dot.active{background:#fff}@media screen and (max-width: 767px){.slideshow-nav{width:44px;height:44px}.slideshow-nav--prev{left:1rem}.slideshow-nav--next{right:1rem}.slideshow-pagination{bottom:1rem;padding:6px 12px}.pagination-dot{width:10px;height:10px}}.slideshow-nav:focus-visible,.pagination-dot:focus-visible{outline:2px solid #007acc;outline-offset:2px}.slide-image-wrapper:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid #f3f3f3;border-top:3px solid #007acc;border-radius:50%;animation:spin 1s linear infinite;opacity:0}.slide-image-wrapper:not(:has(.slide-image)):after{opacity:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@container (min-width: 1200px){.slide-images--row-desktop:not(:has(.slide-image-wrapper--first:only-child)){gap:2rem}}@container (max-width: 600px){.slide-images:not(:has(.slide-image-wrapper--first:only-child)){padding:.75rem;gap:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-image-banner-slideshow.css.map */