/* The header/footer are rendered by our own template, so a few block styles
   (notably the search block's label) can load after render and leave
   .screen-reader-text unclipped — blowing out the page width to the right.
   Re-assert the WordPress-standard visually-hidden clip on this page. */
.mw-home-page .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

/* Mallow Homepage Builder — s'mores tokens. Mobile-first. */
.mw-home{
  --graham:#0E0B09; --ink:#422623; --cream:#FEE7B1; --canvas:#FFF3D8; --card:#FFFDF6;
  --border:#E9D6AC; --teal:#0E93A6; --teal-br:#2BC3D8; --rasp:#D9538F; --caramel:#E9B45C;
  --on-dark:#C9B48D; --grey:#8a6a52;
  --radius:16px 19px 15px 20px; --shadow:0 3px 14px rgba(66,38,35,.12);
  background:var(--canvas); color:var(--ink);
  font-family:'Inter',system-ui,sans-serif;
}
.mw-home__wrap{max-width:1120px;margin:0 auto;padding:0 20px}
/* Own our heading colours explicitly — the block theme sets a dark heading
   colour that otherwise wins over inherited cream on the graham zones. */
.mw-home h1,.mw-home h2,.mw-home h3{font-family:'Baloo 2','Inter',sans-serif;color:var(--ink)}
.mw-home__hero h1,.mw-home__single h2{color:var(--cream)}

/* Buttons */
.mw-home .mw-btn{border:0;border-radius:14px 16px 13px 17px;padding:13px 24px;font-family:'Baloo 2';font-weight:700;font-size:16px;cursor:pointer;text-decoration:none;display:inline-block}
.mw-home .mw-btn--buy{background:var(--teal-br);color:#062a30}
.mw-home .mw-btn--sell{background:var(--rasp);color:#fff}

/* Hero */
.mw-home__hero{position:relative;background:var(--graham);color:var(--cream);padding:34px 0 34px}
.mw-home__herogrid{display:grid;grid-template-columns:1fr;gap:24px;align-items:center}
.mw-home__hero h1{font-family:'Baloo 2';font-weight:800;font-size:30px;line-height:1.06;margin:0 0 12px}
.mw-home__herot{color:var(--teal-br)}
.mw-home__hero p{color:var(--on-dark);font-size:15px;margin:0 0 18px;max-width:440px}
.mw-home__cta{display:flex;gap:12px;flex-wrap:wrap}
/* bitten-scallop seam: overlaps the hero's bottom edge (matches v4 mockup) so
   the dark zone ends in scallops, not a thick graham bar. */
.mw-home__heroseam{position:absolute;left:0;right:0;bottom:-1px;line-height:0}
/* Right panel: two 3:4 game-case cards, each rotating through the pool */
.mw-home__heropanel2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mw-home__heroslot{display:grid}
.mw-home__herocard{grid-area:1/1;display:block;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;text-decoration:none;color:var(--ink);opacity:0;pointer-events:none;transition:opacity .6s ease}
.mw-home__herocard.is-on{opacity:1;pointer-events:auto}
.mw-home__herocardart{display:block;aspect-ratio:3/4;background:#e9d6ac center/cover no-repeat}
.mw-home__herocardname{display:block;font-family:'Baloo 2';font-weight:700;color:var(--ink);font-size:13px;line-height:1.15;padding:8px 10px 0}
.mw-home__herocardprice{display:block;font-family:'Baloo 2';font-weight:800;color:var(--teal);padding:2px 10px 10px}
/* Single-image panel (right_mode = image): keep it 3:4 too */
.mw-home__heropanel{display:block;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;text-decoration:none}
.mw-home__heroart{display:block;aspect-ratio:3/4;border-radius:12px 15px 12px 15px;background:#e9d6ac center/cover no-repeat}
.mw-home__heroname{display:block;font-family:'Baloo 2';font-weight:700;color:var(--ink);font-size:17px;margin-top:8px}
.mw-home__heroprice{display:block;font-family:'Baloo 2';font-weight:800;color:var(--teal)}
@media(min-width:820px){.mw-home__herogrid{grid-template-columns:1.15fr .85fr}.mw-home__hero h1{font-size:42px}}

/* Button row */
.mw-home__btnrow{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0}
.mw-home__plat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:76px;background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);font-family:'Baloo 2';font-weight:700;color:var(--ink);font-size:14px;text-decoration:none}
.mw-home__platic{width:28px;height:28px;border-radius:8px;background:var(--teal-br)}
.mw-home__platic--img{width:38px;height:38px;border-radius:8px;background-color:transparent;background-size:contain;background-position:center;background-repeat:no-repeat}
@media(min-width:700px){.mw-home__btnrow{grid-template-columns:repeat(5,1fr)}}

/* Banner / promo */
.mw-home__promos{margin:22px 0;display:grid;grid-template-columns:1fr;gap:14px}
.mw-home__promo{display:block;border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:none}
.mw-home__promoinner{padding:16px 20px;display:flex;align-items:center;gap:16px}
.mw-home__promoinner--left{justify-content:flex-start}
.mw-home__promoinner--center{justify-content:center}
.mw-home__promoinner--right{justify-content:flex-end}
.mw-home__promoinner--center .mw-home__promotext{text-align:center}
.mw-home__promoinner--right .mw-home__promotext{text-align:right}
.mw-home__promo--caramel{background:linear-gradient(100deg,var(--caramel),#f0c877)}
.mw-home__promo--raspberry{background:linear-gradient(100deg,var(--rasp),#e57aa8)}
.mw-home__promo--teal{background:linear-gradient(100deg,var(--teal),#3fb7c9)}
.mw-home__promo--image{overflow:hidden;line-height:0}
.mw-home__promoimg{display:block;width:100%;height:auto;border-radius:var(--radius)}
.mw-home__blob{color:#fff;font-family:'Baloo 2';font-weight:800;font-size:13px;padding:8px 14px;border-radius:14px 17px 13px 16px;transform:rotate(-4deg);white-space:nowrap;background:rgba(0,0,0,.28)}
.mw-home__promotext{display:flex;flex-direction:column}
.mw-home__promobt{font-family:'Baloo 2';font-weight:800;font-size:clamp(20px,2.4vw,25px);line-height:1.15;color:#3a2410}
.mw-home__promo--raspberry .mw-home__promobt{color:#4a0d29}
.mw-home__promobs{font-size:12px;color:#6a4a20}
.mw-home__promo--raspberry .mw-home__promobs{color:#6d1743}

/* Single Action */
.mw-home__single{position:relative;background:var(--graham);color:var(--cream);border-radius:var(--radius);overflow:hidden;padding:26px 26px 34px;margin:22px 0}
.mw-home__singlerow{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.mw-home__single h2{font-size:24px;font-weight:800;margin:0 0 5px}
.mw-home__single p{color:var(--on-dark);margin:0;max-width:520px}
.mw-home__singlecta{flex:none}
.mw-home__singleseam{position:absolute;left:0;right:0;bottom:-1px;line-height:0}
@media(min-width:760px){.mw-home__singlerow{flex-direction:row;align-items:center;justify-content:space-between;gap:24px}}

/* Slider */
.mw-home__slider{margin:26px 0}
.mw-home__shead{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}
.mw-home__shead h2{font-size:22px;font-weight:800;margin:0;color:var(--ink)}
.mw-home__sr{display:flex;align-items:center;gap:12px}
.mw-home__seeall{color:var(--teal);font-weight:700;font-size:14px;text-decoration:none}
.mw-home__arrows{display:flex;gap:6px}
.mw-home__arw{width:34px;height:34px;border-radius:9px;border:1.5px solid var(--border);background:var(--card);color:var(--ink);font-family:'Baloo 2';font-weight:800;font-size:18px;line-height:1;cursor:pointer;box-shadow:var(--shadow)}
.mw-home__row{display:grid;grid-auto-flow:column;grid-auto-columns:46%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px}
.mw-home__row::-webkit-scrollbar{height:0}
@media(min-width:560px){.mw-home__row{grid-auto-columns:30%}}
@media(min-width:900px){.mw-home__row{grid-auto-columns:19%}}

/* Spotlight: tall feature + games grid (side = left|right) */
.mw-home__feature{display:grid;grid-template-columns:1fr;gap:22px;margin:30px 0}
/* Spotlight slider: ONE big rotating cover that fills the panel (CONTAINED so
   it still reads as a game case), name/price overlaid at the bottom, dots to
   rotate. */
.mw-home__bigfeat{position:relative;min-height:540px;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;background:var(--graham)}
.mw-home__bigtrack{display:flex;height:100%;min-height:540px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.mw-home__bigtrack::-webkit-scrollbar{height:0}
.mw-home__bigslide{position:relative;flex:0 0 100%;scroll-snap-align:start;min-width:0;text-decoration:none;color:var(--cream)}
.mw-home__bigfeatcover{position:absolute;inset:0;padding:12px 2px 56px}
.mw-home__bigfeatimg{display:block;width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;filter:drop-shadow(0 10px 22px rgba(0,0,0,.55))}
.mw-home__bigfeatz{position:absolute;left:0;right:0;bottom:0;padding:44px 20px 20px;background:linear-gradient(180deg,rgba(14,11,9,0),rgba(14,11,9,.92))}
.mw-home__bigfeatlbl{display:block;font-family:'Baloo 2';font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--caramel)}
.mw-home__bigfeatname{display:block;font-family:'Baloo 2';font-weight:800;font-size:26px;margin:6px 0 4px;color:var(--cream)}
.mw-home__bigfeatpr{display:block;font-family:'Baloo 2';font-weight:800;color:var(--teal-br);font-size:22px}
.mw-home__bigdots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:7px;z-index:2}
.mw-home__bigdot{width:9px;height:9px;border-radius:50%;border:0;padding:0;background:#4a3a2c;cursor:pointer}
.mw-home__bigdot.is-on{background:var(--caramel)}
.mw-home__arrivals{background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}
.mw-home__arrivals h3{font-family:'Baloo 2';font-weight:800;font-size:20px;margin:2px 4px 12px;color:var(--ink)}
.mw-home__agrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mw-home__acard{display:block;background:var(--canvas);border-radius:12px 14px 11px 13px;overflow:hidden;text-decoration:none;color:var(--ink)}
.mw-home__acardart{display:block;aspect-ratio:3/4;background:#efe0c2 center/cover no-repeat}
.mw-home__acardb{display:block;padding:7px 9px 9px}
.mw-home__acardn{display:block;font-family:'Baloo 2';font-weight:700;font-size:12px;line-height:1.15;color:var(--ink)}
.mw-home__acardp{display:block;font-family:'Baloo 2';font-weight:800;color:var(--teal);font-size:13px}
@media(min-width:820px){
  .mw-home__feature{grid-template-columns:.9fr 1.1fr}
  .mw-home__feature--right{grid-template-columns:1.1fr .9fr}
  .mw-home__feature--right .mw-home__bigfeat{order:2}
  .mw-home__feature--right .mw-home__arrivals{order:1}
}

/* Trust row */
.mw-home__trust{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.mw-home__trustitem{display:flex;align-items:center;gap:12px;background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}
.mw-home__trustic{width:34px;height:34px;flex:none;border-radius:9px;background-size:contain;background-position:center;background-repeat:no-repeat}
.mw-home__trustic--dot{background:var(--teal-br)}
.mw-home__trusttext{display:flex;flex-direction:column;min-width:0}
.mw-home__trustlabel{font-family:'Baloo 2';font-weight:700;color:var(--ink);font-size:14px;line-height:1.15}
.mw-home__trustsub{font-size:12px;color:var(--grey)}
@media(min-width:820px){.mw-home__trust{grid-template-columns:repeat(4,1fr)}}

/* Sister brands — brand logo/banner shown CONTAINED (never cropped) on a
   brand-coloured band, with an optional tagline. */
.mw-home__sisters{display:grid;grid-template-columns:1fr;gap:14px;margin:30px 0}
.mw-home__band{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:150px;padding:20px;border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:none;overflow:hidden}
.mw-home__band--a{background:linear-gradient(120deg,#422623,#5a352f)}
.mw-home__band--b{background:linear-gradient(120deg,#8f1d18,#c0392b)}
.mw-home__bandimg{display:block;max-width:82%;max-height:80px;object-fit:contain}
/* When a band has an image, it fills the whole banner (cover); the label overlays
   on a subtle scrim for legibility. Bands with no image keep the gradient + logo. */
.mw-home__band--img .mw-home__bandimg{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;z-index:0}
.mw-home__band--img::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,0) 55%);z-index:1;pointer-events:none}
.mw-home__band--img .mw-home__bandlabel{position:relative;z-index:2}
.mw-home__bandlabel{font-family:'Baloo 2';font-weight:800;font-size:16px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);text-align:center;letter-spacing:.02em}
@media(min-width:700px){.mw-home__sisters{grid-template-columns:1fr 1fr}}

/* Product card */
.mw-home .mw-card{scroll-snap-align:start;display:block;background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;position:relative;text-decoration:none;color:var(--ink)}
.mw-home .mw-card__art{display:block;aspect-ratio:3/4;background:#efe0c2 center/cover no-repeat}
.mw-home .mw-card__b{display:block;padding:9px 11px 12px}
.mw-home .mw-card__n{display:block;font-family:'Baloo 2';font-weight:700;font-size:13px;line-height:1.15}
.mw-home .mw-card__c{display:block;font-size:11px;color:var(--grey);margin:1px 0 5px}
.mw-home .mw-card__p{display:block;font-family:'Baloo 2';font-weight:800;color:var(--teal)}
.mw-home .mw-card__old{color:#b08a6a;text-decoration:line-through;font-size:11px;margin-right:5px}
.mw-home .mw-card__sale{position:absolute;top:8px;left:8px;background:var(--rasp);color:#fff;font-family:'Baloo 2';font-weight:800;font-size:12px;padding:4px 9px;border-radius:11px 13px 10px 12px;transform:rotate(-5deg);z-index:1}

/* ---- Phase 2 blocks ---- */
/* Two-column sliders: each column is a normal .mw-home__slider (autoplay via JS) */
.mw-home__twocol{display:grid;grid-template-columns:1fr;gap:24px;margin:26px 0}
.mw-home__twocol .mw-home__slider{margin:0}
.mw-home__twocol .mw-home__shead h3{font-family:'Baloo 2';font-weight:800;font-size:19px;margin:0;color:var(--ink)}
.mw-home__twocol .mw-home__row{grid-auto-columns:47%}
@media(min-width:760px){.mw-home__twocol{grid-template-columns:1fr 1fr}}

/* Image tiles */
.mw-home__tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}
@media(min-width:640px){.mw-home__tiles--3{grid-template-columns:repeat(3,1fr)}.mw-home__tiles--4{grid-template-columns:repeat(4,1fr)}}
.mw-home__tile{position:relative;aspect-ratio:1/1;display:flex;align-items:flex-end;border-radius:var(--radius);overflow:hidden;border:1.5px solid var(--border);box-shadow:var(--shadow);background:var(--cream) center/cover no-repeat;text-decoration:none}
.mw-home__tile::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0) 55%);z-index:1;pointer-events:none}
.mw-home__tilelbl{position:relative;z-index:2;width:100%;padding:12px 14px;font-family:'Baloo 2';font-weight:800;font-size:17px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.55)}

/* Rich text / heading */
.mw-home__rich{margin:30px 0}
.mw-home__rich--center{text-align:center}.mw-home__rich--right{text-align:right}
.mw-home__richeb{display:block;font-family:'Baloo 2';font-weight:800;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--caramel);margin-bottom:6px}
.mw-home__rich h2{font-family:'Baloo 2';font-weight:800;font-size:clamp(24px,3vw,32px);line-height:1.1;margin:0 0 10px;color:var(--ink)}
.mw-home__rich p{max-width:640px;color:var(--grey);font-size:15.5px;line-height:1.7;margin:0}
.mw-home__rich--center p{margin-left:auto;margin-right:auto}
/* headline colour markers (shared with rich banner) */
.mw-home .mw-rb__c-p{color:var(--rasp)}.mw-home .mw-rb__c-t{color:var(--teal-br)}.mw-home .mw-rb__c-d{color:var(--graham)}.mw-home .mw-rb__c-c{color:var(--cream)}

/* Double-high banner */
.mw-home__dbanner{position:relative;overflow:hidden;border-radius:22px 26px 20px 24px;min-height:300px;display:flex;align-items:center;margin:26px 0}
.mw-home__dbanner--graham{background:var(--graham)}.mw-home__dbanner--caramel{background:var(--caramel)}
.mw-home__dbanner--raspberry{background:var(--rasp)}.mw-home__dbanner--teal{background:var(--teal)}
.mw-home__dbinner{position:relative;z-index:2;padding:34px 38px;max-width:560px}
.mw-home__dbblob{display:inline-block;background:var(--caramel);color:#3a2408;font-family:'Baloo 2';font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:11px 13px 10px 12px;transform:rotate(-2deg);margin-bottom:14px}
.mw-home__dbh{font-family:'Baloo 2';font-weight:800;font-size:clamp(26px,4vw,42px);line-height:1.05;margin:0 0 12px;color:var(--cream)}
.mw-home__dbsub{color:var(--on-dark);font-size:15.5px;line-height:1.6;margin:0 0 20px;max-width:420px}
.mw-home__dbcta{display:inline-block;background:var(--teal-br);color:#062a30;font-family:'Baloo 2';font-weight:800;font-size:16px;padding:13px 26px;border-radius:14px 16px 13px 17px;text-decoration:none}
.mw-home__dbmascot{position:absolute;bottom:0;right:22px;width:230px;max-width:38%;height:88%;background:center bottom/contain no-repeat;z-index:1;pointer-events:none}
.mw-home__dbanner--mleft .mw-home__dbmascot{right:auto;left:22px}
.mw-home__dbanner--mleft .mw-home__dbinner{margin-left:auto;text-align:right}
/* legible on light/coloured grounds */
.mw-home__dbanner--caramel .mw-home__dbh{color:var(--ink)}.mw-home__dbanner--caramel .mw-home__dbsub{color:#6a4a1a}
.mw-home__dbanner--caramel .mw-home__dbblob{background:var(--graham);color:var(--cream)}
.mw-home__dbanner--teal .mw-home__dbh,.mw-home__dbanner--raspberry .mw-home__dbh{color:#fff}
.mw-home__dbanner--teal .mw-home__dbsub,.mw-home__dbanner--raspberry .mw-home__dbsub{color:rgba(255,255,255,.9)}
.mw-home__dbanner--teal .mw-home__dbcta,.mw-home__dbanner--raspberry .mw-home__dbcta{background:var(--cream);color:var(--ink)}
@media(max-width:640px){.mw-home__dbmascot{display:none}.mw-home__dbinner{max-width:none;padding:26px 22px}}