/* mhs-p4 v4 (review cards), v3 (hero cutouts), v2 (phone rating chip fits) homepage layout from the approved mockup, 2026-11-06. Loaded by Home Header Code. */
/* shared */
html body #mhx .p4-rh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 18px}
html body #mhx .p4-rh h2{margin:0;font:800 32px/1.08 Montserrat,-apple-system,sans-serif;letter-spacing:-.03em;color:#1d1d1f;text-align:left}
html body #mhx .p4-rh p{margin:4px 0 0;font:500 15px/1.5 Montserrat,-apple-system,sans-serif;color:#5f5f64}
html body #mhx .p4-rh>a{font:700 14px Montserrat,-apple-system,sans-serif;color:#a63f0c;white-space:nowrap;text-decoration:none}
html body #mhx .p4-eb{display:block;font:800 12px Montserrat,-apple-system,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#a63f0c;margin:0 0 6px}
html body #mhx .p4-g{background:linear-gradient(90deg,#e8612c,#f29428 55%,#f8ce27);-webkit-background-clip:text;background-clip:text;color:transparent}
html body #mhx .p4-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border-radius:99px;font:700 15px Montserrat,-apple-system,sans-serif;white-space:nowrap;text-decoration:none;border:0;cursor:pointer}
html body #mhx .p4-pri{background:#f29428;color:#1d1d1f;box-shadow:0 10px 22px -10px rgba(242,148,40,.7)}
html body #mhx .p4-gh{background:#fff;color:#1d1d1f;border:1px solid #e7e5e1}
html body #mhx .p4-pill{display:inline-block;font:800 11px Montserrat,-apple-system,sans-serif;letter-spacing:.03em;padding:3px 8px;border-radius:99px;background:linear-gradient(135deg,#f29428,#f8ce27);color:#1d1d1f}
/* hero */
html body #mhx header.hero.p4h{display:grid!important;grid-template-columns:1.1fr 1fr!important;grid-auto-flow:row;column-gap:40px!important;row-gap:0!important;align-items:center!important;justify-items:start!important;text-align:left!important;max-width:1120px!important;margin:0 auto!important;padding:34px 24px 30px!important;min-height:0!important;height:auto!important;position:relative!important;overflow:visible!important}
html body #mhx header.hero.p4h>*{grid-column:1;justify-self:start;margin-left:0!important;margin-right:0!important;position:relative;z-index:1}
html body #mhx header.hero.p4h #mhs-us,html body #mhx header.hero.p4h #t-quiz,html body #mhx header.hero.p4h a.wa .v5r{display:none!important}
html body #mhx header.hero.p4h .p4-dots{position:absolute;inset:-10px -40px 0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(232,97,44,.2) 1.4px,transparent 1.8px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 70% 40%,#000 15%,transparent 75%);mask-image:radial-gradient(ellipse 60% 70% at 70% 40%,#000 15%,transparent 75%)}
html body #mhx header.hero.p4h .p4-glow{position:absolute;width:600px;height:600px;left:-260px;top:-220px;z-index:0;pointer-events:none;border-radius:50%;background:radial-gradient(closest-side,rgba(248,206,39,.35),transparent)}
html body #mhx header.hero.p4h h1{font-size:62px!important;line-height:1.02!important;letter-spacing:-.03em!important;text-align:left!important;margin:16px 0 0!important;max-width:none!important}
html body #mhx header.hero.p4h h1 span{display:inline!important}
html body #mhx header.hero.p4h #t-sub{text-align:left!important;margin:16px 0 0!important;font-size:18px!important;max-width:52ch!important}
html body #mhx header.hero.p4h .cta{justify-content:flex-start!important;margin:24px 0 0!important;gap:12px!important;display:flex!important;flex-wrap:wrap}
html body #mhx header.hero.p4h a.wa{margin:16px 0 0!important}
html body #mhx header.hero.p4h a.wa .mhs-p3-h{display:none!important}html body #mhx header.hero.p4h a.wa .v5n::after{content:" \00B7  1,230 hotels";font-weight:700;color:#1d1d1f}
html body #mhx header.hero.p4h .p4-box{grid-column:2;grid-row:1/span 7;justify-self:stretch;align-self:center;border-radius:24px;background:linear-gradient(135deg,#fff1de,#fff 70%);border:1px solid #f6dcb8;padding:24px;display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;box-shadow:0 24px 44px -28px rgba(120,60,10,.45)}
html body #mhx .p4-box .im{height:150px;border-radius:14px;background:linear-gradient(135deg,#fde9cf,#f3f1ee);display:flex;align-items:center;justify-content:center;overflow:hidden}
html body #mhx .p4-box .im img{max-width:92%;max-height:92%;object-fit:contain}
html body #mhx .p4-box b{display:block;margin-top:8px;font:800 20px/1.25 Montserrat,-apple-system,sans-serif;letter-spacing:-.02em;color:#1d1d1f}
html body #mhx .p4-box p{margin:6px 0 12px;font:500 14px/1.5 Montserrat,-apple-system,sans-serif;color:#5f5f64}
html body #mhx .p4-box .p4-btn{min-height:44px}
/* retired blocks: switch-and-save calculator and the old reorder section (replaced by the quote card and Order your way) */
html body #mhx #mh-save22,html body #mhx #reorder{display:none!important}
html body #mhx .p4-rh h2.p4-big{font-size:44px}
/* shop + best sellers */
html body #mhx #shop>.head,html body #mhx #products>.head,html body #mhx #products>.pbar,html body #mhx #products>.more,html body #mhx #mhs-pnav>span{display:none!important}
html body #mhx #shop .logos{justify-content:flex-start!important}
/* on sale */
html body #mhx #mhs-sale{padding:0 0 56px}
html body #mhx .p4-prods{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
html body #mhx .p4-pc{position:relative;border:1px solid #e7e5e1;border-radius:16px;padding:12px;background:#fff;display:flex;flex-direction:column}
html body #mhx .p4-pc .ph{height:110px;border-radius:12px;background:#f5f5f7;display:flex;align-items:center;justify-content:center;overflow:hidden}
html body #mhx .p4-pc .ph img{max-width:90%;max-height:90%;object-fit:contain;mix-blend-mode:multiply}
html body #mhx .p4-pc .sl{position:absolute;top:10px;left:10px;z-index:1;font:800 11px Montserrat,sans-serif;background:#e8612c;color:#fff;padding:3px 8px;border-radius:99px}
html body #mhx .p4-pc .br{font:800 11px Montserrat,sans-serif;color:#86868b;margin-top:10px;letter-spacing:.05em;text-transform:uppercase}
html body #mhx .p4-pc .nm{display:block;font:700 13px/1.3 Montserrat,sans-serif;margin-top:2px;min-height:34px;color:#1d1d1f;text-decoration:none}
html body #mhx .p4-pc .pr{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;font:800 15px Montserrat,sans-serif}
html body #mhx .p4-pc .pr s{font-weight:600;color:#86868b;font-size:12px;margin-left:4px}
html body #mhx .p4-pc .ad{border:0;background:#f29428;border-radius:99px;font:700 13px Montserrat,sans-serif;padding:7px 14px;cursor:pointer;color:#1d1d1f}
/* why */
html body #mhx #why.p4w>*:not(.p4-in){display:none!important}
html body #mhx #why.p4w{padding:56px 0!important;background:linear-gradient(180deg,#fffaf3,#fff)!important;display:block!important}
html body #mhx .p4-revs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
html body #mhx .p4-rc{border:1px solid #e7e5e1;border-radius:18px;padding:18px;background:#fff;font:500 14px/1.5 Montserrat,sans-serif;color:#5f5f64}
html body #mhx .p4-rc b{display:block;color:#1d1d1f;font-size:15px}html body #mhx .p4-rc i{font-style:normal;color:#f5b301;font-size:13px;letter-spacing:1px}html body #mhx .p4-rc p{margin:8px 0 0}
html body #mhx .p4-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
html body #mhx .p4-trust div{border:1px solid #e7e5e1;border-radius:16px;padding:14px 16px;display:flex;gap:10px;align-items:flex-start;font:500 13px/1.45 Montserrat,sans-serif;color:#5f5f64;background:#fff}
html body #mhx .p4-trust b{display:block;color:#1d1d1f;font-size:14px}html body #mhx .p4-trust svg{width:18px;height:18px;flex:none;color:#a63f0c;margin-top:2px}
html body #mhx .p4-badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px;font:600 13px Montserrat,sans-serif}html body #mhx .p4-badges span{border:1px solid #e7e5e1;border-radius:99px;padding:6px 12px;background:#fff;color:#1d1d1f}
/* switch and save (the quote block) */
html body #mhx #quote.p4q{padding:20px 0 56px!important;background:none!important}
html body #mhx #quote.p4q .quotebox{background:linear-gradient(115deg,#ffe7c7,#fff6ea 55%,#fffdf8)!important;border:1px solid #f6dcb8!important;border-radius:28px!important;padding:40px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:36px!important;align-items:center!important;color:#1d1d1f!important;box-shadow:none!important}
html body #mhx #quote.p4q .quotebox::before,html body #mhx #quote.p4q .quotebox::after{display:none!important}
html body #mhx #quote.p4q .quotebox>div:first-child>*:not(.p4-sw){display:none!important}
html body #mhx #quote.p4q .quotebox>p.mhx-qalt{grid-column:1/-1;color:#5f5f64!important;margin:0!important}html body #mhx #quote.p4q .quotebox>p.mhx-qalt a{color:#a63f0c!important}
html body #mhx #quote.p4q form{background:#fff!important;border-radius:22px!important;padding:24px!important;box-shadow:0 24px 50px -28px rgba(120,60,10,.45)!important}
html body #mhx #quote.p4q form .p4-fh{display:block;margin:0 0 12px;font:800 22px/1.2 Montserrat,sans-serif;letter-spacing:-.02em;color:#1d1d1f}
html body #mhx #quote.p4q form .p4-ft{display:block;margin-top:10px;font:600 13px Montserrat,sans-serif;color:#86868b}
html body #mhx .p4-sw h2{margin:8px 0 0;font:800 44px/1.06 Montserrat,sans-serif;letter-spacing:-.03em;color:#1d1d1f}
html body #mhx .p4-sw .sb{margin:10px 0 0;font:500 17px/1.5 Montserrat,sans-serif;color:#5f5f64;max-width:56ch}
html body #mhx .p4-calc{background:#fff;border:1px solid #e7e5e1;border-radius:18px;padding:18px;margin-top:20px}
html body #mhx .p4-calc .rw{display:flex;justify-content:space-between;font:700 14px Montserrat,sans-serif}
html body #mhx .p4-calc .bx{height:10px;border-radius:9px;background:#eee;margin:7px 0 14px}html body #mhx .p4-calc .bx i{display:block;height:100%;border-radius:9px}
html body #mhx .p4-calc .kp{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #e7e5e1;padding-top:10px;font:700 14px Montserrat,sans-serif}html body #mhx .p4-calc .kp b{font-size:28px;color:#1f8a4c}
html body #mhx .p4-sw .nt{font:500 13px/1.5 Montserrat,sans-serif;color:#5f5f64;margin:10px 0 0}html body #mhx .p4-sw .nt a{color:#a63f0c;font-weight:700;text-decoration:underline;cursor:pointer}
/* promise */
html body #mhx #no-nonsense.p4n{display:block!important;padding:20px 0 56px!important;background:linear-gradient(180deg,#fff,#fffaf3)!important}
html body #mhx #no-nonsense.p4n>*:not(.p4-in){display:none!important}
html body #mhx .p4-n h2{margin:0;font:800 44px/1.06 Montserrat,sans-serif;letter-spacing:-.03em;color:#1d1d1f}
html body #mhx .p4-n .sb{margin:10px 0 0;font:500 17px/1.5 Montserrat,sans-serif;color:#5f5f64}
html body #mhx .p4-prom{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;margin-top:28px;align-items:stretch}
html body #mhx .p4-cmp{border:1px solid #e7e5e1;border-radius:20px;overflow:hidden;background:#fff}
html body #mhx .p4-cmp .r{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e7e5e1;font:500 14px/1.45 Montserrat,sans-serif}
html body #mhx .p4-cmp .r:first-child{border-top:0;font-size:12px;font-weight:800;letter-spacing:.06em;color:#86868b;text-transform:uppercase}
html body #mhx .p4-cmp .r div{padding:12px 16px}html body #mhx .p4-cmp .r div:first-child{color:#5f5f64}html body #mhx .p4-cmp .r div:last-child{font-weight:700;color:#1d1d1f}
html body #mhx .p4-gu{border-radius:20px;background:linear-gradient(160deg,#fff1de,#fff);border:1px solid #f6dcb8;padding:24px;display:flex;flex-direction:column;gap:14px}
html body #mhx .p4-gu img{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:50% 18%;background:linear-gradient(135deg,#f29428,#f8ce27)}
html body #mhx .p4-gu q{font:italic 700 18px/1.4 Montserrat,sans-serif;color:#1d1d1f;quotes:"\201C" "\201D"}
html body #mhx .p4-gu small{font:600 13px Montserrat,sans-serif;color:#5f5f64}
/* order your way */
html body #mhx #mhs-ways{padding:0 0 40px}
html body #mhx .p4-ow{display:grid;grid-template-columns:auto repeat(4,1fr);gap:12px;align-items:center;border:1px solid #e7e5e1;border-radius:22px;padding:18px 20px;background:#f5f5f7}
html body #mhx .p4-ow h3{margin:0 10px 0 0;font:800 20px Montserrat,sans-serif;letter-spacing:-.02em;white-space:nowrap;color:#1d1d1f}
html body #mhx .p4-ow a{background:#fff;border-radius:14px;padding:12px 14px;display:flex;gap:10px;align-items:center;text-decoration:none;color:#1d1d1f;transition:transform .2s}html body #mhx .p4-ow a:hover{transform:translateY(-1px)}
html body #mhx .p4-ow a svg{width:20px;height:20px;flex:none;color:#a63f0c}
html body #mhx .p4-ow b{display:block;font:700 14px Montserrat,sans-serif}html body #mhx .p4-ow span span{font:500 13px Montserrat,sans-serif;color:#5f5f64}
/* marketplace (light, listing cards) */
html body #mhx #mhs-mkt.p4m .mk{background:none!important;color:#1d1d1f!important;padding:20px 0!important;border-radius:0!important;grid-template-columns:1.05fr 1fr!important;gap:48px!important;overflow:visible!important}
html body #mhx #mhs-mkt.p4m .mk::before{display:none!important}
html body #mhx #mhs-mkt.p4m h2{color:#1d1d1f!important}html body #mhx #mhs-mkt.p4m p{color:#5f5f64!important}
html body #mhx #mhs-mkt.p4m .ln2{color:#1d1d1f!important;border-color:#e7e5e1!important;background:#fff}
html body #mhx #mhs-mkt.p4m .ey{background:none!important;padding:0!important;color:#a63f0c!important;height:auto!important;gap:8px}
html body #mhx .p4-stk{position:relative;height:330px}
html body #mhx .p4-lc{position:absolute;width:290px;border-radius:20px;background:rgba(255,255,255,.9);border:1px solid #fff;box-shadow:0 20px 44px -20px rgba(120,60,10,.35);overflow:hidden}
html body #mhx .p4-lc .im{height:92px;background:linear-gradient(135deg,#fff1de,#f5f5f7);display:flex;align-items:center;justify-content:center}html body #mhx .p4-lc.c1 .im{justify-content:flex-start;padding-left:14px}html body #mhx .p4-lc .im span{background:#fff;border-radius:99px;padding:6px 13px;font:800 13px Montserrat,sans-serif}
html body #mhx .p4-lc .bd{padding:12px 16px 16px}html body #mhx .p4-lc .c{font:600 13px Montserrat,sans-serif;color:#6e6e73}
html body #mhx .p4-lc .bl{height:10px;border-radius:6px;background:#e7e7ea;filter:blur(3px);margin-top:9px}
html body #mhx .p4-lc .lk{display:inline-flex;margin-top:12px;font:700 13px Montserrat,sans-serif;background:#1d1d1f;color:#fff;padding:7px 12px;border-radius:99px}
html body #mhx .p4-lc.c1{left:0;top:20px;transform:rotate(-4deg)}html body #mhx .p4-lc.c2{left:150px;top:0;z-index:2}html body #mhx .p4-lc.c3{left:240px;top:110px;transform:rotate(4deg);z-index:3}
html body #mhx .p4-sold{position:absolute;left:10px;bottom:-6px;z-index:4;background:#fff;border:1px solid #e7e5e1;border-radius:14px;padding:10px 14px;font:700 13px Montserrat,sans-serif}html body #mhx .p4-sold i{color:#1f8a4c;font-style:normal}
/* guides */
html body #mhx #mhs-guides{display:block!important}
html body #mhx #mhs-guides .top{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;text-align:left!important}
html body #mhx #mhs-guides .top p.sub,html body #mhx #mhs-guides .top a[href="/aboutus"]{display:none!important}
html body #mhx #mhs-guides .top a.pl.o{background:none!important;box-shadow:none!important;color:#a63f0c!important;padding:0!important;min-height:0!important}
/* tablet */
@media (max-width:980px){html body #mhx .p4-prods{grid-template-columns:repeat(3,1fr)}html body #mhx .p4-trust{grid-template-columns:repeat(2,1fr)}html body #mhx .p4-ow{grid-template-columns:repeat(2,1fr)}html body #mhx .p4-ow h3{grid-column:1/-1}}
/* phones */
@media (max-width:760px){
html body #mhx header.hero.p4h{grid-template-columns:minmax(0,1fr)!important;padding:18px 18px 10px!important}html body #mhx header.hero.p4h>*{max-width:100%}html body #mhx header.hero.p4h a.wa .v5n{font-size:0!important}html body #mhx header.hero.p4h a.wa .v5n::after{font-size:12px;content:"36 reviews \00B7  1,230 hotels"}
html body #mhx header.hero.p4h .p4-box{grid-column:1;grid-row:auto;grid-template-columns:70px 1fr;padding:14px;gap:12px;margin-top:18px}
html body #mhx header.hero.p4h .p4-box .im{height:70px}html body #mhx header.hero.p4h .p4-box p{display:none}html body #mhx header.hero.p4h .p4-box b{font-size:16px}html body #mhx header.hero.p4h .p4-box .p4-btn{min-height:40px;font-size:13px;padding:0 14px}
html body #mhx header.hero.p4h h1{font-size:34px!important;margin-top:12px!important}
html body #mhx header.hero.p4h #t-sub{font-size:15px!important;margin-top:10px!important}
html body #mhx header.hero.p4h .cta{display:grid!important;grid-template-columns:1fr 1fr;width:100%;margin-top:16px!important;gap:10px!important}
html body #mhx header.hero.p4h .cta>*{width:auto!important;min-height:48px!important;padding:0 10px!important}
html body #mhx header.hero.p4h a.wa{font-size:12px!important;max-width:100%}
html body #mhx header.hero.p4h .p4-dots{-webkit-mask-image:radial-gradient(ellipse 80% 50% at 80% 20%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse 80% 50% at 80% 20%,#000 10%,transparent 70%)}
html body #mhx .p4-rh h2,html body #mhx .p4-rh h2.p4-big{font-size:26px}html body #mhx .p4-rh{flex-wrap:wrap}html body #mhx .p4-rh>a{font-size:13px}
html body #mhx .p4-prods{grid-template-columns:repeat(2,1fr)}html body #mhx .p4-prods .p4-pc:nth-child(n+5){display:none}
html body #mhx #why.p4w{padding:40px 0!important}
html body #mhx .p4-revs{grid-template-columns:1fr}html body #mhx .p4-revs .p4-rc:nth-child(n+2){display:none}
html body #mhx #quote.p4q .quotebox{grid-template-columns:1fr!important;padding:22px!important;gap:20px!important}
html body #mhx .p4-sw h2,html body #mhx .p4-n h2{font-size:30px}html body #mhx .p4-sw .sb,html body #mhx .p4-n .sb{font-size:15px}
html body #mhx .p4-prom{grid-template-columns:1fr}html body #mhx .p4-cmp{display:none}
html body #mhx .p4-ow{grid-template-columns:1fr 1fr;padding:14px}
html body #mhx #mhs-mkt.p4m .mk{grid-template-columns:1fr!important;gap:24px!important}
html body #mhx .p4-stk{height:auto;display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}html body #mhx .p4-lc{position:relative;flex:0 0 210px;transform:none!important;left:auto!important;top:auto!important}html body #mhx .p4-sold{display:none}
html body #mhx #mhs-guides .cards a.card:nth-child(n+2){display:none!important}
}
/* v3: hero product cutouts around the sample box card (desktop and tablet) */
html body #mhx header.hero.p4h .p4-art{grid-column:2;grid-row:1/span 7;justify-self:stretch;align-self:center;position:relative;min-height:440px;display:flex;align-items:center;justify-content:center;z-index:1}
html body #mhx header.hero.p4h .p4-art .p4-box{position:relative;z-index:3;width:100%;max-width:440px}
html body #mhx .p4-ct{position:absolute;z-index:1;pointer-events:none;filter:drop-shadow(0 18px 18px rgba(120,60,10,.2));animation:mhsCtF 7s ease-in-out infinite alternate}
html body #mhx .p4-ct img{display:block;width:100%;height:auto}
html body #mhx .p4-ct.c1{left:-6%;top:-6%;width:32%;rotate:-6deg}
html body #mhx .p4-ct.c2{left:34%;top:-9%;width:30%;rotate:3deg;animation-delay:-3s}
html body #mhx .p4-ct.c3{right:-6%;bottom:-7%;width:40%;animation-delay:-4s}
html body #mhx .p4-ct.c4{left:-4%;bottom:-9%;width:30%;rotate:-7deg;animation-delay:-1s}
html body #mhx .p4-ct.c5{right:-5%;top:22%;width:21%;rotate:7deg;animation-delay:-5s}
html body #mhx .p4-ct.c6{left:-7%;top:27%;width:16%;rotate:-11deg;animation-delay:-2.5s}
html body #mhx .p4-ct.c7{right:-1%;top:-8%;width:18%;rotate:8deg;animation-delay:-2s}
@keyframes mhsCtF{from{translate:0 0}to{translate:0 -8px}}
@media (prefers-reduced-motion:reduce){html body #mhx .p4-ct{animation:none}}
@media (max-width:980px){html body #mhx header.hero.p4h .p4-art{min-height:380px}}
@media (max-width:760px){html body #mhx header.hero.p4h .p4-art{display:contents}html body #mhx .p4-ct{display:none}}
/* v4: review cards with photo, link and name */
html body #mhx a.p4-rc{display:flex;flex-direction:column;gap:10px;text-decoration:none;transition:transform .2s,box-shadow .2s}
html body #mhx a.p4-rc:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(120,60,10,.35)}
html body #mhx .p4-rc .who{display:flex;align-items:center;gap:10px}
html body #mhx .p4-rc .who img,html body #mhx .p4-rc .who .ini{width:40px;height:40px;border-radius:50%;flex:none;object-fit:cover;background:#fff1df}
html body #mhx .p4-rc .who .ini{display:flex;align-items:center;justify-content:center;font:800 14px Montserrat,sans-serif;color:#a63f0c}
html body #mhx .p4-rc .who b{display:block;font-size:15px;color:#1d1d1f}
html body #mhx .p4-rc p{margin:0!important;flex:1}
html body #mhx .p4-rc .rg{font:700 13px Montserrat,sans-serif;color:#a63f0c}

/* v5: tablets 761-1100px: one-column hero with the product art centered below */
@media (min-width:761px) and (max-width:1100px){
html body #mhx header.hero.p4h{grid-template-columns:minmax(0,1fr)!important}
html body #mhx header.hero.p4h .p4-art{grid-column:1;grid-row:auto;justify-self:center;width:min(100%,520px);margin:40px 0 24px;min-height:400px}
html body #mhx header.hero.p4h h1{font-size:56px!important}
}
/* v6: narrower listing fan up to 1200px so it never overflows */
@media (min-width:761px) and (max-width:1200px){
html body #mhx .p4-lc{width:220px}
html body #mhx .p4-lc.c2{left:70px}
html body #mhx .p4-lc.c3{left:130px}
}
/* v7: homepage only: slightly stronger warm glows and a wider dot pattern than the site-wide mhs-bg-v1.css */
html body::before{background:radial-gradient(48% 42% at 0% 0%,rgba(248,206,39,.28),transparent 72%),radial-gradient(42% 38% at 100% 16%,rgba(242,148,40,.24),transparent 72%),radial-gradient(38% 34% at 55% 55%,rgba(248,206,39,.11),transparent 75%),radial-gradient(48% 42% at 4% 100%,rgba(232,97,44,.16),transparent 72%),radial-gradient(44% 40% at 100% 100%,rgba(248,206,39,.2),transparent 72%)!important}
html body::after{background-image:radial-gradient(rgba(232,97,44,.22) 1.3px,transparent 1.8px)!important;-webkit-mask-image:radial-gradient(70% 60% at 85% 0%,#000 15%,transparent 72%),radial-gradient(60% 55% at 0% 100%,#000 10%,transparent 72%),radial-gradient(38% 34% at 0% 42%,#000 5%,transparent 70%)!important;mask-image:radial-gradient(70% 60% at 85% 0%,#000 15%,transparent 72%),radial-gradient(60% 55% at 0% 100%,#000 10%,transparent 72%),radial-gradient(38% 34% at 0% 42%,#000 5%,transparent 70%)!important}
/* an older inline rule .zpsection:has(#mhx){background:#fff!important} was covering the glow on the whole homepage */
html body .zpsection.zpdefault-section:has(#mhx){background:transparent!important}
html body #mhx #why.p4w,html body #mhx #no-nonsense.p4n{background:transparent!important}

/* v8: official Google G on review cards and the Read all reviews button */
html body #mhx .p4-rc .who .p4-g{width:22px;height:22px;margin-left:auto;flex:none;align-self:flex-start}
html body #mhx .p4-gh .p4-g{width:18px;height:18px;margin-right:8px;flex:none}

/* v9: icons on the trust badge row (Lucide line icons, ISC) */
html body #mhx .p4-badges{gap:8px;max-width:760px;margin-left:auto;margin-right:auto}
html body #mhx .p4-badges span{display:inline-flex;align-items:center;gap:6px;padding:6px 11px}
html body #mhx .p4-badges svg{width:16px;height:16px;flex:none;color:#a63f0c}