.hover-cards-section{padding:60px 20px}.hover-cards-container{max-width:1400px;margin:0 auto}.hover-cards-heading{text-align:center;font-size:2.5rem;margin-bottom:40px;font-weight:600}.hover-cards-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (min-width: 992px){.hover-cards-grid{grid-template-columns:repeat(min(var(--card-count),3),1fr)}}.hover-card{position:relative;border-radius:12px;overflow:hidden}.hover-card-link{text-decoration:none;color:inherit;display:block}.hover-card-inner{display:flex;flex-direction:column;height:100%;position:relative}.hover-card-image-wrapper{position:relative;aspect-ratio:4/5;overflow:visible}.hover-card-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.hover-card-placeholder{width:100%;height:100%;background:#ddd;display:flex;align-items:center;justify-content:center}.hover-card-placeholder .placeholder-svg{width:60%;height:60%;opacity:.5}.hover-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;padding:25px;display:flex;flex-direction:column;justify-content:flex-start;opacity:0;transition:opacity .4s ease;overflow-y:auto;z-index:10}.hover-card-inner .hover-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;border-radius:12px}.hover-card-overlay .hover-card-title{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:15px}.hover-card-overlay .hover-card-full-text{color:#fff;font-size:.9rem;line-height:1.6}.hover-card-overlay .hover-card-full-text ul{list-style:none;padding:0;margin:0}.hover-card-overlay .hover-card-full-text li{position:relative;padding-left:20px;margin-bottom:12px}.hover-card-overlay .hover-card-full-text li:before{content:"\2713";position:absolute;left:0;color:#fff;opacity:.7}@media (hover: hover) and (min-width: 769px){.hover-card-inner:hover .hover-card-overlay{opacity:1}.hover-card-inner:hover .hover-card-image{transform:scale(1.05)}.hover-card-inner:hover .hover-card-content{opacity:0}}.hover-card-content{padding:20px;transition:opacity .4s ease}.hover-card-content .hover-card-title{font-size:1.25rem;font-weight:600;margin-bottom:10px}.hover-card-content .hover-card-text{font-size:.9rem;line-height:1.5;margin:0}.hover-card-mobile{display:none}@media (min-width: 769px){.hover-card-inner{display:flex}.hover-card-mobile{display:none!important}}@media (max-width: 768px){.hover-cards-section{padding:0}.hover-cards-container{max-width:100%;padding:0}.hover-cards-heading{font-size:1.8rem;margin-bottom:25px;padding:20px 15px 0}.hover-cards-grid{display:flex;flex-direction:column;gap:0}.hover-card{border-radius:0}.hover-card-inner{display:none}.hover-card-mobile{display:block}.hover-card-mobile-row{display:grid;grid-template-columns:40% 1fr auto;min-height:180px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.1)}.hover-card-mobile-image{width:100%;height:100%;position:relative}.hover-card-mobile-image img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.hover-card-mobile-info{padding:20px 15px;display:flex;flex-direction:column;justify-content:flex-start}.hover-card-mobile-info .hover-card-title{font-size:1.25rem;font-weight:700;margin-bottom:10px;color:#fff}.hover-card-mobile-info .hover-card-text{font-size:.9rem;line-height:1.5;margin:0;color:#fffc}.hover-card-mobile-toggle{display:flex;align-items:flex-end;justify-content:center;padding:20px 15px}.toggle-icon{position:relative;width:16px;height:16px}.toggle-icon:before,.toggle-icon:after{content:"";position:absolute;background-color:#ffffffb3;transition:transform .3s ease,opacity .3s ease}.toggle-icon:before{width:16px;height:1px;top:50%;left:0;transform:translateY(-50%)}.toggle-icon:after{width:1px;height:16px;left:50%;top:0;transform:translate(-50%)}.hover-card-mobile-row[aria-expanded=true] .toggle-icon:after{opacity:0}.hover-card-mobile-row[aria-expanded=true] .toggle-icon:before{transform:translateY(-50%)}.hover-card-mobile-expanded{max-height:0;overflow:hidden;transition:max-height .4s ease}.hover-card-mobile-expanded.is-open{max-height:800px}.hover-card-mobile-expanded-content{padding:25px 20px 30px}.hover-card-mobile-expanded .hover-card-title{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:15px}.hover-card-mobile-expanded .hover-card-full-text{color:#fff;font-size:.9rem;line-height:1.7}.hover-card-mobile-expanded .hover-card-full-text ul{list-style:none;padding:0;margin:0}.hover-card-mobile-expanded .hover-card-full-text li{position:relative;padding-left:25px;margin-bottom:12px}.hover-card-mobile-expanded .hover-card-full-text li:before{content:"\2713";position:absolute;left:0;color:#fff;opacity:.7}.hover-card-mobile-expanded .hover-card-full-text p{margin:0 0 10px}.hover-card-mobile-link{display:inline-block;margin-top:15px;color:#fff;text-decoration:none;font-size:.9rem;font-family:Figtree,sans-serif;font-weight:400}.hover-card-mobile-link.bold{font-weight:700}}@media (min-width: 769px) and (max-width: 991px){.hover-cards-grid{grid-template-columns:repeat(2,1fr)}.hover-card-image-wrapper{aspect-ratio:3/4}}@media (max-width: 480px){.hover-card-mobile-row{grid-template-columns:100px 1fr 45px;min-height:120px}.hover-card-mobile-info{padding:12px 15px}.hover-card-mobile-info .hover-card-title{font-size:1rem}.hover-card-mobile-info .hover-card-text{font-size:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/hover-cards.css.map */