@import url('madalice-chrome.css?v=3');
@import url('madalice-wedding.css?v=1');
@import url('madalice-shop.css?v=1');
@import url('madalice-dyo.css?v=2');
@import url('madalice-pages.css?v=2');
@import url('madalice-track.css?v=1');
@import url('madalice-policy.css?v=3');
@import url('madalice-labs.css?v=2');
@import url('madalice-video.css?v=1');
/* ---- Full-bleed layout: panels run edge to edge, content stays centred ---- */
html:has(body.ma-home-page),body.ma-home-page{overflow-x:clip}
body.ma-home-page .site-content,body.ma-home-page #content,body.ma-home-page .content-area,body.ma-home-page #primary,body.ma-home-page .site-main{padding-top:0!important;margin-top:0!important;padding-bottom:0!important;margin-bottom:0!important}
body.ma-home-page .site-content>.col-full,body.ma-home-page #content>.col-full{max-width:none!important;padding:0!important}
.ma-home{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0!important}
.ma-home .ma-frame{max-width:none;padding:0;margin:0}
.ma-home .ma-panel{border-left-width:0;border-right-width:0}
.ma-home .ma-row>.ma-panel+.ma-panel{margin-left:0;border-left-width:4px}
.ma-home .ma-hero,.ma-home .ma-deck-panel,.ma-home .ma-shop,.ma-home .ma-socks,.ma-home .ma-promise{padding-left:max(28px,calc((100vw - 1240px) / 2));padding-right:max(28px,calc((100vw - 1240px) / 2))}
.ma-home .ma-row>.ma-panel:first-child{padding-left:max(28px,calc((100vw - 1240px) / 2))}
.ma-home .ma-row>.ma-panel:last-child{padding-right:max(28px,calc((100vw - 1240px) / 2))}
.ma-home .ma-row>.ma-stat{padding-left:34px!important;padding-right:34px!important}
.ma-home .ma-hero{padding-top:80px;padding-bottom:80px}
.ma-home .ma-panel:first-of-type{margin-top:0}
@media (max-width:900px){.ma-home .ma-row>.ma-panel+.ma-panel{border-left-width:0}.ma-home .ma-row>.ma-panel{padding-left:28px!important;padding-right:28px!important}}

/* ---- Doors row: wider than the rest (up to 1600px) and all three pictures the same, bigger size ---- */
@media (min-width:901px){
  .ma-home .ma-row[aria-label="Where to start"]{--g:max(28px,calc((100vw - 1600px) / 2));grid-template-columns:calc(var(--g) + (100vw - 2 * var(--g)) / 3) 1fr calc(var(--g) + (100vw - 2 * var(--g)) / 3)}
  .ma-home .ma-row[aria-label="Where to start"]>.ma-door:first-child{padding-left:var(--g)!important;padding-right:40px}
  .ma-home .ma-row[aria-label="Where to start"]>.ma-door:last-child{padding-right:var(--g)!important;padding-left:40px}
}

/* ---- Phones: compact Sane/Mad switch so it doesn't cover buttons ---- */
@media (max-width:700px){
  .ma-toggle{left:12px;bottom:12px;padding:4px 6px 4px 12px;gap:8px;font-size:13px}
  .ma-sw{width:64px;height:30px}
  .ma-knob{width:22px;height:22px}
  .ma-home.mad .ma-knob{left:38px}
  .ma-home .ma-hero{padding-top:48px;padding-bottom:64px}
  .ma-home .ma-hero h1{font-size:54px}
  .ma-lbl{font-size:22px}
  .ma-stat .n{font-size:56px}
  .ma-rev blockquote{font-size:32px}
  .ma-visit .addr{font-size:34px}
  .ma-door .t{font-size:36px}
}
body .menu-toggle,body .site-branding .menu-toggle{background:transparent!important}