@font-face { font-family:"Vazirmatn"; src:url("/assets/vazirmatn-variable.woff2") format("woff2"); font-style:normal; font-weight:100 900; font-display:swap; }
:root { --canvas:#FAF7F0; --surface:#FFF; --text:#242321; --muted:#625A50; --primary:#765519; --accent:#B58A3A; --border:#827668; --success:#246342; --error:#A32622; --info:#245B78; --focus:#175CD3; --line:#e6dfd3; --radius:8px; --forest:#173e35; --gold-light:#e5ce98; font-family:"Vazirmatn",Tahoma,"Segoe UI",Arial,sans-serif; color:var(--text); background:var(--canvas); font-size:16px; line-height:1.75; }
*,*::before,*::after { box-sizing:border-box; }
body { margin:0; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
[hidden] { display:none !important; }
button,a,input,select,summary { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
button:disabled,input:disabled,select:disabled { cursor:not-allowed; }
button:disabled { background:#eee9df; color:var(--muted); border:1px solid var(--border); }
button:disabled:hover { box-shadow:none; }
:focus-visible { outline:3px solid var(--focus); outline-offset:3px; box-shadow:0 0 0 2px var(--surface); }
input:focus-visible { outline-offset:2px; }
button,.button,.icon-button,summary { min-height:44px; }
h1,h2,h3,p { margin-block-start:0; }
h1 { font-size:36px; font-weight:500; line-height:1.35; letter-spacing:normal; margin-block-end:16px; }
h2 { font-size:22px; font-weight:500; line-height:1.5; }
h3 { font-size:20px; font-weight:500; }
p { color:var(--muted); }
main { min-height:55vh; }
.container { width:min(100% - 64px,1200px); margin-inline:auto; }
.icon { width:22px; height:22px; flex-shrink:0; vertical-align:middle; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.skip-link { position:fixed; inset-block-start:12px; inset-inline-start:12px; background:var(--surface); border:1px solid var(--border); padding:12px 24px; z-index:100; transform:translateY(-200%); }
.skip-link:focus { transform:translateY(0); }
.announcement { display:flex; align-items:center; justify-content:center; gap:10px; background:#eee8db; color:var(--muted); font-size:12px; min-height:36px; padding:6px 16px; }
.announcement-dot { width:5px; height:5px; background:var(--primary); border-radius:50%; }
.announcement-note { padding-inline-start:16px; margin-inline-start:6px; border-inline-start:1px solid #c5b99f; }
.site-header { border-block-end:1px solid var(--line); background:var(--canvas); }
.header-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:96px; }
.brand { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.brand strong { font-size:24px; font-weight:500; line-height:1.4; display:block; }
.brand small { display:block; font-family:Georgia,serif; font-size:9px; letter-spacing:4px; text-align:center; color:var(--primary); }
.brand-mark { width:42px; height:48px; display:grid; place-items:center; color:var(--primary); border:1px solid #c9b895; border-radius:50% 50% 8px 8px; }
.brand-mark .icon { width:25px; height:25px; }
.desktop-nav { display:flex; gap:28px; font-size:14px; }
.desktop-nav a { padding-block:24px; position:relative; }
.desktop-nav a[aria-current]::after { content:""; position:absolute; height:2px; background:var(--primary); bottom:14px; inset-inline:0; }
.desktop-nav a[aria-current]>span[aria-hidden] { display:none; }
.desktop-nav a:hover,.header-account:hover,.site-footer a:hover { text-decoration:underline; text-underline-offset:6px; }
.header-actions { display:flex; align-items:center; gap:16px; }
.header-account { display:flex; align-items:center; gap:8px; font-size:13px; min-height:44px; }
.header-divider { height:22px; width:1px; background:var(--line); }
.icon-button { width:44px; display:inline-grid; place-items:center; padding:8px; background:transparent; color:var(--text); border:1px solid transparent; border-radius:8px; }
.icon-button:hover { border-color:var(--border); }
.mobile-menu { display:none; }
.hero { padding-block:48px 64px; display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:64px; }
.hero-copy { padding-block:24px; }
.eyebrow { font-size:12px; color:var(--primary); margin-block-end:20px; display:flex; align-items:center; gap:12px; }
.small-line { height:1px; width:32px; display:inline-block; background:var(--accent); }
.hero h1 { line-height:1.8; margin-block-end:16px; }
.hero h1 span { color:var(--primary); }
.hero-description { line-height:2.1; max-width:410px; margin-block-end:28px; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:16px; background:var(--primary); color:white; border:1px solid var(--primary); border-radius:8px; padding:12px 20px; font-size:14px; text-align:center; line-height:1.5; min-height:48px; }
.button:hover { box-shadow:inset 0 0 0 1px currentColor; }
.button-secondary { background:transparent; color:var(--primary); border-color:var(--border); }
.button .icon { width:18px; height:18px; }
.text-link { color:var(--primary); display:inline-flex; align-items:center; gap:8px; font-size:14px; min-height:44px; }
.text-link:hover { text-decoration:underline; text-underline-offset:6px; }
.text-link .icon { width:18px; height:18px; }
.hero-footnote { margin-block-start:36px; display:flex; gap:12px; align-items:center; }
.hero-footnote p { font-size:12px; margin:0; color:var(--text); }
.hero-footnote small { display:block; margin-block-start:2px; font-size:11px; color:var(--muted); }
.fine-star { font-size:28px; color:var(--accent); }
.hero-art { position:relative; height:430px; overflow:hidden; background:radial-gradient(ellipse at 47% 35%,#f9f0dc 0,#e8dac0 52%,#ded0b4 100%); border-radius:180px 180px 12px 12px; isolation:isolate; }
.art-arch { position:absolute; inset:26px; border:1px solid #bba57e; border-radius:160px 160px 0 0; }
.art-arch::after { content:""; position:absolute; inset:16px; border:1px solid #ccba95; border-radius:150px 150px 0 0; }
.art-orbit { position:absolute; width:180px; height:240px; border-radius:50%; background:linear-gradient(120deg,#78501c 0,#ead3a0 12%,#9b702b 22%,#f9e9be 40%,#a57a34 52%,#674014 68%,#edd29d 84%,#90672a 100%); box-shadow:8px 22px 20px #6a4e292b,inset 2px 0 2px #fff9dd; }
.art-orbit::after { content:""; position:absolute; inset:8px; background:linear-gradient(140deg,#ecdfc6,#dfcfad); border-radius:50%; box-shadow:inset 5px 6px 9px #5d421a4d; }
.orbit-one { top:82px; left:23%; transform:rotate(-35deg); }
.orbit-two { top:132px; left:40%; transform:rotate(27deg); width:135px; height:180px; }
.orbit-two::after { inset:7px; }
.art-spark { position:absolute; color:var(--primary); font-size:36px; }
.spark-one { top:64px; right:48px; }
.spark-two { bottom:95px; left:48px; font-size:18px; }
.art-caption { position:absolute; bottom:38px; width:100%; text-align:center; font-family:Georgia,serif; color:var(--primary); letter-spacing:3px; font-size:10px; }
.art-label { position:absolute; bottom:70px; width:100%; text-align:center; font-size:12px; color:var(--primary); }
.intro-strip { border-block:1px solid var(--line); }
.strip-inner { display:flex; align-items:center; justify-content:space-around; gap:24px; min-height:78px; font-size:13px; }
.strip-inner p { margin:0; font-size:16px; color:var(--text); }
.strip-star { color:var(--accent); font-size:26px; }
.collection-section { padding-block:64px; }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-block-end:28px; }
.section-heading .eyebrow { margin-block-end:8px; }
.section-heading h2 { margin:0; }
.collection-card { border:1px solid var(--line); border-radius:var(--radius); background:#f0eadf; display:flex; gap:48px; align-items:center; padding:36px 48px; min-height:280px; position:relative; overflow:hidden; }
.collection-card>div { z-index:1; }
.collection-card h3 { margin-block-end:12px; }
.collection-card .eyebrow { margin-block-end:10px; }
.collection-card p { font-size:14px; }
.collection-ornament { width:220px; height:200px; flex-shrink:0; position:relative; }
.collection-ornament span { border:10px double #a88042; width:128px; height:156px; border-radius:50%; position:absolute; transform:rotate(-20deg); top:12px; right:36px; box-shadow:8px 12px 14px #6740141a; }
.collection-ornament span+span { transform:rotate(25deg); top:37px; right:90px; border-width:4px; }
.collection-word { position:absolute; left:24px; bottom:-80px; font-family:Georgia,serif; color:#dfd4c1; font-size:360px; line-height:1; pointer-events:none; }
.account-invitation { display:flex; justify-content:space-between; align-items:center; gap:24px; border-block-start:1px solid var(--line); padding-block:40px 56px; }
.account-invitation h2 { margin-block-end:12px; }
.account-invitation .eyebrow { margin-block-end:10px; }
.account-invitation p { margin-block-end:0; font-size:14px; }
.site-footer { background:#eee8dc; border-block-start:1px solid var(--line); }
.footer-top { display:flex; justify-content:space-between; align-items:center; gap:32px; padding-block:36px; }
.footer-brand { display:flex; align-items:center; gap:20px; font-size:22px; }
.footer-brand span { font-family:Georgia,serif; letter-spacing:3px; font-size:12px; color:var(--primary); }
.footer-top p { font-size:12px; margin-block:12px 0; }
.footer-top nav { display:flex; flex-wrap:wrap; gap:24px; font-size:12px; }
.footer-signature { font-size:14px; color:var(--primary); }
.footer-bottom { border-block-start:1px solid #d9ceba; display:flex; justify-content:space-between; padding-block:16px; color:var(--muted); font-size:11px; }
.page-section { padding-block:40px 64px; }
.page-heading { margin-block-end:32px; }
.page-heading .eyebrow { margin-block-end:10px; }
.page-heading p:last-child { margin-block-end:0; }
.card { padding:24px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }
.card h2 { margin-block-end:16px; }
.badge { display:inline-block; border:1px solid #cbb990; border-radius:24px; font-size:12px; padding:4px 12px; color:var(--primary); background:var(--canvas); }
.empty-state { text-align:center; border:1px solid var(--line); border-radius:var(--radius); padding:48px 24px; background:var(--surface); }
.empty-state h2 { margin-block-end:12px; }
.empty-state p { max-width:520px; margin-inline:auto; font-size:14px; }
.empty-icon { display:grid; place-items:center; margin:0 auto 20px; width:64px; height:64px; border-radius:50%; background:#f0eadf; color:var(--primary); }
.empty-icon .icon { width:30px; height:30px; }
.notice { padding:12px 16px; border-inline-start:3px solid currentColor; border-radius:4px; background:var(--canvas); font-size:14px; }
.notice-info { color:var(--info); }.notice-error { color:var(--error); }.notice-success { color:var(--success); }
.auth-layout { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding-block:56px 80px; align-items:center; }
.auth-story h2 { font-size:28px; line-height:1.8; margin-block-end:24px; }
.auth-story p { font-size:14px; }
.story-art { height:160px; display:flex; align-items:center; gap:28px; color:var(--primary); }
.story-art .icon { width:80px; height:80px; stroke-width:.5; }
.story-art span { letter-spacing:7px; font-family:Georgia,serif; font-size:18px; }
.auth-card { width:100%; max-width:480px; background:var(--surface); padding:32px; border:1px solid var(--line); border-radius:var(--radius); }
.auth-card .page-heading { margin-block:24px; }.auth-card h1 { font-size:28px; }
.auth-card .page-heading p { font-size:14px; }
.field { display:flex; flex-direction:column; gap:8px; margin-block-end:20px; }
.field label { font-size:16px; }.required { color:var(--primary); }
.field input { width:100%; min-height:48px; background:var(--surface); border:1px solid var(--border); border-radius:8px; padding:10px 12px; color:var(--text); min-width:0; }
.field small { font-size:12px; color:var(--muted); }.field-error { color:var(--error); font-size:12px; }
.field input[aria-invalid=true] { border-color:var(--error); }
.full-width { width:100%; }.form-feedback:empty { display:none; }
.auth-switch { font-size:14px; margin-block:20px 0; }.auth-switch .text-link { margin-inline-start:6px; }
.quiet-note { display:flex; gap:8px; border-block-start:1px solid var(--line); padding-block-start:16px; margin-block:16px 0; font-size:11px; }
.quiet-note .icon { width:16px; height:16px; margin-block-start:3px; }
.catalog-toolbar { display:flex; gap:16px; align-items:center; flex-wrap:wrap; margin-block-end:28px; }
.search-box { display:flex; align-items:center; gap:12px; border:1px solid var(--border); border-radius:6px; padding:5px 12px 5px 5px; flex:1; min-width:0; background:var(--surface); }
.search-box>.icon { color:var(--primary); }
.search-box>.button { flex-shrink:0; min-height:44px; padding:10px 20px; border-radius:3px; }
.search-box input { width:100%; background:transparent; border:0; min-height:48px; min-width:0; color:var(--text); }
.catalog-toolbar>[data-open-filters] { display:none; }
.sort-label { display:flex; gap:10px; font-size:13px; align-items:center; flex-shrink:0; }
.sort-label select { border:1px solid var(--border); border-radius:8px; padding:10px 12px; background:var(--surface); color:var(--muted); min-height:48px; }
.catalog-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:24px; align-items:start; }
.catalog-filters h2 { font-size:16px; }.catalog-filters p { font-size:12px; }.catalog-filters fieldset { border:0; border-block:1px solid var(--line); padding:16px 0; margin-block:16px; font-size:14px; }
.catalog-filters legend { font-size:12px; padding-inline-end:8px; }.catalog-filters label { display:block; padding-block:12px; }
.section-status { font-size:12px; margin-block-end:16px; }.small-text { font-size:12px; }
.account-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:24px; align-items:start; }
.account-sidebar { padding:20px 16px; }.sidebar-identity { display:flex; align-items:center; gap:12px; padding-block-end:20px; border-block-end:1px solid var(--line); font-size:14px; }
.sidebar-identity small { display:block; max-width:160px; overflow-wrap:anywhere; font-size:11px; color:var(--muted); }
.account-sections { margin-block-start:16px; }.account-sections summary { display:none; cursor:pointer; padding:8px; }
.account-sections nav { display:flex; flex-direction:column; gap:4px; }.account-sections nav a { display:flex; justify-content:space-between; padding:10px 12px; min-height:44px; font-size:13px; border-radius:8px; }
.account-sections a[aria-current] { background:#f1eadd; color:var(--primary); }.account-sections a:hover { text-decoration:underline; text-underline-offset:4px; }
.logout-button { display:flex; align-items:center; justify-content:space-between; width:100%; margin-block-start:16px; padding:10px 12px; border:0; border-block-start:1px solid var(--line); background:transparent; color:var(--error); font-size:13px; }
.account-content { display:grid; gap:24px; min-width:0; }.account-content>.card p { font-size:14px; }
.welcome-card { display:flex; justify-content:space-between; align-items:center; padding:32px; background:#eee6d7; border-radius:var(--radius); }.welcome-card .eyebrow { margin-block-end:12px; }.welcome-card h2 { margin-block-end:12px; }.welcome-card p { margin-block-end:0; font-size:14px; }.welcome-card>span { color:var(--primary); padding-inline-start:16px; }.welcome-card>span .icon { width:56px; height:56px; stroke-width:1; }
.summary-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }.summary-grid.earnings-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.summary-card h2 { font-size:16px; margin-block:16px; }.summary-card p { margin-block:12px 0; font-size:12px; }.summary-icon { color:var(--primary); }.unknown-value { font-size:14px; font-weight:400; color:var(--muted); }
.quick-links { display:flex; gap:16px; flex-wrap:wrap; }.access-message { max-width:600px; }
.security-intro .summary-icon { display:block; margin-block-end:16px; }.account-content form { max-width:480px; }
.setup-secret { margin-block:24px; padding:16px; background:var(--canvas); border:1px solid var(--border); border-radius:8px; }.setup-secret code { display:block; overflow-wrap:anywhere; text-align:left; font-size:13px; }.setup-secret h3 { font-size:16px; }
.recovery-codes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding-inline-start:24px; }.recovery-codes code { font-size:12px; overflow-wrap:anywhere; }
dialog { color:var(--text); background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:24px; width:min(440px,calc(100% - 32px)); max-height:calc(100% - 32px); overflow:auto; }
dialog::backdrop { background:#24232166; }.dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-block-end:20px; }.dialog-heading h2 { margin:0; }.dialog-nav { display:flex; flex-direction:column; }.dialog-nav a { padding:12px; border-block-end:1px solid var(--line); min-height:44px; }.dialog-nav [aria-current] { color:var(--primary); }
.boot { padding-block:64px; }
.catalog-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-block-end:24px; }
.catalog-panel-heading h2,.catalog-panel-heading p { margin-block-end:8px; }.catalog-panel-heading p { font-size:13px; }
.managed-products { display:grid; gap:16px; }.managed-product { display:flex; align-items:center; justify-content:space-between; gap:16px; border-block-start:1px solid var(--line); padding-block:20px; min-width:0; }.managed-product>div { min-width:0; overflow-wrap:anywhere; }.managed-product h3 { font-size:18px; margin-block-end:8px; }.managed-product p { font-size:12px; }
.catalog-pagination,.catalog-save-actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-block-start:24px; }
.category-details { margin-block:24px; }.category-details summary { cursor:pointer; }.category-details form { margin-block-start:24px; }
.account-content #catalog-management form { max-width:none; }
.catalog-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.catalog-field { display:flex; flex-direction:column; gap:8px; font-size:14px; margin-block-end:16px; min-width:0; }.catalog-field input,.catalog-field select,.catalog-field textarea { width:100%; min-width:0; min-height:48px; padding:10px 12px; color:var(--text); background:var(--surface); border:1px solid var(--border); border-radius:8px; font:inherit; }.catalog-field small { font-size:12px; color:var(--muted); }.catalog-field textarea { resize:vertical; }.catalog-field input[readonly] { background:var(--canvas); }
.sku-editor { border:1px solid var(--border); border-radius:8px; padding:16px; margin:0 0 20px; min-width:0; }.sku-editor legend { padding-inline:8px; font-size:14px; }.checkbox-label { display:flex; gap:8px; align-items:center; min-height:44px; font-size:14px; }.text-button { border:0; color:var(--error); background:none; padding:8px; text-decoration:underline; text-underline-offset:4px; }.catalog-images { margin-block-start:28px; border-block-start:1px solid var(--line); padding-block-start:24px; }.catalog-image-row { display:flex; gap:16px; align-items:center; margin-block:16px; }.catalog-image-row img { object-fit:contain; border:1px solid var(--line); border-radius:8px; }.catalog-image-row .catalog-field { flex:1; }.empty-management { font-size:14px; padding-block:16px; }
@media(max-width:767px) { .catalog-form-grid { grid-template-columns:minmax(0,1fr); }.managed-product { flex-direction:column; align-items:start; }.catalog-image-row { flex-wrap:wrap; }.catalog-image-row .catalog-field { flex-basis:calc(100% - 100px); } }
@media (max-width:1199px) { .container { width:calc(100% - 48px); }.desktop-nav { display:none; }.mobile-menu { display:inline-grid; }.header-inner { min-height:84px; }.hero { gap:32px; padding-block:40px; }.hero-art { height:390px; }.orbit-one { left:14%; }.orbit-two { left:36%; }.hero-description { font-size:14px; }.hero-actions { gap:16px; }.hero-footnote { margin-block-start:24px; }.catalog-toolbar>[data-open-filters] { display:inline-flex; }.catalog-filters { display:none; }.catalog-layout { display:block; }.account-layout { grid-template-columns:minmax(0,1fr); }.account-sections summary { display:list-item; }.account-sections nav { margin-block-start:16px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }.sidebar-identity { border:0; padding:0; }.account-sidebar { position:relative; }.logout-button { width:auto; position:absolute; inset-inline-end:16px; top:8px; border:0; margin:0; gap:16px; }.auth-layout { gap:40px; }.auth-card { padding:24px; }.footer-signature { display:none; }.collection-card { gap:24px; padding:32px; }.collection-ornament { width:180px; }.collection-ornament span { right:12px; }.collection-ornament span+span { right:70px; }.summary-grid.earnings-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) { .container { width:calc(100% - 32px); }h1 { font-size:28px; line-height:1.4; }.announcement { font-size:11px; min-height:32px; }.announcement-note { display:none; }.header-inner { gap:12px; min-height:80px; }.brand { gap:8px; }.brand strong { font-size:21px; }.brand small { font-size:8px; letter-spacing:3px; }.brand-mark { width:32px; height:38px; }.brand-mark .icon { width:21px; height:21px; }.header-actions { gap:2px; }.header-account { min-width:44px; justify-content:center; }.header-account span,.header-divider { display:none; }.hero { display:flex; flex-direction:column; gap:24px; padding-block:32px; }.hero-copy { width:100%; padding:0; }.hero .eyebrow { margin-block-end:16px; }.hero h1 { font-size:28px; }.hero-description { font-size:14px; max-width:100%; margin-block-end:24px; }.hero-actions { gap:12px; }.hero-actions>.button { padding-inline:16px; }.hero-footnote { margin-block-start:24px; }.hero-art { width:100%; height:320px; max-width:440px; border-radius:160px 160px 12px 12px; }.art-arch { inset:20px; }.art-arch::after { inset:12px; }.orbit-one { height:180px; width:136px; top:60px; left:23%; }.orbit-two { height:148px; width:112px; top:94px; left:42%; }.spark-one { top:48px; right:36px; font-size:28px; }.spark-two { bottom:80px; left:40px; }.art-caption { bottom:30px; font-size:8px; letter-spacing:2px; }.art-label { bottom:52px; font-size:11px; }.strip-inner { gap:12px; flex-wrap:wrap; padding-block:16px; min-height:70px; }.strip-inner>span:not(.strip-star) { font-size:11px; }.strip-inner>p { width:100%; order:1; font-size:14px; text-align:center; }.strip-star { font-size:20px; }.strip-star:nth-of-type(4) { display:none; }.collection-section { padding-block:40px; }.section-heading { align-items:start; flex-direction:column; gap:12px; margin-block-end:20px; }.section-heading h2 { font-size:22px; }.collection-card { padding:24px; flex-direction:column; gap:20px; align-items:start; }.collection-ornament { height:130px; width:180px; }.collection-ornament span { width:92px; height:114px; top:0; right:24px; border-width:8px; }.collection-ornament span+span { top:16px; right:76px; border-width:3px; }.collection-word { font-size:300px; left:-10px; bottom:-55px; }.collection-card h3 { font-size:18px; }.collection-card p { font-size:13px; }.account-invitation { flex-direction:column; align-items:start; gap:24px; padding-block:28px 40px; }.footer-top { flex-direction:column; align-items:start; gap:24px; padding-block:28px; }.footer-top nav { gap:20px; }.footer-bottom { gap:16px; font-size:10px; flex-wrap:wrap; }.auth-layout { display:block; padding-block:32px 48px; }.auth-story { display:none; }.auth-card { margin-inline:auto; padding:24px 16px; }.auth-card h1 { font-size:28px; }.auth-card .page-heading { margin-block:20px; }.page-section { padding-block:28px 40px; }.page-heading { margin-block-end:24px; }.card { padding:16px; }.catalog-toolbar { gap:12px; }.search-box { flex-basis:100%; }.sort-label { flex:1; justify-content:end; font-size:12px; }.sort-label select { max-width:160px; }.empty-state { padding:32px 16px; }.empty-state h2 { font-size:20px; }.empty-state p { font-size:13px; }.summary-grid,.summary-grid.earnings-grid { grid-template-columns:minmax(0,1fr); gap:16px; }.welcome-card { padding:24px 16px; }.welcome-card>span .icon { width:36px; height:36px; }.welcome-card h2 { font-size:20px; }.account-content { gap:16px; }.account-layout { gap:20px; }.account-sections nav { grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; }.account-sidebar .sidebar-identity { padding-inline-end:90px; }.sidebar-identity small { max-width:125px; }.logout-button { font-size:12px; gap:8px; }.recovery-codes { grid-template-columns:minmax(0,1fr); }.button { font-size:14px; }.form-feedback .notice { font-size:13px; } }
@media (prefers-reduced-motion:no-preference) { a,button,input { transition:background-color .15s,border-color .15s,box-shadow .15s; } }
.filter-field { display:flex; flex-direction:column; gap:8px; font-size:14px; margin-block:16px; min-width:0; }
#more-categories[hidden] { display:none; }
.filter-field input,.filter-field select { width:100%; min-width:0; min-height:48px; border:1px solid var(--border); border-radius:8px; padding:10px; background:var(--surface); color:var(--text); font:inherit; }
#discovery-form { display:grid; gap:8px; min-width:0; } #discovery-form fieldset { min-width:0; border:0; padding:0; margin:0; } #discovery-form summary { cursor:pointer; padding-block:12px; }
.product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.product-card { min-width:0; border:0; border-radius:0; background:transparent; overflow:hidden; }
.product-card>a { display:block; height:100%; color:inherit; text-decoration:none; } .product-card>a:hover h2 { text-decoration:underline; }
.product-card-image { aspect-ratio:1; display:grid; place-items:center; background:#f0ece3; border:1px solid var(--line); border-radius:50% 50% 4px 4px; overflow:hidden; }
.product-card-image img { width:100%; height:100%; object-fit:contain; } .product-card-copy { padding:20px 4px; border-block-end:1px solid var(--line); overflow-wrap:anywhere; }
.product-card h2 { font-size:18px; line-height:1.6; margin-block:8px 16px; } .product-price { font-weight:700; font-size:17px; }
.image-placeholder { display:block; padding:24px; font-size:13px; color:var(--muted); text-align:center; }
.product-detail { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; align-items:start; }
.breadcrumbs { margin-block-end:24px; font-size:14px; overflow-wrap:anywhere; } .product-information { min-width:0; overflow-wrap:anywhere; }
#main-product-image { aspect-ratio:1; display:grid; place-items:center; border:1px solid var(--line); border-radius:12px; background:var(--surface); overflow:hidden; }
#main-product-image img { width:100%; height:100%; object-fit:contain; } .gallery-options { display:flex; flex-wrap:wrap; gap:8px; margin-block-start:16px; }
.gallery-options [aria-pressed=true] { outline:2px solid var(--primary); outline-offset:2px; }
.product-description { white-space:pre-wrap; } .product-attributes { margin-block:24px; } .product-attributes>div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:16px; padding-block:12px; border-block-end:1px solid var(--line); } .product-attributes dd { margin:0; }
@media(max-width:1199px) { .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .product-detail { grid-template-columns:minmax(0,1fr); gap:32px; } .product-gallery { max-width:640px; width:100%; margin-inline:auto; } }
@media(max-width:767px) { .product-grid { grid-template-columns:minmax(0,1fr); } .search-box { min-width:0; gap:8px; } .search-box input { min-width:0; } .product-information .page-heading h1 { font-size:28px; } }
.address-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.saved-address { border-block-start:1px solid var(--line); padding-block:20px; overflow-wrap:anywhere; }
.saved-address h3 { margin-block-end:12px; } .saved-address p { margin-block-end:12px; font-size:14px; }
.address-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.delete-confirm { padding:16px; border:1px solid var(--border); border-radius:8px; margin-block-start:16px; }
.delete-confirm button { margin-inline-end:8px; } #address-editor:empty { display:none; }
#account-data { display:grid; gap:24px; min-width:0; } #account-data .field { min-width:0; } #account-data input { width:100%; min-width:0; }
.account-content #account-data #address-form { max-width:none; }
@media(max-width:767px) { .address-form-grid { grid-template-columns:minmax(0,1fr); gap:8px; } }
/* Staff identifiers and scope values must remain inside the content column. */
.staff-grant { border-block-end: 1px solid var(--border); padding-block: 1rem; }
.staff-grant p, .role-target { overflow-wrap: anywhere; }
#staff-roles .card { margin-block-end: 1rem; }
#staff-roles [hidden] { display: none; }
#staff-roles select { width:100%; min-width:0; min-height:48px; border:1px solid var(--border); border-radius:8px; padding:10px; background:var(--surface); color:var(--text); }
#staff-roles .form-actions { display:flex; flex-wrap:wrap; gap:8px; margin-block-start:16px; }
.cart-layout { display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start; }
.cart-items { display:grid;gap:16px;min-width:0; }
.cart-line { display:flex;gap:20px;min-width:0; }
.cart-line-content { flex:1;min-width:0;overflow-wrap:anywhere; }.cart-line h2 { font-size:20px;margin-block:0 8px; }
.cart-thumbnail { width:112px;flex:none;aspect-ratio:1;align-self:start;display:grid;place-items:center;background:var(--canvas);border-radius:8px;font-size:12px;color:var(--muted);overflow:hidden; }
.cart-thumbnail img { width:100%;height:100%;object-fit:cover; }
.cart-quantity-form { display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-block:16px; }.cart-quantity-form input { width:80px;min-width:0;min-height:48px;border:1px solid var(--border);border-radius:8px;padding:8px; }
.cart-line-actions { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap; }.cart-summary { position:sticky;top:24px; }.cart-summary h2 { font-size:20px; }.cart-subtotal { display:block;font-size:24px;margin-block:20px; }.cart-summary p { color:var(--muted);font-size:14px; }
.cart-line-actions button { border:0;background:transparent;color:var(--error);min-height:44px;padding:8px 0;font-size:14px; }
.cart-merge { margin-block-end:24px; }#cart-feedback .notice { margin-block-end:20px; }.cart-merge h2 { font-size:20px; }
@media(max-width:1199px) { .cart-layout { grid-template-columns:minmax(0,1fr); }.cart-summary { position:static; } }
@media(max-width:767px) { .cart-line { flex-direction:column;gap:12px; }.cart-thumbnail { width:80px; }.cart-line h2 { font-size:18px; }.cart-quantity-form .button { padding-inline:12px; } }

/* Saleh Tala collection identity; native form controls retain their keyboard behavior. */
.announcement { background:var(--forest); color:#fff8ea; }
.announcement-dot { background:var(--gold-light); }
.announcement-note { border-color:#789185; }
.brand-mark { background:var(--forest); color:var(--gold-light); border-color:var(--forest); border-radius:50%; }
.site-header { background:#fffdf8; }
.site-footer { border-block-start:3px solid var(--forest); }
.button { border-radius:4px; }
.hero-art { border-radius:4px 140px 4px 4px; }
.hero h1 { font-weight:600; }
.collection-card { border-radius:4px; border-inline-start:3px solid var(--primary); }
#storefront-catalog { padding-block-start:28px; }
.catalog-intro { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:40px 48px; margin-block-end:28px; background:var(--forest); color:#fff8ea; border-radius:4px; position:relative; overflow:hidden; }
.catalog-intro .page-heading { margin:0 0 24px; }
.catalog-intro .eyebrow { color:var(--gold-light); margin-block-end:16px; }
.catalog-intro h1 { font-size:clamp(28px,3.2vw,42px); font-weight:600; margin-block-end:16px; }
.catalog-intro .page-heading>p:last-child { color:#e1e8df; font-size:14px; line-height:2; max-width:480px; }
.catalog-signature { display:inline-block; color:var(--gold-light); letter-spacing:3px; font-size:10px; }
.catalog-seal { width:172px; height:172px; flex-shrink:0; border:1px solid #a6b39c; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; color:var(--gold-light); outline:1px solid #648071; outline-offset:10px; transform:rotate(-8deg); }
.catalog-seal>span { font-size:40px; line-height:1.4; font-weight:300; }
.catalog-seal>small { font-size:11px; }
.catalog-toolbar { padding-block:0 24px; border-block-end:1px solid var(--line); gap:20px; }
.catalog-filters.card { background:transparent; border:0; border-inline-end:1px solid var(--line); border-radius:0; padding:0 0 24px 24px; }
.catalog-filters h2 { color:var(--forest); padding-block-end:16px; border-block-end:1px solid var(--line); }
.catalog-filters .filter-field { margin-block:8px; }
.catalog-filters label.filter-field { display:flex; padding-block:4px; }
.catalog-results { min-width:0; }
.product-card .eyebrow { margin:0; font-size:11px; }
.product-card h2 { margin-block:8px 12px; }
.product-card .product-price { margin-block-end:8px; }
.product-card .text-link { color:var(--forest); }
.product-card>a:focus-visible { outline-offset:-3px; border-radius:4px; }
.catalog-results>.section-status { display:flex; align-items:center; gap:12px; color:var(--forest); }
.catalog-results>.section-status::after { content:""; height:1px; flex:1; background:var(--line); }
@media(max-width:1199px) {
  .catalog-intro { padding:32px; }
  .catalog-seal { width:140px; height:140px; }
  .catalog-toolbar { gap:12px; }
}
@media(max-width:767px) {
  #storefront-catalog { padding-block-start:16px; }
  .catalog-intro { padding:28px 24px; gap:0; margin-block-end:20px; }
  .catalog-intro>div:first-child { position:relative; z-index:1; }
  .catalog-intro .page-heading>p:last-child { max-width:260px; }
  .catalog-signature { font-size:8px; letter-spacing:2px; }
  .catalog-seal { position:absolute; inset-inline-end:-90px; bottom:-100px; width:200px; height:200px; opacity:.22; }
  .catalog-seal>* { visibility:hidden; }
  .catalog-toolbar { display:grid; grid-template-columns:auto minmax(0,1fr); padding-block-end:20px; }
  .search-box { grid-column:1 / -1; width:100%; }
  .search-box>.button { padding-inline:12px; font-size:13px; }
  .sort-label { gap:6px; min-width:0; font-size:11px; }
  .sort-label select { width:100%; min-width:0; max-width:160px; padding-inline:6px; font-size:12px; }
  .catalog-toolbar>[data-open-filters] { gap:6px; padding-inline:12px; }
  .hero-art { border-radius:4px 110px 4px 4px; }
}

/* Quiet collection fields with a single, clearly visible keyboard focus ring. */
#storefront-catalog,#storefront-product { --focus:var(--forest); }
.filter-field input,.filter-field select,.sort-label select {
  border-radius:6px;
  background-color:#fffdf8;
  color:var(--text);
  padding-inline:14px;
  transition:border-color .15s;
}
.filter-field select,.sort-label select {
  appearance:none;
  -webkit-appearance:none;
  padding-inline-end:36px;
  background-image:linear-gradient(45deg,transparent 50%,var(--forest) 50%),linear-gradient(135deg,var(--forest) 50%,transparent 50%);
  background-position:left 16px center,left 20px center;
  background-size:4px 4px;
  background-repeat:no-repeat;
  cursor:pointer;
}
.filter-field input:hover,.filter-field select:hover,.sort-label select:hover { border-color:var(--forest); }
.filter-field input:focus-visible,.filter-field select:focus-visible,.sort-label select:focus-visible {
  outline:2px solid var(--forest);
  outline-offset:3px;
  border-color:var(--forest);
  box-shadow:none;
}
.search-box:focus-within { outline:2px solid var(--forest); outline-offset:3px; border-color:var(--forest); }
.search-box input:focus-visible { outline:none; box-shadow:none; }
@media(forced-colors:active) {
  .filter-field select,.sort-label select { appearance:auto; background-image:none; }
  .filter-field input:focus-visible,.filter-field select:focus-visible,.sort-label select:focus-visible,.search-box:focus-within { outline-color:Highlight; }
}