/* Batch 20 layout. Loads after artistic-batch19. Two groups:
   1 Your People box (Holiday, #story-walk) gets the same red strip and reduced fill as A Place To Belong,
   2 About lead frame and extra bands, Shopping Guide entrance photos. */

/* ---------- 1. Your People. Your Holiday Tradition. box ---------- */
html.omhm-holiday #ten-years.held-founder-story .held-story-close,
html.omhm-holiday #ten-years.held-founder-story #story-walk{border:3px solid #ef2435!important;border-radius:12px!important;background:rgba(8,8,8,.7)!important;box-shadow:0 8px 20px rgba(0,0,0,.35)!important}

/* ---------- 2a. About: lead portrait in section 1, extra bands ---------- */
.ab15 .ab15-band--lead{padding:clamp(24px,3vw,44px) 0 clamp(8px,2vw,24px)}
.ab15 .ab15-band--lead .ab15-frame{flex:0 1 clamp(220px,30%,380px)}
.ab15 .ab15-band--b20{padding-top:clamp(20px,3vw,40px)}
@media(max-width:780px){.ab15 .ab15-band--lead .ab15-frame{flex:0 1 min(78%,320px)}}

/* ---------- 2b. Shopping Guide: entrance photos under Know before you go ---------- */
.gd20-entrance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2.4vw,32px);max-width:1120px;margin:0 auto clamp(32px,5vw,64px);padding:0 4px}
.gd20-photo{margin:0;border:3px solid #ef2435;border-radius:12px;overflow:hidden;background:#090909;box-shadow:8px 8px 0 #0006}
.gd20-photo:nth-child(odd){transform:rotate(-1.6deg)}
.gd20-photo:nth-child(even){transform:rotate(1.6deg) translateY(10px)}
.gd20-photo picture,.gd20-photo img{display:block;width:100%;height:auto}
.gd20-photo img{aspect-ratio:3/4;object-fit:cover}
@media(max-width:700px){.gd20-entrance{grid-template-columns:1fr 1fr}}

/* ================= Batch 22 (2026-10-02) page-by-page review fixes ================= */
/* 1. Home hero heading: three lines (10TH ANNUAL / OHIO MADE / HOLIDAY MARKET), brand name never split. */
@media(min-width:761px){
  body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-split .home-hero-panel h2{font-size:clamp(24px,2.9vw,44px)!important;line-height:1.1!important;letter-spacing:-.01em!important;text-wrap:balance}
}
@media(max-width:760px){
  body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-split .home-hero-panel h2{font-size:clamp(26px,8.4vw,40px)!important;line-height:1.1!important;letter-spacing:-.01em!important;text-wrap:balance}
}

/* 2. Find Your Kind carousel: intro balanced, active icon 1.4x the rest, rest equal, labels unified. */
body.om-mvp .omhm26-root.omhm26-journey-home .home-product-categories.has-category-carousel header p{max-width:72ch;text-wrap:balance}
body.om-mvp .omhm26-root.omhm26-journey-home .home-product-categories.has-category-carousel .home-category-grid figure:not([data-distance="0"]){transform:translateX(calc(-50% + var(--slot) * 59%)) scale(.714);opacity:.8}
body.om-mvp .omhm26-root.omhm26-journey-home .home-product-categories.has-category-carousel .home-category-grid figure[data-distance="2"]{transform:translateX(calc(-50% + var(--slot) * 53%)) scale(.714);opacity:.8}
body.om-mvp .omhm26-root.omhm26-journey-home .home-product-categories.has-category-carousel .home-category-grid figure[data-distance="3"]{opacity:0}
body.om-mvp .omhm26-root.omhm26-journey-home .home-product-categories.has-category-carousel .home-category-grid figure h3{font-size:clamp(13px,1.2vw,17px);font-weight:700;letter-spacing:0;text-transform:uppercase;color:#fff9f1}
body.om-mvp .omhm26-root.omhm26-journey-home .home-product-categories.has-category-carousel .home-category-grid figure:not([data-distance="0"]) h3{font-size:calc(clamp(13px,1.2vw,17px) / .714)}

/* 3. See you at the CasinOH: heading column starts at the first accordion row. */
.casinoh .casinoh-head{align-self:start}

/* 4. Plan your visit: wreath stays inside the frame. */
body.om-mvp .journey-home-plan-bar>.journey-home-plan-actions{flex-direction:column;align-items:center;min-height:0;max-height:100%}
body.om-mvp .journey-home-plan-bar>.journey-home-plan-actions::after{max-width:100%;max-height:160px;height:auto;object-fit:contain}

/* 6. Tickets: children note is the first item of the one notes strip. */
body.om-mvp .ticket-notes .ticket-children{margin:0 auto 6px!important;max-width:62ch!important;font-size:16px!important;line-height:1.55!important;text-align:center!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}

/* 7. Shopping Guide: equal visit cards, past-market photos use the red site frame. */
.editorial-visit{align-items:stretch}
.editorial-history figure{border:3px solid #ef2435;border-radius:12px;overflow:hidden;box-shadow:8px 8px 0 #0006}

/* 8. FAQ: help chips live inside the CTA strip. */
body.om-mvp .journey-faq-crosslinks{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px}
body.om-mvp .journey-faq-crosslinks .journey-support-links{flex:1 0 100%;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:8px 0 0;padding-top:20px;border-top:1px solid #ffffff38}

/* 10. Holiday hero: right pair 40px further right, upper cards above lower so captions read, captions wrap, bottom cards share a top. */
@media(min-width:761px){
  html.omhm-holiday #hero .hm9-frame-2{right:calc(7% - 40px)!important}
  html.omhm-holiday #hero .hm9-frame-4{right:calc(11% - 40px)!important}
  html.omhm-holiday #hero .hm9-frame-1,html.omhm-holiday #hero .hm9-frame-2{z-index:3}
  html.omhm-holiday #hero .hm9-frame-3,html.omhm-holiday #hero .hm9-frame-4{z-index:2}
}
html.omhm-holiday #hero .hm9-frame figcaption{height:auto;min-height:9%;white-space:normal;overflow-wrap:anywhere;text-wrap:balance}
@media(min-width:1024px){
  html.omhm-holiday #hero .hero-list,html.omhm-holiday #hero .hero-meta{top:auto!important;bottom:14px!important;height:116px;box-sizing:border-box;display:flex!important;flex-direction:column;justify-content:center}
}

/* 11. About: the last photo band clears the footer. */
.ab15 #about-oh10{padding-bottom:var(--ab-gap)}
@media(max-width:760px){
  body.om-mvp .omhm26-root.omhm26-journey-home .home-product-categories.has-category-carousel .home-category-grid figure:not([data-distance="0"]){transform:translateX(calc(-50% + var(--slot) * 66%)) scale(.714)}
  body.om-mvp .omhm26-root.omhm26-journey-home .home-product-categories.has-category-carousel .home-category-grid figure[data-distance="2"]{transform:translateX(calc(-50% + var(--slot) * 66%)) scale(.714)}
  body.om-mvp .omhm26-root.omhm26-journey-home .home-product-categories.has-category-carousel .category-panel-controls{grid-template-columns:1fr 1fr!important}
  body.om-mvp .omhm26-root.omhm26-journey-home .home-product-categories.has-category-carousel .category-panel-controls span{order:3;grid-column:1/-1!important;grid-row:2!important;text-align:center}
  body.om-mvp .omhm26-root.omhm26-journey-home .home-product-categories.has-category-carousel .category-panel-controls button{white-space:nowrap;padding-inline:12px!important}
  body.om-mvp .omhm26-root.omhm26-journey-home .home-product-categories.has-category-carousel .category-panel-controls button:first-of-type{grid-column:1!important}
  body.om-mvp .omhm26-root.omhm26-journey-home .home-product-categories.has-category-carousel .category-panel-controls button:last-of-type{grid-column:2!important}
}
