/* Hallmark · component: shared app surface · genre: atmospheric · theme: Maraya
 * states: default · hover · focus · active · disabled · loading · error · success
 * contrast: pass
 */
:root{--maraya-canvas:#111;--maraya-panel:#211a21;--maraya-panel-2:#2a222a;--maraya-header:rgba(23,19,24,.92);--maraya-nav:rgba(33,26,33,.96);--maraya-line:rgba(255,255,255,.16);--maraya-ink:#fff8f4;--maraya-muted:#c9bec6;--maraya-accent:#f56f61;--maraya-icon-surface:#111;--maraya-icon-ink:#fff}
:root[data-theme="dark"]{--share-dialog-surface:var(--maraya-panel);--share-dialog-panel:var(--maraya-panel-2);--share-dialog-ink:var(--maraya-ink);--share-dialog-muted:var(--maraya-muted);--share-dialog-line:var(--maraya-line);--share-action-surface:var(--control-surface);--share-action-ink:var(--control-ink)}

:root[data-theme="light"]{--maraya-canvas:#f8f5f2;--maraya-panel:#fffaf6;--maraya-panel-2:#f1e7eb;--maraya-header:rgba(255,250,246,.94);--maraya-nav:rgba(255,250,246,.96);--maraya-line:rgba(75,33,66,.2);--maraya-ink:#261e25;--maraya-muted:#665d64;--maraya-accent:#4b2142;--maraya-icon-surface:#fff;--maraya-icon-ink:#111}

:root[data-theme="dark"] .checkout-page{--paper:var(--maraya-canvas);--ivory:var(--maraya-panel);--ink:var(--maraya-ink);--muted:var(--maraya-muted);--line:var(--maraya-line);background:var(--maraya-canvas);color:var(--maraya-ink)}
:root[data-theme="dark"] .checkout-page :is(.checkout-box,.checkout-form,.saved-address,input,select,textarea){border-color:var(--maraya-line)!important;background:var(--maraya-panel)!important;color:var(--maraya-ink)!important}
:root[data-theme="dark"] .checkout-page :is(input,textarea)::placeholder{color:var(--maraya-muted)!important}
:root[data-theme="dark"] .checkout-page :is(.saved-address strong,.saved-address a,.order-total,.checkout-look h2){color:var(--maraya-ink)!important}
:root[data-theme="dark"] .checkout-page .text-action{color:var(--maraya-ink)!important}
:root[data-theme="dark"] body[data-role="merchant"]{--paper:var(--maraya-canvas);--ink:var(--maraya-ink);--muted:var(--maraya-muted);--line:var(--maraya-line);background:var(--maraya-canvas);color:var(--maraya-ink)}
:root[data-theme="dark"] body[data-role="merchant"] :is(.merchant-single-panel,.merchant-order-card,.invoice-card,.order-management){border-color:var(--maraya-line)!important;background:var(--maraya-panel)!important;color:var(--maraya-ink)!important}

.stores-body,.account-body,.looks-page{min-height:100svh;background:var(--maraya-canvas)!important;color:var(--maraya-ink)!important}

.stores-body .app-header,.account-body .app-header,.looks-page .site-head{background:var(--maraya-header)!important;border-bottom:1px solid var(--maraya-line)!important;backdrop-filter:blur(18px)}

.stores-body .brand,.stores-body .stores-header>strong,.account-body .brand,.account-body .account-header>strong,.account-body .account-create-title,.looks-page .site-head a,.looks-page .page-hero h1{color:var(--maraya-ink)!important}

.stores-body .market-search,.stores-body .market-filter-row>button,.stores-body .market-product-card,.account-body .account-menu,.account-body .account-menu>a,.account-body .account-menu>button,.account-body .demo-accounts,.account-body .demo-customer-switch,.looks-page .generated-look,.looks-page .community-group-card,.looks-page .look-rating-slider,.looks-page .empty{border-color:var(--maraya-line)!important;background:var(--maraya-panel)!important;color:var(--maraya-ink)!important;box-shadow:none!important}

.stores-body .market-search input,.stores-body .market-search input::placeholder,.stores-body .market-title-actions>span,.stores-body .market-store-card p,.stores-body .market-product-copy small,.account-body .account-menu span small,.account-body .demo-accounts p,.looks-page .page-hero p,.looks-page .community-group-card small{color:var(--maraya-muted)!important}

.stores-body .market-search-icon svg{stroke:var(--maraya-ink)!important}
.stores-body .market-tabs button{border:1px solid var(--maraya-line)!important;background:var(--maraya-panel-2)!important;color:var(--maraya-muted)!important;box-shadow:none!important}
.stores-body .market-tabs button.active{border-color:var(--maraya-accent)!important;background:var(--maraya-accent)!important;color:var(--maraya-canvas)!important}

.stores-body .market-section-title h1,.stores-body .market-store-card h2,.stores-body .market-product-copy h2,.account-body .account-menu span strong,.account-body .demo-accounts h2,.looks-page .community-group-card strong{color:var(--maraya-ink)!important}

.stores-body .market-store-card{border-color:var(--maraya-line)!important}
.stores-body .market-store-card small,.stores-body .market-store-name,.stores-body .market-product-copy strong{color:var(--maraya-accent)!important}
.stores-body .market-store-card>button,.stores-body .market-filter-trigger,.stores-body .market-banner-slide button,.account-body .account-type.merchant,.account-body .demo-accounts>button{background:var(--maraya-accent)!important;color:var(--maraya-canvas)!important}

.account-body .account-menu{border-color:var(--maraya-line)!important}
.account-body .account-menu>a,.account-body .account-menu>button{border-color:var(--maraya-line)!important}
.account-body .account-menu i{background:var(--maraya-panel-2)!important;color:var(--maraya-accent)!important}
.account-body .account-menu b{color:var(--maraya-muted)!important}
.account-body .account-type.customer{border:1px solid var(--maraya-line)!important;background:var(--maraya-panel-2)!important}

.looks-page .looks-tabs{border:1px solid var(--maraya-line)!important;background:var(--maraya-panel)!important}
.looks-page .looks-tabs button{color:var(--maraya-muted)!important}
.looks-page .looks-tabs button.active{background:var(--maraya-accent)!important;color:var(--maraya-canvas)!important}

.looks-page .page-hero{display:none!important}
.looks-page main{padding-top:28px}
.looks-page .generated-empty{padding:38px 22px!important}
.looks-page .generated-empty h2{color:var(--maraya-ink)!important}
.looks-page .generated-empty p{color:var(--maraya-muted)!important}
.looks-page .generated-empty .primary{border:1px solid var(--maraya-accent)!important;background:var(--maraya-accent)!important;color:var(--maraya-canvas)!important;box-shadow:none!important}

.stores-body .stores-shell{padding-top:24px!important}
.stores-body .market-tabs,.stores-body .market-banner,.stores-body .market-page:nth-child(2){display:none!important}
.stores-body .market-search{margin-top:0!important;margin-bottom:28px!important}
.stores-body .market-viewport{overflow:visible!important}
.stores-body .market-pages{display:block!important;transform:none!important}
.stores-body .market-page:first-child{display:block!important}
.stores-body .market-filter-trigger{border:1px solid var(--maraya-accent)!important;background:var(--maraya-panel-2)!important;color:var(--maraya-accent)!important}
.stores-body .market-store-card small{color:#f2b8af!important}
.stores-body .market-store-card>button{border:1px solid var(--maraya-accent)!important;background:var(--maraya-accent)!important;color:var(--maraya-canvas)!important;font-weight:700!important}

.stores-body.store-focus .market-page:first-child{display:none!important}
.stores-body.store-focus .market-page:nth-child(2){display:block!important}
.stores-body.store-focus .market-search{display:none!important}
.stores-body.store-focus .selected-store-profile{display:grid!important}
.stores-body.store-focus .market-products{margin-top:10px}

.stores-body .bottom-nav,.looks-page .legacy-bottom-nav{border-color:var(--maraya-line)!important;background:var(--maraya-nav)!important;box-shadow:0 15px 38px rgba(0,0,0,.28)!important}
.stores-body .bottom-nav a,.looks-page .legacy-bottom-nav a{color:var(--maraya-muted)!important}
.stores-body .bottom-nav a.active,.looks-page .legacy-bottom-nav a.active{background:var(--maraya-panel-2)!important;color:var(--maraya-accent)!important}

.account-body .appearance-menu{display:block!important;margin-top:16px!important}
.account-body .appearance-menu>button{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:12px;text-align:right}
.account-body .appearance-menu .appearance-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--maraya-panel-2);color:var(--maraya-accent);font-style:normal;font-size:1.1rem}
.account-body .appearance-menu span{display:grid}
.account-body .appearance-menu strong{color:var(--maraya-ink)!important}
.account-body .appearance-menu small{color:var(--maraya-muted)!important}

.stores-body .market-store-card h2{font-size:1.12rem!important}
.stores-body .market-store-card p{font-size:.8rem!important;line-height:1.65!important}
.stores-body .market-store-card small{width:fit-content!important;max-width:100%!important;margin-top:7px!important;padding:5px 9px!important;border:1px solid var(--maraya-line)!important;border-radius:999px!important;background:var(--maraya-panel-2)!important;color:var(--maraya-ink)!important;font-size:.72rem!important;font-weight:600!important}
.stores-body .market-store-name{font-size:.76rem!important}
.stores-body .market-product-copy small{font-size:.66rem!important;line-height:1.6!important}
.stores-body .market-product-copy h2{font-size:.88rem!important;line-height:1.55!important}
.stores-body .market-product-copy strong{font-size:.8rem!important}
.stores-body .selected-store-profile p{font-size:.76rem!important}
.stores-body .selected-store-profile strong{display:inline-block;width:fit-content;max-width:100%;justify-self:start;margin-top:7px;padding:5px 9px;border:1px solid var(--maraya-line);border-radius:12px;background:var(--maraya-panel-2);color:var(--maraya-ink)!important;font-size:.69rem!important;line-height:1.45}

@media(max-width:520px){.stores-body .market-store-card{grid-template-columns:72px minmax(0,1fr)!important;gap:12px!important;padding:16px 4px!important}
.stores-body .market-store-card>img{width:72px!important;height:72px!important}
.stores-body .market-store-card>button{grid-column:1/-1;width:100%;min-height:48px!important;font-size:.76rem!important}
.stores-body .market-products{gap:12px!important}
.stores-body .market-product-copy{padding:13px!important}
}

button:hover,a:hover{--maraya-hover:1}
button:focus-visible,a:focus-visible{outline:3px solid var(--maraya-accent)!important;outline-offset:3px}
button:active,a:active{opacity:.88}
button:disabled,[aria-disabled="true"]{opacity:.5}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}
}

.stores-body .market-store-card>button,.stores-body .apply-market-filters{border:1px solid #111!important;background:#111!important;color:#fff!important;box-shadow:none!important}
.looks-page .generated-empty .primary{min-width:230px;min-height:52px;padding:0 24px!important;border:1px solid #111!important;border-radius:999px!important;background:#111!important;background-image:none!important;color:#fff!important;box-shadow:none!important;font-weight:700!important}

.stores-body .market-filter-trigger{border:1px solid var(--line)!important;background:#fff!important;color:#111!important}
.stores-body .market-filter-trigger svg{stroke:#111!important}
.stores-body.store-focus .selected-store-profile{border:1px solid var(--line)!important;background:#fff!important;color:#111!important}
.stores-body.store-focus .selected-store-profile h2,.stores-body.store-focus .selected-store-profile p,.stores-body.store-focus .selected-store-profile strong{color:#111!important}
.stores-body.store-focus .selected-store-profile strong{border-color:var(--line)!important;background:#fff!important}
.stores-body.store-focus .market-store-name,.stores-body.store-focus .market-product-copy>small{display:none!important}


/* Final account/store states stay monochrome in both themes. */
.account-body .account-type{border:1px solid #111!important;background:#fff!important;color:#111!important}
.account-body .account-type.selected,.account-body .account-type:active,.account-body .account-type[aria-pressed="true"]{border-color:#111!important;background:#111!important;color:#fff!important}
.account-body .customer-register-dialog .choose-photo{border-color:#111!important;background:#111!important;color:#fff!important}
.account-body .customer-delete-account{border-color:#a13f46!important;background:#a13f46!important;color:#fff!important}
.stores-body .market-store-card small{border-color:var(--line)!important;background:#fff!important;color:#111!important}

.account-body .account-menu i{border:1px solid var(--maraya-icon-ink)!important;background:var(--maraya-icon-surface)!important;color:var(--maraya-icon-ink)!important}


/* Filter chips intentionally stay white/black in both appearance modes. */
.stores-body .market-filter-group button{border-color:var(--control-ink)!important;background:var(--control-surface)!important;color:var(--control-ink)!important}
.stores-body .market-filter-group button.selected{border-color:var(--control-ink)!important;background:var(--control-ink)!important;color:var(--control-surface)!important}


/* Monochrome form controls stay consistent across appearance modes. */
.stores-body .market-search{border-color:var(--control-line)!important;background:var(--control-surface)!important;color:var(--control-ink)!important}
.stores-body .market-search input,.stores-body .market-search input::placeholder{color:var(--control-ink)!important}
.stores-body .market-search-icon svg{stroke:var(--control-ink)!important}
.account-body [aria-label^="إغلاق"],.stores-body [aria-label^="إغلاق"],.account-body .sheet-close,.stores-body .camera-close{border-color:var(--control-line)!important;background:var(--control-surface)!important;color:var(--control-ink)!important}
.account-body .account-select summary,.account-body .account-select>div button{color:var(--control-ink)!important}
.account-body .account-select>div button[aria-selected="true"]{background:var(--selection-surface)!important;color:var(--control-ink)!important}


/* Hallmark · component: dark store and empty-state surfaces · pre-emit critique: P5 H5 E5 S5 R5 V4 · contrast: pass (40–41) */
:root[data-theme="dark"] .stores-body .market-store-card>button,
:root[data-theme="dark"] .stores-body .market-banner-slide button{border-color:var(--control-surface)!important;background:var(--control-surface)!important;color:var(--control-ink)!important;box-shadow:none!important}

:root[data-theme="dark"] .stores-body.store-focus .selected-store-profile{border-color:var(--maraya-line)!important;background:var(--maraya-panel)!important;background-image:none!important;color:var(--maraya-ink)!important;box-shadow:none!important}

:root[data-theme="dark"] .stores-body.store-focus .selected-store-profile>img{border-color:var(--maraya-line)!important}

:root[data-theme="dark"] .stores-body.store-focus .selected-store-profile h2,
:root[data-theme="dark"] .stores-body.store-focus .selected-store-profile strong{color:var(--maraya-ink)!important}

:root[data-theme="dark"] .stores-body.store-focus .selected-store-profile p{color:var(--maraya-muted)!important}

:root[data-theme="dark"] .stores-body.store-focus .selected-store-profile strong{border-color:var(--maraya-line)!important;background:var(--maraya-panel-2)!important}

:root[data-theme="dark"] .stores-body.store-focus .market-product-copy{border-color:var(--maraya-line)!important;background:var(--maraya-panel)!important;color:var(--maraya-ink)!important;box-shadow:none!important}

:root[data-theme="dark"] .stores-body.store-focus .market-store-name{display:inline-block!important;color:var(--maraya-muted)!important;text-decoration:none}

:root[data-theme="dark"] .stores-body.store-focus .market-product-copy h2,
:root[data-theme="dark"] .stores-body.store-focus .market-product-copy strong{color:var(--maraya-ink)!important}

:root[data-theme="dark"] .stores-body.store-focus .market-compact-sizes{color:var(--maraya-muted)!important}

:root[data-theme="dark"] .stores-body.store-focus .market-compact-sizes span{border-color:var(--maraya-line)!important;background:var(--maraya-panel-2)!important;color:var(--maraya-ink)!important}

:root[data-theme="dark"] .looks-page .generated-empty .primary{border-color:var(--control-surface)!important;background:var(--control-surface)!important;background-image:none!important;color:var(--control-ink)!important}


/* Hallmark · component: dark account choices and close focus · pre-emit critique: P5 H5 E5 S5 R5 V4 · contrast: pass (40–41) */
.account-body .account-types .account-type,
.account-body .account-types .account-type.selected,
.account-body .account-types .account-type:active,
.account-body .account-types .account-type[aria-pressed="true"]{border-color:var(--control-ink)!important;background:var(--control-surface)!important;color:var(--control-ink)!important;box-shadow:none!important}

.account-body .account-types .account-type:hover{background:var(--control-hover)!important}
.account-body .account-types .account-type:focus-visible{outline:2px solid var(--control-ink)!important;outline-offset:3px}

.account-body [aria-label^="إغلاق"]:focus-visible,.stores-body [aria-label^="إغلاق"]:focus-visible,.account-body .sheet-close:focus-visible,.stores-body .camera-close:focus-visible{outline:2px solid var(--control-ink)!important;outline-offset:3px;box-shadow:none!important}


/* Hallmark · component: fixed account-role contrast · pre-emit critique: P5 H5 E5 S5 R5 V4 · contrast: pass (40–41) */
.account-body .account-types{gap:var(--account-choice-gap)!important}

.account-body .account-types .account-type.customer,
.account-body .account-types .account-type.customer:hover,
.account-body .account-types .account-type.customer.selected,
.account-body .account-types .account-type.customer:active,
.account-body .account-types .account-type.customer[aria-pressed="true"]{border-color:var(--control-ink)!important;background:var(--control-ink)!important;color:var(--control-surface)!important}

.account-body .account-types .account-type.merchant,
.account-body .account-types .account-type.merchant:hover,
.account-body .account-types .account-type.merchant:active,
.account-body .account-types .account-type.merchant[aria-pressed="true"]{border-color:var(--control-ink)!important;background:var(--control-surface)!important;color:var(--control-ink)!important}

:root[data-theme="dark"] .account-body .account-types .account-type.customer{border-color:var(--control-surface)!important}


/* Hallmark · component scope: merchant sheet and image-led stores · theme: studied-DNA (Maraya)
 * states: default · hover · focus · active · disabled · loading · success
 * pre-emit critique: P5 H5 E5 S5 R5 V5 · contrast: pass (43–51)
 */
:root[data-theme="dark"] .account-body .customer-register-dialog{background:var(--maraya-panel)!important;color:var(--maraya-ink)!important}
:root[data-theme="dark"] .account-body .customer-register-dialog .preferences-card{background:var(--maraya-panel)!important}
:root[data-theme="dark"] .account-body .customer-register-dialog .dialog-heading strong,:root[data-theme="dark"] .account-body .customer-register-dialog label,:root[data-theme="dark"] .account-body .customer-register-dialog .account-field,:root[data-theme="dark"] .account-body .merchant-audience-options legend{color:var(--maraya-ink)!important}
:root[data-theme="dark"] .account-body .customer-register-dialog>form>p,:root[data-theme="dark"] .account-body .merchant-dialog-consent{color:var(--maraya-muted)!important}
:root[data-theme="dark"] .account-body .customer-register-dialog input:not([type="checkbox"]),:root[data-theme="dark"] .account-body .account-select summary,:root[data-theme="dark"] .account-body .account-select>div,:root[data-theme="dark"] .account-body .account-select>div button{border-color:var(--maraya-line)!important;background:var(--maraya-panel-2)!important;color:var(--maraya-ink)!important}
:root[data-theme="dark"] .account-body .merchant-audience-options label{border-color:var(--maraya-line)!important;background:var(--maraya-panel-2)!important;color:var(--maraya-ink)!important}

.stores-body .market-store-card{display:flex!important;grid-template-columns:none!important;padding:0!important;border-color:var(--maraya-line)!important;background:var(--maraya-panel)!important}
.stores-body .market-store-copy h2,.stores-body .market-store-copy span{color:var(--maraya-ink)!important}
.stores-body .market-store-copy p{color:var(--maraya-muted)!important}
.stores-body.store-focus .selected-store-profile{display:block!important}
.stores-body .selected-store-overview{display:grid!important}
.stores-body .selected-store-overview h2,.stores-body .selected-store-overview strong{color:var(--maraya-ink)!important}
.stores-body .selected-store-overview p,.stores-body .selected-store-overview small{color:var(--maraya-muted)!important}
.stores-body .selected-store-overview strong{border-color:var(--maraya-line)!important;background:var(--maraya-panel-2)!important}
.stores-body .selected-store-gallery img{border-color:var(--maraya-line)!important}
.stores-body .utility-rail a{border-color:var(--control-line)!important;background:var(--control-surface)!important;color:var(--control-ink)!important}
.stores-body .utility-rail a.active{border-color:var(--control-ink)!important}

.stores-body.store-focus .market-store-name{display:inline-block!important;color:var(--maraya-muted)!important;font-size:.8rem!important;line-height:1.5!important;text-decoration:none}
.stores-body.store-focus .market-product-copy h2{font-size:.94rem!important;line-height:1.5!important}
.stores-body.store-focus .market-product-copy strong{font-size:.86rem!important;font-variant-numeric:tabular-nums}
.stores-body.store-focus .market-compact-sizes span{font-size:.68rem!important}
.stores-body.store-focus .market-compact-sizes b{font-size:.66rem!important}
@media(max-width:520px){
.stores-body.store-focus .market-store-name{font-size:.76rem!important}
.stores-body.store-focus .market-product-copy h2{font-size:.9rem!important}
.stores-body.store-focus .market-product-copy strong{font-size:.84rem!important}
.stores-body.store-focus .market-compact-sizes span{font-size:.68rem!important}
.stores-body.store-focus .market-compact-sizes b{font-size:.66rem!important}
}

.stores-body .market-product-copy>small{display:none!important}
.stores-body :is(.market-store-name,.market-product-copy h2,.market-store-copy h2){max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.stores-body .market-store-name{width:100%!important;display:block!important;text-align:right!important}

/* Hallmark · component: night product and look contrast · genre: atmospheric · theme: Maraya
 * states: default · hover · focus · active · disabled · loading · error · success
 * pre-emit critique: P5 H5 E5 S5 R5 V5 · contrast: pass (40–41)
 */
:root[data-theme="dark"] .stores-body .market-product-copy,
:root[data-theme="dark"] .stores-body .market-product-copy :is(.market-store-name,h2,strong,.market-compact-sizes,.market-compact-sizes b),
:root[data-theme="dark"] .looks-page .look-grid-card :is(small,h2,strong),
:root[data-theme="dark"] .looks-page .look-reel-card :is(.look-top small,.look-top h2,.look-top strong,.size-picker){color:var(--maraya-ink)!important}

:root[data-theme="dark"] .looks-page .look-grid-card,
:root[data-theme="dark"] .looks-page .look-grid-card>.look-grid-meta,
:root[data-theme="dark"] .looks-page .look-reel-card,
:root[data-theme="dark"] .looks-page .look-reel-card .look-info{border-color:var(--maraya-line)!important;background:var(--maraya-panel)!important;color:var(--maraya-ink)!important;box-shadow:none!important}

:root[data-theme="dark"] .looks-page .look-reel-card .store-note{background:var(--maraya-panel-2)!important;color:var(--maraya-ink)!important}
:root[data-theme="dark"] .looks-page .look-reel-card .size-picker select{border-color:var(--maraya-line)!important;background:var(--maraya-panel-2)!important;color:var(--maraya-ink)!important}
:root[data-theme="dark"] .looks-page .look-reel-card .look-rating-summary{border-color:var(--maraya-line)!important;background:var(--maraya-panel-2)!important;color:var(--maraya-ink)!important}
:root[data-theme="dark"] .looks-page .look-reel-card .look-rating-summary :is(b,em,small){color:var(--maraya-ink)!important}
:root[data-theme="dark"] .looks-page .rating-slider-labels span{color:var(--maraya-ink)!important}

:root[data-theme="dark"] .looks-page :is(.look-grid-action,.look-direct-action){border-color:var(--control-line)!important;background:var(--control-surface)!important;color:var(--control-ink)!important}
:root[data-theme="dark"] .looks-page :is(.look-grid-action,.look-direct-action):hover{background:var(--control-hover)!important}

:root[data-theme="light"] .looks-page .look-grid-card,
:root[data-theme="light"] .looks-page .look-grid-card>.look-grid-meta,
:root[data-theme="light"] .looks-page .look-reel-card,
:root[data-theme="light"] .looks-page .look-reel-card .look-info{background:var(--control-surface)!important;color:var(--control-ink)!important}