/* V73 · Qhatu catalog: one explorer, compact controls and clear purchase surfaces. */
@font-face{font-family:QhatuCatalogTherilo;src:url('/fonts/therilo-bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap;ascent-override:62%;descent-override:6%;line-gap-override:0%}
.catalog-page .site-header{border-bottom:2px solid #b79960}
.catalog-page .site-header .brand{gap:10px;flex-shrink:0}
.catalog-page .site-header .brand .catalog-wordmark{font-family:QhatuCatalogTherilo,serif;font-size:68px;line-height:.8;letter-spacing:0;font-weight:700;font-synthesis:none;text-transform:uppercase;color:#fff0cc;text-shadow:0 2px 0 #80623c}
.catalog-page .site-header .brand small{margin-top:2px;font-size:12px;line-height:1.2;letter-spacing:.13em;color:#d8e3d4}
.catalog-page .catalog-shell{display:block;padding-top:24px}
.catalog-page .catalog-heading{gap:12px;align-items:center;flex-wrap:wrap}
.catalog-page .catalog-heading .eyebrow{display:none}
.catalog-page .catalog-heading h2{font-size:2rem;line-height:1.2;font-weight:500;letter-spacing:-.035em}
.catalog-page .catalog-controls{margin:16px 0 0;padding:8px;background:#fffdf8;border-color:#c7d1c1;border-radius:15px;box-shadow:0 4px 12px #173f2810}
.catalog-page .search-box{background:#fffdf8;border-color:transparent;border-radius:10px;box-shadow:none}
.catalog-page .search-box:focus-within{border-color:#63825c;box-shadow:0 0 0 2px #63825c22}
.catalog-page .catalog-toolbar{gap:10px}
.catalog-page .catalog-summary button,.catalog-page .filter-button{border:1px solid #d4dacb;border-radius:10px;background:#f0f3e9;font-weight:500;min-height:44px}
.catalog-page .catalog-summary button[aria-pressed=true]{background:#214d38;border-color:#214d38;color:#fff8e5;box-shadow:none}
.catalog-page .filter-button[aria-expanded=true]{background:#e8d8b5;border-color:#b49b66;color:#193e2e}
.catalog-browser{margin-top:18px}
.catalog-browser-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.catalog-browse-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:#e7ebdd}
.catalog-browse-tabs button{min-height:44px;padding:8px 18px;border:0;border-radius:9px;background:transparent;color:#4a6148;font-family:var(--product-font);font-size:.9375rem;font-weight:500;cursor:pointer}
.catalog-browse-tabs button[aria-selected=true]{background:#103c2d;color:#fff4db;box-shadow:0 2px 5px #143c2922}
.catalog-browse-tabs button:focus-visible,.browse-expand:focus-visible{outline:3px solid #a67228;outline-offset:3px}
.browse-expand{min-height:44px;padding:6px 2px;border:0;background:transparent;color:#355c42;font-size:.875rem;font-weight:500;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.catalog-browser .category-explorer,.catalog-browser .occasion-shop{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.catalog-browser [hidden]{display:none!important}
.catalog-browser .reservation-sr-only{display:none}
.catalog-browser .category-explorer .category-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:0;padding:3px;overflow:visible}
.catalog-browser .category-explorer .category-chip{display:flex;flex-direction:column;justify-content:flex-start;gap:5px;min-width:0;min-height:142px;max-width:none;height:auto;padding:8px 7px 10px;border:1px solid transparent;border-radius:14px;background:#eeeade;color:#354e35;box-shadow:none;transform:none}
.catalog-browser .category-explorer .category-chip .category-chip-icon{width:72px;height:72px;max-width:100%;background:transparent;border-radius:0}
.catalog-browser .category-explorer .category-chip .category-chip-text{font-size:.875rem;line-height:1.35;font-weight:500}
.catalog-browser .category-explorer .category-chip>small{padding:0;margin-top:auto;color:#626e55;font-size:.75rem;line-height:1.3}
.catalog-browser .category-explorer .category-chip.active,.catalog-browser .occasion-grid>button[aria-pressed=true]{border-color:#b1965c;background:#fff8e7;color:#203e2d;box-shadow:inset 0 -3px 0 #b1965c}
.catalog-browser .category-explorer .category-chip.active::after,.catalog-browser .occasion-grid>button[aria-pressed=true]::after{top:6px;right:6px;width:18px;height:18px;background:#32563c;color:#fff8e5;font-size:.6875rem}
.catalog-browser .category-explorer .category-chip:not(.active):hover:not(:disabled),.catalog-browser .occasion-grid>button:not([aria-pressed=true]):hover:not(:disabled){border-color:#b6c6a8;background:#e7eddf;box-shadow:none;transform:none}
.catalog-browser .occasion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0;padding:3px;overflow:visible}
.catalog-browser .occasion-grid>button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;min-width:0;min-height:142px;padding:8px 10px 10px;border:1px solid transparent;border-radius:14px;background:#eeeade;text-align:center;box-shadow:none}
.catalog-browser .occasion-grid>button>.occasion-illustration{width:72px;height:72px;flex:none}
.catalog-browser .occasion-grid>button>strong{font-size:.9375rem;line-height:1.35;font-weight:500}
.catalog-browser .occasion-grid>button>small{display:none}
.catalog-browser .occasion-grid>button>b{margin:0;margin-top:auto;color:#626e55;font-size:.75rem;line-height:1.3}
.catalog-browser .catalog-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin:9px 0 0;padding:0;overflow:visible}
.catalog-browser .catalog-shortcuts:not(:has(button:not([hidden]))){display:none}
.catalog-browser .catalog-shortcuts button{display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;padding:5px 12px 5px 7px;border:1px solid #d0d8c5;border-radius:11px;background:#faf8ef;box-shadow:none}
.catalog-browser .catalog-shortcuts button>.shortcut-illustration{width:30px;height:30px;flex:none}
.catalog-browser .catalog-shortcuts button small{display:none}
.catalog-browser .catalog-shortcuts button[aria-pressed=true]{background:#e6eddb;border-color:#8ba578;box-shadow:none}
/* Active filters form a single readable row with an explicit removal target. */
.catalog-page .active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:14px 0;padding:0}
.catalog-page .active-filters:empty{display:none;margin:0}
.catalog-page .active-filters button{display:inline-flex;align-items:center;gap:9px;min-height:44px;max-width:100%;padding:7px 10px 7px 12px;border:1px solid #bdceb3;border-radius:10px;background:#e5eddd;color:#26462d;font-size:.875rem;font-weight:500;text-align:left;white-space:normal}
.catalog-page .active-filters button>span{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:6px;background:#fffdf7;color:#31503a;font-size:1.125rem}
.catalog-page .active-filters .reset-catalog-filters{border-color:transparent;background:transparent;color:#35533a;padding-inline:6px}
/* Purchase surfaces: quiet photo frame, warm action and explicit stock colors. */
.catalog-page .product-grid{margin-top:18px}
.catalog-page .product-grid .product-card{border-color:#d9d8c9;border-radius:17px;background:#fffdf8;box-shadow:0 3px 10px #2d402309}
.catalog-page .product-grid .product-card .product-card-media.has-image{border-color:#e3e3d8;background:#fff;box-shadow:none;border-radius:12px}
.catalog-page .product-grid .product-card .product-card-head h3{text-decoration:none}
.catalog-page .product-grid .card-quick-add{border:1px solid #e4c889;border-radius:11px;background:linear-gradient(115deg,#f6dda8,#edca88);color:#20432f;box-shadow:inset 0 1px 0 #fff9;font-weight:700;min-height:44px}
.catalog-page .product-grid .card-quick-add.just-added{background:#dcead2;border-color:#91ad7f;color:#214a2e}
.catalog-page .product-grid .product-card-state>.stock-pill.out{background:#f9e4e0;color:#993f35}
.catalog-page .product-grid .product-card.is-in-cart{border-color:#718354;background:#f4f7ed;box-shadow:inset 0 0 0 1px #718354}
.catalog-page .product-grid .product-card:focus-within{border-color:#66845a;box-shadow:0 0 0 3px #6d885433}
.catalog-page .product-detail-hero>div:last-child>.product-detail-category{display:inline-flex;align-items:center;gap:7px;padding:0 8px 0 0;border-radius:8px;background:#f0efe3;color:#3e6148;line-height:1.4}
.catalog-page .product-detail-category>.detail-category-art{display:block;flex:0 0 28px;width:28px;height:28px;overflow:hidden}
.catalog-page .product-detail-category>.detail-category-name{min-width:0;overflow-wrap:anywhere}
.catalog-page #cart-drawer .cart-checkout-dock{border-top:2px solid #b69a60;background:#103c2d;color:#fff4dd;box-shadow:0 -6px 18px #103c2d14}
.catalog-page #cart-drawer .cart-subtotal-row>span{color:#dfe8d9}
.catalog-page #cart-drawer .cart-subtotal-row>strong{color:#fff2ce}
.catalog-page #cart-drawer .cart-dock-note{color:#d4dfcd}
.catalog-page #cart-drawer .cart-checkout-dock .checkout-button{background:linear-gradient(115deg,#f7d899,#efbd70);color:#183b29;border:1px solid #f8da9c;box-shadow:inset 0 1px 0 #fff8}
.catalog-page #cart-drawer .cart-checkout-dock .checkout-button:hover:not(:disabled){background:linear-gradient(115deg,#ffe5ad,#f3c579);filter:none;transform:none}
.catalog-page #cart-drawer .cart-checkout-dock .checkout-button:disabled{background:#acb8a8;color:#263e2d;border-color:#acb8a8;box-shadow:none;opacity:1;cursor:not-allowed}
.catalog-page #cart-drawer .cart-checkout-dock .checkout-button:focus-visible{outline:3px solid #fff4da;outline-offset:3px}
/* Quick presentation picker stays outside card stacking and uses native modal focus. */
.quick-add-dialog{position:fixed;inset:0;width:min(440px,calc(100% - 32px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);height:fit-content;margin:auto;padding:0;border:1px solid #d6d9c9;border-radius:20px;background:#fffdf8;color:#203d2b;box-shadow:0 24px 70px #102b2740;overflow:auto;overscroll-behavior:contain}
.quick-add-dialog::backdrop{background:#082719a6;backdrop-filter:blur(3px)}
.quick-add-sheet{padding:18px}
.quick-add-sheet>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.quick-add-sheet>header>div{min-width:0}
.quick-add-sheet>header small{font-size:.75rem;color:#607150;line-height:1.4}
.quick-add-sheet h2{margin:4px 0 0;font-family:var(--product-font);font-size:1.25rem;font-weight:500;line-height:1.35;overflow-wrap:anywhere}
#close-quick-add{flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #ced7c5;border-radius:12px;background:#edf1e5;color:#294e36;font-size:1.5rem;cursor:pointer}
#quick-add-help{margin:12px 0;font-size:.875rem;line-height:1.5;color:#526348}
.quick-add-options{display:grid;gap:8px}
.quick-add-choice{display:grid;grid-template-columns:minmax(0,1fr) auto 30px;align-items:center;gap:10px;width:100%;min-height:66px;padding:10px 12px;border:1px solid #ced8bf;border-radius:12px;background:#f3f5eb;color:#264a32;text-align:left;cursor:pointer;font-family:var(--product-font)}
.quick-add-weight{font-size:1rem;line-height:1.4;font-weight:500;min-width:0;overflow-wrap:anywhere}
.quick-add-weight small{display:block;margin-top:3px;font-size:.75rem;line-height:1.4;color:#496044}
.quick-add-price{font-size:1.125rem;font-weight:700;line-height:1.4;text-align:right;overflow-wrap:anywhere}
.quick-add-plus{display:grid;place-items:center;width:30px;height:30px;background:#ebcf92;border-radius:9px;font-size:1.25rem;line-height:1}
.quick-add-choice:hover:not(:disabled){border-color:#849e6e;background:#e9f0dd}
.quick-add-choice:disabled{border-color:#e1d9d0;background:#f8f3ed;color:#716959;cursor:not-allowed}
.quick-add-choice:disabled small{color:#8b493f}
.quick-add-choice:disabled .quick-add-plus{background:#ece5dc;color:#736b5e}
.quick-add-choice:focus-visible,#close-quick-add:focus-visible,.quick-add-details:focus-visible{outline:3px solid #9b742d;outline-offset:2px}
.quick-add-feedback{font-size:.8125rem;line-height:1.5;color:#8b493f;margin:10px 0 0}
.quick-add-feedback:empty{display:none}
.quick-add-details{display:block;min-height:44px;margin:10px 0 0;padding:8px 0;border:0;background:transparent;color:#345d40;text-decoration:underline;text-underline-offset:4px;font-size:.875rem;text-align:left;cursor:pointer}
.cart-sync-notice{margin:0 0 12px;padding:12px;border:1px solid #d5bd86;border-radius:12px;background:#fbefcf;color:#614a24}
.cart-sync-notice p{margin:0;font-size:.875rem;line-height:1.5}
.cart-sync-notice button{min-height:44px;margin-top:8px;padding:7px 14px;border:1px solid #bea36a;border-radius:9px;background:#fff8e6;color:#514020;font:inherit;cursor:pointer}
.cart-sync-notice button:disabled{opacity:.6;cursor:wait}
@media(max-width:640px){.quick-add-dialog{inset:auto 0 0;width:100%;max-height:85vh;max-height:85dvh;margin:0;border-radius:22px 22px 0 0}.quick-add-sheet{padding:18px 16px calc(14px + env(safe-area-inset-bottom))}}
@media(max-width:360px){.quick-add-choice{grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;padding:10px}.quick-add-plus{display:none}.quick-add-price{font-size:1rem}}
@media(hover:hover){.catalog-page .product-grid .product-card:hover{border-color:#a4b295;box-shadow:0 5px 16px #2d402312;transform:none}}
@media(min-width:641px) and (max-width:1100px){.catalog-page .catalog-command-row{display:block}.catalog-page .catalog-command-row .catalog-toolbar{margin-top:7px}.catalog-page .catalog-command-row .catalog-summary{flex:1}}
@media(max-width:820px) and (min-width:641px){.catalog-browser .category-explorer .category-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){
 .catalog-page .site-header{padding-inline:12px;gap:5px}
 .catalog-page .site-header .brand{gap:7px}
 .catalog-page .site-header .brand img{width:36px;height:36px;border-radius:10px}
 .catalog-page .site-header .brand .catalog-wordmark{font-size:54px;line-height:.8}
 .catalog-page .site-header .brand small{font-size:12px;line-height:1;margin-top:1px}
 .catalog-page .site-header .header-cart{margin-left:0}
 .catalog-page .catalog-shell{padding-top:20px}
 .catalog-page .catalog-heading h2{font-size:1.625rem}
 .catalog-page .catalog-status{font-size:.75rem}
 .catalog-page .catalog-controls{margin-top:13px;padding:6px;border-radius:13px}
 .catalog-page .catalog-command-row .catalog-summary{gap:7px}
 .catalog-page .catalog-command-row .catalog-summary button{font-size:.8125rem}
 .catalog-page .catalog-command-row .catalog-summary>strong{font-size:.8125rem}
 .catalog-browser{margin-top:14px}
 .catalog-browser-heading{gap:7px;margin-bottom:9px}
 .catalog-browse-tabs button{padding-inline:12px;font-size:.875rem}
 .browse-expand{font-size:.8125rem}
 .catalog-browser .category-explorer .category-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .catalog-browser .category-explorer .category-chip{min-height:128px;padding:7px 5px 9px;gap:4px;flex:auto}
 .catalog-browser .category-explorer .category-chip .category-chip-icon{width:60px;height:60px}
 .catalog-browser .category-explorer .category-chip .category-chip-text{font-size:.875rem}
 .catalog-browser .occasion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .catalog-browser .occasion-grid>button{min-height:128px;gap:4px;padding:7px 7px 9px}
 .catalog-browser .occasion-grid>button>.occasion-illustration{width:60px;height:60px}
 .catalog-browser .occasion-grid>button>strong{font-size:.875rem}
 .catalog-page .active-filters{margin:12px 0;gap:6px}
 .catalog-page .product-grid{margin-top:14px}
}
