.mmc-arrivals { width: 100%; max-width: 1920px; margin-inline: auto; box-sizing: border-box; padding: 22px clamp(16px,2.5vw,48px) 26px; background: #faf6ee; border-block: 1px solid #fff; }
.mmc-arrivals__heading { text-align: center; margin-bottom: 18px; }
.mmc-arrivals__heading p { margin: 0 0 5px; color: #a5712d; text-transform: uppercase; font: 400 clamp(12px,1vw,17px)/1.3 Georgia,serif; }
.mmc-arrivals__heading h2 { margin: 0; color: #251e18; font: 400 clamp(28px,2.45vw,42px)/1.1 Georgia,serif; }
.mmc-arrivals__ornament { display: flex; align-items: center; gap: 7px; width: 160px; margin: 7px auto 0; color: #b38437; font: 20px/1 Georgia,serif; }
.mmc-arrivals__ornament::before,.mmc-arrivals__ornament::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg,transparent,#ba965b); }
.mmc-arrivals__ornament::after { transform: scaleX(-1); }
.mmc-arrivals__grid { display: grid; grid-template-columns: repeat(var(--arrival-columns),minmax(0,1fr)); row-gap: 28px; }
.mmc-arrival { position: relative; min-width: 0; padding: 0 clamp(10px,1.1vw,20px); display: flex; flex-direction: column; text-align: center; }
.mmc-arrival + .mmc-arrival { border-left: 1px solid #d5b381; }
.mmc-arrival + .mmc-arrival::before { content: '❧'; color: #be965e; font: 15px Georgia,serif; position: absolute; left: -6px; bottom: 8px; }
.mmc-arrival__media { position: relative; margin-bottom: 14px; }
.mmc-arrival__image-link { display: block; aspect-ratio: 1.35; }
.mmc-arrival__image-link img { display: block; width: 100%; height: 100%; object-fit: contain; transition: transform .25s ease; }
.mmc-arrival h3 { margin: auto 0 7px; color: #231b15; font: 400 clamp(16px,1.15vw,21px)/1.25 Georgia,serif; }
.mmc-arrival h3 a { color: inherit; text-decoration: none; }
.mmc-arrival h3 a:hover { color: #95631d; }
.mmc-arrival__price { margin: 0; color: #a5712d; text-transform: uppercase; font: 400 clamp(12px,.95vw,16px)/1.4 Georgia,serif; }
.mmc-arrival__actions { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-35%); display: flex; gap: 6px; width: max-content; opacity: 0; visibility: hidden; transition: opacity .2s,transform .2s,visibility .2s; z-index: 2; }
.mmc-arrival:hover .mmc-arrival__actions,.mmc-arrival:focus-within .mmc-arrival__actions { opacity: 1; visibility: visible; transform: translate(-50%,-50%); }
.mmc-arrival__actions :is(a,button) { width: 40px; height: 40px; padding: 0; display: grid; place-items: center; border: 1px solid transparent; border-radius: 50%; background: #100d0b; color: #fff; font-size: 18px; text-decoration: none; box-shadow: 0 3px 10px #0002; }
.mmc-arrival__actions :is(a,button):hover { background: #8b091b; border-color: #c5a058; }
.mmc-arrivals :is(a,button):focus-visible { outline: 2px solid #aa7c33; outline-offset: 3px; }
.mmc-arrivals__dialog { width: min(560px,calc(100% - 32px)); max-height: calc(100dvh - 40px); overflow: auto; box-sizing: border-box; border: 1px solid #b38a49; border-radius: 8px; padding: 38px 24px 28px; margin: auto; text-align: center; color: #231b15; background: #faf6ee; }
.mmc-arrivals__dialog::backdrop { background: #150e09c9; }
.mmc-arrivals__close { position: absolute; top: 5px; right: 8px; width: 40px; height: 40px; background: transparent; border: 0; color: #38281b; font-size: 30px; }
.mmc-arrivals__preview-image { width: 100%; height: auto; max-height: 40dvh; object-fit: contain; }
.mmc-arrivals__dialog h2 { font: 28px/1.2 Georgia,serif; margin: 15px 0 10px; }
.mmc-arrivals__preview-price { color: #a5712d; font: 17px Georgia,serif; }
.mmc-arrivals__details { display: inline-block; background: #810a1b; border: 1px solid #b38a49; padding: 12px 24px; border-radius: 24px; color: #fff8e9; }
@media(max-width:1100px) { .mmc-arrivals__grid { grid-template-columns: repeat(3,minmax(0,1fr)); } .mmc-arrival:nth-child(3n+1) { border-left: 0; } .mmc-arrival:nth-child(3n+1)::before { display: none; } }
@media(max-width:767px) { .mmc-arrivals__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .mmc-arrival:nth-child(n) { border-left: 0; } .mmc-arrival:nth-child(even) { border-left: 1px solid #d5b381; } .mmc-arrival::before { display: none; } .mmc-arrival__actions { position: static; width: auto; justify-content: center; opacity: 1; visibility: visible; transform: none; margin-top: 8px; flex-wrap: wrap; } .mmc-arrival:hover .mmc-arrival__actions,.mmc-arrival:focus-within .mmc-arrival__actions { transform: none; } .mmc-arrival__actions :is(a,button) { width: 36px; height: 36px; font-size: 16px; } }
@media(max-width:480px) { .mmc-arrivals__grid { grid-template-columns: 1fr; } .mmc-arrival:nth-child(n) { border-left: 0; padding: 20px 12px; max-width: 370px; width: 100%; box-sizing: border-box; justify-self: center; } .mmc-arrival + .mmc-arrival { border-top: 1px solid #d5b381; } .mmc-arrival__actions :is(a,button) { width: 44px; height: 44px; } .mmc-arrival h3 { font-size: 21px; } .mmc-arrival__price { font-size: 14px; } }
@media(hover:none) and (min-width:768px) { .mmc-arrival__actions { position: static; transform: none; opacity: 1; visibility: visible; width: auto; flex-wrap: wrap; justify-content: center; margin-top: 8px; } .mmc-arrival:hover .mmc-arrival__actions,.mmc-arrival:focus-within .mmc-arrival__actions { transform: none; } }
@media(prefers-reduced-motion:reduce) { .mmc-arrival__actions,.mmc-arrival__image-link img { transition: none; } }

.mmc-arrival h3 a { font: inherit; }

/* Emphasize the active product without changing the grid dimensions. */
.mmc-arrival { border-radius: 6px; transition: background-color .22s ease, box-shadow .22s ease; }
.mmc-arrival__image-link { overflow: hidden; border-radius: 5px; }
.mmc-arrival:focus-within { z-index: 3; background: #fffaf2; box-shadow: inset 0 0 0 1px #c29b58, 0 10px 24px #4c301526; }
.mmc-arrival:focus-within h3 a { color: #8b091b; }
.mmc-arrival:focus-within .mmc-arrival__actions :is(a,button) { border-color: #d4ad68; box-shadow: 0 4px 12px #0005; }
@media (hover: hover) and (pointer: fine) {
 .mmc-arrival:hover { z-index: 3; background: #fffaf2; box-shadow: inset 0 0 0 1px #c29b58, 0 10px 24px #4c301526; }
 .mmc-arrival:hover .mmc-arrival__image-link img { transform: scale(1.055); }
 .mmc-arrival:hover h3 a { color: #8b091b; }
 .mmc-arrival:hover .mmc-arrival__actions :is(a,button) { border-color: #d4ad68; box-shadow: 0 4px 12px #0005; }
}
@media (prefers-reduced-motion: reduce) {
 .mmc-arrival { transition: none; }
 .mmc-arrival:hover .mmc-arrival__image-link img { transform: none; }
}

/* Native scrolling keeps swipe, keyboard access and product links intact. */
.mmc-arrivals__grid { --visible-products: 4; display: flex; gap: 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 10px 0 22px; }
.mmc-arrivals__grid::-webkit-scrollbar { display: none; }
.mmc-arrivals__grid .mmc-arrival { box-sizing: border-box; flex: 0 0 calc(100% / var(--visible-products)); width: auto; max-width: none; scroll-snap-align: start; }
.mmc-arrivals__grid .mmc-arrival + .mmc-arrival { border-top: 0; border-left: 1px solid #d5b381; }
.mmc-arrivals__slider-controls { display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: 4px; }
.mmc-arrivals__slider-controls[hidden] { display: none; }
.mmc-arrivals__slider-controls button { width: 44px; height: 44px; border: 1px solid #c3a16a; border-radius: 50%; background: #faf6ee; color: #64431f; font: 28px/1 Georgia,serif; }
.mmc-arrivals__slider-controls button:hover { background: #810a1b; color: #fff7e9; }
.mmc-arrivals__slider-controls [data-arrival-pause] { display: none; }
.mmc-arrivals__position { display: none; }
@media(max-width:1100px) { .mmc-arrivals__grid { --visible-products: 3; } }
@media(max-width:767px) { .mmc-arrivals__grid { --visible-products: 2; } }
@media(max-width:480px) { .mmc-arrivals__grid { --visible-products: 1; } }



.mmc-arrival__actions form{margin:0;display:flex}.mmc-arrival__actions button svg{width:24px;height:24px;}