.custom-cards-section{width:100%;position:relative}.custom-cards-container-old{position:relative;max-width:1200px;margin:0 auto;padding:0 20px}.custom-cards-wrapper{display:flex;transition:transform .3s ease-in-out;width:100%}.custom-card{opacity:0;min-width:100%;position:relative;display:flex;flex-direction:column;gap:20px}.custom-card.active{opacity:1}.card-content{display:flex;flex-direction:column;gap:20px;height:100%}.card-media{width:100%;position:relative}.image-container,.video-container{width:100%;position:relative;border-radius:12px;overflow:hidden;background:#f5f5f5}.image-container img{width:100%;height:auto;display:block;object-fit:cover}.video-container{position:relative;padding-bottom:56.25%;height:0}.video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:12px}.shopify-video{width:100%;height:auto;border-radius:12px;background:#000}.video-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer;transition:transform .2s ease}.video-placeholder:hover{transform:scale(1.02)}.video-placeholder img{width:100%;height:auto;display:block}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .2s ease}.play-button svg{width:80px;height:80px;fill:none;stroke:#fff}.play-button svg path{fill:#fff}.video-placeholder:hover .play-button{transform:translate(-50%,-50%) scale(1.1)}.section-bottom-icon{position:absolute;right:0;aspect-ratio:1 / 1;background-repeat:no-repeat;background-size:contain;background-position:bottom right;pointer-events:none;z-index:10}.card-text{display:flex;flex-direction:column;gap:16px;flex:1}.card-title{margin:0 0 1.25rem;font-weight:700;line-height:1.2;color:#000}@media (min-width:768px){.card-title{font-size:24px}}@media (max-width:767px){.card-title{font-size:22px}}.card-heading{margin:0;font-weight:400;line-height:1.4;font-size:18px;color:#666}.card-button-wrapper{margin-top:auto}.card-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;background-color:#000;color:#fff;min-height:48px}.card-button:active{transform:translateY(0)}.card-overlay-link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;text-decoration:none}.custom-card:has(.card-overlay-link){cursor:pointer;transition:transform .2s ease}.custom-card:has(.card-overlay-link) .card-button{position:relative;z-index:2;pointer-events:none}.cards-navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:10}.nav-arrow{display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;color:#333;cursor:pointer;transition:all .2s ease;pointer-events:auto}@media (min-width:769px){.nav-arrow svg{width:68px;height:68px}}@media (max-width:768px){.nav-arrow svg{width:24px;height:24px}}.nav-arrow svg path{stroke-width:1px;stroke:#000}.nav-prev{left:-24px}.nav-next{right:-24px}.cards-dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.dot{width:12px;height:12px;border:none;border-radius:50%;background:#ccc;cursor:pointer;transition:all .2s ease}.dot.active,.dot:hover{background:#333;transform:scale(1.2)}@media (min-width: 768px){.custom-cards-container-old{padding:0 40px}.card-content{flex-direction:row;align-items:center;gap:40px}.card-media{flex:1;order:2}.card-text{flex:1;order:1}.card-title{font-size:32px}.card-heading{font-size:20px}.nav-prev{left:-60px}.nav-next{right:-60px}}@media (min-width:1280px){.nav-prev{margin-left:5%}}@media (min-width: 1024px){.custom-cards-container-old{padding:0 60px}.card-content{gap:60px}.card-title{font-size:36px}.card-heading{font-size:22px}}@media (max-width: 767px){.custom-cards-container-old{padding:0 16px}.cards-navigation{display:none}.card-content{gap:24px}.card-media{order:1}.card-text{order:2}.nav-arrow{width:40px;height:40px}.nav-prev{left:-20px}.nav-next{right:-20px}.cards-dots{margin-top:16px}.dot{width:10px;height:10px}.play-button svg{width:50px;height:50px;fill:none;stroke:#fff}}@media (max-width: 480px){.custom-cards-container-old{padding:0 12px}.nav-arrow{width:36px;height:36px}.nav-prev{left:-18px}.nav-next{right:-18px}.card-button{padding:10px 20px;font-size:14px;min-height:44px}}@media (prefers-reduced-motion: reduce){.custom-cards-wrapper,.nav-arrow,.dot,.card-button,.video-placeholder,.play-button,.custom-card{transition:none}}.nav-arrow:focus,.dot:focus,.card-button:focus{outline:2px solid #005fcc;outline-offset:2px}@media (prefers-contrast: high){.nav-arrow{background:#fff;border:2px solid #000}.dot{border:2px solid #000}.dot.active{background:#000}}@media (max-width:767px){#slideshow-with-cards-custom .container{padding-left:0;padding-right:0}#slideshow-with-cards-custom .flexible-layout .column{margin-bottom:25px!important}#slideshow-with-cards-custom .video-container,#slideshow-with-cards-custom .shopify-video,#slideshow-with-cards-custom .image-container{border-radius:0!important;background:transparent}#slideshow-with-cards-custom .card-title,#slideshow-with-cards-custom .feature-text-paired p{padding-right:var(--container-pad-x);padding-left:var(--container-pad-x);text-align:center}#slideshow-with-cards-custom .card-title{padding:0 40px}#slideshow-with-cards-custom .cards-navigation{position:initial!important;transform:none!important;padding-right:var(--container-pad-x);padding-left:var(--container-pad-x)}#slideshow-with-cards-custom .custom-cards-container{position:relative}#slideshow-with-cards-custom .nav-prev,#slideshow-with-cards-custom .nav-next{position:absolute;top:var(--arrow-top, 50%);transform:translateY(-50%);line-height:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:solid 1px #7f7f7f52;background:#fff}#slideshow-with-cards-custom .nav-prev svg{transform:translate(-4.5%)}#slideshow-with-cards-custom .nav-next svg{transform:translate(4.5%)}#slideshow-with-cards-custom .card-button-wrapper{display:flex;justify-content:center}#slideshow-with-cards-custom .feature-text-paired{position:relative}#slideshow-with-cards-custom .feature-text-paired>.cards-navigation{position:absolute!important;top:var(--h3-center-y, 0px);left:0;right:0;width:100%;transform:translateY(-50%)!important;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10}#slideshow-with-cards-custom .feature-text-paired>.cards-navigation .nav-arrow{pointer-events:auto;position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important}}@media (min-width: 768px) and (max-width:1299px){#slideshow-with-cards-custom .flexible-layout .column{margin-left:-5px}}#slideshow-with-cards-custom .nav-prev{left:8px}#slideshow-with-cards-custom .nav-next{right:8px}@media (max-width: 359px){#slideshow-with-cards-custom .nav-prev,#slideshow-with-cards-custom .nav-next{width:32px;height:32px}#slideshow-with-cards-custom .nav-prev{left:6px}#slideshow-with-cards-custom .nav-next{right:6px}}@media (min-width: 390px) and (max-width: 427px){#slideshow-with-cards-custom .nav-prev,#slideshow-with-cards-custom .nav-next{width:36px;height:36px}}@media (min-width: 428px) and (max-width: 479px){#slideshow-with-cards-custom .nav-prev,#slideshow-with-cards-custom .nav-next{width:38px;height:38px}}@media (min-width:768px){#slideshow-with-cards-custom .column--half{width:48%}}#slideshow-with-cards-custom .custom-cards-section{position:relative}@media (max-width:767px){#slideshow-with-cards-custom .feature-text-paired{position:relative}#slideshow-with-cards-custom .feature-text-paired>.cards-navigation{position:absolute!important;top:var(--h3-center-y, 0px);left:0;right:0;width:100%;transform:translateY(-50%)!important;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10}#slideshow-with-cards-custom .feature-text-paired>.cards-navigation .nav-arrow{pointer-events:auto;position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/section-custom-cards.css.map */