.smallcase-section{position:relative;overflow:hidden;background:linear-gradient(#fff,#ebf4ff);padding:90px 0 80px}.smallcase-bg{position:absolute;top:-200px;left:-4px;z-index:1;pointer-events:none}.smallcase-bg-image{width:100%;height:100%;object-fit:contain}.smallcase-container{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:0 40px}.smallcase-heading{text-align:center;margin:0;color:#08085d;font-weight:800;font-size:4.4rem;line-height:1.18;letter-spacing:-1.5px}.smallcase-subheading{text-align:center;max-width:720px;margin:16px auto 48px;color:#7b86a3;font-size:2.2rem;line-height:1.5;font-weight:400}.smallcase-slider{position:relative}.smallcase-cards-wrapper{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:10px 0}.smallcase-cards-wrapper::-webkit-scrollbar{display:none}.smallcase-card{scroll-snap-align:start;border-radius:16px;transition:transform .35s ease,box-shadow .35s ease}@media(hover:hover){.smallcase-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 18px 45px #08085d24}}@media(min-width:991px){.smallcase-card{flex:0 0 calc((100% - 48px) / 3)}}@media(min-width:769px)and (max-width:990px){.smallcase-card{flex:0 0 calc((100% - 24px)/2)}}@media(max-width:768px){.smallcase-card{flex:0 0 85%}}.smallcase-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;font-size:20px;width:46px;height:46px;border-radius:50%;background:#fff;color:#08085d;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #08085d33;transition:transform .25s ease,opacity .25s ease}.smallcase-arrow:hover{opacity:1;transform:translateY(-50%) scale(1.08)}.smallcase-arrow.prev{left:-24px}.smallcase-arrow.next{right:-24px}.smallcase-cta{text-align:center;margin-top:48px}.smallcase-cta .button{min-height:50px;padding:0 30px;font-size:.8rem;font-weight:700}@media screen and (max-width:990px){.smallcase-section{padding:60px 0 50px}.smallcase-bg{top:-200px;left:-10px}.smallcase-container{padding:0 25px}.smallcase-heading{font-size:3.4rem}.smallcase-subheading{font-size:1.9rem;margin:14px auto 36px}.smallcase-cards-wrapper{gap:16px}.smallcase-arrow{display:none}.smallcase-cta{margin-top:32px}}body[data-smallcase-modal=open] .smallcase-card,body[data-smallcase-modal=open] .smallcase-card:hover{transform:none!important;transition:none!important;box-shadow:none!important}
/*# sourceMappingURL=/cdn/shop/t/79/assets/embedded-card.css.map */