/* LETO 1.1.8 — contained mobile layout corrections; v1.1.7 commerce/card rules remain untouched. */
@media (max-width: 782px) {
  html,body.leto-site {max-width:100%;overflow-x:clip!important;}
  body.leto-site .site-header.leto-ref-header {
    height:64px!important;min-height:64px!important;max-width:100%!important;
    box-sizing:border-box!important;background:var(--leto17-upper)!important;overflow:visible!important;
  }
  body.leto-site .leto-ref-header-inner {
    width:100%!important;max-width:100%!important;min-width:0!important;
    height:64px!important;padding:0 12px!important;box-sizing:border-box!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    gap:5px!important;align-items:center!important;margin:0 auto!important;
  }
  body.leto-site .leto-ref-logo {
    min-width:0!important;max-width:100%!important;width:auto!important;
    display:flex!important;justify-content:flex-start!important;align-items:center!important;overflow:hidden!important;
  }
  body.leto-site .leto-ref-logo img {display:block!important;height:40px!important;width:auto!important;max-width:116px!important;object-fit:contain!important;}
  body.leto-site .leto-desktop-nav {display:none!important;}
  body.leto-site .leto-ref-header-actions {
    display:flex!important;justify-content:flex-end!important;align-items:center!important;
    gap:1px!important;min-width:0!important;max-width:100%!important;
  }
  body.leto-site .leto-ref-header .icon-btn {
    display:flex!important;flex:0 0 38px!important;width:38px!important;min-width:38px!important;
    height:38px!important;padding:6px!important;box-sizing:border-box!important;
    justify-content:center!important;align-items:center!important;overflow:visible!important;
  }
  body.leto-site .leto-ref-header .icon-btn .leto-svg {width:21px!important;height:21px!important;}
  body.leto-site .leto-ref-header .leto-account-link {display:none!important;}
  body.leto-site .leto-ref-header .leto-menu-toggle {display:flex!important;}
  body.leto-site .leto-ref-header .leto-cart-count {right:0!important;top:-1px!important;}
  body.leto-site .leto-ref-menu-panel {
    box-sizing:border-box!important;left:12px!important;right:12px!important;top:64px!important;
    width:auto!important;max-width:none!important;max-height:calc(100svh - 72px)!important;overflow-y:auto!important;
    border-radius:0 0 16px 16px!important;z-index:100!important;
  }
  body.leto-site .leto-ref-search-panel {
    box-sizing:border-box!important;left:12px!important;right:12px!important;top:64px!important;
    width:auto!important;max-width:none!important;z-index:100!important;
  }
  body.leto-site .leto-v117-hero {
    position:relative!important;width:100%!important;margin:0!important;
    height:610px!important;min-height:610px!important;max-height:610px!important;
    padding:0!important;overflow:hidden!important;
    background:var(--leto17-upper)!important;
  }
  body.leto-site .leto-v117-slides,body.leto-site .leto-v117-slide {position:absolute!important;inset:0!important;}
  body.leto-site .leto-v117-slide {background:var(--leto17-upper)!important;}
  body.leto-site .leto-v117-hero-inner {
    box-sizing:border-box!important;position:relative!important;display:flex!important;flex-direction:column!important;
    width:100%!important;height:100%!important;max-width:none!important;min-width:0!important;
    padding:22px 20px 0!important;margin:0!important;gap:0!important;align-items:stretch!important;
  }
  body.leto-site .leto-v117-copy {
    box-sizing:border-box!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;
    width:100%!important;max-width:100%!important;min-width:0!important;flex:0 0 auto!important;
    padding:0!important;margin:0!important;z-index:4!important;
  }
  body.leto-site .leto-v117-eyebrow {
    display:inline-flex!important;min-height:33px!important;padding:0 15px!important;margin:0 0 13px!important;
    border-radius:12px!important;font-size:9px!important;letter-spacing:.11em!important;
    color:#fff!important;background:var(--leto17-deep)!important;
  }
  body.leto-site .leto-v117-copy h1 {
    font-size:clamp(34px,10vw,45px)!important;line-height:.98!important;
    max-width:100%!important;letter-spacing:-.055em!important;margin:0 0 4px!important;
    color:var(--leto17-deep)!important;overflow-wrap:normal!important;
  }
  body.leto-site .leto-v117-subtitle {
    font-size:clamp(15px,4.4vw,19px)!important;line-height:1.15!important;
    margin:0 0 9px!important;color:var(--leto17-deep)!important;
  }
  body.leto-site .leto-v117-copy p {
    font-size:clamp(12px,3.35vw,14px)!important;line-height:1.43!important;
    max-width:100%!important;margin:0 0 13px!important;color:var(--leto17-ink)!important;
  }
  body.leto-site .leto-v117-hero-btn {
    display:inline-flex!important;width:max-content!important;min-height:39px!important;
    padding:0 20px!important;font-size:11px!important;line-height:1!important;
    color:#fff!important;background:var(--leto17-deep)!important;border-radius:99px!important;
  }
  body.leto-site .leto-v117-hero-art {
    position:relative!important;display:block!important;box-sizing:border-box!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;
    flex:1 1 auto!important;margin:0!important;padding:0!important;overflow:visible!important;
  }
  body.leto-site .leto-v117-hero-main {
    display:block!important;position:absolute!important;
    width:min(68vw,330px)!important;height:min(68vw,330px)!important;
    max-width:none!important;max-height:none!important;right:0!important;left:auto!important;
    top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;
    border-radius:19px!important;object-fit:cover!important;object-position:center center!important;
    box-shadow:0 12px 28px rgba(7,60,92,.13)!important;
  }
  body.leto-site .leto-v117-hero-secondary {
    display:block!important;position:absolute!important;
    width:min(38vw,180px)!important;height:min(38vw,180px)!important;
    max-width:none!important;max-height:none!important;left:0!important;right:auto!important;
    top:auto!important;bottom:18px!important;transform:none!important;
    border:4px solid var(--leto17-upper)!important;border-radius:13px!important;
    box-shadow:0 8px 20px rgba(7,60,92,.12)!important;
  }
  body.leto-site .leto-v117-hero .leto-slider-arrow {
    position:absolute!important;z-index:9!important;top:auto!important;bottom:12px!important;
    transform:none!important;display:flex!important;width:34px!important;height:34px!important;
    opacity:1!important;padding:7px!important;box-sizing:border-box!important;
  }
  body.leto-site .leto-v117-hero .leto-slider-prev {left:7px!important;}
  body.leto-site .leto-v117-hero .leto-slider-next {right:7px!important;}
  body.leto-site .leto-v117-category-bar {box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow:hidden!important;}
  body.leto-site .leto-v117-category-inner {box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:0 12px!important;justify-content:flex-start!important;}
}
@media (max-width: 390px) {
  body.leto-site .leto-ref-header-inner {padding:0 9px!important;gap:0!important;}
  body.leto-site .leto-ref-logo img {height:36px!important;max-width:105px!important;}
  body.leto-site .leto-ref-header .icon-btn {flex-basis:36px!important;width:36px!important;min-width:36px!important;height:36px!important;padding:6px!important;}
  body.leto-site .leto-v117-hero {height:590px!important;min-height:590px!important;max-height:590px!important;}
  body.leto-site .leto-v117-hero-inner {padding:19px 17px 0!important;}
  body.leto-site .leto-v117-copy h1 {font-size:clamp(30px,9.6vw,39px)!important;}
  body.leto-site .leto-v117-copy p {font-size:12px!important;line-height:1.38!important;}
  body.leto-site .leto-v117-hero-main {width:min(68vw,275px)!important;height:min(68vw,275px)!important;}
  body.leto-site .leto-v117-hero-secondary {width:min(38vw,145px)!important;height:min(38vw,145px)!important;bottom:26px!important;}
}
@media (prefers-reduced-motion: reduce) {
  body.leto-site .leto-v117-slide {transition:none!important;}
}