/* Azrar web theme — phase 4 foundation (Claude Design board, approved 2026-09-27).
   Loaded last in layouts/front.blade.php after tokens/tokens.css. Skins the legacy
   template classes; page-specific layouts come in later batches. */

/* ---------- Type ---------- */
body, h1, h2, h3, h4, h5, h6, p, a, li, label, input, button, select, textarea, th, td, small, strong,
span:not([class*="fa"]):not([class*="flaticon"]):not([class*="icon"]) {
  font-family: var(--az-font) !important;
}
/* theme/font.css forces the admin font with !important on these classes; out-rank it. */
html body .btn, html body .btn--base, html body .btn-link, html body .dropdown-item, html body .navbar-nav .nav-link,
html body select, html body select option, html body .ordenery-font, html body .higlight-font, html body .extra-font,
html body #place_order, html body .report-item, html body input::placeholder, html body textarea::placeholder { font-family: var(--az-font) !important; }
body { color: var(--az-ink); background: var(--az-surface); }
h1, h2, h3, h4, h5, h6 { color: var(--az-ink); font-weight: 700; }
a { color: var(--az-blue); }
a:hover { color: var(--az-navy); }
::selection { background: var(--az-tint-purple); color: var(--az-purple); }
.az-ico { fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: square; stroke-linejoin: miter; }

/* ---------- Buttons ---------- */
.btn { border-radius: var(--az-r-pill) !important; font-weight: 700; min-height: 44px; padding-inline: 24px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.btn-primary, .btn-dark, .template-btn, .theme-btn {
  background: var(--az-navy) !important; border-color: var(--az-navy) !important; color: #fff !important;
}
.btn-primary:hover, .btn-dark:hover, .template-btn:hover, .theme-btn:hover { background: var(--az-navy-2) !important; border-color: var(--az-navy-2) !important; }
.btn-secondary { background: var(--az-purple) !important; border-color: var(--az-purple) !important; color: #fff !important; }
.btn-secondary:hover { background: var(--az-purple-2) !important; }
.btn-outline-primary, .btn-light { background: #fff !important; border: 2px solid var(--az-navy) !important; color: var(--az-navy) !important; }
.btn:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid var(--az-light-blue); outline-offset: 2px; box-shadow: none !important; }
.text-primary { color: var(--az-blue) !important; }
.bg-primary { background-color: var(--az-navy) !important; }
.bg-secondary { background-color: var(--az-purple) !important; }

/* ---------- Fields ---------- */
.form-control, .form-select, select.form-control {
  min-height: 48px; border: 1px solid var(--az-border) !important; border-radius: var(--az-r-sm) !important;
  color: var(--az-ink); font-size: 15px; background-color: #fff;
}
.form-control:focus, .form-select:focus { border-color: var(--az-blue) !important; box-shadow: 0 0 0 3px var(--az-tint-blue) !important; }
.form-control::placeholder { color: var(--az-muted); }
.is-invalid, .form-control.is-invalid { border: 2px solid var(--az-danger) !important; }
.invalid-feedback, .text-danger { color: var(--az-danger) !important; }

/* ---------- Header (navy, design HomeDesktop/HomeMobile) ---------- */
.ecommerce-header, .ecommerce-header .header-sticky, .ecommerce-header .main-nav, .ecommerce-header .header-sticky.bg-white { background: var(--az-navy) !important; }
.ecommerce-header { box-shadow: none; }
.ecommerce-header .top-header { background: var(--az-navy-2) !important; color: #D5E0F5; font-size: 13px; }
.ecommerce-header .top-header a, .ecommerce-header .top-header span, .ecommerce-header .top-header .text-white { color: #D5E0F5 !important; }
.ecommerce-header .nav-link, .ecommerce-header .menu-item-text, .ecommerce-header .cart-text,
.ecommerce-header .sign-in, .ecommerce-header .sign-in a, .ecommerce-header .top-quantity,
.ecommerce-header [class*="flaticon-"], .ecommerce-header .text-dark, .ecommerce-header .text-primary { color: #fff !important; }
.ecommerce-header .nav-link { color: #D5E0F5 !important; font-weight: 500; }
.ecommerce-header .nav-link:hover, .ecommerce-header .nav-item.active > .nav-link { color: #fff !important; }
.ecommerce-header .search-form, .ecommerce-header .product-search-one form {
  border-radius: var(--az-r-pill) !important; background: #fff !important; border: 0 !important; overflow: hidden;
}
.ecommerce-header .search-field { background: transparent !important; border: 0 !important; min-height: 50px; color: var(--az-ink) !important; }
.ecommerce-header .categori-container, .ecommerce-header .categoris { border: 0 !important; border-inline-start: 1px solid var(--az-border) !important; }
.ecommerce-header .search-submit { background: var(--az-purple) !important; border-radius: 0 !important; min-width: 60px; }
.ecommerce-header .search-submit [class*="flaticon-"] { color: #fff !important; }
.ecommerce-header .top-quantity, .ecommerce-header .cart-icon, .ecommerce-header .my-account-dropdown > a.has-dropdown { background: var(--az-navy-2) !important; border: 0 !important; }
.ecommerce-header .top-quantity:hover, .ecommerce-header .cart-icon:hover { background: var(--az-purple) !important; }
.ecommerce-header .header-cart-1, .ecommerce-header .cart-wrap { background: var(--az-navy-2); border-radius: var(--az-r-md); }
.ecommerce-header .header-cart-count { background: var(--az-purple) !important; color: #fff !important; border-radius: 6px; font-weight: 700; }
.ecommerce-header .dropdown-menu { border: 1px solid var(--az-border); border-radius: var(--az-r-md); box-shadow: 0 12px 32px rgba(21,37,83,.12); }
.ecommerce-header .dropdown-menu, .ecommerce-header .dropdown-menu a, .ecommerce-header .dropdown-menu span, .ecommerce-header .my-account-popup a { color: var(--az-ink) !important; }
.ecommerce-header .dropdown-item:hover { background: var(--az-tint-blue); color: var(--az-navy) !important; }

/* ---------- Footer ---------- */
footer.full-row, .border-footer { background: #0C1633 !important; color: rgba(255,255,255,.78); border: 0 !important; }
footer.full-row .widget-title, footer.full-row h1, footer.full-row h2, footer.full-row h3, footer.full-row h4, footer.full-row h5, footer.full-row h6 { color: #fff !important; }
footer.full-row a, footer.full-row .text-dark, footer.full-row .text-general, footer.full-row .text-secondary, footer.full-row p, footer.full-row span { color: #D5E0F5 !important; }
footer.full-row a:hover { color: #fff !important; }
footer.full-row .bg-white { background: transparent !important; }

/* ---------- Badges / alerts ---------- */
.az-badge { position: absolute; top: 12px; inset-inline-start: 12px; border-radius: var(--az-r-xs); padding: 4px 10px; font-size: 12px; font-weight: 700; line-height: 1.4; z-index: 2; }
.az-badge--sale { background: var(--az-purple); color: #fff; }
.az-badge--out { background: var(--az-border); color: var(--az-ink-2); }
.alert-success { background: var(--az-success-bg); color: var(--az-success); border: 0; border-radius: var(--az-r-md); }
.alert-danger { background: var(--az-danger-bg); color: var(--az-danger); border: 0; border-radius: var(--az-r-md); }
.alert-warning { background: var(--az-warning-bg); color: var(--az-warning); border: 0; border-radius: var(--az-r-md); }
.alert-info { background: var(--az-tint-blue); color: var(--az-navy); border: 0; border-radius: var(--az-r-md); }

/* ---------- Product card ---------- */
.az-card { display: flex; flex-direction: column; gap: 8px; height: 100%; color: var(--az-ink); }
.az-card__media { position: relative; aspect-ratio: 1; border-radius: var(--az-r-lg); background: var(--az-tint-blue); overflow: hidden; }
.az-card.is-sale .az-card__media { background: var(--az-tint-purple); }
.az-card__img, .az-card__img img { display: block; width: 100% !important; height: 100% !important; }
.az-card__img img { object-fit: cover; border-radius: 0 !important; transition: transform .3s ease; }
.az-card:hover .az-card__img img { transform: scale(1.04); }
.az-card__wish { position: absolute; top: 10px; inset-inline-end: 10px; width: 40px; height: 40px; border-radius: var(--az-r-sm); background: #fff; color: var(--az-navy) !important; display: flex; align-items: center; justify-content: center; z-index: 2; box-shadow: 0 2px 8px rgba(21,37,83,.08); }
.az-card__wish:hover { color: var(--az-purple) !important; }
.az-card__shop { font-size: 12px; font-weight: 500; color: var(--az-blue) !important; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.az-card__title { margin: 0 !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.5 !important; min-height: 3em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.az-card__title a { color: var(--az-ink) !important; }
.az-card__title a:hover { color: var(--az-blue) !important; }
.az-card__foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.az-card__price { display: flex; flex-direction: column; line-height: 1.3; min-width: 0; }
.az-card__price ins { text-decoration: none; font-size: 17px; font-weight: 700; color: var(--az-ink); white-space: nowrap; }
.az-card.is-sale .az-card__price ins { color: var(--az-purple); }
.az-card__price del { font-size: 13px; color: var(--az-muted); }
.az-card__add { flex: none; width: 40px; height: 40px; border-radius: var(--az-r-sm); background: var(--az-navy); color: #fff !important; display: flex; align-items: center; justify-content: center; transition: background .2s; }
.az-card__add:hover { background: var(--az-purple); }
.az-card.is-out { opacity: .7; }
.az-card.is-out .az-card__media { background: var(--az-bg); border: 1px solid var(--az-border); }
.responsive-cards-product-col .az-card, .az-grid .az-card { padding: 0; }
/* Grid density from the design: 6 per row on desktop, 4 on tablet, 2 on phones
   (overrides the legacy inline 12% rule in partials/theme/extraindex). */
.row > .col.responsive-cards-product-col { width: 50% !important; flex: 0 0 auto; }
@media (min-width: 768px) { .row > .col.responsive-cards-product-col { width: 25% !important; } }
@media (min-width: 1200px) { .row > .col.responsive-cards-product-col { width: 16.6667% !important; } }

/* ---------- Page header (design PageHeader): navy band, dot texture, title start-aligned with an accent bar.
   Replaces the photo breadcrumb banner (.full-row.overlay-dark) used by ~50 legacy pages. ---------- */
.full-row.overlay-dark {
  background-color: var(--az-navy) !important; background-size: 22px 22px !important; background-position: 0 0 !important;
  background-image: radial-gradient(rgba(255,255,255,.07) 1.5px, transparent 1.6px) !important;
  padding: 40px 0 36px !important; position: relative;
}
.full-row.overlay-dark::before, .full-row.overlay-dark::after { display: none !important; }
.full-row.overlay-dark > .container > .row { display: flex; flex-direction: column-reverse; gap: 10px; text-align: start !important; }
.full-row.overlay-dark h1, .full-row.overlay-dark h2, .full-row.overlay-dark h3 { color: #fff !important; font-size: 36px !important; font-weight: 700 !important; margin: 0 !important; }
.full-row.overlay-dark h1::after, .full-row.overlay-dark h2::after, .full-row.overlay-dark h3::after { content: ''; display: block; width: 56px; height: 4px; border-radius: 2px; background: var(--az-light-blue); margin-top: 14px; }
.full-row.overlay-dark .breadcrumb { font-size: 14px; }
.full-row.overlay-dark .breadcrumb a, .full-row.overlay-dark .breadcrumb-item::before { color: #BFD0EE !important; }
.full-row.overlay-dark .breadcrumb-item.active { color: #fff !important; }
@media (max-width: 767.98px) {
  .full-row.overlay-dark { padding: 26px 0 24px !important; }
  .full-row.overlay-dark h1, .full-row.overlay-dark h2, .full-row.overlay-dark h3 { font-size: 26px !important; }
}

/* ---------- Cart page (design CartPage) ---------- */
.cart-table .shop_table { border: 0 !important; border-collapse: separate !important; border-spacing: 0 10px; background: transparent; }
.cart-table .shop_table tr:has(> th) { background: transparent !important; box-shadow: none !important; }
.cart-table .shop_table th, .cart-table .shop_table thead th { background: transparent !important; border: 0 !important; color: var(--az-ink-2); font-size: 13px; font-weight: 500; padding: 4px 14px !important; }
.cart-table .shop_table tbody tr { background: var(--az-surface); box-shadow: 0 0 0 1px var(--az-border); border-radius: var(--az-r-lg); }
.cart-table .shop_table tbody td { border: 0 !important; padding: 14px !important; vertical-align: middle; background: transparent !important; }
.cart-table .shop_table tbody td:first-child { border-start-start-radius: var(--az-r-lg); border-end-start-radius: var(--az-r-lg); }
.cart-table .shop_table tbody td:last-child { border-start-end-radius: var(--az-r-lg); border-end-end-radius: var(--az-r-lg); }
.cart-table .product-thumbnail { width: 108px; }
.cart-table .product-thumbnail a { display: block; width: 84px; }
.cart-table .shop_table img { width: 84px !important; max-width: none !important; height: 84px !important; object-fit: cover; border-radius: var(--az-r-md); background: var(--az-tint-blue); }
.cart-table .qttotal1 { width: 48px !important; min-height: 40px; border: 1px solid var(--az-border) !important; border-radius: var(--az-r-sm) !important; text-align: center; font-weight: 700; }
.cart-table .cart-remove { width: 36px; height: 36px; border-radius: var(--az-r-sm); display: inline-flex; align-items: center; justify-content: center; color: var(--az-danger) !important; background: var(--az-danger-bg); cursor: pointer; }
.cart-collaterals .cart_totals { background: var(--az-surface); border: 1px solid var(--az-border); border-radius: var(--az-r-xl); padding: 18px 20px; }
.cart-collaterals .cart_totals h2 { font-size: 17px !important; font-weight: 700; margin-bottom: 8px; }
.cart-collaterals .cart_totals table, .cart-collaterals .cart_totals th, .cart-collaterals .cart_totals td { border: 0 !important; background: transparent !important; }
.cart-collaterals .cart_totals th { color: var(--az-ink-2); font-weight: 500; }
.cart-collaterals .cart_totals .order-total td, .cart-collaterals .cart_totals tr:last-child td { font-size: 20px; font-weight: 700; color: var(--az-ink) !important; }
.checkout-button, a.checkout-button { display: flex !important; align-items: center; justify-content: center; min-height: 54px; border-radius: var(--az-r-pill) !important; background: var(--az-navy) !important; color: #fff !important; font-size: 16px; font-weight: 700; border: 0 !important; margin-top: 12px; }
.checkout-button:hover { background: var(--az-navy-2) !important; }
@media (max-width: 767.98px) {
  .cart-table { overflow: visible; }
  .cart-table .shop_table, .cart-table .shop_table tbody { display: block; width: 100%; }
  .cart-table .shop_table tr:has(> th) { display: none !important; }
  .cart-table .shop_table tbody tr { display: grid; grid-template-columns: 84px 1fr auto; grid-template-areas: "img name rm" "img price price" "img qty sub"; column-gap: 12px; row-gap: 6px; align-items: center; padding: 12px; margin-bottom: 10px; border-radius: var(--az-r-lg); }
  .cart-table .shop_table tbody td { padding: 0 !important; border-radius: 0 !important; text-align: start; width: auto !important; min-width: 0; }
  .cart-table .shop_table tbody tr > input { display: none; }
  .cart-table .product-thumbnail { grid-area: img; width: 84px !important; }
  .cart-table .product-name { grid-area: name; font-size: 14px; font-weight: 500; }
  .cart-table .product-price { grid-area: price; font-size: 13px; color: var(--az-ink-2); }
  .cart-table .product-quantity { grid-area: qty; }
  .cart-table .product-subtotal { grid-area: sub; font-weight: 700; }
  .cart-table .product-remove { grid-area: rm; }
}
.az-cod-note { margin-top: 12px; background: var(--az-tint-purple); color: var(--az-purple); border-radius: var(--az-r-md); padding: 12px 14px; font-size: 13px; }

/* ---------- Account area (design AccountDesktop / AccountHome) ---------- */
#sidebar.sidebar-blog { background: var(--az-surface) !important; border: 1px solid var(--az-line); border-radius: var(--az-r-2xl); padding: 14px !important; }
#sidebar .widget-title { font-size: 15px !important; font-weight: 700; color: var(--az-ink-2) !important; padding: 8px 12px 6px; margin: 0 !important; }
#sidebar .widget-title.down-line::after, #sidebar .widget-title.down-line::before { display: none !important; }
#sidebar .widget_categories ul { list-style: none; padding: 0; margin: 0 0 8px; display: grid; gap: 2px; }
#sidebar .widget_categories li { border: 0 !important; padding: 0 !important; }
#sidebar .widget_categories li a { display: block; padding: 11px 14px; border-radius: var(--az-r-md); color: var(--az-ink) !important; font-size: 14px; font-weight: 500; }
#sidebar .widget_categories li a:hover { background: var(--az-tint-blue); }
#sidebar .widget_categories li a.active { background: var(--az-navy); color: #fff !important; font-weight: 700; }
.account-info.widget, .widget.account-info { background: var(--az-surface) !important; border: 1px solid var(--az-line) !important; border-radius: var(--az-r-2xl) !important; padding: 22px !important; }
.account-info .widget-title { font-size: 18px !important; font-weight: 700; color: var(--az-ink) !important; }
.account-info .widget-title.down-line::after, .account-info .widget-title.down-line::before { display: none !important; }
.dashboard-sidebar-btn { border-radius: var(--az-r-pill) !important; background: var(--az-navy) !important; border: 0 !important; }
.table.order-table, .order-table { border-collapse: separate !important; border-spacing: 0 8px; }
.order-table thead tr { background: transparent !important; }
.order-table thead th { border: 0 !important; color: var(--az-ink-2) !important; font-size: 13px; font-weight: 500; background: transparent !important; }
.order-table tbody tr { background: #F8FAFD; }
.order-table tbody td { border: 0 !important; padding: 14px 12px !important; vertical-align: middle; font-size: 14px; }
.order-table tbody td:first-child { border-start-start-radius: var(--az-r-md); border-end-start-radius: var(--az-r-md); }
.order-table tbody td:last-child { border-start-end-radius: var(--az-r-md); border-end-end-radius: var(--az-r-md); }
.order-table .btn, .order-table a.btn { min-height: 38px; border: 2px solid var(--az-navy) !important; background: transparent !important; color: var(--az-navy) !important; font-size: 13px; padding: 0 16px; }
.order-table .badge { border-radius: var(--az-r-xs); padding: 5px 10px; font-weight: 700; }

/* ---------- Merchant storefront: the card follows the store's own colour (partials/store/theme);
   product sections sit outside .azrar-storefront, so scope by [data-store-section]. ---------- */
[data-store-section] .az-card__add { background: var(--store-accent, var(--az-navy)); }
[data-store-section] .az-card__add:hover { background: var(--store-dark, var(--az-navy-2)); }
[data-store-section] .az-card__shop { display: none; }
[data-store-section] .az-badge--sale { background: var(--store-accent, var(--az-purple)); }
[data-store-section] .az-card.is-sale .az-card__price ins { color: var(--store-accent, var(--az-purple)); }
[data-store-section] .az-card__media, [data-store-section] .az-card.is-sale .az-card__media { background: #fff; }

/* Store categories when there are 5 or fewer: static centred row instead of the slider. */
.az-cats-static { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 16px; }
.az-cats-static .product-item { width: 150px !important; max-width: calc(50% - 8px); }
.az-cats-static .product-image img { width: 100% !important; height: auto !important; aspect-ratio: 1; object-fit: cover; border-radius: var(--az-r-lg); }
.az-cats-static .product-title { text-align: center; font-size: 14px !important; margin-top: 8px; }

/* ---------- Product page (design ProductDesktop / Product) ---------- */
.single-product-wrapper { padding-top: 12px; }
.single-product-wrapper .woocommerce-product-gallery__wrapper .bg-light { background: var(--az-tint-blue) !important; border-radius: var(--az-r-2xl); overflow: hidden; }
.single-product-wrapper #single-image-zoom { border-radius: var(--az-r-2xl); aspect-ratio: 1; object-fit: cover; width: 100%; }
.single-product-wrapper .product-slide-thumb .item a, .single-product-wrapper .product-slide-thumb img { border-radius: 16px !important; overflow: hidden; display: block; }
.single-product-wrapper .product-slide-thumb .item a.active img { outline: 2px solid var(--az-navy); outline-offset: -2px; }
.single-product-wrapper .summary-inner { background: var(--az-surface); border: 1px solid var(--az-line); border-radius: var(--az-r-2xl); padding: 28px; display: flex; flex-direction: column; gap: 14px; }
.single-product-wrapper .pro-bread { font-size: 13px; margin: 0; }
.single-product-wrapper .pro-bread a { color: var(--az-ink-2) !important; }
.single-product-wrapper .product_title { font-size: 30px !important; font-weight: 700 !important; line-height: 1.3 !important; color: var(--az-ink) !important; margin: 0 !important; }
.single-product-wrapper .fancy-rating { background: var(--az-tint-blue) !important; color: var(--az-navy) !important; border-radius: var(--az-r-xs); padding: 2px 8px; }
.single-product-wrapper p.price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; margin: 4px 0 !important; }
.single-product-wrapper p.price #sizeprice { font-size: 34px !important; font-weight: 700 !important; color: var(--az-ink) !important; }
.single-product-wrapper p.price del { color: var(--az-muted); font-size: 16px; }
.single-product-wrapper p.price .on-sale { position: static !important; background: var(--az-purple) !important; color: #fff !important; border-radius: var(--az-r-xs); padding: 4px 10px; font-size: 13px; font-weight: 700; }
.single-product-wrapper .stock-availability { display: inline-flex; align-self: flex-start; border-radius: var(--az-r-xs); padding: 5px 12px; font-size: 13px; font-weight: 700; }
.single-product-wrapper .stock-availability.in-stock { background: var(--az-success-bg); color: var(--az-success) !important; }
.single-product-wrapper .stock-availability.out-stock { background: var(--az-border); color: var(--az-ink-2) !important; }
.single-product-wrapper .product-offers-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; }
.single-product-wrapper .product-offer-item { background: var(--az-bg); border-radius: var(--az-r-sm); padding: 10px 14px; font-size: 14px; color: var(--az-ink-2); }
.single-product-wrapper .product-offer-item .h6 { font-size: 13px; font-weight: 700; color: var(--az-ink); }
.single-product-wrapper .qty-buttons { display: flex; align-items: center; border: 1px solid var(--az-border); border-radius: var(--az-r-md); height: 56px; padding: 0; margin: 0; list-style: none; overflow: hidden; }
.single-product-wrapper .qty-buttons li { height: 100%; display: flex; align-items: center; }
.single-product-wrapper .qtminus, .single-product-wrapper .qtplus { width: 46px; height: 100%; display: flex !important; align-items: center; justify-content: center; cursor: pointer; color: var(--az-navy); background: transparent !important; border: 0 !important; }
.single-product-wrapper .qttotal { width: 40px !important; border: 0 !important; text-align: center; font-weight: 700; font-size: 17px; background: transparent !important; color: var(--az-ink); }
.single-product-wrapper .addtocart { list-style: none; }
.single-product-wrapper .addtocart a { min-height: 56px; padding: 0 28px !important; border-radius: var(--az-r-pill) !important; display: inline-flex !important; align-items: center; justify-content: center; font-size: 16px !important; font-weight: 700 !important; border: 0 !important; background: var(--az-navy) !important; color: #fff !important; }
.single-product-wrapper .addtocart a:hover { background: var(--az-navy-2) !important; }
.single-product-wrapper .addtocart a#qaddcrt { background: var(--az-purple) !important; }
.single-product-wrapper .addtocart a.cart-out-of-stock { background: var(--az-border) !important; color: var(--az-ink-2) !important; }
.single-product-wrapper .view-stor, .single-product-wrapper .btn--base { border-radius: var(--az-r-pill) !important; background: var(--az-navy) !important; color: #fff !important; border: 0 !important; font-weight: 700; }
.single-product-wrapper .wishlist-button a, .single-product-wrapper .compare-button a { color: var(--az-ink-2) !important; font-size: 14px; }
.single-product-wrapper .pro-details-sidebar-item { background: var(--az-surface); border: 1px solid var(--az-border) !important; border-radius: var(--az-r-lg); padding: 20px !important; text-align: start; box-shadow: none !important; }
.single-product-wrapper .pro-details-sidebar-item > span { font-size: 12px; color: var(--az-ink-2); }
.single-product-wrapper .pro-details-sidebar-item h5 { font-size: 17px; font-weight: 700; color: var(--az-ink); }
.single-product-wrapper .pro-details-sidebar-item h3 { color: var(--az-purple) !important; }
.single-product-wrapper .pro-details-sidebar-item .view-stor { display: flex !important; align-items: center; justify-content: center; gap: 6px; width: 100%; min-height: 44px; margin-top: 8px; padding: 10px 14px !important; border-radius: var(--az-r-md) !important; line-height: 1.4; font-size: 14px; }
.single-product-wrapper .pro-details-sidebar-item ul, .single-product-wrapper .pro-details-sidebar-item li { list-style: none; padding: 0; margin: 0; }
.single-product-wrapper .verify-link { color: var(--az-blue) !important; }
.woocommerce-tabs .nav-pills .nav-link { background: transparent !important; color: var(--az-ink-2) !important; border-radius: 0 !important; border-bottom: 3px solid transparent !important; font-weight: 500; }
.woocommerce-tabs .nav-pills .nav-link.active { color: var(--az-ink) !important; font-weight: 700; border-bottom-color: var(--az-purple) !important; }
.woocommerce-tabs .tab-content { color: var(--az-ink-2); line-height: 1.9; }
.section-head h4 { color: var(--az-ink) !important; font-weight: 700 !important; }
@media (max-width: 991.98px) {
  .single-product-wrapper .summary-inner { padding: 20px; border-radius: var(--az-r-xl); }
  .single-product-wrapper .product_title { font-size: 24px !important; }
  .single-product-wrapper p.price #sizeprice { font-size: 28px !important; }
}

@media (max-width: 767.98px) {
  footer.full-row, .border-footer { background: var(--az-navy) !important; border-radius: 24px 24px 0 0; }
}
@media (max-width: 575.98px) {
  .az-card__title { font-size: 14px !important; }
  .az-card__price ins { font-size: 15px; }
  .az-card__add, .az-card__wish { width: 36px; height: 36px; }
}

/* Category rail (home) — 2026-09-28: white surface, one studio render per category, bold navy label. */
.az-cats { max-width: 1320px; margin: 28px auto 0; padding: 0 24px; font-family: var(--az-font); }
.az-cats__head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.az-cats .az-cats__title { margin: 0; font-size: 22px; line-height: 1.3; font-weight: 700; color: var(--az-ink); letter-spacing: 0; }
.az-cats .az-cats__all { display: inline-flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 700; color: var(--az-blue) !important; text-decoration: none; white-space: nowrap; }
.az-cats .az-cats__all:hover { color: var(--az-navy) !important; }
[dir="ltr"] .az-cats__all svg { transform: scaleX(-1); }
.az-cats .az-cats__rail { list-style: none; margin: 0; padding: 4px 2px 10px; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(104px, 1fr); gap: 16px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; }
.az-cats .az-cats__rail::-webkit-scrollbar { display: none; }
.az-cats .az-cats__item { scroll-snap-align: start; }
.az-cats .az-cats__item { margin: 0; padding: 0; min-width: 0; }
.az-cats .az-cat { display: flex; flex-direction: column; align-items: center; gap: 10px; text-decoration: none; color: var(--az-ink) !important; outline-offset: 4px; }
.az-cats .az-cat__media { display: block; width: 100%; aspect-ratio: 1 / 1; border-radius: var(--az-r-lg); overflow: hidden; background: #F2F4F8; box-shadow: inset 0 0 0 1px rgba(21, 37, 83, .04); transition: box-shadow .2s ease, transform .2s ease; }
.az-cats .az-cat__media img { display: block; width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; border-radius: 0 !important; transition: transform .35s cubic-bezier(.2, .8, .2, 1); }
.az-cats .az-cat__name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align: center; font-size: 14px; line-height: 1.35; font-weight: 700; color: var(--az-ink); min-height: 2.7em; }
.az-cats .az-cat:hover .az-cat__media, .az-cats .az-cat:focus-visible .az-cat__media { transform: translateY(-2px); box-shadow: 0 10px 24px -12px rgba(21, 37, 83, .35), inset 0 0 0 1px rgba(21, 37, 83, .06); }
.az-cats .az-cat:hover .az-cat__media img { transform: scale(1.05); }
.az-cats .az-cat:focus-visible { outline: 2px solid var(--az-blue); border-radius: var(--az-r-lg); }
@media (max-width: 991.98px) {
  /* Phones and tablets: one swipeable row with a peek of the next card. */
  .az-cats { margin-top: 20px; padding: 0; }
  .az-cats__head { padding: 0 16px; margin-bottom: 12px; }
  .az-cats .az-cats__title { font-size: 18px; }
  .az-cats .az-cats__rail { display: flex; gap: 12px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: 16px; padding: 2px 16px 6px; scrollbar-width: none; }
  .az-cats .az-cats__rail::-webkit-scrollbar { display: none; }
  .az-cats .az-cats__item { flex: 0 0 84px; scroll-snap-align: start; }
  .az-cats .az-cat { gap: 8px; }
  .az-cats .az-cat__media { border-radius: var(--az-r-md); }
  .az-cats .az-cat__name { font-size: 12.5px; }
}
@media (prefers-reduced-motion: reduce) {
  .az-cats .az-cat__media, .az-cats .az-cat__media img { transition: none; }
  .az-cats .az-cat:hover .az-cat__media, .az-cats .az-cat:hover .az-cat__media img { transform: none; }
}
/* Empty cart (2026-09-28): Azrar "button" diamond drops into a line cart — see partials/global/az-empty-cart. */
.az-empty-cart { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; max-width: 460px; margin: 24px auto 40px; padding: 36px 24px 32px; background: #fff; border-radius: var(--az-r-2xl); font-family: var(--az-font); }
.az-empty-cart__art { width: 220px; max-width: 70%; height: auto; margin-bottom: 6px; }
.az-empty-cart .az-empty-cart__title { margin: 0; font-size: 24px; line-height: 1.35; font-weight: 700; color: var(--az-ink); }
.az-empty-cart .az-empty-cart__hint { margin: 0; font-size: 15px; line-height: 1.8; color: var(--az-ink-2); }
.az-empty-cart .az-empty-cart__cta { margin-top: 12px; display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 34px; border-radius: var(--az-r-pill); background: var(--az-navy); color: #fff !important; font-size: 16px; font-weight: 700; text-decoration: none; transition: background .2s ease; }
.az-empty-cart .az-empty-cart__cta:hover { background: var(--az-purple); }
.az-empty-cart .az-empty-cart__cta:focus-visible { outline: 3px solid var(--az-light-blue); outline-offset: 3px; }
.az-ec-drop { transform-box: fill-box; transform-origin: 50% 100%; transform: translateY(14px); animation: azEcDrop 3.4s infinite; }
.az-ec-key { transform-box: fill-box; transform-origin: center; transform: rotate(45deg); animation: azEcTurn 3.4s infinite; }
.az-ec-cart { animation: azEcCart 3.4s infinite; }
.az-ec-floor { transform-box: fill-box; transform-origin: center; animation: azEcFloor 3.4s infinite; }
.az-ec-spark { opacity: 0; transform-box: fill-box; transform-origin: center; animation: azEcSpark 3.4s infinite; }
@keyframes azEcDrop {
  0% { transform: translateY(-118px); opacity: 0; animation-timing-function: cubic-bezier(.55, 0, .9, .5); }
  8% { opacity: 1; }
  36% { transform: translateY(14px) scale(1, 1); animation-timing-function: ease-out; }
  42% { transform: translateY(14px) scale(1.14, .84); animation-timing-function: cubic-bezier(.3, 1.6, .5, 1); }
  54% { transform: translateY(14px) scale(1, 1); }
  82% { transform: translateY(14px); opacity: 1; }
  94%, 100% { transform: translateY(14px); opacity: 0; }
}
@keyframes azEcTurn {
  0% { transform: rotate(45deg); animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  36%, 100% { transform: rotate(135deg); }
}
@keyframes azEcCart {
  0%, 36% { transform: translateY(0); }
  42% { transform: translateY(5px); animation-timing-function: cubic-bezier(.3, 1.6, .5, 1); }
  56%, 100% { transform: translateY(0); }
}
@keyframes azEcFloor {
  0%, 36% { transform: scaleX(1); }
  42% { transform: scaleX(1.08); }
  56%, 100% { transform: scaleX(1); }
}
@keyframes azEcSpark {
  0%, 40% { opacity: 0; transform: scale(.6); }
  50% { opacity: 1; transform: scale(1); }
  72%, 100% { opacity: 0; transform: scale(1.1); }
}
@media (max-width: 575.98px) {
  .az-empty-cart { margin: 12px 16px 28px; padding: 28px 18px 24px; border-radius: var(--az-r-xl); }
  .az-empty-cart .az-empty-cart__title { font-size: 21px; }
  .az-empty-cart .az-empty-cart__cta { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .az-ec-drop, .az-ec-key, .az-ec-cart, .az-ec-floor, .az-ec-spark { animation: none; }
  .az-ec-spark { opacity: 1; }
}
/* Admin promo banners on the home page (2026-09-28) */
.az-promos { padding: 20px 0 8px; }
.az-promos__row { display: grid; gap: 14px; }
.az-promos--topsmall .az-promos__row { grid-template-columns: repeat(3, 1fr); }
.az-promos--bottomsmall .az-promos__row { grid-template-columns: repeat(2, 1fr); }
.az-promo { display: block; border-radius: 16px; overflow: hidden; background: #EEF1F7; box-shadow: 0 6px 18px rgba(21,37,83,.07); transition: transform .2s ease, box-shadow .2s ease; }
.az-promo img { display: block; width: 100%; height: auto; }
a.az-promo:hover { transform: translateY(-3px); box-shadow: 0 12px 26px rgba(21,37,83,.14); }
@media (max-width: 767.98px) {
  .az-promos--topsmall .az-promos__row { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: -12px; padding-inline: 12px; }
  .az-promos--topsmall .az-promos__row::-webkit-scrollbar { display: none; }
  .az-promos--topsmall .az-promo { flex: 0 0 78%; scroll-snap-align: start; }
  .az-promos--bottomsmall .az-promos__row { grid-template-columns: 1fr; }
  .az-promos--large .az-promo { border-radius: 12px; }
}
@media (prefers-reduced-motion: reduce) { .az-promo { transition: none; } a.az-promo:hover { transform: none; } }

/* ---------- Home rhythm (2026-09-28, marketplace pass à la Trendyol / Noon / Miswag): one width, one heading
   row per section, even vertical spacing, 2-up cards on phones, rails for curated lists. partials/theme/extraindex. */
.az-sec, .az-hero { max-width: 1320px; margin: 36px auto 0; padding: 0 24px; font-family: var(--az-font); }
.az-hero { margin-top: 16px; }
.az-hero .owl-stage-outer { border-radius: var(--az-r-lg); }
.az-promos { padding: 0; margin-top: 36px; }
.az-promos .container { max-width: 1320px; padding-inline: 24px; }
.az-sec__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; min-height: 40px; }
.az-sec .az-sec__title { margin: 0; font-size: 22px; line-height: 1.3; font-weight: 700; color: var(--az-ink); letter-spacing: 0; }
.az-sec .az-sec__all { display: inline-flex; align-items: center; gap: 4px; flex: none; font-size: 14px; font-weight: 700; color: var(--az-blue) !important; text-decoration: none; white-space: nowrap; }
.az-sec .az-sec__all:hover { color: var(--az-navy) !important; }
[dir="ltr"] .az-sec__all svg, [dir="ltr"] .az-rail__btn svg { transform: scaleX(-1); }
.az-tabs__list { display: flex; gap: 8px; min-width: 0; overflow-x: auto; scrollbar-width: none; padding: 2px; }
.az-tabs__list::-webkit-scrollbar { display: none; }
.az-chip { flex: none; min-height: 40px; padding: 0 18px; border-radius: var(--az-r-pill); border: 1px solid var(--az-border); background: #fff; color: var(--az-ink-2); font-size: 14px; font-weight: 600; cursor: pointer; transition: background .2s ease, color .2s ease, border-color .2s ease; }
.az-chip:hover { border-color: var(--az-navy); color: var(--az-navy); }
.az-chip.is-active { background: var(--az-navy); border-color: var(--az-navy); color: #fff; }
.az-chip:focus-visible, .az-more:focus-visible, .az-rail__btn:focus-visible { outline: 2px solid var(--az-blue); outline-offset: 2px; }
.az-tabs__panel:not(.is-open) .az-grid > .col:nth-child(n+13) { display: none; }
.az-more-wrap { display: flex; justify-content: center; margin-top: 20px; }
.az-more { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 30px; border-radius: var(--az-r-pill); border: 1.5px solid var(--az-navy); background: #fff; color: var(--az-navy) !important; font-size: 14px; font-weight: 700; text-decoration: none; cursor: pointer; transition: background .2s ease, color .2s ease; }
.az-more:hover { background: var(--az-navy); color: #fff !important; }
.az-more:disabled { opacity: .6; cursor: progress; }
/* Rails (best sellers): 6 cards in view on desktop, swipe on touch. */
.az-rail__ctrl { display: flex; align-items: center; gap: 8px; }
.az-rail__btn { width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--az-border); background: #fff; color: var(--az-navy); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: border-color .2s ease, background .2s ease; }
.az-rail__btn:hover { border-color: var(--az-navy); background: var(--az-tint-blue); }
.az-rail__track { list-style: none; margin: 0; padding: 2px 0 8px; display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 5 * 16px) / 6); gap: 16px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; }
.az-rail__track::-webkit-scrollbar { display: none; }
.az-rail__item { min-width: 0; scroll-snap-align: start; }
/* Month offers: three compact tiles, copy on the start side over a soft fade. */
.az-offers__row { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.az-offers__row--2 { grid-template-columns: repeat(2, 1fr); }
.az-offers__row--1 { grid-template-columns: 1fr; }
.az-offers__item { min-width: 0; }
.az-offer { position: relative; display: block; aspect-ratio: 1800 / 1040; border-radius: var(--az-r-lg); overflow: hidden; background: var(--az-bg); isolation: isolate; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.az-offers__row--1 .az-offer { aspect-ratio: 3 / 1; }
.az-offer__img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; z-index: -1; border-radius: 0 !important; }
.az-offer__body { position: absolute; inset-block: 0; inset-inline-start: 0; width: 60%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 6px; padding: 18px 22px; }
.az-offer__tag { display: inline-block; padding: 3px 10px; border-radius: var(--az-r-xs); background: var(--az-purple); color: #fff !important; font-size: 12px; font-weight: 700; direction: ltr; }
.az-offer .az-offer__title { font-size: 20px; line-height: 1.35; font-weight: 700; color: var(--az-ink); }
.az-offer__cta { font-size: 13px; font-weight: 600; color: var(--az-ink-2) !important; line-height: 1.6; }
a.az-offer:hover { transform: translateY(-3px); box-shadow: 0 14px 30px -16px rgba(21, 37, 83, .4); }
/* Card polish: lift the image on hover, shimmer until the photo arrives. */
.az-card__media { transition: box-shadow .2s ease, transform .2s ease; }
.az-card:hover .az-card__media { transform: translateY(-2px); box-shadow: 0 14px 28px -16px rgba(21, 37, 83, .38); }
.az-card__media:not(.is-ready)::before { content: ''; position: absolute; inset: 0; z-index: 0; background: linear-gradient(100deg, transparent 20%, rgba(255, 255, 255, .55) 50%, transparent 80%); transform: translateX(-100%); animation: azShimmer 1.3s ease-in-out infinite; pointer-events: none; }
.az-card__img { position: relative; z-index: 1; }
@keyframes azShimmer { to { transform: translateX(100%); } }
/* Trust strip, deal, partners, app band, posts. */
.az-trust__list { list-style: none; margin: 0; padding: 18px 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; background: var(--az-bg); border-radius: var(--az-r-lg); }
.az-trust__item { display: flex; align-items: center; gap: 12px; min-width: 0; }
.az-trust__icon { width: 44px !important; height: 44px !important; flex: none; object-fit: contain; border-radius: var(--az-r-sm) !important; background: #fff; padding: 6px; }
.az-trust__text { display: flex; flex-direction: column; min-width: 0; line-height: 1.4; }
.az-trust__text strong { font-size: 14px; color: var(--az-ink); }
.az-trust__text small { font-size: 12.5px; color: var(--az-ink-2); }
.az-deal { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: center; }
.az-deal__body { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.az-deal__title { margin: 0; font-size: 18px; }
.az-deal__text { margin: 0; color: var(--az-ink-2); }
.az-deal__media img { width: 100%; border-radius: var(--az-r-lg); }
.az-partners__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; }
.az-partners__list img { width: 100%; height: 72px; object-fit: contain; background: var(--az-bg); border-radius: var(--az-r-md); padding: 12px; }
.az-app { margin-bottom: 40px; }
.az-app__card { display: flex; align-items: center; gap: 18px; padding: 22px 26px; border-radius: var(--az-r-xl); background: linear-gradient(120deg, var(--az-navy) 0%, var(--az-purple) 100%); color: #fff; }
.az-app__icon { flex: none; width: 56px; height: 56px; border-radius: var(--az-r-md); background: rgba(255, 255, 255, .12); display: flex; align-items: center; justify-content: center; color: #fff; }
.az-app__text { flex: 1; min-width: 0; }
.az-app .az-app__title { margin: 0 0 4px; font-size: 19px; font-weight: 700; color: #fff; }
.az-app__text p { margin: 0; font-size: 14px; line-height: 1.7; color: #D5E0F5; }
.az-app__soon { flex: none; padding: 8px 16px; border-radius: var(--az-r-pill); background: rgba(255, 255, 255, .14); color: #fff; font-size: 13px; font-weight: 700; }
.az-post { display: flex; flex-direction: column; gap: 8px; color: var(--az-ink) !important; text-decoration: none; }
.az-post img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--az-r-lg); }
.az-post small { color: var(--az-muted); }
@media (max-width: 1199.98px) {
  .az-rail__track { grid-auto-columns: calc((100% - 3 * 16px) / 4); }
}
@media (min-width: 768px) { .az-more-wrap--phone { display: none; } }
@media (max-width: 767.98px) {
  .az-tabs__panel:not(.is-open) .az-grid > .col:nth-child(n+7) { display: none; }
  .az-offers__row, .az-offers__row--2 { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: -16px; padding-inline: 16px; scroll-padding-inline: 16px; }
  .az-offers__row::-webkit-scrollbar { display: none; }
  .az-offers__item { flex: 0 0 82%; scroll-snap-align: start; }
  .az-offers__row--1 .az-offers__item { flex-basis: 100%; }
  .az-offers__row--1 .az-offer { aspect-ratio: 1800 / 1040; }
  .az-offer .az-offer__title { font-size: 16px; }
  .az-offer__body { padding: 14px 16px; gap: 4px; }
  .az-deal { grid-template-columns: 1fr; }
  .az-app__card { flex-wrap: wrap; padding: 18px; gap: 14px; }
  .az-app__soon { width: 100%; text-align: center; }
}
@media (max-width: 991.98px) {
  .az-sec, .az-hero { margin-top: 24px; padding: 0 16px; }
  .az-hero { margin-top: 12px; }
  .az-hero .owl-stage-outer { border-radius: var(--az-r-md); }
  .az-promos { margin-top: 24px; }
  .az-promos .container { padding-inline: 16px; }
  .az-sec__head { margin-bottom: 12px; min-height: 36px; }
  .az-sec .az-sec__title { font-size: 18px; }
  .az-sec .az-sec__all { font-size: 13px; }
  .az-tabs .az-sec__head { gap: 10px; }
  .az-tabs__list { margin-inline-start: -2px; }
  .az-chip { min-height: 36px; padding: 0 14px; font-size: 13px; }
  .az-rail__btn { display: none; }
  .az-rail__track { grid-auto-columns: 44%; gap: 10px; margin-inline: -16px; padding-inline: 16px; scroll-padding-inline: 16px; }
  .az-app { margin-bottom: 28px; }
  /* Phones: category shortcuts as small rounded squares, five in view with a peek of the next. */
  .az-cats { margin-top: 20px; }
  .az-cats .az-cats__rail { gap: 8px; }
  .az-cats .az-cats__item { flex: 0 0 calc((100vw - 32px - 4 * 8px) / 5.3); max-width: 76px; }
  .az-cats .az-cat { gap: 6px; }
  .az-cats .az-cat__media { border-radius: 18px; }
  .az-cats .az-cat__name { font-size: 11.5px; line-height: 1.3; font-weight: 600; }
  /* Tighter 2-up cards. */
  .az-grid.row { --bs-gutter-x: 10px; --bs-gutter-y: 16px; }
  .az-card { gap: 6px; }
  .az-card__media { border-radius: var(--az-r-md); }
  .az-card__wish { top: 8px; inset-inline-end: 8px; width: 32px !important; height: 32px !important; border-radius: 10px; }
  .az-card__wish svg { width: 18px; height: 18px; }
  .az-card__add { width: 34px !important; height: 34px !important; border-radius: 10px; }
  .az-badge { top: 8px; inset-inline-start: 8px; padding: 3px 8px; font-size: 11px; }
  .az-card__title { font-size: 13.5px !important; }
  .az-card__price ins { font-size: 15px; }
  .az-card__price del { font-size: 12px; }
}
/* Phone header: logo + wide pill search; account, wishlist and cart move to the tab bar below. */
@media (max-width: 991.98px) {
  .ecommerce-header .header-sticky .my-account-dropdown, .ecommerce-header .header-sticky .wishlist-view,
  .ecommerce-header .header-sticky .refresh-view, .ecommerce-header .header-sticky .header-cart-1 { display: none !important; }
  .ecommerce-header .header-sticky { padding-top: 6px !important; padding-bottom: 10px !important; }
  .ecommerce-header .header-sticky .product-search-one { margin-top: 4px; }
  .ecommerce-header .header-sticky .search-form { height: 46px; box-shadow: 0 6px 18px -10px rgba(0, 0, 0, .45); }
  .ecommerce-header .header-sticky .search-field { min-height: 46px; font-size: 14px; padding-inline: 18px !important; }
  .ecommerce-header .header-sticky .categori-container { display: none !important; }
  .ecommerce-header .header-sticky .search-submit { min-width: 52px; border-radius: var(--az-r-pill) !important; margin: 4px; height: 38px; }
}
/* Tab bar (partials/global/az-tabbar): phones and tablets only. */
.az-tabbar { display: none; }
@media (max-width: 991.98px) {
  .az-tabbar { position: fixed; inset-inline: 0; bottom: 0; z-index: 1040; display: grid; grid-template-columns: repeat(5, 1fr); padding: 6px 4px calc(6px + env(safe-area-inset-bottom)); background: rgba(255, 255, 255, .97); border-top: 1px solid var(--az-border); box-shadow: 0 -8px 24px -12px rgba(21, 37, 83, .18); font-family: var(--az-font); }
  @supports (backdrop-filter: blur(1px)) { .az-tabbar { background: rgba(255, 255, 255, .97); backdrop-filter: blur(12px); } }
  .az-tabbar__item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 52px; color: var(--az-muted) !important; text-decoration: none; -webkit-tap-highlight-color: transparent; }
  .az-tabbar__icon { position: relative; display: flex; align-items: center; justify-content: center; width: 52px; height: 30px; border-radius: var(--az-r-pill); transition: background .2s ease, color .2s ease; }
  .az-tabbar__item.is-active { color: var(--az-navy) !important; }
  .az-tabbar__item.is-active .az-tabbar__icon { background: var(--az-tint-blue); }
  .az-tabbar__item.is-active .az-ico { stroke-width: 2.1; }
  .az-tabbar .az-tabbar__label { font-size: 11px; line-height: 1.2; font-weight: 600; white-space: nowrap; }
  .az-tabbar__item.is-active .az-tabbar__label { font-weight: 700; }
  .az-tabbar .az-tabbar__badge { position: absolute; top: -3px; inset-inline-end: 4px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; border: 2px solid #fff; background: var(--az-purple); color: #fff; font-size: 10.5px; font-weight: 700; line-height: 14px; text-align: center; box-sizing: border-box; }
  .az-tabbar .az-tabbar__badge[hidden] { display: none; }
  body:has(.az-tabbar) #page_wrapper { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
  body:has(.az-tabbar) #scroll { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  .az-chip, .az-more, .az-rail__btn, .az-offer, .az-card__media, .az-tabbar__icon { transition: none; }
  a.az-offer:hover, .az-card:hover .az-card__media { transform: none; }
  .az-card__media:not(.is-ready)::before { animation: none; opacity: 0; }
  .az-rail__track { scroll-behavior: auto; }
}
/* ---------- Store header (design StoreDesktop / Store, phase 4 batch 7): partials/store/header.
   White bar, logo circle ringed in the store tint, store-only search with a store-coloured button,
   store menu with a store-coloured active underline. Scoped to .az-sh / .az-sh-results only. ---------- */
.az-sh { --sh-c: var(--store-accent, var(--az-navy)); --sh-c100: color-mix(in srgb, var(--sh-c) 12%, #fff); --sh-c200: color-mix(in srgb, var(--sh-c) 24%, #fff); background: #fff; color: #1E1B24; position: relative; z-index: 20; }
.az-sh a { text-decoration: none; }
.az-sh__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.az-sh__strip { border-bottom: 1px solid #EEF0F5; font-size: 13px; color: #6B6478; }
.az-sh__strip-in { min-height: 40px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.az-sh__azrar { display: inline-flex; align-items: center; gap: 8px; color: #6B6478 !important; }
.az-sh__azrar i { width: 8px; height: 8px; background: var(--az-purple); transform: rotate(45deg); display: inline-block; }
.az-sh__azrar b { color: var(--az-navy); }
.az-sh__lang .dropdown-toggle { color: #6B6478 !important; font-size: 13px; display: inline-flex; align-items: center; gap: 4px; min-height: 32px; }
.az-sh__lang .dropdown-menu { border: 1px solid var(--az-border); border-radius: var(--az-r-md); box-shadow: 0 12px 32px rgba(21,37,83,.12); min-width: 140px; padding: 6px; }
.az-sh__lang .dropdown-item { border-radius: 10px; font-size: 14px; color: var(--az-ink); padding: 8px 12px; }
.az-sh__lang .dropdown-item[aria-current] { font-weight: 700; color: var(--sh-c); }
.az-sh__main { box-shadow: 0 1px 0 var(--sh-c100); }
.az-sh__row { display: flex; align-items: center; gap: 28px; padding-top: 18px; padding-bottom: 18px; }
.az-sh__id { display: flex; align-items: center; gap: 14px; flex-shrink: 0; min-width: 0; color: #1E1B24 !important; max-width: 40%; }
.az-sh__logo { width: 58px; height: 58px; flex-shrink: 0; border-radius: 50%; background: var(--sh-c); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 700; box-shadow: 0 0 0 4px var(--sh-c100); overflow: hidden; }
.az-sh__logo img { width: 100%; height: 100%; object-fit: cover; }
.az-sh__who { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.az-sh__name { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.az-sh__name b { font-size: 24px; line-height: 1.2; font-weight: 700; color: #1E1B24; overflow-wrap: anywhere; }
.az-sh__tag { font-size: 12px; color: #6B6478; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.az-sh__search { flex-grow: 1; min-width: 0; display: flex; align-items: center; height: 52px; border-radius: var(--az-r-pill); border: 2px solid var(--sh-c200); background: #fff; overflow: hidden; margin: 0; }
.az-sh__search:focus-within { border-color: var(--sh-c); }
.az-sh__search input { flex-grow: 1; min-width: 0; height: 100%; border: 0 !important; outline: none; background: transparent !important; font-size: 15px; color: #1E1B24; padding: 0 18px; box-shadow: none !important; min-height: 0; border-radius: 0 !important; }
.az-sh__search input::-webkit-search-cancel-button { display: none; }
.az-sh__search button { height: 100%; padding: 0 26px; border: 0; background: var(--sh-c); color: #fff; font-size: 14px; font-weight: 700; cursor: pointer; }
.az-sh__search button:hover { background: var(--store-dark, var(--az-navy-2)); }
.az-sh__icons { display: flex; align-items: center; gap: 4px; flex-shrink: 0; }
.az-sh__ico { width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; border-radius: 14px; color: #1E1B24 !important; }
.az-sh__ico:hover { background: var(--sh-c100); }
.az-sh__cart { height: 48px; padding: 0 16px; border-radius: 14px; background: var(--sh-c100); display: inline-flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 700; color: #1E1B24 !important; }
.az-sh__count { min-width: 22px; height: 22px; border-radius: 11px; background: var(--sh-c); color: #fff; font-size: 12px; display: inline-flex; align-items: center; justify-content: center; padding: 0 6px; }
.az-sh__nav { border-top: 1px solid var(--sh-c100); }
.az-sh__nav-in { display: flex; gap: 36px; overflow-x: auto; scrollbar-width: none; }
.az-sh__nav-in::-webkit-scrollbar { display: none; }
.azrar-storefront .az-sh__nav a, .az-sh__nav a { flex-shrink: 0; height: 56px; display: flex; align-items: center; font-size: 15px; font-weight: 500; color: #1E1B24 !important; border-bottom: 3px solid transparent; padding: 0; }
.azrar-storefront .az-sh__nav a:hover, .az-sh__nav a:hover { color: var(--sh-c) !important; }
.azrar-storefront .az-sh__nav a.active, .az-sh__nav a.active { color: var(--sh-c) !important; font-weight: 700; border-bottom-color: var(--sh-c); }
.az-sh-results { margin: 0 0 16px; font-size: 15px; color: var(--az-ink-2); }
.az-sh-results a { color: var(--store-accent, var(--az-blue)); font-weight: 700; }
@media (max-width: 991px) {
  .az-sh__row { flex-wrap: wrap; gap: 10px 4px; padding-top: 12px; padding-bottom: 10px; }
  .az-sh__id { flex: 1 1 0; max-width: none; gap: 10px; }
  .az-sh__logo { width: 44px; height: 44px; font-size: 18px; }
  .az-sh__name b { font-size: 18px; }
  .az-sh__tag { font-size: 11px; }
  .az-sh__search { order: 3; flex: 1 0 100%; height: 46px; }
  .az-sh__search button { padding: 0 18px; }
  .az-sh__ico { width: 44px; height: 44px; }
  .az-sh__cart { width: 44px; height: 44px; padding: 0; justify-content: center; position: relative; background: transparent; }
  .az-sh__cart-txt { display: none; }
  .az-sh__count { position: absolute; top: 3px; inset-inline-end: 2px; min-width: 18px; height: 18px; font-size: 11px; font-weight: 700; padding: 0 4px; }
  .az-sh__strip-in { min-height: 34px; font-size: 11px; }
  .az-sh__nav-in { gap: 24px; }
  .azrar-storefront .az-sh__nav a, .az-sh__nav a { height: 46px; font-size: 14px; }
}
@media (max-width: 575px) {
  .az-sh__icons .az-sh__ico:nth-child(2) { display: none; }
}
/* Store About / Contact (design StoreAboutDesktop / StoreContactDesktop). */
.azrar-store-page .store-page-title { font-size: 40px; margin: 8px 0 24px; }
.azrar-store-page .store-card { border-radius: 26px; padding: 36px 40px; border: 1px solid color-mix(in srgb, var(--store-accent, var(--az-navy)) 12%, #fff); box-shadow: none; }
.azrar-store-page [data-store-about] { max-width: 920px; display: flex; flex-direction: column; gap: 14px; }
.azrar-store-page [data-store-about] p { font-size: 17px; color: #4A4556; }
.azrar-store-page .az-store-empty { max-width: 920px; display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.azrar-store-page .az-store-empty .store-empty { margin: 0; font-size: 17px; }
.az-store-browse { align-self: flex-start; background: color-mix(in srgb, var(--store-accent, var(--az-navy)) 10%, #fff); color: var(--store-accent, var(--az-navy)) !important; border-radius: var(--az-r-pill); padding: 12px 22px; font-size: 14px; font-weight: 700; text-decoration: none; }
.az-store-browse--solid { align-self: center; background: var(--store-accent, var(--az-navy)); color: #fff !important; }
.azrar-store-page [data-store-contact] .form-control { min-height: 52px; border-radius: var(--az-r-md) !important; }
.azrar-store-page [data-store-contact] textarea.form-control { min-height: 130px; }
.azrar-store-page [data-store-contact] .store-btn { min-height: 56px !important; border-radius: var(--az-r-pill) !important; font-size: 16px; }
@media (max-width: 767px) {
  .azrar-store-page .store-page-title { font-size: 28px; margin-bottom: 16px; }
  .azrar-store-page .store-card { padding: 22px 18px; border-radius: 22px; }
}