/* Shared category navigation and the compact collection explorer. */
.audience-shortcuts { display:none; }
.catalog-menu>summary { list-style:none;display:flex;align-items:center;gap:8px;padding-block:8px;min-height:44px;cursor:pointer; }
.catalog-menu>summary::-webkit-details-marker { display:none; }
.catalog-menu>summary>span { color:var(--gold);transition:transform .2s; }
.catalog-menu[open]>summary>span { transform:rotate(180deg); }
.catalog-menu-panel { position:absolute;top:100%;inset-inline:var(--gutter);display:grid;grid-template-columns:1.65fr repeat(3,minmax(0,1fr));gap:24px;padding:24px 28px 28px;background:var(--paper);border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:0 20px 40px #20372f15;max-height:min(650px,70vh);overflow:auto; }
.catalog-menu-intro { grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--line); }
.catalog-menu-intro>span { font-size:19px; }
.catalog-menu-intro>a { display:flex;align-items:center;gap:12px;font-size:12px; }
.catalog-menu-heading { display:flex;align-items:center;gap:10px;padding:0 0 12px;margin-bottom:9px; }
.catalog-menu-heading img { border-radius:50%;width:46px;height:46px;object-fit:cover; }
.catalog-menu-heading strong { font-weight:500;font-size:15px; }
.catalog-menu-heading small { margin-inline-start:auto;color:var(--muted);font-size:10px;white-space:nowrap; }
.catalog-menu-panel ul { list-style:none;padding:0;margin:0; }
.catalog-menu-panel section:first-of-type ul { display:grid;grid-template-columns:1fr 1fr;column-gap:10px; }
.catalog-menu-panel li>a { display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;min-height:44px;font-size:12px;border-radius:5px; }
.catalog-menu-panel li svg { width:14px;height:14px;color:#8e9c81; }
.catalog-menu-panel li>a:hover { background:#edf0e7; }
.collections { scroll-margin-top:12px; }
.collection-tabs { display:flex;align-items:center;gap:8px;padding:0 0 14px;border-bottom:1px solid var(--line);margin-bottom:25px; }
.collection-tabs>a { display:flex;align-items:center;justify-content:center;gap:12px;min-width:115px;min-height:48px;padding:10px 20px;border:1px solid transparent;border-radius:6px;transition:background .2s,color .2s; }
.collection-tabs>a:hover { background:#edf0e7; }
.collection-tabs>a[aria-selected=true] { background:var(--ink);color:var(--paper); }
.collection-tabs strong { font-size:14px;font-weight:500; }
.collection-tabs small { display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border-radius:50%;background:#eeeee4;color:#7a816f;font-size:10px; }
.collection-tabs [aria-selected=true] small { background:#ffffff1f;color:#e0e6cd; }
.collection-panel { scroll-margin-top:12px; }
.collection-panel+.collection-panel { margin-top:40px; }
.collection-panel[role=tabpanel] { margin-top:0; }
.collection-panel-heading { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px; }
.collection-panel-heading h3 { font-size:21px;letter-spacing:-.6px; }
.collection-panel-heading p { color:var(--muted);font-size:11px;margin-top:5px; }
.collection-panel-heading .text-link { font-size:11px; }
.collection-panel-layout { display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:28px; }
.collection-tiles { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 8px;align-content:center; }
.collection-tile { display:flex;flex-direction:column;align-items:center;gap:11px;min-width:0;padding:9px 6px 12px;border-radius:9px;transition:background .2s; }
.collection-tile-art { display:block;width:min(100%,112px);aspect-ratio:1;background:#f3efe5;border:1px solid #ebe9de;border-radius:50%;overflow:hidden; }
.collection-tile-art img { width:100%;height:100%;object-fit:cover;transition:transform .3s; }
.collection-tile-label { font-size:13px;text-align:center;line-height:1.9; }
.collection-tile:hover { background:#f0f2e9; }
.collection-tile:hover img { transform:scale(1.065); }
.collection-tile:hover .collection-tile-label { color:var(--gold); }
.collection-feature { display:flex;flex-direction:column;min-height:335px;overflow:hidden;border-radius:9px;background:#f1efe6; }
.collection-feature>img { width:100%;height:225px;object-fit:cover;object-position:center 26%; }
.collection-feature-copy { display:flex;flex-direction:column;gap:6px;padding:17px 20px; }
.collection-feature-copy>small { font:8px/1.6 Arial,sans-serif;letter-spacing:1.8px;color:var(--gold); }
.collection-feature-copy>strong { font-size:18px;font-weight:500; }
.collection-feature-copy>span { display:flex;align-items:center;justify-content:space-between;font-size:11px; }
.collection-feature-copy svg { width:16px;height:16px; }
.collection-panel[data-collection-panel=men] .collection-tiles { grid-template-columns:repeat(2,minmax(0,160px));justify-content:center; }
.collection-panel[data-collection-panel=kids] .collection-tiles,.collection-panel[data-collection-panel=gifts] .collection-tiles { grid-template-columns:repeat(4,minmax(0,1fr)); }
.catalog-categories.catalog-audiences { align-items:center;gap:9px;padding-bottom:22px;margin-bottom:25px; }
.catalog-audiences a { display:flex;align-items:center;gap:8px;min-height:48px;padding:5px 14px 5px 9px;border-radius:6px;font-size:12px; }
.catalog-audiences a img { width:34px;height:34px;object-fit:cover;background:#f3efe5;border-radius:50%; }
.catalog-audiences a.is-active { color:var(--paper);background:var(--ink);border-color:var(--ink); }
.catalog-category-picker { margin-bottom:28px;border:1px solid var(--line);border-radius:9px;background:#f9f9f3;overflow:hidden; }
.catalog-category-picker>summary { display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:15px 19px;font-size:13px; }
.catalog-category-picker>summary small { margin-inline-start:auto;color:var(--muted);font-size:11px; }
.catalog-category-picker>summary::-webkit-details-marker { display:none; }
.catalog-category-picker>summary span { color:var(--gold);transition:transform .2s; }
.catalog-category-picker[open]>summary span { transform:rotate(180deg); }
.catalog-subcategories { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:0 16px 18px; }
.catalog-subcategories[data-audience=kids],.catalog-subcategories[data-audience=gifts] { grid-template-columns:repeat(4,minmax(0,1fr)); }
.catalog-subcategories[data-audience=men] { grid-template-columns:repeat(2,minmax(0,1fr)); }
.catalog-subcategories a { display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 7px;border:1px solid transparent;border-radius:7px;transition:border-color .2s,background .2s; }
.catalog-subcategories img { width:74px;height:74px;object-fit:cover;border-radius:50%;background:#f3efe5; }
.catalog-subcategories span { font-size:12px;text-align:center; }
.catalog-subcategories a:hover,.catalog-subcategories a[aria-current=page] { border-color:#a8b29a;background:#edf0e5; }
@media(max-width:1100px) {
    .collection-panel-layout { grid-template-columns:minmax(0,1fr) 200px;gap:20px; }
    .collection-tiles { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .collection-feature>img { height:245px; }
    .collection-tile-art { width:min(100%,102px); }
    .catalog-menu-panel { inset-inline:4%;gap:18px;padding:22px; }
    .catalog-menu-heading { flex-wrap:wrap; }
    .catalog-menu-heading small { margin-inline-start:0; }
}
@media(max-width:800px) {
    .audience-shortcuts { display:flex;align-items:center;justify-content:center;gap:32px;min-height:48px;padding:2px 24px;border-bottom:1px solid var(--line);background:var(--paper); }
    .audience-shortcuts a { display:flex;align-items:center;gap:6px;min-height:44px;font-size:12px;white-space:nowrap; }
    .audience-shortcuts a.is-active { color:var(--gold);box-shadow:inset 0 -2px var(--gold); }
    .audience-shortcuts a>span { color:var(--gold);font-size:18px; }
    .audience-shortcuts svg { width:16px;height:16px; }
    .shortcut-divider { width:1px;height:17px;background:var(--line); }
    .catalog-menu { position:static; }
    .catalog-menu-panel { position:relative;inset:auto;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:16px;margin-block:8px;border-radius:8px;box-shadow:none;max-height:none; }
    .catalog-menu-intro { display:none; }
    .catalog-menu-panel section:first-of-type,.catalog-menu-panel section:last-of-type { grid-column:1/-1; }
    .catalog-menu-panel section:last-of-type ul { display:grid;grid-template-columns:1fr 1fr; }
    .main-navigation:has(.catalog-menu[open]) .catalog-menu { width:100%;order:8; }
    .catalog-menu>summary { justify-content:center; }
    .collection-tabs { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:22px;padding-bottom:13px; }
    .collection-tabs>a { min-width:0;min-height:46px;gap:8px;padding:9px 10px; }
    .collection-tabs strong { font-size:13px; }
    .collection-tabs small { min-width:21px;height:21px;font-size:10px; }
    .collection-panel-heading { gap:14px;margin-bottom:15px; }
    .collection-panel-heading h3 { font-size:19px; }
    .collection-panel-heading .text-link { font-size:10px;gap:8px; }
    .collection-panel-layout { display:block; }
    .collection-feature { display:none; }
    .collection-tiles { grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 8px; }
    .collection-tile { gap:9px;padding:8px 5px 10px; }
    .collection-tile-art { width:100px;max-width:100%; }
    .collection-tile-label { font-size:12px; }
    .catalog-subcategories { grid-template-columns:repeat(4,minmax(0,1fr));padding-inline:12px; }
    .catalog-audiences a { font-size:11px;gap:5px;padding:5px 10px; }
    .catalog-audiences a img { width:29px;height:29px; }
    .catalog-categories.catalog-audiences { display:none; }
}
@media(max-width:600px) {
    .audience-shortcuts { gap:0;justify-content:space-between;padding-inline:24px; }
    .audience-shortcuts a { font-size:11px; }
    .audience-shortcuts a:last-child svg { display:none; }
    .shortcut-divider { margin-inline:3px; }
    .collection-tabs>a { padding-inline:6px;gap:7px; }
    .collection-tabs small { min-width:19px;height:19px;font-size:9px; }
    .collection-tabs strong { font-size:12px; }
    .collection-panel-heading { align-items:start; }
    .collection-panel-heading h3 { font-size:17px; }
    .collection-panel-heading p { font-size:10px; }
    .collection-panel-heading .text-link { font-size:10px;min-height:35px;padding-block:4px;gap:5px; }
    .collection-panel-heading .text-link svg { width:14px;height:14px; }
    .collection-tiles,.collection-panel[data-collection-panel=kids] .collection-tiles,.collection-panel[data-collection-panel=gifts] .collection-tiles { grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 6px; }
    .collection-tile-art { width:86px; }
    .collection-tile-label { font-size:12px; }
    .collection-panel[data-collection-panel=men] .collection-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .collection-panel[data-collection-panel=kids] .collection-tiles,.collection-panel[data-collection-panel=gifts] .collection-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .catalog-subcategories { grid-template-columns:repeat(3,minmax(0,1fr));gap:6px; }
    .catalog-subcategories[data-audience=kids],.catalog-subcategories[data-audience=gifts] { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .catalog-subcategories img { width:66px;height:66px; }
    .catalog-subcategories span { font-size:11px; }
}
@media(prefers-reduced-motion:reduce) { .collection-tile-art img,.collection-tile,.collection-tabs>a,.catalog-menu>summary>span,.catalog-subcategories a { transition:none; } }
