.ymal{color:#1F1F1E;font-family:var(--font-body-family,'Open Sans',Arial,sans-serif);text-align:center}
.ymal__wrap{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;gap:48px 56px;align-items:center;justify-content:center;box-sizing:border-box}
@media (min-width:750px){.ymal__wrap{padding:0 50px}}
.ymal__main{display:contents}
.ymal__wrap--nophotos .ymal__media{display:none}
.ymal__wrap--nophotos .ymal__grid{flex:1 1 100%}
@media (min-width:750px){.ymal__wrap--nophotos .ymal__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ymal__head{width:100%;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}
.ymal__eyebrow{margin:0;font-size:13px;line-height:18px;font-weight:600;letter-spacing:3px;text-transform:uppercase}
.ymal__title{margin:0;font-family:var(--font-heading-family,Georgia,serif);font-weight:400;font-size:clamp(44px,6vw,72px);line-height:1;color:#111110}
.ymal__grid{flex:1 1 560px;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
.ymal__card{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}
.ymal__tile{display:block;width:100%;background:#fff;border-radius:28px;aspect-ratio:1/1;overflow:hidden}
.ymal__tile img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.ymal__info{display:flex;flex-direction:column;align-items:center;gap:4px}
.ymal__name,.ymal__price{font-family:var(--font-body-family,'Open Sans',Arial,sans-serif);font-size:16px;line-height:24px;font-weight:400;color:#1F1F1E;text-decoration:none}
.ymal__price{white-space:nowrap}
.ymal__form{margin:0;align-self:center}
.ymal__btn{display:inline-block;align-self:center;cursor:pointer;background:transparent;border:1px solid #1F1F1E;border-radius:999px;padding:12px 24px;font-family:var(--font-body-family,'Open Sans',Arial,sans-serif);font-size:13px;line-height:18px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#1F1F1E;text-decoration:none;transition:background .2s,color .2s}
.ymal__btn:hover{background:#0B0B0B;color:#F5F2EE}
.ymal__btn--off{opacity:.5;cursor:default}.ymal__btn--off:hover{background:transparent;color:#1F1F1E}
.ymal__media{flex:1 1 480px;min-width:0;align-self:center;position:relative;width:100%;aspect-ratio:4/5;border-radius:28px;overflow:hidden;background:#1b1b1b}
.ymal__slides,.ymal__slide{position:absolute;inset:0}
.ymal__slide{opacity:0;transition:opacity .7s ease}
.ymal__slide.is-active{opacity:1}
.ymal__slide img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;display:block}
.ymal__media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(180deg,rgba(10,10,10,0),rgba(10,10,10,.62));pointer-events:none}
.ymal__controls{position:absolute;left:16px;right:16px;bottom:12px;display:flex;justify-content:space-between;align-items:center;z-index:2}
.ymal__dots,.ymal__arrows{display:flex;align-items:center;gap:0}
.ymal__arrows{gap:8px}
.ymal__dot{width:44px;height:44px;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}
.ymal__dot span{display:block;height:6px;width:6px;border-radius:999px;background:#F5F2EE;opacity:.6;transition:width .3s,opacity .3s}
.ymal__dot.is-active span{width:28px;opacity:1}
.ymal__arrow{width:44px;height:44px;padding:0;border:1px solid #F5F2EE;border-radius:999px;background:transparent;color:#F5F2EE;display:flex;align-items:center;justify-content:center;cursor:pointer}
@media (max-width:749px){
 .ymal__wrap{gap:32px}
 .ymal__head{order:1}.ymal__media{order:2;flex:1 1 100%}.ymal__grid{order:3;flex:1 1 100%;gap:28px 12px}
 .ymal__eyebrow{font-size:12px}.ymal__name,.ymal__price{font-size:14px;line-height:20px}
 .ymal__btn{padding:10px 18px;font-size:12px}.ymal__arrows{display:none}.ymal__controls{left:4px}
}
@media (prefers-reduced-motion:reduce){.ymal__slide{transition:none}}