/* Hallmark · component: phone cards, follow controls and account confirmation · genre: modern-minimal.
   Theme: existing Maraya Explore · tone: quiet · anchor: existing muted plum.
   Pre-emit critique: P5 H4 E4 S5 R5 V4; component scope, not a full-site certification.
   Shared-token contrast and responsive verification are covered by scoped tests/previews.
   States: default · hover · focus · active · disabled · loading · error · success.
   Preserve Cairo, phone canvas and capabilities; user-requested frame-free close focus uses the glyph. */
@import url('shared-dark-colors.css?v=20261012');
@import url('../../tokens.css?v=20260903-1730');
@import url('phone-shell.css?v=20260903-2130');
@import url('clofit-brand.css?v=20260929-ad-dialog');
@import url('glass-controls.css?v=20260923-quiet-glass');
@import url('shared-field-type.css?v=20261011-unified-fields');
@import url('shared-dialog-width.css?v=20261104-registration-width-v2');
@import url('shared-select-colors.css?v=20261012');

body.ui-consistent .checkout-store-group { margin-bottom: 24px; }
body.ui-detail-navigation-active.phone-shell-page.checkout-page main#main { padding-right: 16px !important; }
body.ui-consistent .checkout-store-group h2 { font-size: 18px; margin: 0 0 12px; }
body.ui-consistent .checkout-store-group .order-lines > div { min-width: 0; flex-wrap: wrap; gap: 8px; }
body.ui-consistent .checkout-store-group .order-lines > div > span { flex: 1 1 100px; min-width: 0; overflow-wrap: anywhere; }
body.ui-consistent .checkout-store-group .remove-cart-item { position: static; flex: 0 0 32px; }
body.ui-consistent .checkout-grand-total { display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; padding: 16px 0; border-top: 1px solid var(--ui-line); }
body.ui-consistent #whatsapp-step { overflow-wrap: anywhere; }
body.ui-consistent #whatsapp-step a { display: block; margin-top: 12px; }
body.ui-consistent #whatsapp-step a[aria-disabled="true"] { opacity: .65; }

/* display:none also removes collapsed links from keyboard and screen-reader navigation. */
body :is(.shopper-rail,.merchant-rail)[data-detail-collapsed] { display: flex !important; }
body.ui-detail-navigation-active.phone-shell-page main#main { padding-top: 88px !important; scroll-padding-top: 88px; }
body .ui-detail-nav-bar {
  display: none !important;
  position: fixed;
  z-index: 97;
  top: var(--phone-inset);
  right: max(0px, calc((100% - var(--phone-width)) / 2));
  width: min(100%, var(--phone-width));
  height: 76px;
  box-sizing: border-box;
  padding: 12px 16px;
  border-radius: var(--phone-radius) var(--phone-radius) 0 0;
  background: var(--reel-match-panel);
  display: flex;
  direction: rtl;
  align-items: center;
}
body .ui-detail-nav-bar[hidden] { display: none !important; }
body.ui-detail-navigation-active .shopper-quick-actions { z-index: 98; }
/* Order status uses its text label; the surface stays readable in either theme. */
body.ui-consistent .customer-order-card {
  background: var(--ui-surface) !important;
  color: var(--ui-ink) !important;
  border-color: var(--ui-line);
}
body.ui-consistent .customer-order-card :is(h2,p,strong,b) { color: var(--ui-ink) !important; }
body.ui-consistent .customer-order-card :is(time,small) { color: var(--ui-muted) !important; }
body.ui-consistent .customer-order-details { border-color: var(--ui-line); }
body.ui-consistent .customer-order-details article {
  grid-template-columns: 58px minmax(0,1fr);
  border-color: var(--ui-line);
}
body.ui-consistent .customer-order-details article img { grid-row: 1 / 3; }
body.ui-consistent .customer-order-details article b { grid-column: 2; }
body.ui-consistent .customer-order-details footer { background: transparent; color: var(--ui-ink); }
body .ui-detail-nav-toggle {
  display: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-height: 48px;
  padding: 8px 12px;
  border: 1px solid var(--reel-match-line);
  border-radius: 14px;
  background: var(--reel-match-overlay);
  color: var(--reel-match-control-ink);
  box-shadow: var(--reel-match-shadow);
  backdrop-filter: blur(12px);
  font: 500 13px/1.4 Cairo, sans-serif;
  cursor: pointer;
}
body .ui-detail-nav-toggle svg { width: 20px; height: 20px; }
body .ui-detail-nav-toggle[hidden] { display: none !important; }
body .ui-detail-nav-toggle:focus-visible { outline: 2px solid var(--reel-match-control-ink); outline-offset: 3px; }

/* Component-scope refinements: preserve the shared phone/rail geometry. */
body.ui-consistent.stores-body #selected-store-profile:not([hidden]) {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) auto;
  direction: rtl;
  align-items: start;
  gap: var(--ui-space-sm) var(--ui-space-md);
  padding: var(--ui-space-md);
  margin-block: 0 var(--ui-space-lg);
  border: 1px solid var(--ui-line);
  border-radius: 20px;
  background: var(--ui-surface);
  color: var(--ui-ink);
}
body.ui-consistent.stores-body #selected-store-profile > img {
  align-self:center;
  grid-column: 1;
  grid-row: 1;
  display: block;
  width: 96px;
  height: 112px;
  max-width: 100%;
  object-fit: cover;
  border-radius: 16px;
}
body.ui-consistent #selected-store-profile .store-profile-details { grid-column: 2; grid-row: 1; width: 100%; min-width: 0; gap: 4px; }
body.ui-consistent #selected-store-profile .store-profile-identity { min-width: 0; }
body.ui-consistent #selected-store-profile h2 { font-size: 22px !important; margin: 0 0 4px; line-height: 1.4; }
body.ui-consistent #selected-store-profile p { font-size: 12px !important; line-height: 1.7; margin: 0; color: var(--ui-muted); }
body.ui-consistent #selected-store-profile .store-delivery-policy { margin-top: 8px; }
body.ui-consistent #selected-store-profile .store-delivery-policy span { font-size: 13px; }
body.ui-consistent .store-follow-button {
  grid-column: 1 / -1;
  justify-self: end;
  min-width: 128px;
  min-height: 44px;
  padding: 8px 20px;
  border: 1px solid var(--ui-ink);
  border-radius: 999px;
  background: var(--ui-ink);
  color: var(--ui-surface);
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
  cursor: pointer;
}
body.ui-consistent .store-follow-button[aria-pressed="true"] { background: var(--ui-surface); color: var(--ui-ink); }
body.ui-consistent #selected-store-profile > .store-follow-button { grid-column: 3; grid-row: 1; align-self: start; min-width: 104px; padding-inline: 12px; font-size: 13px; }
body.ui-consistent .store-follow-status { grid-column: 1 / -1; }
body.ui-consistent .store-follow-status[hidden] { display: none; }

body.ui-consistent.looks-page:not(.looks-reel-mode):not(.recipient-inbox-mode) .page-hero { display: block !important; padding: 0; margin-bottom: var(--ui-space-lg); background: transparent; }
body.ui-consistent.looks-page .page-hero h1 { font-size: var(--ui-heading-size); line-height: 1.5; margin: 0 0 8px; }
body.ui-consistent.looks-page .page-hero p { font-size: 14px; line-height: 1.8; margin: 0; }
body.ui-consistent.looks-page:not(.looks-reel-mode) #looks-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ui-space-lg); padding: 0; margin: 0; width: 100%; max-width: none; }
body.ui-consistent .look-overview-card { width: 100%; min-width: 0; border-radius: 24px; background: var(--ui-surface); color: var(--ui-ink); border-color: var(--ui-line); }
body.ui-consistent .look-overview-card .look-grid-open { width: 100%; height: auto; aspect-ratio: 4 / 5; padding: 0; border-radius: 0; }
body.ui-consistent .look-overview-rating { grid-template-columns: repeat(4, minmax(0, 1fr)); direction: ltr; gap: 4px; padding: 16px 8px; }
body.ui-consistent .look-overview-rating > span { direction: rtl; }
body.ui-consistent .look-overview-rating b { font-size: 24px; font-family: var(--ui-emoji-font); filter: none; line-height: 1.2; }
body.ui-consistent .look-overview-rating small { font-size: 11px; font-weight: 400; white-space: nowrap; line-height: 1.7; }
body.ui-consistent .look-overview-rating em { font-size: 12px; font-weight: 500; }
body.ui-consistent .rating-slider-face { filter: none; font-size: 28px; }
body.ui-consistent .look-rating-face-image { display: block; width: 24px; height: 24px; max-width: none; object-fit: contain; margin: 0; border: 0; border-radius: 0; }
body.ui-consistent .rating-slider-face .look-rating-face-image { width: 28px; height: 28px; margin-inline: auto; }
body.ui-consistent .rating-slider-labels { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); direction: ltr; gap: 4px; font-size: 11px; }

body.ui-consistent.phone-shell-page.account-body > .account-header { display: none; }
body.ui-consistent.phone-shell-page.account-body main#main { padding-top: 24px !important; }
body.ui-consistent .account-create-title { width: 100%; margin: 0 0 24px; justify-self: stretch; font-size: var(--ui-heading-size); line-height: 1.5; text-align: center; }
body.ui-consistent .account-types { gap: 12px; margin-bottom: 24px; }
body.ui-consistent .account-type { min-height: 48px; font-size: 17px; }
body.ui-consistent :is(.demo-accounts, .demo-customer-switch) { padding: 16px; margin-block: 0 24px; border-color: var(--ui-line); border-radius: 20px; }
body.ui-consistent .demo-accounts h2 { font-size: 18px; margin: 0 0 8px; }
body.ui-consistent .demo-accounts p { font-size: 14px; line-height: 1.8; margin: 0 0 16px; }
body.ui-consistent :is(.demo-accounts, .demo-customer-switch) button { min-height: 44px; padding: 10px 12px; font-size: 13px; white-space: nowrap; }
body.ui-consistent .demo-customer-switch > strong { font-size: 14px; }
body.ui-consistent :is(.demo-accounts, .demo-customer-switch) button {
  border: 1px solid var(--ui-line);
  background: var(--ui-ink);
  color: var(--ui-surface);
}
body.ui-consistent .demo-customer-switch button:not(.active) { background: var(--ui-surface); color: var(--ui-ink); }
body.ui-consistent .demo-customer-switch button.active { box-shadow: none; text-decoration: underline; text-underline-offset: 4px; }
body.ui-consistent :is(#demo-role-switch, .demo-customer-switch > div) { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
body.ui-consistent #demo-role-switch[hidden] { display: none; }

body.ui-consistent .shopper-discounts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; padding: 0; }
body.ui-consistent .shopper-discounts > .market-product-card { min-width: 0; padding: 0; display: flex; flex-direction: column; gap: 0; border-radius: 20px; }
body.ui-consistent .shopper-discounts .market-product-image {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 4 / 5;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: var(--ui-soft);
  color: var(--ui-ink);
  overflow: hidden;
  box-shadow: none;
}
body.ui-consistent .shopper-discounts .market-product-image img { width: 100%; height: 100%; margin: 0; object-fit: cover; object-position: center top; border-radius: 0; }
body.ui-consistent.ui-consistent .shopper-discounts .market-product-image > .discount-save-badge { background: var(--ui-ink) !important; color: var(--ui-surface) !important; }
body.ui-consistent .shopper-discounts .market-product-copy > small { padding: 0; border: 0; border-radius: 0; background: transparent; }
body.ui-consistent .shopper-discounts .market-product-copy { padding: 12px; min-width: 0; }
body.ui-consistent .shopper-discounts .market-product-copy h2 { font-size: 15px; line-height: 1.6; margin: 4px 0 8px; }
body.ui-consistent .shopper-discounts .market-product-copy small { color: var(--ui-muted); font-size: 12px; }
body.ui-consistent .shopper-discounts .market-product-copy strong { display: flex; flex-wrap: wrap; gap: 4px 8px; font-size: 14px; font-variant-numeric: tabular-nums; }
body.ui-consistent .shopper-discounts .discount-before { font-size: 11px; white-space: nowrap; }
body.ui-consistent .shopper-discounts .market-compact-sizes { display: flex; gap: 6px; margin-top: 8px; font-size: 11px; color: var(--ui-muted); }
body.ui-consistent .shopper-discounts > .empty-result { grid-column: 1 / -1; }

body.ui-consistent .discount-market-tools{display:grid;grid-template-columns:minmax(0,1fr) 46px;align-items:center;gap:10px;margin:18px 0 22px;transition:opacity .18s ease,transform .18s ease}
body.ui-consistent .discount-search{height:52px;display:flex;align-items:center;gap:10px;padding:0 16px;border:1px solid var(--ui-line);border-radius:18px;background:var(--ui-surface);color:var(--ui-muted)}
body.ui-consistent .discount-search svg{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
body.ui-consistent .discount-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ui-ink);font:500 15px/1.5 Cairo,sans-serif}
body.ui-consistent .discount-market-tools .market-filter-trigger{width:46px;height:46px;padding:0;border:1px solid var(--ui-line);border-radius:15px;background:var(--ui-surface);color:var(--ui-ink);box-shadow:none}
body.ui-consistent .discount-market-tools .market-filter-trigger svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
body.ui-consistent .discount-filter-options{display:grid;gap:8px;padding:12px 0 18px}
body.ui-consistent .discount-filter-options button{min-height:46px;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-surface);color:var(--ui-ink);font:600 14px Cairo,sans-serif}
body.ui-consistent .discount-filter-options button.selected{background:var(--ui-ink);color:var(--ui-surface)}
.ad-date-range output{display:flex;align-items:center;min-height:52px;padding:10px 14px;border:1px solid var(--ui-line,#ded4d7);border-radius:14px;background:var(--ui-surface,#fff);color:var(--ui-ink,#261d25);font-weight:700}.ad-date-range output[hidden]{display:none}
.discount-market-filter-groups{display:grid;gap:22px;padding:14px 0 20px}.discount-market-filter-group{display:grid;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--ui-line,#e2d9dc)}.discount-market-filter-group:last-child{border-bottom:0}.discount-market-filter-group h3{margin:0;font-size:18px}.discount-market-filter-group>div{display:flex;flex-wrap:wrap;gap:10px}.discount-market-filter-group button{min-height:46px;padding:8px 20px;border:1px solid var(--ui-ink,#261d25);border-radius:999px;background:var(--ui-surface,#fffaf7);color:var(--ui-ink,#261d25);font:600 15px Cairo,sans-serif}.discount-market-filter-group button.selected{background:var(--ui-ink,#261d25);color:var(--ui-surface,#fffaf7)}
body.shopper-top-tools-hidden [data-scroll-tools]{opacity:0;transform:translateY(-18px);pointer-events:none}
body.shopper-top-tools-hidden .shopper-quick-actions{opacity:0;transform:translateY(-18px);pointer-events:none}
@media(max-width:650px){body.ui-consistent .shopper-discounts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:374px){body.ui-consistent .shopper-discounts{gap:12px 8px}body.ui-consistent .shopper-discounts .market-product-copy{padding:10px 8px}}
@media(prefers-reduced-motion:reduce){body.ui-consistent .discount-market-tools,.shopper-quick-actions{transition:none!important}}

/* No rectangular auto-focus frame; the text itself remains keyboard-visible. */
body.ui-consistent :is(#merchant-account-settings, #customer-account-settings, .reel-settings-links > a[href*="account-settings"]):focus {
  outline: none !important;
  box-shadow: none !important;
}
body.ui-consistent :is(#merchant-account-settings, #customer-account-settings, .reel-settings-links > a[href*="account-settings"]):focus-visible {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}
body.ui-consistent .ui-signout-dialog {
  position: fixed;
  inset: 0;
  margin: auto;
  width: min(440px, calc(100% - 32px));
  max-width: none;
  height: fit-content;
  max-height: calc(100svh - 32px);
  padding: 0;
  border: 1px solid var(--ui-line);
  border-radius: 24px;
  background: var(--ui-surface);
  color: var(--ui-ink);
}
body.ui-consistent .ui-signout-dialog::backdrop { background: var(--ui-scrim); }
body.ui-consistent .ui-signout-card { padding: 16px 24px 24px; }
body.ui-consistent .ui-signout-card header { display: flex; justify-content: flex-start; margin: 0 0 12px; padding: 0; border: 0; }
body.ui-consistent .ui-signout-card p { font-size: 16px; line-height: 1.8; margin: 0 0 24px; }
body.ui-consistent .ui-signout-submit { display: block; width: 100%; min-height: 48px; padding: 10px 20px; border: 1px solid var(--ui-ink); border-radius: 999px; background: var(--ui-ink); color: var(--ui-surface); font-size: 16px; cursor: pointer; }
body.ui-consistent :is(.store-follow-button, .ui-signout-submit):focus-visible { outline: 2px solid var(--ui-ink); outline-offset: 3px; }
body.ui-consistent :is(.store-follow-button, .ui-signout-submit):active { opacity: .8; }
body.ui-consistent :is(.store-follow-button, .ui-signout-submit):disabled { opacity: .55; cursor: not-allowed; }
body.ui-consistent :is(.store-follow-button, .ui-signout-submit)[aria-busy="true"] { cursor: progress; }
body.ui-consistent .ui-signout-error:not([hidden]) { margin: 16px 0 0; font-size: 14px; }
@media (hover: hover) {
  body.ui-consistent :is(.store-follow-button, .ui-signout-submit):hover { text-decoration: underline; text-underline-offset: 4px; }
}
@media (max-width: 419px) {
  body.ui-consistent.stores-body #selected-store-profile:not([hidden]) { grid-template-columns: 72px minmax(0, 1fr); gap: 12px; padding: 12px; }
  body.ui-consistent.stores-body #selected-store-profile > img { grid-row: 1 / 3; width: 72px; height: 88px; }
  body.ui-consistent #selected-store-profile .store-profile-details { display: contents; }
  body.ui-consistent #selected-store-profile > .store-follow-button { grid-column: 2; grid-row: 1; }
  body.ui-consistent #selected-store-profile .store-profile-identity { grid-column: 2; grid-row: 2; }
  body.ui-consistent #selected-store-profile .store-delivery-policy { grid-column: 1 / -1; grid-row: 3; margin-top: 0; }
}

html:root { background: var(--ui-canvas); overflow-x: clip; }
body.ui-consistent.ui-consistent {
  --paper: var(--ui-surface);
  --page: var(--ui-canvas);
  --card: var(--ui-surface);
  --ink: var(--ui-ink);
  --muted: var(--ui-muted);
  --line: var(--ui-line);
  --sub-paper: var(--ui-canvas);
  --sub-surface: var(--ui-surface);
  --sub-ink: var(--ui-ink);
  --sub-muted: var(--ui-muted);
  --sub-rule: var(--ui-line);
  --commerce-paper: var(--ui-surface);
  --commerce-ink: var(--ui-ink);
  --commerce-muted: var(--ui-muted);
  --commerce-rule: var(--ui-line);
  --merchant-shell-canvas: var(--ui-canvas);
  --merchant-shell-panel: var(--ui-surface);
  --merchant-shell-panel-raised: var(--ui-surface);
  --merchant-shell-text: var(--ui-ink);
  --merchant-shell-muted: var(--ui-muted);
  --merchant-shell-line: var(--ui-line);
  --settings-surface: var(--ui-surface);
  --settings-surface-soft: var(--ui-soft);
  --settings-ink: var(--ui-ink);
  --settings-muted: var(--ui-muted);
  --settings-line: var(--ui-line);
  --color-sheet: var(--ui-surface);
  --color-sheet-ink: var(--ui-ink);
  --color-sheet-muted: var(--ui-muted);
  --color-sheet-line: var(--ui-line);
  background: var(--ui-canvas) !important;
  color: var(--ui-ink);
  font-family: var(--ui-font) !important;
  font-weight: 400;
  line-height: 1.7;
  overflow-x: clip;
}
body.ui-consistent :is(button, input, textarea, select) { font-family: var(--ui-font) !important; }
.account-deletion-dialog{width:min(560px,calc(100vw - 32px));max-height:85dvh;overflow:auto;box-sizing:border-box}
.account-deletion-dialog form,.account-deletion-dialog label{display:grid;gap:16px}
.account-deletion-dialog input,.account-deletion-dialog button{min-height:44px;font:inherit}
.account-deletion-dialog p{line-height:1.8;overflow-wrap:anywhere}
body.ui-consistent :is(input, textarea, select) { font-weight: 400 !important; }
body.ui-consistent :is(strong, b, th) { font-weight: var(--ui-title-weight) !important; }
body.ui-consistent.ui-consistent :is(h1, h2, h3, h4) {
  color: var(--ui-ink) !important;
  font-family: var(--ui-font) !important;
  font-weight: var(--ui-title-weight) !important;
  font-style: normal;
  overflow-wrap: anywhere;
  min-width: 0;
}
body.ui-consistent :is(button, .btn, .subscription-cta) { font-weight: var(--ui-action-weight) !important; }
body.ui-consistent.ui-consistent :is(label, legend, summary, .merchant-product-search, .report-search) { font-weight: var(--ui-label-weight) !important; }
body.ui-consistent.ui-consistent :is(.market-product-copy strong, .look-product-price, .merchant-product-name b, .merchant-product-price) {
  color: var(--ui-ink) !important;
  font-weight: var(--ui-title-weight) !important;
}
body.ui-consistent.ui-consistent :is(.subscription-head, .contact-head, .merchant-module-head, .customer-orders-header) {
  align-items: center;
  gap: var(--ui-space-md);
  margin-block: 0 var(--ui-space-lg);
}
body.ui-consistent.ui-consistent :is(.subscription-head h1, .contact-head h1, .merchant-module-head h1, .contact-panel h1, .merchant-products-overview h1, .customer-orders-header h1) {
  margin: 0;
  font-size: var(--ui-heading-size) !important;
  line-height: 1.5;
}
body.ui-consistent.ui-consistent :is(.market-product-copy, .market-store-copy, .contact-form, .credit-summary, .plan-sheet, .gate-notice, .feature-access-dialog, .commerce-dialog) {
  background: var(--ui-surface) !important;
  color: var(--ui-ink);
  border-color: var(--ui-line) !important;
}
body.ui-consistent.ui-consistent :is(.merchant-settings-sheet, .reel-settings-sheet) {
  background: var(--ui-surface);
  color: var(--ui-ink);
  border-color: var(--ui-line);
}
body.ui-consistent.ui-consistent :is(.merchant-settings-card > header h2, .reel-settings-head strong) {
  font: var(--ui-title-weight) 20px/1.5 var(--ui-font) !important;
  color: var(--ui-ink) !important;
}
body.ui-consistent.ui-consistent :is(.merchant-settings-menu > a, .merchant-settings-menu > button, .reel-settings-links > a, .reel-settings-links > button) {
  min-height: 56px;
  padding: var(--ui-space-xs) 4px;
  font: var(--ui-action-weight) var(--ui-label-size)/1.6 var(--ui-font) !important;
  white-space: nowrap;
}
body.ui-consistent.ui-consistent .merchant-settings-menu strong { font: inherit !important; }
body.ui-consistent.ui-consistent :is(.merchant-settings-menu small, .reel-settings-links small) {
  color: var(--ui-muted) !important;
  font: 400 var(--ui-label-size)/1.6 var(--ui-font) !important;
}
body.ui-consistent.ui-consistent :is(.contact-form, .merchant-contact-form, .gift-form) { gap: var(--ui-space-md); }
body.ui-consistent.ui-consistent :is(.contact-form label, .merchant-contact-form label, .gift-form label) {
  gap: var(--ui-space-xs);
  color: var(--ui-ink);
  font-size: var(--ui-label-size);
}
body.ui-consistent.ui-consistent :is(.contact-form, .merchant-contact-form, .gift-form) :is(input:not([type=checkbox]), textarea) {
  min-height: var(--ui-control-height);
  padding: var(--ui-space-sm) var(--ui-space-md);
  font-size: var(--ui-body-size);
  color: var(--ui-ink) !important;
  background: var(--ui-surface) !important;
  border: 1px solid var(--ui-line);
}
html:root body.ui-consistent.ui-consistent :is(.contact-form, .merchant-contact-form, .gift-form) textarea { min-height: 144px; }
body.ui-consistent.ui-consistent :is(.contact-submit, .gift-form > button) {
  min-height: var(--ui-control-height);
  font-size: var(--ui-body-size);
  margin-top: var(--ui-space-xs);
}
body.ui-consistent.ui-consistent :is(.contact-copy, .contact-panel > p, .subscription-head p) {
  font-size: var(--ui-body-size);
  line-height: 1.7;
  color: var(--ui-muted) !important;
  margin: var(--ui-space-sm) 0 var(--ui-space-lg);
}
html:root body.ui-consistent.phone-shell-page :is(main.contact-shell, main#main.subscription-workbench) { padding-top: var(--ui-space-lg) !important; }
body.ui-consistent .contact-form { padding: var(--ui-space-md); box-shadow: none; border-radius: var(--ui-panel-radius); }
body.ui-consistent .contact-head { display: flex; justify-content: space-between; }
body.ui-consistent .contact-back {
  width: 46px; height: 46px; display: grid; place-items: center;
  border: 1px solid var(--ui-line); border-radius: 50%;
  background: var(--ui-surface); color: var(--ui-ink);
  font-size: 24px; line-height: 1; text-decoration: none;
}
body.ui-consistent.contact-body .merchant-rail { display: none !important; }
html:root body.ui-consistent.contact-body main#main { padding-top: var(--ui-space-lg) !important; }
body.ui-consistent.ui-consistent .merchant-contact-page .contact-panel {
  margin: 0; padding: var(--ui-space-md); border-radius: var(--ui-panel-radius);
  background: var(--ui-surface); border-color: var(--ui-line); box-shadow: none;
}
body.ui-consistent.ui-consistent .merchant-contact-form input::placeholder,
body.ui-consistent.ui-consistent .merchant-contact-form textarea::placeholder { font-weight: 400; color: var(--ui-muted); }

/* The frame is phone-width even on desktop: use the same swipe carousel at every width. */
body.ui-consistent.subscription-body #plans-grid {
  display: flex !important;
  gap: var(--ui-space-md);
  width: 100%;
  margin: var(--ui-space-md) 0 0;
  padding: 0;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}
body.ui-consistent.subscription-body #plans-grid > .plan-sheet {
  flex: 0 0 100%;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  scroll-snap-align: center;
}
body.ui-consistent.subscription-body .credit-summary { grid-template-columns: minmax(0, 1fr); gap: var(--ui-space-md); }
body.ui-consistent.subscription-body .credit-equivalent { justify-content: flex-start; }
body.ui-consistent.subscription-body .billing-toggle { width: 100%; margin: var(--ui-space-md) 0; }
body.ui-consistent.subscription-body .billing-toggle button { flex: 1; padding-inline: var(--ui-space-sm); font-size: var(--ui-label-size); }
body.ui-consistent.subscription-body .billing-toggle span { font-size: 12px; color: inherit; }
body.ui-consistent.subscription-body .gift-packages { grid-template-columns: minmax(0, 1fr); gap: var(--ui-space-md); }
body.ui-consistent.subscription-body #plan-pagination { display: flex; align-items: center; justify-content: center; margin: var(--ui-space-xs) 0; gap: 0; }
body.ui-consistent.subscription-body #plan-pagination button { width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 0; background: transparent; border-radius: 12px; cursor: pointer; }
body.ui-consistent.subscription-body #plan-pagination span { display: block; width: 8px; height: 8px; border: 1px solid var(--ui-muted); border-radius: 99px; background: var(--ui-line); }
body.ui-consistent.subscription-body #plan-pagination [aria-current=true] span { width: 28px; background: var(--ui-ink); border-color: var(--ui-ink); }
body.ui-consistent.subscription-body .plan-swipe-hint { display: block; margin: 0 0 var(--ui-space-md); font-size: var(--ui-label-size); font-weight: var(--ui-label-weight); color: var(--ui-muted); text-align: center; }

/* Component scope: existing Maraya controls; no macrostructure changes.
   Audience: buyers + merchants; use: clear actions; tone: quiet.
   X stays frame-free, including keyboard focus: emphasize the glyph itself. */
:where([data-ui-close]) { position: relative; }
html:root body.ui-consistent :is([data-ui-close], #close-product-dialog, [aria-label^="إغلاق"]) {
  display: inline-grid;
  place-items: center;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--ui-ink) !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font: 400 0/1 var(--ui-font) !important;
  text-decoration: none !important;
  cursor: pointer;
}
html:root body.ui-consistent [data-ui-close]:is(:hover, [data-preview-state=hover]) { opacity: .7; }
html:root body.ui-consistent [data-ui-close]:is(:active, [data-preview-state=active]) { opacity: .5; }
html:root body.ui-consistent [data-ui-close]:is(:focus-visible, [data-preview-state=focus]) {
  outline: 2px solid var(--ui-ink) !important;
  outline-offset: 2px !important;
  opacity: 1;
}
html:root body.ui-consistent .ui-close-heading { display: flex; align-items: center; gap: var(--ui-space-sm); }
html:root body.ui-consistent .ui-close-heading > [data-ui-close] { order: 2; flex: 0 0 44px; margin-inline: 0 auto !important; }
html:root body.ui-consistent :is(dialog > [data-ui-close], .access-gate-close) { display: grid !important; margin-inline: 0 auto !important; }
html:root body.ui-consistent [data-ui-close][hidden] { display: none !important; }
html:root body.ui-consistent .camera-close { right: var(--ui-space-md); left: auto; }
html:root body.ui-consistent [data-ui-close]:disabled { opacity: .45; cursor: not-allowed; }
html:root body.ui-consistent [data-ui-close][aria-busy=true] { opacity: .6; cursor: progress; }
html:root body.ui-consistent :is([data-ui-close], #close-product-dialog)[data-state=error] { color: var(--ui-error) !important; }
html:root body.ui-consistent :is([data-ui-close], #close-product-dialog)[data-state=success] { color: var(--ui-ink) !important; }
body.ui-consistent #subscription-feedback { font-size: var(--ui-label-size); font-weight: 400; line-height: 1.7; }
body.ui-consistent #subscription-feedback:not(:empty) { padding: var(--ui-space-md); margin-bottom: var(--ui-space-md); background: var(--ui-soft); border-radius: 12px; }
body.ui-consistent #subscription-feedback[data-state=error] { color: var(--ui-error); }
body.ui-consistent #subscription-confirm-submit[aria-busy=true] { opacity: .65; cursor: progress; }

/* Keep each surface's existing badge colors; only the compact edge-tab geometry changes. */
body.ui-consistent .market-product-image > .discount-save-badge {
  background: #2b2028 !important;
  color: #fff !important;
  right: 0; left: auto; width: max-content; max-width: calc(100% - 16px);
  border-radius: 6px 0 0 6px; padding: 5px 10px; font-size: var(--ui-label-size);
}
body.ui-consistent :is(.merchant-campaign-section, .active-discount-section)[hidden] { display: none !important; }

/* Search affordance is shared by existing and dynamically rendered search inputs.
   States: default, hover, focus, active, disabled, loading, error, success. */
html:root body.ui-consistent .ui-search-field { display: block; position: relative; width: 100%; min-width: 0; }
html:root body.ui-consistent .ui-search-field > input {
  width: 100%; min-width: 0; box-sizing: border-box;
  padding-right: 44px !important;
  background-image: none !important;
}
html:root body.ui-consistent .ui-search-icon {
  position: absolute; right: 14px; top: 50%; transform: translateY(-50%);
  width: 20px; height: 20px; color: var(--ui-search-icon-ink, var(--ui-muted)); pointer-events: none;
}
/* The existing night search surface is white where merchant-shell is loaded. */
html:root[data-theme="dark"] body.ui-consistent {
  --ui-search-icon-ink: var(--merchant-search-ink, var(--ui-muted));
  --ui-search-placeholder: var(--merchant-search-muted, var(--ui-muted));
}
html:root body.ui-consistent .ui-search-field > input::placeholder { color: var(--ui-search-placeholder, var(--ui-muted)); opacity: 1; }
html:root body.ui-consistent .ui-search-field > input:is(:hover, [data-preview-state=hover]) { border-color: var(--ui-muted) !important; }
html:root body.ui-consistent .ui-search-field > input:is(:focus-visible, [data-preview-state=focus]) { outline: 2px solid var(--ui-ink) !important; outline-offset: 2px; }
html:root body.ui-consistent .ui-search-field > input:is(:active, [data-preview-state=active]) { border-color: var(--ui-ink) !important; }
html:root body.ui-consistent .ui-search-field > input:disabled { opacity: .45; cursor: not-allowed; }
html:root body.ui-consistent .ui-search-field > input[aria-busy=true] { opacity: .6; cursor: progress; }
html:root body.ui-consistent .ui-search-field > input:is([aria-invalid=true], [data-state=error]) { border-color: var(--ui-error) !important; }
html:root body.ui-consistent .ui-search-field > input[data-state=success] { border-color: var(--ui-ink) !important; }
body.ui-consistent .market-search-icon svg { stroke: var(--ui-muted); }
@media (prefers-reduced-motion: reduce) {
  body.ui-consistent [data-ui-close] { transition: none !important; transform: none !important; }
}
/* Server-scheduled notice: shared across buyer and merchant pages. */
.maraya-server-notice{position:fixed;inset-block-end:18px;inset-inline:12px;z-index:100;box-sizing:border-box;width:calc(100% - 24px);max-width:416px;max-height:calc(100svh - 36px);overflow:auto;overflow-wrap:anywhere;margin-inline:auto;padding:18px 52px 18px 18px;background:#faf6f2;color:#281f26;border:1px solid #d9cfd5;border-radius:18px;box-shadow:0 12px 36px #281f2626;font:600 clamp(14px,3.8vw,16px)/1.75 Cairo,Tahoma,sans-serif}
.maraya-server-notice button{position:absolute;inset-block-start:6px;inset-inline-end:6px;width:44px;height:44px;border:0;background:transparent;font-size:28px}.maraya-server-notice strong{display:block;font-size:18px;line-height:1.55}.maraya-server-notice p{margin:6px 0}.maraya-server-notice a{display:inline-flex;min-height:44px;align-items:center;margin-top:8px;padding:4px 18px;border-radius:999px;background:#281f26;color:white;text-decoration:none}
.maraya-server-notice img{display:block;width:100%;max-height:180px;object-fit:cover;margin-bottom:10px;border-radius:12px}
/* September review: shared account, catalog and analytics controls. */
body.ui-consistent .buyer-settings-heading{display:flex;align-items:center;justify-content:space-between;padding:0 0 24px;font-size:22px;font-weight:500}
body.ui-consistent .buyer-settings-heading a{display:grid;place-items:center;width:44px;height:44px;color:inherit;text-decoration:none;font-size:32px}
body.ui-consistent .account-menu>:is(a,button),body.ui-consistent .account-menu>:is(a,button) span{font-family:inherit!important;font-weight:400!important}
body.ui-consistent .shopper-discounts .market-store-name{display:block;width:auto;min-height:0;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--ui-muted);font-family:inherit;font-size:13px;font-weight:400;line-height:1.7;text-align:start;cursor:pointer}
body.ui-consistent .shopper-discounts .market-store-name:hover{text-decoration:underline}
body.ui-consistent .shopper-discounts .market-product-card{display:flex;flex-direction:column;gap:0;min-width:0;border:1px solid var(--ui-line)!important;border-radius:20px;background:var(--ui-surface)!important;overflow:hidden}
body.ui-consistent .shopper-discounts .market-product-image{position:relative;width:100%;border:0;border-radius:0;overflow:hidden;aspect-ratio:1}
body.ui-consistent .shopper-discounts .market-product-copy{display:block;box-sizing:border-box;align-self:stretch;width:100%;max-width:none;min-width:0;border:0!important;border-radius:0;box-shadow:none;margin:0;background:var(--ui-surface);padding:14px;position:relative}
body.market-tools-unified .market-title-actions,body.market-tools-unified .discount-market-tools,body.market-tools-unified .shopper-rail [data-slot="filter"]{display:none!important}
body.market-tools-unified .shopper-quick-actions.market-quick-tools{display:flex!important;direction:rtl;align-items:center;gap:8px;right:max(12px,calc((100% - var(--phone-width,480px))/2 + 12px))!important;left:max(12px,calc((100% - var(--phone-width,480px))/2 + 12px))!important;width:auto!important}
body.market-tools-unified .market-quick-tools [data-quick-search]{margin-inline-end:auto}
body.market-tools-unified .market-quick-tools :is(a,button){display:grid;place-items:center;width:44px!important;height:44px!important;min-width:44px;padding:0;border:1px solid var(--ui-line);border-radius:50%;background:var(--ui-surface);color:var(--ui-ink)}
body.market-tools-unified .market-quick-tools svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.market-search-panel{position:fixed;top:calc(var(--phone-inset,0px) + 76px);width:min(calc(100% - 32px),448px);margin:0 auto;padding:12px;border:1px solid var(--ui-line);border-radius:20px;background:var(--ui-surface);z-index:120}
.market-search-panel[open]{display:flex;align-items:center;gap:8px}
.market-search-panel [data-close-search]{flex:0 0 38px;border:0;background:transparent;font-family:inherit;font-size:28px;line-height:1;color:inherit}
body .market-search-panel :is(.market-search,.discount-search){display:flex!important;align-items:center;gap:8px;flex:1;min-width:0;height:48px;margin:0!important;border:0;background:transparent;padding:0}
.market-search-panel input{width:100%;min-width:0;border:0;background:transparent;color:inherit;font:inherit}
.market-search-panel svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}
body.ui-consistent #product-analytics .analytics-row{display:grid!important;grid-template-columns:54px minmax(0,1fr);gap:14px;margin:18px 0;padding:16px;border:1px solid var(--ui-line);border-radius:20px;background:var(--ui-surface)}
body.ui-consistent #product-analytics .analytics-row>img{width:54px;height:66px;object-fit:cover;border-radius:12px}
body.ui-consistent #product-analytics .analytics-row>h3{align-self:center;font-size:16px;margin:0}
body.ui-consistent #product-analytics .analytics-values{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px}
body.ui-consistent #product-analytics .analytics-stat{position:relative;display:grid;justify-items:center;gap:8px;padding:10px 0;min-width:0;border-radius:12px;background:var(--ui-soft)}
.analytics-stat svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.ui-consistent #product-analytics .analytics-stat b{font-size:20px;margin:0}
.analytics-stat small{display:none;position:absolute;bottom:100%;padding:5px 8px;border-radius:8px;background:var(--ui-ink);color:var(--ui-surface);white-space:nowrap;font-size:11px;z-index:2}
.analytics-stat:hover small,.analytics-stat:focus small{display:block}
.server-inbox-sheet{padding:24px!important;max-height:85svh;overflow:auto}
.server-inbox-sheet>header{display:flex;align-items:center;justify-content:space-between}.server-inbox-sheet>header button{border:0;background:transparent;font-size:30px;width:44px;height:44px}
.server-inbox-sheet article{padding:18px 0;border-bottom:1px solid var(--ui-line)}.server-inbox-sheet h3{font-size:17px}.server-inbox-sheet p{font-size:15px;font-weight:400}.server-inbox-sheet a{display:block;padding:12px 0}
.merchant-rail .server-inbox-count{display:grid;place-items:center;width:19px;height:19px;font:600 11px/1 Cairo,sans-serif;color:#fff;background:#281f26;font-style:normal}
.merchant-rail .server-inbox-count[hidden]{display:none}

/* Keep dialogs within the same mobile canvas as the shop. */
body.ui-consistent :is(#market-filter-dialog,#discount-filter-dialog){box-sizing:border-box;width:min(calc(var(--phone-width,480px) - 24px),calc(100% - 24px))!important;max-width:calc(100% - 24px)!important;max-height:calc(100svh - 32px);overflow:auto;padding:20px!important;margin:auto!important;inset:0;}
body.ui-consistent :is(#market-filter-dialog,#discount-filter-dialog)::backdrop{background:rgb(0 0 0 / .4)}
body.ui-consistent #discount-filter-dialog{border:1px solid var(--ui-line);border-radius:24px;background:var(--ui-surface);color:var(--ui-ink)}
body.ui-consistent #discount-filter-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
body.ui-consistent #discount-filter-dialog header h2{font:inherit;font-size:20px;font-weight:600;margin:0}
body.ui-consistent #discount-filter-dialog [data-close-discount-filter]{width:44px;height:44px;border:0;background:transparent;color:inherit;font:inherit;font-size:28px}
body.ui-consistent #apply-discount-filter{display:block;width:100%;min-height:48px;margin-top:20px;padding:12px;border:0;border-radius:999px;background:var(--ui-ink,#281f26);color:var(--ui-surface,#fffaf6);font:inherit;font-weight:600}
body.ui-consistent #market-filter-dialog :is(.market-filter-options,.filter-options){max-width:100%;min-width:0;flex-wrap:wrap}
body.ui-consistent #market-filter-dialog img{max-width:100%}
body.market-tools-unified .shopper-quick-actions.market-quick-tools :is(a,button){background:#fff!important}
:root[data-theme="dark"] body.market-tools-unified .shopper-quick-actions.market-quick-tools :is(a,button){background:var(--maraya-panel,#241d24)!important}
body.ui-consistent .shopper-discounts .market-store-name{color:var(--ui-plum,#4b2142);text-decoration:underline}
.password-change-dialog{box-sizing:border-box;width:min(456px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;color:var(--ui-ink,#281f27);background:var(--ui-paper,#fffaf6);border:1px solid var(--ui-border,#ded5da);border-radius:24px;font:inherit}
.password-change-dialog::backdrop{background:rgba(0,0,0,.45)}
.password-change-dialog .preferences-card{display:grid;gap:16px;padding:16px;min-width:0}
.password-change-dialog label{display:grid;gap:8px;font-weight:400}
.password-change-dialog input{box-sizing:border-box;width:100%;min-height:48px;border:1px solid var(--ui-border,#ded5da);border-radius:16px;padding:12px;font:inherit}
.password-change-dialog [hidden]{display:none!important}
.password-change-entry{margin-block:16px;font:inherit}
.library-sync-status{margin:8px 16px;font:inherit;font-size:14px;color:var(--ui-plum,#4b2142)}
.library-sync-status[hidden]{display:none}
.shared-look-page{box-sizing:border-box;width:min(456px,calc(100% - 24px));margin:24px auto;color:var(--ui-ink,#281f27)}
.shared-look-page article{overflow:hidden;border:1px solid var(--ui-border,#ded5da);border-radius:24px}
.shared-look-page img{display:block;width:100%;height:auto}.shared-look-page article :is(h2,p){padding-inline:16px}
.password-change-entry{display:block;width:100%;min-height:48px;margin-block:16px 4px;padding:12px 20px;border:1px solid var(--line,#ded6dc);border-radius:24px;background:var(--panel,#fffaf6);color:var(--ink,#281f27);font:inherit;cursor:pointer}
/* Fixed geometry, independent of the text font and RTL ordering. */
html:root body.ui-consistent [data-ui-close]{font-size:0!important;position:relative!important;transform:none!important}
html:root body.ui-consistent [data-ui-close]>*{visibility:hidden}
html:root body.ui-consistent [data-ui-close]::before,html:root body.ui-consistent [data-ui-close]::after{content:""!important;display:block!important;position:absolute;width:20px;height:2px;left:12px;top:21px;background:currentColor;border-radius:2px;transform:rotate(45deg)}
html:root body.ui-consistent [data-ui-close]::after{transform:rotate(-45deg)}
html:root body.ui-consistent .ui-close-heading{direction:ltr!important;justify-content:space-between!important}
html:root body.ui-consistent .ui-close-heading>[data-ui-close]{order:2!important;margin:0 0 0 auto!important}
html:root body.ui-consistent .ui-close-heading>:not([data-ui-close]){direction:rtl;text-align:left;order:0}
.sa-analysis-filter .sa-filter-card-quiet{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.sa-analysis-filter .sa-filter-card-quiet>.sa-date-range{grid-column:1/-1!important;order:2!important}
.sa-analysis-filter .sa-filter-card-quiet>:not(.sa-date-range){width:auto!important;max-width:none!important;grid-column:auto!important;order:0!important}
.sa-permission-matrix .sa-permission-row{grid-template-columns:minmax(140px,1fr) repeat(3,76px)}
.sa-permission-matrix{overflow-x:auto}.sa-permission-row{min-width:390px}
.subscription-body #plans-grid .plan-equivalence{display:flex;align-items:center;justify-content:center;gap:12px;text-align:center}
.subscription-body #plans-grid .plan-equivalence>div{display:grid;gap:8px}.plan-equivalence>svg{flex:none}
.catalog-more{grid-column:1/-1;display:block;width:100%;min-height:44px;border:0;background:transparent;color:inherit;font:inherit;scroll-snap-align:end}
.merchant-expiry-notice{margin:12px;padding:16px;border:1px solid #ceb7a0;border-radius:18px;background:#fff4df;color:#422b16;font-style:normal}
@media(max-width:380px){.sa-analysis-filter .sa-filter-card-quiet{gap:10px!important}}

/* Thin edge handles; the full transparent target remains touch/keyboard accessible. */
:root{--edge-line-width:3px;--edge-line-height:48px;--edge-target:44px;--edge-icon:46px;--edge-frame:var(--phone-width,480px)}
/* Shared raised tabs across buyer and merchant pages. */
:root{
 --edge-depth-light:oklch(57% .006 65);
 --edge-depth-dark:oklch(43% .006 65);
 --edge-depth-highlight:oklch(100% 0 0 / .32);
 --edge-depth-shade:oklch(20% .008 325 / .25);
 --edge-depth-shadow:oklch(20% .008 325 / .24);
}
html:root body.ui-consistent .app-edge-handle>span{
 background:linear-gradient(115deg,var(--edge-depth-light),var(--edge-depth-dark))!important;
 box-shadow:inset 1px 1px 0 var(--edge-depth-highlight),inset -1px -1px 0 var(--edge-depth-shade),-4px 5px 10px var(--edge-depth-shadow)!important;
}
html:root body.ui-consistent .app-edge-handle:focus{outline:none!important}
html:root body.ui-consistent.nav-keyboard .app-edge-handle:focus-visible>span{outline:2px solid var(--app-ink);outline-offset:3px}
html:root body .app-edge-handle{transition:opacity 160ms ease-out!important}
html:root body.shopper-edge-tools-hidden .app-edge-handle{opacity:0!important;pointer-events:none!important}
@media(prefers-reduced-motion:reduce){html:root body .app-edge-handle{transition:none!important}}
html body .app-edge-handle{position:fixed!important;display:grid!important;place-items:center;right:max(0px,calc((100% - var(--edge-frame))/2))!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:var(--edge-target)!important;height:72px!important;min-height:44px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;z-index:100!important;cursor:pointer;touch-action:pan-y;color:var(--app-ink)}
html body .app-edge-handle span{display:block;width:var(--edge-line-width);height:var(--edge-line-height);border-radius:999px;background:currentColor}
html body .app-edge-handle.app-tools-handle{top:calc(env(safe-area-inset-top) + 52px)!important;height:64px!important}
html body .app-edge-handle[aria-expanded="true"] span{background:var(--app-brand)}
html body [data-edge-kind][data-mobile-closed="true"]{display:none!important;pointer-events:none!important}
html body :is(.merchant-rail,.shopper-rail,.rail-nav)[data-edge-kind][data-mobile-closed="false"]{position:fixed!important;display:grid!important;grid-template-columns:repeat(3,var(--edge-icon))!important;grid-auto-rows:var(--edge-icon);direction:rtl;gap:8px!important;right:max(40px,calc((100% - var(--edge-frame))/2 + 40px))!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:auto!important;height:auto!important;max-height:calc(100dvh - 112px);overflow:auto;padding:8px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;z-index:99!important;pointer-events:auto!important}
html body [data-edge-kind="navigation"] .merchant-rail-row{display:contents!important}
html body :is(.merchant-rail,.shopper-rail,.rail-nav)[data-edge-kind] :is(a,button){position:relative!important;inset:auto!important;transform:none!important;grid-column:auto!important;grid-row:auto!important;margin:0!important;width:var(--edge-icon)!important;height:var(--edge-icon)!important;min-width:44px!important;min-height:44px!important;background:#fff!important;color:var(--app-ink)!important}
html body :is(.merchant-rail,.shopper-rail,.rail-nav)[data-edge-kind] [hidden]{display:none!important}
html body [data-edge-kind="tools"][data-mobile-closed="false"]{position:fixed!important;display:flex!important;align-items:center;gap:8px;top:calc(env(safe-area-inset-top) + 28px)!important;right:max(44px,calc((100% - var(--edge-frame))/2 + 44px))!important;left:auto!important;width:auto!important;opacity:1!important;transform:none!important;pointer-events:auto!important;z-index:99!important}
html body [data-edge-kind="tools"] :is(a,button){background:#fff!important;color:var(--app-ink)!important}
html body .merchant-section-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;direction:ltr!important;gap:var(--app-gap);margin:0 0 var(--app-large-gap)!important;padding:0!important;width:100%;box-sizing:border-box}
html body .merchant-section-heading h1{position:static!important;display:block!important;direction:rtl;text-align:left!important;margin:0!important;font-size:var(--app-title)!important;min-width:0}
html body .merchant-section-heading [data-ui-close]{flex:0 0 44px}
html body .merchant-products-overview:has(>div:first-child:empty){justify-content:flex-end}
@media(min-width:601px){html body .app-admin-handle{display:none!important}html body .sa-nav[data-edge-kind="admin"]{display:flex!important;pointer-events:auto!important}}

html body .merchant-rail[data-edge-kind][data-mobile-closed="false"]{display:flex!important;flex-direction:column;align-items:flex-start}
html body .merchant-rail[data-edge-kind] .merchant-rail-row{display:grid!important;grid-template-columns:repeat(2,var(--edge-icon))!important;gap:8px}
html body .merchant-rail[data-edge-kind] .merchant-rail-market-row{grid-template-columns:repeat(3,var(--edge-icon))!important}
html body .merchant-rail[data-edge-kind] .merchant-rail-row-single{grid-template-columns:var(--edge-icon)!important}

/* Override the older market-tools layout at the same specificity. */
html:root body.ui-consistent [data-edge-kind][data-mobile-closed="true"]{display:none!important}
html:root body.ui-consistent [data-edge-kind="tools"][data-mobile-closed="false"]{display:flex!important;top:calc(env(safe-area-inset-top) + 28px)!important;right:max(44px,calc((100% - var(--edge-frame))/2 + 44px))!important;left:auto!important;width:auto!important}
@media(min-width:601px){html:root body.ui-consistent .sa-nav[data-edge-kind="admin"]{display:flex!important}}

html:root body.ui-consistent .market-search-panel[open]{display:grid!important;grid-template-columns:minmax(0,1fr);box-sizing:border-box}
html:root body.ui-consistent .market-search-panel :is(.market-search,.discount-search){display:flex!important;opacity:1!important;transform:none!important;pointer-events:auto!important;width:100%;box-sizing:border-box}
html body :is(.market-search-panel,.edge-search-panel)>header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}
html body :is(.market-search-panel,.edge-search-panel) h2{margin:0;font-size:18px;text-align:left}
html body .edge-search-panel{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(448px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:16px;border:1px solid var(--app-line);border-radius:var(--app-radius);background:var(--app-paper);color:var(--app-ink)}
.edge-search-panel::backdrop{background:#271f2680}
html body .edge-search-panel .merchant-product-search{width:100%;margin:16px 0 0!important}
html body [data-edge-kind="tools"] button{display:grid;place-items:center;width:46px;height:46px;min-height:44px;padding:0;border:1px solid var(--app-line);border-radius:50%;cursor:pointer}
html body [data-edge-kind="tools"] svg{width:22px;height:22px}

/* September 11: preserve established buyer rail positions and left account utilities. */
:root{--edge-line-width:8px;--edge-line-height:52px}
html:root body .app-edge-handle{justify-items:end!important}
html:root body .app-edge-handle span{position:absolute;right:0;left:auto;border-radius:8px 0 0 8px}
html:root body .app-edge-handle.app-tools-handle{top:calc(var(--phone-inset,24px) + 64px)!important}
html:root body .app-edge-handle[aria-expanded="true"] span{background:var(--edge-tab-surface)}
html:root body :is(.shopper-rail,.rail-nav)[data-edge-kind][data-mobile-closed="false"]{grid-template-columns:repeat(4,var(--edge-icon))!important;grid-template-rows:repeat(6,var(--edge-icon));direction:rtl}
html:root body :is(.shopper-rail,.rail-nav)[data-edge-kind] :is([data-slot="upload"],[data-upload-action]){grid-area:1/1!important}
html:root body :is(.shopper-rail,.rail-nav)[data-edge-kind] :is([data-slot="filter"],.filter-companion){grid-area:1/2!important}
html:root body :is(.shopper-rail,.rail-nav)[data-edge-kind] :is([data-slot="explore"],#explore-action){grid-area:2/1!important}
html:root body :is(.shopper-rail,.rail-nav)[data-edge-kind] :is([data-slot="grid"],.grid-companion){grid-area:2/2!important}
html:root body :is(.shopper-rail,.rail-nav)[data-edge-kind] :is([data-slot="discounts"],.discount-companion){grid-area:2/3!important}
html:root body :is(.shopper-rail,.rail-nav)[data-edge-kind] :is([data-slot="stores"],.store-companion){grid-area:2/4!important}
html:root body :is(.shopper-rail,.rail-nav)[data-edge-kind] :is([data-slot="looks"],#looks-action){grid-area:3/1!important}
html:root body :is(.shopper-rail,.rail-nav)[data-edge-kind] :is([data-slot="groups"],.groups-companion){grid-area:3/2!important}
html:root body :is(.shopper-rail,.rail-nav)[data-edge-kind] :is([data-slot="orders"],[href="my-orders.html"]){grid-area:4/1!important}
html:root body :is(.shopper-rail,.rail-nav)[data-edge-kind] :is([data-slot="favorites"],[href="favorites.html"]){grid-area:5/1!important}
html:root body :is(.shopper-rail,.rail-nav)[data-edge-kind] :is([data-slot="settings"],#reel-settings-toggle){grid-area:6/1!important}
html:root body :is(.app-account-tools,.reel-quick-actions){position:fixed!important;display:flex!important;direction:ltr;gap:8px;left:max(12px,calc((100% - var(--edge-frame,480px))/2 + 12px))!important;right:auto!important;top:calc(var(--phone-inset,0px) + 12px)!important;width:auto!important;opacity:1!important;transform:none!important;pointer-events:auto!important;z-index:96!important}
html:root body :is(.app-account-tools,.reel-quick-actions) :is(a,button){position:relative;display:grid!important;place-items:center!important;box-sizing:border-box;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:1px solid var(--app-line);border-radius:50%;background:#fff!important;color:var(--app-ink)!important}
html:root body :is(.app-account-tools,.reel-quick-actions) svg{display:block;position:static!important;transform:none!important;margin:0!important;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html:root body .team-invite-form input[name="phone"]{font-size:20px!important;line-height:1.6}
html:root body :is(.team-permission-options,.team-member-permissions) input[type="checkbox"]{appearance:none;-webkit-appearance:none;position:relative;width:20px!important;height:20px!important;min-height:20px!important;flex:0 0 20px;padding:0!important;border:1px solid var(--app-line);border-radius:5px;background:#fff;accent-color:#111}
html:root body :is(.team-permission-options,.team-member-permissions) input[type="checkbox"]:checked{background:#111;border-color:#111}
html:root body :is(.team-permission-options,.team-member-permissions) input[type="checkbox"]:checked::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
html:root body.ui-consistent.account-settings-sheet-page :is(.account-shell,.account-menu),html:root body.ui-consistent #customer-register-dialog,html:root body.ui-consistent #customer-register-dialog>.preferences-card{background:var(--app-paper)!important;background-image:none!important}

html:root body.ui-consistent :is(.app-account-tools,.reel-quick-actions){left:max(12px,calc((100% - var(--edge-frame,480px))/2 + 12px))!important;right:auto!important;width:auto!important;display:flex!important}
html:root body.ui-consistent .brand-filter-group>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;gap:12px;overflow:visible;width:100%;box-sizing:border-box}
html:root body.ui-consistent .brand-filter-group>div>button{box-sizing:border-box;width:100%!important;min-width:0;max-width:100%;padding:10px;min-height:140px}
html:root body.ui-consistent .brand-filter-group>div img{width:100%;max-width:100%;height:96px;object-fit:contain}
html:root body.ui-consistent .brand-filter-group>div span{max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:16px;line-height:1.5}
.brand-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
html:root body.ui-consistent .brand-filter-group button.brand-reset{width:44px!important;height:44px;min-height:44px;padding:10px;border:0;background:transparent!important;color:var(--app-ink);border-radius:50%}
.brand-reset svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
.merchant-inbox-list article{padding-block:16px;border-bottom:1px solid var(--app-line)}
.merchant-inbox-list>button{display:inline-flex;min-height:44px;align-items:center;padding:8px 16px;margin:4px;border:1px solid var(--app-line);border-radius:24px;background:var(--app-ink);color:#fff}
.merchant-inbox-list .merchant-notification{display:block;padding:8px;min-height:44px;color:inherit;text-decoration:none;border-radius:12px;overflow-wrap:anywhere}
.merchant-inbox-list a.merchant-notification:hover{background:#00000005}
.merchant-inbox-list a.merchant-notification:focus-visible{outline:2px solid var(--app-ink);outline-offset:2px}
/* Group drafts are saved together; hidden name-dependent fields stay hidden. */
.server-groups .social-member-editor[hidden]{display:none!important}
.server-groups .social-member-editor{display:grid;gap:16px;min-width:0}
.server-groups .social-picked-members{display:flex;flex-wrap:wrap;gap:8px}
.server-groups .social-person-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--app-border,#ded6dc);border-radius:24px;padding-inline:12px 2px;max-width:100%}
.server-groups .social-person-chip>span{overflow-wrap:anywhere}
.server-groups .social-person-chip button{width:44px;height:44px;min-width:44px;padding:0;background:transparent;color:var(--app-ink,#291f27)}
.server-groups .social-search-results button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-block:8px;min-height:44px}
.app-account-tools .shopper-alert-dot{position:absolute;top:3px;right:3px;width:9px;height:9px;border-radius:50%;background:#ff6a61;border:2px solid #fff}
html:root body:has(.merchant-section-heading):has(.app-account-tools) .merchant-section-heading{padding-top:78px!important}
/* September 11 reference correction: edge tab, original rail inset, vertical admin list. */
:root{--edge-tab-width:22px;--edge-tab-height:88px;--edge-tab-radius:16px;--edge-tab-surface:#726e69;--edge-rail-inset:8px}
html:root body .app-edge-handle,html:root body .app-edge-handle.app-tools-handle{height:var(--edge-tab-height)!important}
html:root body .app-edge-handle span{display:grid;place-items:center;width:var(--edge-tab-width);height:var(--edge-tab-height);border-radius:var(--edge-tab-radius) 0 0 var(--edge-tab-radius);background:var(--edge-tab-surface);color:#fff}
html:root body .app-edge-handle span svg{width:12px;height:24px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
html:root body .app-edge-handle[aria-expanded="true"]:not(.app-tools-handle){visibility:hidden}
html:root body :is(.merchant-rail,.shopper-rail,.rail-nav)[data-edge-kind][data-mobile-closed="false"]{right:max(var(--edge-rail-inset),calc((100% - var(--edge-frame))/2 + var(--edge-rail-inset)))!important;padding:0!important}
html:root body.ui-consistent .sa-nav[data-edge-kind="admin"]{flex-direction:column!important;flex-wrap:nowrap!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important}
html:root body.ui-consistent .sa-nav[data-edge-kind="admin"]>a{width:100%!important;box-sizing:border-box}
/* Shared vertical center: retain each utility's original horizontal placement. */
:root{--edge-tools-center:calc(var(--phone-inset,24px) + 64px)}
html:root body .app-edge-handle.app-tools-handle{top:var(--edge-tools-center)!important}
html:root body :is(.app-account-tools,.reel-quick-actions){top:calc(var(--edge-tools-center) - 22px)!important}
html:root body.ui-consistent [data-edge-kind="tools"][data-mobile-closed="false"]{top:calc(var(--edge-tools-center) - 23px)!important}
/* Utilities keep their icon strokes after they leave the original quick-actions nav. */
html:root body .app-filter-tools{direction:rtl;gap:8px}
html:root body .app-filter-tools :is(a,button){display:grid;place-items:center;box-sizing:border-box;flex:0 0 46px;width:46px!important;height:46px!important;min-height:44px;margin:0!important;padding:0!important;border:1px solid var(--app-line);border-radius:50%;background:#fff!important;color:var(--app-ink)!important}
html:root body .app-filter-tools svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
html:root body .app-account-tools a[aria-label^="الإشعارات"]{order:0}
html:root body.ui-consistent :is(.app-account-tools,.reel-quick-actions){direction:ltr!important}
html:root body.phone-shell-page:not(.merchant-shell-active):not(.looks-reel-mode) :is(main#main,main.stores-shell){padding-top:112px!important}
html:root body .app-account-tools a[aria-label="السلة"]{order:1}
html:root body .reel-quick-actions a[aria-label^="الإشعارات"]{order:0}
html:root body .reel-quick-actions a[aria-label="السلة"]{order:1}
html:root body :is(.shopper-rail,.rail-nav)[data-edge-kind][data-mobile-closed="false"]{height:316px!important;min-height:0!important;align-content:start!important;row-gap:8px!important;column-gap:8px!important}
html:root body :is(.shopper-rail,.rail-nav)[data-edge-kind] :is(a,button){box-sizing:border-box!important;align-self:start!important}
html:root body.ui-consistent .shopper-rail[data-edge-kind] [data-slot="filter"]{display:grid!important}
/* No decorative gradients on any action; preserve neutral and outlined controls. */
html:root body :is(button,.btn,[role="button"],.start-button){background-image:none!important}
html:root body :is(button,.btn,[role="button"],.start-button)::before,html:root body :is(button,.btn,[role="button"],.start-button)::after{background-image:none!important}
html:root body :is(.btn.primary,.btn.dark,.start-button){background:#111!important;color:#fff!important;box-shadow:none!important}
html:root body .btn::before{display:none!important}
html:root body #checkout-form[hidden]{display:none!important}
.guest-checkout-action{text-align:center;margin-top:24px}
.guest-checkout-action .checkout-primary{min-width:200px;justify-content:center}
.guest-checkout-dialog{text-align:center}
.guest-checkout-dialog .checkout-primary{display:flex;width:fit-content;min-width:200px;margin:24px auto 12px;justify-content:center}
.guest-checkout-dialog .guest-signup-note{font-size:14px}
.guest-checkout-dialog .guest-signup-note a{color:inherit;text-decoration:underline}

/* September 11 evening: inline search, quiet rails, shared scroll state. */
html:root body.ui-consistent :is(.market-search-panel,.edge-search-panel)[open]{
 position:fixed!important;inset:auto!important;left:var(--inline-search-left,12px)!important;top:var(--inline-search-top,64px)!important;
 width:var(--inline-search-width,240px)!important;max-width:calc(100vw - 100px)!important;height:var(--inline-search-height,46px)!important;min-height:0!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:24px!important;box-shadow:none!important;overflow:visible!important;
 background:transparent!important;z-index:120!important;transform:none!important;
}
html:root body.ui-consistent :is(.market-search-panel,.edge-search-panel)>header{display:none!important}
html:root body.ui-consistent :is(.market-search-panel,.edge-search-panel) :is(form,label,.report-search,.merchant-product-search,.ui-search-field){
 display:block!important;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;
 border:0!important;box-shadow:none!important;transform:none!important;position:static!important;background:none!important;
}
html:root body.ui-consistent :is(.market-search-panel,.edge-search-panel) :is(label>span:not(.ui-search-field),form>span:not(.ui-search-field),button,svg){display:none!important}
html:root body.ui-consistent :is(.market-search-panel,.edge-search-panel) input{
 display:block!important;box-sizing:border-box!important;width:100%!important;height:var(--inline-search-height,46px)!important;min-height:44px!important;
 margin:0!important;padding:8px 14px!important;border:1px solid var(--app-line)!important;border-radius:24px!important;
 background:var(--app-paper)!important;color:var(--app-ink)!important;font-size:16px!important;outline-offset:2px;
}
html:root body.ui-consistent:has(:is(.market-search-panel,.edge-search-panel)[open]) .app-account-tools{visibility:hidden!important;pointer-events:none!important}
html:root body.ui-consistent.shopper-top-tools-hidden :is(.app-account-tools,.reel-quick-actions){
 opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-12px)!important;
}
html:root body.ui-consistent :is(.shopper-rail,.merchant-rail,.rail-nav)[data-edge-kind]{
 background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html:root body.ui-consistent :is(.shopper-rail,.merchant-rail,.rail-nav)[data-edge-kind]::before,
html:root body.ui-consistent :is(.shopper-rail,.merchant-rail,.rail-nav)[data-edge-kind]::after{display:none!important}
html:root body.ui-consistent :is(.shopper-rail,.merchant-rail,.rail-nav)[data-edge-kind] :is(a,button){
 box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html:root body.ui-consistent :is(.shopper-rail,.merchant-rail,.rail-nav)[data-edge-kind] :is(a,button):is(.active,[aria-current="page"],[aria-pressed="true"],[aria-expanded="true"]),
html:root body.ui-consistent .app-filter-tools button[aria-expanded="true"]{
 border-color:var(--app-brand)!important;box-shadow:inset 0 0 0 2px var(--app-brand)!important;
}
.social-create-row{display:flex;justify-content:center;margin:8px 0 20px}
.social-group-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
html:root body .server-groups .social-group-card{
 display:grid;grid-template-columns:44px minmax(0,1fr) 16px;align-items:center;gap:12px;width:100%;padding:14px;
 background:var(--app-paper)!important;color:var(--app-ink)!important;text-align:right;border-radius:18px;border:1px solid var(--app-line);
}
.social-group-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ui-soft);color:var(--app-brand)}
.social-group-card small,.social-pending-group small{font-size:13px;color:var(--app-muted)}
.social-group-card strong{font-size:17px}
.social-group-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block:8px 20px}
html:root body .server-groups .social-back{background:transparent!important;color:var(--app-ink);border:0;padding-inline:0}
html:root body .server-groups .social-group-options{position:relative;margin:0;flex:none;align-self:start}
.social-group-options>summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;font:28px/1 sans-serif;border-radius:50%;cursor:pointer}
.social-group-options>summary::-webkit-details-marker{display:none}
.social-group-options>summary:focus-visible{outline:2px solid var(--app-brand)}
.social-group-options>div{position:absolute;z-index:5;left:0;top:48px;width:max-content;max-width:260px;padding:8px;background:var(--app-paper);border:1px solid var(--app-line);border-radius:16px}
.social-group-options button{width:100%}
.social-leave-confirm[hidden]{display:none!important}
.social-leave-confirm{padding:12px;border:1px solid var(--app-line);border-radius:16px}
.social-leave-confirm button{margin:4px}
.social-shared-looks{display:grid;gap:16px}
.social-shared-looks .shared-look-review{margin:0}
.social-shared-looks img{width:100%;max-height:520px;object-fit:contain}
html:root[data-theme="dark"]{
 --app-paper:#211c22;--app-page:#111;--app-ink:#faf6f8;--app-muted:#c8bdc5;--app-line:#514650;--app-brand:#d7accd;
}
html:root[data-theme="dark"] body.ui-consistent.account-settings-sheet-page :is(main,.account-shell,.account-menu,.account-panel),
html:root[data-theme="dark"] body.ui-consistent #reel-settings-panel,
html:root[data-theme="dark"] body.ui-consistent #reel-settings-panel .settings-menu{
 background:var(--app-paper)!important;color:var(--app-ink)!important;border-color:var(--app-line)!important;
}
html:root[data-theme="dark"] body.ui-consistent :is(.app-account-tools,.reel-quick-actions,.app-filter-tools,.shopper-rail,.rail-nav,.merchant-rail) :is(a,button){
 background:var(--app-paper)!important;color:var(--app-ink)!important;
}
html:root[data-theme="dark"] body.ui-consistent :is(.account-shell,.account-menu) :is(h1,h2,h3,p,label,a,button){color:var(--app-ink)}
html:root[data-theme="dark"] body.ui-consistent .product-description-button{background:var(--app-paper);color:var(--app-ink)}

html:root body.looks-page:has(#recipient-inbox-panel:not([hidden])) main>.page-hero{display:none!important}
html:root body.looks-page:has(#recipient-inbox-panel:not([hidden])) #recipient-inbox-panel{padding-top:0!important}
html:root body .server-groups>header .social-group-options{align-self:center}
html:root body .server-groups>header>h2{flex:1;min-width:0}

/* Group cards: context actions on the list, owner-only swipe to reveal deletion. */
html:root body .server-groups{position:relative}
html:root body .server-groups .social-group-row{position:relative;margin:0;padding:0;border:0;border-radius:18px;overflow:hidden}
html:root body .server-groups .social-group-row:has(details[open]){overflow:visible;z-index:8}
.social-group-front{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;background:var(--app-paper);border:1px solid var(--app-line);border-radius:18px;touch-action:pan-y;transition:transform 140ms ease}
.delete-revealed .social-group-front{transform:translateX(72px)}
html:root body .server-groups .social-group-card{position:relative;border:0;background:transparent!important;grid-template-columns:44px minmax(0,1fr);padding:14px 10px;min-height:76px}
html:root body .server-groups .social-group-options{margin:0}
.social-group-options>summary{color:var(--app-ink)}
html:root body .server-groups .social-delete{position:absolute;left:0;top:0;bottom:0;width:72px;min-height:44px;border:0;border-radius:16px;background:#b62232!important;color:#fff;visibility:hidden}
html:root body .server-groups .delete-revealed .social-delete{visibility:visible}
.social-delete svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.social-unread-dot{display:inline-block;width:9px;height:9px;background:#ff6a61;border:2px solid var(--app-paper);border-radius:50%;flex:none}
.social-group-card .social-unread-dot{position:absolute;right:10px;top:10px}
:is([data-slot="groups"],.groups-companion) .social-unread-dot{position:absolute;right:2px;top:2px}
.social-pending-group strong{display:flex;align-items:center;gap:8px}
.social-group-confirm[hidden]{display:none!important}
.social-group-confirm{padding:14px;margin-bottom:16px;border:1px solid var(--app-line);border-radius:18px}
.social-group-confirm button{margin:4px}
.social-back-row{display:flex;justify-content:flex-end;margin:0 0 16px}
html:root body #recipient-inbox-panel .social-back-row{position:fixed!important;left:max(12px,calc((100% - var(--edge-frame,480px))/2 + 12px))!important;right:auto!important;top:calc(var(--edge-tools-center) + 34px)!important;z-index:95;margin:0!important}
html:root body #recipient-inbox-panel .server-groups:has(.social-back-row)>header{padding-left:0!important;min-height:104px!important}
html:root body .server-groups .social-back-circle{direction:ltr;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;background:var(--app-paper)!important;color:var(--app-ink);border:1px solid var(--app-line);font:600 28px/1 sans-serif}
#recipient-inbox-panel .server-groups:has(.social-back-row)>header{min-height:44px;padding-left:56px}
#recipient-inbox-panel .social-back-row{position:absolute;left:0;top:0}
html:root body .server-groups .social-picked-members{display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}
.social-person-chip{justify-content:space-between}
html:root body .server-groups .social-save{justify-self:center;min-width:180px;margin-top:16px}
html:root body .product-description-button{box-shadow:none!important}
html:root body .product-color-dialog{box-sizing:border-box;width:min(480px,calc(100% - 24px));max-height:90dvh;padding:18px;border:1px solid var(--app-line);border-radius:24px;background:var(--app-paper);color:var(--app-ink);overflow:auto}
.product-color-dialog::backdrop{background:#0008}
.product-color-dialog header{display:flex;align-items:center;justify-content:space-between}
.product-color-dialog h2{font-size:20px;margin:0}
.product-color-dialog header button{width:44px;height:44px;background:transparent;color:inherit;border:0;font-size:28px}
.product-color-dialog canvas{display:block;max-width:100%;max-height:45dvh;width:auto;height:auto;margin:auto;cursor:crosshair;touch-action:manipulation}
.product-color-dialog canvas[hidden]{display:none}
.product-color-dialog label{display:flex;align-items:center;justify-content:space-between;margin-block:16px}
.product-color-dialog input[type="color"]{width:64px;height:44px;padding:4px}
.product-color-dialog [data-color-accept]{display:block;min-height:44px;min-width:160px;margin:auto;border:0;border-radius:24px;background:#111;color:#fff;padding:10px 20px}
.product-color-dialog [data-color-accept]:disabled{opacity:.5}
.product-color-dialog [role="status"]{text-align:center;font-size:14px}
html:root body .product-image-gallery .product-eyedropper{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px;border:1px solid var(--app-line);border-radius:16px;background:var(--app-paper);color:var(--app-ink)}
.product-eyedropper svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.product-eyedropper i{width:22px;height:22px;border:1px solid var(--app-line);border-radius:50%;flex:none}
html:root body .product-image-gallery .product-color-clear{background:transparent;color:var(--app-ink);border:0;min-height:44px;font-size:14px;text-decoration:underline}
@media(prefers-reduced-motion:reduce){.social-group-front{transition:none}}

/* Compact merchant and buyer surfaces, September 11 final review. */
html:root body .merchant-brand-upload{padding:8px;gap:0;align-content:center}
html:root body .merchant-brand-content{align-items:center}
html:root body .merchant-brand-content input[name="brandName"]{min-height:48px;padding:10px 12px}
html:root body .merchant-brand-content input[name="brandName"]::placeholder{font-size:14px}
html:root body .product-color-dialog [data-color-accept]{display:block;margin:16px auto 0;background:#111!important;background-image:none!important;color:#fff!important;min-height:44px;border:0;border-radius:24px;padding:10px 24px;font:inherit}
html:root body.phone-shell-page.account-settings-sheet-page main#main.account-shell{padding:20px!important;height:auto!important;min-height:0!important;display:block!important;border-radius:24px!important}
html:root body .account-menu>.buyer-settings-heading{display:flex;flex-direction:row;direction:ltr;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:0 0 12px!important;min-height:44px}
html:root body .buyer-settings-heading>span{display:block!important;text-align:left!important;direction:rtl;order:0;margin:0;flex:1}
html:root body .buyer-settings-heading>a{order:1!important;position:static!important;margin:0;padding:0;flex:0 0 44px}
html:root body .server-groups .social-group-front{grid-template-columns:minmax(0,1fr) 56px}
html:root body .server-groups .social-group-actions{position:relative;display:flex;align-items:center;justify-content:center;align-self:center;min-height:44px}
html:root body .server-groups .social-group-options{align-self:center}
html:root body .server-groups .social-group-edit{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;border:0;background:transparent!important;color:var(--app-ink);font:28px/1 sans-serif}
.social-group-actions>.social-unread-dot{position:absolute;right:0;top:50%;transform:translateY(-50%);width:9px;height:9px;background:#e32636}
html:root body .grid-back{top:calc(var(--edge-tools-center,44px) + 34px)!important}

html:root body .merchant-brand-fields>summary,
html:root body .merchant-brand-fields>summary:is(:hover,:active,:focus){background:transparent!important;background-image:none!important;box-shadow:none!important}
html:root body .merchant-brand-upload{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
html:root body.shopper-top-tools-hidden .grid-back{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

/* A light frosted layer behind open icon menus; the original page is untouched. */
html:root body.ui-consistent main>.merchant-form-back{margin-right:36px!important;margin-left:auto!important}
html:root body .app-edge-handle.app-tools-handle span{width:var(--edge-tab-width)}
html:root body.ui-consistent main :is(.ui-close-heading,.merchant-section-heading,.merchant-ads-title-row){justify-content:flex-end!important;padding-right:36px!important;gap:12px!important;box-sizing:border-box}
html:root body.ui-consistent main :is(.ui-close-heading,.merchant-section-heading,.merchant-ads-title-row)>[data-ui-close]{margin:0!important;position:relative!important;inset:auto!important;flex:0 0 44px}
html:root body.ui-consistent main :is(.ui-close-heading,.merchant-section-heading,.merchant-ads-title-row)>:is(h1,h2,strong,div){text-align:right!important;flex:0 1 auto;min-width:0}
html:root body.ui-consistent .merchant-ads-head{flex-wrap:wrap}
html:root body.ui-consistent .merchant-ads-head .ads-page-actions{order:3!important;flex-basis:100%!important;margin-top:32px!important}
html:root body .product-reels.grid-view{padding-top:42px!important}
html:root body .social-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:48px;border:0}
html:root body .social-empty-state>p{font-size:24px;font-weight:700;margin:0 0 28px}
html:root body .social-empty-state .social-create-row{width:100%;text-align:center}
html:root body .social-empty-state [data-social="create-editor"]{width:min(230px,calc(100% - 48px));min-height:52px;font-size:18px}
html:root body.subscription-body[data-role="customer"] #credit-summary{margin-top:36px}
html:root body.account-body #open-login{width:calc(100% - 64px);max-width:360px;margin-inline:auto;display:block;box-sizing:border-box}
html:root body .app-edge-handle.app-tools-handle span{width:var(--edge-tab-width);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
html:root body .app-edge-handle.app-tools-handle span svg{width:18px;height:18px;flex:none;stroke-width:1.8}
html:root body>[data-responsive-rail][data-mobile-closed="false"]{z-index:100!important}
html:root body .account-types[hidden]{display:none!important}
html:root body.account-body #open-login{background:#111;color:#fff;border:1px solid #111;min-height:52px;font-weight:700;margin-block:20px 8px}
html:root body.account-body #show-account-types{display:block;margin:0 auto 24px;padding:8px 16px;min-height:44px;background:transparent;border:0;box-shadow:none;color:inherit;text-decoration:underline;text-underline-offset:5px;font:inherit;cursor:pointer}
html:root body.account-body #show-account-types[hidden]{display:none!important}
html:root body.account-body #show-account-types{border:0!important;border-radius:0!important;box-shadow:none!important;outline:none!important;background:transparent!important;color:inherit!important}
html:root body.account-body #show-account-types:focus-visible{outline:2px dotted currentColor!important;outline-offset:4px}
html:root body.subscription-body .subscription-head{margin-bottom:36px}
html:root body.subscription-body #subscription-tabs{margin-bottom:36px}
html:root body.subscription-body #billing-toggle{margin-top:28px;margin-bottom:14px}
html:root body.subscription-body .credit-history{margin-top:48px}
html:root body .app-rail-scrim{position:fixed;inset:0;z-index:98;background:rgb(20 16 22 / .07);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:auto}
html:root body .app-rail-scrim[hidden]{display:none!important}
@media(prefers-reduced-transparency:reduce){html:root body .app-rail-scrim{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgb(20 16 22 / .16)}}
/* Requested alignment only: existing Maraya colors and typeface are retained. */
html:root body.ui-consistent.unified-title-page :is(.merchant-order-card,.invoice-card)>summary{min-height:140px;box-sizing:border-box;padding:16px!important;font-size:16px!important}
html:root body.ui-consistent.unified-title-page :is(.merchant-order-card,.invoice-card)>summary :is(h2,strong,small,time,p){font-size:16px!important;line-height:1.7!important;font-weight:400!important}
html:root body.ui-consistent.unified-title-page #team-members .team-row{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:12px}
html:root body.ui-consistent.unified-title-page .team-member-menu{min-width:0;width:44px}
html:root body.ui-consistent.unified-title-page .team-member-menu[open]{grid-column:1/-1;width:100%}
html:root body.ui-consistent.unified-title-page .team-member-menu summary{cursor:pointer;font-size:24px;min-height:44px;list-style:none}
html:root body.ui-consistent.unified-title-page .team-member-menu summary::-webkit-details-marker{display:none}
html:root body.ui-consistent.unified-title-page #team-create-toggle{margin:16px 0 32px!important}
html:root body.ui-consistent.unified-title-page .team-panel>[data-team-controls]{margin-top:24px!important}
html:root body.ui-consistent.unified-title-page .team-panel>[data-team-controls]>h2{margin:0 0 16px!important}
html:root body.ui-consistent.unified-title-page #team-search-results{display:grid;gap:8px}
html:root body.ui-consistent.unified-buyer-page:not(.looks-reel-mode):not(.recipient-inbox-mode) main>.page-hero{display:flex!important;flex-direction:row!important;align-items:center!important}
html:root body.ui-consistent.unified-title-page.phone-shell-page:not(.merchant-shell-active):not(.looks-reel-mode) main#main{padding-top:32px!important}
html:root body.ui-consistent.unified-title-page .shopper-discounts .empty-result{text-align:center!important}
body.explore-filter-only .app-tools-handle span>svg:first-child{display:none}
body.explore-filter-only .app-filter-tools [data-quick-search]{display:none!important}
body #coordination-panel{position:fixed!important;top:calc(var(--phone-inset,0px) + 112px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;animation:none!important;width:min(448px,calc(100vw - 48px))!important;max-height:calc(100dvh - 144px);overflow:auto;box-sizing:border-box;z-index:97}
html:root body.unified-buyer-page.phone-shell-page:not(.merchant-shell-active):not(.looks-reel-mode) main#main{padding-top:32px!important}
body.unified-buyer-page main>.page-hero,body.unified-buyer-page main>header,body.unified-buyer-page .server-groups>header{min-height:64px;display:flex;align-items:center;justify-content:flex-start;padding:0 0 0 112px!important;margin:0 0 32px!important;text-align:right}
body.unified-buyer-page main>.page-hero h1,body.unified-buyer-page main>header h1,body.unified-buyer-page .server-groups>header h2,body.unified-title-page .unified-page-heading h1,body.unified-title-page h1.unified-page-heading{font-size:24px!important;font-weight:600!important;line-height:1.5!important;margin:0!important}
body.unified-buyer-page :is(.empty-result,.generated-empty,.social-empty-state){display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:32px;min-height:248px;box-sizing:border-box;padding:32px 16px!important;margin:0!important;border:1px solid var(--ui-line)!important;border-radius:0!important;background:transparent!important;text-align:center}
body.unified-buyer-page :is(.empty-result,.generated-empty)>h2,body.unified-buyer-page .social-empty-state>p{font-size:24px!important;font-weight:600!important;line-height:1.6!important;margin:0!important}
body.unified-buyer-page :is(.empty-result,.generated-empty) .btn,body.unified-buyer-page .social-create-row button{width:min(230px,100%)!important;min-width:0!important;min-height:52px!important;padding:8px 16px!important;margin:0!important;font-size:18px!important;font-weight:400!important;line-height:1.5!important;box-sizing:border-box}
body.unified-buyer-page .social-create-row{margin:0!important;width:100%;text-align:center}
html:root body.ui-consistent.unified-title-page main#main{padding-top:32px!important}
html:root body.ui-consistent.unified-title-page main .unified-page-heading{display:flex!important;justify-content:center!important;align-items:center!important;gap:0!important;min-height:64px!important;padding:0 52px!important;margin:0 0 32px!important;text-align:center!important;box-sizing:border-box}
html:root body.ui-consistent.unified-title-page main .unified-page-heading h1{flex:1!important;text-align:center!important}
html:root body.ui-consistent.unified-title-page main .merchant-ads-head{flex-direction:column}
html:root body.ui-consistent.unified-title-page main .merchant-ads-title-row{padding:0!important;justify-content:center!important;align-items:center!important;min-height:64px;width:100%}
html:root body.subscription-body.ui-consistent.unified-title-page.phone-shell-page main#main.subscription-workbench{padding-top:32px!important}
html:root body.ui-consistent.unified-title-page main .ads-page-actions{margin-top:32px!important}
html:root body.ui-consistent.unified-title-page .team-permissions-heading,html:root body.ui-consistent.unified-title-page .team-head p{display:none!important}
html:root body.ui-consistent.unified-title-page .team-head>div{width:100%}
html:root body.ui-consistent.unified-title-page .team-panel{padding-top:0!important}
html:root body.ui-consistent.unified-title-page #team-pending>p,html:root body.ui-consistent.unified-title-page .shopper-discounts .empty-result{border:1px solid var(--ui-line);padding:40px 16px;text-align:center;font-size:24px;font-weight:600}
html:root body.ui-consistent.unified-title-page #gift-workbench{margin-top:32px}
html:root body.ui-consistent.unified-title-page .merchant-order-card,html:root body.ui-consistent.unified-title-page .merchant-invoice-card{font-size:16px}
html:root body.ui-consistent.unified-title-page .merchant-order-card time,html:root body.ui-consistent.unified-title-page .merchant-invoice-card time{font-size:16px;font-weight:400}
@media(max-width:374px){body.unified-buyer-page main>.page-hero,body.unified-buyer-page main>header,body.unified-buyer-page .server-groups>header{padding-left:104px!important}body.unified-title-page main .unified-page-heading{padding-left:64px!important;padding-right:32px!important}}
@media(max-width:374px){html:root body.ui-consistent.unified-title-page main .unified-page-heading{padding-left:76px!important;padding-right:44px!important}}
/* September 13: requested utility order and compact filter placement only. */
html:root body :is(.app-account-tools,.reel-quick-actions) a[aria-label="السلة"]{order:0}
html:root body :is(.app-account-tools,.reel-quick-actions) a[aria-label^="الإشعارات"]{order:1}
html:root body :is(.app-account-tools,.reel-quick-actions) :is(a,button)[aria-label^="الإشعارات"] svg{transform:translateY(2px)!important}
html:root body #coordination-panel{top:calc(var(--phone-inset,0px) + 12px)!important;max-height:calc(100dvh - 48px);z-index:101;padding:12px 16px 24px!important}
html:root body #coordination-panel .coordination-head{display:flex!important;justify-content:flex-start!important;direction:rtl!important;padding:0!important;margin:0 0 12px!important;min-height:44px}
html:root body #close-coordination{position:static!important;margin:0!important;width:44px;min-height:44px}
/* Requested follow-up: flush filter sheet and unchanged centered controls. */
html:root body #coordination-panel{top:var(--phone-inset,0px)!important;width:min(var(--phone-width,480px),100vw)!important;border-radius:var(--phone-radius,28px)!important;padding:12px 16px 24px!important}
html:root body #coordination-panel button:focus-visible{outline:2px solid var(--app-action)!important;outline-offset:2px;box-shadow:none!important}
html:root body #coordination-panel [data-audience-choice].active{background:var(--app-action)!important;color:#fff!important;border-color:var(--app-action)!important}
html:root body .server-groups>.social-create-row{margin-bottom:24px!important}
html:root body :is(.rail-nav,.shopper-rail) :is(#coordination-toggle,[data-slot="filter"]){display:none!important}
html:root body :is(.rail-nav,.shopper-rail,.merchant-rail)[data-edge-kind] :is(a,button){display:grid!important;place-items:center!important;place-content:center!important;grid-template-columns:1fr!important;padding:0!important}
html:root body :is(.rail-nav,.shopper-rail,.merchant-rail)[data-edge-kind] :is(a,button)>svg{margin:0!important;transform:none!important;justify-self:center!important;align-self:center!important;flex:none}
html:root body .rail-nav .rail-action>span{display:none!important}
html:root body :is(#reel-settings-sheet,#photo-source-sheet) :is(.ui-close-heading,.photo-source-head){padding-right:0!important;gap:12px!important}
html:root body :is(#reel-settings-sheet,#photo-source-sheet) [data-ui-close]{margin-right:0!important}
html:root body .account-type-picker{box-sizing:border-box;width:min(440px,calc(100vw - 32px));padding:24px;border:1px solid var(--app-line);border-radius:24px;background:var(--app-paper);color:var(--app-ink)}
.account-type-picker::backdrop{background:rgb(0 0 0 / .35)}
html:root body .account-type-picker header{display:flex;direction:ltr;align-items:center;justify-content:space-between;padding:0!important;margin-bottom:24px}
html:root body .account-type-picker h2{font-size:24px;margin:0;direction:rtl}
html:root body .account-type-picker #registration-types{display:grid;gap:16px;margin:0!important}
html:root body .account-type-picker .account-type{width:100%;min-height:52px;font-size:18px;font-weight:400}
html:root body #customer-notification-list .admin-invite-notification{background:#111!important;color:#fff!important;padding:20px;border-radius:20px;margin-block:12px}
html:root body #customer-notification-list .admin-invite-notification :is(strong,p,small,span){color:#fff!important}
html:root body #customer-notification-list .admin-invite-notification .notification-kind-badge{background:transparent!important;border-color:#fff!important}
html:root body :is(.rail-nav,.shopper-rail)[data-edge-kind] :is(#coordination-toggle,[data-slot="filter"]){display:none!important}
.catalog-more[aria-busy="true"]::before{content:"";display:inline-block;width:16px;height:16px;margin-inline-end:10px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:middle;animation:catalog-spin .7s linear infinite}
@keyframes catalog-spin{to{transform:rotate(360deg)}}
html:root body :is(#market-filter-dialog,#discount-filter-dialog){position:fixed!important;inset:auto!important;top:var(--phone-inset,0px)!important;left:50%!important;transform:translateX(-50%)!important;margin:0!important;width:min(var(--phone-width,480px),100vw)!important;max-width:100vw!important;max-height:calc(100dvh - 48px)!important;box-sizing:border-box!important;border-radius:var(--phone-radius,28px)!important;overflow:auto!important}
html:root body :is(#market-filter-dialog .dialog-heading,#discount-filter-dialog>section>header){padding-left:52px!important}
html:root body.checkout-page.unified-buyer-page main#main{padding:32px 16px!important}
/* Shared filter and settings geometry: explicit physical right avoids RTL reversal. */
html:root body :is(#coordination-panel,#market-filter-dialog,#discount-filter-dialog){box-shadow:none!important;filter:none!important}
html:root body :is(#market-filter-dialog,#discount-filter-dialog)::backdrop{background:transparent!important;backdrop-filter:none!important}
html:root body :is(#market-filter-dialog .preferences-card,#discount-filter-dialog>section){box-shadow:none!important}
html:root body :is(#coordination-panel .coordination-head,#market-filter-dialog .dialog-heading,#discount-filter-dialog>section>header,#reel-settings-sheet .reel-settings-head){position:relative!important;display:flex!important;flex-direction:row!important;direction:ltr!important;justify-content:flex-start!important;align-items:center!important;min-height:44px!important;padding:0 52px 0 0!important;box-sizing:border-box!important}
html:root body :is(#coordination-panel .coordination-head,#market-filter-dialog .dialog-heading,#discount-filter-dialog>section>header,#reel-settings-sheet .reel-settings-head)>:is(button,[data-ui-close]){position:absolute!important;inset-inline:auto!important;left:auto!important;right:0!important;top:0!important;bottom:auto!important;transform:none!important;margin:0!important;width:44px!important;height:44px!important}
html:root body :is(#market-filter-title,#discount-filter-title){text-align:center!important;flex:1!important}
html:root body #reel-settings-sheet .reel-settings-head>div{margin:0!important;text-align:left!important;direction:rtl!important}
html:root body.checkout-page.unified-buyer-page .page-hero{background:transparent!important}
html:root body.checkout-page.unified-buyer-page .checkout{display:block!important;width:100%!important;max-width:none!important}
html:root body.checkout-page.unified-buyer-page #cart-box:has(.empty-result){padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html:root body.checkout-page.unified-buyer-page #cart-box .empty-result{width:100%!important;min-height:248px!important}
html:root body form .merchant-expiry-notice{background:#ededed!important;border-color:#c9c9c9!important;color:#292929!important}
/* Requested final alignment and silent infinite loading. */
html:root body #coordination-panel .coordination-head{direction:ltr!important;justify-content:flex-end!important}
html:root body #coordination-panel .audience-step-heading{text-align:center!important;justify-content:center!important}
html:root body :is(.shopper-alert-dot,.social-unread-dot,.notification-dot,.app-account-tools i,.reel-quick-actions i){background:#ff655f!important}
html:root body .catalog-more:not([aria-busy="true"]){min-height:1px!important;height:1px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;overflow:hidden}
html:root body #reel-settings-sheet .ui-close-heading{position:relative!important;padding-right:0!important}
html:root body #reel-settings-sheet [data-ui-close]{position:absolute!important;right:0!important;left:auto!important;margin:0!important}
html:root body .merchant-expiry-notice label{display:flex!important;flex-direction:row!important;direction:rtl!important;align-items:center!important;gap:12px!important}
html:root body .merchant-expiry-notice label input[type="checkbox"]{width:20px!important;height:20px!important;flex:0 0 20px!important;margin:0!important}
html:root body .reel-hud{grid-template-columns:100px minmax(0,1fr) 44px!important}
html:root body .reel-hud .reel-identity{grid-column:2/-1!important;min-width:0!important}
html:root body .reel-variants{width:100px!important;grid-column:1!important;gap:4px!important}
html:root body .reel-copy>.product-description-button{position:relative!important;inset:auto!important;transform:none!important;z-index:5!important;pointer-events:auto!important;grid-column:3!important;grid-row:2!important}
body:has(#coordination-panel:not([hidden])) .app-tools-handle{visibility:hidden!important;pointer-events:none!important}
@media(prefers-reduced-motion:reduce){.catalog-more[aria-busy="true"]::before{animation:none}}
/* Phone usability: intact circles, isolated touch wheels and full-card snapping. */
html:root body :is(.shopper-rail,.rail-nav,.merchant-rail)[data-edge-kind][data-mobile-closed="false"]{overflow:visible!important}
html:root body #add-product{font-size:18px!important;font-weight:400!important;line-height:1.5!important}
html:root body .account-type-picker{position:relative;padding-top:60px!important}
html:root body .account-type-picker header>button{position:absolute!important;inset:auto!important;right:12px!important;top:12px!important;transform:none!important;width:44px!important;height:44px!important;margin:0!important}
html:root body #show-account-types{margin-top:28px!important}
html:root body .grid-back{background:#fff!important}
html:root body .product-reels:not(.grid-view){scroll-snap-type:y mandatory!important}
html:root body .product-reels:not(.grid-view)>.product-reel{scroll-snap-align:start!important;scroll-snap-stop:always!important}
html:root body .reel-variants{gap:12px!important;width:108px!important}
html:root body .reel-hud{grid-template-columns:108px minmax(0,1fr) 44px!important}
html:root body .reel-variants .variant-wheel{touch-action:pan-y!important}
html:root body .server-groups .social-group-card{grid-template-columns:minmax(0,1fr)!important;min-width:0!important}
html:root body .server-groups .social-group-card strong{white-space:normal;word-break:normal;overflow-wrap:break-word}
html:root body :is(#market-filter-dialog .dialog-heading,#discount-filter-dialog>section>header){padding-left:52px!important;padding-right:52px!important}

/* Phone follow-up: controls own their touch gestures and dialogs share corners. */
html:root body .grid-back{background:#fff!important;color:#111!important}
html:root body .grid-back svg{stroke:#111!important}
html:root[data-theme="dark"] body .grid-back{background:var(--app-panel,#241d24)!important;color:#fff!important;border:1px solid var(--app-line,#494149)!important}
html:root[data-theme="dark"] body .grid-back svg{stroke:#fff!important}
html:root body.ui-consistent :is(.shopper-rail,.merchant-rail,.rail-nav)[data-edge-kind] :is(a,button):is(.active,[aria-current="page"],[aria-pressed="true"],[aria-expanded="true"]){border-color:var(--ui-ink)!important;box-shadow:inset 0 0 0 2px var(--ui-ink)!important}
html:root body.ui-consistent:not(.nav-keyboard) :is(.shopper-rail,.merchant-rail,.rail-nav)[data-edge-kind] :is(a,button):not(.active):not([aria-current="page"]):not([aria-pressed="true"]):not([aria-expanded="true"]):focus{outline:none!important}
html:root body #selected-store-profile>.store-follow-button{justify-self:end!important}
html:root body #selected-store-profile .store-delivery-policy a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1px solid currentColor;border-radius:999px;color:inherit;text-decoration:none;margin-top:10px}
html:root body #selected-store-profile .store-delivery-policy{grid-column:2!important;grid-row:2!important}
html:root body .market-product-copy{margin-top:10px!important}
html:root body .market-product-copy h2{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important;height:3.2em!important;min-height:3.2em!important}
html:root body #edit-checkout-address{color:#111!important;background:#fff!important}
html:root body #product-description-title.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
html:root[data-theme="dark"] body :is(.look-error,.social-error,.social-feedback,[data-social-error],.library-sync-status){color:#fff!important}
html:root[data-theme="dark"] body.ui-consistent .app-filter-tools button[aria-expanded="true"],
html:root[data-theme="dark"] body.ui-consistent :is(.market-search-icon,[data-quick-search],.search-button,.inline-search-submit):is(:focus,:focus-visible,[aria-expanded="true"]){outline-color:#fff!important;border-color:#fff!important;box-shadow:0 0 0 2px #fff!important}
html:root body .checkout-store-notes{display:grid;gap:12px}
html:root body dialog.notification-overlay{position:fixed;inset:0;margin:auto;width:min(92vw,480px);max-height:80dvh;box-sizing:border-box;padding:56px 24px 24px;border:1px solid var(--app-line);border-radius:26px;background:var(--ui-surface,var(--app-panel,#fff));color:var(--ui-ink);overflow:auto;outline:none}
html:root body dialog.notification-overlay::backdrop{background:#0005;backdrop-filter:blur(5px)}
html:root body dialog.notification-overlay>[data-close]{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;background:transparent;color:inherit;font-size:32px;box-shadow:none}
html:root body dialog.notification-overlay h2{margin:0 0 20px;font-size:20px}
html:root body .notification-pager{display:flex;justify-content:space-between;gap:12px}
html:root body .notification-overlay a{display:block;color:inherit!important;text-decoration:none;overflow-wrap:anywhere;line-height:1.7;padding:12px 0}
html:root body .notification-overlay .customer-notification-row+.customer-notification-row{border-top:1px solid var(--app-line)}
html:root body .notification-overlay h2{text-align:left;padding-right:30px}
html:root body #notes-review p{white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid var(--app-line);padding-top:12px}
html:root body .merchant-order-note{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;border:1px solid var(--app-line)}
html:root body .reel-variants,
html:root body .reel-variants .variant-wheel{touch-action:none!important;overscroll-behavior:none!important}
html:root body.ui-consistent.ui-consistent dialog .ui-close-heading{position:static!important}
html:root body.ui-consistent.ui-consistent dialog [data-ui-close],
html:root body #favorite-sheet #close-favorite-sheet{
 position:absolute!important;inset:auto!important;top:12px!important;right:12px!important;
 left:auto!important;bottom:auto!important;margin:0!important;transform:none!important;
 width:44px!important;height:44px!important;z-index:10;
}
html:root body #account-type-picker header{position:static!important}
html:root body #favorite-sheet{padding-top:64px!important}
html:root body #favorite-sheet .favorite-collection-choice span{font-size:14px!important}
html:root body .commerce-picker{height:auto!important;max-height:none!important;margin-bottom:18px!important}
html:root body .commerce-picker[open]>.commerce-picker-content{display:block!important}
html:root body .commerce-picker .report-search{display:block!important;margin:8px 0 16px!important}
@media(max-width:600px){
 html:root body #selected-store-profile:not([hidden]){display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:12px!important;padding:16px!important}
 html:root body #selected-store-profile>img{width:76px!important;height:88px!important;object-fit:contain!important;grid-column:1!important;grid-row:1 / 3!important;align-self:center!important}
 html:root body #selected-store-profile .store-profile-details{display:contents!important}
 html:root body #selected-store-profile .store-profile-identity{grid-column:2!important;grid-row:1!important;min-width:0}
 html:root body #selected-store-profile .store-delivery-policy{grid-column:2!important;grid-row:2!important;line-height:1.7;margin:0!important}
 html:root body #selected-store-profile>.store-follow-button{grid-column:1 / -1!important;grid-row:3!important;justify-self:start;width:auto!important;min-height:44px}
 html:root body .market-product-copy{display:flex!important;flex-direction:column!important;gap:8px!important;min-width:0;padding:12px!important}
 html:root body .market-product-copy h2{margin:0!important;font-size:15px!important;line-height:1.6!important;white-space:normal!important;overflow-wrap:break-word}
 html:root body .market-compact-sizes{position:static!important;display:flex!important;align-items:center;gap:8px!important;width:auto!important}
 html:root body .market-compact-sizes b{position:static!important;font-size:12px!important}
}
/* Phone review: contrast follows each surface, not the page theme. */
/* Shared close row: physical right corner, independent of RTL ordering. */
html:root body.ui-consistent :is(dialog header,.ui-close-heading,.dialog-heading):has(>[aria-label^="إغلاق"]){position:relative!important;min-height:60px!important;padding-right:52px!important;padding-bottom:16px!important;box-sizing:border-box!important}
html:root body.ui-consistent :is(dialog header,.ui-close-heading,.dialog-heading)>[aria-label^="إغلاق"]{position:absolute!important;inset:auto!important;right:0!important;top:0!important;margin:0!important;transform:none!important}
html:root body.ui-consistent :is(.reel-settings-head,.photo-source-head,.buyer-settings-heading,.merchant-settings-card>header,.maraya-date-picker>header,.merchant-date-card>header,.product-description-sheet>header,#product-form>.dialog-heading){position:relative!important;display:flex!important;justify-content:flex-start!important;direction:ltr!important;box-sizing:border-box!important;min-height:60px!important;padding:0 52px 16px 0!important;margin:0 0 16px!important;top:auto!important}
html:root body.ui-consistent :is(.reel-settings-head,.photo-source-head,.buyer-settings-heading,.merchant-settings-card>header,.maraya-date-picker>header,.merchant-date-card>header,.product-description-sheet>header,#product-form>.dialog-heading)>:is(button,a[aria-label^="إغلاق"]){position:absolute!important;inset:auto!important;right:0!important;top:0!important;margin:0!important;transform:none!important;background:transparent!important;box-shadow:none!important;border:0!important}
html:root body.ui-consistent #product-dialog #close-product-dialog{background:transparent!important;position:absolute!important;top:0!important;right:0!important;left:auto!important}
html:root body.ui-consistent #product-dialog .product-image-delete{background:#b62232!important;border-color:#b62232!important;color:#fff!important}
html:root body.ui-consistent #product-dialog .product-image-delete *{color:#fff!important}
html:root body.ui-consistent #product-dialog input[type="file"]::file-selector-button{background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important}
html:root body.ui-consistent #product-image-preview figcaption{color:#333!important}
html:root body.ui-consistent #product-dialog .merchant-brand-fields{background:var(--ui-surface)!important;color:var(--ui-ink)!important}
html:root body.ui-consistent #product-dialog .merchant-brand-fields :is(summary,strong,small,label,i){color:var(--ui-ink)!important}
html:root body.ui-consistent .campaign-analytics :is(b,strong){color:#111!important;-webkit-text-fill-color:#111!important}
html:root body.ui-consistent #merchant-save-confirmation{margin:auto!important;inset:0!important;width:min(85vw,360px);height:fit-content;padding:28px!important;border:1px solid var(--ui-line);border-radius:24px;background:var(--ui-surface);color:var(--ui-ink);text-align:center}
html:root body.ui-consistent #merchant-save-confirmation button{padding:12px 32px;border:0;border-radius:24px;background:var(--ui-ink);color:var(--ui-surface)}
html:root body.ui-consistent .product-description-handle{display:none!important}
html:root body.ui-consistent .product-description-sheet>header{min-height:64px!important;margin-bottom:20px!important}
html:root body.ui-consistent #photo-source-sheet .photo-source-head>strong{display:none!important}
html:root body.ui-consistent #photo-source-sheet::backdrop{background:var(--ui-surface,#171417)!important;backdrop-filter:none!important}
html:root body.ui-consistent .server-groups .social-delete{width:60px!important;top:6px!important;bottom:6px!important;border-radius:14px!important}
html:root body.ui-consistent .server-groups .delete-revealed .social-group-front{transform:translateX(76px)!important}
html:root body.ui-consistent #product-reels:not(.grid-view){gap:0!important;padding:0!important;border:0!important}
html:root body.ui-consistent .product-reel{border:0!important;margin:0!important}
html:root body.ui-consistent .product-reel>img{position:absolute!important;inset:0!important;height:100%!important;max-height:none!important;border:0!important;object-fit:contain!important;object-position:center!important}
html:root body .grid-card-visual>img,html:root body .market-product-image img{object-fit:contain!important;object-position:center!important;background:var(--color-panel-raised,#fff)}
/* Product photographs keep their natural proportions; camera/output media is unaffected. */
html:root body .grid-card-visual,html:root body .market-product-image{height:auto!important;aspect-ratio:4/5!important;align-self:start;overflow:hidden}
html:root body .grid-card-visual>img,html:root body .market-product-image img{display:block;width:100%!important;height:100%!important;aspect-ratio:4/5!important;object-fit:contain!important}
html:root body .grid-card{align-content:start}
html:root body .product-reel{background:linear-gradient(180deg,var(--color-panel-raised,#eee) 0%,var(--color-canvas,#faf8f5) 45%,var(--color-panel,#eee) 100%)}
html:root body .product-reel::before{content:"";position:absolute;inset:-24px;background-image:var(--reel-photo-background);background-size:cover;background-position:center;filter:blur(24px);opacity:.45;pointer-events:none}
html:root body.ui-consistent :is(.maraya-date-trigger,.maraya-date-picker){--ui-text:var(--ui-ink);color:var(--ui-ink)!important}
html:root[data-theme="dark"] body.ui-consistent .maraya-date-trigger :is(span,svg){color:#fff!important;stroke:currentColor}
html:root[data-theme="dark"] body.ui-consistent #product-dialog{background:#171417!important;color:#fff!important}
html:root[data-theme="dark"] body.ui-consistent #product-dialog :is(input,textarea,select){background:#241f24!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#716971!important}
html:root[data-theme="dark"] body.ui-consistent #product-dialog :is(h2,label,small,button){color:#fff!important}
html:root[data-theme="dark"] body.ui-consistent #product-dialog button{background:#241f24!important}
html:root[data-theme="dark"] body.ui-consistent :is(.merchant-date-trigger,.merchant-date-trigger.is-placeholder,.percentage-field input){color:#fff!important;-webkit-text-fill-color:#fff!important}
html:root[data-theme="dark"] body.ui-consistent .merchant-date-trigger svg{stroke:#fff!important}
html:root body.ui-consistent .order-status.approved{color:#111!important}
html:root body.ui-consistent #ad-target-options{margin-top:12px!important;background:#fff!important}
html:root body.ui-consistent #ad-target-options :is(label,span,small){color:#111!important;-webkit-text-fill-color:#111!important}
html:root body.ui-consistent .campaign-card{background:#fff!important;color:#111!important}
html:root body.ui-consistent .campaign-card :is(h3,p,small,summary,i){color:#111!important;border-color:#111}
html:root body.ui-consistent #account-save-confirmation{margin:auto;padding:24px;border:1px solid var(--ui-ink);border-radius:24px;background:var(--ui-surface);color:var(--ui-ink);text-align:center}
html:root body.ui-consistent #account-save-confirmation button{padding:12px 32px;border-radius:24px;background:var(--ui-ink);color:var(--ui-surface)}
html:root body.ui-consistent .reel-variants .variant-wheel{justify-content:flex-start!important;flex-shrink:0!important;padding:0!important}
html:root body.ui-consistent .reel-variants .variant-wheel::before,html:root body.ui-consistent .reel-variants .variant-wheel::after{content:"";display:block;flex:0 0 44px;min-height:44px;pointer-events:none}
html:root body.ui-consistent :is(.market-search-panel,.edge-search-panel)[open]{max-width:calc(100vw - 24px)!important}
/* Three capture modes, with an explicitly labelled timer-only preview. */
html:root body .capture-segments.try-mode-options{grid-template-columns:repeat(3,minmax(0,1fr))}
html:root body .capture-segments .capture-selection{width:calc((100% - 8px)/3)}
html:root body .capture-segments[data-mode="live"] .capture-selection,html:root body .capture-segments[data-duration="5"] .capture-selection{transform:translateX(0)}
html:root body .capture-segments[data-mode="video"] .capture-selection,html:root body .capture-segments[data-duration="10"] .capture-selection{transform:translateX(100%)}
html:root body .capture-segments[data-mode="image"] .capture-selection,html:root body .capture-segments[data-duration="0"] .capture-selection{transform:translateX(200%)}
html:root body .reel-capture-settings .try-mode-fields{width:240px;max-width:100%}
.capture-timer-preview{text-align:center;padding:16px 0}
html:root body .capture-durations button[aria-pressed="true"]::after{top:7px;right:auto;bottom:auto;left:50%;transform:translateX(-50%)}
html:root body .capture-shutter.is-live .capture-disc{position:relative;background:#111!important;color:#fff!important}
html:root body .capture-video-icon{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
/* Day mode matches the light heart/cart controls; night mode stays unchanged. */
html:root:not([data-theme="dark"]) body .capture-shutter,
html:root:not([data-theme="dark"]) body .capture-shutter .capture-disc{background:#fffaf5!important;color:#111!important}
html:root:not([data-theme="dark"]) body .capture-shutter{border-color:#111!important;box-shadow:0 0 0 6px #fffaf5}
html:root:not([data-theme="dark"]) body .capture-segments.try-mode-options{background:#fffaf5;color:#111}
html:root:not([data-theme="dark"]) body .capture-segments.try-mode-options button{color:#111!important}
html:root:not([data-theme="dark"]) body .capture-segments .capture-selection{background:#e5ded8}
html:root body .capture-shutter[data-capture-mode="live"] .capture-live-label{display:flex;align-items:center;gap:3px}
html:root body .capture-shutter[data-capture-mode="live"]:not(.is-counting) .capture-live-label::after{content:"";width:5px;height:5px;border-radius:50%;background:#ef3038;flex:none}
html:root body .capture-shutter.is-counting .capture-live-label{display:block;font-variant-numeric:tabular-nums;font-size:24px}
/* Keep identity and delivery in a flexible column, never a nested narrow grid. */
html:root body.ui-consistent #selected-store-profile{display:grid!important;direction:rtl!important;grid-template-columns:clamp(64px,18vw,110px) minmax(0,1fr)!important;gap:16px!important;align-items:start!important}
html:root body.ui-consistent #selected-store-profile>img{grid-column:1!important;grid-row:1!important;width:100%!important;height:auto!important;aspect-ratio:1;object-fit:contain}
html:root body.ui-consistent #selected-store-profile .store-profile-details{display:grid!important;grid-column:2!important;grid-row:1!important;width:100%!important;justify-self:stretch!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
html:root body.ui-consistent #selected-store-profile :is(.store-profile-identity,.store-delivery-policy){grid-column:1!important;grid-row:auto!important;width:100%!important;min-width:0;text-align:right}
html:root body.ui-consistent #selected-store-profile h2{word-break:normal!important;overflow-wrap:break-word!important}
html:root body.ui-consistent #selected-store-profile>.store-follow-button{grid-column:1 / -1!important;grid-row:2!important;justify-self:end!important}
html:root body #team-permission-dialog>button{display:block!important;margin:24px auto 0!important;padding:12px 24px!important;min-height:48px;max-width:100%;border:0!important;border-radius:999px!important;background:#111!important;color:#fff!important;font:inherit;cursor:pointer}
html:root body #team-permission-dialog>button:disabled{opacity:.6;cursor:wait}
.capture-preview-note{position:absolute;left:50%;top:-22px;transform:translateX(-50%);font-size:11px;white-space:nowrap;color:inherit;pointer-events:none}
.capture-timer{display:block;font-size:44px;font-variant-numeric:tabular-nums;direction:ltr;margin:16px}
html:root body #photo-source-sheet .photo-source-head{min-height:44px!important;padding:0!important;margin:0 0 4px!important}
html:root body #photo-source-sheet .photo-source-options{border:0!important;border-radius:0!important;background:transparent!important}
html:root body #photo-source-sheet .photo-source-head button{top:0!important;right:0!important;left:auto!important}
html:root body.ui-consistent .buyer-settings-heading{position:relative!important;padding-right:52px!important}
html:root body.ui-consistent .buyer-settings-heading>a{position:absolute!important;right:0!important;left:auto!important;top:0!important;margin:0!important;width:44px!important;height:44px!important;display:grid;place-items:center}
/* Raised actions: subtle secondary depth; preserve icon/close/back controls. */
:root{
 --action-depth-shadow:oklch(20% .014 325 / .16);
 --action-depth-light:oklch(100% 0 0 / .22);
 --action-depth-shade:oklch(20% .014 325 / .10);
 --action-depth-rest:inset 0 1px 0 var(--action-depth-light),0 2px 5px var(--action-depth-shadow);
 --action-depth-primary:inset 0 1px 0 var(--action-depth-light),0 4px 9px var(--action-depth-shadow);
 --action-depth-pressed:inset 0 1px 2px var(--action-depth-shade);
}
html:root body.ui-consistent :is(.btn,.primary-button,.button-primary,.start-button,.subscription-cta,.contact-submit,.sa-primary,button[type="submit"],#apply-market-filters,#apply-discount-filter,.market-filter-group>div>button,.discount-market-filter-group>div>button,.discount-filter-options button):not([data-ui-close]):not([aria-label^="إغلاق"]):not([aria-label^="رجوع"]):not([aria-label^="العودة"]):not(.brand-reset):not(.app-edge-handle):not(.rail-action):not(.rail-companion){
 box-shadow:var(--action-depth-rest)!important;
 transition:transform 120ms cubic-bezier(.16,1,.3,1)!important;
}
html:root body.ui-consistent :is(.btn,.primary-button,.button-primary,.start-button,.subscription-cta,.contact-submit,.sa-primary,button[type="submit"],#apply-market-filters,#apply-discount-filter,.market-filter-group>div>button,.discount-market-filter-group>div>button,.discount-filter-options button):not([data-ui-close]):not([aria-label^="إغلاق"]):not([aria-label^="رجوع"]):not([aria-label^="العودة"]):not(.brand-reset):not(.app-edge-handle):not(.rail-action):not(.rail-companion):is(.primary,.dark,.primary-button,.button-primary,.start-button,.subscription-cta,.contact-submit,.sa-primary,[type="submit"],#apply-market-filters,#apply-discount-filter){
 box-shadow:var(--action-depth-primary)!important;
}
html:root body.ui-consistent :is(.btn,.primary-button,.button-primary,.start-button,.subscription-cta,.contact-submit,.sa-primary,button[type="submit"],#apply-market-filters,#apply-discount-filter,.market-filter-group>div>button,.discount-market-filter-group>div>button,.discount-filter-options button):not([data-ui-close]):not([aria-label^="إغلاق"]):not([aria-label^="رجوع"]):not([aria-label^="العودة"]):not(.brand-reset):not(.app-edge-handle):not(.rail-action):not(.rail-companion):active:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]){
 transform:translateY(1px)!important;
 box-shadow:var(--action-depth-pressed)!important;
}
html:root body.ui-consistent :is(.btn,.primary-button,.button-primary,.start-button,.subscription-cta,.contact-submit,.sa-primary,button[type="submit"],#apply-market-filters,#apply-discount-filter,.market-filter-group>div>button,.discount-market-filter-group>div>button,.discount-filter-options button):not([data-ui-close]):not([aria-label^="إغلاق"]):not([aria-label^="رجوع"]):not([aria-label^="العودة"]):not(.brand-reset):not(.app-edge-handle):not(.rail-action):not(.rail-companion):is(:disabled,[aria-disabled="true"]){
 box-shadow:none!important;
}
@media(prefers-reduced-motion:reduce){
 html:root body.ui-consistent :is(.btn,.primary-button,.button-primary,.start-button,.subscription-cta,.contact-submit,.sa-primary,button[type="submit"],#apply-market-filters,#apply-discount-filter,.market-filter-group>div>button,.discount-market-filter-group>div>button,.discount-filter-options button):not([data-ui-close]):not([aria-label^="إغلاق"]):not([aria-label^="رجوع"]):not([aria-label^="العودة"]):not(.brand-reset):not(.app-edge-handle):not(.rail-action):not(.rail-companion){transition:none!important}
 html:root body.ui-consistent :is(.btn,.primary-button,.button-primary,.start-button,.subscription-cta,.contact-submit,.sa-primary,button[type="submit"],#apply-market-filters,#apply-discount-filter,.market-filter-group>div>button,.discount-market-filter-group>div>button,.discount-filter-options button):not([data-ui-close]):not([aria-label^="إغلاق"]):not([aria-label^="رجوع"]):not([aria-label^="العودة"]):not(.brand-reset):not(.app-edge-handle):not(.rail-action):not(.rail-companion):active{transform:none!important}
}

.product-color-dialog [data-color-chips]{display:flex;gap:16px;margin:16px 0}.product-color-dialog [data-color-chips] button{width:44px;height:44px;border:1px solid #999;border-radius:50%;color:white;text-shadow:0 1px 3px #000;font-size:24px;cursor:pointer}
.reel-color-picker button .outfit-swatches{position:relative;background:var(--swatch)!important;border:1px solid #0003;width:30px;height:30px;border-radius:50%;overflow:hidden}.outfit-swatches i{display:none!important}

html:root body .product-color-dialog [data-color-chips]{display:flex!important;flex-wrap:wrap;gap:16px!important;padding:12px 4px!important;margin:8px 0!important;min-height:44px}
html:root body .product-color-dialog [data-color-chips] button{position:relative!important;display:block!important;flex:0 0 44px!important;width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:1px solid #999!important;border-radius:50%!important;background:var(--picked-color)!important;box-shadow:none!important}
html:root body .product-color-dialog [data-color-chips] button span{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:#222;border:1px solid #aaa;font:20px/1 sans-serif;text-shadow:none}

html:root body .reel-color-picker button .outfit-swatches{box-sizing:border-box!important;border:0!important;outline:0!important;box-shadow:none!important;flex-shrink:0;clip-path:circle(50%)}
.order-invoice-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}
html:root body .order-invoice-toolbar button{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid #ddd;border-radius:50%;background:#fff;color:#222;cursor:pointer}
.order-invoice-toolbar svg{width:22px;height:22px}
html:root body .customer-order-card>summary{position:relative}
html:root body .customer-order-card>summary>.order-invoice-toolbar{position:absolute;left:0;top:12px;margin:0;z-index:1}
html:root body .customer-order-card>summary>.order-invoice-toolbar+div{padding-left:56px;box-sizing:border-box}
html:root body .merchant-order-card>summary{position:relative}
html:root body .merchant-order-card>summary>.order-invoice-toolbar{position:absolute;left:0;top:12px;margin:0;z-index:1}
html:root body .merchant-order-card>summary>.order-invoice-toolbar+div{padding-left:56px;box-sizing:border-box}
/* Separate the group return control from the cart toolbar. */
html:root body #recipient-inbox-panel .social-back-row{top:calc(var(--edge-tools-center) + 46px)!important}