/* Ohio Made Friday VIP Discounts page (2026-11-11). Loads after headings-walkthrough2 and the photo frame component, on /explore/vip-discounts/ only.
   The site shell (header, footer, plaid body, newsletter band) is not touched. Every section is a box with a 3 px black edge and a 10 px radius inside the content width (the Merry box rule).
   Headings (h1, h2) inherit the shared heading rule and are not restyled here. */
body.om-vipd{--vipd-ink:#15100f;--vipd-cream:#fffaf2;--vipd-red:#ef2435;--vipd-mint:#68f8b3}
body.om-vipd .vipd-main{display:block;padding:0 0 8px}
body.om-vipd .vipd-box{box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;width:calc(100% - 48px);max-width:1380px;margin:28px auto;padding:clamp(28px,4vw,56px) clamp(20px,4vw,56px);border:3px solid #000;border-radius:10px;font-family:"OMHM Tomorrow",system-ui,sans-serif;font-weight:500;line-height:1.5}
body.om-vipd .vipd-box h2,body.om-vipd .vipd-box h1{margin:0 0 14px;text-align:center}
body.om-vipd .vipd-box p{margin:0 0 14px}
body.om-vipd .vipd-dark{background-color:var(--vipd-ink);color:#fff}
body.om-vipd .vipd-cream{background-color:var(--vipd-cream);color:#1d1412}

/* Hero */
body.om-vipd .vipd-hero{text-align:center}
body.om-vipd .vipd-box .vipd-script{font-family:"OMHM Backline",cursive!important;font-weight:400!important;text-transform:none!important;color:var(--vipd-mint)!important;font-size:clamp(28px,3.4vw,42px);line-height:1.05;margin:0 0 8px;text-wrap:balance}
body.om-vipd .vipd-box .vipd-lead{max-width:40ch;margin:0 auto 10px;font-size:clamp(16px,1.6vw,19px);line-height:1.4;text-wrap:balance}
body.om-vipd .vipd-box .vipd-lead--2{margin-bottom:16px}

/* Buttons (the Merry button values) */
body.om-vipd .vipd-box .vipd-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:10px 0 6px}
body.om-vipd .vipd-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 28px;border:3px solid #000;border-radius:10px;background:var(--vipd-red);color:#fff;font-family:"OMHM Tomorrow",system-ui,sans-serif;font-weight:800;font-size:17px;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;box-shadow:0 0 0 2px rgba(255,255,255,.0)}
body.om-vipd .vipd-dark .vipd-btn{border-color:#000;outline:2px solid rgba(255,255,255,.28);outline-offset:0}
body.om-vipd .vipd-btn:hover{filter:brightness(1.08)}
body.om-vipd .vipd-btn:focus-visible{outline:3px solid var(--vipd-mint);outline-offset:3px}

/* Card grid: one column to 699 px (figure max 440 px, centered), two from 700, three from 1000, four from 1300 */
body.om-vipd .vipd-grid{display:grid;grid-template-columns:1fr;gap:20px;margin:0}
body.om-vipd .vipd-card{margin:0;width:100%;max-width:440px;justify-self:center;text-align:center}
body.om-vipd .vipd-card img{display:block;width:100%;height:auto;aspect-ratio:4/5;border-radius:10px}
body.om-vipd .vipd-card figcaption{display:flex;flex-direction:column;gap:2px;margin-top:10px;color:#fff;text-align:center}
body.om-vipd .vipd-card figcaption strong{font-family:"OMHM Tomorrow",system-ui,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:15px;line-height:1.25}
body.om-vipd .vipd-card figcaption span{font-weight:400;font-size:15px;line-height:1.35}
@media (min-width:700px){body.om-vipd .vipd-grid{grid-template-columns:repeat(2,1fr)}body.om-vipd .vipd-card{max-width:none}}
@media (min-width:1000px){body.om-vipd .vipd-grid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1300px){body.om-vipd .vipd-grid{grid-template-columns:repeat(4,1fr)}}

/* Good To Know */
body.om-vipd .vipd-know-list{list-style:none;margin:0 auto 10px;padding:0;max-width:820px;display:grid;gap:14px}
body.om-vipd .vipd-know-list li{padding:12px 0;border-bottom:2px solid rgba(0,0,0,.14);font-size:clamp(16px,1.6vw,18px)}
body.om-vipd .vipd-know-list li:last-child{border-bottom:0}
body.om-vipd .vipd-know-list strong{display:block;font-weight:800;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}

@media (max-width:600px){
  body.om-vipd .vipd-box .vipd-lead{font-size:16px}
  body.om-vipd .vipd-box .vipd-script{font-size:30px}
  body.om-vipd .vipd-box{width:calc(100% - 24px);margin:18px auto;padding-left:16px;padding-right:16px}
  body.om-vipd .vipd-btn{width:100%}
}