.shopPattern{margin:0 auto;padding:20px 20px 25px;text-align:center}.shopPattern-title{font-size:30px;font-weight:600;letter-spacing:0;text-transform:uppercase;margin-bottom:30px;color:#383938}.shopPattern-areaSection{position:relative}.shopPattern-areaBlock{display:flex;justify-content:center;gap:0;overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:none}.shopPattern-areaBlock::-webkit-scrollbar{display:none}.shopPattern-card{flex:0 0 20%;max-width:15%;text-decoration:none;color:inherit;transition:transform .3s ease}.shopPattern-img-wrap{position:relative;overflow:hidden}.shopPattern-img-wrap img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .5s ease}.shopPattern-label{font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#333}.shopPattern-arrow{position:absolute;top:40%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #e8e8e8;box-shadow:0 4px 14px #00000014;font-size:22px;color:#c62828;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.shopPattern-arrow:hover{background:#faf7f4;transform:translateY(-50%) scale(1.05)}.shopPattern-arrow-left{left:10px}.shopPattern-arrow-right{right:10px}@media(max-width:768px){.shopPattern{padding:5px 0 10px}.shopPattern-title{font-size:20px;margin-bottom:18px}.shopPattern-areaBlock{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 16px;gap:2px;scroll-snap-type:x mandatory}.shopPattern-card{flex:0 0 82%;max-width:82%;scroll-snap-align:center}.shopPattern-img-wrap{aspect-ratio:2 / 3.2;border-radius:4px;overflow:hidden}.shopPattern-img-wrap img{object-fit:cover;object-position:top center}.shopPattern-img-wrap:after{content:"";position:absolute;bottom:0;left:0;right:0;height:45%;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 50%,transparent 100%);pointer-events:none;z-index:1}.shopPattern-label{position:absolute;bottom:18px;left:0;right:0;margin:0;font-size:16px;font-weight:600;letter-spacing:1.5px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.35);text-align:center;z-index:9}.shopPattern-arrow{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/252/assets/shop-by-pattern.css.map */