/*
 * Xagor IranAccount — Phase 12 Global Visual Polish
 * Cosmetic layer only. No PWA, service-worker or hero conveyor behavior lives here.
 */

:root{
  --xg-sidebar:252px;
  --xg-topbar:72px;
  --xg-radius-xs:9px;
  --xg-radius-sm:13px;
  --xg-radius:18px;
  --xg-radius-lg:26px;
  --xg-radius-xl:34px;
  --xg-shadow-sm:0 5px 18px rgba(21,25,33,.045);
  --xg-shadow:0 16px 46px rgba(21,25,33,.075);
  --xg-card-hover:0 16px 40px rgba(18,22,30,.095);
  --xg-control-h:46px;
}
html[data-xg-theme="dark"]{
  --xg-shadow-sm:0 5px 18px rgba(0,0,0,.16);
  --xg-shadow:0 16px 46px rgba(0,0,0,.27);
  --xg-card-hover:0 18px 44px rgba(0,0,0,.35);
}

body.xagor-iranaccount-theme{
  font-size:14px;
  line-height:1.78;
}
body.xagor-iranaccount-theme :where(h1,h2,h3,h4,h5,h6,strong,b){text-wrap:balance}
body.xagor-iranaccount-theme :where(p,li,small){text-wrap:pretty}

/* Accessibility / tactile consistency */
body.xagor-iranaccount-theme :where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid color-mix(in srgb,var(--xg-accent) 72%,#fff);
  outline-offset:2px;
}
body.xagor-iranaccount-theme :where(button,.button,.xg-btn,.xg-icon-btn,.xg-product-open,.xg-order-view,.xg-select-offer){
  -webkit-tap-highlight-color:transparent;
}

/* Shell */
.xg-sidebar{
  padding:18px 14px 14px;
  gap:15px;
  background:color-mix(in srgb,var(--xg-surface) 96%,transparent);
  box-shadow:-1px 0 0 color-mix(in srgb,var(--xg-line) 75%,transparent);
}
.xg-sidebar-head{min-height:44px;padding-inline:3px}
.xg-brand img{max-width:142px;max-height:38px}
.xg-command-button{
  height:44px;
  border-radius:13px;
  background:var(--xg-surface-2);
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 52%,transparent);
}
html[data-xg-theme="dark"] .xg-command-button{box-shadow:none}
.xg-sidebar-label{padding-inline:9px;font-size:8px;letter-spacing:.055em}
.xg-app-nav{gap:2px}
.xg-app-nav>a{
  min-height:42px;
  padding:4px 7px;
  grid-template-columns:32px minmax(0,1fr) 3px;
  border:1px solid transparent;
  border-radius:12px;
  font-size:10.5px;
}
.xg-app-nav>a:hover{border-color:color-mix(in srgb,var(--xg-line) 72%,transparent)}
.xg-app-nav>a.is-active{
  border-color:color-mix(in srgb,var(--xg-accent) 12%,var(--xg-line));
  background:linear-gradient(135deg,color-mix(in srgb,var(--xg-accent) 7%,var(--xg-surface)),var(--xg-surface));
  box-shadow:none;
}
.xg-app-nav-icon{width:32px;height:32px;border-radius:9px}
.xg-app-nav-icon svg{width:16px;height:16px}
.xg-app-nav>a>i{height:15px;width:3px}
.xg-sidebar-discover>a{min-height:38px;border-radius:10px;font-size:10.5px}
.xg-sidebar-app-card{padding:10px;border-radius:14px;box-shadow:none}
.xg-sidebar-user{padding:8px;border-radius:14px;background:var(--xg-surface)}

.xg-topbar{
  height:var(--xg-topbar);
  padding-inline:max(22px,2.7vw);
  grid-template-columns:minmax(150px,auto) minmax(280px,620px) auto;
  gap:18px;
  background:color-mix(in srgb,var(--xg-bg) 90%,transparent);
  box-shadow:0 1px 0 color-mix(in srgb,var(--xg-line) 66%,transparent);
}
.xg-top-search{
  height:42px;
  border-radius:13px;
  background:color-mix(in srgb,var(--xg-surface) 95%,transparent);
}
.xg-top-search span{font-size:11px}
.xg-page-context small{font-size:7px}.xg-page-context strong{font-size:10.5px}
.xg-icon-btn{width:40px;height:40px;border-radius:12px;box-shadow:none}
.xg-icon-btn:hover{border-color:color-mix(in srgb,var(--xg-accent) 18%,var(--xg-line));transform:translateY(-1px)}
.xg-profile-chip{height:40px;border-radius:12px;font-size:10px}
.xg-profile-chip img{width:28px;height:28px;border-radius:8px}

.xg-main{padding-bottom:32px}
.xg-content-layout{padding-block:22px}
.xg-page-card{border-radius:24px;box-shadow:none}
.xg-footer{padding-top:18px}
.xg-footer-inner{border-radius:18px;box-shadow:none}

/* Universal Xagor surface language */
body.xagor-iranaccount-theme :where(
  .xg-product-card,
  .xg-page-card,
  .xg-account-panel,
  .xg-account-nav,
  .xg-order-card,
  .xg-library-card,
  .xg-saved-card,
  .xg-security-card,
  .xg-download-card,
  .xg-product-summary-card,
  .xg-product-gallery-card,
  .xg-product-sellers,
  .xg-product-tabs-card,
  .xg-product-related,
  .xg-commerce-main,
  .xg-commerce-aside,
  .xg-checkout-section,
  .xg-order-summary-card,
  .xg-payment-panel,
  .xg-vendor-directory-card,
  .xg-store-profile,
  .xg-vendor-dashboard-head
){
  border-color:color-mix(in srgb,var(--xg-line) 88%,transparent);
  box-shadow:none;
}

/* Controls: one visual language across Woo / account / vendor */
.xg-main :where(
  input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="password"],input[type="search"],
  select,textarea
):not(.select2-search__field){
  min-height:var(--xg-control-h);
  border:1px solid var(--xg-line)!important;
  border-radius:12px!important;
  background:var(--xg-surface-2)!important;
  color:var(--xg-text)!important;
  box-shadow:none!important;
  transition:border-color .17s var(--xg-ease),background .17s var(--xg-ease),box-shadow .17s var(--xg-ease);
}
.xg-main textarea{padding:12px 14px!important}
.xg-main :where(input,select,textarea):focus{
  border-color:color-mix(in srgb,var(--xg-accent) 58%,var(--xg-line))!important;
  background:var(--xg-surface)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--xg-accent) 9%,transparent)!important;
  outline:none!important;
}
.xg-main :where(input,textarea)::placeholder{color:color-mix(in srgb,var(--xg-muted) 82%,transparent)}

.xg-main :where(.button,button[type="submit"],input[type="submit"]):not(.xg-icon-btn):not(.xg-save-card-btn){
  min-height:44px;
  border-radius:12px!important;
  font-weight:800;
}

/* Shop / discovery */
.xg-marketplace{gap:18px}
.xg-market-hero{border-radius:28px;box-shadow:none}
.xg-market-search{border-radius:16px;box-shadow:none}
.xg-category-rail>a{border-radius:15px;box-shadow:none;transition:transform .18s var(--xg-ease),border-color .18s,background .18s}
.xg-category-rail>a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--xg-accent) 22%,var(--xg-line))}
.xg-market-filters{border-radius:18px;box-shadow:none}
.xg-market-toolbar{border-radius:16px}
.xg-market-grid{gap:13px}
.xg-product-card{
  overflow:hidden;
  border-radius:18px;
  transition:transform .2s var(--xg-ease),border-color .2s,box-shadow .2s var(--xg-ease);
}
.xg-product-card:hover{
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--xg-accent) 18%,var(--xg-line));
  box-shadow:var(--xg-card-hover);
}
.xg-product-media{border-radius:14px}
.xg-product-body{padding-inline:12px}
.xg-product-meta{gap:5px}
.xg-product-open{border-radius:10px}
.xg-market-pagination a,.xg-market-pagination span{border-radius:10px}

/* Product native experience — composition only; Hero conveyor intentionally untouched. */
.xg-product-shell{gap:18px}
.xg-product-breadcrumb{font-size:9px}
.xg-product-hero{gap:18px}
.xg-product-gallery-card,.xg-product-summary-card{border-radius:22px}
.xg-product-summary-card{padding:clamp(18px,2.4vw,30px)}
.xg-product-title{line-height:1.45}
.xg-product-short-description{line-height:1.9}
.xg-product-current-vendor,.xg-product-purchase{border-radius:14px}
.xg-product-offers{gap:8px}
.xg-product-offer{border-radius:15px;transition:border-color .17s,background .17s,transform .17s var(--xg-ease)}
.xg-product-offer:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--xg-accent) 18%,var(--xg-line))}
.xg-product-select-offer{border-radius:10px}
.xg-product-tabs-card,.xg-product-related,.xg-product-sellers{border-radius:20px}
.xg-product-trust-row>div{border-radius:12px}

/* Account */
.xg-account-shell{gap:18px}
.xg-account-hero{border-radius:25px}
.xg-account-layout{gap:18px}
.xg-account-nav{border-radius:18px;padding:8px}
.xg-account-nav a{border-radius:11px}
.xg-account-nav a.is-active{background:color-mix(in srgb,var(--xg-accent) 8%,var(--xg-surface-2));color:var(--xg-text)}
.xg-account-panel{border-radius:20px}
.xg-account-kpis{gap:10px}
.xg-account-kpis>a{border-radius:16px;box-shadow:none}
.xg-order-list,.xg-library-grid,.xg-saved-grid,.xg-security-grid{gap:11px}
.xg-order-card,.xg-library-card,.xg-saved-card,.xg-security-card,.xg-download-card{border-radius:17px}
.xg-library-card:hover,.xg-saved-card:hover{border-color:color-mix(in srgb,var(--xg-accent) 18%,var(--xg-line))}
.xg-auth-card,.xg-auth-intro{border-radius:24px}

/* Cart / checkout */
.xg-commerce-shell{padding-top:20px}
.xg-commerce-grid,.xg-checkout-layout{gap:18px}
.xg-commerce-main,.xg-commerce-aside,.xg-checkout-section,.xg-order-summary-card,.xg-payment-panel{border-radius:20px}
.xg-cart-items,.xg-review-items{gap:8px}
.xg-cart-item,.xg-review-item{border-radius:14px}
.xg-commerce-progress{border-radius:16px}
.xg-commerce-step-icon{border-radius:10px}
.xg-coupon-box{border-radius:14px}
.xg-place-order-button{border-radius:13px!important}
.xg-order-result{border-radius:25px}

/* Vendor directory / store / dashboard */
.xg-vendors-hero,.xg-store-hero{border-radius:26px;box-shadow:none}
.xg-vendor-directory-grid{gap:12px}
.xg-vendor-directory-card{border-radius:18px;transition:transform .18s var(--xg-ease),border-color .18s,box-shadow .18s}
.xg-vendor-directory-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--xg-accent) 18%,var(--xg-line));box-shadow:var(--xg-card-hover)}
.xg-vendor-directory-cover{border-radius:14px}
.xg-store-profile{border-radius:22px}
.xg-store-tabs{border-radius:14px}
.xg-vendor-dashboard-head{border-radius:20px}
/* Woo\43 ommerce notices */
.xg-main :where(.woo\63 ommerce-message,.woo\63 ommerce-info,.woo\63 ommerce-error){
  border-radius:14px!important;
  box-shadow:none!important;
}

/* Dark/light edge cases from third-party defaults */
html[data-xg-theme="dark"] .xg-main :where(.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple){
  border-color:var(--xg-line)!important;background:var(--xg-surface-2)!important;color:var(--xg-text)!important;
}
html[data-xg-theme="dark"] .xg-main :where(.select2-dropdown,.select2-results__option){background:var(--xg-surface);color:var(--xg-text)}
html[data-xg-theme="dark"] .xg-main .select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--xg-accent);color:#fff}
html[data-xg-theme="dark"] .woo\63 ommerce table.shop_table,
html[data-xg-theme="dark"] .woo\63 ommerce form{color:var(--xg-text)}

/* Reduce ornamental noise on smaller desktop widths */
@media(max-width:1180px){
  :root{--xg-sidebar:230px}
  .xg-topbar{padding-inline:20px;grid-template-columns:minmax(120px,auto) minmax(240px,1fr) auto}
  .xg-profile-chip span{display:none}.xg-profile-chip{padding:0 5px}
}

@media(max-width:820px){
  :root{--xg-topbar:64px}
  body.xagor-iranaccount-theme{font-size:13px}
  .xg-topbar{padding-inline:12px;gap:8px;background:color-mix(in srgb,var(--xg-bg) 95%,transparent)}
  .xg-icon-btn{width:38px;height:38px}
  .xg-content-layout{padding-block:14px}
  .xg-page-card{padding:18px;border-radius:20px}
  .xg-market-grid{gap:9px}
  .xg-product-card{border-radius:16px}
  .xg-account-layout,.xg-commerce-grid,.xg-checkout-layout{gap:12px}
}

@media(prefers-reduced-motion:reduce){
  .xg-product-card,.xg-vendor-directory-card,.xg-category-rail>a,.xg-product-offer{transition:none!important}
}

/* v0.13.4 — flatter cards, magazine metadata, mono share icons */
.xg-product-card,.xg-product-card:hover,.xg-blog-card,.xg-blog-card:hover,.xg-legacy-blog-grid article,.xg-legacy-blog-grid article:hover,.xg-post-card,.xg-post-card:hover,.xg-vendor-showcase-card,.xg-vendor-showcase-card:hover{box-shadow:none!important}.xg-vendor-showcase-identity>a{box-shadow:none!important}.xg-product-card:hover,.xg-blog-card:hover,.xg-vendor-showcase-card:hover{transform:none!important}.xg-product-card{transform:none!important}
.xg-elemen\74 or-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.xg-section-all{flex:0 0 auto;min-height:36px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--xg-line);border-radius:10px;background:var(--xg-surface);color:var(--xg-muted);font-size:8px;font-weight:850}.xg-section-all:hover{border-color:color-mix(in srgb,var(--xg-accent) 28%,var(--xg-line));color:var(--xg-text)}.xg-section-all svg{width:13px}.xg-section-all i{font-size:11px}
.xg-blog-card-body{padding:11px 12px 12px}.xg-blog-card-body h3{margin:0!important;min-height:44px;font-size:13px;line-height:1.75}.xg-blog-card-meta,.xg-post-card-meta{margin-top:8px;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--xg-line);color:var(--xg-muted);font-size:7px}.xg-blog-card-meta>span,.xg-post-card-meta>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.xg-blog-card-meta svg,.xg-post-card-meta svg{width:12px}.xg-blog-card-meta i,.xg-post-card-meta i{font-size:10px}
.xg-blog-rating{display:flex;align-items:center;gap:5px}.xg-blog-stars{display:flex;gap:1px;direction:ltr}.xg-blog-stars span,.xg-blog-stars button{padding:0;border:0;background:none;color:color-mix(in srgb,var(--xg-muted) 42%,transparent);font-family:inherit;line-height:1}.xg-blog-stars span{font-size:10px}.xg-blog-stars .is-on{color:#f5b301}.xg-blog-rating-score{color:var(--xg-text);font-size:7px;font-weight:850}.xg-blog-rating small{font-size:6.5px!important}.xg-blog-rating.is-compact small{display:none}.xg-post-rating-box{margin:28px 0 8px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid var(--xg-line);border-radius:18px;background:var(--xg-surface-2)}.xg-post-rating-box>div>small{display:block;color:var(--xg-accent);font-size:8px;font-weight:900}.xg-post-rating-box h3{margin:3px 0 0;font-size:15px}.xg-post-rating-box .xg-blog-rating.is-interactive{display:grid;grid-template-columns:auto auto;gap:4px 9px;justify-items:end}.xg-post-rating-box .xg-blog-stars{grid-column:1/-1}.xg-post-rating-box .xg-blog-stars button{font-size:25px;cursor:pointer;transition:.12s}.xg-post-rating-box .xg-blog-stars button:hover,.xg-post-rating-box .xg-blog-stars button.is-on{color:#f5b301}.xg-post-rating-box .xg-blog-rating em{grid-column:1/-1;color:var(--xg-muted);font-size:7px;font-style:normal}.xg-post-list .xg-post-card>div>p,.xg-post-list .xg-post-card>div>small{display:none!important}
.xg-native-share-actions a,.xg-native-share-actions button,.xg-native-share-actions a:hover,.xg-native-share-actions button:hover{color:var(--xg-text)!important;box-shadow:none!important}.xg-native-share-actions i{font-size:14px}.xg-share-native,.xg-share-native:hover{background:var(--xg-surface)!important;border-color:var(--xg-line)!important;color:var(--xg-text)!important}.xg-native-share-actions svg{stroke:currentColor!important;fill:none!important}
@media(max-width:620px){.xg-elemen\74 or-section-head{align-items:flex-start}.xg-section-all{min-height:32px;padding:0 9px}.xg-post-rating-box{align-items:flex-start;flex-direction:column}.xg-post-rating-box .xg-blog-rating.is-interactive{justify-items:start}}
html[data-xg-theme="light"] .xg-native-share-actions a,html[data-xg-theme="light"] .xg-native-share-actions button{color:#000!important}html[data-xg-theme="dark"] .xg-native-share-actions a,html[data-xg-theme="dark"] .xg-native-share-actions button{color:#fff!important}

/* v0.13.5 — tactile no-shadow cards + typography synchronization */
.xg-product-card,.xg-blog-card,.xg-legacy-blog-grid article,.xg-vendor-showcase-card{cursor:pointer;box-shadow:none!important;transition:transform .18s var(--xg-ease),border-color .18s var(--xg-ease),background .18s var(--xg-ease)!important}.xg-product-card:hover,.xg-blog-card:hover,.xg-legacy-blog-grid article:hover,.xg-vendor-showcase-card:hover{transform:translateY(-3px)!important;box-shadow:none!important;border-color:color-mix(in srgb,var(--xg-accent) 24%,var(--xg-line))!important}.xg-product-card:focus-visible,.xg-blog-card:focus-visible,.xg-legacy-blog-grid article:focus-visible{outline:2px solid color-mix(in srgb,var(--xg-accent) 60%,transparent);outline-offset:3px}.xg-product-card{transform:none!important}.xg-product-card:hover{transform:translateY(-3px)!important}
.xg-sidebar-label{font-size:9px!important}.xg-app-nav a,.xg-sidebar-discover a{font-size:11px!important}.xg-app-nav-copy strong{font-size:11px!important}.xg-command-button span,.xg-top-search span{font-size:12px!important}.xg-catalog-trigger strong{font-size:10px!important}.xg-catalog-trigger small{font-size:8px!important}.xg-mega-categories b,.xg-mega-products b,.xg-mega-links b{font-size:9px!important}.xg-mega-categories small,.xg-mega-products small,.xg-mega-links small{font-size:7.5px!important}.xg-section-all{font-size:9px!important}.xg-blog-card-meta,.xg-post-card-meta{font-size:8px!important}.xg-blog-card-body h3{font-size:14px!important}.xg-legacy-blog-grid h3{font-size:13px!important}.xg-legacy-blog-grid article>div>small,.xg-legacy-blog-grid article>div>p{display:none!important}.xg-legacy-section-actions{margin-bottom:10px}.xg-legacy-section-actions>span{display:block}
.xg-blog-rating-score{white-space:nowrap}.xg-blog-rating.is-compact .xg-blog-rating-score{font-size:7.5px!important}.xg-post-head-meta .xg-blog-rating small{display:inline!important}

/* v0.13.5 — numbered, rounded reader-rating controls */
.xg-post-rating-box .xg-blog-stars{gap:7px!important;direction:ltr!important}
.xg-post-rating-box .xg-blog-stars button{position:relative!important;width:44px!important;height:44px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid var(--xg-line)!important;border-radius:14px!important;background:var(--xg-surface)!important;color:color-mix(in srgb,var(--xg-muted) 60%,transparent)!important;overflow:hidden;cursor:pointer;transition:transform .15s var(--xg-ease),border-color .15s,background .15s,color .15s!important}
.xg-post-rating-box .xg-blog-stars button i{font-size:27px;line-height:1;color:currentColor;filter:none}
.xg-post-rating-box .xg-blog-stars button b{position:absolute;inset:0;display:grid;place-items:center;padding-top:1px;color:var(--xg-surface);font-size:9px;font-weight:1000;line-height:1;pointer-events:none;text-shadow:0 1px 1px rgba(0,0,0,.14)}
.xg-post-rating-box .xg-blog-stars button:hover,.xg-post-rating-box .xg-blog-stars button.is-preview,.xg-post-rating-box .xg-blog-stars button.is-on{transform:translateY(-2px)!important;border-color:#e5ac00!important;background:color-mix(in srgb,#f5b301 8%,var(--xg-surface))!important;color:#f5b301!important}
.xg-post-rating-box .xg-blog-stars button:hover b,.xg-post-rating-box .xg-blog-stars button.is-preview b,.xg-post-rating-box .xg-blog-stars button.is-on b{color:#fff}
.xg-vendor-showcase-card{cursor:pointer}
.xg-vendor-showcase-card:focus-visible{outline:2px solid color-mix(in srgb,var(--xg-accent) 60%,transparent);outline-offset:3px}

/* v0.13.6 — header state integrity, account cleanup, blog action/rating polish */
/* Hamburger rule: if the persistent sidebar exists, the trigger never exists visually. */
.xg-icon-btn.xg-sidebar-trigger{display:none!important}
@media(max-width:1024px){
  .xg-icon-btn.xg-sidebar-trigger{display:grid!important;flex:0 0 42px;order:1}
  .xg-topbar-start{display:flex!important;align-items:center;gap:8px;min-width:0}
  .xg-topbar-start .xg-catalog-trigger{order:2;margin-inline-start:0!important}
  .xg-topbar-start .xg-compact-brand{order:3}
}
@media(min-width:1025px){
  .xg-icon-btn.xg-sidebar-trigger{display:none!important}
}

/* Header counters keep a fixed icon center and a fixed independent badge anchor in every open/closed state. */
.xg-notification-trigger,.xg-cart-link{position:relative!important;display:grid!important;place-items:center!important;isolation:isolate}
.xg-notification-trigger .xg-action-glyph,.xg-cart-link .xg-action-glyph{position:absolute!important;inset:0!important;z-index:1;display:grid!important;place-items:center!important;pointer-events:none!important;color:inherit!important;transform:none!important}
.xg-notification-trigger .xg-action-glyph>i,.xg-cart-link .xg-action-glyph>i{margin:0!important;font-size:15px;line-height:1}
.xg-notification-trigger .xg-action-glyph>svg,.xg-cart-link .xg-action-glyph>svg{margin:0!important;width:17px;height:17px}
.xg-notification-trigger .xg-action-badge,.xg-cart-link .xg-action-badge{position:absolute!important;z-index:3!important;top:-4px!important;left:-4px!important;right:auto!important;bottom:auto!important;min-width:18px!important;height:18px!important;padding:0 4px!important;display:grid!important;place-items:center!important;margin:0!important;border:2px solid var(--xg-bg)!important;border-radius:999px!important;background:var(--xg-accent)!important;color:#fff!important;font-size:8px!important;font-weight:900!important;line-height:1!important;transform:none!important}
.xg-notification-trigger .xg-action-badge[hidden],.xg-cart-link .xg-action-badge[hidden]{display:none!important}
.xg-notification-trigger[aria-expanded="true"] .xg-action-glyph,.xg-cart-link[aria-expanded="true"] .xg-action-glyph{transform:none!important}

/* Seller acquisition belongs in the global header, not inside the customer dashboard content. */
.xg-seller-signup-top{height:42px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--xg-accent) 24%,var(--xg-line));border-radius:13px;background:color-mix(in srgb,var(--xg-accent) 7%,var(--xg-surface));color:var(--xg-text);font-size:10px;font-weight:900;white-space:nowrap;transition:transform .18s var(--xg-ease),border-color .18s,background .18s}
.xg-seller-signup-top i{font-size:13px;color:var(--xg-accent)}.xg-seller-signup-top svg{width:15px;color:var(--xg-accent)}
.xg-seller-signup-top:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--xg-accent) 45%,var(--xg-line));background:color-mix(in srgb,var(--xg-accent) 10%,var(--xg-surface))}
@media(max-width:1320px){.xg-seller-signup-top span{display:none}.xg-seller-signup-top{width:42px;padding:0;justify-content:center}}
@media(max-width:820px){.xg-seller-signup-top{display:none}}

/* Migrated homepage blog has Elemen\74 or headings outside the widget; keep the Magazine CTA visible anyway. */
.xg-elemen\74 or-section-head.is-actions-only{min-height:36px;margin-bottom:10px;justify-content:flex-end!important}
.xg-elemen\74 or-section-head.is-actions-only>div:empty{display:none}

/* Reader rating: "بدون امتیاز" and "۰ رأی" are one semantic/status unit. */
.xg-blog-rating-summary{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.xg-blog-rating-summary .xg-blog-rating-score{display:inline-block}
.xg-post-rating-box .xg-blog-rating.is-interactive .xg-blog-rating-summary{grid-column:1/-1;justify-self:end}
.xg-post-head-meta .xg-blog-rating-summary{gap:5px}
@media(max-width:620px){.xg-post-rating-box .xg-blog-rating.is-interactive .xg-blog-rating-summary{justify-self:start}}

/* The former navigation chevron looked like a stray brace in RTL/font combinations. */
.xg-account-nav-arrow{display:none!important}


/* v0.13.7 — stable action badges + compact account navigation */
.xg-notification-trigger,.xg-cart-link{position:relative!important;width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;overflow:visible!important}
.xg-notification-trigger .xg-action-glyph,.xg-cart-link .xg-action-glyph{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:grid!important;place-items:center!important;transform:none!important}
.xg-notification-trigger .xg-action-badge,.xg-cart-link .xg-action-badge{position:absolute!important;top:-5px!important;left:-5px!important;right:auto!important;bottom:auto!important;display:grid!important;min-width:18px!important;width:auto!important;height:18px!important;margin:0!important;padding:0 4px!important;transform:none!important;pointer-events:none!important}
.xg-notification-trigger[aria-expanded="true"],.xg-cart-link[aria-expanded="true"]{width:42px!important;height:42px!important;min-width:42px!important;padding:0!important}
.xg-notification-trigger[aria-expanded="true"] .xg-action-glyph,.xg-cart-link[aria-expanded="true"] .xg-action-glyph,.xg-notification-trigger[aria-expanded="true"] .xg-action-badge,.xg-cart-link[aria-expanded="true"] .xg-action-badge{transform:none!important}
.xg-account-nav a{min-height:50px!important;grid-template-columns:40px minmax(0,1fr)!important;gap:10px!important;padding:5px 8px!important;text-align:right!important}
.xg-account-nav-icon{width:40px!important;height:40px!important;border-radius:12px!important}
.xg-account-nav-icon svg{width:19px!important;height:19px!important}.xg-account-nav-icon i{font-size:18px!important}
.xg-account-nav-copy{min-width:0!important;align-self:center!important;text-align:right!important}
.xg-account-nav-copy strong{font-size:11px!important;line-height:1.45!important}.xg-account-nav-copy small{margin-top:2px!important;font-size:7.5px!important;line-height:1.45!important}


/* v0.13.8 — account navigation: force a true horizontal icon + copy row.
   Woo\43 ommerce/legacy rules may change anchors back to block, so this must be explicit. */
.woo\63 ommerce-account .xg-account-nav li>a,
.xg-account-nav li>a{
    display:flex!important;
    flex-direction:row!important;
    direction:rtl!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:11px!important;
    min-height:54px!important;
    padding:6px 8px!important;
    text-align:right!important;
}
.woo\63 ommerce-account .xg-account-nav-icon,
.xg-account-nav-icon{
    order:0!important;
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    border-radius:13px!important;
    line-height:1!important;
}
.xg-account-nav-icon svg{display:block!important;width:20px!important;height:20px!important;margin:0!important}
.xg-account-nav-icon i{display:block!important;width:20px!important;text-align:center!important;font-size:19px!important;line-height:20px!important}
.woo\63 ommerce-account .xg-account-nav-copy,
.xg-account-nav-copy{
    order:1!important;
    flex:1 1 auto!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:2px!important;
    margin:0!important;
    text-align:right!important;
    direction:rtl!important;
}
.xg-account-nav-copy strong,.xg-account-nav-copy small{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:right!important;
}
.xg-account-nav-copy strong{font-size:11.5px!important;line-height:1.45!important}
.xg-account-nav-copy small{font-size:8px!important;line-height:1.55!important}
@media(max-width:900px){
    .woo\63 ommerce-account .xg-account-nav li>a,.xg-account-nav li>a{min-height:46px!important;gap:7px!important;padding:3px 7px!important}
    .xg-account-nav-icon{flex-basis:34px!important;width:34px!important;height:34px!important;border-radius:10px!important}
    .xg-account-nav-copy small{display:none!important}
    .xg-account-nav-copy strong{font-size:9px!important}
}

/* v0.13.10 — header count badges live outside clickable buttons so ripple/active states can never move them. */
.xg-header-action-wrap{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;flex:0 0 42px;overflow:visible}
.xg-header-action-wrap>.xg-icon-btn{width:42px!important;height:42px!important;min-width:42px!important;margin:0!important}
.xg-header-action-wrap>.xg-action-badge{position:absolute!important;z-index:8!important;top:-5px!important;left:-5px!important;right:auto!important;bottom:auto!important;min-width:18px!important;height:18px!important;padding:0 4px!important;display:grid!important;place-items:center!important;margin:0!important;border:2px solid var(--xg-bg)!important;border-radius:999px!important;background:var(--xg-accent)!important;color:#fff!important;font-size:8px!important;font-weight:900!important;line-height:1!important;transform:none!important;pointer-events:none!important}
.xg-header-action-wrap>.xg-action-badge[hidden]{display:none!important}
.xg-notification-trigger .xg-action-badge,.xg-cart-link .xg-action-badge{display:none!important}
@media(max-width:820px){.xg-header-action-wrap{width:40px;height:40px;flex-basis:40px}.xg-header-action-wrap>.xg-icon-btn{width:40px!important;height:40px!important;min-width:40px!important}}

/* v0.69.0.2 — authoritative non-crop media contract. Frames stay 3:2; artwork stays complete. */
.xg-product-media img,
.xg-product-featured-image img,
.xg-product-related-products .xg-product-media img,
.xg-canonical-image-frame img,
.xg-canonical-related__item img,
.xg-mega-products img,
.xg-market-mini-card img,
.xg-native-cart-media img,
.xg-cart-item-media img,
.xg-review-thumb img { object-fit:contain!important; object-position:center!important; }
.xg-product-card:hover .xg-product-media img,
.xg-canonical-related__item:hover img { transform:none!important; }

/* v0.73.3.3 — global topbar control alignment. All visible desktop controls share one height/baseline. */
.xg-topbar{
  --xg-topbar-control-h:44px;
}
.xg-topbar-start,
.xg-topbar-actions{
  align-items:center!important;
}
.xg-topbar :where(
  .xg-top-search,
  .xg-catalog-trigger,
  .xg-profile-menu,
  .xg-profile-chip,
  .xg-seller-signup-top,
  .xg-icon-btn,
  .xg-header-action-wrap
){
  height:var(--xg-topbar-control-h)!important;
  min-height:var(--xg-topbar-control-h)!important;
  box-sizing:border-box!important;
  align-self:center!important;
  margin-block:0!important;
}
.xg-topbar .xg-profile-menu{
  display:flex;
  align-items:center;
}
.xg-topbar :where(.xg-icon-btn,.xg-header-action-wrap){
  width:var(--xg-topbar-control-h)!important;
  min-width:var(--xg-topbar-control-h)!important;
  flex:0 0 var(--xg-topbar-control-h)!important;
}
.xg-topbar .xg-header-action-wrap>.xg-icon-btn{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
}
@media(max-width:1320px) and (min-width:821px){
  .xg-topbar .xg-seller-signup-top{
    width:var(--xg-topbar-control-h)!important;
    min-width:var(--xg-topbar-control-h)!important;
    padding-inline:0!important;
    justify-content:center!important;
  }
}
@media(max-width:820px){
  .xg-topbar{--xg-topbar-control-h:40px}
  .xg-topbar :where(.xg-profile-chip,.xg-icon-btn,.xg-header-action-wrap){
    width:var(--xg-topbar-control-h)!important;
    min-width:var(--xg-topbar-control-h)!important;
  }
}