/* Storefront layout. Shared palette and aliases: tradehouse-design-tokens.css. */
body.public-site {
  color: var(--store-text);
  background: radial-gradient(ellipse at 75% 0, #1b171215, transparent 60%), var(--store-bg) !important;
  font-family: var(--store-font);
  -webkit-font-smoothing: antialiased;
}

html:has(body.public-site) { scrollbar-color: #716049 #121112; scrollbar-gutter: stable; }
body.public-site, body.public-site * { scrollbar-color: var(--store-scroll-thumb) var(--store-scroll-track); scrollbar-width: thin; }
body.public-site ::-webkit-scrollbar { width: 10px; height: 10px; }
body.public-site ::-webkit-scrollbar-track { background: var(--store-scroll-track); }
body.public-site ::-webkit-scrollbar-thumb { background: var(--store-scroll-thumb); border: 2px solid var(--store-scroll-track); border-radius: 8px; }
body.public-site ::-webkit-scrollbar-thumb:hover { background: var(--store-scroll-hover); }
body.public-site ::-webkit-scrollbar-thumb:active { background: var(--store-gold); }
body.public-site::before, body.public-site > .ambient { display: none; }
body.public-site [hidden] { display: none !important; }
body.public-site .container { width: min(var(--store-page-max), calc(100% - var(--store-gutter) * 2)) !important; max-width: var(--store-page-max) !important; }
/* Legacy themes use !important on many shared controls; public ownership is explicit. */
body.public-site :is(h1, h2, h3, h4, p, a, button, input, select, textarea, strong, small, span, label, summary, b, em, li, dt, dd, legend, th, td, option) { font-family: var(--store-font) !important; }
body.public-site :is(a, button, summary, select, label:has(input[type="checkbox"])) { -webkit-tap-highlight-color: transparent; }
body.public-site :is(a, button, summary, select):not(:disabled) { cursor: pointer; }
body.public-site :is(a, button, summary, input, select, textarea):focus-visible { outline: 2px solid var(--store-gold-light); outline-offset: 5px; }
body.public-site :is(button, input, select, textarea):disabled { opacity: .5; cursor: not-allowed; }
body.public-site textarea { resize: none; }
body.public-site .public-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

/* A quiet shop header, with the same wordmark proportions as the reference. */
body.public-site .site-header {
  display: flex; flex-direction: row !important; align-items: center; justify-content: space-between; gap: 32px;
  min-height: 90px; padding: 15px var(--store-gutter) !important; border-bottom: 1px solid var(--store-line);
  background: #0d0c0ef5 !important; box-shadow: none !important; backdrop-filter: none !important;
}
body.public-site .public-brand { flex: 0 0 auto; display: grid; gap: 1px; color: var(--store-gold-light); text-decoration: none; font-size: 28px; line-height: 1.03; font-weight: 300; letter-spacing: 1px; }
body.public-site .nav { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 24px !important; margin: 0 0 0 auto; }
body.public-site .nav > a, body.public-site .nav-dropdown > summary { position: relative; display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; border: 0 !important; border-radius: 0; background: transparent !important; color: var(--store-muted) !important; font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif !important; font-size: 17px; font-weight: 500; letter-spacing: .015em; white-space: nowrap; box-shadow: none !important; text-shadow: none !important; }
body.public-site .nav > a:hover, body.public-site .nav-dropdown > summary:hover, body.public-site .nav-dropdown[open] > summary, body.public-site .nav > a[aria-current] { color: var(--store-text) !important; background: transparent !important; }
body.public-site .nav > a[aria-current]::after { content: ""; position: absolute; left: 4px; right: 4px; bottom: -3px; height: 2px; background: linear-gradient(90deg, var(--store-gold-light), #8e602e); }
body.public-site .nav-dropdown__menu { border-color: var(--store-line) !important; border-radius: var(--store-control-radius); background: var(--store-surface) !important; box-shadow: 0 14px 36px #0006 !important; backdrop-filter: none !important; }
body.public-site .nav-dropdown__menu a { border-radius: 5px; font-weight: 550; color: var(--store-muted); }
body.public-site .nav-dropdown__menu a:hover { background: #edb96b0e; color: var(--store-gold-light); }

/* The highlight is the main object; the collection entries stay secondary. */
body.public-site .home-showcase { padding-top: 26px; padding-bottom: 20px; }
body.public-site .home-showcase__heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 20px; padding-right: 64px; }
body.public-site .home-showcase__heading h1 { margin: 0; color: var(--store-text); font-size: clamp(34px, 3.4vw, 56px); font-weight: 760; line-height: 1.15; letter-spacing: -.035em; }
body.public-site .home-showcase__heading h1 > span { color: var(--store-gold); }
body.public-site .public-text-link { display: inline-flex; align-items: center; gap: 10px; color: var(--store-gold-light); text-decoration: none; font-size: 14px; font-weight: 650; line-height: 1.4; }
body.public-site a.public-text-link:hover { color: var(--store-text); }
body.public-site .public-text-link svg, body.public-site .public-circle-arrow svg { flex: 0 0 auto; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: transform .18s ease; }
body.public-site a:hover > .public-text-link svg, body.public-site a.public-text-link:hover svg { transform: translateX(4px); }
body.public-site .home-showcase__grid { display: grid; grid-template-columns: minmax(0, 1.58fr) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: clamp(342px, calc(100svh - 410px), 510px); gap: 18px; }
body.public-site .highlight-carousel { position: relative; display: grid; width: 100%; min-width: 0; min-height: 0; overflow: hidden; border: 1px solid var(--store-line); border-radius: var(--store-radius); background: radial-gradient(ellipse at 70% 30%, #352716, #111011 70%); }
body.public-site .highlight-slide { position: relative; grid-area: 1 / 1; min-width: 0; min-height: 0; }
/* Product photography has its own stage; text and controls never cover the image. */
body.public-site .highlight-slide__link { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); grid-template-rows: minmax(0, 1fr); align-items: center; gap: clamp(16px, 2vw, 28px); height: 100%; min-width: 0; padding: 24px clamp(24px, 2.5vw, 40px) 62px; color: var(--store-text); text-decoration: none; }
body.public-site .highlight-slide__media { grid-column: 2; grid-row: 1; display: grid; place-items: center; width: 100%; height: 100%; min-width: 0; min-height: 0; }
body.public-site .highlight-slide__image { position: static; display: block; width: 100%; height: 100%; min-width: 0; min-height: 0; object-fit: scale-down; object-position: center; }
body.public-site .highlight-slide__image-fallback { color: var(--store-muted); font-size: 14px; }
body.public-site .highlight-slide__copy { position: relative; grid-column: 1; grid-row: 1; width: auto; min-width: 0; }
body.public-site .showcase-eyebrow { display: block; margin-bottom: 17px; color: var(--store-gold-light) !important; font-size: 12px; font-weight: 750; line-height: 1.4; letter-spacing: .09em; text-transform: uppercase; }
body.public-site .showcase-eyebrow::after { content: ""; display: block; width: 34px; height: 1px; margin-top: 12px; background: var(--store-gold); }
body.public-site .highlight-slide__copy h2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 0 0 14px; color: var(--store-text); font-size: clamp(24px, 2.15vw, 38px); font-weight: 750; line-height: 1.1; letter-spacing: -.025em; overflow-wrap: anywhere; }
body.public-site .highlight-slide__copy p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 0 0 18px; color: var(--store-muted); font-size: clamp(14px, 1.1vw, 17px); line-height: 1.5; }
body.public-site .showcase-price { display: inline-flex; align-items: center; gap: 12px; min-height: 47px; padding: 7px 22px; border: 1px solid #d3a75d; border-radius: var(--store-control-radius); background: #090909a8; color: var(--store-gold-light); font-size: clamp(22px, 1.9vw, 31px); font-weight: 800; line-height: 1.2; box-shadow: inset 0 0 0 1px #edb96b0d; }
body.public-site .showcase-price del { color: var(--store-muted); font-size: 14px; font-weight: 500; }
body.public-site .highlight-slide__link:hover .showcase-price { border-color: var(--store-gold-light); background: #21190ee0; }
body.public-site .highlight-slide__copy .showcase-price { max-width: 100%; flex-wrap: wrap; }
body.public-site .highlight-slide__link:focus-visible { outline-offset: -5px; border-radius: var(--store-radius); }
body.public-site .highlight-carousel__dots { position: absolute; z-index: 3; left: 50%; bottom: 12px; display: flex; justify-content: center; max-width: calc(100% - 128px); overflow-x: auto; transform: translateX(-50%); padding: 0 7px; border-radius: 30px; background: #09090a70; }
body.public-site .highlight-carousel__dot { flex: 0 0 30px; display: grid; place-items: center; width: 30px; height: 34px; padding: 0; border: 0 !important; border-radius: 50%; background: transparent !important; box-shadow: none !important; }
body.public-site .highlight-carousel__dot > span { width: 7px; height: 7px; border: 1px solid #f5ce8c90; border-radius: 50%; background: #ffffff2b; transition: background .18s, width .18s; }
body.public-site .highlight-carousel__dot.is-active > span { width: 18px; border-radius: 5px; border-color: var(--store-gold); background: var(--store-gold); }
body.public-site .highlight-carousel__dot:hover > span { background: var(--store-gold-light); }
body.public-site .highlight-carousel__pause { position: absolute; right: 14px; bottom: 12px; z-index: 3; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid #ffffff26 !important; border-radius: 50%; background: #09090aa8 !important; color: var(--store-gold-light) !important; box-shadow: none !important; }
body.public-site .highlight-carousel__pause svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; }
body.public-site .highlight-carousel__pause.is-paused svg { display: none; }
body.public-site .highlight-carousel__pause.is-paused::after { content: ""; margin-left: 3px; border-block: 6px solid transparent; border-left: 9px solid currentColor; }
body.public-site .highlight-carousel__pause:hover { border-color: var(--store-gold) !important; }
body.public-site .home-showcase__side { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 18px; min-width: 0; min-height: 0; }
body.public-site .collection-feature { position: relative; display: block; min-height: 0; overflow: hidden; border: 1px solid var(--store-line); border-radius: var(--store-radius); background: var(--store-surface); text-decoration: none; transition: border-color .18s; }
body.public-site .collection-feature > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .4s; }
body.public-site .collection-feature__shade { position: absolute; inset: 0; background: linear-gradient(90deg, #09090bef 0%, #09090ba6 37%, #09090b08 78%); }
body.public-site .collection-feature__copy { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; height: 100%; padding: clamp(16px, 1.7vw, 28px); }
body.public-site .collection-feature .showcase-eyebrow { margin-bottom: 10px; }
body.public-site .collection-feature .showcase-eyebrow::after { margin-top: 8px; }
body.public-site .collection-feature h2 { margin: 0 0 8px; color: var(--store-text); font-size: clamp(22px, 1.6vw, 28px); font-weight: 730; line-height: 1.12; letter-spacing: -.02em; }
body.public-site .collection-feature p { margin: 0 0 12px; color: var(--store-muted); font-size: 13px; line-height: 1.4; }
body.public-site .collection-feature .public-text-link { font-size: 13px; }
body.public-site .collection-feature:hover { border-color: #a47d48; }
body.public-site .collection-feature:hover > img { transform: scale(1.025); }

/* Three clear destinations; the wardrobe is an honest, non-navigating beta action. */
body.public-site .home-categories { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 18px; }
body.public-site .home-category { position: relative; display: flex; align-items: center; min-width: 0; min-height: 116px; overflow: hidden; padding: 21px 25px; border: 1px solid var(--store-line) !important; border-radius: var(--store-radius); background: var(--store-surface) !important; text-align: left; text-decoration: none; font: inherit; color: var(--store-text); box-shadow: none !important; transform: none !important; transition: border-color .18s, background .18s; }
body.public-site .home-category > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 65% 45%; transition: transform .4s; }
body.public-site .home-category--plush > img { object-position: 68% 43%; }
body.public-site .home-category--wardrobe > img { object-position: 90% 50%; filter: saturate(.6); transform: scaleX(-1); }
body.public-site .home-category__shade { position: absolute; inset: 0; background: linear-gradient(90deg, #08080af5, #08080abd 45%, #08080a08); }
body.public-site .home-category--wardrobe .home-category__shade { background: linear-gradient(90deg, #08080af5, #08080acb 48%, #08080a55); }
body.public-site .home-category__copy { position: relative; display: grid; gap: 7px; padding-right: 40px; }
body.public-site .home-category__copy > strong { font-size: clamp(21px, 1.65vw, 28px); font-weight: 730; line-height: 1.15; letter-spacing: -.02em; }
body.public-site .home-category__copy > span { color: var(--store-muted); font-size: 14px; line-height: 1.45; }
body.public-site .home-category__copy > small { color: var(--store-gold); font-size: 10px; font-weight: 650; letter-spacing: .025em; }
body.public-site .public-circle-arrow { position: absolute; right: 21px; bottom: 21px; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #c4964c; border-radius: 50%; color: var(--store-gold-light); background: #08080aaa; }
body.public-site .home-category:hover { border-color: var(--store-gold) !important; }
body.public-site a.home-category:hover > img { transform: scale(1.035); }
body.public-site a.home-category:hover .public-circle-arrow { background: #342514; }
@media (hover: hover) {
  body.public-site .home-category--wardrobe:hover { border-color: #a44c50 !important; background: var(--store-danger-bg) !important; }
  body.public-site .home-category--wardrobe:hover .public-circle-arrow { border-color: #d57478; color: var(--store-danger); background: var(--store-danger-bg); }
  body.public-site .home-category--wardrobe:hover .home-category__copy > small { color: var(--store-danger); }
  body.public-site .home-category--wardrobe:hover .home-category__shade { background: linear-gradient(90deg, #301315f5, #301315d9 52%, #30131572); }
}
body.public-site .home-event-entry { margin-top: 30px; }

/* Shared public controls and surfaces: catalog, detail, collections, cart, legal, auth. */
body.public-site .btn { min-height: 44px; padding: 11px 20px; border: 1px solid var(--store-line) !important; border-radius: var(--store-control-radius) !important; background: #161416 !important; color: var(--store-gold-light) !important; font-size: 14px; font-weight: 650; line-height: 1.35; box-shadow: none !important; transform: none; transition: background .18s, border-color .18s; }
body.public-site .btn::before, body.public-site .btn::after { display: none; }
body.public-site .btn--primary { border-color: #c59852 !important; background: var(--store-primary-bg) !important; color: var(--store-primary-text) !important; }
body.public-site .btn--ghost { background: #151316 !important; border-color: #765c38 !important; color: var(--store-gold-light) !important; }
body.public-site .btn:hover { border-color: var(--store-gold) !important; background: #282018 !important; box-shadow: none; transform: none; }
body.public-site .btn--primary:hover { background: var(--store-primary-hover) !important; color: var(--store-primary-text) !important; }
body.public-site .btn--danger { border-color: #a44c50 !important; background: var(--store-danger-bg) !important; color: var(--store-danger) !important; }
body.public-site .btn:active { transform: translateY(1px); }
body.public-site :is(.panel, .product-gallery, .product-buybox, .auth-card, .legal-content, .empty-state, .album-side-card, .album-book-head, .collector-gallery__panel) { border-color: var(--store-line) !important; border-radius: var(--store-radius) !important; background: linear-gradient(135deg, #1b191b, #121113) !important; box-shadow: none !important; backdrop-filter: none !important; }
body.public-site :is(.section__head h2, .split h2, .product-buybox h1, .auth-card h1, .auth-card h2, .legal-hero h1) { font-family: var(--store-font); color: var(--store-text); font-weight: 720; letter-spacing: -.025em; }
body.public-site .section__head > div > h2 { font-size: clamp(28px, 3vw, 46px); }
body.public-site #products .section__head { min-height: 0; padding: 0 !important; margin: 0 0 25px !important; border: 0 !important; }
body.public-site #products .section__head h2 { margin: 8px 0 12px !important; font-size: clamp(30px, 3.3vw, 46px) !important; line-height: 1.15; }
body.public-site #products .section__head h2::after { display: none !important; }
body.public-site #products .section__head p { margin: 0 !important; }
body.public-site :is(.eyebrow, .back-link) { color: var(--store-gold-light); }
body.public-site :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) { border-color: var(--store-line); border-radius: var(--store-control-radius); color: var(--store-text); background: var(--store-surface) !important; box-shadow: none; }
body.public-site :is(input, select, textarea):focus { border-color: #b78a4d; box-shadow: none; }
body.public-site :is(input, textarea)::placeholder { color: #aaa5ab; }
body.public-site select { color-scheme: dark; }
body.public-site input:is([type="checkbox"], [type="radio"]) { accent-color: var(--store-gold); }
body.public-site #products { padding-top: 38px; scroll-margin-top: 110px !important; }
body.public-site .audience-switcher { display: flex; flex-wrap: wrap; gap: 10px; padding: 14px 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
body.public-site .audience-switcher > a { border: 1px solid var(--store-line) !important; border-radius: var(--store-control-radius) !important; background: var(--store-surface) !important; color: var(--store-muted) !important; box-shadow: none !important; font-size: 13px; font-weight: 600; }
body.public-site .audience-switcher > a:is(:hover, .is-active) { border-color: #bd9256 !important; background: #332619 !important; color: var(--store-gold-light) !important; }
body.public-site #products .gold-category-selector, body.public-site #collectibles .gold-category-selector { display: flex; flex-wrap: wrap; gap: 10px; padding: 12px 0; border: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible; }
body.public-site #products .gold-category, body.public-site #collectibles .gold-category { width: auto; min-width: 0; min-height: 44px !important; padding: 10px 16px !important; border: 1px solid var(--store-line) !important; border-radius: var(--store-control-radius) !important; background: var(--store-surface) !important; box-shadow: none !important; transform: none !important; }
body.public-site #products .gold-category:is(:hover, .is-active), body.public-site #collectibles .gold-category:is(:hover, .is-active) { border-color: #bd9256 !important; background: #332619 !important; }
body.public-site #products .gold-category .gold-category__text strong, body.public-site #collectibles .gold-category .gold-category__text strong { color: var(--store-text) !important; font-family: var(--store-font) !important; font-size: 13px !important; font-weight: 600 !important; }
body.public-site #products .gold-category .gold-category__text small, body.public-site #collectibles .gold-category .gold-category__text small { color: var(--store-gold-light); font-size: 11px; background: #edb96b0c !important; box-shadow: none !important; }
body.public-site #products .shop-filter { display: flex; flex-wrap: wrap; width: 100%; max-width: none; margin: 14px 0 0; padding: 0 !important; border: 0 !important; border-radius: var(--store-control-radius) !important; background: transparent !important; box-shadow: none !important; }
body.public-site #products .shop-filter input[type="search"] { width: 100% !important; height: 48px; min-height: 48px; border: 1px solid var(--store-line) !important; border-radius: var(--store-control-radius) !important; background: var(--store-surface) !important; box-shadow: none !important; }
body.public-site .shop-pagination-bar { min-height: 64px; padding: 14px 18px !important; margin: 18px 0; border: 1px solid var(--store-line) !important; border-radius: var(--store-control-radius) !important; background: var(--store-surface) !important; color: var(--store-muted); font-size: 13px; box-shadow: none !important; }
body.public-site .shop-per-page-form label { margin: 0; }
body.public-site .shop-per-page-form select { min-height: 40px; height: 40px; padding: 8px 12px; }
body.public-site .store-grid { gap: 22px; }
body.public-site .store-card { border: 1px solid var(--store-line); border-radius: var(--store-radius) !important; background: var(--store-surface) !important; box-shadow: none !important; transform: none; transition: border-color .18s; }
body.public-site .store-card:hover { border-color: #a17c49; box-shadow: none; transform: none; }
body.public-site .store-card::before, body.public-site .store-card::after { display: none; }
body.public-site .store-card__image { background: radial-gradient(ellipse at 50% 70%, #29241c, #121113 80%); }
/* Replace the legacy fixed image height with a modest portrait format. */
body.public-site #products .store-card__image { width: 100%; height: auto !important; max-height: 480px; aspect-ratio: 5 / 6; }
body.public-site .store-card__image img { filter: none; }
body.public-site .store-card__body { padding: 20px; background: #141315 !important; }
body.public-site .store-card__body h3 { font-family: var(--store-font); font-size: 19px !important; line-height: 1.35; font-weight: 650; letter-spacing: -.015em; }
body.public-site .store-card__body > p { color: var(--store-gold-light); font-size: 11px; letter-spacing: .06em; }
body.public-site .store-card__body > span { color: var(--store-muted); }
body.public-site :is(.price-pill, .detail-price, .hero-price-badge) { border: 1px solid #aa824a; border-radius: var(--store-control-radius); background: #101011eb; color: var(--store-gold-light); box-shadow: none; }
body.public-site .store-card__image .price-pill, body.public-site .product-detail .gallery-main .price-pill, body.public-site .product-buybox .detail-price { border: 1px solid #aa824a !important; border-radius: var(--store-control-radius) !important; background: #101011eb !important; color: var(--store-gold-light) !important; font-family: var(--store-font) !important; box-shadow: none !important; }
body.public-site .price-pill--old { color: var(--store-muted); border-color: var(--store-line); font-size: 13px; }
body.public-site .price-pill--sale { border-color: #bc785a; color: #f4bc93; background: #2c1e16; }
body.public-site .store-card__image .price-pill--old, body.public-site .product-detail .gallery-main .price-pill--old, body.public-site .product-buybox .detail-price--old { color: var(--store-muted) !important; border-color: var(--store-line) !important; }
body.public-site .store-card__image .price-pill--sale, body.public-site .product-detail .gallery-main .price-pill--sale, body.public-site .product-buybox .detail-price--sale { border-color: #bc785a !important; color: #f4bc93 !important; background: #2c1e16 !important; }
body.public-site :is(.public-cart-button, .album-cart-button, .stock-badge, .action-offer-badge, .target-group-badge) { border: 1px solid var(--store-line); border-radius: var(--store-control-radius); background: #141315eb; color: var(--store-gold-light); box-shadow: none; }
body.public-site .store-card .target-group-badge, body.public-site .product-buybox .target-group-badge { border-color: var(--store-line) !important; border-radius: 5px !important; background: #201c16 !important; color: var(--store-gold-light) !important; box-shadow: none !important; }
body.public-site .public-cart-button { width: 40px; height: 40px; border-radius: 50%; }
body.public-site .shop-pagination__link, body.public-site .shop-pagination__pages a { border-color: var(--store-line); border-radius: var(--store-control-radius); background: var(--store-surface); color: var(--store-muted); box-shadow: none; }
body.public-site .shop-pagination .is-active { border-color: var(--store-gold); background: #332619; color: var(--store-gold-light); }
body.public-site .product-detail-page { padding-top: 30px; }
body.public-site .product-detail { gap: 28px; }
body.public-site .product-buybox h1 { font-size: clamp(30px, 3vw, 48px); }
body.public-site .product-gallery { overflow: hidden; }
body.public-site .product-detail .gallery-main { min-height: 0 !important; height: clamp(420px, 48vw, 650px) !important; border-radius: var(--store-radius) !important; background: radial-gradient(ellipse at 50% 70%, #29241c, #121113 80%) !important; }
body.public-site .gallery-main:hover img { transform: none !important; filter: none !important; }
body.public-site .gallery-thumbs button { border-color: var(--store-line); border-radius: 5px; box-shadow: none; }
body.public-site .gallery-thumbs button.is-active { border-color: var(--store-gold); }
/* The cart is outside document flow; opening it never shifts the storefront. */
body.public-site .public-cart { position: fixed !important; inset: calc(var(--public-header-height, 90px) + 12px) 20px auto auto; display: block; width: 48px; height: 48px; min-height: 0; margin: 0; padding: 0; z-index: 2400; }
body.public-site .floating-cart__toggle { position: relative; display: grid; place-items: center; width: 48px; height: 48px; min-height: 48px; padding: 0; border: 1px solid #765c38 !important; border-radius: 50%; background: var(--store-bg) !important; color: var(--store-gold-light) !important; text-decoration: none; box-shadow: 0 4px 16px #0003 !important; }
body.public-site .floating-cart__toggle:hover, body.public-site .floating-cart__toggle[aria-expanded="true"] { border-color: var(--store-gold) !important; background: var(--store-surface-raised) !important; }
body.public-site .floating-cart__toggle svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
body.public-site .public-cart-count { position: absolute; top: -5px; right: -5px; display: grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border: 2px solid var(--store-bg); border-radius: 20px; background: var(--store-gold); color: #16110b; font-size: 10px; font-weight: 750; }
body.public-site .floating-cart__panel { position: absolute !important; top: calc(100% + 10px); right: 0; bottom: auto; left: auto; width: min(400px, calc(100vw - 36px)); max-height: min(70vh, calc(100dvh - var(--public-header-height, 90px) - 90px)); margin: 0; overflow: auto; overscroll-behavior: contain; border: 1px solid var(--store-line) !important; border-radius: var(--store-control-radius); background: var(--store-surface) !important; box-shadow: 0 12px 40px #0006 !important; backdrop-filter: none !important; }
body.public-site .public-cart-view-link { display: flex; justify-content: center; margin-top: 16px; font-size: 13px; }
body.public-site .public-filter-search { position: relative; flex: 1 1 240px; min-width: 0; }
body.public-site .public-filter-search input { width: 100%; padding-right: 44px !important; }
body.public-site .public-filter-search input::-webkit-search-cancel-button { appearance: none; }
body.public-site .public-filter-search__clear { position: absolute; top: 50%; right: 8px; width: 34px; height: 34px; padding: 0; transform: translateY(-50%); border: 0; border-radius: 5px; color: var(--store-muted); background: transparent; font-size: 24px; }
body.public-site .public-filter-search__clear:hover { color: var(--store-gold-light); background: #edb96b0e; }
body.public-site :is(.customer-cart-row, .cart-code-box, .cart-summary__total) { border-color: var(--store-line); border-radius: var(--store-control-radius); }
body.public-site .customer-cart-row .customer-cart-row__image { width: 100%; height: auto; aspect-ratio: 1; }
body.public-site .customer-cart-row__image img { width: 100%; height: 100%; object-fit: cover; }
body.public-site .cart-summary__total strong { color: var(--store-gold-light); }
body.public-site .album-page { --album-gold: var(--store-gold); --album-gold-light: var(--store-gold-light); --album-line: var(--store-line); --album-ink: var(--store-text); width: min(var(--store-page-max), calc(100% - var(--store-gutter) * 2)) !important; }
body.public-site .album-layout > *, body.public-site .album-side-card { min-width: 0; }
body.public-site #sammeltruhe-sammlung { scroll-margin-top: calc(var(--public-header-height, 90px) + 18px); }
body.public-site .album-page .album-side-card, body.public-site .album-page .album-book-head { background: var(--store-surface) !important; border-color: var(--store-line) !important; border-radius: var(--store-radius) !important; box-shadow: none !important; }
body.public-site .album-page .album-book-head { padding: 22px; gap: 18px; flex-wrap: wrap; }
body.public-site .album-book-tools, body.public-site .album-card-search-group, body.public-site .album-card-search { min-width: 0; max-width: 100%; }
body.public-site .album-page .album-book { background: linear-gradient(115deg, #201b15, #131214) !important; box-shadow: none !important; }
body.public-site .album-hero, body.public-site .collector-gallery__hero { border-color: var(--store-line); border-radius: var(--store-radius); box-shadow: none; background: linear-gradient(120deg, #201a14, #111012 68%); }
body.public-site .album-hero h1, body.public-site .collector-gallery__hero h1 { color: var(--store-text); font-family: var(--store-font); font-weight: 730; letter-spacing: -.025em; }
body.public-site .album-page .album-hero h1 { font-size: clamp(34px, 4.5vw, 60px); line-height: 1.1; text-shadow: none; }
body.public-site .album-page .album-hero p { font-size: 16px; line-height: 1.65; }
body.public-site .album-book { border-color: #59452e; border-radius: var(--store-radius); }
body.public-site .album-card { border-color: #50402e; border-radius: var(--store-radius); box-shadow: none; }
body.public-site .album-card__body { font-family: var(--store-font); }
body.public-site .album-side-card h2, body.public-site .album-book-head h2 { font-family: var(--store-font); color: var(--store-text); }
body.public-site .album-cart-button { border-radius: var(--store-control-radius); }
body.public-site :is(.auction-hero, .auction-product-card) { border-color: var(--store-line); border-radius: var(--store-radius); box-shadow: none; }
body.public-site .customer-inquiry-page { max-width: 960px; padding-top: 46px; padding-bottom: 46px; }
body.public-site .customer-inquiry-page h1 { font-size: clamp(26px,5vw,40px); overflow-wrap: anywhere; }
body.public-site .customer-inquiry-page .alert { padding: 14px 16px; border: 1px solid var(--store-danger); border-radius: var(--store-radius); background: var(--store-danger-bg); color: var(--store-danger); box-shadow: none; }
body.public-site .customer-inquiry-page .alert--success { border-color: var(--store-success); background: var(--store-success-bg); color: var(--store-success); }
body.public-site .customer-inquiry-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin-top: 26px; }
body.public-site .customer-inquiry-form label { display: grid; gap: 9px; min-width: 0; margin: 0; color: var(--store-muted); }
body.public-site .customer-inquiry-form > p { margin: 0; line-height: 1.5; }
body.public-site .customer-inquiry-form .full { grid-column: 1 / -1; }
body.public-site .customer-inquiry-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media(max-width:640px) { body.public-site .customer-inquiry-form { grid-template-columns: minmax(0,1fr); } }
body.public-site .auction-product-card__body h3 { font-family: var(--store-font); }
/* The separately loaded event catalog consumes the same public controls. */
body.public-site.page-active-event, body.public-site.event-theme.page-active-event { --event-control-bg: var(--store-surface); --event-control-border: var(--store-line); --event-control-text: var(--store-text); --event-control-active: var(--store-surface-raised); }
body.public-site.page-active-event :is(.featured-event-card, .featured-event-banner) { border-radius: var(--store-radius) !important; background-color: var(--store-surface); }
body.public-site.page-active-event :is(.gold-category, .event-shop-filter, .event-shop-filter input, .event-shop-filter select, .event-shop-filter button, .event-shop-pagination a, .event-shop-pagination [aria-current="page"]) { border-radius: var(--store-control-radius) !important; }
body.public-site.page-active-event :is(.gold-category, .event-shop-pagination a):hover, body.public-site.page-active-event :is(.gold-category.is-active, .event-shop-pagination [aria-current="page"]) { border-color: var(--store-gold) !important; }
body.public-site.page-active-event :is(.event-shop-filter, .shop-pagination-bar) { background: var(--store-surface) !important; }
/* Credit and assortment sections use the same restrained surfaces as the shop. */
body.public-site .public-credit-section { padding-block: 44px 36px; }
body.public-site .public-credit { position: relative; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(180px, .65fr) minmax(0, 1fr); gap: 24px 32px; padding: clamp(26px, 3vw, 48px); border: 1px solid var(--store-line); border-radius: var(--store-radius); background: radial-gradient(ellipse at 51% 35%, #50351c26, transparent 55%), linear-gradient(120deg, #1b1814, #121113 75%); }
body.public-site .public-credit__intro h2, body.public-site .public-assortment__heading h2 { margin: 0; color: var(--store-text); font-size: clamp(28px, 2.5vw, 42px); line-height: 1.15; font-weight: 730; letter-spacing: -.025em; }
body.public-site .public-credit__text { max-width: 55ch; margin: 18px 0 0; color: var(--store-muted); font-size: 15px; line-height: 1.65; }
body.public-site .public-credit__badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
body.public-site .public-credit__badges > span { padding: 6px 9px; border: 1px solid #59452e; border-radius: 5px; background: #edb96b08; color: var(--store-gold-light); font-size: 11px; line-height: 1.3; }
body.public-site .public-credit__art { align-self: center; min-width: 0; }
body.public-site .public-credit__art svg { display: block; width: 100%; max-width: 320px; margin: auto; }
body.public-site .public-credit__offers { display: grid; align-content: center; gap: 20px; margin: 0; padding: 0; list-style: none; }
body.public-site .public-credit__offers li { display: flex; align-items: flex-start; gap: 14px; }
body.public-site .public-credit__offer-icon { display: grid; place-items: center; flex: 0 0 36px; height: 36px; border: 1px solid #59452e; border-radius: 8px; color: var(--store-gold); font-size: 11px; font-weight: 650; }
body.public-site .public-credit__offer-icon svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
body.public-site .public-credit__offers h3 { margin: 0 0 5px; color: var(--store-text); font-size: 16px; font-weight: 650; line-height: 1.3; }
body.public-site .public-credit__offers p { margin: 0; color: var(--store-muted); font-size: 13px; line-height: 1.5; }
body.public-site .public-credit__contact { grid-column: 1 / -1; display: flex; align-items: center; flex-wrap: wrap; gap: 20px 40px; padding-top: 24px; border-top: 1px solid var(--store-line); }
body.public-site .public-credit__contact > p { flex: 1; margin: 0; color: var(--store-gold-light); font-size: 15px; font-weight: 600; }
body.public-site .public-credit__contact > div { display: flex; align-items: center; gap: 12px; min-width: 0; max-width: 100%; }
body.public-site .public-credit__contact > div > span { min-width: 0; }
body.public-site .public-credit__contact svg { flex: 0 0 22px; width: 22px; height: 22px; fill: none; stroke: var(--store-gold); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
body.public-site .public-credit__contact small { display: block; margin-bottom: 4px; color: var(--store-muted); font-size: 11px; }
body.public-site .public-credit__contact strong { color: var(--store-text); font-size: 14px; font-weight: 550; overflow-wrap: anywhere; }
body.public-site .public-assortment { padding-block: 30px 54px; scroll-margin-top: 110px; }
body.public-site .public-assortment__heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 26px; }
body.public-site .public-assortment__heading .showcase-eyebrow { margin-bottom: 12px; }
body.public-site .public-assortment__heading .showcase-eyebrow::after { display: none; }
body.public-site .public-assortment__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
body.public-site .public-assortment-card { position: relative; display: flex; align-items: flex-end; width: 100%; min-width: 0; min-height: 320px; aspect-ratio: 3 / 4; overflow: hidden; padding: 26px; border: 1px solid var(--store-line); border-radius: var(--store-radius); background: var(--store-surface); text-decoration: none; }
body.public-site .public-assortment-card > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
body.public-site .public-assortment-card__shade { position: absolute; inset: 0; background: linear-gradient(0deg, #08080af5, #08080a7a 55%, #08080a1a); }
body.public-site .public-assortment-card__copy { position: relative; display: grid; gap: 7px; padding-right: 40px; }
body.public-site .public-assortment-card__copy small { color: var(--store-gold-light); font-size: 11px; line-height: 1.4; }
body.public-site .public-assortment-card__copy strong { color: var(--store-text); font-size: 30px; font-weight: 720; line-height: 1.15; letter-spacing: -.02em; }
body.public-site .public-assortment-card__copy > span { color: var(--store-muted); font-size: 12px; }
body.public-site .public-assortment-card:hover { border-color: var(--store-gold); }
body.public-site .public-assortment-card:hover > img { transform: scale(1.035); }
/* One compact original footer with the roleplay notice and legal link. */
body.public-site .site-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 24px; padding: 22px var(--store-gutter); border-top: 1px solid var(--store-line); color: var(--store-muted); background: var(--store-bg); font-size: 12px; line-height: 1.6; text-align: left; }
body.public-site .site-footer p { max-width: 85ch; margin: 0; }
body.public-site .site-footer__legal { flex: 0 0 auto; }
body.public-site .site-footer a { color: var(--store-muted); }
body.public-site .site-footer a:hover { color: var(--store-gold-light); }

@media (min-width: 961px) and (max-height: 850px) {
  body.public-site .collection-feature__copy { padding: 16px 22px; }
  body.public-site .collection-feature .showcase-eyebrow { margin-bottom: 8px; font-size: 10px; }
  body.public-site .collection-feature .showcase-eyebrow::after { display: none; }
  body.public-site .collection-feature h2 { margin-bottom: 6px; font-size: 23px; }
  body.public-site .collection-feature p { margin-bottom: 8px; font-size: 12px; }
  body.public-site .collection-feature .public-text-link { font-size: 12px; }
  body.public-site .highlight-slide__copy p { -webkit-line-clamp: 2; }
  body.public-site .highlight-slide__copy .showcase-eyebrow { margin-bottom: 10px; }
  body.public-site .highlight-slide__copy .showcase-eyebrow::after { margin-top: 8px; }
  body.public-site .highlight-slide__copy h2 { margin-bottom: 10px; font-size: clamp(24px, 2.15vw, 30px); }
  body.public-site .highlight-slide__copy p { margin-bottom: 12px; font-size: 14px; }
}
@media (max-width: 1180px) {
  body.public-site .site-header { gap: 30px; }
  body.public-site .nav { gap: 24px !important; }
  body.public-site .collection-feature p { font-size: 13px; }
  body.public-site .home-category { padding: 21px; }
  body.public-site .home-category__copy > span { font-size: 13px; }
  body.public-site .home-categories { gap: 18px; }
}
@media (max-width: 960px) {
  body.public-site .site-header { gap: 20px; padding-block: 13px !important; }
  body.public-site .public-brand { font-size: 24px; }
  body.public-site .nav { gap: 8px 20px !important; }
  body.public-site .nav > a, body.public-site .nav-dropdown > summary { min-height: 40px; font-size: 15px; }
  body.public-site .home-showcase { padding-top: 18px; }
  body.public-site .home-showcase__grid { grid-template-columns: 1fr; grid-template-rows: auto auto; height: auto; }
  body.public-site .highlight-carousel { height: 420px; min-height: 0; }
  body.public-site .highlight-slide__copy h2 { font-size: clamp(28px, 4vw, 40px); }
  body.public-site .home-showcase__side { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  body.public-site .collection-feature { min-height: 250px; }
  body.public-site .collection-feature h2 { font-size: 25px; }
  body.public-site .home-categories { gap: 14px; }
  body.public-site .home-category { min-height: 156px; padding: 20px; }
  body.public-site .home-category__copy { padding-right: 6px; padding-bottom: 34px; }
  body.public-site .public-circle-arrow { width: 34px; height: 34px; bottom: 15px; right: 15px; }
  body.public-site .home-showcase__heading > a { max-width: 205px; font-size: 12px; }
  body.public-site .album-page .album-layout { grid-template-columns: minmax(0, 1fr); }
  body.public-site .public-credit { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
  body.public-site .public-credit__art { grid-column: 2; grid-row: 1; }
  body.public-site .public-credit__offers { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
  body.public-site .public-credit__offers li { flex-direction: column; gap: 10px; }
  body.public-site .public-credit__contact > p { flex-basis: 100%; }
  body.public-site .public-assortment__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  body.public-site { --store-gutter: 18px; }
  body.public-site .site-header { gap: 12px 18px; }
  body.public-site .public-brand { font-size: 21px; }
  body.public-site .nav { gap: 2px 14px !important; }
  body.public-site .nav > a, body.public-site .nav-dropdown > summary { font-size: 14px; }
  body.public-site .nav-dropdown__menu { left: auto; right: 0; }
  body.public-site .public-cart { right: 18px; width: 44px; height: 44px; }
  body.public-site .floating-cart__toggle { width: 44px; height: 44px; min-height: 44px; }
  body.public-site .site-footer { align-items: flex-start; flex-direction: column; gap: 10px; }
  body.public-site .home-showcase__heading { align-items: flex-start; flex-direction: column; gap: 12px; margin-bottom: 18px; }
  body.public-site .home-showcase__heading h1 { font-size: clamp(30px, 8.3vw, 42px); }
  body.public-site .home-showcase__heading > a { max-width: none; font-size: 12px; }
  body.public-site .home-showcase__grid, body.public-site .home-showcase__side { gap: 14px; }
  body.public-site .highlight-carousel { height: calc(clamp(200px, 65vw, 300px) + 360px); min-height: 0; aspect-ratio: auto; }
  body.public-site .highlight-slide__link { grid-template-columns: minmax(0, 1fr); grid-template-rows: clamp(200px, 65vw, 300px) minmax(0, 1fr); gap: 20px; padding: 24px 23px 64px; }
  body.public-site .highlight-slide__media { grid-column: 1; grid-row: 1; }
  body.public-site .highlight-slide__copy { grid-column: 1; grid-row: 2; }
  body.public-site .highlight-slide__copy h2 { margin-bottom: 10px; font-size: 28px; }
  body.public-site .highlight-slide__copy p { margin-bottom: 16px; font-size: 14px; -webkit-line-clamp: 2; }
  body.public-site .highlight-slide__copy .showcase-eyebrow { margin-bottom: 12px; font-size: 10px; }
  body.public-site .showcase-eyebrow::after { margin-top: 8px; }
  body.public-site .showcase-price { min-height: 43px; padding: 7px 17px; font-size: 24px; }
  body.public-site .home-showcase__side { grid-template-columns: 1fr; }
  body.public-site .collection-feature { min-height: 220px; }
  body.public-site .collection-feature__copy { padding: 23px; }
  body.public-site .collection-feature > img { object-position: 50% 50%; }
  body.public-site .collection-feature h2 { font-size: 25px; }
  body.public-site .home-categories { grid-template-columns: 1fr; gap: 14px; margin-top: 18px; }
  body.public-site .home-category { min-height: 125px; padding: 23px; }
  body.public-site .home-category__copy { padding: 0 40px 0 0; }
  body.public-site .home-category__copy > strong { font-size: 24px; }
  body.public-site .home-category__copy > span { font-size: 13px; }
  body.public-site .public-circle-arrow { width: 38px; height: 38px; right: 20px; bottom: 20px; }
  body.public-site .store-grid { gap: 14px; }
  body.public-site .store-card__body { padding: 14px; }
  body.public-site .store-card__body h3 { font-size: 16px; }
  body.public-site .product-detail .gallery-main { height: clamp(300px, 105vw, 440px) !important; }
  body.public-site .public-credit-section { padding-block: 30px 20px; }
  body.public-site .public-credit { grid-template-columns: minmax(0, 1fr); gap: 26px; padding: 24px; }
  body.public-site .public-credit__art { grid-column: auto; grid-row: auto; }
  body.public-site .public-credit__art svg { max-width: 240px; }
  body.public-site .public-credit__offers { grid-template-columns: 1fr; }
  body.public-site .public-credit__offers li { flex-direction: row; gap: 14px; }
  body.public-site .public-credit__contact { align-items: flex-start; flex-direction: column; flex-wrap: nowrap; gap: 20px; }
  body.public-site .public-credit__contact > p { flex: 0 0 auto; }
  body.public-site .public-assortment { padding-block: 26px 32px; }
  body.public-site .public-assortment__heading { align-items: flex-start; flex-direction: column; gap: 16px; }
  body.public-site .public-assortment__grid { gap: 12px; }
  body.public-site .public-assortment-card { min-height: 260px; padding: 18px; }
  body.public-site .public-assortment-card__copy { padding: 0 0 30px; }
  body.public-site .public-assortment-card__copy strong { font-size: 25px; }
  body.public-site .public-assortment-card .public-circle-arrow { bottom: 13px; right: 13px; width: 30px; height: 30px; }
  body.public-site .cart-page { padding-top: 34px; }
  body.public-site .cart-page .cart-panel, body.public-site .cart-page .cart-summary { padding: 20px; }
  body.public-site .album-page .album-book-head { padding: 18px; align-items: stretch; }
  body.public-site .album-page .album-book-tools { width: 100%; }
  body.public-site .album-page .album-card-search-group { width: 100%; flex-basis: 100%; }
}
@media (max-width: 360px) {
  body.public-site .site-header:has(.nav > a:nth-of-type(3)) { flex-wrap: wrap; }
  body.public-site .site-header:has(.nav > a:nth-of-type(3)) .nav { flex-basis: 100%; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  body.public-site *, body.public-site *::before, body.public-site *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}
@media (forced-colors: active) {
  html:has(body.public-site), body.public-site, body.public-site * { scrollbar-color: auto; forced-color-adjust: auto; }
  body.public-site .highlight-carousel__dot > span { background: ButtonText; }
  body.public-site .highlight-carousel__dot.is-active > span { background: Highlight; }
  body.public-site .highlight-slide__copy, body.public-site .collection-feature__copy, body.public-site .home-category__copy { background: Canvas; color: CanvasText; }
}
