.mt-site{--ink:#0a0908;--ink2:#121010;--ink3:#1b1816;--line:rgba(240,232,220,.11);--line2:rgba(240,232,220,.22);--bone:#f0e8dc;--mute:#a39a8c;--dim:#6e665b;--ember:#d2502c;--ember2:#ec6a43;--d:"Anton",Impact,sans-serif;--s:"Instrument Serif",Georgia,serif;--b:"Inter",system-ui,sans-serif;--pad:clamp(20px,5vw,80px);--e:cubic-bezier(.2,.7,.2,1);--max:1440px;background:var(--ink);color:var(--bone);font-family:var(--b);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.mt-site *{box-sizing:border-box}.mt-site a{color:inherit;text-decoration:none}.mt-site button,.mt-site input{font:inherit;color:inherit;background:none;border:0}.mt-site img{display:block;max-width:100%;height:auto}
.mt-hdr{position:fixed;inset:0 0 auto;z-index:60;padding:0 var(--pad);border-bottom:1px solid transparent;transition:background .4s,border-color .4s,backdrop-filter .4s}
.mt-hdr.scrolled{background:rgba(10,9,8,.84);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:var(--line)}
.mt-nav{display:flex;align-items:center;justify-content:space-between;height:82px;max-width:var(--max);margin:0 auto;gap:20px}
.mt-logo{font-family:var(--d);font-size:22px;letter-spacing:.05em;text-transform:uppercase}.mt-logo em{font-style:normal;color:var(--ember2)}
.mt-links{display:flex;gap:32px;list-style:none;margin:0;padding:0}.mt-links a{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}.mt-links a:hover{color:var(--bone)}
.mt-nav-r{display:flex;align-items:center;gap:16px}.mt-find{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.mt-btn-nav{padding:12px 20px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;border:1px solid var(--line2)}.mt-btn-nav:hover{background:var(--bone);color:var(--ink)}
.mt-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:48px var(--pad) 56px;overflow:hidden;isolation:isolate}
.mt-hero-ov{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 20%,rgba(210,80,44,.18),transparent 55%),linear-gradient(180deg,var(--ink),var(--ink))}
.mt-hero-in{width:100%;max-width:var(--max);margin:0 auto;position:relative;z-index:2}
.mt-eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--ember2);font-weight:600;margin:0}
.mt-eyebrow::before{content:"";width:28px;height:1px;background:currentColor}
.mt-title{font-family:var(--d);font-weight:400;font-size:clamp(52px,11vw,150px);line-height:.88;text-transform:uppercase;margin:22px 0 0}
.mt-title span{display:block}.mt-title .serif{font-family:var(--s);font-style:italic;text-transform:none;color:var(--ember2);font-size:.86em}
.mt-sub{margin-top:26px;font-size:clamp(16px,1.5vw,20px);color:#cfc6b8;max-width:44ch}
.mt-search{margin-top:44px;display:flex;flex-direction:row;align-items:stretch;background:rgba(18,16,16,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line2);max-width:1080px;min-height:60px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.mt-sf{display:flex;gap:14px;align-items:center;padding:0 20px;border-right:1px solid var(--line);flex:1 1 0;min-width:0;min-height:60px}
.mt-sf svg{color:var(--ember2);flex:none}.mt-sf>div{flex:1;min-width:0}
.mt-sf input{width:100%;outline:0;font-size:16px;color:var(--bone)}.mt-sf input::placeholder{color:var(--dim)}
.mt-search-btn,.mt-search button[type=submit]{flex:0 0 148px;width:148px;min-height:60px;background:#d2502c;color:#fff;border:0;margin:0;padding:0 24px;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;cursor:pointer}
.mt-search-btn:hover,.mt-search button[type=submit]:hover{background:#ec6a43}
.mt-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:18px}.mt-chips b{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-right:4px}
.mt-chips a{font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:8px 14px;border:1px solid var(--line2);color:#cfc6b8;background:rgba(10,9,8,.4)}.mt-chips a:hover{border-color:var(--ember2);color:#fff;background:rgba(210,80,44,.16)}
.mt-stats{display:flex;gap:48px;margin-top:52px;padding-top:26px;border-top:1px solid var(--line);max-width:1080px;flex-wrap:wrap}
.mt-stats div{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}.mt-stats strong{display:block;font-family:var(--d);font-size:36px;color:var(--bone);line-height:1.1}
.mt-sec{padding:clamp(80px,10vw,140px) var(--pad)}.mt-sec--alt{background:var(--ink2)}.mt-wrap{max-width:var(--max);margin:0 auto}
.mt-head{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:end;margin-bottom:48px}
.mt-head h2{font-family:var(--d);font-weight:400;font-size:clamp(40px,6vw,88px);line-height:.92;text-transform:uppercase;margin:14px 0 0}
.mt-head h2 em{font-family:var(--s);font-style:italic;text-transform:none;color:var(--ember2);font-weight:400}
.mt-head p{color:var(--mute);font-size:16px;max-width:40ch;margin:0}.mt-head .mt-right{justify-self:end}
.mt-arrow{display:inline-flex;gap:10px;align-items:center;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;padding-bottom:6px;border-bottom:1px solid var(--ember)}
.mt-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;border:1px solid var(--line2);transition:all .35s}
.mt-btn-solid{background:var(--ember);border-color:var(--ember);color:#fff}.mt-btn-solid:hover{background:var(--ember2)}.mt-btn-ghost:hover{background:var(--bone);color:var(--ink)}.mt-center{display:flex;justify-content:center;margin-top:48px}
.mt-styles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mt-style{position:relative;aspect-ratio:3/4;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;isolation:isolate;margin:0}
.mt-style img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:grayscale(.5) contrast(1.05) brightness(.75);transition:transform .8s var(--e),filter .5s}
.mt-style::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(10,9,8,.95),rgba(10,9,8,.08) 58%)}
.mt-style:hover img{transform:scale(1.07);filter:grayscale(0) brightness(.88)}
.mt-style .num{position:absolute;top:18px;left:20px;font-size:11px;letter-spacing:.22em;opacity:.75}
.mt-style .cnt{position:absolute;top:16px;right:16px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:5px 9px;border:1px solid var(--line2);background:rgba(10,9,8,.55)}
.mt-style h3{font-family:var(--d);font-size:clamp(22px,2.2vw,34px);text-transform:uppercase;line-height:1;margin:0;position:relative}
.mt-style p{font-size:13px;color:#cfc6b8;margin:8px 0 0;opacity:1;max-height:4.5em;overflow:hidden}
.mt-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.mt-filters a{font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:9px 14px;border:1px solid var(--line);color:var(--mute)}.mt-filters a:hover,.mt-filters a.on{background:var(--bone);color:var(--ink);border-color:var(--bone)}
.mt-shops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mt-card{background:var(--ink);border:1px solid var(--line);display:flex;flex-direction:column;height:100%;transition:transform .45s,border-color .35s,box-shadow .45s}
.mt-card:hover{transform:translateY(-6px);border-color:rgba(210,80,44,.45);box-shadow:0 36px 60px -30px rgba(210,80,44,.4)}
.mt-card-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--ink3)}
.mt-card-media img{width:100%;height:100%;object-fit:cover;filter:brightness(.88);transition:transform .8s var(--e)}.mt-card:hover .mt-card-media img{transform:scale(1.05)}
.mt-badge{position:absolute;top:14px;left:14px;z-index:2;background:linear-gradient(135deg,var(--ember),#a8361a);padding:6px 11px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#fff}
.mt-open{position:absolute;top:14px;right:14px;z-index:2;font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:6px 9px;background:rgba(10,9,8,.86);display:flex;gap:6px;align-items:center}.mt-open i{width:6px;height:6px;border-radius:50%;background:#6fbf73;display:inline-block}
.mt-card-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.mt-card-body h3{font-family:var(--d);font-size:clamp(18px,1.6vw,22px);text-transform:uppercase;line-height:1.15;margin:0}
.mt-meta{font-size:13px;color:var(--mute);margin:0}.mt-tags{display:flex;flex-wrap:wrap;gap:6px}.mt-tags span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);padding:4px 9px;color:var(--mute)}
.mt-card-f{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.mt-card-f small{font-size:12px;color:var(--dim)}.mt-card-f .mt-btn{padding:10px 16px;font-size:11px}
.mt-artists{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.mt-artist{display:flex;flex-direction:column;gap:12px}
.mt-artist .media{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--ink3)}.mt-artist .media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.4) brightness(.85);transition:filter .5s,transform .8s}.mt-artist:hover .media img{filter:grayscale(0);transform:scale(1.04)}
.mt-artist h3{font-family:var(--d);font-size:20px;text-transform:uppercase;margin:0}.mt-artist .sn{font-size:13px;color:var(--mute);margin:0}
.mt-locs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mt-loc{position:relative;aspect-ratio:16/11;overflow:hidden;border:1px solid var(--line)}
.mt-loc img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) brightness(.65);transition:transform .8s,filter .5s}.mt-loc:hover img{transform:scale(1.06);filter:grayscale(.1) brightness(.8)}
.mt-loc .st{position:absolute;top:14px;left:16px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.mt-loc .cnt2{position:absolute;top:14px;right:14px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:5px 9px;border:1px solid var(--line2);background:rgba(10,9,8,.6)}
.mt-loc h3{position:absolute;left:16px;bottom:36px;font-family:var(--d);font-size:clamp(22px,2.5vw,36px);text-transform:uppercase;margin:0;text-shadow:0 2px 16px rgba(0,0,0,.85)}
.mt-loc .row{position:absolute;left:16px;bottom:14px;right:16px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#cfc6b8}
.mt-biz{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.mt-biz ul{list-style:none;padding:0;margin:20px 0 28px;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.mt-biz li{font-size:14px;color:#cfc6b8;display:flex;gap:10px}.mt-biz li::before{content:"\2713";color:var(--ember2);font-weight:700}
.mt-why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.mt-why article{border-top:1px solid var(--line);padding-top:22px}.mt-why .n{font-family:var(--d);font-size:28px;color:var(--ember2);margin-bottom:10px}.mt-why h3{font-family:var(--d);font-size:20px;text-transform:uppercase;margin:0 0 8px}.mt-why p{font-size:14px;color:var(--mute);margin:0}
.mt-final{text-align:center;padding:clamp(100px,12vw,160px) var(--pad)}.mt-final h2{font-family:var(--d);font-size:clamp(42px,7vw,92px);text-transform:uppercase;line-height:.92;margin:0}.mt-final h2 em{font-family:var(--s);font-style:italic;text-transform:none;color:var(--ember2)}.mt-final p{color:var(--mute);margin:18px auto 32px;max-width:42ch}.mt-cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.mt-foot{padding:72px var(--pad) 36px;border-top:1px solid var(--line);background:var(--ink)}.mt-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:36px}.mt-foot h4{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin:0 0 14px}.mt-foot a{display:block;font-size:14px;color:#cfc6b8;margin:7px 0}.mt-foot a:hover{color:var(--ember2)}.mt-foot p{color:var(--mute);font-size:14px;max-width:34ch;margin:12px 0 0}
.mt-foot-bottom{max-width:var(--max);margin:40px auto 0;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--dim)}
.mt-wm{font-family:var(--d);font-size:clamp(48px,10vw,120px);text-transform:uppercase;text-align:center;color:transparent;-webkit-text-stroke:1px rgba(240,232,220,.12);line-height:1;margin:32px 0 8px;pointer-events:none}
body.home,body.page-template-elementor_canvas{background:#0a0908!important}
body.home .ast-container,body.home #content,body.home .site-content,body.home #primary,body.home .entry-content{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important}

@media(max-width:960px){.mt-links{display:none}.mt-styles,.mt-shops{grid-template-columns:repeat(2,minmax(0,1fr))}.mt-artists,.mt-locs,.mt-why{grid-template-columns:repeat(2,minmax(0,1fr))}.mt-head{grid-template-columns:1fr}.mt-head .mt-right{justify-self:start}.mt-biz{grid-template-columns:1fr}.mt-foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.mt-search{flex-direction:column}.mt-sf{border-right:0;border-bottom:1px solid var(--line);width:100%;min-height:54px}.mt-search-btn,.mt-search button[type=submit]{width:100%;flex:0 0 auto;min-height:54px}}
@media(max-width:640px){.mt-hero{padding:32px var(--pad) 40px;min-height:auto}.mt-title{font-size:clamp(44px,13vw,64px)}.mt-styles,.mt-shops,.mt-artists,.mt-locs,.mt-why,.mt-foot-grid,.mt-biz ul{grid-template-columns:1fr}.mt-nav{height:64px}.mt-btn-nav{display:none}.mt-stats{gap:22px}.mt-stats strong{font-size:28px}}
/* Force design system colors over theme */
.mt-site h1,.mt-site h2,.mt-site h3,.mt-site .mt-title,.mt-site .mt-title span{color:var(--bone)!important;}
.mt-site .mt-title .serif,.mt-site h2 em,.mt-site .mt-final h2 em{color:var(--ember2)!important;}
.mt-site a:not(.mt-btn-solid):not(.mt-search-btn){color:inherit;}
body.home h1,body.home .entry-title,body.page-template-elementor_canvas h1{color:var(--bone,#f0e8dc)!important;}

/* ===== Astra site header — match homepage design ===== */
.main-header-bar,
.ast-primary-header-bar,
.site-header,
#masthead {
  background: #0a0908 !important;
  border-bottom: 1px solid rgba(240,232,220,.11) !important;
  box-shadow: none !important;
}
.main-header-bar-wrap,
.ast-main-header-wrap {
  background: #0a0908 !important;
}
.site-title a,
.ast-site-title-wrap .site-title a,
.site-header .site-title,
.site-header .site-title a {
  font-family: "Anton", Impact, sans-serif !important;
  font-size: 22px !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  color: #f0e8dc !important;
  font-weight: 400 !important;
}
.site-title a:hover { color: #ec6a43 !important; }
.main-header-menu > .menu-item > .menu-link,
.ast-builder-menu .menu-link,
.main-navigation a {
  font-size: 12px !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  color: #a39a8c !important;
  font-weight: 500 !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.main-header-menu > .menu-item > .menu-link:hover,
.main-navigation a:hover,
.main-header-menu > .menu-item.current-menu-item > .menu-link {
  color: #f0e8dc !important;
}
/* Highlight List Your Shop last item as outline button */
.main-header-menu > .menu-item:last-child > .menu-link {
  border: 1px solid rgba(240,232,220,.22) !important;
  padding: 10px 18px !important;
  color: #f0e8dc !important;
  margin-left: 8px;
}
.main-header-menu > .menu-item:last-child > .menu-link:hover {
  background: #f0e8dc !important;
  color: #0a0908 !important;
}
.ast-mobile-menu-buttons .menu-toggle,
.ast-button-wrap .menu-toggle {
  color: #f0e8dc !important;
  border-color: rgba(240,232,220,.22) !important;
}
.ast-header-break-point .main-header-bar {
  background: #0a0908 !important;
}
/* Site content full bleed on home */
body.home .site-content .ast-container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.home #primary,
body.home .entry-content {
  margin: 0 !important;
  max-width: 100% !important;
}
body.home .entry-header { display: none !important; }
/* Footer keep simple dark */
.site-footer,
#colophon {
  background: #0a0908 !important;
  color: #6e665b !important;
  border-top: 1px solid rgba(240,232,220,.11) !important;
}
.site-footer a { color: #a39a8c !important; }
/* ===== Fixes: sharp Explore + visible filter chips ===== */
.mt-site .mt-search,
.mt-site .mt-search *,
.mt-site .mt-search-btn,
.mt-site .mt-search button[type=submit],
.mt-site .mt-sf,
.mt-site .mt-sf input {
  border-radius: 0 !important;
}
.mt-site .mt-search-btn,
.mt-site .mt-search button[type=submit] {
  background: #d2502c !important;
  color: #ffffff !important;
  border-radius: 0 !important;
}
.mt-site .mt-filters a {
  background: transparent !important;
  color: #a39a8c !important;
  border: 1px solid rgba(240,232,220,.22) !important;
  border-radius: 0 !important;
}
.mt-site .mt-filters a:hover {
  background: rgba(240,232,220,.08) !important;
  color: #f0e8dc !important;
  border-color: rgba(240,232,220,.35) !important;
}
.mt-site .mt-filters a.on,
.mt-site .mt-filters a.on:hover,
.mt-site .mt-filters a.on:focus {
  background: #f0e8dc !important;
  color: #0a0908 !important;
  border-color: #f0e8dc !important;
}
.mt-site .mt-btn,
.mt-site .mt-btn-solid,
.mt-site .mt-btn-ghost,
.mt-site .mt-chips a,
.mt-site .mt-badge,
.mt-site .mt-card {
  border-radius: 0 !important;
}
/* Buttons: List your shop / See live profiles / solid & ghost */
.mt-site a.mt-btn,
.mt-site .mt-btn {
  border-radius: 0 !important;
  text-decoration: none !important;
}
.mt-site a.mt-btn-solid,
.mt-site .mt-btn-solid {
  background: #d2502c !important;
  border: 1px solid #d2502c !important;
  color: #ffffff !important;
}
.mt-site a.mt-btn-solid:hover,
.mt-site .mt-btn-solid:hover {
  background: #ec6a43 !important;
  border-color: #ec6a43 !important;
  color: #ffffff !important;
}
.mt-site a.mt-btn-ghost,
.mt-site .mt-btn-ghost {
  background: transparent !important;
  border: 1px solid rgba(240,232,220,.35) !important;
  color: #f0e8dc !important;
}
.mt-site a.mt-btn-ghost:hover,
.mt-site .mt-btn-ghost:hover {
  background: #f0e8dc !important;
  border-color: #f0e8dc !important;
  color: #0a0908 !important;
}
.mt-site .mt-biz .mt-cta-row a.mt-btn-solid {
  background: #d2502c !important;
  color: #fff !important;
}
.mt-site .mt-biz .mt-cta-row a.mt-btn-ghost {
  background: transparent !important;
  color: #f0e8dc !important;
  border-color: rgba(240,232,220,.35) !important;
}
.mt-site .mt-card-media img{filter:none!important;opacity:1!important;visibility:visible!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;}

.mt-site .mt-card-media{position:relative!important;aspect-ratio:4/3!important;min-height:200px!important;background:#1b1816!important;overflow:hidden!important;}
.mt-site .mt-card-media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important;opacity:1!important;}

/* ===== Link underlines + mobile hero power ===== */
.mt-site a,
.mt-site a:hover,
.mt-site a:focus,
.mt-site a:active,
.mt-foot a,
.mt-foot a:hover,
.site-footer a,
.site-footer a:hover,
.entry-content a,
.entry-content a:hover {
  text-decoration: none !important;
  text-underline-offset: 0 !important;
  box-shadow: none !important;
}
.mt-site a.mt-btn,
.mt-site .mt-arrow {
  text-decoration: none !important;
}

/* Desktop title stays large */
.mt-site .mt-title {
  font-size: clamp(52px, 10.5vw, 140px) !important;
  line-height: 0.9 !important;
  letter-spacing: -0.01em !important;
}

/* Tablet */
@media (max-width: 960px) {
  .mt-site .mt-title {
    font-size: clamp(48px, 9vw, 88px) !important;
    line-height: 0.92 !important;
  }
  .mt-site .mt-sub {
    font-size: 17px !important;
    max-width: 36ch !important;
  }
  .mt-site .mt-hero {
    padding: 40px var(--pad) 48px !important;
  }
  .mt-site .mt-stats {
    gap: 28px !important;
  }
  .mt-site .mt-stats strong {
    font-size: 32px !important;
  }
}

/* Mobile — authoritative scale */
@media (max-width: 640px) {
  .mt-site .mt-title {
    font-size: clamp(48px, 13.5vw, 64px) !important;
    line-height: 0.88 !important;
    margin-top: 14px !important;
  }
  .mt-site .mt-title .serif {
    font-size: 0.92em !important;
  }
  .mt-site .mt-sub {
    font-size: 15px !important;
    line-height: 1.55 !important;
    margin-top: 18px !important;
    max-width: 100% !important;
  }
  .mt-site .mt-search {
    margin-top: 28px !important;
  }
  .mt-site .mt-chips {
    margin-top: 14px !important;
    gap: 6px !important;
  }
  .mt-site .mt-chips a {
    padding: 7px 11px !important;
    font-size: 10px !important;
  }
  .mt-site .mt-stats {
    margin-top: 32px !important;
    padding-top: 20px !important;
    gap: 18px 24px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .mt-site .mt-stats strong {
    font-size: 28px !important;
  }
  .mt-site .mt-stats div {
    font-size: 10px !important;
  }
  .mt-site .mt-sec {
    padding: 64px 20px !important;
  }
  .mt-site .mt-head h2 {
    font-size: clamp(36px, 11vw, 52px) !important;
  }
  .mt-site .mt-head {
    gap: 18px !important;
    margin-bottom: 32px !important;
  }
  .mt-site .mt-styles,
  .mt-site .mt-shops,
  .mt-site .mt-artists,
  .mt-site .mt-locs {
    gap: 12px !important;
  }
  .mt-site .mt-final h2 {
    font-size: clamp(36px, 11vw, 52px) !important;
  }
  .mt-site .mt-final {
    padding: 72px 20px !important;
  }
  .mt-site .mt-foot {
    padding: 48px 20px 28px !important;
  }
  .mt-site .mt-wm {
    font-size: clamp(36px, 14vw, 72px) !important;
  }
}

/* Very small phones */
@media (max-width: 380px) {
  .mt-site .mt-title {
    font-size: 40px !important;
  }
}
/* ===== Epic Astra header — MyTattoo ===== */
.main-header-bar,
.ast-primary-header-bar,
.site-header,
#masthead,
.ast-main-header-wrap,
.main-header-bar-wrap {
  background: rgba(10, 9, 8, 0.96) !important;
  border-bottom: 1px solid rgba(240, 232, 220, 0.12) !important;
  box-shadow: none !important;
}
.ast-primary-header-bar {
  min-height: 78px !important;
}
.site-header .site-logo-img img,
.custom-logo-link img,
.site-header .custom-logo {
  max-height: 52px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}
.site-branding {
  padding: 8px 0 !important;
}
/* Hide site title text when logo present */
.site-title,
.site-description {
  display: none !important;
}
.main-header-menu {
  align-items: center !important;
  gap: 4px !important;
}
.main-header-menu > .menu-item > .menu-link,
.ast-builder-menu .menu-link {
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #a39a8c !important;
  font-weight: 500 !important;
  padding: 10px 14px !important;
  text-decoration: none !important;
  border: 1px solid transparent !important;
  transition: color .25s, border-color .25s, background .25s !important;
}
.main-header-menu > .menu-item > .menu-link:hover {
  color: #f0e8dc !important;
}
/* List Your Shop — ember CTA */
.main-header-menu > .menu-item.mt-nav-cta > .menu-link,
.main-header-menu > .menu-item:nth-last-child(2) > .menu-link {
  background: #d2502c !important;
  border: 1px solid #d2502c !important;
  color: #ffffff !important;
  padding: 11px 18px !important;
  margin-left: 10px !important;
  letter-spacing: 0.16em !important;
  font-weight: 600 !important;
}
.main-header-menu > .menu-item.mt-nav-cta > .menu-link:hover,
.main-header-menu > .menu-item:nth-last-child(2) > .menu-link:hover {
  background: #ec6a43 !important;
  border-color: #ec6a43 !important;
  color: #fff !important;
}
/* Login — outline + icon feel */
.main-header-menu > .menu-item.mt-nav-login > .menu-link,
.main-header-menu > .menu-item:last-child > .menu-link {
  background: transparent !important;
  border: 1px solid rgba(240, 232, 220, 0.28) !important;
  color: #f0e8dc !important;
  padding: 11px 16px !important;
  margin-left: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.main-header-menu > .menu-item.mt-nav-login > .menu-link::before,
.main-header-menu > .menu-item:last-child > .menu-link::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0e8dc' stroke-width='1.8'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 19c0-3.3 3.1-6 7-6s7 2.7 7 6'/%3E%3C/svg%3E") !important;
}
.main-header-menu > .menu-item.mt-nav-login > .menu-link:hover,
.main-header-menu > .menu-item:last-child > .menu-link:hover {
  background: #f0e8dc !important;
  color: #0a0908 !important;
  border-color: #f0e8dc !important;
}
.main-header-menu > .menu-item.mt-nav-login > .menu-link:hover::before,
.main-header-menu > .menu-item:last-child > .menu-link:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a0908' stroke-width='1.8'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 19c0-3.3 3.1-6 7-6s7 2.7 7 6'/%3E%3C/svg%3E") !important;
}
/* Mobile header */
.ast-mobile-menu-buttons .menu-toggle,
.ast-button-wrap .menu-toggle,
button.menu-toggle {
  color: #f0e8dc !important;
  border-color: rgba(240,232,220,.25) !important;
  border-radius: 0 !important;
}
.ast-header-break-point .main-header-bar {
  background: #0a0908 !important;
}
.ast-header-break-point .main-header-menu {
  background: #0a0908 !important;
  border-top: 1px solid rgba(240,232,220,.12) !important;
  padding: 12px 16px 20px !important;
}
.ast-header-break-point .main-header-menu > .menu-item > .menu-link {
  padding: 14px 12px !important;
  border-bottom: 1px solid rgba(240,232,220,.08) !important;
}
.ast-header-break-point .main-header-menu > .menu-item.mt-nav-cta > .menu-link,
.ast-header-break-point .main-header-menu > .menu-item:nth-last-child(2) > .menu-link {
  margin: 12px 0 8px !important;
  text-align: center !important;
  justify-content: center !important;
}
.ast-header-break-point .main-header-menu > .menu-item.mt-nav-login > .menu-link,
.ast-header-break-point .main-header-menu > .menu-item:last-child > .menu-link {
  margin: 0 !important;
  text-align: center !important;
  justify-content: center !important;
}
@media (max-width: 640px) {
  .site-header .site-logo-img img,
  .custom-logo-link img {
    max-height: 42px !important;
  }
  .ast-primary-header-bar {
    min-height: 64px !important;
  }
  .mt-site .mt-title {
    font-size: clamp(48px, 13.5vw, 64px) !important;
    line-height: 0.88 !important;
  }
}
/* ===== Header = hero ink + perfect logo ===== */
body,
.site-content,
#content,
.ast-separate-container {
  background: #0a0908 !important;
}
.main-header-bar,
.ast-primary-header-bar,
.site-header,
#masthead,
.ast-main-header-wrap,
.main-header-bar-wrap,
.ast-above-header,
.ast-below-header {
  background: #0a0908 !important;
  background-color: #0a0908 !important;
  border-bottom: 1px solid rgba(240, 232, 220, 0.1) !important;
  box-shadow: none !important;
}
.ast-primary-header-bar {
  min-height: 84px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.site-header .ast-container,
.main-header-bar .ast-container {
  max-width: 1440px !important;
  padding-left: clamp(16px, 4vw, 48px) !important;
  padding-right: clamp(16px, 4vw, 48px) !important;
}
.site-branding,
.ast-site-identity {
  padding: 10px 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}
.custom-logo-link {
  display: flex !important;
  align-items: center !important;
  line-height: 0 !important;
  padding: 0 !important;
}
.site-header .site-logo-img img,
.custom-logo-link img,
.site-header .custom-logo {
  max-height: 58px !important;
  width: auto !important;
  height: auto !important;
  max-width: 160px !important;
  object-fit: contain !important;
  display: block !important;
}
.site-title,
.site-description {
  clip: rect(1px, 1px, 1px, 1px) !important;
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
}
.main-header-bar-navigation,
.ast-main-header-bar-alignment {
  display: flex !important;
  align-items: center !important;
}
.main-header-menu {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  margin: 0 !important;
}
.main-header-menu > .menu-item > .menu-link {
  font-size: 11px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: #a39a8c !important;
  font-weight: 500 !important;
  padding: 12px 14px !important;
  text-decoration: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.main-header-menu > .menu-item > .menu-link:hover,
.main-header-menu > .menu-item.current-menu-item > .menu-link {
  color: #f0e8dc !important;
}
/* CTA */
.main-header-menu > .menu-item.mt-nav-cta > .menu-link,
.main-header-menu > .menu-item:nth-last-child(2) > .menu-link {
  background: #d2502c !important;
  color: #fff !important;
  border: 1px solid #d2502c !important;
  padding: 12px 20px !important;
  margin-left: 12px !important;
  letter-spacing: 0.16em !important;
  font-weight: 600 !important;
}
.main-header-menu > .menu-item.mt-nav-cta > .menu-link:hover,
.main-header-menu > .menu-item:nth-last-child(2) > .menu-link:hover {
  background: #ec6a43 !important;
  border-color: #ec6a43 !important;
  color: #fff !important;
}
/* Login */
.main-header-menu > .menu-item.mt-nav-login > .menu-link,
.main-header-menu > .menu-item:last-child > .menu-link {
  border: 1px solid rgba(240, 232, 220, 0.28) !important;
  color: #f0e8dc !important;
  padding: 12px 18px !important;
  margin-left: 8px !important;
  background: transparent !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.main-header-menu > .menu-item.mt-nav-login > .menu-link:hover,
.main-header-menu > .menu-item:last-child > .menu-link:hover {
  background: #f0e8dc !important;
  color: #0a0908 !important;
  border-color: #f0e8dc !important;
}

/* ===== Login / Sign-in page (Directorist) dark ===== */
body.page-id-3300,
body.page-id-3311,
body.page-slug-login,
body.page-slug-sign-in {
  background: #0a0908 !important;
}
body.page-id-3300 .site-content,
body.page-id-3311 .site-content,
body.page-id-3300 .ast-container,
body.page-id-3311 .ast-container {
  background: #0a0908 !important;
  max-width: 560px !important;
  margin: 0 auto !important;
  padding: 48px 20px 80px !important;
}
body.page-id-3300 .entry-header,
body.page-id-3311 .entry-header {
  text-align: center;
  margin-bottom: 24px;
}
body.page-id-3300 .entry-title,
body.page-id-3311 .entry-title {
  font-family: Anton, Impact, sans-serif !important;
  color: #f0e8dc !important;
  text-transform: uppercase !important;
  font-size: 42px !important;
  letter-spacing: 0.04em !important;
}
.directorist-w-100,
.directorist-authentication,
.directorist-login-wrapper,
.directorist-signin-form,
.directorist-signup-wrapper,
.directorist-flex {
  background: #121010 !important;
  color: #f0e8dc !important;
  border: 1px solid rgba(240,232,220,.12) !important;
  border-radius: 0 !important;
  padding: 28px !important;
}
.directorist-authentication a,
.directorist-login-wrapper a {
  color: #ec6a43 !important;
  text-decoration: none !important;
}
.directorist-form-group label,
.directorist-authentication label {
  color: #a39a8c !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}
.directorist-form-group input,
.directorist-authentication input[type=text],
.directorist-authentication input[type=email],
.directorist-authentication input[type=password],
.directorist-form-element {
  background: #0a0908 !important;
  border: 1px solid rgba(240,232,220,.22) !important;
  color: #f0e8dc !important;
  border-radius: 0 !important;
  padding: 12px 14px !important;
}
.directorist-btn,
.directorist-authentication button,
.directorist-btn-primary,
.directorist-btn.directorist-btn-primary {
  background: #d2502c !important;
  border: 1px solid #d2502c !important;
  color: #fff !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.16em !important;
  font-weight: 600 !important;
}
.directorist-btn:hover,
.directorist-btn-primary:hover {
  background: #ec6a43 !important;
}
/* Message when logged in */
.directorist-alert,
.directorist-user-dashboard {
  color: #f0e8dc !important;
}

@media (max-width: 921px) {
  .site-header .site-logo-img img,
  .custom-logo-link img {
    max-height: 46px !important;
    max-width: 130px !important;
  }
  .ast-primary-header-bar {
    min-height: 68px !important;
  }
}
/* Login form card — readable + on-brand */
body.page-id-3300 .directorist-authentication,
body.page-id-3300 .directorist-w-100,
body.page-id-3300 .directorist-login-wrapper,
body.page-id-3300 .directorist-signin-form,
body.page-id-3300 .directorist-flex-grow-1,
body.page-id-3311 .directorist-authentication,
body.page-id-3311 .directorist-w-100 {
  max-width: 420px !important;
  width: 100% !important;
  margin: 0 auto !important;
  background: #121010 !important;
  border: 1px solid rgba(240,232,220,.14) !important;
  border-radius: 0 !important;
  padding: 32px 28px !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.45) !important;
}
body.page-id-3300 .directorist-form-group input,
body.page-id-3300 input[type="text"],
body.page-id-3300 input[type="email"],
body.page-id-3300 input[type="password"],
body.page-id-3300 .directorist-form-element {
  width: 100% !important;
  min-height: 48px !important;
  background: #0a0908 !important;
  border: 1px solid rgba(240,232,220,.28) !important;
  color: #f0e8dc !important;
  border-radius: 0 !important;
}
body.page-id-3300 .directorist-form-group label,
body.page-id-3300 label {
  color: #a39a8c !important;
}
body.page-id-3300 .directorist-btn,
body.page-id-3300 button[type="submit"],
body.page-id-3300 .directorist-btn-primary {
  width: 100% !important;
  min-height: 48px !important;
  background: #d2502c !important;
  border: none !important;
  color: #fff !important;
  border-radius: 0 !important;
  margin-top: 12px !important;
}
body.page-id-3300 .directorist-checkbox label,
body.page-id-3300 .directorist-form-group {
  color: #cfc6b8 !important;
}
body.page-id-3300 a {
  color: #ec6a43 !important;
}
/* Ensure logo always visible in header */
.site-header .custom-logo-link,
.site-branding .custom-logo-link {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.site-header .site-logo-img,
.ast-site-identity {
  display: flex !important;
  visibility: visible !important;
}

/* ===== MyTattoo header v3: transparent until scroll ===== */

.main-header-bar,
.ast-primary-header-bar,
.site-header,
#masthead,
.ast-main-header-wrap,
.main-header-bar-wrap,
.ast-above-header,
.ast-below-header {
  background: transparent !important;
  background-color: transparent !important;
  border-bottom: 1px solid transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  transition: background 0.25s ease, border-color 0.25s ease, backdrop-filter 0.25s ease !important;
}

#masthead,
.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
}

/* After scroll: glass ink bar */
#masthead.mt-scrolled .main-header-bar,
#masthead.mt-scrolled .ast-primary-header-bar,
#masthead.mt-scrolled .ast-main-header-wrap,
#masthead.mt-scrolled .main-header-bar-wrap,
body.mt-header-scrolled .main-header-bar,
body.mt-header-scrolled .ast-primary-header-bar,
body.mt-header-scrolled .site-header,
body.mt-header-scrolled #masthead,
body.mt-header-scrolled .ast-main-header-wrap,
body.mt-header-scrolled .main-header-bar-wrap {
  background: rgba(10, 9, 8, 0.78) !important;
  background-color: rgba(10, 9, 8, 0.78) !important;
  border-bottom: 1px solid rgba(240, 232, 220, 0.12) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.2) !important;
  backdrop-filter: blur(14px) saturate(1.2) !important;
}

.ast-primary-header-bar {
  min-height: 88px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.ast-builder-grid-row-container.ast-container,
.site-primary-header-wrap,
.ast-primary-header-bar .ast-container,
#masthead .ast-container,
#masthead .site-primary-header-wrap {
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(24px, 5vw, 64px) !important;
  padding-right: clamp(24px, 5vw, 64px) !important;
  box-sizing: border-box !important;
}

/* Logo larger — height only, not full header width */
.site-branding,
.ast-site-identity {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 8px 0 !important;
  margin: 0 !important;
}

.custom-logo-link {
  display: flex !important;
  align-items: center !important;
  line-height: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

.site-header .site-logo-img img,
.custom-logo-link img,
.site-header .custom-logo {
  height: 64px !important;
  width: auto !important;
  max-height: 64px !important;
  max-width: 120px !important;
  object-fit: contain !important;
  display: block !important;
}

/* Brand title: MyTattoo white · .site orange */
.site-title,
.ast-site-title-wrap,
.ast-site-identity .site-title {
  display: block !important;
  position: static !important;
  clip: auto !important;
  height: auto !important;
  width: auto !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
}

.mt-brand-title,
.site-title a,
.ast-site-title-wrap .site-title a {
  font-family: "Anton", Impact, sans-serif !important;
  font-size: 22px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  color: #f0e8dc !important;
}

.mt-brand-name {
  color: #f0e8dc !important;
}

.mt-brand-dot,
.mt-brand-tld {
  color: #ec6a43 !important;
}

.site-description {
  display: none !important;
}

/* Nav */
.main-header-bar-navigation,
.ast-main-header-bar-alignment {
  display: flex !important;
  align-items: center !important;
}

.main-header-menu {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  margin: 0 !important;
}

.main-header-menu > .menu-item > .menu-link {
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #a39a8c !important;
  font-weight: 500 !important;
  padding: 12px 14px !important;
  text-decoration: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.main-header-menu > .menu-item > .menu-link:hover,
.main-header-menu > .menu-item.current-menu-item > .menu-link {
  color: #f0e8dc !important;
}

/* CTA List Your Shop */
.main-header-menu > .menu-item.mt-nav-cta > .menu-link {
  background: #d2502c !important;
  color: #fff !important;
  border: 1px solid #d2502c !important;
  padding: 12px 20px !important;
  margin-left: 12px !important;
  letter-spacing: 0.16em !important;
  font-weight: 600 !important;
}

.main-header-menu > .menu-item.mt-nav-cta > .menu-link:hover {
  background: #ec6a43 !important;
  border-color: #ec6a43 !important;
  color: #fff !important;
}

/* Login — icon only (Directorist login page link) */
.main-header-menu > .menu-item.mt-nav-login > .menu-link {
  background: transparent !important;
  border: 1px solid rgba(240, 232, 220, 0.28) !important;
  color: #f0e8dc !important;
  padding: 10px !important;
  margin-left: 8px !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  font-size: 0 !important;
  letter-spacing: 0 !important;
}

.main-header-menu > .menu-item.mt-nav-login > .menu-link:hover {
  background: rgba(240, 232, 220, 0.1) !important;
  border-color: #f0e8dc !important;
  color: #f0e8dc !important;
}

.mt-login-icon {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  background: currentColor !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

.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;
  border: 0 !important;
}

@media (max-width: 921px) {
  .site-header .site-logo-img img,
  .custom-logo-link img {
    height: 48px !important;
    max-height: 48px !important;
    max-width: 90px !important;
  }
  .ast-primary-header-bar {
    min-height: 68px !important;
  }
  .mt-brand-title,
  .site-title a {
    font-size: 16px !important;
  }
}

@media (max-width: 544px) {
  .site-title {
    display: none !important;
  }
}

/* Sitewide footer */
.site-footer,
#colophon {
  display: none !important;
}

.mt-site-footer {
  --ink: #0a0908;
  --line: rgba(240, 232, 220, 0.11);
  --bone: #f0e8dc;
  --mute: #a39a8c;
  --dim: #6e665b;
  --ember2: #ec6a43;
  --pad: clamp(20px, 5vw, 80px);
  --max: 1440px;
  --d: "Anton", Impact, sans-serif;
  background: var(--ink);
  color: var(--bone);
  padding: 72px var(--pad) 36px;
  border-top: 1px solid var(--line);
  font-family: "Inter", system-ui, sans-serif;
}

.mt-site-footer .mt-foot-grid {
  max-width: var(--max);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1.2fr;
  gap: 36px;
}

.mt-site-footer h4 {
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--mute);
  margin: 0 0 14px;
  font-weight: 600;
}

.mt-site-footer a {
  display: block;
  font-size: 14px;
  color: #cfc6b8;
  margin: 7px 0;
  text-decoration: none;
}

.mt-site-footer a:hover {
  color: var(--ember2);
}

.mt-site-footer p {
  color: var(--mute);
  font-size: 14px;
  max-width: 34ch;
  margin: 12px 0 0;
  line-height: 1.55;
}

.mt-site-footer .mt-logo {
  font-family: var(--d);
  font-size: 22px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--bone);
  text-decoration: none;
  display: inline-block;
}

.mt-site-footer .mt-logo em {
  font-style: normal;
  color: var(--ember2);
}

.mt-site-footer .mt-wm {
  font-family: var(--d);
  font-size: clamp(48px, 10vw, 120px);
  text-transform: uppercase;
  text-align: center;
  color: transparent;
  -webkit-text-stroke: 1px rgba(240, 232, 220, 0.12);
  line-height: 1;
  margin: 32px auto 8px;
  pointer-events: none;
  max-width: var(--max);
}

.mt-site-footer .mt-foot-bottom {
  max-width: var(--max);
  margin: 40px auto 0;
  padding-top: 22px;
  border-top: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 12px;
  color: var(--dim);
}

@media (max-width: 900px) {
  .mt-site-footer .mt-foot-grid {
    grid-template-columns: 1fr 1fr;
    gap: 28px;
  }
}

@media (max-width: 560px) {
  .mt-site-footer .mt-foot-grid {
    grid-template-columns: 1fr;
  }
  .mt-site-footer {
    padding: 48px var(--pad) 28px;
  }
}

body.home .mt-site > .mt-foot {
  display: none !important;
}

/* Header overlays content so transparent shows hero */
#masthead.site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
}

/* Offset body content so it isn't hidden under fixed header when scrolled */
body:not(.home) .site-content,
body:not(.home) #content {
  padding-top: 88px !important;
}

/* Homepage hero starts under transparent header */
body.home .mt-hero {
  margin-top: -88px !important;
  padding-top: 88px !important;
}

body.home .site-content,
body.home #content,
body.home .ast-container {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ===== Mobile header + hero fix + sleek login ===== */

/* Logo: transparent PNG, clean size */
.site-header .custom-logo-link img,
.site-header .custom-logo,
.site-header .site-logo-img img {
  height: 56px !important;
  width: auto !important;
  max-height: 56px !important;
  max-width: 72px !important;
  object-fit: contain !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Desktop login — sleek circular icon button */
.main-header-menu > .menu-item.mt-nav-login > .menu-link {
  background: rgba(240, 232, 220, 0.06) !important;
  border: 1px solid rgba(240, 232, 220, 0.22) !important;
  color: #f0e8dc !important;
  padding: 0 !important;
  margin-left: 10px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.15s ease !important;
}

.main-header-menu > .menu-item.mt-nav-login > .menu-link:hover {
  background: #f0e8dc !important;
  border-color: #f0e8dc !important;
  color: #0a0908 !important;
  transform: translateY(-1px) !important;
}

.mt-login-icon {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  background: currentColor !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* Kill header bottom line when not scrolled */
#masthead:not(.mt-scrolled) .ast-primary-header-bar,
#masthead:not(.mt-scrolled) .main-header-bar,
#masthead:not(.mt-scrolled) .ast-main-header-wrap,
#masthead:not(.mt-scrolled) .main-header-bar-wrap,
body:not(.mt-header-scrolled) .ast-primary-header-bar,
body:not(.mt-header-scrolled) .main-header-bar {
  border-bottom: none !important;
  border-bottom-width: 0 !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

/* ===== Mobile ===== */
@media (max-width: 921px) {
  /* Header clean */
  .ast-primary-header-bar,
  .main-header-bar {
    min-height: 64px !important;
    border-bottom: none !important;
    box-shadow: none !important;
  }

  #masthead.mt-scrolled .ast-primary-header-bar,
  #masthead.mt-scrolled .main-header-bar,
  body.mt-header-scrolled .ast-primary-header-bar {
    border-bottom: 1px solid rgba(240, 232, 220, 0.1) !important;
  }

  .site-header .custom-logo-link img,
  .site-header .custom-logo {
    height: 44px !important;
    max-height: 44px !important;
    max-width: 56px !important;
    background: transparent !important;
  }

  .site-branding,
  .ast-site-identity {
    gap: 8px !important;
  }

  .mt-brand-title,
  .site-title a {
    font-size: 15px !important;
  }

  /* Mobile menu toggle color */
  .ast-mobile-menu-buttons,
  .menu-toggle,
  .ast-button-wrap .menu-toggle,
  .ast-mobile-menu-trigger-minimal,
  button.menu-toggle {
    color: #f0e8dc !important;
    border-color: rgba(240, 232, 220, 0.25) !important;
  }

  .ast-mobile-menu-buttons .menu-toggle .ast-mobile-svg,
  .ast-mobile-menu-buttons svg {
    fill: #f0e8dc !important;
    color: #f0e8dc !important;
  }

  /* Hero: proper height on mobile, content clear of header */
  body.home .mt-hero,
  .mt-site .mt-hero {
    min-height: 100svh !important;
    min-height: 100dvh !important;
    padding-top: 96px !important;
    padding-bottom: 40px !important;
    padding-left: var(--pad) !important;
    padding-right: var(--pad) !important;
    display: flex !important;
    align-items: flex-end !important;
    box-sizing: border-box !important;
  }

  body.home .mt-hero {
    margin-top: -64px !important;
  }

  .mt-site .mt-title {
    font-size: clamp(42px, 11.5vw, 58px) !important;
    line-height: 0.92 !important;
    margin-bottom: 20px !important;
  }

  .mt-site .mt-eyebrow {
    margin-bottom: 14px !important;
    position: relative !important;
    z-index: 2 !important;
  }

  .mt-site .mt-search {
    margin-top: 8px !important;
  }

  .mt-site .mt-stats {
    margin-top: 28px !important;
    gap: 20px !important;
  }
}

@media (max-width: 544px) {
  .site-title {
    display: none !important;
  }

  .site-header .custom-logo-link img,
  .site-header .custom-logo {
    height: 40px !important;
    max-height: 40px !important;
    max-width: 52px !important;
  }

  body.home .mt-hero,
  .mt-site .mt-hero {
    min-height: 100svh !important;
    min-height: 100dvh !important;
    padding-top: 88px !important;
    padding-bottom: 32px !important;
  }

  .mt-site .mt-title {
    font-size: clamp(40px, 12vw, 52px) !important;
  }
}

/* Override old min-height:auto that killed mobile hero */
@media (max-width: 640px) {
  .mt-hero {
    min-height: 100svh !important;
    min-height: 100dvh !important;
  }
}

/* ===== Login icon: single clean icon only ===== */
.main-header-menu > .menu-item.mt-nav-login > .menu-link::before,
.main-header-menu > .menu-item.mt-nav-login > .menu-link::after,
.main-header-menu > .menu-item:last-child > .menu-link::before,
.main-header-menu > .menu-item:last-child > .menu-link::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  background-image: none !important;
  -webkit-mask: none !important;
  mask: none !important;
}

.main-header-menu > .menu-item.mt-nav-login > .menu-link {
  background: rgba(240, 232, 220, 0.06) !important;
  border: 1px solid rgba(240, 232, 220, 0.28) !important;
  color: #f0e8dc !important;
  padding: 0 !important;
  margin-left: 12px !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  line-height: 0 !important;
  gap: 0 !important;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}

.main-header-menu > .menu-item.mt-nav-login > .menu-link:hover {
  background: #f0e8dc !important;
  border-color: #f0e8dc !important;
  color: #0a0908 !important;
  transform: none !important;
}

.main-header-menu > .menu-item.mt-nav-login > .menu-link .mt-login-icon {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
  background-color: currentColor !important;
  background-image: none !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
  -webkit-mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
  mask-size: contain !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
}

/* Don't style non-login last items as icon buttons if they aren't login */
.main-header-menu > .menu-item:last-child:not(.mt-nav-login) > .menu-link::before {
  content: none !important;
  display: none !important;
}

/* ===== Mobile hero clearance + footer brand + logo size ===== */

/* Mobile only: push hero content below transparent header */
@media (max-width: 921px) {
  body.home .mt-hero,
  .mt-site .mt-hero {
    min-height: 100svh !important;
    min-height: 100dvh !important;
    padding-top: 120px !important;
    padding-bottom: 36px !important;
    box-sizing: border-box !important;
  }

  .mt-site .mt-hero-in {
    padding-top: 12px !important;
  }

  .mt-site .mt-eyebrow {
    margin-top: 8px !important;
    margin-bottom: 16px !important;
  }

  /* Logo 3px smaller on mobile */
  .site-header .custom-logo-link img,
  .site-header .custom-logo,
  .site-header .site-logo-img img {
    height: 41px !important;
    max-height: 41px !important;
    max-width: 53px !important;
  }
}

@media (max-width: 544px) {
  body.home .mt-hero,
  .mt-site .mt-hero {
    padding-top: 112px !important;
    padding-bottom: 32px !important;
  }

  .site-header .custom-logo-link img,
  .site-header .custom-logo {
    height: 37px !important;
    max-height: 37px !important;
    max-width: 48px !important;
  }
}

/* Footer brand: logo + title like header */
.mt-site-footer .mt-foot-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  color: inherit !important;
  margin-bottom: 4px !important;
}

.mt-site-footer .mt-foot-logo {
  height: 44px !important;
  width: auto !important;
  max-width: 56px !important;
  object-fit: contain !important;
  display: block !important;
  background: transparent !important;
}

.mt-site-footer .mt-foot-title {
  font-family: "Anton", Impact, sans-serif !important;
  font-size: 22px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
  font-weight: 400 !important;
}

.mt-site-footer .mt-brand-name {
  color: #f0e8dc !important;
}

.mt-site-footer .mt-brand-dot,
.mt-site-footer .mt-brand-tld {
  color: #ec6a43 !important;
}

/* Legacy text logo if any remains */
.mt-site-footer .mt-logo em,
.mt-site-footer a.mt-logo em {
  color: #ec6a43 !important;
  font-style: normal !important;
}

/* ===== Hero height FINAL — mobile + desktop-on-mobile ===== */

/*
  PROBLEM (from screenshots):
  1) Desktop-site on phone: min-height 100svh+Xin + flex-start =
     content at top, then a huge empty black void inside the hero.
  2) Eyebrow overlapping the fixed header in desktop-site mode.
  3) Pure mobile: tagline a bit too close to the header.

  FIX:
  - Pure mobile: modest extra height, enough top padding to clear header.
  - Desktop-site on phone: height:auto (wrap content only) — no empty void.
  - Real desktop: full-viewport cinematic hero unchanged.
*/

/* ---- Pure mobile (narrow) ---- */
@media (max-width: 921px) {
  body.home .mt-hero,
  .mt-site .mt-hero,
  .mt-hero {
    /* Tall enough to feel full-screen, not an endless void */
    min-height: 100svh !important;
    min-height: 100dvh !important;
    height: auto !important;
    max-height: none !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    margin-top: -64px !important;
    /* margin -64 + header 64 + gap 28 ≈ need ~156 */
    padding-top: 156px !important;
    padding-bottom: 40px !important;
    box-sizing: border-box !important;
  }

  .mt-site .mt-hero-in {
    padding-top: 12px !important;
  }

  .mt-site .mt-eyebrow {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
  }
}

@media (max-width: 544px) {
  body.home .mt-hero,
  .mt-site .mt-hero,
  .mt-hero {
    min-height: 100svh !important;
    min-height: 100dvh !important;
    margin-top: -64px !important;
    padding-top: 148px !important;
    padding-bottom: 36px !important;
    align-items: flex-start !important;
  }

  .mt-site .mt-hero-in {
    padding-top: 8px !important;
  }
}

/*
  ---- Chrome “Desktop site” on a phone ----
  Width is ~980–1100 but it’s still a phone screen.
  NEVER use 100svh min-height here — that creates the empty black gap.
  Hero should only be as tall as its content.
*/
@media (min-width: 922px) and (max-width: 1100px) {
  body.home .mt-hero,
  .mt-site .mt-hero,
  .mt-hero {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    margin-top: -72px !important;
    /* Clear fixed header fully */
    padding-top: 100px !important;
    padding-bottom: 36px !important;
  }

  .mt-site .mt-hero-in {
    padding-top: 8px !important;
  }

  .mt-site .mt-eyebrow {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  .mt-site .mt-title {
    margin-bottom: 16px !important;
  }

  .mt-site .mt-stats {
    margin-top: 20px !important;
    margin-bottom: 0 !important;
  }
}

/* Touch device forcing desktop width (backup for desktop-site) */
@media (min-width: 922px) and (hover: none) and (pointer: coarse) {
  body.home .mt-hero,
  .mt-site .mt-hero,
  .mt-hero {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    align-items: flex-start !important;
    margin-top: -72px !important;
    padding-top: 100px !important;
    padding-bottom: 36px !important;
  }
}

/* ---- Real desktop / laptop ---- */
@media (min-width: 1101px) {
  body.home .mt-hero,
  .mt-site .mt-hero,
  .mt-hero {
    min-height: 100svh !important;
    min-height: 100dvh !important;
    align-items: flex-end !important;
    margin-top: -88px !important;
    padding: 48px var(--pad) 56px !important;
    padding-top: 110px !important;
  }
}

/* ===== Hero FINAL v2 — desktop-site gap + mobile title ===== */

/* Pure mobile */
@media (max-width: 921px) {
  body.home .mt-hero,
  .mt-site .mt-hero,
  .mt-hero {
    min-height: calc(100svh + 0.5in) !important;
    min-height: calc(100dvh + 0.5in) !important;
    height: auto !important;
    max-height: none !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    margin-top: -64px !important;
    padding-top: 156px !important;
    padding-bottom: 44px !important;
    box-sizing: border-box !important;
  }

  .mt-site .mt-hero-in {
    padding-top: 8px !important;
  }

  .mt-site .mt-eyebrow {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }

  /* Title +3px, forced to 2 lines */
  .mt-site .mt-title {
    font-size: clamp(45px, 12.2vw, 55px) !important;
    line-height: 0.9 !important;
    max-width: 100% !important;
    margin-top: 8px !important;
    margin-bottom: 18px !important;
    white-space: normal !important;
  }

  .mt-site .mt-title .serif {
    font-size: 0.9em !important;
  }
}

@media (max-width: 544px) {
  body.home .mt-hero,
  .mt-site .mt-hero,
  .mt-hero {
    min-height: calc(100svh + 0.5in) !important;
    min-height: calc(100dvh + 0.5in) !important;
    margin-top: -64px !important;
    padding-top: 148px !important;
    padding-bottom: 40px !important;
    align-items: flex-start !important;
  }

  /* ~+3px over previous ~40–42 */
  .mt-site .mt-title {
    font-size: clamp(43px, 11.8vw, 50px) !important;
    line-height: 0.9 !important;
  }
}

/*
  Chrome Desktop-site on phone (width ~980).
  Tagline was still under the header — need more top padding.
  Hero height = content only (no empty void).
*/
@media (min-width: 922px) and (max-width: 1100px) {
  body.home .mt-hero,
  .mt-site .mt-hero,
  .mt-hero {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    margin-top: -72px !important;
    padding-top: 128px !important;
    padding-bottom: 40px !important;
  }

  .mt-site .mt-hero-in {
    padding-top: 4px !important;
  }

  .mt-site .mt-eyebrow {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  .mt-site .mt-title {
    margin-top: 6px !important;
    margin-bottom: 14px !important;
  }

  .mt-site .mt-stats {
    margin-top: 18px !important;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 922px) and (hover: none) and (pointer: coarse) {
  body.home .mt-hero,
  .mt-site .mt-hero,
  .mt-hero {
    min-height: 0 !important;
    height: auto !important;
    align-items: flex-start !important;
    margin-top: -72px !important;
    padding-top: 128px !important;
    padding-bottom: 40px !important;
  }
}

/* Real desktop */
@media (min-width: 1101px) {
  body.home .mt-hero,
  .mt-site .mt-hero,
  .mt-hero {
    min-height: 100svh !important;
    min-height: 100dvh !important;
    align-items: flex-end !important;
    margin-top: -88px !important;
    padding: 48px var(--pad) 56px !important;
    padding-top: 110px !important;
  }
}
/* lock hero title to 2 lines on mobile */
@media (max-width: 921px) {
  .mt-site .mt-title > span { display: block !important; }
}

/* ===== Hero gap +1in header clearance (mobile + chrome desktop-site only) ===== */
/* 1 inch ≈ 96px */

/* Pure mobile */
@media (max-width: 921px) {
  body.home .mt-hero,
  .mt-site .mt-hero,
  .mt-hero {
    padding-top: 252px !important; /* was ~156 + 96 */
  }
}

@media (max-width: 544px) {
  body.home .mt-hero,
  .mt-site .mt-hero,
  .mt-hero {
    padding-top: 244px !important; /* was ~148 + 96 */
  }
}

/* Chrome Desktop-site on phone */
@media (min-width: 922px) and (max-width: 1100px) {
  body.home .mt-hero,
  .mt-site .mt-hero,
  .mt-hero {
    padding-top: 224px !important; /* was ~128 + 96 */
  }
}

@media (min-width: 922px) and (hover: none) and (pointer: coarse) {
  body.home .mt-hero,
  .mt-site .mt-hero,
  .mt-hero {
    padding-top: 224px !important;
  }
}

/* ===== Homepage FINAL polish ===== */

/* Mobile only: tighten header→tagline gap ~45px, title a bit larger */
@media (max-width: 921px) {
  body.home .mt-hero,
  .mt-site .mt-hero,
  .mt-hero {
    padding-top: 207px !important; /* 252 - 45 */
  }

  .mt-site .mt-title {
    font-size: clamp(48px, 12.8vw, 58px) !important;
    line-height: 0.9 !important;
  }

  .mt-site .mt-title > span {
    display: block !important;
  }
}

@media (max-width: 544px) {
  body.home .mt-hero,
  .mt-site .mt-hero,
  .mt-hero {
    padding-top: 199px !important; /* 244 - 45 */
  }

  .mt-site .mt-title {
    font-size: clamp(46px, 12.5vw, 54px) !important;
    line-height: 0.9 !important;
  }
}

/* Homepage search — always dark, hard corners */
.mt-search,
.mt-search .mt-sf,
.mt-search input,
.mt-search input[type="search"],
.mt-search input[type="text"] {
  background: #141210 !important;
  background-color: #141210 !important;
  color: #f0e8dc !important;
  border-color: rgba(240, 232, 220, 0.18) !important;
  border-radius: 0 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.mt-search input::placeholder {
  color: rgba(240, 232, 220, 0.42) !important;
  opacity: 1 !important;
}

.mt-search input:focus {
  background: #1a1714 !important;
  color: #f0e8dc !important;
  outline: none !important;
  box-shadow: none !important;
}

.mt-search .mt-sf {
  border-radius: 0 !important;
}

.mt-search .mt-btn,
.mt-search button {
  border-radius: 0 !important;
}

/* Directorist — dark theme to match site */
.directorist-search-form,
.directorist-search-form-wrap,
.directorist-search-contents,
.directorist-search-form-top,
.directorist-search-form-box,
.directorist-search-form .directorist-select,
.directorist-search-form input,
.directorist-search-form select,
.directorist-search-form textarea,
.directorist-form-group input,
.directorist-form-group select,
.directorist-form-group textarea,
.directorist-search-field input,
.directorist-search-field select,
input.directorist-form-element,
select.directorist-form-element,
.directorist-search-form .select2-container--default .select2-selection--single,
.directorist-search-form .select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single,
.select2-dropdown {
  background: #141210 !important;
  background-color: #141210 !important;
  color: #f0e8dc !important;
  border-color: rgba(240, 232, 220, 0.18) !important;
  border-radius: 0 !important;
}

.directorist-search-form input::placeholder,
.directorist-form-group input::placeholder,
input.directorist-form-element::placeholder {
  color: rgba(240, 232, 220, 0.42) !important;
  opacity: 1 !important;
}

.directorist-search-form .select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-results__option {
  color: #f0e8dc !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
  background: #ec6a43 !important;
  color: #fff !important;
}

.select2-dropdown {
  border: 1px solid rgba(240, 232, 220, 0.18) !important;
}

/* Zero radius — hard rectangular cards & UI across homepage */
.mt-site .mt-card,
.mt-site .mt-card-media,
.mt-site .mt-card-media img,
.mt-site .mt-style-card,
.mt-site .mt-loc-card,
.mt-site .mt-artist-card,
.mt-site .mt-chip,
.mt-site .mt-btn,
.mt-site .mt-btn-ghost,
.mt-site .mt-search,
.mt-site .mt-sf,
.mt-site .mt-badge,
.mt-site .mt-open,
.mt-site .mt-tags span,
.mt-site input,
.mt-site button,
.mt-site .mt-foot-brand,
.directorist-listing-single,
.directorist-listing-single .directorist-listing-single__thumb,
.directorist-listing-single .directorist-listing-single__thumb img,
.directorist-card,
.directorist-listing-card,
.directorist-image-gallery img,
.directorist-pagination .page-numbers,
.directorist-btn {
  border-radius: 0 !important;
}

/* Login icon stays circular */
.main-header-menu > .menu-item.mt-nav-login > .menu-link {
  border-radius: 999px !important;
}

/* ===== UNIVERSAL hero clearance (all devices / modes) ===== */
:root {
  --mt-header-h: 88px;
}

/*
  Fixed header overlays the page. Hero uses negative margin to extend
  its background under the header. Content padding must be:
    header height + gap
  measured from the *document flow start* (y=0 under the fixed bar).
  With margin-top: -H, content y = -H + padding-top.
  We need -H + padding-top >= H + gap  =>  padding-top >= 2H + gap
  so the tagline never sits under the logo/nav.
*/
body.home .mt-hero,
.mt-site .mt-hero {
  box-sizing: border-box !important;
}

body.home .mt-eyebrow,
.mt-site .mt-eyebrow {
  position: relative !important;
  z-index: 2 !important;
}

/* Mobile */
@media (max-width: 921px) {
  body.home .mt-hero,
  .mt-site .mt-hero,
  .mt-hero {
    margin-top: calc(var(--mt-header-h) * -1) !important;
    padding-top: calc(var(--mt-header-h) * 2 + 28px) !important;
    min-height: 100svh !important;
    min-height: 100dvh !important;
    height: auto !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding-bottom: 40px !important;
  }

  .mt-site .mt-title {
    font-size: clamp(48px, 12.8vw, 58px) !important;
    line-height: 0.9 !important;
  }
  .mt-site .mt-title > span { display: block !important; }
}

@media (max-width: 544px) {
  body.home .mt-hero,
  .mt-site .mt-hero,
  .mt-hero {
    padding-top: calc(var(--mt-header-h) * 2 + 24px) !important;
  }
  .mt-site .mt-title {
    font-size: clamp(46px, 12.5vw, 54px) !important;
  }
}

/* Chrome desktop-site / mid width */
@media (min-width: 922px) and (max-width: 1100px) {
  body.home .mt-hero,
  .mt-site .mt-hero,
  .mt-hero {
    margin-top: calc(var(--mt-header-h) * -1) !important;
    padding-top: calc(var(--mt-header-h) * 2 + 24px) !important;
    min-height: 0 !important;
    height: auto !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding-bottom: 36px !important;
  }
}

@media (min-width: 922px) and (hover: none) and (pointer: coarse) {
  body.home .mt-hero,
  .mt-site .mt-hero,
  .mt-hero {
    margin-top: calc(var(--mt-header-h) * -1) !important;
    padding-top: calc(var(--mt-header-h) * 2 + 24px) !important;
    min-height: 0 !important;
    height: auto !important;
    align-items: flex-start !important;
    padding-bottom: 36px !important;
  }
}

/* Real desktop — cinematic bottom-aligned, background under header */
@media (min-width: 1101px) {
  body.home .mt-hero,
  .mt-site .mt-hero,
  .mt-hero {
    margin-top: calc(var(--mt-header-h) * -1) !important;
    padding-top: calc(var(--mt-header-h) * 2 + 16px) !important;
    min-height: 100svh !important;
    min-height: 100dvh !important;
    align-items: flex-end !important;
    padding-bottom: 56px !important;
    padding-left: var(--pad) !important;
    padding-right: var(--pad) !important;
  }
}