.mm-occ-styles{padding:0 0 clamp(24px,3.5vw,44px)}.mm-occ-styles__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.3rem 1.2rem;margin-bottom:.9rem}.mm-occ-styles__head h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:500}.mm-occ-styles__head p{margin:0;font-size:.8rem;opacity:.6}.mm-occ-styles__carousel{position:relative}.mm-occ-styles__list{display:flex;gap:14px;margin:0;padding:2px 0 4px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mm-occ-styles__list::-webkit-scrollbar{display:none}.mm-occ-styles__list>li{flex:0 0 calc((100% - 42px)/4);min-width:0;scroll-snap-align:start}.mm-occ-style{position:relative;display:block;overflow:hidden;border:1px solid rgb(49 29 44 / .12);border-radius:16px;background:#fff;transition:transform .25s ease,box-shadow .25s ease}.mm-occ-style:hover{transform:translateY(-2px);box-shadow:0 10px 22px #311d2c1a}.mm-occ-style img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 15%}.mm-occ-style__body{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem .85rem .8rem}.mm-occ-style__body strong{font-family:Georgia,serif;font-size:.95rem;font-weight:500;line-height:1.15}.mm-occ-style__body small{font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#a45a6b;white-space:nowrap}.mm-occ-styles__arrow{position:absolute;top:calc(50% - 30px);z-index:2;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--mm-ink,#311d2c);font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:0 6px 18px #311d2c2e;transition:opacity .2s ease}.mm-occ-styles__arrow--prev{left:-14px}.mm-occ-styles__arrow--next{right:-14px}.mm-occ-styles__arrow[disabled]{opacity:0;pointer-events:none}.mm-occ-styles__carousel:not(.is-scrollable) .mm-occ-styles__arrow{display:none}@media(max-width:989px){.mm-occ-styles__list>li{flex-basis:calc((100% - 14px) / 2.4)}.mm-occ-styles__arrow{display:none}}@media(max-width:560px){.mm-occ-styles__list>li{flex-basis:calc((100% - 14px) / 2.15)}}@media(prefers-reduced-motion:reduce){.mm-occ-styles__list{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/mm-occasion-styles.css.map */