/* Relax-Store catalogue — Editorial Precision system */
:root {
  --cat-bg: #0b0c0b;
  --cat-bg-deep: #070807;
  --cat-surface: #131411;
  --cat-surface-raised: #191a17;
  --cat-line: rgba(238, 230, 210, .11);
  --cat-line-strong: rgba(238, 230, 210, .2);
  --cat-text: #f3efe5;
  --cat-muted: rgba(243, 239, 229, .55);
  --cat-faint: rgba(243, 239, 229, .33);
  --cat-gold: #d8b963;
  --cat-success: #9bc7a8;
  --cat-ease: cubic-bezier(.22, 1, .36, 1);
}

@font-face { font-family:'Relax Gothic'; src:url('/Fonts/centurygothic.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Relax Gothic'; src:url('/Fonts/centurygothic_bold.ttf') format('truetype'); font-weight:600 800; font-style:normal; font-display:swap; }
.catalog-art-page { font-family:'Relax Gothic','Century Gothic',sans-serif; }
.catalog-art-page #catalog-main { display:block!important; width:100%; }
.catalog-art-page button,.catalog-art-page input,.catalog-art-page select { font-family:inherit; }
.catalog-art-page .ci { --ci:url('/image/icons/coolicons/check.svg'); display:inline-block; width:24px; height:24px; flex:0 0 auto; background:currentColor; -webkit-mask:var(--ci) center/contain no-repeat; mask:var(--ci) center/contain no-repeat; }
.catalog-art-page .ci-bag{--ci:url('/image/icons/coolicons/bag.svg?v=2')}.catalog-art-page .ci-heart{--ci:url('/image/icons/coolicons/heart.svg')}.catalog-art-page .ci-user{--ci:url('/image/icons/coolicons/user.svg')}.catalog-art-page .ci-hamburger{--ci:url('/image/icons/coolicons/hamburger.svg')}.catalog-art-page .ci-pin{--ci:url('/image/icons/coolicons/pin.svg')}.catalog-art-page .ci-close{--ci:url('/image/icons/coolicons/close.svg')}.catalog-art-page .ci-arrow-right{--ci:url('/image/icons/coolicons/arrow-right.svg')}.catalog-art-page .ci-shield-check{--ci:url('/image/icons/coolicons/shield-check.svg')}.catalog-art-page .ci-check{--ci:url('/image/icons/coolicons/check.svg')}

.catalog-art-page { padding-top: 104px; background: var(--cat-bg); color: var(--cat-text); overflow-x: clip; }
.catalog-art-page #catalog-main { position: relative; background: var(--cat-bg); isolation: isolate; }
.catalog-art-page #catalog-main::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .22; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E"); }
.catalog-art-page .container { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }

/* 01 — visual entry */
.catalog-art-page .cat-hero { position: relative; min-height: 630px; padding: 54px 0 58px; border-bottom: 1px solid var(--cat-line); background: radial-gradient(circle at 76% 32%, rgba(216,185,99,.085), transparent 31%), linear-gradient(180deg,#0e0f0d,var(--cat-bg)); overflow: hidden; }
.catalog-art-page .cat-hero::after { content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:linear-gradient(90deg,transparent,var(--cat-gold) 18%,transparent 58%); opacity:.36; }
.catalog-art-page .cat-hero-layout { position: relative; display: grid; grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr); gap: 60px; align-items: center; min-height: 510px; }
.catalog-art-page .cat-hero-copy { position: relative; z-index: 3; max-width: 630px; animation: catReveal .62s var(--cat-ease) both; }
.catalog-art-page .cat-hero-kicker { display:flex; align-items:center; gap:11px; margin:0 0 23px; color:var(--cat-gold); font-size:9px; letter-spacing:.15em; text-transform:uppercase; }
.catalog-art-page .cat-hero-kicker span { display:grid; place-items:center; width:29px; height:20px; border:1px solid rgba(216,185,99,.3); color:#e2c878; letter-spacing:.03em; }
.catalog-art-page .cat-hero-title { max-width: 650px; margin: 0; color: var(--cat-text); font-size: clamp(54px, 5.4vw, 82px); font-weight: 600; line-height: .98; letter-spacing: -.067em; text-wrap: balance; }
.catalog-art-page .cat-hero-sub { max-width:520px; margin:24px 0 27px; color:var(--cat-muted); font-size:13px; line-height:1.65; }
.catalog-art-page .cat-search-outer { position:relative; z-index:5; max-width:620px; margin:0; }
.catalog-art-page .cat-search-box { display:flex; align-items:center; height:58px; padding:5px 5px 5px 18px; border:1px solid var(--cat-line-strong); border-radius:4px; background:#171815; box-shadow:0 16px 50px rgba(0,0,0,.18); transition:border-color .22s, background .22s; }
.catalog-art-page .cat-search-box:focus-within { border-color:rgba(216,185,99,.52); background:#1a1b18; }
.catalog-art-page .cat-search-icon { flex:0 0 auto; color:rgba(243,239,229,.36); }
.catalog-art-page .cat-search-input { min-width:0; flex:1; height:100%; padding:0 14px; border:0; outline:0; background:transparent; color:var(--cat-text); font:500 12px/1 inherit; }
.catalog-art-page .cat-search-input::placeholder { color:rgba(243,239,229,.34); }
.catalog-art-page .cat-search-clear { display:grid; place-items:center; width:32px; height:32px; border:0; background:transparent; color:var(--cat-muted); }
.catalog-art-page .cat-search-btn { display:flex; min-width:112px; height:46px; align-items:center; justify-content:center; gap:11px; padding:0 16px; border:0; border-radius:2px; background:var(--cat-gold); color:#15130d; font:700 10px/1 inherit; cursor:pointer; transition:background .2s, color .2s; }
.catalog-art-page .cat-search-btn:hover { background:#e3c875; }
.catalog-art-page .cat-search-btn .ci { width:14px; height:14px; }
.catalog-art-page .cat-suggestions { top:calc(100% + 8px); border:1px solid var(--cat-line); border-radius:4px; background:#1b1c18; box-shadow:0 28px 70px rgba(0,0,0,.42); }
.catalog-art-page .cat-quick-categories { display:flex; flex-wrap:wrap; gap:6px 18px; margin-top:19px; }
.catalog-art-page .cat-quick-categories button { position:relative; padding:5px 0; border:0; background:transparent; color:var(--cat-faint); font:600 9.5px/1 inherit; cursor:pointer; transition:color .2s; }
.catalog-art-page .cat-quick-categories button::after { content:""; position:absolute; left:0; right:100%; bottom:0; height:1px; background:var(--cat-gold); transition:right .24s var(--cat-ease); }
.catalog-art-page .cat-quick-categories button:hover { color:var(--cat-text); }
.catalog-art-page .cat-quick-categories button:hover::after { right:0; }

.catalog-art-page .cat-hero-stage { position:relative; height:500px; animation:catStageIn .72s .08s var(--cat-ease) both; }
.catalog-art-page .cat-stage-grid { position:absolute; inset:18px 0 18px 56px; opacity:.5; background-image:linear-gradient(var(--cat-line) 1px,transparent 1px),linear-gradient(90deg,var(--cat-line) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent); }
.catalog-art-page .cat-stage-product { position:absolute; margin:0; overflow:hidden; background:#171815; box-shadow:0 36px 90px rgba(0,0,0,.42); }
.catalog-art-page .cat-stage-product img { width:100%; height:100%; object-fit:cover; filter:saturate(.78) contrast(1.04) brightness(.8); }
.catalog-art-page .cat-stage-product--main { z-index:2; right:26px; top:18px; width:380px; height:440px; clip-path:polygon(8% 0,100% 0,100% 92%,92% 100%,0 100%,0 8%); }
.catalog-art-page .cat-stage-product--aux { z-index:3; left:0; bottom:5px; width:190px; height:220px; border:8px solid #11120f; }
.catalog-art-page .cat-stage-product--aux img { filter:saturate(.7) brightness(.7); }
.catalog-art-page .cat-stage-coordinate { position:absolute; z-index:4; color:rgba(243,239,229,.42); font-size:8px; letter-spacing:.18em; writing-mode:vertical-rl; }
.catalog-art-page .cat-stage-coordinate--a { right:4px; top:38px; }.catalog-art-page .cat-stage-coordinate--b { left:213px; bottom:9px; writing-mode:horizontal-tb; }
.catalog-art-page .cat-stage-line { position:absolute; z-index:4; right:0; bottom:16px; width:170px; height:1px; background:linear-gradient(90deg,var(--cat-gold),transparent); }
.catalog-art-page .cat-service-note { position:absolute; z-index:5; right:18px; bottom:0; display:grid; grid-template-columns:30px 1fr 34px; gap:11px; align-items:center; width:360px; min-height:66px; padding:12px 14px; border-left:2px solid var(--cat-gold); background:rgba(19,20,17,.92); box-shadow:0 20px 55px rgba(0,0,0,.3); }
.catalog-art-page .cat-service-note>.ci { width:21px; height:21px; color:var(--cat-gold); }.catalog-art-page .cat-service-note div { display:flex; flex-direction:column; gap:4px; }.catalog-art-page .cat-service-note strong { font-size:11px; }.catalog-art-page .cat-service-note small { color:var(--cat-muted); font-size:8.5px; }.catalog-art-page .cat-service-note a { display:grid; place-items:center; width:34px; height:34px; color:var(--cat-text); text-decoration:none; }.catalog-art-page .cat-service-note a .ci { width:15px; height:15px; }

/* 02 — interactive editorial category index */
.catalog-art-page .cat-page-body { padding:82px 0 96px; background:linear-gradient(180deg,var(--cat-bg),#090a09); }
.catalog-art-page .cat-layout { display:block; width:min(1240px,calc(100% - 48px))!important; margin-inline:auto!important; padding-inline:0!important; box-sizing:border-box; }.catalog-art-page .cat-content { width:100%; min-width:0; }
.catalog-art-page .cat-directory-head,.catalog-art-page .cat-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:34px; margin-bottom:28px; }
.catalog-art-page .cat-section-kicker { display:block; margin-bottom:10px; color:var(--cat-gold); font-size:9px; letter-spacing:.15em; text-transform:uppercase; }
.catalog-art-page .cat-directory-head h2,.catalog-art-page .cat-section-head h2 { margin:0; color:var(--cat-text); font-size:clamp(34px,3vw,48px); font-weight:600; letter-spacing:-.055em; }
.catalog-art-page .cat-directory-head p,.catalog-art-page .cat-section-head p { max-width:340px; margin:0; color:var(--cat-muted); font-size:10px; line-height:1.6; }
.catalog-art-page .cat-index-desktop { display:grid; grid-template-columns:minmax(0,42%) minmax(0,58%); gap:clamp(48px,5vw,76px); align-items:start; }
.catalog-art-page .cat-index-list { min-width:0; }
.catalog-art-page .cat-index-group + .cat-index-group { margin-top:30px; }
.catalog-art-page .cat-index-group h3 { margin:0 0 8px; color:var(--cat-faint); font-size:9px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.catalog-art-page .cat-index-row { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto 18px; width:100%; min-height:55px; align-items:center; gap:14px; padding:0; border:0; border-bottom:1px solid var(--cat-line); background:transparent; color:var(--cat-muted); text-align:left; cursor:pointer; }
.catalog-art-page .cat-index-row::before { content:""; position:absolute; left:0; bottom:-1px; width:0; height:1px; background:var(--cat-gold); transition:width .28s var(--cat-ease); }
.catalog-art-page .cat-index-row-name { font-size:clamp(15px,1.35vw,20px); font-weight:500; letter-spacing:-.025em; transition:transform .28s var(--cat-ease),color .22s; }
.catalog-art-page .cat-index-row-count { min-width:62px; color:var(--cat-faint); font-size:8px; text-align:right; }
.catalog-art-page .cat-index-row .ci { width:14px; height:14px; opacity:.18; transform:translateX(-5px); transition:opacity .22s,transform .28s var(--cat-ease); }
.catalog-art-page .cat-index-row:hover,.catalog-art-page .cat-index-row.is-active,.catalog-art-page .cat-index-row:focus-visible { color:var(--cat-text); }
.catalog-art-page .cat-index-row:hover::before,.catalog-art-page .cat-index-row.is-active::before,.catalog-art-page .cat-index-row:focus-visible::before { width:100%; }
.catalog-art-page .cat-index-row:hover .cat-index-row-name,.catalog-art-page .cat-index-row.is-active .cat-index-row-name,.catalog-art-page .cat-index-row:focus-visible .cat-index-row-name { transform:translateX(8px); }
.catalog-art-page .cat-index-row:hover .ci,.catalog-art-page .cat-index-row.is-active .ci,.catalog-art-page .cat-index-row:focus-visible .ci { opacity:.8; transform:none; }
.catalog-art-page .cat-index-scene { position:sticky; top:98px; margin:0; min-width:0; }
.catalog-art-page .cat-index-scene-media { position:relative; aspect-ratio:4/5; background:linear-gradient(145deg,#1b1c19,#10110f); overflow:hidden; }
.catalog-art-page .cat-index-scene-media::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,transparent 68%,rgba(7,8,7,.35)); }
.catalog-art-page .cat-index-scene-media img { width:100%; height:100%; object-fit:cover; opacity:1; transform:scale(1); transition:opacity .34s ease,transform .38s var(--cat-ease),clip-path .38s var(--cat-ease); clip-path:inset(0); }
.catalog-art-page .cat-index-scene.is-changing .cat-index-scene-media img { opacity:.18; transform:scale(.985); clip-path:inset(2%); }
.catalog-art-page .cat-index-scene.is-placeholder .cat-index-scene-media { background:radial-gradient(circle at 60% 32%,rgba(216,185,99,.1),transparent 34%),linear-gradient(145deg,#1b1c19,#10110f); }
.catalog-art-page .cat-index-scene-caption { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:18px 0 0; border-top:1px solid var(--cat-line-strong); }
.catalog-art-page .cat-index-scene-caption div { display:flex; min-width:0; flex-direction:column; gap:7px; }
.catalog-art-page .cat-index-scene-caption strong { color:var(--cat-text); font-size:18px; font-weight:600; letter-spacing:-.03em; }
.catalog-art-page .cat-index-scene-caption span { color:var(--cat-faint); font-size:8px; }
.catalog-art-page .cat-index-scene-caption button { display:flex; min-height:38px; align-items:center; gap:9px; padding:0; border:0; border-bottom:1px solid rgba(216,185,99,.5); background:transparent; color:#e0c574; font:600 9px/1 inherit; cursor:pointer; }
.catalog-art-page .cat-index-scene-caption button .ci { width:13px; height:13px; }
.catalog-art-page .cat-index-responsive { display:none; }
#all-categories { scroll-margin-top:110px; }

/* 03 — curated edit */
.catalog-art-page .cat-popular { margin-top:96px; padding-top:76px; border-top:1px solid var(--cat-line-strong); }
.catalog-art-page .cat-popular-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr); grid-template-rows:repeat(2,260px); gap:10px; }
.catalog-art-page .cat-popular-card { position:relative; display:grid; grid-template-columns:48% 52%; min-width:0; background:var(--cat-surface); overflow:hidden; cursor:pointer; }
.catalog-art-page .cat-popular-card--lead { grid-row:1/3; grid-template-columns:1fr; grid-template-rows:minmax(0,1fr) auto; }.catalog-art-page .cat-popular-card--support { grid-column:2; }
.catalog-art-page .cat-popular-media { position:relative; min-height:0; background:#d6d3cb; overflow:hidden; }.catalog-art-page .cat-popular-media img { width:100%; height:100%; object-fit:cover; transition:transform .6s var(--cat-ease),filter .3s; }.catalog-art-page .cat-popular-card:hover .cat-popular-media img { transform:scale(1.022); filter:contrast(1.02); }
.catalog-art-page .cat-popular-fav { position:absolute; z-index:3; top:13px; right:13px; display:grid; width:38px; height:38px; place-items:center; border:0; background:rgba(12,13,11,.52); color:#fff; backdrop-filter:blur(9px); cursor:pointer; }.catalog-art-page .cat-popular-fav .ci { width:19px; height:19px; }.catalog-art-page .cat-popular-fav.is-fav { color:var(--cat-gold); }
.catalog-art-page .cat-popular-body { display:flex; min-width:0; flex-direction:column; padding:20px; }.catalog-art-page .cat-popular-card--lead .cat-popular-body { display:grid; grid-template-columns:1fr auto; gap:12px 24px; padding:25px 26px; }.catalog-art-page .cat-popular-no { color:var(--cat-gold); font-size:7.5px; letter-spacing:.13em; }.catalog-art-page .cat-popular-body h3 { margin:10px 0 12px; color:rgba(243,239,229,.9); font-size:13px; font-weight:600; line-height:1.42; }.catalog-art-page .cat-popular-card--lead h3 { margin:0; font-size:21px; align-self:end; }.catalog-art-page .cat-popular-bottom { display:flex; align-items:flex-end; justify-content:space-between; gap:10px; margin-top:auto; }.catalog-art-page .cat-popular-card--lead .cat-popular-bottom { grid-column:1; }.catalog-art-page .cat-popular-bottom strong { color:#fff8e7; font-size:20px; font-weight:600; letter-spacing:-.04em; }.catalog-art-page .cat-popular-bottom>span { color:var(--cat-success); font-size:8px; }
.catalog-art-page .cat-popular-buy { display:flex; align-items:center; justify-content:center; gap:8px; min-height:40px; margin-top:14px; border:1px solid rgba(216,185,99,.3); border-radius:2px; background:rgba(216,185,99,.07); color:#e4ca7d; font:700 9px/1 inherit; cursor:pointer; }.catalog-art-page .cat-popular-card--lead .cat-popular-buy { grid-column:2; grid-row:1/3; align-self:center; min-width:150px; margin:0; }.catalog-art-page .cat-popular-buy .ci { width:14px; height:14px; }.catalog-art-page .cat-popular-buy.in-cart { border-color:rgba(155,199,168,.35); color:var(--cat-success); }
.catalog-art-page .cat-popular-loading { min-height:300px; background:linear-gradient(100deg,#141512,#1c1d19,#141512); background-size:220% 100%; animation:catLoad 1.2s linear infinite; }.catalog-art-page .cat-popular-empty,.catalog-art-page .cat-popular-error { grid-column:1/-1; padding:34px; border-top:1px solid var(--cat-line); color:var(--cat-muted); }

/* Product workspace */
.catalog-art-page.catalog-product-mode .cat-hero { min-height:0; padding:34px 0 30px; }.catalog-art-page.catalog-product-mode .cat-hero-layout { display:block; min-height:0; }.catalog-art-page.catalog-product-mode .cat-hero-copy { max-width:none; }.catalog-art-page.catalog-product-mode .cat-hero-kicker,.catalog-art-page.catalog-product-mode .cat-hero-stage,.catalog-art-page.catalog-product-mode .cat-quick-categories,.catalog-art-page.catalog-product-mode .cat-service-note { display:none; }.catalog-art-page.catalog-product-mode .cat-hero-title { font-size:clamp(38px,4vw,56px); }.catalog-art-page.catalog-product-mode .cat-hero-sub { margin:11px 0 18px; font-size:11px; }.catalog-art-page.catalog-product-mode .cat-search-outer { max-width:780px; }.catalog-art-page.catalog-product-mode .cat-page-body { padding-top:28px; }.catalog-art-page.catalog-product-mode .cat-popular { display:none; }
.catalog-art-page .cat-toolbar { position:sticky; top:88px; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:64px; padding:8px 0; border-bottom:1px solid var(--cat-line-strong); background:rgba(11,12,11,.92); backdrop-filter:blur(18px); }
.catalog-art-page .cat-breadcrumb-row { display:flex; align-items:center; gap:12px; min-width:0; }.catalog-art-page .cat-back-btn { display:flex; align-items:center; gap:8px; height:38px; padding:0; border:0; background:transparent; color:var(--cat-muted); font:600 9px/1 inherit; cursor:pointer; }.catalog-art-page .cat-back-btn:hover { color:var(--cat-text); }.catalog-art-page .cat-breadcrumb-sep { color:var(--cat-faint); }.catalog-art-page .cat-breadcrumb-cur { color:var(--cat-text); font-size:10px; font-weight:600; }
.catalog-art-page .cat-toolbar-right { display:flex; align-items:center; gap:10px; }.catalog-art-page .cat-count { color:var(--cat-faint); font-size:9px; white-space:nowrap; }.catalog-art-page .mob-filter-btn { position:relative; display:flex; height:38px; align-items:center; gap:8px; padding:0 13px; border:0; border-left:1px solid var(--cat-line-strong); background:transparent; color:rgba(243,239,229,.72); font:600 9px/1 inherit; cursor:pointer; }.catalog-art-page .mob-filter-badge { display:grid; min-width:17px; height:17px; place-items:center; background:var(--cat-gold); color:#15130d; font-size:7px; }
.catalog-art-page .cat-sort-select { height:38px; min-width:174px; padding:0 30px 0 11px; border:0; border-left:1px solid var(--cat-line-strong); border-radius:0; background-color:transparent; color:rgba(243,239,229,.7); font:600 9px/1 inherit; }
.catalog-art-page .cat-view-switch { display:flex; gap:3px; padding-left:10px; border-left:1px solid var(--cat-line-strong); }.catalog-art-page .cat-view-btn { display:grid; width:35px; height:35px; place-items:center; padding:0; border:0; background:transparent; color:var(--cat-faint); cursor:pointer; }.catalog-art-page .cat-view-btn svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.4; }.catalog-art-page .cat-view-btn.is-active { color:var(--cat-gold); background:rgba(216,185,99,.07); }
.catalog-art-page .cat-active-filters { display:flex; min-height:0; flex-wrap:wrap; gap:7px; }.catalog-art-page .cat-active-filters:not(:empty) { padding:14px 0 0; }.catalog-art-page .cat-filter-chip,.catalog-art-page .cat-filter-clear { height:29px; padding:0 10px; border:0; border-radius:999px; background:#171815; color:var(--cat-muted); font:500 8.5px/1 inherit; cursor:pointer; }.catalog-art-page .cat-filter-chip span { margin-left:6px; color:var(--cat-gold); font-size:13px; }.catalog-art-page .cat-filter-clear { background:transparent; color:var(--cat-faint); }

/* Filter drawer */
.catalog-art-page .cat-sidebar { position:fixed; z-index:1300; top:0; right:0; bottom:0; display:block; width:min(430px,96vw); max-height:none; padding:0 24px 104px; border-left:1px solid var(--cat-line-strong); background:#151613; box-shadow:-24px 0 80px rgba(0,0,0,.48); overflow-y:auto; transform:translate3d(104%,0,0); transition:transform .32s var(--cat-ease); }.catalog-art-page .cat-sidebar.mob-open { transform:translate3d(0,0,0); }.catalog-art-page .mob-filter-overlay { position:fixed; z-index:1290; inset:0; display:block; visibility:hidden; background:rgba(5,6,5,.68); opacity:0; transition:opacity .22s,visibility 0s linear .22s; }.catalog-art-page .mob-filter-overlay.mob-open { visibility:visible; opacity:1; transition:opacity .22s; }
.catalog-art-page .mob-sidebar-header { position:sticky; z-index:4; top:0; display:flex; min-height:82px; align-items:center; justify-content:space-between; margin:0 -24px 4px; padding:0 24px; border-bottom:1px solid var(--cat-line); background:#151613; }.catalog-art-page .mob-sidebar-title { font-size:20px; font-weight:600; letter-spacing:-.03em; }.catalog-art-page .mob-sidebar-actions { display:flex; align-items:center; gap:12px; }.catalog-art-page .mob-reset-all { padding:0; border:0; background:transparent; color:var(--cat-faint); font:600 8px/1 inherit; cursor:pointer; }.catalog-art-page .mob-sidebar-close { display:grid; width:38px; height:38px; place-items:center; border:1px solid var(--cat-line); border-radius:3px; background:transparent; color:var(--cat-muted); cursor:pointer; }
.catalog-art-page .cat-sidebar-box { margin:0; padding:20px 0; border:0; border-bottom:1px solid var(--cat-line); border-radius:0; background:transparent; }.catalog-art-page .cat-filter-header { display:flex; align-items:center; justify-content:space-between; cursor:pointer; }.catalog-art-page .cat-sidebar-title { margin:0; color:var(--cat-text); font-size:11px; font-weight:600; }.catalog-art-page .cat-filter-chevron { transition:transform .2s; }.catalog-art-page .cat-filter-header:not(.is-collapsed) .cat-filter-chevron { transform:rotate(180deg); }.catalog-art-page .cat-char-options { padding-top:13px; }.catalog-art-page .cat-radio-label,.catalog-art-page .cat-checkbox-label { display:flex; min-height:35px; align-items:center; gap:10px; color:var(--cat-muted); font-size:10px; }.catalog-art-page .cat-price-inputs { display:grid; grid-template-columns:1fr auto 1fr; gap:8px; align-items:center; }.catalog-art-page .cat-price-input { width:100%; height:40px; padding:0 10px; border:1px solid var(--cat-line); border-radius:3px; background:#1a1b18; color:var(--cat-text); }.catalog-art-page .cat-price-apply,.catalog-art-page .cat-extra-filters-btn { width:100%; min-height:40px; margin-top:10px; border:1px solid rgba(216,185,99,.28); border-radius:2px; background:rgba(216,185,99,.06); color:#dfc576; font:700 9px/1 inherit; cursor:pointer; }.catalog-art-page .cat-char-filters-wrap:not(.is-open) { display:none; }
.catalog-art-page .mob-filter-footer { position:fixed; z-index:5; right:0; bottom:0; width:min(430px,96vw); padding:13px 24px max(16px,env(safe-area-inset-bottom)); border-top:1px solid var(--cat-line); background:#151613; }.catalog-art-page .mob-filter-apply-btn { width:100%; min-height:49px; border:0; border-radius:2px; background:var(--cat-gold); color:#15130d; font:700 10px/1 inherit; }

/* Product gallery cards */
.catalog-art-page .cat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:22px; }.catalog-art-page .cat-card { position:relative; display:flex; min-width:0; flex-direction:column; border:0; border-top:1px solid var(--cat-line-strong); border-radius:0; background:transparent; box-shadow:none; overflow:hidden; cursor:pointer; transition:background .24s; }.catalog-art-page .cat-card::after { content:""; position:absolute; inset:0; pointer-events:none; border:1px solid transparent; transition:border-color .24s; }.catalog-art-page .cat-card:hover { background:rgba(255,255,255,.017); transform:none; }.catalog-art-page .cat-card:hover::after { border-color:rgba(216,185,99,.18); }
.catalog-art-page .cat-card-img { position:relative; aspect-ratio:1.06/1; height:auto; margin:0; border-radius:0; background:#d7d4cc; overflow:hidden; }.catalog-art-page .cat-card-img img { width:100%; height:100%; object-fit:cover; transition:transform .55s var(--cat-ease),filter .25s; }.catalog-art-page .cat-card:hover .cat-card-img img { transform:scale(1.018); filter:contrast(1.015); }.catalog-art-page .cat-card-type-badge { display:none; }.catalog-art-page .hot-card-fav { position:absolute; z-index:3; top:13px; right:13px; display:grid; width:38px; height:38px; place-items:center; border:0; border-radius:0; background:rgba(15,16,14,.48); filter:none; color:#fff; backdrop-filter:blur(9px); cursor:pointer; }.catalog-art-page .hot-card-fav svg { width:18px; height:18px; }.catalog-art-page .hot-card-fav.is-fav { color:var(--cat-gold); }
.catalog-art-page .cat-card-body { display:flex; min-height:245px; flex:1; flex-direction:column; padding:18px 3px 2px; }.catalog-art-page .cat-card-eyebrow { margin-bottom:9px; color:var(--cat-gold); font-size:7.5px; letter-spacing:.09em; text-transform:uppercase; }.catalog-art-page .cat-card-name { display:-webkit-box; min-height:41px; margin:0; overflow:hidden; color:rgba(243,239,229,.9); font-size:13px; font-weight:600; line-height:1.48; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.catalog-art-page .cat-card-specs { display:grid; gap:5px; margin:15px 0 0; }.catalog-art-page .cat-card-specs div { display:flex; justify-content:space-between; gap:12px; padding-bottom:5px; border-bottom:1px solid rgba(238,230,210,.06); }.catalog-art-page .cat-card-specs dt,.catalog-art-page .cat-card-specs dd { margin:0; font-size:8px; line-height:1.3; }.catalog-art-page .cat-card-specs dt { max-width:58%; color:var(--cat-faint); }.catalog-art-page .cat-card-specs dd { color:var(--cat-muted); text-align:right; }.catalog-art-page .cat-card-footer { display:flex; align-items:flex-end; justify-content:space-between; gap:10px; margin-top:auto; padding-top:18px; }.catalog-art-page .cat-card-price { color:#fff8e5; font-size:20px; font-weight:600; letter-spacing:-.045em; }.catalog-art-page .item-status { color:var(--cat-success); font-size:8px; }.catalog-art-page .item-status-out { color:var(--cat-faint); }
.catalog-art-page .hot-card-buy { display:flex; width:100%; min-height:44px; align-items:center; justify-content:space-between; margin-top:14px; padding:0 14px; border:1px solid rgba(216,185,99,.28); border-radius:2px; background:rgba(216,185,99,.06); color:#e4ca7d; font:700 9.5px/1 inherit; cursor:pointer; transition:background .2s,border-color .2s,color .2s; }.catalog-art-page .hot-card-buy .ci { width:15px; height:15px; }.catalog-art-page .hot-card-buy:hover { border-color:var(--cat-gold); background:var(--cat-gold); color:#17140e; }.catalog-art-page .hot-card-buy.in-cart { border-color:rgba(155,199,168,.34); background:rgba(155,199,168,.07); color:var(--cat-success); }.catalog-art-page .hot-card-buy-oos { justify-content:center; border-color:var(--cat-line); color:var(--cat-faint); }
.catalog-art-page .cat-grid--list { grid-template-columns:1fr; }.catalog-art-page .cat-grid--list .cat-card { display:grid; grid-template-columns:260px minmax(0,1fr); min-height:260px; }.catalog-art-page .cat-grid--list .cat-card-img { height:100%; aspect-ratio:auto; }.catalog-art-page .cat-grid--list .cat-card-body { min-height:260px; padding:22px; }.catalog-art-page .cat-grid--list .hot-card-buy { max-width:260px; }
.catalog-art-page .cat-skeleton { min-height:510px; background:linear-gradient(100deg,#11120f,#1b1c18,#11120f); background-size:220% 100%; animation:catLoad 1.2s linear infinite; }.catalog-art-page .cat-empty { grid-column:1/-1; display:flex; min-height:300px; flex-direction:column; justify-content:center; align-items:flex-start; padding:40px; border-top:1px solid var(--cat-line-strong); background:rgba(255,255,255,.015); }.catalog-art-page .cat-empty-kicker { color:var(--cat-gold); font-size:8px; letter-spacing:.13em; text-transform:uppercase; }.catalog-art-page .cat-empty-title { margin-top:9px; color:var(--cat-text); font-size:25px; }.catalog-art-page .cat-empty-sub { margin-top:8px; color:var(--cat-muted); font-size:11px; }.catalog-art-page .cat-empty-actions { display:flex; gap:8px; margin-top:20px; }.catalog-art-page .cat-empty-primary,.catalog-art-page .cat-empty-secondary,.catalog-art-page .cat-load-more { min-height:42px; padding:0 15px; border-radius:2px; font:700 9px/1 inherit; }.catalog-art-page .cat-empty-primary { border:0; background:var(--cat-gold); color:#15130d; }.catalog-art-page .cat-empty-secondary,.catalog-art-page .cat-load-more { border:1px solid var(--cat-line-strong); background:transparent; color:var(--cat-muted); }.catalog-art-page .cat-load-more-wrap { padding-top:30px; text-align:center; }

.catalog-art-page :where(button,a,input,select):focus-visible { outline:2px solid var(--cat-gold); outline-offset:3px; }
@keyframes catReveal { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } }
@keyframes catStageIn { from { opacity:0; transform:translateX(24px); } to { opacity:1; transform:none; } }
@keyframes catLoad { to { background-position:-220% 0; } }

@media (max-width:1050px) {
  .catalog-art-page .cat-hero-layout { grid-template-columns:minmax(0,1fr) 390px; gap:28px; }
  .catalog-art-page .cat-stage-product--main { right:0; width:325px; }.catalog-art-page .cat-stage-product--aux { width:155px; height:190px; }
  .catalog-art-page .cat-service-note { right:0; }
  .catalog-art-page .cat-index-desktop { grid-template-columns:minmax(0,44%) minmax(0,56%); gap:48px; }
  .catalog-art-page .cat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:768px) {
  #all-categories { scroll-margin-top:82px; }
  .catalog-art-page .cat-layout { width:calc(100% - 30px)!important; }
  .catalog-art-page { padding-top:72px; padding-bottom:84px; }
  .catalog-art-page .container { width:min(100% - 30px,720px); }
  .catalog-art-page .cat-hero { min-height:0; padding:34px 0 28px; }
  .catalog-art-page .cat-hero-layout { display:block; min-height:0; }
  .catalog-art-page .cat-hero-title { font-size:clamp(40px,10vw,58px); }
  .catalog-art-page .cat-hero-sub { margin:17px 0 20px; font-size:11px; }
  .catalog-art-page .cat-search-box { height:52px; padding-left:14px; }.catalog-art-page .cat-search-btn { min-width:54px; width:54px; height:42px; padding:0; }.catalog-art-page .cat-search-btn>span:first-child { display:none; }
  .catalog-art-page .cat-quick-categories { flex-wrap:nowrap; margin-right:-15px; padding-right:15px; overflow-x:auto; scrollbar-width:none; }.catalog-art-page .cat-quick-categories button { flex:0 0 auto; }
  .catalog-art-page .cat-hero-stage { height:280px; margin-top:28px; }.catalog-art-page .cat-stage-grid { left:0; }.catalog-art-page .cat-stage-product--main { right:0; top:0; width:72%; height:252px; }.catalog-art-page .cat-stage-product--aux { left:0; bottom:0; width:34%; height:135px; border-width:5px; }.catalog-art-page .cat-stage-coordinate--b { left:38%; }
  .catalog-art-page .cat-service-note { position:relative; right:auto; bottom:auto; width:100%; margin-top:18px; }
  .catalog-art-page .cat-page-body { padding:54px 0 72px; }
  .catalog-art-page .cat-directory-head,.catalog-art-page .cat-section-head { display:block; margin-bottom:20px; }.catalog-art-page .cat-directory-head h2,.catalog-art-page .cat-section-head h2 { font-size:32px; }.catalog-art-page .cat-directory-head p,.catalog-art-page .cat-section-head p { margin-top:9px; }
  .catalog-art-page .cat-index-desktop { display:none; }
  .catalog-art-page .cat-index-responsive { display:block; }
  .catalog-art-page .cat-index-responsive-group + .cat-index-responsive-group { margin-top:42px; }
  .catalog-art-page .cat-index-responsive-group h3 { margin:0 0 13px; color:var(--cat-faint); font-size:9px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
  .catalog-art-page .cat-index-responsive-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 12px; }
  .catalog-art-page .cat-index-responsive-item { position:relative; display:grid; grid-template-columns:1fr 18px; gap:12px; padding:0 0 13px; border:0; border-bottom:1px solid var(--cat-line); background:transparent; color:var(--cat-text); text-align:left; cursor:pointer; }
  .catalog-art-page .cat-index-responsive-media { grid-column:1/3; display:block; aspect-ratio:16/10; background:linear-gradient(145deg,#1b1c19,#10110f); overflow:hidden; }
  .catalog-art-page .cat-index-responsive-media img { width:100%; height:100%; object-fit:cover; transition:transform .4s var(--cat-ease); }
  .catalog-art-page .cat-index-responsive-copy { display:flex; min-width:0; flex-direction:column; gap:6px; }
  .catalog-art-page .cat-index-responsive-copy strong { color:var(--cat-text); font-size:15px; font-weight:600; letter-spacing:-.025em; }
  .catalog-art-page .cat-index-responsive-copy small { min-height:10px; color:var(--cat-faint); font-size:8px; }
  .catalog-art-page .cat-index-responsive-item>.ci { width:14px; height:14px; align-self:center; color:var(--cat-muted); }
  .catalog-art-page .cat-index-responsive-item:hover img,.catalog-art-page .cat-index-responsive-item:focus-visible img { transform:scale(1.018); }
  .catalog-art-page .cat-popular { margin-top:64px; padding-top:52px; }.catalog-art-page .cat-popular-grid { display:flex; grid-template:none; margin:0 -15px; padding:0 15px 10px; gap:9px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }.catalog-art-page .cat-popular-card,.catalog-art-page .cat-popular-card--lead,.catalog-art-page .cat-popular-card--support { display:grid; flex:0 0 82vw; grid-template-columns:1fr; grid-template-rows:330px auto; scroll-snap-align:center; }.catalog-art-page .cat-popular-card--lead .cat-popular-media { min-height:0; }.catalog-art-page .cat-popular-card--lead .cat-popular-body { display:flex; padding:19px; }.catalog-art-page .cat-popular-card--lead h3 { margin:10px 0 12px; font-size:15px; }.catalog-art-page .cat-popular-card--lead .cat-popular-bottom,.catalog-art-page .cat-popular-card--lead .cat-popular-buy { grid-column:auto; grid-row:auto; }.catalog-art-page .cat-popular-card--lead .cat-popular-buy { align-self:auto; min-width:0; margin-top:14px; }
  .catalog-art-page.catalog-product-mode .cat-hero { padding:25px 0 22px; }.catalog-art-page.catalog-product-mode .cat-hero-title { font-size:34px; }.catalog-art-page.catalog-product-mode .cat-hero-sub { display:none; }.catalog-art-page.catalog-product-mode .cat-search-outer { margin-top:15px; }
  .catalog-art-page .cat-toolbar { top:70px; min-height:56px; }.catalog-art-page .cat-breadcrumb-row { display:none; }.catalog-art-page .cat-toolbar-right { width:100%; justify-content:space-between; }.catalog-art-page .cat-count { order:2; }.catalog-art-page .mob-filter-btn { order:1; padding-left:0; border-left:0; }.catalog-art-page .cat-sort-select { order:3; width:40px; min-width:40px; padding:0; color:transparent; background-position:center; }.catalog-art-page .cat-view-switch { display:none; }.catalog-art-page .cat-active-filters:not(:empty) { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }
  .catalog-art-page .cat-sidebar { top:auto; left:0; width:100%; max-height:88svh; padding:0 18px 92px; border-top:1px solid var(--cat-line-strong); border-left:0; border-radius:16px 16px 0 0; transform:translate3d(0,104%,0); }.catalog-art-page .cat-sidebar.mob-open { transform:translate3d(0,0,0); }.catalog-art-page .mob-sidebar-header { margin:0 -18px 4px; padding:0 18px; }.catalog-art-page .mob-filter-footer { width:100%; padding-inline:18px; }
  .catalog-art-page .cat-grid { grid-template-columns:1fr; gap:28px; }.catalog-art-page .cat-card { border-top-color:var(--cat-line-strong); }.catalog-art-page .cat-card-img { aspect-ratio:1.12/1; }.catalog-art-page .cat-card-body { min-height:0; padding:16px 1px 1px; }.catalog-art-page .cat-card-name { min-height:0; font-size:14px; }.catalog-art-page .cat-card-specs { margin-top:12px; }.catalog-art-page .cat-card-footer { padding-top:16px; }.catalog-art-page .hot-card-buy { min-height:46px; }.catalog-art-page .cat-grid--list .cat-card { display:flex; min-height:0; }.catalog-art-page .cat-grid--list .cat-card-img { height:auto; aspect-ratio:1.12/1; }.catalog-art-page .cat-grid--list .cat-card-body { min-height:0; padding:16px 1px 1px; }
  .catalog-art-page .cat-empty { min-height:250px; padding:26px 18px; }.catalog-art-page .cat-empty-actions { width:100%; flex-direction:column; }.catalog-art-page .cat-empty-primary,.catalog-art-page .cat-empty-secondary { width:100%; }
}

@media (max-width:390px) {
  .catalog-art-page .cat-hero-title { font-size:39px; }.catalog-art-page .cat-hero-stage { height:250px; }.catalog-art-page .cat-stage-product--main { height:225px; }.catalog-art-page .cat-stage-product--aux { height:120px; }
  .catalog-art-page .cat-index-responsive-group + .cat-index-responsive-group { margin-top:38px; }
  .catalog-art-page .cat-index-responsive-grid { grid-template-columns:1fr; gap:24px; }
  .catalog-art-page .cat-index-responsive-item { padding-bottom:15px; }
  .catalog-art-page .cat-index-responsive-copy strong { font-size:17px; }
}

@media (prefers-reduced-motion:reduce) {
  .catalog-art-page * { scroll-behavior:auto; animation-duration:.01ms; animation-iteration-count:1; transition-duration:.01ms; }
}

/* Shared commerce drawers: match the approved graphite shell instead of the legacy light panel. */
.catalog-art-page .shop-panel { width:min(94vw,430px)!important; border:1px solid rgba(232,223,202,.11)!important; border-right:0!important; border-radius:24px 0 0 24px!important; background:linear-gradient(155deg,#262824 0%,#1b1d1a 44%,#121310 100%)!important; box-shadow:-18px 0 64px rgba(0,0,0,.48),inset 1px 0 rgba(255,255,255,.025)!important; color:#f5f1e8!important; overflow:hidden!important; transform:translate3d(110%,0,0)!important; transition:transform .24s cubic-bezier(.22,1,.36,1)!important; will-change:transform; contain:layout paint style; }
.catalog-art-page .shop-panel.open { transform:translate3d(0,0,0)!important; }
.catalog-art-page .shop-panel.bottom { transform:translate3d(-50%,100%,0)!important; }
.catalog-art-page .shop-panel.bottom.open { transform:translate3d(-50%,0,0)!important; }
.catalog-art-page .shop-panel-overlay { display:block!important; background:rgba(8,9,8,.66)!important; opacity:0; visibility:hidden; pointer-events:none; backdrop-filter:none!important; transition:opacity .18s ease,visibility 0s linear .18s!important; }
.catalog-art-page .shop-panel-overlay.open { opacity:1; visibility:visible; pointer-events:auto; transition:opacity .18s ease!important; }
.catalog-art-page .shop-panel-header { min-height:72px; padding:18px 20px 16px!important; border-color:rgba(232,223,202,.09)!important; background:rgba(31,33,29,.88)!important; }
.catalog-art-page .shop-panel-title { color:#f7f3ea!important; font-size:19px!important; font-weight:600!important; }
.catalog-art-page .shop-panel-close { width:38px!important; height:38px!important; border:1px solid rgba(232,223,202,.1)!important; border-radius:12px!important; background:rgba(255,255,255,.045)!important; color:rgba(247,243,234,.7)!important; }
.catalog-art-page .shop-panel-close:hover { border-color:rgba(215,183,101,.32)!important; background:rgba(215,183,101,.12)!important; color:#e4c779!important; }
.catalog-art-page .shop-panel-body { padding:10px 12px 18px!important; }
.catalog-art-page .sh-item { gap:12px!important; margin:0 0 8px!important; padding:12px!important; border:1px solid rgba(232,223,202,.075)!important; border-radius:16px!important; background:rgba(255,255,255,.025)!important; }
.catalog-art-page .sh-item-img { width:64px!important; height:64px!important; border-radius:12px!important; background:#292b27!important; }
.catalog-art-page .sh-item-name { color:rgba(247,243,234,.82)!important; font-size:13px!important; }
.catalog-art-page .sh-item-price { color:#fffaf0!important; font-size:14px!important; }
.catalog-art-page .sh-remove-btn,.catalog-art-page .sh-add-cart-btn { width:34px!important; height:34px!important; border:1px solid rgba(232,223,202,.1)!important; border-radius:10px!important; background:rgba(255,255,255,.04)!important; color:rgba(247,243,234,.62)!important; }
.catalog-art-page .shop-panel-footer { padding:14px 20px max(18px,env(safe-area-inset-bottom))!important; border-color:rgba(232,223,202,.09)!important; background:linear-gradient(180deg,rgba(24,25,22,.88),rgba(17,18,15,.98))!important; }
.catalog-art-page .shop-pay-btn { min-height:50px!important; border:1px solid rgba(255,225,147,.22)!important; border-radius:14px!important; background:linear-gradient(135deg,#e0c477,#cda853)!important; color:#171711!important; font-size:14px!important; font-weight:700!important; }
.catalog-art-page .sh-empty { min-height:310px; padding:56px 28px!important; color:rgba(247,243,234,.48)!important; }
.catalog-art-page .support-panel { width:100%!important; max-width:500px!important; height:90vh!important; border:0!important; border-radius:16px 16px 0 0!important; background:#1c1c1c!important; box-shadow:none!important; }
.catalog-art-page .support-header { padding:14px 18px!important; border-bottom:1px solid #333!important; background:#242424!important; }
.catalog-art-page .support-close { width:32px!important; height:32px!important; border:0!important; border-radius:8px!important; background:rgba(255,255,255,.08)!important; color:#999!important; }

@media (max-width:768px) {
  .catalog-art-page .shop-panel.bottom { width:100%!important; max-width:none!important; height:min(84svh,760px)!important; border-radius:22px 22px 0 0!important; }
  .catalog-art-page .shop-panel-header { min-height:66px; padding:14px 16px!important; }
}