.m2y-sale { color: #333; margin-bottom: 32px; }
.m2y-sale *, .m2y-sale *::before, .m2y-sale *::after { box-sizing: border-box; }
.m2y-sale__hero { display: flex; gap: 32px; align-items: center; padding: 44px; background: #151515; color: #fff; border-radius: 7px; }
.m2y-sale__hero-copy { min-width: 0; flex: 1; }
.m2y-sale__eyebrow { font-size: 11px; font-weight: 700; line-height: 1.6; letter-spacing: 1.4px; }
.m2y-sale .m2y-sale__hero h1 { color: #fff; font-size: clamp(30px,5vw,64px); font-weight: 700; letter-spacing: -1px; line-height: 1.08; margin: 16px 0 18px; overflow-wrap: anywhere; }
.m2y-sale__hero p { max-width: 650px; margin: 0 0 24px; color: #e1e1e1; font-size: 16px; line-height: 1.7; }
.m2y-sale__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.m2y-sale .m2y-sale__primary, .m2y-sale .m2y-sale__secondary { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; padding: 12px 20px; font-size: 14px; line-height: 1.5; font-weight: 700; border-radius: 4px; text-decoration: none; }
.m2y-sale .m2y-sale__primary { background: #2ecc71; color: #102b1a; }
.m2y-sale .m2y-sale__secondary { border: 1px solid #777; color: #fff; }
.m2y-sale__hero-image { flex: 0 1 36%; min-width: 0; }
.m2y-sale__hero-image img { width: 100%; height: auto; max-height: 300px; object-fit: contain; }
.m2y-sale .m2y-sale__gift { display: flex; gap: 14px; align-items: center; margin: 18px 0 32px; padding: 16px 20px; border: 1px solid #dce8df; border-radius: 5px; background: #f4f8f5; color: #333; text-decoration: none; }
.m2y-sale__gift > span:first-child { display: flex; color: #39784a; }
.m2y-sale__gift > span:nth-child(2) { flex: 1; min-width: 0; }
.m2y-sale__gift strong { display: block; font-size: 15px; }
.m2y-sale__gift small { display: block; margin-top: 3px; font-size: 12px; line-height: 1.6; color: #555; }
.m2y-sale__products { scroll-margin-top: 240px; }
.m2y-sale .m2y-sale__products > h2 { font-size: 27px; line-height: 1.3; color: #222; margin: 28px 0 18px; }
.m2y-sale__categories { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.m2y-sale__categories button { min-height: 42px; padding: 10px 14px; font-family: inherit; font-size: 13px; line-height: 1.5; font-weight: 700; border: 1px solid #ddd; border-radius: 4px; background: #fff; color: #333; cursor: pointer; }
.m2y-sale__categories button.is-active { background: #222; color: #fff; border-color: #222; }
/* Normal shop controls: amount text and two native dropdowns. */
.m2y-sale__sort { display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin:0 0 20px; font-size:14px; color:#777; }
.m2y-sale__sort-selects { display:flex; max-width:100%; }
.m2y-sale__sort select { width:auto; min-width:105px; max-width:50%; height:34px; min-height:34px; padding:5px 12px; border:1px solid #d4d4d4; border-radius:0; background:#fff; font:inherit; color:#444; }
.m2y-sale__sort select + select { border-left:0; }
.m2y-sale__grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 18px; }
.m2y-sale__grid > .productItem { float: none; width: auto; padding: 0; margin: 0; min-width: 0; }
.m2y-sale__grid .productContent { height: 100%; }
.m2y-sale__grid .m-productlist-figure img { max-height: 240px; width: auto; max-width: 100%; object-fit: contain; }
.m2y-sale__server-card { border: 1px solid #e4e4e4; padding: 16px; border-radius: 4px; min-width: 0; }
.m2y-sale__server-card img { width: 100%; height: 200px; object-fit: contain; }
.m2y-sale .m2y-sale__server-card h3 { font-size: 15px; line-height: 1.5; }
.m2y-sale__seo { margin-top: 40px; padding-top: 24px; border-top: 1px solid #ddd; }
.m2y-sale__loading, .m2y-sale__empty { padding: 20px; background: #f7f7f7; font-size: 14px; line-height: 1.6; }
.m2y-sale button:focus-visible, .m2y-sale a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.m2y-sale button:disabled { cursor: default; opacity: .6; }

/* Native product content, five columns on desktop. All rules scoped to this page. */
.m2y-sale__grid .type-col, .m2y-sale__grid .productContent, .m2y-sale__grid .productContent > form { height:100%; }
.m2y-sale__grid .productContent { padding:10px; background:#fff; box-shadow:0 0 8px rgba(0,0,0,.07); }
.m2y-sale__grid .productContent > form { display:flex; flex-direction:column; }
.m2y-sale__grid .m-productlist-figure { position:relative; margin:0 0 14px; aspect-ratio:1; }
.m2y-sale__grid .m-productlist-figure > a { display:flex; width:100%; height:100%; align-items:center; justify-content:center; }
.m2y-sale__grid .m-productlist-figure img { width:100%; height:100%; max-height:none; object-fit:contain; }
.m2y-sale__grid .product-description { flex:1; min-height:230px; }
.m2y-sale__grid .m-productlist-title { font-size:16px; font-weight:300; line-height:1.4; }
.m2y-sale__grid .m-productlist-description { display:block; font-size:14px; line-height:1.5; }
.m2y-sale__grid .product-transaction { height:auto !important; }
.m2y-sale__grid .product-action { margin-top:10px; }
.m2y-sale__grid .product-action fieldset { margin-bottom:0; }
/* Richer hero and clearly visible gift invitation. */
.m2y-sale__hero { position:relative; overflow:hidden; background:radial-gradient(ellipse at 100% 0, #244136 0, transparent 55%),#151515; padding:46px; border-radius:6px; }
.m2y-sale__eyebrow { color:#9ce8b9; }
.m2y-sale .m2y-sale__secondary { background:#fff; color:#202c24; border-color:#fff; gap:9px; }
.m2y-sale .m2y-sale__primary:hover, .m2y-sale .m2y-sale__gift:hover .m2y-sale__gift-cta { background:#26bc67; }
.m2y-sale .m2y-sale__secondary:hover { background:#e9f6ed; }
.m2y-sale .m2y-sale__gift { gap:20px; padding:25px 28px; border:1px solid #b6ddc4; border-left:5px solid #2ecc71; background:linear-gradient(110deg,#eaf8ef,#f7fcf8); margin:18px 0 32px; }
.m2y-sale__gift-icon { width:58px; height:58px; flex:0 0 58px; border-radius:50%; align-items:center; justify-content:center; background:#d1efdc; }
.m2y-sale__gift-icon svg { width:28px; height:28px; }
.m2y-sale__gift-copy strong { font-size:21px; line-height:1.35; color:#233d2c; }
.m2y-sale__gift-copy small { font-size:14px; margin-top:6px; max-width:650px; }
.m2y-sale__gift-cta { flex:0 0 auto; background:#2ecc71; color:#12361f; padding:13px 20px; border-radius:4px; font-weight:700; font-size:14px; white-space:nowrap; }
@media(max-width:1100px) { .m2y-sale__grid { grid-template-columns:repeat(4,minmax(0,1fr)); } .m2y-sale__gift-copy strong { font-size:19px; } }
@media(max-width:900px) { .m2y-sale__grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .m2y-sale__gift { flex-wrap:wrap; } .m2y-sale__gift-cta { margin-left:78px; } }
@media(max-width:760px) { .m2y-sale__hero { padding:28px; } .m2y-sale__hero-image { display:none; } .m2y-sale__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:540px) { .m2y-sale__hero { padding:28px 20px; } .m2y-sale__hero p { font-size:14px; } .m2y-sale__eyebrow { font-size:10px; letter-spacing:1px; } .m2y-sale__actions > a { flex:1 1 100%; } .m2y-sale .m2y-sale__gift { padding:20px 16px; gap:12px; } .m2y-sale__gift-icon { width:42px; height:42px; flex-basis:42px; } .m2y-sale__gift-copy strong { font-size:17px; } .m2y-sale__gift-copy small { font-size:13px; } .m2y-sale__gift-cta { text-align:center; width:100%; margin:4px 0 0; } .m2y-sale__categories button { flex:1 1 auto; font-size:12px; padding:9px 10px; } .m2y-sale__grid { gap:10px; } .m2y-sale__grid .productContent { padding:8px; } .m2y-sale__grid .m-productlist-title { font-size:14px; } .m2y-sale__grid .m-productlist-description { font-size:13px; } .m2y-sale__grid .product-description { min-height:220px; } }

/* Campaign hero: decorative record and waveform, with optional uploaded artwork. */
.m2y-sale__hero { min-height:330px; background:radial-gradient(ellipse at 85% 45%,#183e2a 0,transparent 62%),#111512; border:1px solid #293c30; }
.m2y-sale__hero-copy { position:relative; z-index:1; flex:0 1 72%; }
.m2y-sale__hero p { max-width:600px; }
.m2y-sale__eyebrow { display:inline-block; padding:6px 11px; border:1px solid #4c6f57; border-radius:3px; background:#1c3022; }
.m2y-sale__hero-art { position:absolute; right:-14px; top:50%; transform:translateY(-50%); width:39%; max-width:490px; opacity:.85; pointer-events:none; }
.m2y-sale__hero-art svg { display:block; width:100%; height:auto; }
.m2y-sale__hero--image .m2y-sale__hero-art { display:none; }
.m2y-sale__hero--image .m2y-sale__hero-copy { flex:1; }
.m2y-sale__hero-image { position:relative; z-index:1; }
@media(max-width:1000px) { .m2y-sale__hero-art { right:-90px; width:48%; opacity:.4; } .m2y-sale__hero-copy { flex-basis:85%; } }
@media(max-width:760px) { .m2y-sale__hero { min-height:0; } .m2y-sale__hero-copy { flex-basis:100%; } .m2y-sale__hero-art { right:-130px; width:340px; opacity:.12; } }

.m2y-sale__hero--waiting .m2y-sale__hero-copy { flex-basis:72%; }
.m2y-sale__countdown { display:flex; gap:10px; margin:20px 0 12px; }
.m2y-sale__countdown[hidden] { display:none; }
.m2y-sale__countdown > div { display:flex; flex-direction:column; gap:6px; min-width:88px; padding:16px 12px; text-align:center; background:#ffffff0a; border:1px solid #76c49055; border-radius:6px; }
.m2y-sale__countdown strong { color:#a0ecb9; font-size:34px; font-weight:700; font-variant-numeric:tabular-nums; line-height:1; }
.m2y-sale__countdown span { color:#d0dfd4; font-size:11px; text-transform:uppercase; letter-spacing:1px; }
.m2y-sale__hero .m2y-sale__start-text { font-size:13px; margin-bottom:12px; }
.m2y-sale__hero .m2y-sale__countdown-status { font-size:12px; margin:0 0 16px; }
.m2y-sale__countdown-status:empty { display:none; }
@media(max-width:760px) { .m2y-sale__hero--waiting .m2y-sale__hero-copy { flex-basis:100%; } }
@media(max-width:540px) { .m2y-sale__countdown { gap:7px; } .m2y-sale__countdown > div { min-width:0; flex:1; padding:13px 8px; } .m2y-sale__countdown strong { font-size:27px; } .m2y-sale__countdown span { font-size:9px; letter-spacing:.3px; } }