/* LORAINE V1.18 — deliberate spacing, clear identity and unobtrusive contact access. */
@media (min-width: 761px) {
  body#shop-app .site-header .header-main {
    height: 119px !important;
    min-height: 119px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    align-items: center !important;
  }
  body#shop-app .site-header .brand-lockup .brand-custom-logo {
    display: block !important;
    width: min(356px, 31vw) !important;
    height: 99px !important;
    max-height: 99px !important;
    object-fit: contain !important;
  }
  body#shop-app .site-header .nav-links {
    height: 57px !important;
    min-height: 57px !important;
    gap: clamp(27px, 3.8vw, 68px) !important;
    justify-content: center !important;
    align-items: stretch !important;
    padding: 0 32px !important;
    border-top: 1px solid #f2ede8 !important;
  }
  body#shop-app .site-header .nav-links button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    padding: 0 4px !important;
    letter-spacing: .12em !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
}
@media (min-width: 761px) and (max-width: 1120px) {
  body#shop-app .site-header .header-main {height: 105px !important;min-height: 105px !important;}
  body#shop-app .site-header .brand-lockup .brand-custom-logo {width: min(305px, 30vw) !important;height: 85px !important;max-height: 85px !important;}
  body#shop-app .site-header .nav-links {gap: clamp(13px, 2.35vw, 34px) !important;padding: 0 18px !important;}
  body#shop-app .site-header .nav-links button {letter-spacing: .06em !important;font-size: 10px !important;}
}
/* The mobile header has an independent lockup size and no compressed lines. */
@media (max-width: 760px) {
  body#shop-app .site-header, body#shop-app .site-header .header-main {
    min-height: 70px !important;height: 70px !important;
  }
  body#shop-app .site-header .header-main {
    grid-template-columns: 39px minmax(0,1fr) 83px !important;
    column-gap: 3px !important;padding: 0 12px !important;
  }
  body#shop-app .site-header .brand-lockup .brand-custom-logo {
    width: min(174px,100%) !important;height: 57px !important;
    max-height: 57px !important;object-fit: contain !important;
  }
  body#shop-app .site-header .header-right {gap: 1px !important;}
  body#shop-app .site-header .atelier-header-icon,body#shop-app .site-header .cart-open-btn {
    width: 31px !important;min-width: 31px !important;
  }
  body#shop-app .site-header .locale-switcher {top: 71px !important;}
}
@media (max-width: 360px) {
  body#shop-app .site-header .header-main {grid-template-columns: 36px minmax(0,1fr) 77px !important;padding: 0 8px !important;}
  body#shop-app .site-header .brand-lockup .brand-custom-logo {width: min(160px,100%) !important;height: 54px !important;}
}
/* An understated LINE link in the existing service area, not an intrusive floating ad. */
body#shop-app .service-row .homepage-line-link {
  color: #625346 !important;display: inline-flex;align-items: center;gap: 6px;
  margin-top: 6px;font-size: 11px;line-height: 1.5;
  text-decoration: none;border-bottom: 1px solid #c8b9a7;
  padding-bottom: 3px;transition: color .15s ease,border-color .15s ease;
}
body#shop-app .service-row .homepage-line-link.hidden {display: none !important;}
body#shop-app .service-row .homepage-line-link:hover,
body#shop-app .service-row .homepage-line-link:focus-visible {color: #221d18 !important;border-color: #221d18;}
@media (max-width: 760px) {
  body#shop-app .service-row .homepage-line-link {font-size: 9.5px;white-space: nowrap;margin-top: 4px;gap: 3px;}
}
/* Checkout has clear content sections, not numeric process markers. */
body#shop-app #checkout-modal .checkout-step {display: none !important;}
body#shop-app #checkout-modal .checkout-heading {letter-spacing: .045em;line-height: 1.45;}