/* Shared masthead and the Moorah discovery home. */
.store-topline { display:flex; justify-content:space-between; gap:16px; padding:10px max(24px, calc((100% - 1240px) / 2)); background:#722d38; color:#fff6ef; font-size:11px; letter-spacing:.04em; }
.store-header { background:#fffdfa; box-shadow:none; border-bottom:1px solid #e8e2db; }
.store-header .desktop-header-main { max-width:1296px; min-height:92px; padding:18px 28px; border:0; margin:auto; gap:32px; }
.store-header .header-brand-group { display:flex; align-items:center; gap:18px; }
.store-brand-logo { display:block; flex-shrink:0; width:148px; }
.store-brand-logo img { display:block; width:100%; height:auto; }
.store-header .navbar-toggler { border:0; padding:8px; box-shadow:none; }
.store-header .navbar-toggler-icon { width:22px; height:22px; }
.store-search { display:flex; align-items:center; background:#f2eeea; border:1px solid transparent; border-radius:8px; min-width:0; flex:1; max-width:430px; }
.store-search:focus-within { border-color:#722d38; }
.store-search input { width:100%; min-width:0; border:0; background:transparent; padding:14px 16px; font:inherit; font-size:13px; outline:none; }
.store-search button { flex:0 0 44px; border:0; background:transparent; color:#722d38; height:44px; cursor:pointer; }
.store-header .header-actions { gap:22px; }
.store-header .language-button { display:flex; align-items:center; gap:7px; font-size:12px; padding:10px 0; }
.store-button, .canyon-copy a { display:inline-flex; align-items:center; justify-content:center; gap:20px; min-height:44px; padding:12px 20px; border-radius:6px; background:#722d38; color:#fff; font-size:13px; font-weight:650; line-height:1.4; }
.store-button:hover, .store-home .canyon-copy a:hover { background:#53202a; color:white; }
.store-login { font-size:13px; font-weight:650; }
.store-nav { display:flex; align-items:center; gap:32px; max-width:1240px; margin:auto; min-height:48px; font-size:12px; }
.store-nav > a { padding:15px 0 12px; border-bottom:3px solid transparent; }
.store-nav > a:hover, .store-nav > a[aria-current] { color:#722d38; border-color:#722d38; }
.store-nav-note { display:flex; gap:8px; margin-left:auto; color:#746c66; font-size:11px; }
.drawer-auth-actions { display:none; }
.store-home { --ink:#33272a; --accent:#722d38; --muted:#80766f; background:#fffdfa; color:var(--ink); padding:32px 0 72px; }
.home-mobile-auth { display:none; }
.store-home .discovery-hero, .store-home .collection-section, .store-home > .store-feature { width:min(1240px, calc(100% - 56px)); margin-inline:auto; }
.discovery-hero { display:grid; grid-template-columns:1fr 1fr; border:1px solid #e9e1d8; border-radius:16px; overflow:hidden; background:#f2ede5; min-height:510px; }
.discovery-copy { padding:60px 48px 36px; align-self:center; }
.store-eyebrow { display:flex; align-items:center; gap:8px; font-size:10px; letter-spacing:.17em; font-weight:700; color:var(--accent); line-height:1.6; }
.store-eyebrow > span { width:6px; height:6px; background:var(--accent); border-radius:50%; }
.discovery-copy h1 { font-size:clamp(42px,4.7vw,68px); font-weight:600; letter-spacing:-.055em; line-height:1.06; margin:22px 0; max-width:500px; }
.discovery-copy h1 em { display:block; color:var(--accent); font-family:Georgia,serif; font-weight:400; }
.discovery-copy p { color:#746c66; max-width:350px; font-size:14px; line-height:1.8; margin:0 0 30px; }
.hero-secondary { display:inline-flex; gap:10px; align-items:center; font-size:12px; margin:16px 0 0 20px; border-bottom:1px solid #c8bcb1; padding-bottom:4px; }
.hero-footnote { display:flex; gap:10px; align-items:center; font-size:10px; color:#80766f; margin-top:42px; }
.discovery-visual { display:grid; grid-template-columns:1.1fr 1fr; grid-template-rows:auto 1fr 1fr; gap:14px; padding:28px 28px 28px 0; min-width:0; }
.visual-heading { grid-column:1/-1; display:flex; justify-content:space-between; gap:12px; font-size:10px; letter-spacing:.13em; padding:4px 2px 6px; color:#80766f; }
.discovery-tile { display:flex; flex-direction:column; overflow:hidden; border-radius:10px; background:#e5ddd0; min-height:0; }
.discovery-tile-1 { grid-row:2/4; background:#ddd5c8; }
.discovery-tile-2 { background:#e7ddd8; }
.discovery-tile-3 { background:#dedfd3; }
.discovery-tile img { width:100%; height:140px; object-fit:contain; padding:18px; mix-blend-mode:multiply; transition:transform .25s; flex:1; min-height:0; }
.discovery-tile-1 img { height:280px; }
.discovery-tile:hover img { transform:scale(1.045); }
.discovery-tile > span { display:flex; align-items:center; gap:8px; padding:15px; font-size:12px; font-weight:650; line-height:1.4; }
.discovery-tile small { font-size:9px; font-weight:400; opacity:.6; }
.discovery-tile i { margin-left:auto; }
.collection-section { padding-top:56px; scroll-margin-top:180px; }
.collection-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:24px; }
.collection-heading h2 { font-size:28px; letter-spacing:-.035em; font-weight:550; margin:8px 0 0; }
.collection-heading > a { display:flex; gap:16px; align-items:center; font-size:12px; padding-bottom:4px; white-space:nowrap; }
.store-home .category-carousel { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:12px; width:100%; overflow:visible; margin:0; padding:0; }
.store-home .category-pill { display:flex; flex-direction:column; align-items:center; justify-content:start; gap:12px; min-width:0; padding:20px 10px 16px; border:1px solid #e9e2db; border-radius:9px; background:#fff; font-size:11px; color:#52474a; transition:border-color .2s,transform .2s; }
.store-home .category-pill img { width:62px; height:62px; object-fit:contain; border-radius:0; }
.store-home .category-pill:hover { border-color:#a66c74; transform:translateY(-3px); }
.store-home > .store-feature { display:grid; grid-template-columns:.85fr 1.15fr; gap:40px; padding:32px; border-radius:12px; margin-block:56px 0; background:#f0eee8; }
.store-home .canyon-copy { padding:10px; }
.store-home .canyon-copy h2 { font-family:inherit; color:var(--ink); font-size:32px; letter-spacing:-.04em; line-height:1.2; margin-top:16px; }
.store-home .canyon-copy p { color:#746c66; font-size:13px; margin:16px 0 24px; }
.store-home .canyon-copy a { background:var(--accent); border-radius:6px; }
.store-home .store-feature img { border-radius:8px; width:100%; }
.seasonal-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.seasonal-grid a { display:block; border:1px solid #e9e2db; overflow:hidden; border-radius:10px; background:#fff; }
.seasonal-grid img { width:100%; height:auto; }
.seasonal-grid span { display:flex; justify-content:space-between; padding:18px 20px; font-size:13px; font-weight:600; }
.store-header a:focus-visible, .store-home a:focus-visible, .store-search button:focus-visible { outline:2px solid #722d38; outline-offset:4px; }
@media (max-width:1296px) { .store-nav { padding-inline:28px; } }
@media (max-width:1100px) { .store-header .desktop-header-main { gap:20px; } .store-header .header-actions { gap:14px; } .discovery-copy { padding:40px 28px; } .hero-secondary { margin-left:0; margin-right:20px; } .store-home .category-carousel { grid-template-columns:repeat(5,minmax(0,1fr)); } }
@media (max-width:991px) {
    .store-header .desktop-header-main { display:none; }
    .store-header .mobile-header { padding:16px 24px; }
    .store-header .mobile-header-row { margin-bottom:14px; }
    .store-header .store-brand-logo { width:40px; }
    .store-header .store-search { max-width:none; }
    .store-nav { gap:24px; overflow-x:auto; white-space:nowrap; padding-inline:24px; }
    .store-nav-note { display:none; }
    .drawer-auth-actions { display:flex; align-items:center; justify-content:space-between; padding:0 0 20px; margin-bottom:12px; border-bottom:1px solid #e8e2db; }
    .discovery-hero { min-height:450px; }
    .discovery-visual { gap:10px; padding:20px 20px 20px 0; }
    .discovery-tile > span { flex-wrap:wrap; padding:12px; font-size:11px; }
    .discovery-tile small { display:none; }
    .store-home > .store-feature { gap:20px; }
}
@media (max-width:767px) {
    .home-mobile-auth { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; width:calc(100% - 32px); margin:0 auto 20px; }
    .home-mobile-auth .home-login-button { background:transparent; color:var(--accent); border:1px solid var(--accent); }
    .home-mobile-auth .home-login-button:hover { background:#f2ede5; }
    .store-topline { justify-content:center; padding:9px 16px; font-size:10px; }
    .store-referral { display:none; }
    .store-home { padding-top:20px; padding-bottom:40px; }
    .store-home .discovery-hero, .store-home .collection-section, .store-home > .store-feature { width:calc(100% - 32px); }
    .discovery-hero { grid-template-columns:1fr; border-radius:12px; }
    .discovery-copy { padding:32px 24px 24px; }
    .discovery-copy h1 { font-size:48px; margin:18px 0; }
    .discovery-copy p { max-width:440px; font-size:13px; margin-bottom:20px; }
    .hero-secondary { margin-left:16px; margin-right:0; }
    .hero-footnote { margin-top:24px; }
    .discovery-visual { grid-template-columns:1fr 1fr 1fr; grid-template-rows:auto 1fr; padding:0 16px 16px; gap:8px; }
    .visual-heading { padding-top:12px; border-top:1px solid #dcd3c7; font-size:8px; }
    .discovery-tile-1 { grid-row:auto; }
    .discovery-tile img, .discovery-tile-1 img { height:105px; padding:10px; flex:none; }
    .discovery-tile > span { padding:8px; font-size:10px; gap:4px; }
    .discovery-tile i { display:none; }
    .collection-section { padding-top:36px; }
    .collection-heading { margin-bottom:18px; gap:12px; }
    .collection-heading h2 { font-size:24px; }
    .store-eyebrow { font-size:9px; letter-spacing:.12em; }
    .store-home .category-carousel { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
    .store-home .category-pill { padding:16px 8px 12px; font-size:10px; gap:10px; }
    .store-home .category-pill img { width:54px; height:54px; }
    .store-home > .store-feature { display:flex; flex-direction:column-reverse; margin-top:36px; padding:16px; gap:20px; text-align:left; }
    .store-home .canyon-copy { padding:4px 4px 12px; }
    .store-home .canyon-copy h2 { font-size:28px; }
    .store-home .canyon-copy p { margin:14px 0 20px; }
    .seasonal-grid { grid-template-columns:1fr; gap:16px; }
}
@media (max-width:360px) { .discovery-copy { padding:28px 18px 24px; } .discovery-copy h1 { font-size:42px; } .hero-secondary { margin-left:0; display:flex; width:fit-content; } .discovery-tile img, .discovery-tile-1 img { height:86px; } .store-nav { gap:20px; font-size:11px; } }
@media (prefers-reduced-motion:reduce) { .store-home a, .store-home img { transition:none; } }
@media (min-width:768px) {
    .discovery-visual { height:510px; grid-template-rows:26px minmax(0,1fr) minmax(0,1fr); }
    .discovery-tile img, .discovery-tile-1 img { height:0; width:100%; flex:1 1 0; object-fit:contain; }
}