/* ABCXYZ Mobile App Mode v1.0.0
   Scope: <= 900px only. Desktop intentionally untouched. */

.abcxyz-appdock,
.abcxyz-searchsheet{display:none}

@media (max-width:900px){
  :root{
    --abc-app-bg:#f4f7fb;
    --abc-app-surface:#ffffff;
    --abc-app-surface-2:#f8fafc;
    --abc-app-text:#111827;
    --abc-app-muted:#6b7280;
    --abc-app-line:rgba(15,23,42,.08);
    --abc-app-accent:#0ea5e9;
    --abc-app-accent-2:#0369a1;
    --abc-app-radius:18px;
    --abc-app-gutter:10px;
    --abc-app-header:58px;
    --abc-app-dock:68px;
  }

  html.abcxyz-appmode-active{
    width:100%;max-width:100%;min-height:100%;overflow-x:hidden;
    background:var(--abc-app-bg);
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }
  body.abcxyz-appmode-active{
    width:100%!important;max-width:100%!important;min-height:100dvh!important;
    margin:0!important;overflow-x:hidden!important;
    padding-bottom:calc(var(--abc-app-dock) + env(safe-area-inset-bottom,0px))!important;
    overscroll-behavior-y:contain;
    -webkit-tap-highlight-color:transparent;
  }
  body.abcxyz-appmode-legacy{background:var(--abc-app-bg)!important;color:var(--abc-app-text)}
  body.abcxyz-appmode-modern{
    --abc-app-bg:#06101a;--abc-app-surface:#0b1926;--abc-app-surface-2:#0d1d2b;
    --abc-app-text:#f8fafc;--abc-app-muted:#94a3b8;--abc-app-line:rgba(255,255,255,.075);
    --abc-app-accent:#22d3ee;--abc-app-accent-2:#0891b2;
    background:var(--abc-app-bg)!important;color:var(--abc-app-text);
  }
  body.abcxyz-sheet-open{overflow:hidden!important}

  /* True mobile viewport + near edge-to-edge shell */
  body.abcxyz-appmode-active .main-wrapper,
  body.abcxyz-appmode-active main,
  body.abcxyz-appmode-active .page-content,
  body.abcxyz-appmode-active .section-ptb{
    width:100%!important;max-width:none!important;margin:0!important;
  }
  body.abcxyz-appmode-active .container,
  body.abcxyz-appmode-active .container-fluid,
  body.abcxyz-appmode-active .max-w-7xl,
  body.abcxyz-appmode-active .max-w-6xl,
  body.abcxyz-appmode-active .max-w-5xl,
  body.abcxyz-appmode-active .max-w-4xl{
    width:100%!important;max-width:none!important;
    margin-left:0!important;margin-right:0!important;
    padding-left:var(--abc-app-gutter)!important;padding-right:var(--abc-app-gutter)!important;
  }
  body.abcxyz-appmode-active img,
  body.abcxyz-appmode-active video,
  body.abcxyz-appmode-active iframe{max-width:100%;}

  /* Legacy abcxyz template -> app shell */
  body.abcxyz-appmode-legacy .header-top-area{display:none!important}
  body.abcxyz-appmode-legacy .header-bottom-area{
    position:sticky!important;top:0!important;z-index:1050!important;
    min-height:var(--abc-app-header)!important;
    background:rgba(255,255,255,.94)!important;
    border-bottom:1px solid var(--abc-app-line)!important;
    box-shadow:0 6px 22px rgba(15,23,42,.05)!important;
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  }
  body.abcxyz-appmode-legacy .header-bottom-area .row{min-height:var(--abc-app-header);align-items:center!important}
  body.abcxyz-appmode-legacy .header-bottom-area .logo-area{padding:0!important;margin:0!important}
  body.abcxyz-appmode-legacy .header-bottom-area .logo-area img{max-height:40px!important;width:auto!important;object-fit:contain}
  body.abcxyz-appmode-legacy .header-bottom-area .main-menu{display:none!important}
  body.abcxyz-appmode-legacy .header-bottom-left{display:flex!important;align-items:center!important;justify-content:flex-end!important}
  body.abcxyz-appmode-legacy .mini-wrap-sidebar{margin:0!important;display:flex!important;align-items:center!important;gap:4px!important}
  body.abcxyz-appmode-legacy .header-search-form{max-width:calc(100vw - 20px)!important}
  body.abcxyz-appmode-legacy .mobile-menu{margin:0!important}
  body.abcxyz-appmode-legacy .breadcrumb-area{display:none!important}
  body.abcxyz-appmode-legacy .section-ptb{padding:10px 0 18px!important}
  body.abcxyz-appmode-legacy .page-content{min-height:calc(100dvh - var(--abc-app-header) - var(--abc-app-dock))!important}
  body.abcxyz-appmode-legacy .footer-top{display:none!important}
  body.abcxyz-appmode-legacy .footer-bottom{padding:8px 0!important;margin:0!important;background:#fff!important;border-top:1px solid var(--abc-app-line)!important}
  body.abcxyz-appmode-legacy .footer-bottom *{font-size:11px!important;color:#94a3b8!important}

  /* Modern abcdxyz-pro-j6 template -> preserve brand palette, tighten like native UI */
  body.abcxyz-appmode-modern #mainHeader{
    height:var(--abc-app-header)!important;min-height:var(--abc-app-header)!important;
    background:rgba(6,16,26,.94)!important;
    border-bottom:1px solid var(--abc-app-line)!important;
    box-shadow:0 8px 28px rgba(0,0,0,.14)!important;
    backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
    padding-top:env(safe-area-inset-top,0px);
  }
  body.abcxyz-appmode-modern #mainHeader>.container>div{height:var(--abc-app-header)!important;min-height:var(--abc-app-header)!important}
  body.abcxyz-appmode-modern #mainHeader .w-11.h-11{width:40px!important;height:40px!important;border-radius:14px!important}
  body.abcxyz-appmode-modern #mobileMenu{
    top:calc(var(--abc-app-header) + env(safe-area-inset-top,0px))!important;
    max-height:calc(100dvh - var(--abc-app-header) - var(--abc-app-dock) - env(safe-area-inset-bottom,0px))!important;
    overflow-y:auto!important;
  }
  body.abcxyz-appmode-modern main{min-height:calc(100dvh - var(--abc-app-header) - var(--abc-app-dock))!important}
  body.abcxyz-appmode-modern main>section{scroll-margin-top:calc(var(--abc-app-header) + 8px)}
  body.abcxyz-appmode-modern footer{padding-bottom:14px!important}
  body.abcxyz-appmode-modern nav.bottom-nav{display:none!important}

  /* Typography: compact, readable, app-like */
  body.abcxyz-appmode-active h1{font-size:clamp(1.55rem,7vw,2rem)!important;line-height:1.45!important;letter-spacing:-.02em}
  body.abcxyz-appmode-active h2{font-size:clamp(1.25rem,5.7vw,1.55rem)!important;line-height:1.5!important}
  body.abcxyz-appmode-active h3{font-size:clamp(1.08rem,4.8vw,1.3rem)!important;line-height:1.55!important}
  body.abcxyz-appmode-active p,
  body.abcxyz-appmode-active li{line-height:1.9}

  /* Joomla content: remove desktop-box feeling */
  body.abcxyz-appmode-legacy .item-page,
  body.abcxyz-appmode-legacy .blog,
  body.abcxyz-appmode-legacy .category-list,
  body.abcxyz-appmode-legacy .contact,
  body.abcxyz-appmode-legacy .login,
  body.abcxyz-appmode-legacy .registration,
  body.abcxyz-appmode-legacy .profile{
    width:100%!important;max-width:none!important;
    border:1px solid var(--abc-app-line)!important;
    background:var(--abc-app-surface)!important;
    border-radius:var(--abc-app-radius)!important;
    box-shadow:0 8px 30px rgba(15,23,42,.045)!important;
    padding:14px!important;margin:0 0 10px!important;
  }
  body.abcxyz-appmode-active .page-header{margin:0 0 12px!important;padding:0!important;border:0!important}
  body.abcxyz-appmode-active .page-header h1,
  body.abcxyz-appmode-active .page-header h2{margin-top:0!important;margin-bottom:8px!important}

  /* JoomShopping: responsive shell without changing product/business logic */
  body.abcxyz-appmode-active .jshop,
  body.abcxyz-appmode-active .jshop_list_product,
  body.abcxyz-appmode-active .jshop_list_category,
  body.abcxyz-appmode-active .checkout_shipping_block,
  body.abcxyz-appmode-active .checkout_payment_block,
  body.abcxyz-appmode-active .checkout_pfinish_block,
  body.abcxyz-appmode-active .address_block{
    width:100%!important;max-width:none!important;
  }
  body.abcxyz-appmode-legacy .jshop_list_product,
  body.abcxyz-appmode-legacy .checkout_shipping_block,
  body.abcxyz-appmode-legacy .checkout_payment_block,
  body.abcxyz-appmode-legacy .checkout_pfinish_block,
  body.abcxyz-appmode-legacy .address_block{
    background:var(--abc-app-surface)!important;
    border:1px solid var(--abc-app-line)!important;border-radius:var(--abc-app-radius)!important;
    padding:12px!important;margin:0 0 10px!important;
    box-shadow:0 8px 30px rgba(15,23,42,.04)!important;
  }
  body.abcxyz-appmode-active .jshop .row-fluid{width:100%!important;margin-left:0!important;margin-right:0!important}
  body.abcxyz-appmode-active .jshop_categ.category{width:100%!important;float:none!important;margin:0 0 10px!important}
  body.abcxyz-appmode-active .jshop_img{max-width:100%!important;height:auto!important;border-radius:14px}
  body.abcxyz-appmode-active .table_items,
  body.abcxyz-appmode-active table{max-width:100%!important}
  body.abcxyz-appmode-active .table_items{display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}

  /* Forms: native-app sized controls, iOS no-zoom */
  body.abcxyz-appmode-active input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  body.abcxyz-appmode-active select,
  body.abcxyz-appmode-active textarea{
    width:100%;max-width:100%;min-height:46px!important;
    font-size:16px!important;line-height:1.4!important;
    border-radius:14px!important;border:1px solid var(--abc-app-line)!important;
    padding:10px 12px!important;box-sizing:border-box!important;
    outline:none!important;
  }
  body.abcxyz-appmode-legacy input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  body.abcxyz-appmode-legacy select,
  body.abcxyz-appmode-legacy textarea{background:#fff!important;color:#111827!important}
  body.abcxyz-appmode-modern input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  body.abcxyz-appmode-modern select,
  body.abcxyz-appmode-modern textarea{background:#0b1926!important;color:#f8fafc!important}
  body.abcxyz-appmode-active input:focus,
  body.abcxyz-appmode-active select:focus,
  body.abcxyz-appmode-active textarea:focus{border-color:var(--abc-app-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--abc-app-accent) 14%,transparent)!important}
  body.abcxyz-appmode-active button,
  body.abcxyz-appmode-active .btn,
  body.abcxyz-appmode-active input[type="submit"]{
    min-height:44px;border-radius:14px!important;touch-action:manipulation;
  }

  /* Existing content media should fill the useful width, not create desktop gutters */
  body.abcxyz-appmode-active .article-info,
  body.abcxyz-appmode-active .icons,
  body.abcxyz-appmode-active .pager{font-size:12px!important}
  body.abcxyz-appmode-active .pagination{flex-wrap:wrap;gap:5px;justify-content:center}

  /* Universal mobile dock */
  .abcxyz-appdock{
    display:grid;grid-template-columns:repeat(5,1fr);align-items:end;
    position:fixed;z-index:2147483000;left:8px;right:8px;bottom:max(7px,env(safe-area-inset-bottom,0px));
    height:62px;padding:5px 5px 4px;
    direction:rtl;
    background:rgba(255,255,255,.94);border:1px solid rgba(15,23,42,.075);
    border-radius:22px;box-shadow:0 14px 46px rgba(15,23,42,.18);
    backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);
  }
  body.abcxyz-appmode-modern .abcxyz-appdock{
    background:rgba(10,24,36,.94);border-color:rgba(255,255,255,.08);box-shadow:0 18px 55px rgba(0,0,0,.42);
  }
  .abcxyz-appdock__item{
    min-width:0;height:52px;text-decoration:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:2px;color:#7b8795!important;border-radius:15px;transition:transform .18s ease,color .18s ease,background .18s ease;
  }
  .abcxyz-appdock__item:active{transform:scale(.94)}
  .abcxyz-appdock__item.is-active{color:var(--abc-app-accent-2)!important;background:color-mix(in srgb,var(--abc-app-accent) 8%,transparent)}
  body.abcxyz-appmode-modern .abcxyz-appdock__item.is-active{color:var(--abc-app-accent)!important}
  .abcxyz-appdock__icon{width:22px;height:22px;display:grid;place-items:center}
  .abcxyz-appdock__icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .abcxyz-appdock__item--raised .abcxyz-appdock__icon{
    width:46px;height:46px;margin-top:-22px;margin-bottom:1px;border-radius:16px;
    background:linear-gradient(145deg,var(--abc-app-accent),var(--abc-app-accent-2));color:white;
    box-shadow:0 10px 28px color-mix(in srgb,var(--abc-app-accent) 35%,transparent);
  }
  .abcxyz-appdock__item--raised .abcxyz-appdock__icon svg{width:23px;height:23px}
  .abcxyz-appdock__label{font-size:10px!important;line-height:1!important;font-weight:700;white-space:nowrap}
  .abcxyz-appdock__item--raised .abcxyz-appdock__label{margin-top:-1px}
  body.abcxyz-keyboard-open .abcxyz-appdock,
  body.abcxyz-viewport-keyboard .abcxyz-appdock{transform:translateY(120%);opacity:0;pointer-events:none}

  /* Search bottom sheet */
  .abcxyz-searchsheet{display:block;position:fixed;z-index:2147483640;inset:0;pointer-events:none;visibility:hidden}
  .abcxyz-searchsheet.is-open{pointer-events:auto;visibility:visible}
  .abcxyz-searchsheet__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0!important;border-radius:0!important;background:rgba(2,6,23,.54);opacity:0;transition:opacity .25s ease}
  .abcxyz-searchsheet.is-open .abcxyz-searchsheet__backdrop{opacity:1}
  .abcxyz-searchsheet__panel{
    position:absolute;left:0;right:0;bottom:0;transform:translateY(105%);transition:transform .34s cubic-bezier(.2,.85,.2,1);
    background:var(--abc-app-surface);color:var(--abc-app-text);border-radius:26px 26px 0 0;
    border-top:1px solid var(--abc-app-line);padding:8px 14px calc(18px + env(safe-area-inset-bottom,0px));
    box-shadow:0 -22px 70px rgba(0,0,0,.2)
  }
  .abcxyz-searchsheet.is-open .abcxyz-searchsheet__panel{transform:translateY(0)}
  .abcxyz-searchsheet__handle{width:42px;height:4px;background:var(--abc-app-line);border-radius:10px;margin:2px auto 14px}
  .abcxyz-searchsheet__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
  .abcxyz-searchsheet__head strong{display:block;font-size:18px}
  .abcxyz-searchsheet__head small{display:block;color:var(--abc-app-muted);margin-top:3px;font-size:11px}
  .abcxyz-searchsheet__close{width:40px;height:40px!important;min-height:40px!important;padding:0!important;border:1px solid var(--abc-app-line)!important;border-radius:13px!important;background:var(--abc-app-surface-2)!important;color:var(--abc-app-muted)!important;display:grid;place-items:center}
  .abcxyz-searchsheet__close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .abcxyz-searchsheet__form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:0!important}
  .abcxyz-searchsheet__form input[type="search"]{margin:0!important;min-width:0!important}
  .abcxyz-searchsheet__form button{margin:0!important;padding:0 18px!important;border:0!important;color:#fff!important;background:linear-gradient(145deg,var(--abc-app-accent),var(--abc-app-accent-2))!important;font-weight:800!important}

  /* Protected Product #1 content: preserve its approved card typography/design */
  body.abcxyz-appmode-active .abcxyz-product-copy{max-width:100%!important}
  body.abcxyz-appmode-active .abcxyz-product-copy h2{font-size:21px!important;line-height:1.65!important}
  body.abcxyz-appmode-active .abcxyz-product-copy h3{font-size:18px!important;line-height:1.7!important}
  body.abcxyz-appmode-active .abcxyz-product-copy p,
  body.abcxyz-appmode-active .abcxyz-product-copy li{line-height:2!important}

  /* Prevent legacy overlays / floating widgets from colliding with the dock */
  body.abcxyz-appmode-active #backToTop,
  body.abcxyz-appmode-active .scroll-top,
  body.abcxyz-appmode-active .back-to-top{bottom:86px!important}
}

@media (max-width:380px){
  :root{--abc-app-gutter:7px}
  .abcxyz-appdock{left:5px;right:5px}
  .abcxyz-appdock__label{font-size:9px!important}
}

/* ================================================================
   ABCXYZ Mobile App Mode v1.1.0 — production overrides
   These rules intentionally do not depend on the JS body class for
   the legacy abcxyz template, so the mobile shell remains effective
   even if a legacy script delays execution.
   ================================================================ */
@media (max-width:900px){
  :root{
    --abc-app-bg:#f7f9fc;
    --abc-app-surface:#fff;
    --abc-app-text:#173a55;
    --abc-app-muted:#83909b;
    --abc-app-line:#e7edf2;
    --abc-app-accent:#1c688d;
    --abc-app-accent-2:#154c6a;
    --abc-app-header:74px;
    --abc-app-dock:68px;
    --abc-app-gutter:10px;
  }

  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body{margin:0!important;background:var(--abc-app-bg)!important;padding-bottom:calc(var(--abc-app-dock) + env(safe-area-inset-bottom,0px))!important}

  /* Social strip belongs in the menu on mobile, not above the app bar. */
  .header-top-area,
  .abcxyz-mobile-social-strip,
  .top-social,
  .social-bar.mobile-top,
  .socialbar.mobile-top{display:none!important}

  /* True compact native-style app bar for the legacy abcxyz header. */
  .header-area{margin:0!important;padding:0!important;background:#fff!important}
  .header-bottom-area,
  .header-bottom-area.header-sticky,
  .header-sticky.is-sticky{
    position:sticky!important;top:0!important;right:auto!important;left:auto!important;
    z-index:1050!important;width:100%!important;height:var(--abc-app-header)!important;
    min-height:var(--abc-app-header)!important;margin:0!important;padding:0!important;
    background:rgba(255,255,255,.97)!important;border:0!important;border-bottom:1px solid var(--abc-app-line)!important;
    box-shadow:0 4px 18px rgba(31,64,84,.055)!important;
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  }
  .header-bottom-area>.container,
  .header-bottom-area>.container>.row{
    width:100%!important;max-width:none!important;height:var(--abc-app-header)!important;min-height:var(--abc-app-header)!important;
    margin:0!important;padding:0 10px!important;align-items:center!important;
  }
  .header-bottom-area>.container>.row{padding:0!important}
  .header-bottom-area [class*="col-"]{padding-top:0!important;padding-bottom:0!important}
  .header-bottom-area .logo-area{
    height:var(--abc-app-header)!important;margin:0!important;padding:0!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
  }
  .header-bottom-area .logo-area a{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important}
  .header-bottom-area .logo-area img{width:auto!important;max-width:58px!important;max-height:58px!important;margin:0!important;object-fit:contain!important}
  .header-bottom-area .header-bottom-left{
    height:var(--abc-app-header)!important;margin:0!important;padding:0!important;
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
  }
  .header-bottom-area .main-menu{display:none!important}
  .header-bottom-area .mini-wrap-sidebar{
    height:var(--abc-app-header)!important;margin:0!important;padding:0!important;
    display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;
  }
  .header-bottom-area .mini-wrap-sidebar .mini-cart-wrap>button,
  .header-bottom-area .mini-wrap-sidebar .search-wrap>button,
  .header-bottom-area .header-search-toggle{
    width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;
    display:grid!important;place-items:center!important;border:1px solid var(--abc-app-line)!important;
    border-radius:14px!important;background:#f8fafc!important;color:#153f5c!important;
    font-size:21px!important;box-shadow:none!important;
  }
  .header-bottom-area .mini-cart-wrap>button>span{top:-4px!important;left:-4px!important}
  .header-bottom-area .search-wrap{margin:0!important}
  .header-bottom-area .search-wrap>button{margin:0!important}
  .header-bottom-area .header-search-form{display:none!important}

  /* MeanMenu trigger sits inside the same app bar, not in a second row. */
  .mobile-menu{position:static!important;float:none!important;width:auto!important;height:0!important;margin:0!important;padding:0!important}
  .mobile-menu .mean-bar{position:static!important;height:0!important;min-height:0!important;padding:0!important;background:transparent!important}
  .mobile-menu .mean-bar .meanmenu-reveal{
    top:15px!important;right:10px!important;left:auto!important;width:44px!important;height:44px!important;
    padding:0!important;border:1px solid var(--abc-app-line)!important;border-radius:14px!important;background:#fff!important;
    box-shadow:0 3px 12px rgba(31,64,84,.06)!important;display:grid!important;place-items:center!important;
  }
  .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar{width:23px!important;background:#1e5676!important;margin:6px 0!important}
  .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar:before,
  .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar:after,
  .mobile-menu .mean-bar .meanmenu-reveal span.menu-close:before,
  .mobile-menu .mean-bar .meanmenu-reveal span.menu-close:after{background:#1e5676!important}
  .mobile-menu .mean-bar .mean-nav{
    position:fixed!important;top:var(--abc-app-header)!important;left:0!important;right:0!important;z-index:1100!important;
    max-height:calc(100dvh - var(--abc-app-header) - var(--abc-app-dock))!important;overflow:auto!important;
    padding:8px 10px 16px!important;background:#fff!important;border-top:1px solid var(--abc-app-line)!important;
    box-shadow:0 16px 40px rgba(15,40,58,.12)!important;
  }
  .mobile-menu .mean-bar .mean-nav>ul{margin:0!important;border:0!important;background:#fff!important;max-height:none!important}
  .mobile-menu .mean-bar .mean-nav>ul li a{
    color:#173a55!important;background:#fff!important;border:0!important;border-bottom:1px solid #eef2f5!important;
    line-height:1.6!important;min-height:48px!important;padding:13px 14px!important;border-radius:0!important;font-size:14px!important;
  }
  .mobile-menu .mean-bar .mean-nav>ul li a.mean-expand{left:0!important;color:#173a55!important;background:#f7f9fb!important;border:0!important;border-radius:12px!important}

  /* Keep the screen title, remove breadcrumb trails and desktop hero spacing. */
  .breadcrumb-area{
    display:block!important;width:100%!important;min-height:0!important;margin:0!important;
    padding:14px 14px 12px!important;background:linear-gradient(180deg,#fbfdff,#f7fafc)!important;
    border:0!important;border-bottom:1px solid var(--abc-app-line)!important;box-shadow:none!important;
  }
  .breadcrumb-area:before,.breadcrumb-area:after{display:none!important}
  .breadcrumb-area>.container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
  .breadcrumb-area .in-breadcrumb,
  .breadcrumb-area .in-breadcrumb .row,
  .breadcrumb-area .in-breadcrumb .col{margin:0!important;padding:0!important;min-height:0!important}
  .breadcrumb-area h1,.breadcrumb-area h2,.breadcrumb-area h3{
    margin:0!important;padding:0!important;text-align:right!important;color:#173f5d!important;
    font-size:21px!important;line-height:1.55!important;font-weight:900!important;
  }
  .breadcrumb-area .breadcrumb-list,
  .breadcrumb-area .breadcrumb,
  .breadcrumb-area .mod-breadcrumbs,
  .breadcrumb-area nav,
  .breadcrumb-area ol,
  .breadcrumb-area ul{display:none!important}

  /* The Joomla main canvas should read like an app screen, not a boxed desktop page. */
  .main-wrapper,.page-content,main,.section-ptb{width:100%!important;max-width:none!important;margin:0!important;background:var(--abc-app-bg)!important}
  .section-ptb{padding:10px 0 16px!important}
  .section-ptb>.container,
  .page-content>.container,
  main>.container{
    width:100%!important;max-width:none!important;margin:0!important;padding-left:10px!important;padding-right:10px!important;
  }
  .item-page,.blog,.category-list,.contact,.login,.registration,.profile{
    width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
    background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  }

  /* Category list: table -> native tappable list cards. */
  .category-list table.category,
  .category-list table.table,
  .category-list table{
    display:block!important;width:100%!important;margin:0!important;border:0!important;background:transparent!important;
    border-collapse:separate!important;border-spacing:0!important;overflow:visible!important;
  }
  .category-list table thead{display:none!important}
  .category-list table tbody{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important}
  .category-list table tr{
    display:block!important;position:relative!important;width:100%!important;margin:0!important;padding:0!important;
    background:#fff!important;border:1px solid var(--abc-app-line)!important;border-radius:17px!important;
    box-shadow:0 4px 16px rgba(23,58,85,.035)!important;overflow:hidden!important;
  }
  .category-list table tr:after{
    content:'‹';position:absolute;left:14px;top:50%;transform:translateY(-52%);color:#9daab4;font:700 24px/1 Arial,sans-serif;
  }
  .category-list table td{
    display:block!important;width:100%!important;min-height:60px!important;padding:16px 42px 16px 14px!important;
    border:0!important;background:#fff!important;text-align:right!important;vertical-align:middle!important;
  }
  .category-list table td a{
    display:block!important;color:#213d52!important;text-decoration:none!important;font-size:15px!important;font-weight:800!important;
    line-height:1.85!important;padding:0!important;margin:0!important;
  }
  .category-list table td small,.category-list table td .small{color:var(--abc-app-muted)!important}

  /* Generic blog/category cards. */
  .blog .items-row,.blog .item,.blog-item,.com-content-category-blog__item{
    background:#fff!important;border:1px solid var(--abc-app-line)!important;border-radius:18px!important;
    padding:14px!important;margin:0 0 9px!important;box-shadow:0 4px 16px rgba(23,58,85,.035)!important;
  }

  /* Tables outside category lists remain readable and scroll only when necessary. */
  table{max-width:100%!important}
  .table-responsive{border:0!important}

  /* Home/app hero: remove desktop framing gutters on small screens. */
  body.abcxyz-appmode-home #english11000-home-hero,
  body.abcxyz-appmode-home main>section:first-child,
  body.abcxyz-appmode-home .page-content>section:first-child{
    max-width:none!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero{width:calc(100% - 12px)!important;margin:6px 6px 14px!important;border-radius:22px!important}

  /* Footer is a website convention; the app tab bar replaces it on mobile. */
  footer.footer-area,.footer-area{display:none!important}

  /* Full-width native tab bar. */
  .abcxyz-appdock{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;
    left:0!important;right:0!important;bottom:0!important;width:100%!important;height:calc(var(--abc-app-dock) + env(safe-area-inset-bottom,0px))!important;
    padding:5px 5px env(safe-area-inset-bottom,0px)!important;border:0!important;border-top:1px solid rgba(15,23,42,.08)!important;
    border-radius:0!important;background:rgba(255,255,255,.97)!important;box-shadow:0 -8px 28px rgba(18,48,68,.08)!important;
    backdrop-filter:blur(20px) saturate(150%)!important;-webkit-backdrop-filter:blur(20px) saturate(150%)!important;
  }
  .abcxyz-appdock__item{height:58px!important;border-radius:14px!important;color:#83909b!important}
  .abcxyz-appdock__item.is-active{color:#155b7e!important;background:rgba(28,104,141,.07)!important}
  .abcxyz-appdock__icon{width:23px!important;height:23px!important}
  .abcxyz-appdock__label{font-size:10px!important;font-weight:800!important}
  .abcxyz-appdock__item--raised .abcxyz-appdock__icon{
    width:44px!important;height:44px!important;margin-top:-13px!important;margin-bottom:0!important;border-radius:15px!important;
    background:linear-gradient(145deg,#2788b4,#155b7e)!important;box-shadow:0 8px 22px rgba(28,104,141,.24)!important;
  }

  /* Search sheet should resemble a native bottom sheet. */
  .abcxyz-searchsheet__panel{border-radius:26px 26px 0 0!important;padding-left:14px!important;padding-right:14px!important}

  /* Never let fixed legacy helpers collide with native tab bar. */
  #backToTop,.scroll-top,.back-to-top{bottom:calc(var(--abc-app-dock) + 12px)!important}
}

@media (max-width:420px){
  :root{--abc-app-header:70px;--abc-app-gutter:8px}
  .header-bottom-area>.container{padding:0 8px!important}
  .header-bottom-area .logo-area img{max-width:54px!important;max-height:54px!important}
  .mobile-menu .mean-bar .meanmenu-reveal{top:13px!important;right:8px!important}
  .breadcrumb-area{padding:12px 12px 10px!important}
  .breadcrumb-area h1,.breadcrumb-area h2,.breadcrumb-area h3{font-size:20px!important}
  .section-ptb>.container{padding-left:8px!important;padding-right:8px!important}
}

/* ================================================================
   ABCXYZ Mobile App Mode v1.3.0
   Search rebuild + no-login frontend + Vazirmatn hardening
   ================================================================ */

/* Use the Vazirmatn files already shipped with the site's modern template.
   No font binaries are bundled in this plugin. */
@font-face{
  font-family:'Vazirmatn';
  src:url('/media/templates/site/abcdxyz-pro-j6/fonts/webfonts/Vazirmatn[wght].woff2') format('woff2-variations'),
      url('/templates/abcdxyz-pro-j6/fonts/webfonts/Vazirmatn[wght].woff2') format('woff2-variations');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}

:root{
  --abc-search-bg:#ffffff;
  --abc-search-text:#173a55;
  --abc-search-muted:#778692;
  --abc-search-line:rgba(23,58,85,.10);
  --abc-search-accent:#1d799f;
  --abc-search-accent-2:#145979;
}

.abcxyz-login-hidden{display:none!important}

/* Hero and mobile shell must actually use Vazirmatn, not just declare it upstream. */
#english11000-home-hero,
#english11000-home-hero *,
body.abcxyz-appmode-active,
body.abcxyz-appmode-active button,
body.abcxyz-appmode-active input,
body.abcxyz-appmode-active select,
body.abcxyz-appmode-active textarea,
body.abcxyz-appmode-active .abcxyz-appdock,
body.abcxyz-appmode-active .abcxyz-searchsheet{
  font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;
}

/* Search is independent of Joomla's legacy com_search/com_finder UI and works
   on desktop too; on mobile it becomes a native-style bottom sheet. */
.abcxyz-searchsheet{
  display:block!important;
  position:fixed;
  z-index:2147483640;
  inset:0;
  pointer-events:none;
  visibility:hidden;
  direction:rtl;
  font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;
}
.abcxyz-searchsheet.is-open{pointer-events:auto;visibility:visible}
.abcxyz-searchsheet__backdrop{
  position:absolute;inset:0;width:100%;height:100%;border:0!important;border-radius:0!important;
  background:rgba(2,10,18,.58)!important;opacity:0;transition:opacity .22s ease;
}
.abcxyz-searchsheet.is-open .abcxyz-searchsheet__backdrop{opacity:1}
.abcxyz-searchsheet__panel{
  position:absolute;background:var(--abc-search-bg)!important;color:var(--abc-search-text)!important;
  border:1px solid var(--abc-search-line)!important;box-shadow:0 28px 90px rgba(2,10,18,.28)!important;
  overflow:hidden;
}
.abcxyz-searchsheet__handle{background:rgba(23,58,85,.12)!important}
.abcxyz-searchsheet__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.abcxyz-searchsheet__head strong{display:block;font-size:18px!important;font-weight:900!important;line-height:1.55!important;color:var(--abc-search-text)!important}
.abcxyz-searchsheet__head small{display:block;margin-top:2px;font-size:11px!important;color:var(--abc-search-muted)!important}
.abcxyz-searchsheet__close{
  width:40px!important;height:40px!important;min-height:40px!important;flex:0 0 40px!important;padding:0!important;
  display:grid!important;place-items:center!important;border:1px solid var(--abc-search-line)!important;border-radius:13px!important;
  background:#f7f9fb!important;color:#6d7f8c!important;box-shadow:none!important;
}
.abcxyz-searchsheet__close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.abcxyz-searchsheet__form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;margin:0!important}
.abcxyz-searchsheet__form input[type="search"]{
  width:100%!important;min-width:0!important;height:50px!important;margin:0!important;padding:0 15px!important;
  border:1px solid #dce5ea!important;border-radius:15px!important;background:#fff!important;color:#173a55!important;
  outline:none!important;font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;font-size:15px!important;
  box-shadow:none!important;
}
.abcxyz-searchsheet__form input[type="search"]:focus{border-color:#2b8eb6!important;box-shadow:0 0 0 3px rgba(43,142,182,.12)!important}
.abcxyz-searchsheet__form button{
  min-width:82px!important;height:50px!important;min-height:50px!important;margin:0!important;padding:0 17px!important;
  border:0!important;border-radius:15px!important;background:linear-gradient(145deg,var(--abc-search-accent),var(--abc-search-accent-2))!important;
  color:#fff!important;font-weight:900!important;font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;box-shadow:none!important;
}
.abcxyz-searchsheet__status{min-height:24px;margin:10px 2px 5px;color:var(--abc-search-muted)!important;font-size:12px!important;display:flex;align-items:center;gap:7px}
.abcxyz-searchsheet__spinner{width:15px;height:15px;border:2px solid #dce7ec;border-top-color:var(--abc-search-accent);border-radius:50%;animation:abcxyzSpin .75s linear infinite}
@keyframes abcxyzSpin{to{transform:rotate(360deg)}}
.abcxyz-searchsheet__results{display:grid;gap:7px;overflow:auto;overscroll-behavior:contain;padding:1px 1px 2px}
.abcxyz-search-result{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  padding:11px 12px!important;border:1px solid var(--abc-search-line)!important;border-radius:15px!important;background:#fff!important;
  color:#173a55!important;text-decoration:none!important;box-shadow:0 2px 10px rgba(23,58,85,.025)!important;
}
.abcxyz-search-result:active{transform:scale(.992)}
.abcxyz-search-result__copy{display:block;min-width:0;text-align:right}
.abcxyz-search-result__meta{display:block;color:#1e799e!important;font-size:10px!important;font-weight:850!important;margin-bottom:2px}
.abcxyz-search-result strong{display:block;color:#173a55!important;font-size:14px!important;line-height:1.75!important;font-weight:900!important}
.abcxyz-search-result small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;color:#7b8994!important;font-size:11px!important;line-height:1.8!important}
.abcxyz-search-result__arrow{flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center;color:#94a3ad;transform:scaleX(-1)}
.abcxyz-search-result__arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

@media (min-width:901px){
  .abcxyz-searchsheet__panel{
    width:min(760px,calc(100vw - 44px));max-height:min(78vh,760px);left:50%;top:50%;bottom:auto;right:auto;
    transform:translate(-50%,-46%) scale(.985);opacity:0;border-radius:24px!important;padding:18px!important;
    transition:transform .24s ease,opacity .2s ease;
  }
  .abcxyz-searchsheet.is-open .abcxyz-searchsheet__panel{transform:translate(-50%,-50%) scale(1);opacity:1}
  .abcxyz-searchsheet__handle{display:none!important}
  .abcxyz-searchsheet__results{max-height:52vh}
}

@media (max-width:900px){
  /* Login/account tab is gone. Four primary actions only. */
  .abcxyz-appdock{grid-template-columns:repeat(4,minmax(0,1fr))!important}

  /* Search sheet fills useful phone width and leaves room for many results. */
  .abcxyz-searchsheet__panel{
    left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;max-height:min(82dvh,760px)!important;
    transform:translateY(105%)!important;opacity:1!important;border-radius:26px 26px 0 0!important;
    padding:8px 13px calc(16px + env(safe-area-inset-bottom,0px))!important;
    transition:transform .32s cubic-bezier(.2,.85,.2,1)!important;
  }
  .abcxyz-searchsheet.is-open .abcxyz-searchsheet__panel{transform:translateY(0)!important}
  .abcxyz-searchsheet__results{max-height:calc(82dvh - 185px)}

  /* The home hero should feel like part of the app shell rather than a foreign iframe/card. */
  #english11000-home-hero{font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important}
  #english11000-home-hero h1,
  #english11000-home-hero h2,
  #english11000-home-hero h3,
  #english11000-home-hero p,
  #english11000-home-hero span,
  #english11000-home-hero a,
  #english11000-home-hero button{font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important}
}


/* ================================================================
   ABCXYZ Mobile App Mode v1.3.0
   Mobile spacing polish + deterministic shop/cart navigation
   ================================================================ */
@media (max-width:900px){
  :root{--abc-app-gutter:8px}

  /* Legacy hover mini-cart is a desktop pattern. On touch it can open above
     the viewport; App Mode sends the cart button directly to /shop/cart. */
  .mini-cart-wrap .mini-cart-wrap{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}

  /* Reduce Bootstrap/template nesting so the phone canvas is actually used. */
  .section-ptb>.container,
  .page-content>.container,
  main>.container{padding-left:8px!important;padding-right:8px!important}
  .section-ptb .row,
  .page-content .row,
  main>.container>.row{margin-left:0!important;margin-right:0!important}
  .section-ptb .row>[class*="col-"],
  .page-content .row>[class*="col-"],
  main>.container>.row>[class*="col-"]{padding-left:0!important;padding-right:0!important}

  /* Content lists: one surface only; parent wrappers must not create a second card. */
  .category-list,
  .com-content-category-list,
  .com-content-category-blog,
  .blog,
  .blog-featured{
    width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
    background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  }
  .category-list table tbody{gap:7px!important}
  .category-list table tr{border-radius:16px!important;box-shadow:0 3px 12px rgba(23,58,85,.03)!important}
  .category-list table td{min-height:58px!important;padding:14px 38px 14px 12px!important}

  /* JoomShopping list canvas: remove the wide white frame around product cards. */
  #comjshop_list_product,
  .jshop_list_product,
  .jshop_list_category,
  .jshop.products,
  .jshop.productview{
    width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
    background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  }
  #comjshop_list_product>.grid,
  .jshop_list_product>.grid{gap:10px!important;padding:0 2px!important;margin:0!important}
  #comjshop_list_product .block_product,
  .jshop_list_product .block_product{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
  #comjshop_list_product .product,
  .jshop_list_product .product,
  #comjshop_list_product .ee-card{width:100%!important;max-width:none!important;margin:0!important;border-radius:20px!important}

  /* Product detail pages also use the full mobile canvas while preserving
     Product #1 content and all purchasing logic. */
  .jshop.productview .productfull,
  .productview .productfull,
  #comjshop .productfull{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
  .productview .productfull>.row,
  #comjshop .productfull>.row{margin-left:0!important;margin-right:0!important}
  .productview .productfull>.row>[class*="col-"],
  #comjshop .productfull>.row>[class*="col-"]{padding-left:0!important;padding-right:0!important}

  /* Homepage hero: break out of legacy desktop containers. A native mobile
     hero should sit roughly 8px from the phone edges, not 30px+. */
  body.abcxyz-appmode-home #english11000-home-hero{
    position:relative!important;left:50%!important;transform:translateX(-50%)!important;
    width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;
    margin:6px 0 12px!important;border-radius:20px!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero .e11-grid{padding-left:14px!important;padding-right:14px!important}

  /* Less dead space between app bar and first screen content. */
  .section-ptb{padding-top:6px!important}
  .page-content>:first-child,main>:first-child{margin-top:0!important}
}

@media (max-width:420px){
  .section-ptb>.container,.page-content>.container,main>.container{padding-left:6px!important;padding-right:6px!important}
  body.abcxyz-appmode-home #english11000-home-hero{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important}
}

/* ================================================================
   ABCXYZ Mobile App Mode v1.4.0
   Hero viewport safety + flatter shop canvas + hard cart neutralization
   ================================================================ */
@media (max-width:900px){
  /* Header cart: on mobile this is a direct destination, never a hover/flyout UI. */
  .mini-wrap-sidebar > .cart_product,
  .mini-wrap-sidebar > .cart_total,
  .mini-wrap-sidebar > .mini-cart-wrap > .mini-cart-wrap,
  .mini-wrap-sidebar > .mini-cart-wrap > ul,
  .abcxyz-cart-direct-only > .mini-cart-wrap,
  .abcxyz-cart-direct-only > .cart_product,
  .abcxyz-cart-direct-only > .cart_total{
    display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
  }
  .header-bottom-area .mini-wrap-sidebar .abcxyz-direct-cart{
    position:relative!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
    margin:0!important;padding:0!important;display:grid!important;place-items:center!important;
    border:1px solid var(--abc-app-line)!important;border-radius:14px!important;background:#f8fafc!important;
    color:#153f5c!important;text-decoration:none!important;font-size:21px!important;line-height:1!important;box-shadow:none!important;
    -webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;
  }
  .header-bottom-area .mini-wrap-sidebar .abcxyz-direct-cart i{font-size:22px!important;line-height:1!important}
  .header-bottom-area .mini-wrap-sidebar .abcxyz-direct-cart>span{
    position:absolute!important;top:-4px!important;left:-4px!important;width:18px!important;height:18px!important;
    display:grid!important;place-items:center!important;border-radius:999px!important;background:#ff5951!important;
    color:#fff!important;font-size:10px!important;font-weight:800!important;line-height:18px!important;
  }

  /* Hero: v1.3 centered a viewport-wide element relative to a narrower parent.
     Center it against the viewport instead, then keep every inner block inside it. */
  body.abcxyz-appmode-home #english11000-home-hero{
    box-sizing:border-box!important;position:relative!important;left:50%!important;right:auto!important;
    transform:translateX(calc(-50vw + 8px))!important;
    width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;
    margin:8px 0 14px!important;border-radius:20px!important;overflow:hidden!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero,
  body.abcxyz-appmode-home #english11000-home-hero *{box-sizing:border-box!important}
  body.abcxyz-appmode-home #english11000-home-hero .e11-grid,
  body.abcxyz-appmode-home #english11000-home-hero > div{
    width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero .e11-grid{padding-left:16px!important;padding-right:16px!important}
  body.abcxyz-appmode-home #english11000-home-hero h1,
  body.abcxyz-appmode-home #english11000-home-hero h2,
  body.abcxyz-appmode-home #english11000-home-hero h3,
  body.abcxyz-appmode-home #english11000-home-hero p,
  body.abcxyz-appmode-home #english11000-home-hero .e11-lead,
  body.abcxyz-appmode-home #english11000-home-hero .e11-copy{
    max-width:100%!important;min-width:0!important;overflow-wrap:break-word!important;word-break:normal!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero img{max-width:100%!important;height:auto}

  /* Shop: use one mobile surface, not a Bootstrap/container frame + a second product frame. */
  body.abcxyz-appmode-shop .section-ptb{padding:8px 0 0!important}
  body.abcxyz-appmode-shop .section-ptb>.container,
  body.abcxyz-appmode-shop .page-content>.container,
  body.abcxyz-appmode-shop main>.container{
    width:100%!important;max-width:none!important;margin:0!important;padding-left:8px!important;padding-right:8px!important;
  }
  body.abcxyz-appmode-shop #comjshop,
  body.abcxyz-appmode-shop .jshop,
  body.abcxyz-appmode-shop #comjshop_list_product,
  body.abcxyz-appmode-shop .jshop_list_product,
  body.abcxyz-appmode-shop .jshop_list_category,
  body.abcxyz-appmode-shop .jshop.productview{
    box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
    background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  }
  body.abcxyz-appmode-shop #comjshop_list_product>.grid,
  body.abcxyz-appmode-shop .jshop_list_product>.grid{
    width:100%!important;max-width:none!important;margin:0!important;padding:0!important;gap:8px!important;
  }
  body.abcxyz-appmode-shop #comjshop_list_product .block_product,
  body.abcxyz-appmode-shop .jshop_list_product .block_product{
    box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  }
  body.abcxyz-appmode-shop #comjshop_list_product .product,
  body.abcxyz-appmode-shop .jshop_list_product .product,
  body.abcxyz-appmode-shop #comjshop_list_product .ee-card,
  body.abcxyz-appmode-shop .jshop_list_product .ee-card{
    box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;
  }

  /* Common legacy wrappers around JoomShopping sometimes keep a centered desktop width.
     On the shop route, release only those wrappers that directly contain the shop. */
  body.abcxyz-appmode-shop .section-ptb>.container:has(#comjshop_list_product),
  body.abcxyz-appmode-shop .section-ptb>.container:has(.jshop){padding-left:8px!important;padding-right:8px!important}
}

@media (max-width:420px){
  body.abcxyz-appmode-home #english11000-home-hero{
    transform:translateX(calc(-50vw + 6px))!important;
    width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero .e11-grid{padding-left:13px!important;padding-right:13px!important}
  body.abcxyz-appmode-shop .section-ptb>.container,
  body.abcxyz-appmode-shop .page-content>.container,
  body.abcxyz-appmode-shop main>.container{padding-left:6px!important;padding-right:6px!important}
}
@media (max-width:900px){
  body.abcxyz-appmode-shop .jshop>.row,
  body.abcxyz-appmode-shop #comjshop>.row,
  body.abcxyz-appmode-shop #comjshop_list_product .row,
  body.abcxyz-appmode-shop .jshop_list_product .row{
    width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;
  }
  body.abcxyz-appmode-shop .jshop>.row>[class*="col-"],
  body.abcxyz-appmode-shop #comjshop>.row>[class*="col-"],
  body.abcxyz-appmode-shop #comjshop_list_product .row>[class*="col-"],
  body.abcxyz-appmode-shop .jshop_list_product .row>[class*="col-"]{
    width:100%!important;max-width:none!important;padding-left:0!important;padding-right:0!important;
  }
  body.abcxyz-appmode-shop .jshop>div,
  body.abcxyz-appmode-shop #comjshop>div{
    max-width:100%!important;
  }
}

/* ================================================================
   ABCXYZ Mobile App Mode v1.5.0
   Unified content cards + canonical home canvas + absolute cart shutdown
   ================================================================ */
@media (max-width:900px){
  /* Content category rows are normalized by JS into one semantic tappable cell.
     This removes Joomla's secondary columns/dividers without touching article URLs. */
  .category-list table tbody tr.abcxyz-content-card{
    display:block!important;position:relative!important;width:100%!important;
    min-height:68px!important;margin:0!important;padding:0!important;
    border:1px solid rgba(23,58,85,.10)!important;border-radius:17px!important;
    background:#fff!important;overflow:hidden!important;
  }
  .category-list table tbody tr.abcxyz-content-card::after{
    content:'‹'!important;position:absolute!important;left:16px!important;top:50%!important;
    transform:translateY(-50%)!important;color:#a3b0b9!important;font:700 25px/1 Arial,sans-serif!important;
    pointer-events:none!important;
  }
  .category-list table .abcxyz-content-card__cell{
    display:block!important;width:100%!important;min-height:68px!important;
    margin:0!important;padding:0!important;border:0!important;background:#fff!important;
  }
  .category-list table .abcxyz-content-card__link{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    width:100%!important;min-height:68px!important;margin:0!important;
    padding:14px 44px 14px 16px!important;border:0!important;background:transparent!important;
    color:#202a32!important;text-decoration:none!important;text-align:right!important;
    font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;font-size:15px!important;
    font-weight:800!important;line-height:1.85!important;white-space:normal!important;
    overflow-wrap:anywhere!important;word-break:normal!important;
  }

  /* Canonical homepage canvas: stop viewport breakout transforms. Hero and its
     surrounding landing sections now inherit one real mobile content width. */
  body.abcxyz-appmode-home .abcxyz-home-canvas{
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;
    margin-left:auto!important;margin-right:auto!important;padding-left:8px!important;padding-right:8px!important;
    overflow:hidden!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe{
    position:relative!important;left:auto!important;right:auto!important;transform:none!important;
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;
    margin:8px auto 14px!important;border-radius:20px!important;overflow:hidden!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe .e11-grid,
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe > div{
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;
    margin-left:auto!important;margin-right:auto!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe .e11-grid{
    padding-left:18px!important;padding-right:18px!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe h1,
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe h2,
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe h3,
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe p{
    max-width:100%!important;margin-left:auto!important;margin-right:auto!important;
    padding-left:0!important;padding-right:0!important;overflow:visible!important;
  }

  /* Kill every legacy JoomShopping cart surface in the header, regardless of
     Joomla module chrome depth. Only the direct cart anchor survives. */
  .header-bottom-area .mini-wrap-sidebar .cart_product,
  .header-bottom-area .mini-wrap-sidebar .cart_total,
  .header-bottom-area .mini-wrap-sidebar .mini-cart-wrap .mini-cart-wrap,
  .header-bottom-area .mini-wrap-sidebar .abcxyz-cart-direct-only > ul,
  .header-bottom-area .mini-wrap-sidebar .abcxyz-cart-direct-only > div:not(.abcxyz-direct-cart){
    display:none!important;visibility:hidden!important;opacity:0!important;
    pointer-events:none!important;position:absolute!important;inset:auto!important;
    width:0!important;height:0!important;max-width:0!important;max-height:0!important;
    margin:0!important;padding:0!important;overflow:hidden!important;
  }
  .header-bottom-area .mini-wrap-sidebar .abcxyz-cart-direct-only:hover > *,
  .header-bottom-area .mini-wrap-sidebar .abcxyz-cart-direct-only:focus-within > *{
    visibility:visible;
  }
  .header-bottom-area .mini-wrap-sidebar .abcxyz-cart-direct-only:hover > .abcxyz-direct-cart,
  .header-bottom-area .mini-wrap-sidebar .abcxyz-cart-direct-only:focus-within > .abcxyz-direct-cart{
    display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
    width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;
  }
}

@media (max-width:420px){
  body.abcxyz-appmode-home .abcxyz-home-canvas{padding-left:6px!important;padding-right:6px!important}
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe .e11-grid{padding-left:15px!important;padding-right:15px!important}
}


/* ================================================================
   ABCXYZ Mobile App Mode v1.6.0
   Content library redesign + compact shop canvas + cart empty state
   ================================================================ */
@media (max-width:900px){
  /* CONTENT LIBRARY — one clear app surface, not a Joomla table inside a white box. */
  body.abcxyz-appmode-active .category-list{
    background:transparent!important;border:0!important;box-shadow:none!important;
    padding:0 2px 8px!important;margin:0!important;
  }
  body.abcxyz-appmode-active .category-list table,
  body.abcxyz-appmode-active .category-list table tbody{
    background:transparent!important;border:0!important;box-shadow:none!important;
  }
  body.abcxyz-appmode-active .category-list table tbody{
    gap:10px!important;
  }
  body.abcxyz-appmode-active .category-list table tbody tr.abcxyz-content-card{
    min-height:84px!important;border:1px solid rgba(26,72,104,.09)!important;
    border-radius:20px!important;background:linear-gradient(145deg,#ffffff 0%,#fbfdff 100%)!important;
    box-shadow:0 7px 22px rgba(15,56,86,.045)!important;overflow:hidden!important;
    transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
  }
  body.abcxyz-appmode-active .category-list table tbody tr.abcxyz-content-card:active{
    transform:scale(.985)!important;border-color:rgba(22,121,168,.20)!important;
    box-shadow:0 3px 12px rgba(15,56,86,.035)!important;
  }
  body.abcxyz-appmode-active .category-list table tbody tr.abcxyz-content-card::after{
    content:none!important;display:none!important;
  }
  body.abcxyz-appmode-active .category-list table .abcxyz-content-card__cell{
    min-height:84px!important;background:transparent!important;
  }
  body.abcxyz-appmode-active .category-list table .abcxyz-content-card__link{
    display:grid!important;grid-template-columns:44px minmax(0,1fr) 30px!important;
    align-items:center!important;gap:11px!important;width:100%!important;min-height:84px!important;
    padding:11px 12px!important;color:#1d3447!important;text-decoration:none!important;
    font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;text-align:right!important;
  }
  .abcxyz-content-card__icon{
    width:42px!important;height:42px!important;border-radius:14px!important;
    display:grid!important;place-items:center!important;background:linear-gradient(145deg,#e9f7fd,#f3faff)!important;
    color:#16799f!important;border:1px solid rgba(22,121,159,.09)!important;
  }
  .abcxyz-content-card__icon svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  .abcxyz-content-card__copy{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important}
  .abcxyz-content-card__kicker{display:block!important;margin:0!important;color:#7c929f!important;font-size:10px!important;line-height:1.45!important;font-weight:700!important;letter-spacing:0!important}
  .abcxyz-content-card__title{display:block!important;width:100%!important;color:#1f303d!important;font-size:14px!important;line-height:1.75!important;font-weight:800!important;overflow-wrap:break-word!important;word-break:normal!important}
  .abcxyz-content-card__arrow{
    width:28px!important;height:28px!important;border-radius:999px!important;display:grid!important;place-items:center!important;
    color:#91a4b0!important;background:#f5f8fa!important;border:1px solid rgba(35,68,90,.06)!important;
  }
  .abcxyz-content-card__arrow svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;transform:rotate(180deg)!important}

  /* Make the legacy section caption/title feel like an app section header. */
  body.abcxyz-appmode-active .category-list caption,
  body.abcxyz-appmode-active .category-list .content-category > h2,
  body.abcxyz-appmode-active .category-list .content-category > h3,
  body.abcxyz-appmode-active .category-list .page-header{
    margin:0 4px 10px!important;padding:0!important;background:transparent!important;border:0!important;
    color:#607482!important;font-size:14px!important;line-height:1.5!important;font-weight:800!important;text-align:right!important;
  }

  /* SHOP ROOT — reduce the remaining desktop-like nesting without touching product internals. */
  body.abcxyz-appmode-shoproot .section-ptb{padding-top:4px!important}
  body.abcxyz-appmode-shoproot .section-ptb>.container,
  body.abcxyz-appmode-shoproot .page-content>.container,
  body.abcxyz-appmode-shoproot main>.container{
    padding-left:4px!important;padding-right:4px!important;
  }
  body.abcxyz-appmode-shoproot #comjshop_list_product,
  body.abcxyz-appmode-shoproot .jshop_list_product{
    padding:0!important;margin:0!important;width:100%!important;max-width:none!important;
  }
  body.abcxyz-appmode-shoproot #comjshop_list_product>.grid,
  body.abcxyz-appmode-shoproot .jshop_list_product>.grid{
    padding:0!important;margin:0!important;gap:6px!important;
  }
  body.abcxyz-appmode-shoproot #comjshop_list_product .block_product,
  body.abcxyz-appmode-shoproot .jshop_list_product .block_product{
    padding:0!important;margin:0!important;width:100%!important;max-width:none!important;
  }
  body.abcxyz-appmode-shoproot #comjshop_list_product .ee-card,
  body.abcxyz-appmode-shoproot .jshop_list_product .ee-card,
  body.abcxyz-appmode-shoproot #comjshop_list_product .product,
  body.abcxyz-appmode-shoproot .jshop_list_product .product{
    width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;
  }

  /* EMPTY CART — compact, intentional app state instead of a large blank web page. */
  body.abcxyz-appmode-cart .section-ptb{padding-top:14px!important}
  body.abcxyz-appmode-cart .abcxyz-empty-cart{
    width:calc(100% - 20px)!important;max-width:560px!important;margin:0 auto!important;padding:0!important;
  }
  body.abcxyz-appmode-cart .abcxyz-empty-cart__message{
    min-height:0!important;margin:22px 0 12px!important;padding:26px 18px 22px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;
    text-align:center!important;color:#29485d!important;font-size:16px!important;line-height:1.9!important;font-weight:700!important;
    background:#fff!important;border:1px solid rgba(24,78,112,.09)!important;border-radius:22px!important;
    box-shadow:0 8px 26px rgba(18,58,86,.045)!important;
  }
  .abcxyz-empty-cart__icon{
    width:58px!important;height:58px!important;border-radius:18px!important;display:grid!important;place-items:center!important;
    color:#16799f!important;background:linear-gradient(145deg,#e8f7fd,#f7fbfd)!important;border:1px solid rgba(22,121,159,.10)!important;
  }
  .abcxyz-empty-cart__icon svg{width:29px!important;height:29px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  body.abcxyz-appmode-cart .cart_buttons{margin:0!important;padding:0!important;background:transparent!important;border:0!important}
  body.abcxyz-appmode-cart .cart_buttons #checkout,
  body.abcxyz-appmode-cart #checkout{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;gap:0!important}
  body.abcxyz-appmode-cart .cart_buttons .pull-left,
  body.abcxyz-appmode-cart .cart_buttons .pull-right,
  body.abcxyz-appmode-cart #checkout .pull-left,
  body.abcxyz-appmode-cart #checkout .pull-right{float:none!important;width:auto!important;margin:0!important;padding:0!important}
  body.abcxyz-appmode-cart .abcxyz-empty-cart__back,
  body.abcxyz-appmode-cart .cart_buttons a.btn-arrow-left{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;
    padding:0 24px!important;margin:0!important;border:0!important;border-radius:15px!important;
    background:#174f7d!important;color:#fff!important;box-shadow:0 8px 20px rgba(23,79,125,.16)!important;
    font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;font-size:14px!important;font-weight:800!important;line-height:1!important;
    text-decoration:none!important;outline:0!important;
  }
  body.abcxyz-appmode-cart .abcxyz-empty-cart__back:hover,
  body.abcxyz-appmode-cart .abcxyz-empty-cart__back:focus,
  body.abcxyz-appmode-cart .abcxyz-empty-cart__back:active,
  body.abcxyz-appmode-cart .cart_buttons a.btn-arrow-left:hover,
  body.abcxyz-appmode-cart .cart_buttons a.btn-arrow-left:focus,
  body.abcxyz-appmode-cart .cart_buttons a.btn-arrow-left:active{
    background:#174f7d!important;color:#fff!important;transform:none!important;
  }

  /* HOME — only a tiny gutter polish; preserve the now-stable hero geometry. */
  body.abcxyz-appmode-home .abcxyz-home-canvas{padding-left:5px!important;padding-right:5px!important}
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe{margin-top:6px!important;margin-bottom:10px!important}
}

@media (max-width:420px){
  body.abcxyz-appmode-active .category-list table .abcxyz-content-card__link{grid-template-columns:40px minmax(0,1fr) 28px!important;gap:9px!important;padding:10px!important}
  .abcxyz-content-card__icon{width:40px!important;height:40px!important;border-radius:13px!important}
  .abcxyz-content-card__title{font-size:13.5px!important;line-height:1.72!important}
}

/* ================================================================
   ABCXYZ Mobile App Mode v1.7.0
   App pagination + true edge-aligned shop card
   ================================================================ */
@media (max-width:900px){
  /* CONTENT PAGINATION — replace the legacy multi-row Joomla number grid
     with one compact, swipe-safe app pager. */
  body.abcxyz-appmode-active .abcxyz-app-pager{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    width:100%!important;max-width:100%!important;margin:20px auto 8px!important;padding:2px 8px!important;
    direction:ltr!important;overflow:hidden!important;font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;
  }
  body.abcxyz-appmode-active .abcxyz-app-pager__link,
  body.abcxyz-appmode-active .abcxyz-app-pager__current,
  body.abcxyz-appmode-active .abcxyz-app-pager__ellipsis{
    min-width:42px!important;height:42px!important;padding:0 11px!important;border-radius:13px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;
    text-decoration:none!important;font-size:13px!important;line-height:1!important;font-weight:800!important;
    box-sizing:border-box!important;
  }
  body.abcxyz-appmode-active .abcxyz-app-pager__link{
    color:#587080!important;background:#fff!important;border:1px solid rgba(31,65,88,.10)!important;
    box-shadow:0 3px 10px rgba(20,58,83,.035)!important;
  }
  body.abcxyz-appmode-active .abcxyz-app-pager__link:active{
    transform:scale(.96)!important;background:#f5fafc!important;
  }
  body.abcxyz-appmode-active .abcxyz-app-pager__current{
    color:#fff!important;background:linear-gradient(145deg,#1698c7,#0d709d)!important;border:1px solid transparent!important;
    box-shadow:0 7px 18px rgba(13,112,157,.20)!important;
  }
  body.abcxyz-appmode-active .abcxyz-app-pager__ellipsis{
    min-width:22px!important;padding:0 3px!important;color:#8ca0ad!important;background:transparent!important;border:0!important;
  }
  body.abcxyz-appmode-active .abcxyz-app-pager__nav{
    width:42px!important;min-width:42px!important;padding:0!important;color:#16799f!important;
  }
  body.abcxyz-appmode-active .abcxyz-app-pager__nav svg{
    width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;
    stroke-linecap:round!important;stroke-linejoin:round!important;
  }
  body.abcxyz-appmode-active .pagination.abcxyz-pagination-source,
  body.abcxyz-appmode-active .pagination-wrapper.abcxyz-pagination-source,
  body.abcxyz-appmode-active nav.pagination.abcxyz-pagination-source{
    display:none!important;
  }

  /* SHOP ROOT — visually align the product card with the app canvas.
     This compensates for the inherited 92%/margin rules in the old
     JoomShopping mobile stylesheet without changing product internals. */
  body.abcxyz-appmode-shoproot #comjshop_list_product .block_product,
  body.abcxyz-appmode-shoproot .jshop_list_product .block_product{
    width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  }
  body.abcxyz-appmode-shoproot #comjshop_list_product .block_product > .product,
  body.abcxyz-appmode-shoproot .jshop_list_product .block_product > .product,
  body.abcxyz-appmode-shoproot #comjshop_list_product .ee-card,
  body.abcxyz-appmode-shoproot .jshop_list_product .ee-card{
    position:relative!important;left:50%!important;transform:translateX(-50%)!important;
    width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;
    margin:0!important;padding:0!important;box-sizing:border-box!important;border-radius:22px!important;
  }
  body.abcxyz-appmode-shoproot #comjshop_list_product .block_product:hover,
  body.abcxyz-appmode-shoproot .jshop_list_product .block_product:hover{
    box-shadow:none!important;border-radius:0!important;
  }

  /* Keep the inner product artwork comfortably inset while the outer card
     lines up with the rest of the app. */
  body.abcxyz-appmode-shoproot .ee-card .image_block,
  body.abcxyz-appmode-shoproot .ee-card .oiproduct{
    max-width:100%!important;box-sizing:border-box!important;
  }
}

@media (max-width:430px){
  body.abcxyz-appmode-active .abcxyz-app-pager{gap:5px!important;padding-left:4px!important;padding-right:4px!important}
  body.abcxyz-appmode-active .abcxyz-app-pager__link,
  body.abcxyz-appmode-active .abcxyz-app-pager__current,
  body.abcxyz-appmode-active .abcxyz-app-pager__nav{min-width:39px!important;width:39px!important;height:39px!important;padding:0!important;border-radius:12px!important}
  body.abcxyz-appmode-shoproot #comjshop_list_product .block_product > .product,
  body.abcxyz-appmode-shoproot .jshop_list_product .block_product > .product,
  body.abcxyz-appmode-shoproot #comjshop_list_product .ee-card,
  body.abcxyz-appmode-shoproot .jshop_list_product .ee-card{
    width:calc(100vw - 18px)!important;max-width:calc(100vw - 18px)!important;
  }
}


/* ================================================================
   ABCXYZ Mobile App Mode v1.8.0
   Shop viewport alignment + unified pager + Contact/Social Hub
   ================================================================ */

/* CONTACT / SOCIAL HUB — applies on both desktop and mobile. */
body.abcxyz-contacthub-page{background:#f4f8fb!important}
body.abcxyz-contacthub-page .abcxyz-contacthub-host{
  width:min(1180px,calc(100% - 32px))!important;max-width:1180px!important;margin:28px auto 52px!important;
  padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
  font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;box-sizing:border-box!important;
}
.abcxyz-socialhub{direction:rtl;color:#17384f;font-family:'Vazirmatn',Tahoma,Arial,sans-serif}
.abcxyz-socialhub *{box-sizing:border-box}
.abcxyz-socialhub__hero{
  position:relative;overflow:hidden;padding:46px 48px;border-radius:30px;
  background:linear-gradient(135deg,#0d456d 0%,#0f739b 58%,#159bbd 100%);color:#fff;
  box-shadow:0 18px 50px rgba(16,72,105,.18);isolation:isolate
}
.abcxyz-socialhub__hero:before,.abcxyz-socialhub__hero:after{content:'';position:absolute;border-radius:50%;z-index:-1;pointer-events:none}
.abcxyz-socialhub__hero:before{width:310px;height:310px;left:-90px;top:-150px;background:rgba(255,255,255,.09)}
.abcxyz-socialhub__hero:after{width:240px;height:240px;right:-75px;bottom:-140px;background:rgba(255,255,255,.07)}
.abcxyz-socialhub__eyebrow{display:inline-flex;padding:7px 12px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.08);font-size:13px;font-weight:800;margin-bottom:13px}
.abcxyz-socialhub__hero h1{margin:0 0 12px!important;color:#fff!important;font-size:clamp(30px,4vw,48px)!important;line-height:1.45!important;font-weight:900!important}
.abcxyz-socialhub__hero p{max-width:760px;margin:0!important;color:rgba(255,255,255,.88)!important;font-size:16px!important;line-height:2!important}
.abcxyz-socialhub__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.abcxyz-socialhub__chips span{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.12);font-size:12px;font-weight:800;color:#fff}
.abcxyz-socialhub__section{margin-top:22px;padding:28px;border:1px solid rgba(28,73,101,.08);border-radius:28px;background:#fff;box-shadow:0 10px 34px rgba(17,61,88,.07)}
.abcxyz-socialhub__sectionhead{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 18px}
.abcxyz-socialhub__sectionhead small,.abcxyz-socialhub__support small{display:block;color:#1681a8;font-size:12px;font-weight:900;margin-bottom:4px}
.abcxyz-socialhub__sectionhead h2,.abcxyz-socialhub__support h2{margin:0!important;color:#153a52!important;font-size:24px!important;font-weight:900!important;line-height:1.55!important}
.abcxyz-socialhub__sectionhead>span{font-size:12px;color:#6f8594;background:#f1f7fa;border-radius:999px;padding:7px 10px;font-weight:800;white-space:nowrap}
.abcxyz-socialhub__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.abcxyz-socialhub__card{--social-accent:#1681a8;display:grid;grid-template-columns:54px minmax(0,1fr) 28px;gap:13px;align-items:center;min-height:112px;padding:16px 17px;border:1px solid rgba(34,73,96,.09);border-radius:20px;background:#fff;color:#17384f!important;text-decoration:none!important;box-shadow:0 5px 18px rgba(22,60,84,.04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.abcxyz-socialhub__card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(22,60,84,.10);border-color:color-mix(in srgb,var(--social-accent) 25%,transparent)}
.abcxyz-socialhub__icon{width:54px;height:54px;border-radius:17px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--social-accent) 10%,white);color:var(--social-accent)}
.abcxyz-socialhub__icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.abcxyz-socialhub__card--facebook .abcxyz-socialhub__icon svg{fill:currentColor;stroke:none}
.abcxyz-socialhub__copy{min-width:0;display:block}
.abcxyz-socialhub__copy strong{display:inline!important;color:#17384f!important;font-size:16px!important;font-weight:900!important;margin:0 0 0 6px!important}
.abcxyz-socialhub__copy small{display:inline!important;color:var(--social-accent)!important;font-size:12px!important;font-weight:850!important}
.abcxyz-socialhub__copy span{display:block;margin-top:5px;color:#6f818d;font-size:12.5px;line-height:1.75;font-weight:600}
.abcxyz-socialhub__go{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;background:#f4f8fa;color:#78909f;font-size:24px;line-height:1}
.abcxyz-socialhub__support{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:24px;align-items:center;margin-top:22px;padding:28px;border-radius:28px;background:#eaf5fa;border:1px solid rgba(19,116,151,.10)}
.abcxyz-socialhub__support p{margin:7px 0 0!important;color:#617987!important;line-height:1.9!important;font-size:13.5px!important}
.abcxyz-socialhub__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.abcxyz-socialhub__actions a{display:flex;align-items:center;gap:9px;min-height:52px;padding:10px 12px;border-radius:15px;background:#fff;border:1px solid rgba(27,76,105,.09);color:#18425d!important;text-decoration:none!important;font-size:13px}
.abcxyz-socialhub__actions a span{display:flex;width:30px;height:30px;align-items:center;justify-content:center;color:#1184aa}
.abcxyz-socialhub__actions a svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:900px){
  /* SHOP ROOT — center the whole JoomShopping list against the viewport first,
     then keep every product card inside that canvas. This replaces the v1.7
     card-only viewport breakout that could clip titles/images on the left. */
  body.abcxyz-appmode-shoproot #comjshop_list_product,
  body.abcxyz-appmode-shoproot .jshop_list_product{
    position:relative!important;left:auto!important;transform:none!important;
    width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;
    margin-left:calc(50% - 50vw + 10px)!important;margin-right:0!important;
    padding:0!important;overflow:visible!important;box-sizing:border-box!important;
  }
  body.abcxyz-appmode-shoproot #comjshop_list_product>.grid,
  body.abcxyz-appmode-shoproot .jshop_list_product>.grid,
  body.abcxyz-appmode-shoproot #comjshop_list_product .block_product,
  body.abcxyz-appmode-shoproot .jshop_list_product .block_product{
    width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important;
  }
  body.abcxyz-appmode-shoproot #comjshop_list_product .block_product>.product,
  body.abcxyz-appmode-shoproot .jshop_list_product .block_product>.product,
  body.abcxyz-appmode-shoproot #comjshop_list_product .ee-card,
  body.abcxyz-appmode-shoproot .jshop_list_product .ee-card{
    position:relative!important;left:auto!important;right:auto!important;transform:none!important;
    width:100%!important;max-width:100%!important;margin:0 auto 12px!important;padding:0!important;
    overflow:hidden!important;box-sizing:border-box!important;border-radius:22px!important;
  }
  body.abcxyz-appmode-shoproot #comjshop_list_product img,
  body.abcxyz-appmode-shoproot .jshop_list_product img{max-width:100%!important;height:auto!important;box-sizing:border-box!important}
  body.abcxyz-appmode-shoproot #comjshop_list_product .name,
  body.abcxyz-appmode-shoproot #comjshop_list_product .name a,
  body.abcxyz-appmode-shoproot .jshop_list_product .name,
  body.abcxyz-appmode-shoproot .jshop_list_product .name a{max-width:100%!important;overflow-wrap:anywhere!important;box-sizing:border-box!important}

  /* PAGER — one floating capsule instead of separate legacy boxes. */
  body.abcxyz-appmode-active .abcxyz-app-pager{
    width:max-content!important;max-width:calc(100vw - 24px)!important;margin:18px auto 10px!important;
    padding:5px!important;gap:2px!important;border:1px solid rgba(28,73,101,.08)!important;border-radius:18px!important;
    background:rgba(255,255,255,.94)!important;box-shadow:0 8px 24px rgba(20,58,83,.075)!important;overflow-x:auto!important;scrollbar-width:none;
  }
  body.abcxyz-appmode-active .abcxyz-app-pager::-webkit-scrollbar{display:none}
  body.abcxyz-appmode-active .abcxyz-app-pager__link,
  body.abcxyz-appmode-active .abcxyz-app-pager__current,
  body.abcxyz-appmode-active .abcxyz-app-pager__nav{
    width:39px!important;min-width:39px!important;height:39px!important;padding:0!important;border:0!important;border-radius:12px!important;box-shadow:none!important;background:transparent!important;
  }
  body.abcxyz-appmode-active .abcxyz-app-pager__link{color:#607987!important}
  body.abcxyz-appmode-active .abcxyz-app-pager__nav{background:#eef7fa!important;color:#147fa5!important}
  body.abcxyz-appmode-active .abcxyz-app-pager__current{background:linear-gradient(145deg,#1798c6,#0d729e)!important;color:#fff!important;box-shadow:0 6px 14px rgba(13,114,158,.20)!important}
  body.abcxyz-appmode-active .abcxyz-app-pager__ellipsis{min-width:24px!important;height:39px!important;padding:0 3px!important}

  body.abcxyz-contacthub-page .abcxyz-contacthub-host{width:calc(100% - 20px)!important;margin:14px auto 28px!important}
  .abcxyz-socialhub__hero{padding:26px 20px;border-radius:24px}
  .abcxyz-socialhub__hero h1{font-size:27px!important;line-height:1.55!important}
  .abcxyz-socialhub__hero p{font-size:13.5px!important;line-height:1.95!important}
  .abcxyz-socialhub__section{padding:16px 12px;border-radius:22px}
  .abcxyz-socialhub__sectionhead{align-items:center;margin-bottom:12px}
  .abcxyz-socialhub__sectionhead h2,.abcxyz-socialhub__support h2{font-size:19px!important}
  .abcxyz-socialhub__grid{grid-template-columns:1fr;gap:9px}
  .abcxyz-socialhub__card{grid-template-columns:48px minmax(0,1fr) 26px;min-height:94px;padding:12px;border-radius:18px;gap:10px}
  .abcxyz-socialhub__icon{width:48px;height:48px;border-radius:15px}
  .abcxyz-socialhub__icon svg{width:24px;height:24px}
  .abcxyz-socialhub__copy strong{font-size:14.5px!important}
  .abcxyz-socialhub__copy span{font-size:12px;line-height:1.7}
  .abcxyz-socialhub__support{grid-template-columns:1fr;gap:15px;padding:18px 14px;border-radius:22px}
  .abcxyz-socialhub__actions{grid-template-columns:1fr 1fr}
}
@media (max-width:430px){
  .abcxyz-socialhub__sectionhead>span{display:none}
  .abcxyz-socialhub__actions{grid-template-columns:1fr}
}


/* ================================================================
   ABCXYZ Mobile App Mode v1.9.0
   Deterministic shop centering + About page redesign
   ================================================================ */

/* ABOUT PAGE — desktop and mobile */
body.abcxyz-about-page{background:#f4f8fb!important}
body.abcxyz-about-page .abcxyz-about-host{
  width:min(1180px,calc(100% - 32px))!important;max-width:1180px!important;margin:28px auto 54px!important;
  padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
  font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;box-sizing:border-box!important;
}
.abcxyz-about{direction:rtl;color:#17384f;font-family:'Vazirmatn',Tahoma,Arial,sans-serif}
.abcxyz-about *{box-sizing:border-box}
.abcxyz-about__hero{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:34px;align-items:center;padding:48px;border-radius:32px;background:linear-gradient(135deg,#0c385d 0%,#115f87 52%,#1694b6 100%);color:#fff;box-shadow:0 18px 50px rgba(16,72,105,.18);overflow:hidden;position:relative}
.abcxyz-about__eyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);font-size:13px;font-weight:850;margin-bottom:13px}
.abcxyz-about__hero h1{margin:0 0 14px!important;color:#fff!important;font-size:clamp(31px,4vw,50px)!important;line-height:1.48!important;font-weight:950!important;max-width:850px}
.abcxyz-about__hero p{margin:0!important;color:rgba(255,255,255,.88)!important;font-size:15.5px!important;line-height:2.05!important;max-width:820px}
.abcxyz-about__mark{width:190px;height:190px;border-radius:44px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);font-size:40px;font-weight:950;letter-spacing:-2px;color:#fff}
.abcxyz-about__mark span{display:block;color:#6fe1ff;font-size:30px;margin-top:-8px}
.abcxyz-about__stats{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.abcxyz-about__stats div{min-width:118px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12)}
.abcxyz-about__stats strong{display:block;font-size:17px;font-weight:950;color:#fff}
.abcxyz-about__stats span{display:block;margin-top:2px;font-size:11.5px;color:rgba(255,255,255,.76);font-weight:700}
.abcxyz-about__intro,.abcxyz-about__principles{margin-top:22px;padding:30px;border-radius:28px;background:#fff;border:1px solid rgba(24,68,94,.08);box-shadow:0 10px 34px rgba(17,61,88,.06)}
.abcxyz-about__sectionhead>span,.abcxyz-about__story-copy>span,.abcxyz-about__cta>div>span{display:block;color:#1681a8;font-size:12px;font-weight:900;margin-bottom:5px}
.abcxyz-about__sectionhead h2,.abcxyz-about__story h2,.abcxyz-about__cta h2{margin:0!important;color:#153a52!important;font-size:26px!important;line-height:1.65!important;font-weight:950!important}
.abcxyz-about__intro p,.abcxyz-about__story p,.abcxyz-about__cta p{margin:12px 0 0!important;color:#5e7482!important;font-size:14px!important;line-height:2.05!important}
.abcxyz-about__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.abcxyz-about__card{position:relative;padding:23px 24px 22px;border-radius:24px;background:#fff;border:1px solid rgba(24,68,94,.08);box-shadow:0 8px 28px rgba(17,61,88,.05);overflow:hidden}
.abcxyz-about__num{display:inline-flex;align-items:center;justify-content:center;width:42px;height:32px;border-radius:11px;background:#eaf6fa;color:#1681a8;font-size:12px;font-weight:950;margin-bottom:14px}
.abcxyz-about__card h3{margin:0!important;color:#17384f!important;font-size:18px!important;line-height:1.65!important;font-weight:950!important}
.abcxyz-about__card p{margin:7px 0 0!important;color:#6c7f8a!important;font-size:13px!important;line-height:1.95!important}
.abcxyz-about__story{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:26px;margin-top:22px;padding:30px;border-radius:28px;background:#eaf5fa;border:1px solid rgba(19,116,151,.10)}
.abcxyz-about__timeline{display:grid;gap:9px}
.abcxyz-about__timeline div{padding:13px 15px;border-radius:16px;background:#fff;border:1px solid rgba(23,75,103,.08)}
.abcxyz-about__timeline b{display:block;color:#164866;font-size:13px;font-weight:950}
.abcxyz-about__timeline span{display:block;margin-top:2px;color:#70828d;font-size:11.5px;line-height:1.7}
.abcxyz-about__pillgrid{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.abcxyz-about__pillgrid span{display:inline-flex;align-items:center;min-height:42px;padding:8px 13px;border-radius:14px;background:#f2f8fa;color:#31576d;border:1px solid rgba(21,112,148,.08);font-size:12.5px;font-weight:800}
.abcxyz-about__cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.7fr);gap:26px;align-items:center;margin-top:22px;padding:30px;border-radius:28px;background:#123f61;color:#fff}
.abcxyz-about__cta h2{color:#fff!important}.abcxyz-about__cta p{color:rgba(255,255,255,.76)!important}
.abcxyz-about__actions{display:grid;gap:9px}
.abcxyz-about__actions a{display:flex;align-items:center;justify-content:center;min-height:52px;padding:10px 16px;border-radius:15px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:900}
.abcxyz-about__actions a.abcxyz-about__primary{background:#fff;color:#144b6d!important;border-color:#fff}

@media (max-width:900px){
  /* JS now performs the final x-axis correction for the shop list. CSS keeps
     the canvas deterministic and removes any legacy RTL offsets first. */
  body.abcxyz-appmode-shoproot #comjshop_list_product,
  body.abcxyz-appmode-shoproot .jshop_list_product{
    margin-left:0!important;margin-right:0!important;left:0!important;right:auto!important;
    width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;overflow:visible!important;
  }
  body.abcxyz-appmode-shoproot #comjshop_list_product .block_product,
  body.abcxyz-appmode-shoproot .jshop_list_product .block_product,
  body.abcxyz-appmode-shoproot #comjshop_list_product .product,
  body.abcxyz-appmode-shoproot .jshop_list_product .product,
  body.abcxyz-appmode-shoproot #comjshop_list_product .ee-card,
  body.abcxyz-appmode-shoproot .jshop_list_product .ee-card{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}

  body.abcxyz-about-page .abcxyz-about-host{width:calc(100% - 20px)!important;margin:14px auto 30px!important}
  .abcxyz-about__hero{grid-template-columns:1fr;padding:26px 20px;border-radius:24px;gap:18px}
  .abcxyz-about__mark{display:none}
  .abcxyz-about__hero h1{font-size:27px!important;line-height:1.58!important}
  .abcxyz-about__hero p{font-size:13.5px!important;line-height:2!important}
  .abcxyz-about__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px}
  .abcxyz-about__stats div{min-width:0;padding:9px 8px;border-radius:13px;text-align:center}
  .abcxyz-about__stats strong{font-size:14px}.abcxyz-about__stats span{font-size:10px;line-height:1.5}
  .abcxyz-about__intro,.abcxyz-about__principles{padding:18px 15px;border-radius:22px}
  .abcxyz-about__sectionhead h2,.abcxyz-about__story h2,.abcxyz-about__cta h2{font-size:20px!important;line-height:1.7!important}
  .abcxyz-about__intro p,.abcxyz-about__story p,.abcxyz-about__cta p{font-size:12.8px!important;line-height:2!important}
  .abcxyz-about__grid{grid-template-columns:1fr;gap:9px}
  .abcxyz-about__card{padding:17px 16px;border-radius:20px}
  .abcxyz-about__card h3{font-size:16px!important}.abcxyz-about__card p{font-size:12.3px!important}
  .abcxyz-about__story{grid-template-columns:1fr;padding:18px 15px;border-radius:22px;gap:17px}
  .abcxyz-about__timeline{gap:7px}.abcxyz-about__timeline div{padding:11px 12px;border-radius:14px}
  .abcxyz-about__pillgrid{gap:7px}.abcxyz-about__pillgrid span{min-height:38px;padding:7px 10px;font-size:11.5px}
  .abcxyz-about__cta{grid-template-columns:1fr;padding:20px 16px;border-radius:22px;gap:17px}
  .abcxyz-about__actions a{min-height:49px;border-radius:14px}
}


/* ================================================================
   ABCXYZ Mobile App Mode v1.10.0
   Legacy contact-route retirement + store messaging system
   ================================================================ */

/* Store notices: consistent across product, cart and checkout. */
body.abcxyz-appmode-shop .abcxyz-store-notice,
body[class*="com-jshopping"] .abcxyz-store-notice{
  position:relative!important;direction:rtl!important;display:flex!important;align-items:flex-start!important;gap:12px!important;
  width:min(920px,calc(100% - 32px))!important;margin:14px auto!important;padding:16px 18px!important;
  border:1px solid transparent!important;border-radius:18px!important;box-shadow:0 8px 26px rgba(15,50,72,.06)!important;
  font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;font-size:14px!important;line-height:1.9!important;font-weight:700!important;
}
.abcxyz-store-notice__icon{flex:0 0 36px;width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}
.abcxyz-store-notice__icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.abcxyz-store-notice__legacy-heading{display:none!important}
.abcxyz-store-notice .btn-close,.abcxyz-store-notice .close{margin-inline-start:auto!important;opacity:.55!important;flex:0 0 auto!important}
.abcxyz-store-notice--info{background:#edf8fc!important;border-color:#cceaf4!important;color:#15536e!important}
.abcxyz-store-notice--info .abcxyz-store-notice__icon{background:#d8f0f8;color:#13799e}
.abcxyz-store-notice--warning{background:#fff8e8!important;border-color:#f4dfaa!important;color:#6f5411!important}
.abcxyz-store-notice--warning .abcxyz-store-notice__icon{background:#ffedbd;color:#946d08}
.abcxyz-store-notice--success{background:#effaf5!important;border-color:#cbead9!important;color:#196044!important}
.abcxyz-store-notice--success .abcxyz-store-notice__icon{background:#d8f1e4;color:#18825b}
.abcxyz-store-notice--error{background:#fff1f1!important;border-color:#f4cece!important;color:#7b2d2d!important}
.abcxyz-store-notice--error .abcxyz-store-notice__icon{background:#f9dede;color:#b33e3e}

@media (max-width:900px){
  body.abcxyz-appmode-shop .abcxyz-store-notice,
  body[class*="com-jshopping"] .abcxyz-store-notice{
    width:calc(100% - 20px)!important;margin:12px auto!important;padding:13px 14px!important;border-radius:16px!important;
    gap:10px!important;font-size:13px!important;line-height:1.85!important;
  }
  .abcxyz-store-notice__icon{flex-basis:34px;width:34px;height:34px;border-radius:11px}
  .abcxyz-store-notice__icon svg{width:19px;height:19px}
}


/* ================================================================
   ABCXYZ Global Design System v1.11.0
   Desktop homepage hero polish + internal-page hero suppression
   ================================================================ */

/* English11000 hero visibility is controlled by Joomla module assignment, not
   by a global CSS hide rule. The old body:not(.abcxyz-appmode-home) rule caused
   a flash-then-disappear failure when Home classification was delayed. */

@media (min-width:901px){
  /* Collapse the legacy module/section whitespace above the homepage hero. */
  body.abcxyz-appmode-home .abcxyz-home-hero-host{
    margin-top:0!important;
    padding-top:28px!important;
    padding-bottom:0!important;
  }
  body.abcxyz-appmode-home .abcxyz-home-canvas{
    width:100%!important;
    max-width:none!important;
    margin-top:0!important;
    padding-top:0!important;
  }

  /* Desktop hero: quieter, more premium and visually distinct from the pale
     blue learning section that follows. */
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe{
    box-sizing:border-box!important;
    width:min(1320px,calc(100% - 64px))!important;
    max-width:1320px!important;
    margin:0 auto 30px!important;
    border-radius:30px!important;
    overflow:hidden!important;
    color:#143b5a!important;
    background:
      radial-gradient(circle at 10% 12%,rgba(39,136,180,.10),transparent 31%),
      radial-gradient(circle at 88% 78%,rgba(71,139,202,.08),transparent 34%),
      linear-gradient(135deg,#ffffff 0%,#f8fafc 50%,#eef4f8 100%)!important;
    border:1px solid rgba(24,90,126,.13)!important;
    box-shadow:0 18px 55px rgba(19,55,79,.10)!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe:before{
    opacity:.42!important;
    filter:saturate(.7)!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe .e11-grid{
    padding:clamp(38px,4.2vw,62px)!important;
    gap:clamp(30px,4vw,64px)!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe h1,
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe h2,
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe h3{
    color:#103f69!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe h2{
    font-size:clamp(43px,4.5vw,70px)!important;
    line-height:1.22!important;
    letter-spacing:-.035em!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe h2 .accent{
    background:linear-gradient(90deg,#1f86c7,#2f80d2 54%,#16669b)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe .e11-lead{
    color:#577184!important;
    max-width:780px!important;
    margin-top:18px!important;
    line-height:1.95!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe .e11-kicker{
    color:#1f648b!important;
    background:rgba(226,241,250,.78)!important;
    border-color:rgba(31,100,139,.12)!important;
    box-shadow:none!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe .e11-feature{
    color:#234b66!important;
    background:rgba(255,255,255,.86)!important;
    border-color:rgba(31,100,139,.14)!important;
    box-shadow:0 3px 14px rgba(31,77,106,.035)!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe .e11-actions{
    margin-top:24px!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe .e11-cta-main{
    background:linear-gradient(135deg,#174f7e,#0e385f)!important;
    color:#fff!important;
    box-shadow:0 10px 26px rgba(14,56,95,.18)!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe .e11-cta-ghost{
    color:#174f7e!important;
    background:rgba(255,255,255,.82)!important;
    border-color:rgba(23,79,126,.16)!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe .e11-halo{
    border-color:rgba(31,124,183,.12)!important;
    box-shadow:0 0 90px rgba(39,136,180,.08) inset,0 0 80px rgba(39,136,180,.07)!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe .e11-float{
    color:#21465f!important;
    background:rgba(255,255,255,.90)!important;
    border-color:rgba(23,79,126,.12)!important;
    box-shadow:0 12px 30px rgba(34,70,92,.10)!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe .e11-float strong{
    color:#125f93!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe .e11-appcard{
    background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(232,241,247,.68))!important;
    border-color:rgba(26,92,130,.12)!important;
    box-shadow:0 26px 60px rgba(20,54,76,.18),0 0 70px rgba(54,148,200,.08)!important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe{
    width:calc(100% - 40px)!important;
  }
  body.abcxyz-appmode-home #english11000-home-hero.abcxyz-hero-safe .e11-grid{
    padding:38px 34px!important;
    gap:30px!important;
  }
}

/* v1.24.0 — Home English11000 hero anti-disappear guard.
   Only applies after App Mode positively identifies the current page as Home. */
body.abcxyz-appmode-home #english11000-home-hero{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}


/* v1.24.0 — Home-only cleanup: retire the old 11,000-sentence collection landing.
   English11000 APPLICATION hero (#english11000-home-hero) is explicitly not targeted. */
body.abcxyz-appmode-home .abcxyz-home-secondary-landing-hidden,
body.abcxyz-appmode-home .abcxyz-home-secondary-landing-host-hidden{
  display:none!important;
}


/* ================================================================
   ABCXYZ Mobile App Mode v1.40.10 — MOBILE HEADER LOCK
   Header ownership is frozen. Never hide/remove Logo/Menu/Cart/Search owners.
   Only orphan .abcxyz-direct-cart controls outside an official header are retired.
   ================================================================ */
@media (max-width:760px){
  .header-bottom-area,
  #mainHeader,
  .abcxyz-mobile-header-owner-locked{
    display:block!important;visibility:visible!important;opacity:1!important;
  }
  .header-bottom-area .mini-wrap-sidebar,
  #mainHeader .mini-wrap-sidebar{
    display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  }
  body .abcxyz-direct-cart{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
  .header-bottom-area .abcxyz-direct-cart,
  #mainHeader .abcxyz-direct-cart{
    display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  }
  .abcxyz-mobile-header-locked{
    position:sticky!important;top:0!important;z-index:2147482000!important;
    width:100%!important;min-height:72px!important;padding:8px 12px!important;box-sizing:border-box!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;direction:rtl!important;
    background:rgba(255,255,255,.98)!important;border-bottom:1px solid var(--abc-app-line)!important;
    box-shadow:0 7px 24px rgba(18,54,79,.08)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  }
  .abcxyz-mobile-header-locked__logo{
    width:52px!important;height:52px!important;min-width:52px!important;display:grid!important;place-items:center!important;
    margin-inline-end:auto!important;text-decoration:none!important;color:#12364f!important;overflow:hidden!important;
  }
  .abcxyz-mobile-header-locked__logo img{width:50px!important;height:50px!important;object-fit:contain!important;border-radius:50%!important}
  .abcxyz-mobile-header-locked__logo strong{font-size:11px!important;font-weight:900!important}
  .abcxyz-mobile-header-locked__button{
    width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;margin:0!important;
    display:grid!important;place-items:center!important;border:1px solid var(--abc-app-line)!important;border-radius:14px!important;
    background:#f8fbfd!important;color:#153f5c!important;text-decoration:none!important;box-shadow:none!important;
  }
  .abcxyz-mobile-header-locked__button svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
}


/* v1.40.6 — visible add-to-cart confirmation. No header/menu geometry changes. */
.abcxyz-cart-flow-toast{position:fixed;z-index:2147483000;inset-inline-start:50%;transform:translateX(-50%) translateY(-14px);top:92px;bottom:auto;width:min(calc(100vw - 32px),620px);display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;padding:17px 18px;border:1px solid #bfe3d0;border-radius:20px;background:rgba(247,255,250,.99);color:#245b43;box-shadow:0 20px 58px rgba(15,58,78,.22);font-family:Vazirmatn,Tahoma,Arial,sans-serif;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s ease;direction:rtl}.abcxyz-cart-flow-toast.is-visible{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:auto}.abcxyz-cart-flow-toast.is-error{border-color:#efd2d0;background:rgba(255,247,246,.99);color:#8e4945}.abcxyz-cart-flow-toast__icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#dff5e8;color:#18744f;font-size:27px;font-weight:900}.abcxyz-cart-flow-toast.is-error .abcxyz-cart-flow-toast__icon{background:#fde7e5;color:#a04b45}.abcxyz-cart-flow-toast__copy{min-width:0;display:flex;flex-direction:column;gap:2px}.abcxyz-cart-flow-toast__copy strong{font-size:18px;line-height:1.55;font-weight:900}.abcxyz-cart-flow-toast__copy small{font-size:12.5px;line-height:1.7;color:#668174;font-weight:700}.abcxyz-cart-flow-toast a{min-height:44px;padding:9px 15px;border-radius:13px;background:#0f739b;color:#fff!important;font-size:13px;font-weight:900;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.abcxyz-cart-flow-toast a:hover{background:#0b6387;color:#fff!important}.abc-native-commerce.is-cart-updating{opacity:1;pointer-events:auto}@media(max-width:760px){.abcxyz-cart-flow-toast{top:calc(76px + env(safe-area-inset-top));width:calc(100vw - 18px);grid-template-columns:44px minmax(0,1fr);gap:10px;padding:14px;border-radius:18px}.abcxyz-cart-flow-toast__icon{width:44px;height:44px;border-radius:14px;font-size:24px}.abcxyz-cart-flow-toast__copy strong{font-size:16px}.abcxyz-cart-flow-toast__copy small{font-size:11.5px}.abcxyz-cart-flow-toast a{grid-column:1/-1;width:100%;min-height:46px;margin-top:2px}}

/* v1.40.7 — physical viewport centering for Add-to-Cart toast (RTL-safe). */
.abcxyz-cart-flow-toast{
  left:50%!important;right:auto!important;inset-inline-start:auto!important;inset-inline-end:auto!important;
  transform:translate(-50%,-14px)!important;box-sizing:border-box!important;
  max-width:calc(100vw - 32px)!important;
}
.abcxyz-cart-flow-toast.is-visible{transform:translate(-50%,0)!important}
@media(max-width:760px){.abcxyz-cart-flow-toast{max-width:calc(100vw - 18px)!important}}

/* ================================================================
   ABCXYZ Mobile App Mode v1.40.11 — LOCKED MOBILE TOP CHROME
   Non-negotiable mobile chrome: Social strip + Logo/Menu/Cart/Search.
   No commerce/content code may hide these controls.
   ================================================================ */
@media (max-width:760px){
  :root{--abc-app-social:40px!important}

  /* Socials are part of the mobile app controller, not hidden in the menu. */
  .header-top-area.abcxyz-mobile-social-strip,
  .top-social.abcxyz-mobile-social-strip,
  .abcxyz-mobile-social-strip,
  .social-bar.mobile-top,
  .socialbar.mobile-top{
    display:flex!important;visibility:visible!important;opacity:1!important;
    position:sticky!important;top:0!important;z-index:2147482500!important;
    width:100%!important;min-height:var(--abc-app-social)!important;max-height:var(--abc-app-social)!important;
    align-items:center!important;justify-content:center!important;gap:6px!important;
    margin:0!important;padding:4px 8px!important;box-sizing:border-box!important;
    background:#071923!important;color:#fff!important;overflow:visible!important;
  }
  .abcxyz-mobile-social-strip .container,
  .abcxyz-mobile-social-strip .row,
  .abcxyz-mobile-social-strip ul,
  .abcxyz-mobile-social-strip [class*="social"]{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
    width:auto!important;max-width:100%!important;height:auto!important;min-height:0!important;
    margin:0!important;padding:0!important;overflow:visible!important;
  }
  .abcxyz-mobile-social-strip li{display:block!important;margin:0!important;padding:0!important}
  .abcxyz-mobile-social-strip a{
    display:grid!important;place-items:center!important;width:31px!important;height:31px!important;min-width:31px!important;
    margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:10px!important;
    background:rgba(255,255,255,.035)!important;color:#fff!important;text-decoration:none!important;opacity:1!important;
  }
  .abcxyz-mobile-social-strip a i,
  .abcxyz-mobile-social-strip a svg{
    color:#fff!important;fill:currentColor!important;stroke:currentColor!important;font-size:19px!important;
    width:19px!important;height:19px!important;line-height:19px!important;opacity:1!important;
  }

  /* Stack the existing app header immediately below the locked social strip. */
  body.abcxyz-mobile-has-social-strip .header-bottom-area,
  body.abcxyz-mobile-has-social-strip .header-bottom-area.header-sticky,
  body.abcxyz-mobile-has-social-strip .header-sticky.is-sticky,
  body.abcxyz-mobile-has-social-strip #mainHeader,
  body.abcxyz-mobile-has-social-strip .abc-header,
  body.abcxyz-mobile-has-social-strip .abcxyz-mobile-header-locked{
    top:var(--abc-app-social)!important;
  }

  /* The menu trigger may be hidden again by legacy scripts after first paint. Freeze it. */
  .mobile-menu,
  .mobile-menu .mean-bar{
    display:block!important;visibility:visible!important;opacity:1!important;overflow:visible!important;pointer-events:auto!important;
  }
  .mobile-menu .mean-bar .meanmenu-reveal,
  .meanmenu-reveal{
    display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
    z-index:2147482800!important;
  }
  body.abcxyz-mobile-has-social-strip .mobile-menu .mean-bar .mean-nav{
    top:calc(var(--abc-app-social) + var(--abc-app-header))!important;
    max-height:calc(100dvh - var(--abc-app-social) - var(--abc-app-header) - var(--abc-app-dock))!important;
  }

  /* Only a cart whose rendered box has escaped the official header is retired. */
  .abcxyz-orphan-mobile-cart{
    display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
  }

  /* Toast must sit below BOTH locked rows. */
  body.abcxyz-mobile-has-social-strip .abcxyz-cart-flow-toast{
    top:calc(var(--abc-app-social) + var(--abc-app-header) + 8px + env(safe-area-inset-top))!important;
  }
}


/* ================================================================
   ABCXYZ Mobile App Mode v1.40.12 — CANONICAL MOBILE APP CONTROLLER
   Single mobile owner. Socials + Logo / Menu / Cart / Search.
   Legacy header/cart widgets remain in DOM only as data sources and are
   retired from presentation. Desktop/tablet are untouched.
   ================================================================ */
@media (max-width:760px){
  body.abcxyz-canonical-mobile-active{
    --abc-canonical-social:40px;
    --abc-canonical-bar:70px;
  }
  body.abcxyz-canonical-mobile-active .abcxyz-mobile-legacy-header-retired{
    display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;height:0!important;min-height:0!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important;
  }
  body.abcxyz-canonical-mobile-active .abcxyz-mobile-legacy-cart-retired,
  body.abcxyz-canonical-mobile-active .abcxyz-direct-cart,
  body.abcxyz-canonical-mobile-active .mini-wrap-sidebar,
  body.abcxyz-canonical-mobile-active .mini-cart-wrap{
    display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
  }

  .abcxyz-canonical-mobile-controller{
    position:sticky!important;top:0!important;z-index:2147483400!important;
    width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important;
    direction:rtl!important;font-family:Vazirmatn,Tahoma,Arial,sans-serif!important;
    background:#fff!important;isolation:isolate!important;
  }
  .abcxyz-canonical-mobile-controller__socials{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;height:var(--abc-canonical-social)!important;min-height:var(--abc-canonical-social)!important;
    padding:4px 8px!important;box-sizing:border-box!important;background:#071923!important;color:#fff!important;
    border:0!important;margin:0!important;overflow:hidden!important;
  }
  .abcxyz-canonical-mobile-controller__socials[hidden]{display:none!important}
  .abcxyz-canonical-mobile-controller__socials-inner{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    width:100%!important;max-width:430px!important;height:100%!important;margin:0 auto!important;padding:0!important;direction:ltr!important;
  }
  .abcxyz-canonical-mobile-controller__socials a{
    display:grid!important;place-items:center!important;width:31px!important;height:31px!important;min-width:31px!important;
    padding:0!important;margin:0!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:10px!important;
    background:rgba(255,255,255,.04)!important;color:#fff!important;text-decoration:none!important;opacity:1!important;
  }
  .abcxyz-canonical-mobile-controller__socials a :is(svg,i,img){
    width:19px!important;height:19px!important;max-width:19px!important;max-height:19px!important;
    color:#fff!important;fill:currentColor!important;stroke:currentColor!important;font-size:19px!important;line-height:19px!important;opacity:1!important;
  }
  .abcxyz-canonical-mobile-controller__bar{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;
    width:100%!important;height:var(--abc-canonical-bar)!important;min-height:var(--abc-canonical-bar)!important;
    padding:7px 12px!important;box-sizing:border-box!important;background:rgba(255,255,255,.985)!important;
    border-bottom:1px solid #e4edf3!important;box-shadow:0 5px 18px rgba(18,54,79,.07)!important;
    backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
  }
  .abcxyz-canonical-mobile-controller__logo{
    display:grid!important;place-items:center!important;width:54px!important;height:54px!important;min-width:54px!important;
    margin-left:auto!important;padding:0!important;text-decoration:none!important;overflow:hidden!important;color:#12364f!important;
  }
  .abcxyz-canonical-mobile-controller__logo img{
    display:block!important;width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important;
    object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;
  }
  .abcxyz-canonical-mobile-controller__logo strong{font-size:10px!important;font-weight:900!important}
  .abcxyz-canonical-mobile-controller__button{
    display:grid!important;place-items:center!important;width:46px!important;height:46px!important;min-width:46px!important;
    padding:0!important;margin:0!important;border:1px solid #dce7ee!important;border-radius:14px!important;
    background:#f8fbfd!important;color:#153f5c!important;text-decoration:none!important;box-shadow:none!important;
    appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important;
  }
  .abcxyz-canonical-mobile-controller__button svg{
    display:block!important;width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  }
  .abcxyz-canonical-mobile-controller__logo{order:1!important}
  .abcxyz-canonical-mobile-controller__menu-button{order:2!important}
  .abcxyz-canonical-mobile-controller__cart{order:3!important}
  .abcxyz-canonical-mobile-controller__search{order:4!important}

  .abcxyz-canonical-mobile-controller__drawer{
    position:fixed!important;z-index:2147483450!important;
    top:calc(var(--abc-canonical-social) + var(--abc-canonical-bar) + env(safe-area-inset-top,0px))!important;
    left:10px!important;right:10px!important;width:auto!important;
    max-height:calc(100dvh - var(--abc-canonical-social) - var(--abc-canonical-bar) - 90px)!important;
    overflow:auto!important;overscroll-behavior:contain!important;
    padding:10px!important;margin:0!important;box-sizing:border-box!important;border:1px solid #dce8ef!important;border-radius:18px!important;
    background:#fff!important;box-shadow:0 22px 60px rgba(10,38,56,.22)!important;direction:rtl!important;
  }
  .abcxyz-canonical-mobile-controller__drawer[hidden]{display:none!important}
  .abcxyz-canonical-mobile-controller__drawer-inner{width:100%!important;margin:0!important;padding:0!important}
  .abcxyz-canonical-mobile-controller__menu-list,
  .abcxyz-canonical-mobile-controller__menu-list ul{
    list-style:none!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;
  }
  .abcxyz-canonical-mobile-controller__menu-list>li{border-bottom:1px solid #edf2f5!important}
  .abcxyz-canonical-mobile-controller__menu-list li:last-child{border-bottom:0!important}
  .abcxyz-canonical-mobile-controller__menu-list a,
  .abcxyz-canonical-mobile-controller__menu-list .nav-header,
  .abcxyz-canonical-mobile-controller__menu-list .separator,
  .abcxyz-canonical-mobile-controller__menu-fallback a{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:48px!important;
    padding:10px 12px!important;box-sizing:border-box!important;border:0!important;border-radius:12px!important;
    background:transparent!important;color:#163e59!important;text-decoration:none!important;font-size:14px!important;font-weight:800!important;line-height:1.6!important;
  }
  .abcxyz-canonical-mobile-controller__menu-list a:active,
  .abcxyz-canonical-mobile-controller__menu-list a:focus,
  .abcxyz-canonical-mobile-controller__menu-fallback a:active,
  .abcxyz-canonical-mobile-controller__menu-fallback a:focus{background:#eef6fa!important;outline:none!important}
  .abcxyz-canonical-mobile-controller__menu-list ul{
    margin:0 12px 8px 0!important;padding:0 10px 0 0!important;border-right:2px solid #e8f0f5!important;
  }
  .abcxyz-canonical-mobile-controller__menu-list ul a{min-height:42px!important;font-size:12.8px!important;font-weight:700!important;color:#456a80!important}
  .abcxyz-canonical-mobile-controller__menu-fallback{display:grid!important;gap:4px!important}

  .abcxyz-searchsheet{z-index:2147483500!important}
  .abcxyz-cart-flow-toast{top:calc(var(--abc-canonical-social) + var(--abc-canonical-bar) + 8px + env(safe-area-inset-top,0px))!important}
}