
:root {
  color-scheme: light;
  --sqz-ink: #11110f;
  --sqz-ink-soft: #30302d;
  --sqz-paper: #f7f7f4;
  --sqz-surface: #ffffff;
  --sqz-line: #e4e3dc;
  --sqz-muted: #6d6c65;
  --sqz-shadow: 0 12px 34px rgba(24,24,21,.07);
}
html { background: var(--sqz-paper); scrollbar-color: #b9b8b1 var(--sqz-paper) !important; }
body { background: var(--sqz-paper) !important; color: var(--sqz-ink) !important; }
:focus-visible { outline-color: var(--sqz-ink) !important; }
.sidebar { background: rgba(255,255,255,.96) !important; border-right-color: var(--sqz-line) !important; box-shadow: 8px 0 28px rgba(24,24,21,.035); }
.sidebar__brand img, .site-footer__logo, .hero__symbol { filter: invert(1); }
.sidebar__label, .sidebar__footer { color: var(--sqz-muted) !important; }
.category-link { color: #52514c !important; border-radius: 10px !important; }
.category-link:hover { color: var(--sqz-ink) !important; background: #f3f2ee !important; transform: translateX(0) !important; }
.category-link:hover::before { transform: none !important; }
.category-link.is-active { color: var(--sqz-ink) !important; border-color: var(--accent) !important; background: color-mix(in srgb, var(--accent) 12%, white) !important; }
.category-link.is-active::before { transform: none !important; }
.category-link.is-active .category-link__dot { background: var(--accent) !important; }
.mobile-bar { background: rgba(255,255,255,.94) !important; color: var(--sqz-ink) !important; border-bottom-color: var(--sqz-line) !important; box-shadow: 0 8px 24px rgba(24,24,21,.05); }
.mobile-bar__brand img { filter: invert(1); }
.mobile-bar__toggle { border-color: var(--sqz-line) !important; background: white !important; color: var(--sqz-ink) !important; }
.drawer-backdrop { background: rgba(20,20,18,.24) !important; }
.hero { min-height: min(510px, 68vh) !important; background: linear-gradient(140deg, #ffffff 0%, #f7f7f4 56%, #efeee9 100%) !important; color: var(--sqz-ink) !important; border-bottom-color: var(--sqz-line) !important; }
.hero__arc { border-color: rgba(17,17,15,.12) !important; }
.hero__arc:nth-child(3) { border-color: rgba(17,17,15,.07) !important; }
.hero__eyebrow, .hero__copy { color: var(--sqz-muted) !important; }
.hero-title, .hero-title__line { color: var(--sqz-ink) !important; }
.hero-title__inline-q { border-color: var(--sqz-ink) !important; }
.hero-title__inline-q::after { background: var(--sqz-ink) !important; }
.hero__symbol { opacity: .12 !important; }
.button { background: var(--sqz-ink) !important; color: white !important; border-color: var(--sqz-ink) !important; box-shadow: none !important; }
.button:hover { background: #34342f !important; border-color: #34342f !important; }
.marquee { background: white !important; border-color: var(--sqz-line) !important; color: var(--sqz-ink) !important; }
.catalog-controls, .universal-catalog-controls { display: grid; grid-template-columns: minmax(0,1fr) minmax(180px,260px); gap: 12px; max-width: 1500px; margin: 0 auto; padding: 28px clamp(20px,4vw,64px) 8px; background: transparent; }
.catalog-controls input, .catalog-controls select, .universal-catalog-controls input, .universal-catalog-controls select { min-height: 52px; width: 100%; border: 1px solid var(--sqz-line); border-radius: 12px; padding: 0 16px; background: white; color: var(--sqz-ink); font: inherit; font-weight: 600; outline: none; box-shadow: 0 2px 10px rgba(24,24,21,.025); }
.catalog-controls input:focus, .catalog-controls select:focus, .universal-catalog-controls input:focus, .universal-catalog-controls select:focus { border-color: #8d8b83; box-shadow: 0 0 0 4px rgba(17,17,15,.08); }
.catalog { background: var(--sqz-paper) !important; color: var(--sqz-ink) !important; padding-top: 8px !important; }
.status-message { color: var(--sqz-muted) !important; }
.category-section { padding-top: clamp(42px,6vw,84px) !important; border-top-color: var(--sqz-line) !important; }
.category-heading { align-items: baseline !important; border-bottom-color: var(--sqz-line) !important; }
.category-heading h2 { color: var(--sqz-ink) !important; }
.category-heading__meta { color: var(--sqz-muted) !important; }
.product-grid { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important; gap: clamp(12px,1.5vw,22px) !important; }
.product-card { background: var(--sqz-surface) !important; border: 1px solid var(--sqz-line) !important; color: var(--sqz-ink) !important; border-radius: 14px !important; box-shadow: none !important; overflow: hidden; transform: none !important; }
.product-card:hover { border-color: color-mix(in srgb, var(--accent) 55%, var(--sqz-line)) !important; box-shadow: var(--sqz-shadow) !important; transform: translateY(-3px) !important; }
.product-card__image-wrap { background: #fbfbfa !important; border-bottom-color: var(--sqz-line) !important; aspect-ratio: 1 / .88 !important; }
.product-card__image { object-fit: contain !important; padding: 10px; mix-blend-mode: multiply; }
.product-card__open { background: white !important; color: var(--sqz-ink) !important; border: 1px solid var(--sqz-line); }
.product-card__body { background: white !important; }
.product-card__sku, .product-card__footer { color: var(--sqz-muted) !important; }
.product-card h3 { color: var(--sqz-ink) !important; }
.product-card__footer strong { color: var(--sqz-ink) !important; }
.catalog-load-more { margin-top: 24px !important; border-color: var(--sqz-ink) !important; color: var(--sqz-ink) !important; background: white !important; }
.site-footer { background: var(--sqz-ink) !important; color: white !important; }
.site-footer__copy { color: #d8d7d1 !important; }
.modal { background: rgba(20,20,18,.44) !important; }
.modal__dialog { background: white !important; color: var(--sqz-ink) !important; box-shadow: 0 24px 90px rgba(0,0,0,.23); }
.modal__media { background: #fafaf8 !important; }
.modal__media img { mix-blend-mode: multiply; }
.modal__close { background: white !important; color: var(--sqz-ink) !important; border-color: var(--sqz-line) !important; }
.modal__category, .modal__sku, .modal__description, .modal__section h3 { color: var(--sqz-muted) !important; }
.modal__title, .specs strong, .specs span, .color-chip { color: var(--sqz-ink) !important; }
.specs li, .modal__section { border-color: var(--sqz-line) !important; }
.color-chip { background: #f5f4f0 !important; border-color: var(--sqz-line) !important; }
@media (max-width: 900px) {
  .sidebar { background: white !important; }
  .hero { min-height: 430px !important; padding-top: 110px !important; }
  .catalog-controls, .universal-catalog-controls { grid-template-columns: 1fr; padding: 20px 18px 4px; }
  .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; }
  .product-card__body { padding: 13px !important; }
  .product-card h3 { font-size: .86rem !important; }
  .product-card__footer { font-size: .64rem !important; }
}
@media (max-width: 460px) {
  .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .product-card__image-wrap { aspect-ratio: 1 / .94 !important; }
}
