/* Retain Astra's markup and menu behavior. Elementor content is opt-in. */
.ytm-site .site-content { background: var(--ytm-paper); }
.ytm-site .site-header { border-bottom: 1px solid var(--ytm-line); }
.ytm-site :where(.main-header-bar,.ast-primary-header-bar,.ast-mobile-header-wrap .ast-primary-header-bar) { background: var(--ytm-ink); border-color: #414640; }
.ytm-site :where(.site-title a,.site-title a:visited,.main-header-menu > .menu-item > .menu-link,.ast-builder-menu-mobile .main-header-menu .menu-link) { color: #f7f4ed; }
.ytm-site .site-title { font-family: var(--ytm-serif); letter-spacing: -.03em; }
.ytm-site .site-header :where(.hp-menu--site-header a,.hp-link) { color: #f7f4ed; }
.ytm-site .main-header-menu .sub-menu { background: var(--ytm-ink); border-color: var(--ytm-gold); }
.ytm-site .main-header-menu .sub-menu .menu-link { color: #f7f4ed; }
.ytm-site .main-header-menu .menu-link:hover { color: var(--ytm-gold); }
.ytm-site .ast-button-wrap .menu-toggle { color: #fff; border: 1px solid #7c817a; min-width: 44px; min-height: 44px; }
.ytm-site .ast-mobile-popup-drawer .ast-mobile-popup-inner { background: var(--ytm-ink); }
.ytm-site .ast-mobile-popup-drawer :where(.menu-link,.ast-mobile-popup-close) { color: #fff; }
.ytm-site .site-footer { background: var(--ytm-ink); color: #e7e4dc; }
.ytm-site .site-footer a { color: #e7e4dc; }
.ytm-site .ytm-section { width: min(var(--ytm-width), calc(100% - 2 * var(--ytm-space))); margin: clamp(48px, 7vw, 104px) auto; }
.ytm-site .ytm-section h2 { font-family: var(--ytm-serif); font-weight: 400; font-size: clamp(1.8rem, 3vw, 2.8rem); line-height: 1.18; letter-spacing: -.03em; margin: 0; }
.ytm-site .ytm-section__heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 32px; }
.ytm-site .ytm-text-link { flex-shrink: 0; color: var(--ytm-ink); font-size: .9rem; font-weight: 600; padding: 12px 0; text-decoration: underline; }
.ytm-site .ytm-hero { isolation: isolate; position: relative; display: flex; align-items: center; min-height: 620px; padding: clamp(56px, 8vw, 128px) var(--ytm-space); background: #252e28; color: #fff; }
.ytm-site .ytm-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,rgba(12,21,17,.86),rgba(12,21,17,.48) 58%,rgba(12,21,17,.15)); }
.ytm-site .ytm-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: var(--ytm-hero-position, 62% 50%); z-index: -2; }
.ytm-site .ytm-hero__content { width: min(var(--ytm-width), 100%); margin: auto; }
.ytm-site .ytm-hero .ytm-eyebrow { color: #d7c4a3; }
.ytm-site .ytm-hero h1 { max-width: 12ch; font: 400 clamp(2.8rem, 5.8vw, 5.7rem)/1.04 var(--ytm-serif); letter-spacing: -.045em; color: #fff; margin: 0 0 24px; }
.ytm-site .ytm-hero__intro { max-width: 40ch; font-size: clamp(1rem, 1.5vw, 1.15rem); color: #f3f0e9; margin: 0 0 32px; }
.ytm-site .ytm-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.ytm-site a.ytm-button { display: inline-flex; min-height: 48px; justify-content: center; align-items: center; padding: 13px 25px; border: 1px solid var(--ytm-ink); background: var(--ytm-ink); color: #fff; text-decoration: none; font: 600 .9rem/1.5 var(--ytm-sans); border-radius: 2px; }
.ytm-site .ytm-hero a.ytm-button--search { background: #e3d4b8; color: #202422; border-color: #e3d4b8; }
.ytm-site .ytm-hero a.ytm-button--sell { background: rgba(20,28,22,.45); border-color: #e3d4b8; color: #fff; }
.ytm-site .ytm-hero__caption { position: absolute; bottom: 24px; right: var(--ytm-space); font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; color: #e3ded4; }
.ytm-site .ytm-brands { display: grid; grid-template-columns: repeat(auto-fit,minmax(165px,1fr)); gap: 0; padding: 8px 0; width: min(var(--ytm-width),calc(100% - 2 * var(--ytm-space))); margin: 24px auto; border-bottom: 1px solid var(--ytm-line); }
.ytm-site .ytm-brands a { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 64px; padding: 16px; color: var(--ytm-ink); text-decoration: none; font-family: var(--ytm-serif); font-size: 1.1rem; border-bottom: 1px solid transparent; }
.ytm-site .ytm-brands span { color: var(--ytm-accent); font-family: var(--ytm-sans); }
.ytm-site .ytm-intro { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px,6vw,96px); padding-block: 48px; border-top: 1px solid var(--ytm-line); }
.ytm-site .ytm-intro p:not(.ytm-eyebrow) { color: var(--ytm-muted); }
@media (hover:hover) and (pointer:fine) {
  .ytm-site .ytm-button:hover { background: var(--ytm-accent); border-color: var(--ytm-accent); color: #fff; }
  .ytm-site .ytm-brands a:hover { border-color: var(--ytm-accent); background: #eeeae1; }
}
@media (max-width:767px) {
  .ytm-site .ytm-hero { min-height: 480px; padding-block:48px 64px; }
  .ytm-site .ytm-hero__image { object-position:var(--ytm-hero-position-mobile,var(--ytm-hero-position,62% 50%)); }
  .ytm-site .ytm-hero::after { background: linear-gradient(90deg,rgba(12,21,17,.88),rgba(12,21,17,.55)); }
  .ytm-site .ytm-section__heading { align-items: start; flex-direction: column; gap: 8px; }
  .ytm-site .ytm-intro { grid-template-columns: minmax(0,1fr); }
  .ytm-site .ytm-brands { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ytm-site .ytm-brands a { font-size: 1rem; padding-inline: 8px; overflow-wrap: anywhere; }
}
@media (max-width:479px) {
  .ytm-site .ytm-hero { padding-block: 40px 64px; min-height:440px; min-height:clamp(400px,70svh,480px); }
  .ytm-site .ytm-hero .ytm-actions { flex-direction: column; align-items: stretch; max-width: 350px; }
  .ytm-site .ytm-hero__caption { left: var(--ytm-space); font-size: .62rem; }
}
.ytm-site #masthead .main-header-menu > .menu-item { min-width:0; }
.ytm-site #masthead .main-header-menu > .menu-item > .menu-link:focus-visible { outline:3px solid #e6c98f; outline-offset:-3px; }
.ytm-site .ytm-account-link > a.menu-link { display:inline-flex; align-items:center; min-height:44px; white-space:normal; }
