/* Saba Markazi / mobile-first corrections 2026-10-28
   Loaded after style.css AND category-system.css. Desktop untouched. */
@media (max-width: 900px) {
  html { scroll-padding-top: 112px; }
  body { width: 100%; min-width: 0; overflow-x: clip; }
  .container { width: min(100% - 32px, 700px); }
  .top-bar { display: none; }
  .site-header { z-index: 100; }
  .header-content { padding-block: 9px 10px; min-height: 0; gap: 8px; flex-wrap: wrap; justify-content: space-between; }
  .logo { min-width: 0; max-width: calc(100% - 162px); gap: 7px; flex: 0 1 auto; }
  .logo-icon { height: 38px; width: 38px; flex: 0 0 38px; }
  .logo-text strong { font-size: 17px; white-space: nowrap; }
  .logo-text span { display: none; }
  .header-actions { margin-inline-start: 0; gap: 6px; flex: 0 0 auto; }
  .header-actions > .header-link { display: none; }
  .header-actions .sm-header-track,
  .header-actions .cart,
  .header-actions .menu-toggle { display: grid; place-items: center; width: 39px; height: 39px; min-width: 39px; min-height: 39px; padding: 0; margin: 0; border: 1px solid #e9eaed; border-radius: 11px; background: #fff; color: #252525; }
  .header-actions .sm-header-track { color: #f0780b; background: #fff9f3; }
  .header-actions .sm-header-track span { display: none; }
  .header-actions .cart-icon { font-size: 21px; line-height: 1; }
  .header-actions .cart-badge { top: -10px; left: -7px; right: auto; }
  .search-box { order: 3; flex: 1 0 100%; width: 100%; min-width: 0; max-width: 100%; height: 43px; margin-top: 2px; border-radius: 13px; }
  .search-box input { width: 0; min-width: 0; font-size: 13px; padding-inline: 12px; }
  .search-box button { flex: 0 0 49px; width: 49px; font-size: 19px; }
  /* Collapsible, screen-edge mobile navigation */
  body.smc-nav-locked { overflow: hidden; }
  .smc-nav-backdrop { position: fixed; inset: 0; z-index: 1198; background: rgba(0, 0, 0, .59); opacity: 0; transition: opacity .18s ease; }
  .smc-nav-backdrop.smc-visible { opacity: 1; }
  .navigation { display: none !important; position: fixed; top: 0; right: 0; left: auto; bottom: 0; z-index: 1200; width: min(88vw, 365px); height: 100vh; height: 100dvh; overflow-y: auto; overscroll-behavior: contain; background: #fff; box-shadow: -8px 0 35px rgba(0,0,0,.19); border: 0; }
  .navigation.smc-mobile-open { display: block !important; }
  .navigation .navigation-content { display: flex !important; flex-direction: column; align-items: stretch; width: 100%; min-height: 0; padding: 16px 16px 30px; gap: 14px; }
  .smc-mobile-close { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 46px; padding: 8px 12px; border-radius: 10px; background: #f7f8fa; font-size: 14px; font-weight: 800; }
  .smc-mobile-close span { font-size: 23px; line-height: 1; }
  .navigation .navigation-links { display: flex !important; flex-direction: column; align-items: stretch; width: 100%; max-width: none; gap: 3px; overflow: visible; }
  .navigation .navigation-links .nav-link { display: block; min-height: 43px; width: 100%; padding: 10px 12px; border-radius: 9px; text-align: right; font-size: 14px; }
  .navigation .navigation-links .nav-link.is-active { background: #fff3e9; color: #eb7008; }
  .navigation .cat-menu { display: block !important; width: 100%; }
  .navigation .categories-button { display: flex; justify-content: space-between; height: 45px; width: 100%; padding-inline: 14px; }
  .navigation .cat-menu > .cat-panel,
  .navigation .cat-menu > .smc-menu-panel { position: static !important; inset: auto !important; display: none !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; max-height: none !important; overflow: visible; opacity: 1 !important; visibility: visible !important; transform: none !important; margin-top: 8px; padding: 5px; border: 1px solid #eee; box-shadow: none; }
  .navigation .cat-menu.smc-categories-open > .cat-panel,
  .navigation .cat-menu.smc-categories-open > .smc-menu-panel { display: block !important; }
  .navigation .smc-menu-subtypes { grid-template-columns: 1fr; }
  .navigation .smc-menu-subtypes a { min-height: 39px; padding: 7px 9px; }
  /* Tablet categories: 2 equal cards, never fixed desktop columns. */
  .category-section .category-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; width: 100%; gap: 14px; }
  .category-section .category-grid > .category-item,
  .category-section .category-grid > .category-item:nth-child(n) { grid-column: auto !important; grid-row: auto !important; min-width: 0; width: 100%; }
  .category-section .category-item:not(.category-parts) .category-info,
  .category-section .category-parts .category-info { margin-top: auto; }
  .category-section .category-item { min-height: 245px; padding: 17px; background-size: cover; background-position: center; }
  .category-section .smc-tools-card { background-size: cover !important; }
  /* Various product catalog pages */
  .smc-catalog-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .smc-product-card { min-width: 0; }
  .smc-product-image img, .featured-card .product-image img { max-width: 100%; object-fit: contain; }
  .sm-footer-grid { gap: 22px; }
}
@media (max-width: 600px) {
  :root { --header-h: 105px; }
  .container { width: calc(100% - 28px); }
  .site-header .logo { max-width: calc(100% - 151px); }
  .site-header .logo-icon { width: 34px; height: 34px; flex-basis: 34px; }
  .site-header .logo-text strong { font-size: 16px; }
  .header-actions { gap: 5px; }
  .header-actions .sm-header-track,
  .header-actions .cart,
  .header-actions .menu-toggle { min-width: 37px; width: 37px; height: 37px; min-height: 37px; }
  .search-box input { font-size: 12px; }
  .hero-slider { overflow: hidden; touch-action: pan-y; }
  .hero-slider .hero-slide > .hero.hero-banner,
  .hero-slider .hero-slide > .hero.hero-slide-secondary { min-height: 455px !important; background-position: 54% center; background-size: cover; background-image: linear-gradient(180deg, rgba(4,4,4,.65) 0%, rgba(7,7,7,.55) 52%, rgba(5,5,5,.14) 100%), var(--hero-bg); }
  .hero-slider .hero-slide-secondary { background-position: center bottom !important; }
  .hero-slider .hero-banner-content,
  .hero-slider .hero-slide-secondary .hero-banner-content { display: block; width: calc(100% - 44px); height: auto; min-height: 455px !important; padding-top: 19px; }
  .hero-slider .hero.hero-banner .hero-copy,
  .hero-slider .hero-slide-secondary .hero-copy { position: static !important; inset: auto !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; text-align: right; }
  .hero-slider .hero.hero-banner .hero-main-title,
  .hero-slider .hero-slide-secondary .hero-main-title { font-size: clamp(19px, 5vw, 23px) !important; line-height: 1.45; margin-bottom: 3px; }
  .hero-slider .hero.hero-banner .hero-main-title > span { white-space: normal; }
  .hero-slider .hero.hero-banner .hero-brand-title,
  .hero-slider .hero-slide-secondary .hero-brand-title { font-size: clamp(27px,7vw,33px) !important; line-height: 1.25; margin-bottom: 8px; }
  .hero-slider .hero.hero-banner .hero-subtitle,
  .hero-slider .hero-slide-secondary .hero-subtitle { max-width: 100%; font-size: 12px !important; line-height: 1.75 !important; margin-bottom: 12px; }
  .hero-slider .hero.hero-banner .hero-actions,
  .hero-slider .hero-slide-secondary .hero-actions { display: flex; gap: 8px; flex-wrap: wrap !important; margin-top: 0; margin-bottom: 9px; }
  .hero-slider .hero.hero-banner .hero-actions a,
  .hero-slider .hero-slide-secondary .hero-actions a { width: auto; min-width: 0; max-width: 100%; height: auto; min-height: 38px; padding: 7px 12px; font-size: 11px; white-space: normal; border-radius: 9px; }
  .hero-slider .hero.hero-banner .hero-features,
  .hero-slider .hero-slide:first-child .hero-features,
  .hero-slider .hero-slide-secondary .hero-features { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; gap: 4px 10px; margin: 0; }
  .hero-slider .hero.hero-banner .hero-features li,
  .hero-slider .hero-slide-secondary .hero-features li { font-size: 10px; white-space: normal; line-height: 1.6; }
  .hero-slider .hero-slider-prev,.hero-slider .hero-slider-next { width: 34px; height: 34px; top: auto; bottom: 13px; transform: none; font-size: 18px; }
  .hero-slider .hero-slider-prev:hover,.hero-slider .hero-slider-next:hover { transform: none; }
  .category-section { padding: 34px 0 42px; }
  .category-section .category-heading { margin-bottom: 16px; align-items: stretch; gap: 7px; }
  .category-section .category-heading h2 { font-size: clamp(19px,5vw,23px); line-height: 1.5; }
  .category-section .category-heading p { font-size: 12px; }
  .category-section .category-view-all { align-self: flex-start; font-size: 12px; }
  .category-section .category-grid { grid-template-columns: minmax(0,1fr) !important; gap: 12px; }
  .category-section .category-item { min-height: 218px; width: 100%; padding: 17px; border-radius: 16px; background-size: cover !important; background-position: center !important; }
  .category-section .category-item:not(.category-parts) .category-info,
  .category-section .category-parts .category-info { margin-top: auto !important; }
  .category-section .category-info h3 { font-size: 19px; }
  .category-section .category-info p { font-size: 12px; line-height: 1.7; margin: 2px 0 5px; }
  .category-section .category-link { font-size: 12px; }
  .category-section .category-grid .smc-tools-card { background-size: cover !important; }
  .master-laser-showcase { padding: 10px 0 24px; }
  .products-section { padding-block: 33px 42px; }
  .products-section .section-title { margin-bottom: 17px; }
  .products-section .section-title h2 { font-size: 20px; }
  .featured-slider { touch-action: pan-y; }
  .featured-track { gap: 10px !important; }
  .featured-track .featured-card { flex: 0 0 100% !important; width: 100%; min-width: 0; }
  .featured-card .product-image { min-height: 0 !important; height: 180px !important; padding: 12px !important; }
  .featured-card .product-image img { height: 100%; max-height: 160px; }
  .featured-card .product-details { padding: 14px !important; }
  .featured-card .product-details h3 { font-size: 15px; line-height: 1.55; }
  .featured-card .product-bottom { gap: 10px; flex-wrap: wrap; }
  .featured-card .featured-price strong { font-size: 14px; }
  .featured-card .featured-view-btn { min-height: 38px; font-size: 12px; }
  .sm-benefits { padding-block: 35px 40px; }
  .sm-section-head h2 { font-size: 21px; }
  .sm-about { padding: 40px 0; }
  .sm-about-copy h2 { font-size: 26px; line-height: 1.45; }
  .sm-about-copy p { font-size: 12px; line-height: 2; }
  .sm-about .sm-about-orb-art { min-height: 300px; }
  .sm-about .sm-about-orb { width: min(230px,65%); }
  .sm-about-tags { margin: 15px 0 21px; }
  .sm-footer-top { padding-block: 26px; }
  .sm-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 15px; padding-block: 28px 32px; }
  .sm-footer-col h3 { font-size: 14px; }
  .sm-footer-col a,.sm-footer-col p { font-size: 12px; }
  .smc-catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .smc-product-image { height: 155px; padding: 8px; }
  .smc-product-details { padding: 11px; }
  .smc-product-details h2 { min-height: auto; font-size: 13px; }
  .smc-product-price strong { font-size: 12px; }
  .smc-view-product { font-size: 11px; }
}
@media (max-width: 430px) {
  .sm-footer-grid { grid-template-columns: minmax(0,1fr); gap: 18px; }
  .smc-catalog-grid { grid-template-columns: minmax(0,1fr); }
  .smc-product-image { height: 205px; }
  .smc-product-details h2 { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .smc-nav-backdrop { transition: none; }
}


/* ===============================================================
 SABA MARKAZI — Mobile Edition 2, visual layout inspired by the
 user's Balon Sanat mobile screenshots. Only 600px and smaller.
 Use the store's original orange / charcoal brand, no copied assets.
 =============================================================== */
@media (max-width: 600px) {
  /* Slim top strip and compact, readable mobile header */
  .top-bar { display: block !important; background: #181a1d; color: #fff; }
  .top-bar .top-bar-content { min-height: 29px; padding: 3px 0; display: flex; justify-content: center; }
  .top-bar .top-links { display: none !important; }
  .top-bar .top-info { display: flex !important; flex-wrap: nowrap; justify-content: center; gap: 12px; font-size: 10px; line-height: 1.45; }
  .top-bar .top-info > span:not(.top-phone) { display:none; }
  .site-header { box-shadow: 0 1px 5px rgba(0,0,0,.04); }
  .header-content { padding-block: 6px 9px !important; gap: 6px !important; }
  .logo-icon,.site-header .logo-icon { width: 34px; height:34px; flex-basis:34px; }
  .site-header .logo-text strong { font-size: 17px; }
  .search-box { height: 41px !important; margin-top: 5px !important; border-radius: 9px !important; }
  .search-box input { font-size: 12px !important; }
  .search-box button { height: 41px; background: #f57c15; }
  .navigation.smc-mobile-open { width: min(88vw, 360px); }
  .navigation .navigation-content { padding: 13px 14px 22px !important; }

  /* Home: move trust benefits directly below hero, as in reference. */
  main.smc-home-main { display:flex; flex-direction:column; width:100%; min-width:0; }
  .smc-home-main > .hero-slider { order: 1; }
  .smc-home-main > .sm-benefits { order: 2; }
  .smc-home-main > .category-section { order: 3; }
  .smc-home-main > .master-laser-showcase { order: 4; }
  .smc-home-main > .products-section { order: 5; }
  .smc-home-main > .sm-about { order: 6; }

  /* Hero: short, dense, accessible above-the-fold banner */
  .hero-slider { width:100%; min-height:0 !important; }
  .hero-slider .hero-slide > .hero.hero-banner,
  .hero-slider .hero-slide > .hero.hero-slide-secondary { height: 282px !important; min-height:282px !important;
    background-position:center center !important; background-size:cover !important;
    background-image: linear-gradient(90deg,rgba(9,9,10,.43) 0%,rgba(6,6,7,.75) 100%),var(--hero-bg) !important; }
  .hero-slider .hero-banner-content,
  .hero-slider .hero-slide-secondary .hero-banner-content { min-height: 282px !important; height:282px !important; width:calc(100% - 36px) !important; padding-top:24px !important; }
  .hero-slider .hero.hero-banner .hero-copy, .hero-slider .hero-slide-secondary .hero-copy { max-width:290px !important; width:88% !important; }
  .hero-slider .hero.hero-banner .hero-main-title, .hero-slider .hero-slide-secondary .hero-main-title {
    font-size: 15px !important; line-height:1.5 !important; margin-bottom:4px !important; }
  .hero-slider .hero.hero-banner .hero-brand-title, .hero-slider .hero-slide-secondary .hero-brand-title {
    font-size: 25px !important; line-height:1.2 !important; margin: 0 0 12px !important; }
  .hero-slider .hero.hero-banner .hero-subtitle, .hero-slider .hero-slide-secondary .hero-subtitle { display:none !important; }
  .hero-slider .hero.hero-banner .hero-actions, .hero-slider .hero-slide-secondary .hero-actions { gap:6px; margin:0 !important; flex-wrap: wrap; }
  .hero-slider .hero.hero-banner .hero-actions a, .hero-slider .hero-slide-secondary .hero-actions a {
    min-height:36px !important; padding:7px 10px !important; font-size:11px !important; border-radius:7px; }
  .hero-slider .hero.hero-banner .hero-features, .hero-slider .hero-slide-secondary .hero-features { display:none !important; }
  .hero-slider .hero-slider-prev, .hero-slider .hero-slider-next { bottom:11px !important; height:30px; width:30px; border-radius:50%; }

  /* 2x2 trust benefits instead of massive, full-width cards. */
  .sm-benefits { padding: 13px 0 17px !important; background:#fff; }
  .sm-benefits .sm-section-head { display:none !important; }
  .sm-benefits-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:7px !important; }
  .sm-benefit-card { min-height:75px !important; padding:10px 9px !important; gap:8px !important; flex-direction:row !important; align-items:center !important;
    border-radius:9px !important; box-shadow:none !important; }
  .sm-benefit-icon { width:31px !important; height:31px !important; flex:0 0 31px !important; font-size:16px !important; }
  .sm-benefit-card h3 { font-size:11px !important; line-height:1.5 !important; margin:0 0 3px !important; }
  .sm-benefit-card p { font-size:9px !important; line-height:1.6 !important; }
  .sm-benefit-index { display:none !important; }

  /* Reference: category thumbnails are a compact multi-column gallery. */
  .category-section { padding: 25px 0 26px !important; }
  .category-section .category-heading { display:block !important; text-align:center; margin-bottom:15px !important; }
  .category-section .category-heading h2 { font-size:19px !important; line-height:1.45; }
  .category-section .category-heading p { display:none !important; }
  .category-section .category-eyebrow { font-size:11px !important; }
  .category-section .category-view-all { display:inline-flex; margin-top:9px; font-size:11px !important; }
  .category-section .category-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:9px !important; }
  .category-section .category-grid > .category-item,
  .category-section .category-grid > .category-item:nth-child(n) { grid-area:auto !important; grid-column:auto !important;
    width:auto !important; min-width:0 !important; height:167px !important; min-height:167px !important;
    padding:10px !important; border-radius:11px !important;
    background-size:cover !important; background-position:center center !important; }
  .category-section .category-item:not(.category-parts) .category-info,
  .category-section .category-parts .category-info { margin-top:auto !important; }
  .category-section .category-info h3 { font-size:14px !important; line-height:1.5 !important; }
  .category-section .category-info p, .category-section .category-link,.category-section .category-number { display:none !important; }
  .category-section .category-item::before { display:none !important; }
  .category-section .smc-tools-card::after { display:none !important; }

  .master-laser-showcase { padding: 0 0 15px !important; }
  .master-laser-showcase .master-laser-banner { display:block; overflow:hidden; border-radius:10px; }
  .master-laser-showcase .master-laser-banner img { max-width:100%; height:auto; display:block; }

  /* Two visible product cards; arrows and swipe keep working via main.js. */
  .products-section { padding:24px 0 28px !important; background:#fff; }
  .products-section .section-title { margin-bottom:13px !important; }
  .products-section .section-title h2 { font-size:18px !important; }
  .featured-track { gap:9px !important; }
  .featured-track .featured-card { flex:0 0 calc((100% - 9px) / 2) !important;
    max-width:calc((100% - 9px) / 2) !important; border-radius:10px !important; }
  .featured-card .product-image { height:134px !important; padding:9px !important; }
  .featured-card .product-image img { height:100%; max-height:116px !important; object-fit:contain; }
  .featured-card .product-badge { font-size:9px !important; padding:3px 6px !important; }
  .featured-card .product-details { padding:10px 9px !important; gap:6px; }
  .featured-card .product-category { font-size:10px !important; }
  .featured-card .product-details h3 { font-size:12px !important; line-height:1.6 !important; min-height:57px; }
  .featured-card .product-bottom { display:flex; flex-direction:column !important; align-items:stretch !important;
    gap:7px !important; margin-top:auto; }
  .featured-card .featured-price { min-height:42px; align-items:flex-start; }
  .featured-card .featured-price strong { font-size:12px !important; overflow-wrap:anywhere; white-space:normal; }
  .featured-card .featured-old-price { font-size:9px !important; }
  .featured-card .featured-view-btn { width:100% !important; min-height:34px !important; padding:6px 4px !important; font-size:11px !important; }
  .featured-prev, .featured-next { height:29px !important; width:29px !important; font-size:18px !important; }

  /* About: copy stays; the oversized decorative orange orb moves off small phones. */
  .sm-about { padding: 28px 0 35px !important; }
  .sm-about-layout { display:block !important; }
  .sm-about-copy h2 { font-size:21px !important; line-height:1.55 !important; }
  .sm-about-copy p { font-size:12px !important; line-height:1.9 !important; }
  .sm-about .sm-about-art { display:none !important; }
  .sm-about-tags { display:flex; flex-wrap:wrap; gap:6px !important; }
  .sm-about-tags span { font-size:10px !important; }
  .sm-about-cta { font-size:12px !important; padding:10px 13px !important; }

  /* More compact and navigable dark footer, two links columns. */
  .sm-footer-top { padding:20px 0 !important; }
  .sm-footer-intro h2 { font-size:16px !important; }
  .sm-footer-intro p { font-size:11px !important; }
  .sm-footer-call { font-size:11px !important; min-height:37px !important; margin-top:10px !important; }
  .sm-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:20px 14px !important; padding:24px 0 !important; }
  .sm-footer-brand, .sm-footer-contact { grid-column:1/-1; }
  .sm-footer-col h3 { font-size:13px !important; margin-bottom:5px !important; }
  .sm-footer-col a, .sm-footer-col p { font-size:11px !important; }
  .sm-footer-bottom .container { min-height:0; font-size:10px !important; padding-block:13px !important; }

  /* Catalog listing pages: two readable products per row, including tiny phones. */
  .smc-catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; }
  .smc-product-image { height:135px !important; padding:6px !important; }
  .smc-product-details { padding:10px 8px !important; }
  .smc-product-details h2 { min-height:56px !important; font-size:12px !important; line-height:1.65 !important; }
  .smc-product-details p { display:none !important; }
  .smc-product-price strong { font-size:11px !important; overflow-wrap:anywhere; white-space:normal !important; }
  .smc-product-bottom { gap:7px !important; }
  .smc-view-product { display:block; width:100%; font-size:10px !important; }
}
@media (max-width: 360px) {
  .category-section .category-grid { gap:7px !important; }
  .category-section .category-grid > .category-item:nth-child(n) { height:149px !important; min-height:149px !important; }
  .featured-card .product-image { height:119px !important; }
  .smc-product-details h2 { font-size:11px !important; }
}


/* ================================================================
   SABA MARKAZI | V3 | Product pages + short, fully visible hero + orb
   Safe scope: mobile only, desktop layouts and Django endpoints unchanged
   ================================================================ */
@media (max-width: 900px) {
  /* Product detail: eliminate the inherited 3-column desktop grid. */
  .product-detail-page, .product-detail-page * { box-sizing: border-box; }
  .product-detail-page { padding: 15px 0 45px !important; overflow-x: clip; background: #f8f9fb; }
  .product-detail-page > .container { width: min(calc(100% - 28px), 720px) !important; max-width: 720px !important; margin-inline:auto !important; }
  .product-detail-page .product-breadcrumb { margin: 0 0 13px !important; font-size: 11px !important; gap: 5px !important; line-height:1.9; }
  .product-detail-page .product-breadcrumb > span:last-child { max-width:100%; overflow-wrap:anywhere; }
  .product-detail-page .product-main { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:12px !important; width:100% !important; min-width:0 !important; }
  .product-detail-page .product-main > * { grid-column:1 !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; }
  .product-detail-page .product-gallery { order:1; background:white; padding:12px; border-radius:15px; border:1px solid #ededf1; }
  .product-detail-page .product-main-image { width:100% !important; height:clamp(235px,62vw,340px) !important; min-height:0 !important; padding:12px !important; border:0 !important; border-radius:13px !important; background:#f8f9fb; overflow:hidden; }
  .product-detail-page .product-main-image img { display:block !important; max-width:100% !important; width:100% !important; height:100% !important; max-height:100% !important; object-fit:contain !important; }
  .product-detail-page .product-no-image { display:flex; justify-content:center; flex-direction:column; gap:9px; align-items:center; text-align:center; font-size:12px; line-height:1.8; }
  .product-detail-page .product-no-image span { font-size:36px; color:#ee7b19; }
  .product-detail-page .product-thumbnails { gap:7px; margin-top:10px; padding-bottom:5px; }
  .product-detail-page .product-thumbnail { flex:0 0 57px; width:57px; height:57px; padding:5px; border-radius:8px; }
  .product-detail-page .product-information { order:2; padding:17px !important; background:white; border:1px solid #ededf1; border-radius:15px; }
  .product-detail-page .product-detail-title { font-size:clamp(19px,5vw,24px) !important; line-height:1.7 !important; margin-bottom:10px; overflow-wrap:anywhere; }
  .product-detail-page .product-model { font-size:12px; }
  .product-detail-page .product-feature-badges { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:7px !important; }
  .product-detail-page .product-feature-badge { padding:10px 9px !important; min-width:0; border-radius:10px; }
  .product-detail-page .product-feature-badge strong { font-size:11px !important; overflow-wrap:anywhere; line-height:1.65; }
  .product-detail-page .product-feature-badge small { font-size:10px !important; line-height:1.7; }
  .product-detail-page .product-short-description { margin-top:14px; }
  .product-detail-page .product-short-description h2 { font-size:13px; }
  .product-detail-page .product-short-description p { font-size:12px; line-height:2; }
  .product-detail-page .product-buy-box { order:3; padding:17px !important; background:#fff; border:1px solid #ededf1; border-radius:15px; }
  .product-detail-page .product-price-area { padding:13px 0 !important; }
  .product-detail-page .product-detail-price { font-size:24px !important; text-align:right !important; white-space:normal; overflow-wrap:anywhere; }
  .product-detail-page .product-quantity { flex-wrap:wrap; }
  .product-detail-page .product-buy-benefits { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; }
  .product-detail-page .product-buy-benefits > div { font-size:10px; }
  .product-detail-page .product-content-section { margin-top:14px !important; padding:17px !important; border:1px solid #ecedf1; border-radius:15px; background:white; }
  .product-detail-page .product-section-heading { margin-bottom:15px; padding-bottom:10px; }
  .product-detail-page .product-section-heading h2 { font-size:17px !important; line-height:1.6; }
  .product-detail-page .product-full-description { font-size:12px; line-height:2.15; overflow-wrap:anywhere; }
  .product-detail-page .product-spec-row { grid-template-columns:minmax(100px, 40%) minmax(0,1fr); min-height:44px; }
  .product-detail-page .product-spec-row span, .product-detail-page .product-spec-row strong { min-width:0; padding:9px 10px; font-size:11px; line-height:1.7; overflow-wrap:anywhere; }
  .product-detail-page .product-package-list { grid-template-columns:minmax(0,1fr) !important; }
  .product-detail-page .product-package-item { font-size:11px; }
  .product-detail-page .product-catalog-box { flex-direction:column; align-items:stretch; gap:13px; margin-top:14px; padding:17px; border-radius:14px; }
  .product-detail-page .product-catalog-box a { min-width:0; }
  /* Related products: two cards visible, horizontal scroll driven by swipe or arrows */
  .product-detail-page .smc-related-heading { display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:9px; }
  .product-detail-page .smc-section-eyebrow { display:block; font-size:10px; font-weight:750; color:#f27a09; }
  .product-detail-page .smc-related-heading h2 { font-size:16px !important; }
  .product-detail-page .smc-related-controls { display:flex; gap:7px; direction:ltr; }
  .product-detail-page .smc-related-controls button { display:grid; place-items:center; width:32px; height:32px; flex:0 0 32px; font-size:18px; background:#fff; border:1px solid #e8e9ef; border-radius:50%; color:#24262d; cursor:pointer; }
  .product-detail-page .smc-related-controls button:disabled { opacity:.32; cursor:default; }
  .product-detail-page .related-products-grid { display:flex !important; flex-wrap:nowrap !important; gap:10px !important; grid-template-columns:none !important; overflow-x:auto !important; scroll-snap-type:x mandatory; scroll-behavior:smooth; overscroll-behavior-inline:contain; scrollbar-width:none; -webkit-overflow-scrolling:touch; padding:2px 2px 10px; }
  .product-detail-page .related-products-grid::-webkit-scrollbar { display:none; }
  .product-detail-page .related-product-card { flex:0 0 calc((100% - 10px)/2) !important; min-width:0; max-width:235px; scroll-snap-align:start; border-radius:12px; box-shadow:none; }
  .product-detail-page .related-product-image { height:145px !important; padding:9px !important; }
  .product-detail-page .related-product-image img { max-width:100%; max-height:100%; object-fit:contain; }
  .product-detail-page .related-product-content { padding:10px !important; min-width:0; }
  .product-detail-page .related-product-content h3 { font-size:11px !important; line-height:1.7; min-height:48px; overflow-wrap:anywhere; }
  .product-detail-page .related-product-price strong { font-size:12px; white-space:normal; overflow-wrap:anywhere; }
  .product-detail-page .related-product-button { font-size:10px !important; padding:8px 4px; min-width:0; }
  .product-detail-page .related-product-bottom { display:flex; flex-direction:column; align-items:stretch; gap:7px; }
  /* Reviews appear after recommended products; list first, then comment form. */
  .product-detail-page .product-reviews-layout { display:flex !important; flex-direction:column !important; gap:13px !important; }
  .product-detail-page .reviews-list-box { order:1; }
  .product-detail-page .review-form-box { order:2; }
  .product-detail-page .review-form-box, .product-detail-page .reviews-list-box { width:100%; padding:14px !important; border-radius:12px; }
  .product-detail-page .review-form-box h3, .product-detail-page .reviews-list-box h3 { font-size:14px; }
  .product-detail-page .review-form-group label { font-size:12px; }
  .product-detail-page .review-form-group input:not([type="radio"]), .product-detail-page .review-form-group textarea { min-width:0; width:100%; max-width:100%; }
  .product-detail-page .review-card { overflow-wrap:anywhere; }
}
@media (max-width:600px) {
  /* The banner should be a short horizontal image, not a long desktop hero. */
  .hero-slider .hero-slide > .hero.hero-banner,
  .hero-slider .hero-slide > .hero.hero-slide-secondary {
    height:249px !important; min-height:249px !important;
    background-color:#14171b !important;
    background-image:linear-gradient(180deg,rgba(16,17,20,.94) 0%,rgba(17,18,19,.84) 40%,rgba(17,18,19,.03) 100%),var(--hero-bg) !important;
    background-size:100% 100%,contain !important;
    background-position:center center,center bottom !important;
    background-repeat:no-repeat !important;
  }
  .hero-slider .hero-banner-content, .hero-slider .hero-slide-secondary .hero-banner-content {
    height:249px !important; min-height:249px !important; width:calc(100% - 30px) !important; padding-top:15px !important;
  }
  .hero-slider .hero.hero-banner .hero-copy, .hero-slider .hero-slide-secondary .hero-copy { max-width:340px !important; width:100% !important; }
  .hero-slider .hero.hero-banner .hero-main-title, .hero-slider .hero-slide-secondary .hero-main-title { font-size:13px !important; line-height:1.65 !important; margin:0 0 3px !important; }
  .hero-slider .hero.hero-banner .hero-brand-title, .hero-slider .hero-slide-secondary .hero-brand-title { font-size:22px !important; margin:0 0 8px !important; }
  .hero-slider .hero.hero-banner .hero-actions a, .hero-slider .hero-slide-secondary .hero-actions a { font-size:10px !important; min-height:32px !important; padding:6px 9px !important; }
  .hero-slider .hero-slider-prev, .hero-slider .hero-slider-next { bottom:7px !important; width:29px; height:29px; }
  .hero-slider { touch-action:pan-y; }
  /* Restore the existing 3-photo orange sphere; keep its size reasonable. */
  .sm-about .sm-about-art.sm-about-orb-art { display:grid !important; min-height:255px !important; height:255px !important; margin-top:8px !important; width:100%; }
  .sm-about .sm-about-orb { width:min(194px,59%) !important; max-width:194px; }
  .sm-about .sm-about-orb-label { padding:7px 9px !important; font-size:10px !important; max-width:45%; white-space:normal; }
  .sm-about .sm-about-orb-label small { font-size:9px !important; }
  .sm-about .sm-about-orb-label-top { top:15% !important; right:0 !important; }
  .sm-about .sm-about-orb-label-bottom { bottom:12% !important; left:0 !important; }
}
@media (min-width:601px) and (max-width:900px) {
  .sm-about .sm-about-art.sm-about-orb-art { display:grid !important; width:100%; min-height:335px !important; }
}
@media (max-width:350px) {
  .product-detail-page .related-product-image { height:124px !important; }
  .product-detail-page .related-product-content { padding:8px !important; }
}


/* =============================================================
   SABA MARKAZI – V4: compact mobile hero + slim contact strip +
   shared dots/arrows, one-row product carousel on desktop/mobile.
   Preserves colors, product images, content, backend and data.
   ============================================================= */
/* Shared navigation below every product carousel. */
.smc-carousel-nav {
  display:flex; justify-content:center; align-items:center; gap:14px;
  direction:ltr; padding:17px 0 4px; min-height:56px;
}
.smc-carousel-nav > button, .smc-related-nav > button {
  display:grid !important; place-items:center; flex:0 0 35px;
  width:35px !important; height:35px !important; min-height:35px;
  padding:0 !important; border:1px solid #dedfe2 !important;
  border-radius:50% !important; color:#26272d !important;
  background:#fff !important; font-size:19px !important;
  cursor:pointer; line-height:1;
}
.smc-carousel-nav > button:disabled {opacity:.34 !important; cursor:default;}
.smc-slider-dots {display:flex; align-items:center; justify-content:center; gap:6px; direction:ltr; flex-wrap:nowrap; max-width:min(67vw,360px); overflow-x:auto; scrollbar-width:none; padding:5px 2px;}
.smc-slider-dots::-webkit-scrollbar {display:none;}
.smc-slider-dot {display:block; flex:0 0 7px; width:7px; height:7px; min-width:7px; min-height:7px; padding:0; background:#d8dadd; border:0; border-radius:999px; cursor:pointer; transition:width .15s, background .15s;}
.smc-slider-dot.is-active {background:#f57c0b; width:24px; flex-basis:24px;}
.smc-slider-dot:focus-visible, .smc-carousel-nav > button:focus-visible {outline:2px solid #ef7d16; outline-offset:3px;}
.hero-slider .smc-hero-dots {position:absolute; bottom:11px; left:50%; transform:translateX(-50%); z-index:25; padding:4px 8px; max-width:50%;}
.hero-slider .smc-hero-dots .smc-slider-dot {background:rgba(255,255,255,.56);}
.hero-slider .smc-hero-dots .smc-slider-dot.is-active {background:#f57911;}
.products-section .section-title .featured-slider-controls {display:none !important;}
/* Product detail: one horizontal rail even on large desktops. */
.product-detail-page .related-products-grid {
  display:flex !important; grid-template-columns:none !important;
  flex-wrap:nowrap !important; overflow-x:auto !important;
  gap:16px !important; scroll-snap-type:x mandatory;
  scrollbar-width:none; overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch; scroll-behavior:smooth;
  padding:3px 3px 13px; width:100%; max-width:100%;
  direction:rtl;
}
.product-detail-page .related-products-grid::-webkit-scrollbar {display:none;}
.product-detail-page .related-product-card {
  flex:0 0 calc((100% - 48px)/4) !important;
  width:calc((100% - 48px)/4) !important;
  max-width:none !important; min-width:0 !important;
  scroll-snap-align:start; box-sizing:border-box;
}
.product-detail-page .related-products-section .smc-related-heading .smc-related-controls {display:none !important;}
.product-detail-page .smc-related-nav {display:flex !important;}
@media (min-width:601px) and (max-width:1000px) {
  .product-detail-page .related-product-card {flex-basis:calc((100% - 32px)/3) !important; width:calc((100% - 32px)/3) !important;}
}
@media (max-width:900px) {
  /* Restore the original contact strip across all mobile/tablet widths. */
  .top-bar {display:block !important; background:#191a1d !important; color:#fff !important;}
  .top-bar .top-bar-content {display:flex !important; min-height:29px !important; padding:4px 0 !important; align-items:center; justify-content:center !important;}
  .top-bar .top-links {display:none !important;}
  .top-bar .top-info {display:flex !important; gap:9px; flex-wrap:nowrap; justify-content:center; align-items:center; font-size:11px; line-height:1.45;}
  .top-bar .top-info .top-phone {display:inline-flex !important; align-items:center; gap:5px; font-weight:700; white-space:nowrap;}
  .top-bar .top-info > span:not(.top-phone) {display:none !important;}
}
@media (max-width:600px) {
  /* A compact promotional strip like the reference site's mobile banner. */
  .hero-slider .hero-slide > .hero.hero-banner,
  .hero-slider .hero-slide > .hero.hero-slide-secondary {
    height:196px !important; min-height:196px !important; max-height:196px !important;
    background-color:#151617 !important;
    background-image:linear-gradient(90deg,rgba(9,9,10,.12) 0%,rgba(9,9,10,.38) 40%,rgba(9,9,10,.86) 100%),var(--hero-bg) !important;
    background-size:cover !important; background-position:center center !important;
    background-repeat:no-repeat !important;
  }
  .hero-slider .hero-banner-content,
  .hero-slider .hero-slide-secondary .hero-banner-content {
    height:196px !important; min-height:196px !important; max-height:196px !important;
    width:calc(100% - 25px) !important; padding:12px 0 28px !important;
    overflow:hidden;
  }
  .hero-slider .hero.hero-banner .hero-copy,
  .hero-slider .hero-slide-secondary .hero-copy {
    width:min(77%,290px) !important; max-width:min(77%,290px) !important;
    margin:0 !important; padding:0 !important; text-align:right;
    position:relative !important; inset:auto !important;
  }
  .hero-slider .hero.hero-banner .hero-main-title,
  .hero-slider .hero-slide-secondary .hero-main-title {
    font-size:12.5px !important; font-weight:850 !important;
    line-height:1.48 !important; margin:0 0 4px !important;
  }
  .hero-slider .hero.hero-banner .hero-brand-title,
  .hero-slider .hero-slide-secondary .hero-brand-title {
    font-size:21px !important; line-height:1.2 !important; margin:0 0 8px !important;
  }
  .hero-slider .hero.hero-banner .hero-subtitle,
  .hero-slider .hero-slide-secondary .hero-subtitle,
  .hero-slider .hero.hero-banner .hero-features,
  .hero-slider .hero-slide-secondary .hero-features {display:none !important;}
  .hero-slider .hero.hero-banner .hero-actions,
  .hero-slider .hero-slide-secondary .hero-actions {
    display:flex !important; flex-wrap:wrap !important; gap:6px !important; margin:0 !important;
  }
  .hero-slider .hero.hero-banner .hero-actions a,
  .hero-slider .hero-slide-secondary .hero-actions a {
    display:inline-flex; width:auto !important; min-width:0 !important;
    max-width:100% !important; height:30px !important; min-height:30px !important;
    padding:5px 8px !important; font-size:10px !important;
    border-radius:7px !important; line-height:1.3 !important;
  }
  .hero-slider .hero-slider-prev, .hero-slider .hero-slider-next {
    bottom:8px !important; top:auto !important; transform:none !important;
    width:27px !important; height:27px !important; font-size:15px !important;
  }
  .hero-slider .smc-hero-dots {bottom:10px !important;}
  .product-detail-page .related-products-grid {gap:10px !important;}
  .product-detail-page .related-product-card {
    flex-basis:calc((100% - 10px)/2) !important;
    width:calc((100% - 10px)/2) !important;
  }
  .smc-carousel-nav {padding-top:13px; gap:12px; min-height:50px;}
}
@media (max-width:350px) {
  .hero-slider .hero-slide > .hero.hero-banner,
  .hero-slider .hero-slide > .hero.hero-slide-secondary,
  .hero-slider .hero-banner-content,
  .hero-slider .hero-slide-secondary .hero-banner-content {
    height:184px !important; min-height:184px !important; max-height:184px !important;
  }
  .hero-slider .hero.hero-banner .hero-main-title,
  .hero-slider .hero-slide-secondary .hero-main-title {font-size:11.5px !important;}
  .hero-slider .hero.hero-banner .hero-brand-title,
  .hero-slider .hero-slide-secondary .hero-brand-title {font-size:19px !important;}
}
@media (prefers-reduced-motion:reduce) {
  .smc-slider-dot {transition:none;}
  .product-detail-page .related-products-grid {scroll-behavior:auto;}
}


/* ====================================================================
   SABA MARKAZI V5 — mobile top strip, vertically stacked hero actions,
   protect product detail from document-level sideways scrolling.
   Scoped corrections layered after V1–V4; no database or checkout changes.
   ==================================================================== */

@media (max-width: 900px) {
  /* Keep authentication links AND phone visible in the narrow contact bar. */
  .top-bar .top-bar-content {
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:10px !important;
    min-height:34px !important;
    padding:5px 0 !important;
    flex-wrap:nowrap !important;
  }
  .top-bar .top-links {
    display:flex !important;
    align-items:center !important;
    flex:0 0 auto;
    gap:7px !important;
    min-width:0;
    white-space:nowrap;
    font-size:11px !important;
  }
  .top-bar .top-links a,
  .top-bar .top-links .account-header-logout {
    display:inline-flex !important;
    align-items:center;
    color:#fff;
    font-size:11px !important;
    line-height:1.5;
    padding:0 !important;
    background:none !important;
    border:0 !important;
    text-decoration:none;
  }
  .top-bar .top-links a:hover,
  .top-bar .top-links .account-header-logout:hover { color:#ff9a3e !important; }
  .top-bar .top-links .separator { width:1px; height:13px; flex:0 0 1px; margin:0 2px; background:rgba(255,255,255,.35); }
  .top-bar .top-info {
    display:flex !important;
    flex:0 1 auto;
    min-width:0;
    justify-content:flex-end !important;
    gap:0 !important;
    line-height:1.4;
  }
  .top-bar .top-info .top-phone {
    display:inline-flex !important;
    justify-content:flex-end;
    align-items:center;
    gap:4px;
    min-width:0;
    color:#fff !important;
    text-decoration:none;
    font-size:10px !important;
    font-weight:700;
    white-space:nowrap;
  }
  .top-bar .top-info .smc-top-phone-number { direction:ltr; unicode-bidi:isolate; font:700 10px/1.4 Arial, sans-serif; }
  .top-bar .top-info .smc-top-phone-label { font-size:10px; }
  .top-bar .top-info > span:not(.top-phone) { display:none !important; }
}
@media (max-width: 420px) {
  .top-bar .top-info .smc-top-phone-label { display:none !important; }
  .top-bar .top-links { gap:5px !important; }
}
@media (max-width: 350px) {
  .top-bar .top-links a, .top-bar .top-links .account-header-logout { font-size:10px !important; }
  .top-bar .top-info .smc-top-phone-number { font-size:9.5px !important; }
}

@media (max-width: 600px) {
  /* Two compact CTA buttons, one below the other, aligned to the right in RTL. */
  .smc-home-main .hero-slider .hero.hero-banner .hero-actions,
  .smc-home-main .hero-slider .hero-slide-secondary .hero-actions {
    display:flex !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    width:max-content !important;
    max-width:100% !important;
    gap:5px !important;
    margin:0 !important;
  }
  .smc-home-main .hero-slider .hero.hero-banner .hero-actions a,
  .smc-home-main .hero-slider .hero-slide-secondary .hero-actions a {
    display:inline-flex !important;
    flex:0 0 auto !important;
    align-items:center;
    justify-content:center;
    width:auto !important;
    max-width:100% !important;
    height:26px !important;
    min-height:26px !important;
    padding:4px 9px !important;
    border-radius:7px !important;
    font-size:9.5px !important;
    line-height:1.4 !important;
    white-space:nowrap !important;
  }
}

/* The detail page has its own horizontal carousel: only that element scrolls,
   never the whole HTML document (which caused the offset on iPhone emulation). */
html.smc-product-document,
html.smc-product-document body.smc-product-body {
  max-width:100%;
  min-width:0;
  overflow-x:clip;
}
@media (max-width: 900px) {
  html.smc-product-document body.smc-product-body { width:100%; }
  html.smc-product-document .product-detail-page { width:100%; max-width:100%; min-width:0; }
  html.smc-product-document .product-detail-page > .container {
    display:block;
    width:calc(100% - 28px) !important;
    max-width:720px !important;
    min-width:0 !important;
    margin-inline:auto !important;
  }
  html.smc-product-document .product-detail-page > .container > *,
  html.smc-product-document .product-detail-page .product-main,
  html.smc-product-document .product-detail-page .product-main > *,
  html.smc-product-document .product-detail-page .product-content-section,
  html.smc-product-document .product-detail-page .related-products-section,
  html.smc-product-document .product-detail-page .product-reviews-section {
    min-width:0 !important;
    max-width:100% !important;
  }
  html.smc-product-document .product-detail-page .product-main {
    width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:12px !important;
  }
  html.smc-product-document .product-detail-page .product-main > * { grid-column:1 / -1 !important; }
  html.smc-product-document .product-detail-page .related-products-section { overflow:hidden; }
  html.smc-product-document .product-detail-page .related-products-grid {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    touch-action:pan-x pan-y;
  }
  html.smc-product-document .product-detail-page img { max-width:100%; }
}


/* ================================================================
   SABA MARKAZI V6 — FIX ROOT CAUSE OF MOBILE PRODUCT PAGE OFFSET
   The review star radio inputs were matching the V3 100%-width
   form input rule while position:absolute in global style.css.
   Five full-viewport-wide invisible inputs extended the RTL page.
   Leave the review stars keyboard accessible while visually hidden.
   ================================================================ */
.product-detail-page .review-star-rating {
  position: relative;
}
.product-detail-page .review-star-rating input[type="radio"] {
  position: absolute !important;
  width: 1px !important;
  min-width: 1px !important;
  max-width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  clip-path: inset(50%);
  pointer-events: none;
}
/* The selected rating remains keyboard-operable through its label. */
.product-detail-page .review-star-rating:focus-within {
  outline: 2px solid #e97509;
  outline-offset: 4px;
  border-radius: 6px;
}
@media (max-width:600px) {
  /* Compact, vertically stacked hero actions: short visual button,
     reasonable hit target through modest spacing. */
  .smc-home-main .hero-slider .hero.hero-banner .hero-actions,
  .smc-home-main .hero-slider .hero-slide-secondary .hero-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }
  .smc-home-main .hero-slider .hero.hero-banner .hero-actions a,
  .smc-home-main .hero-slider .hero-slide-secondary .hero-actions a {
    display: inline-flex !important;
    box-sizing: border-box !important;
    width: fit-content !important;
    max-width: 100% !important;
    height: 23px !important;
    min-height: 23px !important;
    padding: 2px 6px !important;
    font-size: 8.5px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    border-radius: 5px !important;
    white-space: nowrap !important;
  }
}


/* ================================================================
   SABA MARKAZI V7 — precise desktop / mobile navigation corrections
   The close button is injected by mobile-fixes.js and MUST stay hidden
   outside the mobile drawer. Desktop category mega-menu is unchanged.
   ================================================================ */
.navigation .smc-mobile-close { display:none !important; }
@media (max-width: 900px) {
  /* Mobile drawer header is visible only inside the opened drawer. */
  .navigation.smc-mobile-open .smc-mobile-close {
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    width:100%;
    min-height:44px;
    text-align:right;
    padding:9px 12px;
    border:1px solid #ebedf0;
    border-radius:10px;
    background:#f7f8fa;
    color:#23262b;
  }
  .navigation.smc-mobile-open .cat-menu {
    position:relative !important;
    display:block !important;
    width:100%;
    min-width:0;
  }
  .navigation.smc-mobile-open .cat-menu .categories-button {
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    width:100%;
    min-height:44px;
    font-size:13px;
    font-weight:800;
    padding:9px 13px;
  }
  .navigation.smc-mobile-open .cat-menu > .smc-menu-panel,
  .navigation.smc-mobile-open .cat-menu > .cat-panel {
    position:static !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:8px 0 0 !important;
    max-height:none !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    border:1px solid #edf0f2;
    border-radius:11px;
    box-shadow:none !important;
    overflow:visible !important;
  }
  .navigation.smc-mobile-open .cat-menu.smc-categories-open > .smc-menu-panel,
  .navigation.smc-mobile-open .cat-menu.smc-categories-open > .cat-panel {
    display:block !important;
  }
  .navigation.smc-mobile-open .cat-menu:not(.smc-categories-open) > .smc-menu-panel,
  .navigation.smc-mobile-open .cat-menu:not(.smc-categories-open) > .cat-panel {
    display:none !important;
  }
  .navigation.smc-mobile-open .smc-menu-group {
    display:block;
    width:100%;
    border-bottom:1px solid #eaecef;
  }
  .navigation.smc-mobile-open .smc-menu-group summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    padding:11px 9px;
    gap:12px;
    line-height:1.65;
    font-size:12px;
    text-align:right;
    white-space:normal;
    cursor:pointer;
  }
  .navigation.smc-mobile-open .smc-menu-group[open] summary {
    background:#fff3e8;
    color:#dd6800;
  }
  .navigation.smc-mobile-open .smc-menu-subtypes {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    width:100%;
    padding:5px 9px 11px;
    gap:3px;
  }
  .navigation.smc-mobile-open .smc-menu-subtypes a {
    display:block;
    min-width:0;
    width:100%;
    max-width:100%;
    margin:0;
    padding:8px 10px;
    font-size:11.5px;
    font-weight:600;
    line-height:1.8;
    white-space:normal;
    border-radius:8px;
    color:#363b42;
    overflow-wrap:anywhere;
  }
  .navigation.smc-mobile-open .smc-menu-subtypes .smc-menu-all {
    color:#e36b04;
    font-weight:850;
    border-bottom:1px solid #f1f1f1;
    padding-bottom:10px;
  }
}


/* Saba Markazi: 2026-10-28 targeted UI refinements */
.hero-slider .hero-slider-prev,
.hero-slider .hero-slider-next { display: none !important; }
.featured-slider { overflow: visible; }
.featured-track {
  width: 100%; overflow-x: auto; overflow-y: hidden;
  transform: none !important; transition: none !important;
  scroll-snap-type: x mandatory; scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain;
  scrollbar-width: none; touch-action: pan-x pan-y;
}
.featured-track::-webkit-scrollbar { display: none; }
.featured-track .featured-card { scroll-snap-align: start; scroll-snap-stop: normal; }
@media (max-width: 900px) {
  .site-header .logo-text { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
  .site-header .logo-text span { display: block !important; font-size: 8px !important; font-weight: 500; line-height: 1.5; white-space: nowrap; letter-spacing: 0; }
  .site-header .logo-text strong { line-height: 1.4; }
  .site-header .logo { max-width: calc(100% - 126px); }
}
@media (max-width: 600px) {
  .featured-slider { overflow: visible; }
  /* MASTER LASER: horizontal image + details, even on phone screens. */
  .welding-catalog .welding-products { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; }
  .welding-catalog .welding-card { display: grid; grid-template-columns: minmax(0, 38%) minmax(0, 1fr); flex-direction: row; border-radius: 14px; min-height: 190px; }
  .welding-catalog .welding-card-image { height: auto; min-height: 170px; padding: 7px; align-self: stretch; }
  .welding-catalog .welding-card-image img { width: 100%; height: 100%; max-height: 185px; object-fit: contain; }
  .welding-catalog .welding-card-body { padding: 10px 9px; min-width: 0; }
  .welding-catalog .welding-card-title { font-size: 13px; line-height: 1.5; min-height: 0; margin: 0 0 5px; overflow-wrap: anywhere; }
  .welding-catalog .welding-model { font-size: 10px; margin-bottom: 5px; }
  .welding-catalog .welding-description { font-size: 10px; line-height: 1.65; min-height: 0; margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  .welding-catalog .welding-card-footer { display: flex; flex-wrap: wrap; align-items: stretch; gap: 6px; padding-top: 7px; }
  .welding-catalog .welding-price-box { width: 100%; height: auto; min-height: 50px; padding: 6px; }
  .welding-catalog .welding-price-box .price-value { font-size: 13px; white-space: normal; overflow-wrap: anywhere; }
  .welding-catalog .welding-discount-badge { font-size: 9px; }
  .welding-catalog .product-view-button { width: 100%; height: 32px; font-size: 10px; border-radius: 8px; }
}
@media (max-width: 380px) {
  .site-header .logo-text span { font-size: 7px !important; }
  .site-header .logo-text strong { font-size: 14px; }
}

/* Compact hero image controls, inspired by the requested bottom navigation. */
.hero-slider .smc-hero-dots {position:static !important; transform:none !important; max-width:unset !important; padding:0 !important;}
.hero-slider .smc-hero-mini-nav {position:absolute; bottom:12px; left:50%; transform:translateX(-50%); z-index:28; display:flex; align-items:center; justify-content:center; gap:9px; border-radius:26px; padding:5px 11px; background:rgba(22,25,26,.75); backdrop-filter:blur(6px);}
.hero-slider .smc-hero-mini-arrow {border:0; background:transparent; color:white; cursor:pointer; padding:0 5px; min-width:21px; font-size:22px; line-height:1;}
.hero-slider .smc-hero-mini-arrow:focus-visible {outline:2px solid var(--brand-orange); outline-offset:2px;}
@media(max-width:700px){.hero-slider .smc-hero-mini-nav{bottom:8px; padding:4px 9px;} .hero-slider .smc-hero-mini-arrow {font-size:19px;}}