/* DEZKALA experience layer. Direct asset, no reset, fonts or business-state inference. */
[data-storefront-shell="modern"], [data-admin-shell="modernized"] {
  --dz-ink: #202d39;
  --dz-muted: #566674;
  --dz-accent: var(--main-color-one, #12594e);
  --dz-action: #12594e;
  --dz-surface: #fff;
  --dz-canvas: #f7f8f6;
  --dz-soft: #f0f4f2;
  --dz-line: #dce5e0;
  --dz-focus: #174da1;
  --dz-danger: #903c3c;
  --dz-radius-sm: .65rem;
  --dz-radius: 1.1rem;
  --dz-radius-lg: 1.6rem;
  --dz-shadow: 0 10px 30px rgb(32 45 57 / 5%);
  --dz-space-1: .25rem;
  --dz-space-2: .5rem;
  --dz-space-3: .75rem;
  --dz-space-4: 1rem;
  --dz-space-6: 1.5rem;
  --dz-space-8: 2rem;
  --dz-gutter: clamp(16px, 2.7vw, 40px);
  --dz-content: 1360px;
  --dz-motion: 160ms;
  color: var(--dz-ink);
  background-color: var(--dz-canvas);
}
[data-storefront-shell="modern"] :where(.storefront-header, .mega-menu-parent, .dezkala-home, .allProductArchive, .dezkala-pdp, .allCartIndex, .footer) :where(a, button, input, select, textarea, summary):focus-visible,
[data-admin-shell="modernized"] :where(.merch-admin, .allSideBar, .allHeaderPanel) :where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--dz-focus);
  outline-offset: 3px;
}
[data-storefront-shell="modern"] :where(.storefront-header, .dezkala-home, .allProductArchive, .dezkala-pdp, .allCartIndex) :where(button, input, select, textarea) {
  font-family: inherit;
}
/* Header/navigation: native details and Bootstrap offcanvas keep their ownership. */
[data-storefront-shell="modern"] .storefront-header {
  --dz-search-height: 56px;
  --dz-logo-width: clamp(96px, 12vw, 160px);
  --dz-logo-height: 72px;
  padding-block: clamp(12px, 1.5vw, 22px);
  border-block-end: 1px solid var(--dz-line);
  background: var(--dz-surface);
}
[data-storefront-shell="modern"] .storefront-header .container-fluid,
[data-storefront-shell="modern"] .mega-menu-parent > .container-fluid {
  max-inline-size: var(--dz-content);
  margin-inline: auto;
  padding-inline: var(--dz-gutter);
}
[data-storefront-shell="modern"] .storefront-header .btn {
  min-block-size: 44px;
  min-inline-size: 44px;
  border-radius: var(--dz-radius-sm);
  line-height: 1.6;
}
[data-storefront-shell="modern"] .storefront-header .logoSet { max-block-size: 64px; object-fit: contain; }
[data-storefront-shell="modern"] .modern-search .input-search {
  min-block-size: var(--dz-search-height);
  border: 1px solid var(--dz-line);
  border-radius: var(--dz-radius);
  background: var(--dz-canvas);
  color: var(--dz-ink);
  font-size: .9rem;
}
[data-storefront-shell="modern"] .modern-search .input-search:focus {
  background: var(--dz-surface);
  border-color: var(--dz-action);
  box-shadow: 0 0 0 3px rgb(18 89 78 / 8%);
}
[data-storefront-shell="modern"] .modern-search-panel {
  border-color: var(--dz-line);
  border-radius: var(--dz-radius);
  box-shadow: var(--dz-shadow);
}
[data-storefront-shell="modern"] .modern-search-option { padding: 12px; border-radius: var(--dz-radius-sm); }
[data-storefront-shell="modern"] .modern-search-option-title { line-height: 1.8; color: var(--dz-ink); }
[data-storefront-shell="modern"] .modern-search-status { line-height: 1.9; }
[data-storefront-shell="modern"] .mega-menu-parent { border-block-end: 1px solid var(--dz-line); background: #fff; }
/* The green bar has three groups, not nested Bootstrap fractional columns.
   Wrap whole groups when needed; keep every destination and social control. */
[data-storefront-shell="modern"] .mega-menu-parent .header-top-menu { padding: 10px 16px; }
[data-storefront-shell="modern"] .mega-menu-parent .header-top-menu > .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
  margin: 0;
}
[data-storefront-shell="modern"] .mega-menu-parent .header-top-menu > .row > div {
  inline-size: auto;
  max-inline-size: 100%;
  min-inline-size: 0;
  padding-inline: 0;
}
[data-storefront-shell="modern"] .mega-menu-parent .header-top-menu > .row > div:first-child { flex: 1 1 28rem; }
[data-storefront-shell="modern"] .mega-menu-parent .header-top-menu > .row > div:last-child { flex: 0 1 auto; }
[data-storefront-shell="modern"] .mega-menu-parent .top-menu-menu > .navbar-nav {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  margin: 0;
  padding: 0;
}
/* Empty legacy spacer is not a navigation control. */
[data-storefront-shell="modern"] .mega-menu-parent .top-menu-menu > .navbar-nav > li:empty { display: none; }
[data-storefront-shell="modern"] .mega-menu-parent .top-menu-menu > .navbar-nav > li { margin: 0; padding: 0; }
[data-storefront-shell="modern"] .mega-menu-parent .top-menu-menu > .navbar-nav > li:hover { background-color: rgb(255 255 255 / 10%); }
[data-storefront-shell="modern"] .mega-menu-parent .header-top-menu-link-a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  margin: 0;
  line-height: 1.6;
}
[data-storefront-shell="modern"] .mega-menu-parent .header-top-menu-link-a i { margin: 0; }
[data-storefront-shell="modern"] .mega-menu-parent .header-top-menu-left > .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 12px 20px;
  margin: 0;
}
[data-storefront-shell="modern"] .mega-menu-parent .header-top-menu-left > .row > div {
  flex: 0 1 auto;
  inline-size: auto;
  max-inline-size: 100%;
  min-inline-size: 0;
  padding-inline: 0;
}
[data-storefront-shell="modern"] .mega-menu-parent .header-top-menu-link {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 4px 16px;
}
[data-storefront-shell="modern"] .mega-menu-parent .header-top-menu-link a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-inline-size: 100%;
  min-inline-size: 0;
  direction: ltr;
  unicode-bidi: isolate;
  overflow-wrap: anywhere;
  line-height: 1.6;
}
[data-storefront-shell="modern"] .mega-menu-parent .header-top-menu-link a i { margin: 0; }
[data-storefront-shell="modern"] .mega-menu-parent .header-top-menu-socail {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
[data-storefront-shell="modern"] .mega-menu-parent .header-top-menu-socail a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  margin: 0;
}
[data-storefront-shell="modern"] .storefront-mega-panel {
  max-inline-size: var(--dz-content);
  margin-inline: auto;
  padding: var(--dz-space-6);
  border-radius: 0 0 var(--dz-radius-lg) var(--dz-radius-lg);
  box-shadow: var(--dz-shadow);
}
[data-storefront-shell="modern"] .storefront-category-grid { gap: var(--dz-space-6); align-items: start; }
[data-storefront-shell="modern"] .storefront-category-grid > li {
  padding: var(--dz-space-3);
  border: 1px solid var(--dz-line);
  border-radius: var(--dz-radius);
  min-inline-size: 0;
}
[data-storefront-shell="modern"] .storefront-category-grid a { overflow-wrap: anywhere; }
[data-storefront-shell="modern"] .storefront-category-grid a:hover,
[data-storefront-shell="modern"] .storefront-subcategories summary:hover { background: var(--dz-soft); border-radius: var(--dz-radius-sm); }
[data-storefront-shell="modern"] #responsiveMenu .offcanvas-body { padding-inline: var(--dz-space-4); }
[data-storefront-shell="modern"] #responsiveMenu .nav-link { min-block-size: 44px; line-height: 1.8; }
/* Shopping surfaces and collection rhythm; supplied collections are never filtered. */
[data-storefront-shell="modern"] .dezkala-home { background: var(--dz-canvas); }
[data-storefront-shell="modern"] .dezkala-home .merch-container { max-inline-size: var(--dz-content); padding-inline: var(--dz-gutter); }
[data-storefront-shell="modern"] .dezkala-home .merch-section { padding-block: clamp(24px, 3vw, 46px); }
[data-storefront-shell="modern"] .dezkala-home .merch-heading { align-items: center; gap: var(--dz-space-4); margin-block-end: var(--dz-space-6); }
[data-storefront-shell="modern"] .dezkala-home .merch-heading h2 { color: var(--dz-ink); font-size: clamp(21px, 2vw, 30px); line-height: 1.65; }
[data-storefront-shell="modern"] .dezkala-home .merch-heading p { color: var(--dz-muted); max-inline-size: 65ch; }
[data-storefront-shell="modern"] .dezkala-home .merch-link { background: var(--dz-surface); color: var(--dz-action); }
[data-storefront-shell="modern"] .dezkala-home .merch-feature {
  border: 1px solid var(--dz-line);
  border-radius: var(--dz-radius-lg);
  box-shadow: var(--dz-shadow);
  background: var(--dz-surface);
}
[data-storefront-shell="modern"] .dezkala-home .merch-feature__image { background: var(--dz-soft); }
[data-storefront-shell="modern"] .dezkala-home .merch-feature__copy { padding: clamp(24px, 4vw, 56px); gap: var(--dz-space-4); }
[data-storefront-shell="modern"] .dezkala-home .merch-feature__copy h2 { color: var(--dz-ink); max-inline-size: 100%; line-height: 1.65; }
[data-storefront-shell="modern"] .dezkala-home .merch-feature__copy p { color: var(--dz-muted); max-inline-size: 50ch; }
[data-storefront-shell="modern"] .dezkala-home .merch-category {
  border: 1px solid var(--dz-line);
  background: var(--dz-surface);
  border-radius: var(--dz-radius);
  transition: border-color var(--dz-motion), transform var(--dz-motion);
}
[data-storefront-shell="modern"] .dezkala-home .merch-category span { color: var(--dz-ink); line-height: 1.8; overflow-wrap: anywhere; }
[data-storefront-shell="modern"] .store-product-card {
  background: var(--dz-surface);
  border-color: var(--dz-line);
  border-radius: var(--dz-radius);
  box-shadow: none;
  transition: border-color var(--dz-motion), transform var(--dz-motion);
}
[data-storefront-shell="modern"] .store-product-card__media { background: #f4f6f4; padding: clamp(12px, 1.5vw, 22px); }
[data-storefront-shell="modern"] .store-product-card__title { color: var(--dz-ink); line-height: 1.85; font-weight: 700; overflow-wrap: anywhere; }
[data-storefront-shell="modern"] .store-product-card__brand { color: var(--dz-muted); }
[data-storefront-shell="modern"] .store-product-card__body { gap: var(--dz-space-2); }
[data-storefront-shell="modern"] .store-product-card__bottom { gap: var(--dz-space-2); margin-block-start: auto; }
[data-storefront-shell="modern"] .store-product-card__prices strong { color: var(--dz-ink); font-size: clamp(14px, 1.1vw, 17px); }
[data-storefront-shell="modern"] .store-product-card__prices small { font-weight: 400; color: var(--dz-muted); }
[data-storefront-shell="modern"] .store-product-card__cta { border-block-start: 1px solid var(--dz-line); padding-block-start: 10px; color: var(--dz-action); }
[data-storefront-shell="modern"] .store-product-card__link:focus-visible { outline-offset: -3px; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  [data-storefront-shell="modern"] .store-product-card:hover,
  [data-storefront-shell="modern"] .dezkala-home .merch-category:hover { border-color: var(--dz-action); transform: translateY(-2px); }
}
/* Native banner slider: normal links and scrolling without JavaScript, autoplay off. */
[data-storefront-shell="modern"] .dezkala-home [data-banner-slider] .merch-banners {
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  overflow-x: auto;
  scroll-snap-type: inline mandatory;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}
[data-storefront-shell="modern"] .dezkala-home [data-banner-slider] .merch-banners > div { scroll-snap-align: start; min-inline-size: 0; }
[data-storefront-shell="modern"] .dezkala-home .merch-banner-controls { display: flex; gap: var(--dz-space-2); align-items: center; justify-content: end; padding-block-start: var(--dz-space-4); }
[data-storefront-shell="modern"] .dezkala-home .merch-banner-controls button,
[data-storefront-shell="modern"] .dezkala-home .merch-rail-controls button {
  min-inline-size: 44px; min-block-size: 44px; border: 1px solid var(--dz-line); border-radius: var(--dz-radius-sm); background: #fff; color: var(--dz-action);
}
[data-storefront-shell="modern"] .dezkala-home :where(.merch-banner-controls,.merch-rail-controls) button:disabled { opacity: .45; cursor: default; }
[data-storefront-shell="modern"] .dezkala-home .merch-banner-status { margin-inline-end: auto; color: var(--dz-muted); font-size: .8rem; font-variant-numeric: tabular-nums; }
[data-storefront-shell="modern"] .dezkala-home [data-banner-slider]:not([data-banner-ready]) .merch-banner-controls { display: none; }
[data-storefront-shell="modern"] .dezkala-home .merch-section:not([data-native-rail-initialized]) .merch-rail-controls { display: none; }
[data-storefront-shell="modern"] .dezkala-home :where(.merch-products,.merch-banners):focus-visible { outline: 3px solid var(--dz-focus); outline-offset: 3px; }
/* Catalog/PDP/cart reuse existing semantic markup and state, not a new data contract. */
[data-storefront-shell="modern"] .allProductArchive :where(.bread-crumb,.content) > .container-fluid { max-inline-size: var(--dz-content); padding-inline: var(--dz-gutter); }
[data-storefront-shell="modern"] .allProductArchive :where(.content-box,.storefront-native-filters) { border: 1px solid var(--dz-line); border-radius: var(--dz-radius); box-shadow: none; }
[data-storefront-shell="modern"] .catalog-pagination a { border-radius: var(--dz-radius-sm); min-block-size: 44px; min-inline-size: 44px; }
[data-storefront-shell="modern"] :where(.catalog-empty,.catalog-list-status) { border-radius: var(--dz-radius); line-height: 1.9; }
[data-storefront-shell="modern"] .dezkala-pdp { --pdp-ink: var(--dz-ink); --pdp-muted: var(--dz-muted); --pdp-accent: var(--dz-action); }
[data-storefront-shell="modern"] .allCartIndex { max-inline-size: var(--dz-content); margin-inline: auto; min-inline-size: 0; }
[data-storefront-shell="modern"] .allCartIndex :where(.content-box,.checkoutOptions,.checkoutPay,.cartItem,.factor) { border: 1px solid var(--dz-line); border-radius: var(--dz-radius); box-shadow: none; }
[data-storefront-shell="modern"] .allCartIndex :where(.checkoutTitle,.titleCart,.cart-product-item h3) { color: var(--dz-ink); line-height: 1.8; overflow-wrap: anywhere; }
[data-storefront-shell="modern"] .allCartIndex :where(button,.btn) { min-block-size: 44px; border-radius: var(--dz-radius-sm); }
[data-storefront-shell="modern"] .allCartIndex :where(input,select,textarea) { min-block-size: 44px; max-inline-size: 100%; }
[data-storefront-shell="modern"] .allCartIndex .checkoutItems { min-inline-size: 0; gap: var(--dz-space-6); }
[data-storefront-shell="modern"] .footer { margin-block-start: var(--dz-space-8); border-block-start: 1px solid var(--dz-line); }
[data-storefront-shell="modern"] .footer > .container-fluid { max-inline-size: var(--dz-content); margin-inline: auto; padding-inline: var(--dz-gutter); }
[data-storefront-shell="modern"] .footer p { line-height: 2; overflow-wrap: anywhere; }
/* Customer-facing composition. Bootstrap, search, catalog and purchase handlers
   still own state; these rules never infer stock or change control visibility. */
[data-storefront-shell="modern"] .storefront-header > .store-container > .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  align-items: center;
  gap: 12px;
  margin-inline: 0;
  margin-block: 0;
}
[data-storefront-shell="modern"] .storefront-header > .store-container > .row > div {
  inline-size: auto;
  min-inline-size: 0;
  padding-inline: 0;
  margin-block-start: 0;
}
[data-storefront-shell="modern"] .storefront-header .modern-search-slot { grid-column: 1 / -1; order: 5; min-block-size: var(--dz-search-height); }
[data-storefront-shell="modern"] .storefront-header :where(.header-btn,.header-logo) { gap: 8px; min-inline-size: 0; }
[data-storefront-shell="modern"] .storefront-header .header-btn { flex-wrap: wrap; }
[data-storefront-shell="modern"] .storefront-header .header-btn-login { margin-inline: 0; }
[data-storefront-shell="modern"] .storefront-header .header-btn-login-responsive i { display: block; line-height: 1; inline-size: 1em; block-size: 1em; }
[data-storefront-shell="modern"] .storefront-header .header-logo .description { min-inline-size: 0; margin-inline: 0; overflow-wrap: anywhere; }
[data-storefront-shell="modern"] .storefront-header .header-logo .image { flex: 0 0 var(--dz-logo-width); inline-size: var(--dz-logo-width); min-inline-size: 0; }
[data-storefront-shell="modern"] .storefront-header .header-logo .image a { display: block; }
[data-storefront-shell="modern"] .storefront-header .header-logo .logoSet { inline-size: 100%; max-inline-size: 100%; block-size: var(--dz-logo-height); max-block-size: var(--dz-logo-height); object-fit: contain; }
[data-storefront-shell="modern"] .storefront-nojs-nav { display: flex; flex-wrap: wrap; gap: 8px; padding-block: 12px; background: var(--dz-surface); }
[data-storefront-shell="modern"] .storefront-nojs-nav a { min-block-size: 44px; display: inline-flex; align-items: center; padding-inline: 12px; border: 1px solid var(--dz-line); border-radius: var(--dz-radius-sm); color: var(--dz-action); }
[data-storefront-shell="modern"] :where(.storefront-header,.mega-menu-parent,.offcanvas,.storefront-nojs-nav,.allCartIndex,.footer,.mobile-footer) :where(a,button,input,select,textarea,summary):focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
  box-shadow: 0 0 0 6px var(--dz-focus);
  transition-property: color, background-color, border-color;
}
[data-storefront-shell="modern"] :where(.modern-search-option,.modern-search-chips a,.storefront-header .btn,.storefront-nojs-nav a) { transition-property: color, background-color, border-color; }
[data-storefront-shell="modern"] .modern-search-panel { max-inline-size: 100%; text-align: start; }
[data-storefront-shell="modern"] .modern-search-option img { aspect-ratio: 1; object-fit: contain; }
[data-storefront-shell="modern"] .modern-search-option[aria-selected="true"] { background: var(--dz-soft); outline: 2px solid var(--dz-action); outline-offset: -2px; }
[data-storefront-shell="modern"] .modern-search-status { margin-block: 8px; padding: 12px; background: var(--dz-soft); border-inline-start: 3px solid var(--dz-action); border-radius: var(--dz-radius-sm); }
[data-storefront-shell="modern"] .modern-search :where(.modern-search-chips a,.modern-search-all) { min-block-size: 44px; align-content: center; overflow-wrap: anywhere; }
[data-storefront-shell="modern"] :where(.store-product-card__link,.store-product-card__body) { min-inline-size: 0; }
[data-storefront-shell="modern"] .store-product-card__media { aspect-ratio: 1; }
[data-storefront-shell="modern"] .store-product-card__media img { inline-size: 100%; block-size: 100%; object-fit: contain; }
[data-storefront-shell="modern"] .store-product-card__bottom { flex-wrap: wrap; }
[data-storefront-shell="modern"] .store-product-card__prices { font-variant-numeric: tabular-nums; line-height: 1.8; }
[data-storefront-shell="modern"] .store-product-card__stock { line-height: 1.7; overflow-wrap: anywhere; }
[data-storefront-shell="modern"] .dezkala-home .merch-heading { flex-wrap: wrap; }
[data-storefront-shell="modern"] .dezkala-home :where(.merch-heading > div,.merch-feature__copy) { min-inline-size: 0; }
[data-storefront-shell="modern"] .dezkala-home .merch-category { padding: 16px; }
[data-storefront-shell="modern"] .dezkala-home .merch-category:focus-visible { outline: 3px solid var(--dz-focus); outline-offset: 3px; }
[data-storefront-shell="modern"] .allProductArchive :where(.breadcrumb,.filter-item-select) { flex-wrap: wrap; gap: 8px; }
[data-storefront-shell="modern"] .allProductArchive :where(.breadcrumb-item,.storefront-catalog-heading,.item-box,.panel-header) { min-inline-size: 0; overflow-wrap: anywhere; }
[data-storefront-shell="modern"] .allProductArchive .item-box { border: 1px solid var(--dz-line); border-radius: var(--dz-radius); box-shadow: none; background: var(--dz-surface); }
[data-storefront-shell="modern"] .allProductArchive #catalog-sort { min-block-size: 44px; border-color: var(--dz-line); border-radius: var(--dz-radius-sm); }
[data-storefront-shell="modern"] .dezkala-pdp .pdp-gallery__primary { aspect-ratio: 1; background: var(--dz-surface); }
[data-storefront-shell="modern"] .dezkala-pdp .pdp-gallery__thumbnail { min-inline-size: 44px; min-block-size: 44px; }
[data-storefront-shell="modern"] .allCartIndex.width { inline-size: 100%; padding-inline: var(--dz-gutter); padding-block: 24px; }
[data-storefront-shell="modern"] .allCartIndex > :where(.content,.bread-crumb) > .container-fluid { padding-inline: 0; }
[data-storefront-shell="modern"] .allCartIndex :where(.cart-product-item .content-box,.cart-canvases > .item,.checkoutOptions,.checkoutItems > .left > .cartNext,.checkoutItems > .left > .discount,.checkoutItems > .left > .cartPay) { background: var(--dz-surface); border: 1px solid var(--dz-line); border-radius: var(--dz-radius); box-shadow: none; padding: clamp(16px,2vw,24px); }
[data-storefront-shell="modern"] .allCartIndex :where(.cart-items,.cart-items .item,.cart-items .title,.cart-item-feature,.cartItems,.checkoutItems > div,.factor-item) { min-inline-size: 0; }
[data-storefront-shell="modern"] .allCartIndex .cart-items .image { inline-size: 100%; aspect-ratio: 1; max-inline-size: 160px; margin-inline: auto; display: grid; place-items: center; background: var(--dz-canvas); border-radius: var(--dz-radius-sm); }
[data-storefront-shell="modern"] .allCartIndex .cart-items .image img { inline-size: 100%; block-size: 100%; object-fit: contain; }
[data-storefront-shell="modern"] .allCartIndex :where(.cart-items h6,.saller-name,.factor-item p,.factor-item h5,.checkoutItems p,.nameAddress h5) { line-height: 1.8; overflow-wrap: anywhere; }
[data-storefront-shell="modern"] .allCartIndex .factor-item { gap: 12px; flex-wrap: wrap; }
[data-storefront-shell="modern"] .allCartIndex :where(.factor-item p,.cartPriceItem > span,.cartPriceItem h3,.product-box-price-price) { font-variant-numeric: tabular-nums; }
[data-storefront-shell="modern"] .allCartIndex .remove { min-inline-size: 44px; min-block-size: 44px; border: 1px solid #e5caca; color: var(--dz-danger); background: #fff8f8; display: inline-grid; place-items: center; cursor: pointer; }
/* Legacy cart SEO-heading hiding must not hide the actual empty-state message. */
[data-storefront-shell="modern"] .allCartIndex .cart-empty-title > h2 { display: block; font-size: clamp(22px,2vw,28px); line-height: 1.7; margin-block: 16px; overflow-wrap: anywhere; }
[data-storefront-shell="modern"] .allCartIndex .checkoutItems { grid-template-columns: minmax(0,1fr) minmax(0,20rem); align-items: start; }
[data-storefront-shell="modern"] .allCartIndex .checkoutTitle { padding-block-end: 12px; border-block-end: 1px solid var(--dz-line); font-weight: 700; }
[data-storefront-shell="modern"] .allCartIndex :where(.addresses,.days,.carrier,.payMethod) { margin-block-end: 24px; }
[data-storefront-shell="modern"] .allCartIndex :where(.addresses,.carrier,.payMethod,.days) > ul { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr)); gap: 12px; padding-inline: 0; }
[data-storefront-shell="modern"] .allCartIndex :where(.address,.cartPriceItem,.note) { min-inline-size: 0; overflow-wrap: anywhere; }
[data-storefront-shell="modern"] .allCartIndex :where(.addresses li,.payMethod li,.carrier li) { min-inline-size: 0; inline-size: auto; }
[data-storefront-shell="modern"] .allCartIndex .cartPriceItem { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-block: 12px; border-block-end: 1px solid var(--dz-line); }
[data-storefront-shell="modern"] .allCartIndex .cartPriceItem h4 { font-size: .9rem; line-height: 1.8; margin: 0; color: var(--dz-muted); }
[data-storefront-shell="modern"] .allCartIndex #finalPrice h3 { color: var(--dz-ink); line-height: 1.8; }
[data-storefront-shell="modern"] .allCartIndex :where(.discount input,.note textarea) { inline-size: 100%; padding: 12px; border: 1px solid var(--dz-line); border-radius: var(--dz-radius-sm); color: var(--dz-ink); background: var(--dz-surface); }
[data-storefront-shell="modern"] .allCartIndex .note textarea { min-block-size: 112px; resize: vertical; }
[data-storefront-shell="modern"] .allCartIndex .nextItem > button { inline-size: 100%; padding: 12px 16px; background: var(--dz-action); color: #fff; }
[data-storefront-shell="modern"] .allCartIndex :where(.alert,.success) { padding: 16px; margin-block: 12px; border: 1px solid currentColor; border-radius: var(--dz-radius-sm); line-height: 1.9; overflow-wrap: anywhere; }
[data-storefront-shell="modern"] .footer :where(.footer-logo img,.footer-main-address img) { max-inline-size: 100%; object-fit: contain; }
[data-storefront-shell="modern"] .footer :where(.nav-link,.footer-contact-link a,.footer-social a) { min-block-size: 44px; align-content: center; overflow-wrap: anywhere; }
[data-storefront-shell="modern"] .footer { background: var(--dz-ink); }
[data-storefront-shell="modern"] .footer :where(.footer-main,.footer-reutrned,.footer-contact) { box-shadow: none; background-image: none; border-radius: var(--dz-radius); }
[data-storefront-shell="modern"] .footer :where(.footer-main,.footer-reutrned) { background-color: transparent; border: 1px solid rgb(255 255 255 / 18%); padding: 16px; }
/* Keep the mobile destinations in normal flow instead of covering form errors,
   CTA or the last footer links with a fixed bar. No destination is removed. */
[data-storefront-shell="modern"] .mobile-footer { position: relative; inset: auto; border-radius: 0; filter: none; }
[data-storefront-shell="modern"] .mobile-footer .parent { min-inline-size: 0; flex-wrap: wrap; }
[data-storefront-shell="modern"] .mobile-footer .item :where(a,button) { min-inline-size: 44px; min-block-size: 44px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: var(--dz-radius-sm); background: transparent; color: var(--dz-action); }
[data-storefront-shell="modern"] .mobile-footer .item i { color: currentColor; }
@media (min-width: 1200px) {
  [data-storefront-shell="modern"] .storefront-header > .store-container > .row { grid-template-columns: minmax(0,3fr) minmax(0,5fr) minmax(0,4fr); }
  [data-storefront-shell="modern"] .storefront-header .modern-search-slot { grid-column: auto; order: 0; }
}
@media (max-width: 991.98px) {
  [data-storefront-shell="modern"] .allCartIndex .checkoutItems { grid-template-columns: minmax(0,1fr); }
}
/* Admin shell: in-flow Header reserves its actual responsive height from first paint.
   This formatting context is limited to the Admin wrapper, never the global body. */
[data-admin-shell="modernized"] .admin-shell {
  display: flow-root;
  min-inline-size: 0;
  margin-inline: 19rem 1rem;
  padding-block: 1rem;
}
[data-admin-shell="modernized"] .admin-shell > .allHeaderPanel {
  position: relative;
  inset: auto;
  min-inline-size: 0;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: .5rem;
}
[data-admin-shell="modernized"] .admin-shell > .allPanel { margin: 1rem 0 0; }
[data-admin-shell="modernized"] .admin-navigation { min-inline-size: 0; }
[data-admin-shell="modernized"] .allHeaderPanel > :is(.right, .left) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  min-inline-size: 0;
  max-inline-size: 100%;
}
[data-admin-shell="modernized"] .allHeaderPanel .noteLeft {
  display: flex;
  flex: none;
  min-inline-size: 44px;
  min-block-size: 44px;
}
[data-admin-shell="modernized"] .allHeaderPanel > .center {
  min-inline-size: 0;
  overflow-wrap: anywhere;
  opacity: 1;
}
[data-admin-shell="modernized"] .allHeaderPanel :is(.alignIcon, #userPic) {
  border: 0;
  background: transparent;
  color: inherit;
  min-inline-size: 44px;
  min-block-size: 44px;
  cursor: pointer;
}
[data-admin-shell="modernized"] .allHeaderPanel .user {
  min-inline-size: 0;
  max-inline-size: 100%;
}
[data-admin-shell="modernized"] .allHeaderPanel #showUser {
  display: grid;
  position: static;
  inline-size: 100%;
  max-inline-size: 100%;
  min-inline-size: 0;
  grid-template-columns: minmax(0, 1fr);
  overflow-wrap: anywhere;
  transition: opacity var(--dz-motion) ease;
}
[data-admin-shell="modernized"] #showUser li,
[data-admin-shell="modernized"] #showUser li > a,
[data-admin-shell="modernized"] #showUser .infoUser {
  min-inline-size: 0;
  max-inline-size: 100%;
  inline-size: auto;
  overflow-wrap: anywhere;
}
[data-admin-shell="modernized"] #showUser li:first-child { display: flex; flex-wrap: wrap; gap: .5rem; }
html:not([data-admin-enhanced]) [data-admin-shell="modernized"] .allHeaderPanel .user {
  flex-basis: 100%;
  block-size: auto;
}
[data-admin-enhanced] [data-admin-shell="modernized"] #showUser {
  display: none;
  position: absolute;
  inline-size: 13rem;
  max-inline-size: calc(100vw - 2rem);
}
[data-admin-enhanced] [data-admin-menu="open"] #showUser { display: grid; }
[data-admin-enhanced] [data-admin-shell="modernized"] .allSideBar { transition: transform .18s ease, opacity .18s ease; }
[data-admin-enhanced] [data-admin-drawer="closed"] { margin-inline: 1rem; }
[data-admin-enhanced] [data-admin-drawer="closed"] .allSideBar { transform: translateX(calc(100% + 2rem)); visibility: hidden; }
/* Restrict transition properties in both focused and unfocused states; no trailing focus rings. */
[data-admin-shell="modernized"] .admin-shell :where(a, button, input, select, textarea) {
  transition-property: color, background-color, border-color, transform, opacity;
}
[data-admin-shell="modernized"] .admin-shell :where(a, button, input, select, textarea):focus-visible,
[data-admin-shell="modernized"] .admin-shell :is(.alignIcon, #userPic):focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
  box-shadow: 0 0 0 6px var(--dz-ink);
}
[data-admin-shell="modernized"] .allWidgetIndex .topProductIndex .right { display: flex; flex-wrap: wrap; min-inline-size: 0; gap: .5rem; }
[data-admin-shell="modernized"] .allWidgetIndex .topProductIndex a { min-inline-size: 0; max-inline-size: 100%; overflow-wrap: anywhere; }
[data-admin-shell="modernized"] .allWidgetIndex table :is(th, td) { min-inline-size: 0; white-space: normal; overflow-wrap: anywhere; padding-inline: .5rem; }
@media (max-width: 1279px) {
  [data-admin-shell="modernized"] .admin-shell > .allHeaderPanel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-admin-shell="modernized"] .allHeaderPanel > .center { grid-column: 1 / -1; grid-row: 2; display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; }
}
@media (max-width: 700px) {
  [data-admin-shell="modernized"] .admin-shell { margin-inline: 1rem; }
  [data-admin-shell="modernized"] .admin-navigation .allSideBar { position: relative; inset: auto; inline-size: auto; block-size: auto; margin-block: 1rem; overflow: visible; }
  [data-admin-enhanced] [data-admin-drawer="auto"] .admin-navigation,
  [data-admin-enhanced] [data-admin-drawer="closed"] .admin-navigation { display: none; }
  [data-admin-enhanced] [data-admin-drawer="open"] .admin-navigation { display: block; }
  [data-admin-enhanced] [data-admin-drawer="open"] .allSideBar { transform: none; visibility: visible; }
}
@media (prefers-reduced-motion: reduce) {
  [data-admin-shell="modernized"] :is(.allSideBar, #showUser) { transition: none; }
}
@media print {
  [data-admin-shell="modernized"] .admin-shell { margin: 0; padding: 0; }
}
/* Admin page presentation; supplied fields and widget behavior remain unchanged. */
[data-admin-shell="modernized"] .allPanel { min-inline-size: 0; }
[data-admin-shell="modernized"] .allHeaderPanel { border-radius: var(--dz-radius); box-shadow: var(--dz-shadow); }
[data-admin-shell="modernized"] .allSideBar { border-radius: var(--dz-radius); }
[data-admin-shell="modernized"] .allSideBar .sideSearch input { min-block-size: 44px; border-radius: var(--dz-radius-sm); }
[data-admin-shell="modernized"] .merch-admin { color: var(--dz-ink); padding: clamp(16px, 2.5vw, 36px); }
[data-admin-shell="modernized"] .merch-admin__header { padding-block-end: var(--dz-space-6); border-block-end: 1px solid var(--dz-line); align-items: start; }
/* Explicit text line boxes prevent fallback/loaded-font metric changes from
   growing legends and stacked navigation rows. Font sources remain unchanged. */
[data-admin-shell="modernized"] .merch-admin__header > div { flex: 1 1 auto; min-inline-size: 0; line-height: 1.75; }
[data-admin-shell="modernized"] .merch-admin__header > div > a,
[data-admin-shell="modernized"] .merch-editor legend,
[data-admin-shell="modernized"] .merch-preview-toolbar strong,
[data-admin-shell="modernized"] .allSideBar .buttonSystem a,
[data-admin-shell="modernized"] .allSideBarIconsText h4,
[data-admin-shell="modernized"] .allSideBarIconsText ul li a { line-height: 1.75; }
[data-admin-shell="modernized"] .merch-admin h1 { font-size: clamp(24px, 2vw, 32px); letter-spacing: -.02em; line-height: 1.65; }
[data-admin-shell="modernized"] .merch-admin p { color: var(--dz-muted); font-size: .85rem; max-inline-size: 70ch; }
[data-admin-shell="modernized"] .merch-editor { gap: var(--dz-space-6); }
[data-admin-shell="modernized"] .merch-editor fieldset { border-color: var(--dz-line); border-radius: var(--dz-radius); padding: var(--dz-space-6); box-shadow: var(--dz-shadow); }
[data-admin-shell="modernized"] .merch-editor legend { color: var(--dz-ink); font-size: 1rem; padding-inline: var(--dz-space-3); }
[data-admin-shell="modernized"] .merch-editor label { color: var(--dz-ink); line-height: 1.75; }
[data-admin-shell="modernized"] .merch-editor :where(input:not([type=checkbox]),select,textarea) { color: var(--dz-ink); border-color: #bacac1; border-radius: var(--dz-radius-sm); }
[data-admin-shell="modernized"] .merch-editor :where(input,select,textarea):focus-visible { outline-offset: 2px; }
[data-admin-shell="modernized"] .merch-editor small { color: var(--dz-muted); font-size: .75rem; }
[data-admin-shell="modernized"] .merch-editor__preview { border-radius: var(--dz-radius); border-color: var(--dz-line); box-shadow: var(--dz-shadow); }
[data-admin-shell="modernized"] .merch-admin__button { background: var(--dz-action); border-color: var(--dz-action); border-radius: var(--dz-radius-sm); }
[data-admin-shell="modernized"] .merch-admin__button.secondary { color: var(--dz-action); background: var(--dz-surface); }
[data-admin-shell="modernized"] .merch-admin__tabs a { line-height: 1.7; border-radius: var(--dz-radius-sm); }
[data-admin-shell="modernized"] .merch-admin__tabs [aria-current=page] { background: var(--dz-soft); border-color: var(--dz-action); color: var(--dz-action); }
[data-admin-shell="modernized"] .merch-admin__table-wrap { border: 1px solid var(--dz-line); border-radius: var(--dz-radius); }
[data-admin-shell="modernized"] .merch-admin__table th { background: var(--dz-soft); font-size: .8rem; color: var(--dz-muted); }
[data-admin-shell="modernized"] .merch-admin__table td { font-size: .85rem; color: var(--dz-ink); }
[data-admin-shell="modernized"] .merch-category-order { background: var(--dz-canvas); border-color: var(--dz-line); }
[data-admin-shell="modernized"] .merch-category-order button { border-color: #bacac1; color: var(--dz-action); }
@media (max-width: 767.98px) {
  [data-storefront-shell="modern"] .storefront-header { padding-block: 12px; --dz-search-height: 52px; }
  [data-storefront-shell="modern"] .modern-search .input-search { font-size: 16px; min-block-size: var(--dz-search-height); }
  [data-storefront-shell="modern"] .modern-search-panel { border-radius: 0; }
  [data-storefront-shell="modern"] .dezkala-home .merch-heading { align-items: start; }
  [data-storefront-shell="modern"] .dezkala-home .merch-feature__copy h2 { font-size: clamp(24px, 6vw, 32px); }
  [data-storefront-shell="modern"] .store-product-card__body { padding: 12px; }
  [data-storefront-shell="modern"] .allCartIndex .checkoutItems { grid-template-columns: minmax(0,1fr); }
  [data-admin-shell="modernized"] .merch-editor fieldset { padding: var(--dz-space-4); }
  [data-admin-shell="modernized"] .merch-admin__header { flex-direction: column; }
  [data-admin-shell="modernized"] .merch-admin__tabs { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  [data-storefront-shell="modern"] :where(.dezkala-home,.dezkala-home *, .store-product-card,.store-product-card *, .modern-search,.modern-search *, .offcanvas),
  [data-admin-shell="modernized"] .merch-admin * { transition-duration: 0s; animation-duration: 0s; scroll-behavior: auto; }
}

/* R3: presentation-only extension of the existing DEZKALA palette/tokens.
   No state selectors infer price, availability, permissions or purchase behavior. */
[data-storefront-shell="modern"], [data-admin-shell="modernized"] {
  --ui-bg: #f3f6f4;
  --ui-surface: var(--dz-surface);
  --ui-surface-glass: rgb(255 255 255 / 93%);
  --ui-surface-elevated: #fff;
  --ui-border: var(--dz-line);
  --ui-border-strong: #a7bdb3;
  --ui-text: var(--dz-ink);
  --ui-text-muted: var(--dz-muted);
  --ui-text-soft: #607168;
  --ui-primary: var(--dz-action);
  --ui-primary-hover: #0d443b;
  --ui-success: #246448;
  --ui-warning: #7e5513;
  --ui-danger: var(--dz-danger);
  --ui-radius-sm: var(--dz-radius-sm);
  --ui-radius-md: .875rem;
  --ui-radius-lg: 1.25rem;
  --ui-shadow-sm: 0 2px 8px rgb(24 54 43 / 4%);
  --ui-shadow-md: 0 8px 24px rgb(24 54 43 / 7%);
  --ui-shadow-lg: 0 16px 36px rgb(24 54 43 / 10%);
  --ui-blur-sm: 4px;
  --ui-blur-md: 6px;
  --dz-canvas: var(--ui-bg);
}

/* Solid surfaces are the default; blur is bounded to header/dropdown surfaces. */
[data-storefront-shell="modern"] .storefront-header {
  /* This ancestor owns Bootstrap fixed offcanvas: never give it backdrop-filter,
     transform or containment, which would change the panels' containing block. */
  background-color: var(--ui-surface-glass);
  box-shadow: var(--ui-shadow-sm);
}
[data-storefront-shell="modern"] :where(.modern-search-panel, .storefront-mega-panel),
[data-admin-shell="modernized"] #showUser {
  background-color: var(--ui-surface-elevated);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-lg);
  box-shadow: var(--ui-shadow-lg);
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  [data-storefront-shell="modern"] :where(.modern-search-panel, .storefront-mega-panel),
  [data-admin-shell="modernized"] #showUser {
    background-color: var(--ui-surface-glass);
    -webkit-backdrop-filter: blur(var(--ui-blur-md));
    backdrop-filter: blur(var(--ui-blur-md));
  }
}
[data-storefront-shell="modern"] .modern-search .input-search {
  border-color: var(--ui-border-strong);
  background-color: var(--ui-bg);
  box-shadow: inset 0 1px 2px rgb(24 54 43 / 3%);
}
[data-storefront-shell="modern"] .modern-search .input-search:focus {
  background-color: var(--ui-surface);
  border-color: var(--ui-primary);
  box-shadow: 0 0 0 3px rgb(18 89 78 / 12%);
}
[data-storefront-shell="modern"] :where(.modern-search-option, .storefront-category-grid a):hover {
  background-color: var(--dz-soft);
}
[data-storefront-shell="modern"] :where(.modern-search-clear, .modern-search-submit) {
  border-radius: var(--ui-radius-sm);
}
[data-storefront-shell="modern"] .store-product-card {
  border-radius: var(--ui-radius-lg);
  box-shadow: var(--ui-shadow-sm);
}
[data-storefront-shell="modern"] .store-product-card__media {
  background-color: #f0f4f1;
  border-block-end: 1px solid var(--ui-border);
}
[data-storefront-shell="modern"] .store-product-card__brand {
  color: var(--ui-text-muted);
  font-weight: 600;
}
[data-storefront-shell="modern"] .store-product-card__prices strong {
  color: var(--ui-primary);
  font-variant-numeric: tabular-nums;
}
[data-storefront-shell="modern"] :where(.store-product-card__discount, .store-product-card__state-badge) {
  border-radius: var(--ui-radius-sm);
  box-shadow: var(--ui-shadow-sm);
}
[data-storefront-shell="modern"] :where(.merch-category, .merch-feature, .storefront-native-filters, .catalog-empty) {
  border-color: var(--ui-border);
  border-radius: var(--ui-radius-lg);
}
[data-storefront-shell="modern"] .merch-heading h2 { color: var(--ui-text); }
[data-storefront-shell="modern"] :where(.merch-button, .allCartIndex .nextItem > button):hover {
  background-color: var(--ui-primary-hover);
}
/* Existing PDP and legacy cart DOM, quantities, tokens and handlers are untouched. */
[data-storefront-shell="modern"] .dezkala-pdp :where(.content-box, .product-meta-add-to-cart),
[data-storefront-shell="modern"] .allCartIndex :where(.content-box, .checkoutOptions, .checkoutPay, .factor) {
  border-radius: var(--ui-radius-lg);
  border-color: var(--ui-border);
  box-shadow: var(--ui-shadow-sm);
}
[data-storefront-shell="modern"] .dezkala-pdp :where(.product-gallery-frame, .pro_gallery) {
  background-color: var(--ui-bg);
  border-radius: var(--ui-radius-md);
}
[data-storefront-shell="modern"] .dezkala-pdp [role="tab"][aria-selected="true"] {
  color: var(--ui-primary);
  box-shadow: inset 0 -3px var(--ui-primary);
}
[data-storefront-shell="modern"] .allCartIndex :where(.cartPriceItem, #finalPrice) {
  font-variant-numeric: tabular-nums;
}
[data-storefront-shell="modern"] .allCartIndex :where(.alert, .success) { background-color: var(--ui-surface); }
[data-storefront-shell="modern"] :where(.modal-content, .offcanvas),
[data-admin-shell="modernized"] .modal-content {
  border-color: var(--ui-border-strong);
  border-radius: var(--ui-radius-lg);
  box-shadow: var(--ui-shadow-lg);
}

/* Preserve configured inline Header/sidebar colors; decorate, do not replace them. */
[data-admin-shell="modernized"] :where(.allHeaderPanel, .allSideBar) {
  background-image: linear-gradient(145deg, rgb(255 255 255 / 8%), transparent 65%);
  box-shadow: var(--ui-shadow-md), inset 0 0 0 1px rgb(255 255 255 / 16%);
}
[data-admin-shell="modernized"] .allHeaderPanel :where(.alignIcon, #userPic, .noteLeft) {
  border-radius: var(--ui-radius-sm);
}
[data-admin-shell="modernized"] .allHeaderPanel :where(.alignIcon, .noteLeft) {
  /* A neutral control surface keeps icons readable on either configured Header color. */
  color: var(--ui-primary);
  background-color: var(--ui-surface);
}
[data-admin-shell="modernized"] .allHeaderPanel :where(.alignIcon, .noteLeft) .icon { fill: currentColor; }
[data-admin-shell="modernized"] .allHeaderPanel :where(.alignIcon, #userPic, .noteLeft):hover {
  background-color: rgb(127 127 127 / 12%);
}
[data-admin-shell="modernized"] #showUser { color: var(--ui-text); }
[data-admin-shell="modernized"] #showUser a { color: var(--ui-text); border-radius: var(--ui-radius-sm); }
[data-admin-shell="modernized"] #showUser a:hover { background-color: var(--dz-soft); }
[data-admin-shell="modernized"] .allSideBar :where(a, .sideSearch input, .sideSearch button) { border-radius: var(--ui-radius-sm); }
[data-admin-shell="modernized"] .allSideBar .sideSearch button { background-color: var(--ui-primary); color: #fff; }
[data-admin-shell="modernized"] .allSideBar .buttonSystem a {
  background-color: rgb(255 255 255 / 8%);
  color: #edf5f0;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 18%);
}
[data-admin-shell="modernized"] .allSideBar a[aria-current="page"] {
  outline: 2px solid currentColor;
  outline-offset: -2px;
  font-weight: 700;
}
[data-admin-shell="modernized"] .allDashboard :where(.widget, .showOnline, .pieCharts, .chartData),
[data-admin-shell="modernized"] .merch-editor :where(fieldset, .merch-editor__preview) {
  border-radius: var(--ui-radius-lg);
  box-shadow: var(--ui-shadow-sm);
  background-color: var(--ui-surface);
}
[data-admin-shell="modernized"] .allDashboard .widget {
  color: var(--ui-text);
  box-shadow: var(--ui-shadow-sm), inset 0 3px var(--ui-primary);
}
[data-admin-shell="modernized"] .allDashboard .widget h3 { color: var(--ui-text-muted); }
[data-admin-shell="modernized"] .allDashboard .widget h4 { color: var(--ui-text); font-variant-numeric: tabular-nums; }
[data-admin-shell="modernized"] .allPanel :where(.merch-admin__table-wrap, .table-responsive, .allTables .allData) {
  max-inline-size: 100%;
  overflow: auto;
  border-radius: var(--ui-radius-md);
  overscroll-behavior-inline: contain;
}
[data-admin-shell="modernized"] .allPanel :where(table) { border-color: var(--ui-border); }
[data-admin-shell="modernized"] .allPanel :where(th, td) { vertical-align: middle; overflow-wrap: anywhere; }
[data-admin-shell="modernized"] .merch-admin__table th { background-color: var(--dz-soft); color: var(--ui-text-muted); }
[data-admin-shell="modernized"] .merch-admin__table tbody tr:hover { background-color: var(--dz-soft); }
[data-admin-shell="modernized"] .allPanel :where(input[type="text"], input[type="search"], input[type="email"], input[type="number"], input[type="password"], select, textarea) {
  border-color: var(--ui-border-strong);
  border-radius: var(--ui-radius-sm);
  max-inline-size: 100%;
}
[data-admin-shell="modernized"] .allPanel :where(.merch-admin__button, button[type="submit"], input[type="submit"]) {
  border-radius: var(--ui-radius-sm);
}
[data-storefront-shell="modern"] :where(.btn, .merch-button, .modern-search-clear),
[data-admin-shell="modernized"] .admin-shell :where(button, input, select, textarea, .merch-admin__button) {
  transition-property: color, background-color, border-color, opacity;
}
[data-storefront-shell="modern"] :where(button:disabled, input:disabled, select:disabled),
[data-admin-shell="modernized"] :where(button:disabled, input:disabled, select:disabled) {
  cursor: not-allowed;
  opacity: .6;
}
/* Dual-color ring remains legible against both configured dark and light surfaces. */
[data-storefront-shell="modern"] :where(a, button, summary, input, select, textarea):focus-visible,
[data-admin-shell="modernized"] .admin-shell :where(a, button, summary, input, select, textarea):focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
  box-shadow: 0 0 0 6px var(--dz-focus);
}
@media (hover: hover) {
  [data-storefront-shell="modern"] .store-product-card:hover { box-shadow: var(--ui-shadow-md); }
}
@media (prefers-reduced-motion: reduce) {
  [data-storefront-shell="modern"] :where(.storefront-header, .modern-search-panel, .store-product-card),
  [data-admin-shell="modernized"] :where(.allHeaderPanel, .allSideBar, #showUser, .allDashboard .widget) {
    transition: none;
  }
}
@media (forced-colors: active) {
  [data-storefront-shell="modern"] :where(a, button, summary, input, select, textarea):focus-visible,
  [data-admin-shell="modernized"] .admin-shell :where(a, button, summary, input, select, textarea):focus-visible {
    outline-color: Highlight;
    box-shadow: none;
  }
}
@media print {
  [data-storefront-shell="modern"], [data-admin-shell="modernized"] { background: #fff; }
  [data-storefront-shell="modern"] :where(.storefront-header, .modern-search-panel, .storefront-mega-panel),
  [data-admin-shell="modernized"] :where(.allHeaderPanel, .allSideBar, #showUser, .allDashboard .widget) {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none;
  }
}
/* Dashboard charts use Highcharts' existing 400px default height. Reserve the
   same box before its synchronous render; this is not an estimated spacer. */
[data-admin-shell="modernized"] .allDashboard :is(#pieChart1, #pieChart2, #pieChart3) {
  block-size: 400px;
  min-inline-size: 0;
}
[data-admin-shell="modernized"] .allDashboard :is(.pieCharts, .chartData) {
  min-inline-size: 0;
}