/* ABCXYZ Next 2.0 — clean Joomla 6 design system */
:root{
  --abc-bg:#f4f8fc;--abc-surface:#fff;--abc-surface-2:#f8fbfe;--abc-ink:#12364f;--abc-ink-2:#244e69;
  --abc-muted:#71879a;--abc-line:#dce7f0;--abc-blue:#126fa5;--abc-blue-2:#1b8abe;--abc-navy:#0e3450;
  --abc-green:#187754;--abc-red:#b23f3f;--abc-gold:#e6a91f;--abc-radius:22px;--abc-radius-sm:14px;
  --abc-shadow:0 18px 55px rgba(19,64,92,.09);--abc-shadow-sm:0 10px 28px rgba(19,64,92,.07);
  --abc-shell:min(1240px,calc(100% - 40px));--abc-font:Vazirmatn,Tahoma,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--abc-bg)}body.abc-next{margin:0;background:var(--abc-bg);color:var(--abc-ink);font-family:var(--abc-font);font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.abc-next img{max-width:100%;height:auto}body.abc-next a{color:var(--abc-blue);text-decoration:none}body.abc-next a:hover{color:#0b577f}body.abc-next button,body.abc-next input,body.abc-next select,body.abc-next textarea{font:inherit}body.abc-next button{cursor:pointer}.abc-shell{width:var(--abc-shell);margin-inline:auto}.abc-skip{position:fixed;top:8px;right:8px;z-index:9999;transform:translateY(-150%);padding:10px 14px;border-radius:10px;background:#fff;color:#102f47;box-shadow:var(--abc-shadow-sm)}.abc-skip:focus{transform:none}

/* Header */

/* ABCXYZ Next 2.0.3 — clean header / legacy runtime isolation */
.visually-hidden,.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media (min-width:1051px){.abc-primary-nav>ul,.abc-primary-nav .mod-menu{flex-wrap:nowrap!important;gap:2px!important}.abc-primary-nav a,.abc-primary-nav .nav-header{padding-inline:10px!important;font-size:13.5px!important}.abc-navbar__inner{gap:20px!important}}
/* Old ABCXYZ/JoomShopping mini-cart UI must never appear in the new shell. */
body.abc-next :where(.mini-wrap-sidebar,.mini-cart-wrap,.jshop_cart_module,.jshopping_cart_module,.cart_module_old,.abcxyz-floating-cart-legacy,.jshopping-cart-module,.jshopping_cart_ext,.mod_jshopping_cart,.mod-jshopping-cart,.cart_product,.cart_total,[class*="floating-cart"],[class*="floating_cart"],[class*="mini-cart"],[class*="mini_cart"]){display:none!important}body.abc-next .abc-header .abc-cart-link{display:grid!important}
.abc-header{position:relative;z-index:100}.abc-topbar{background:#111820;color:#e6eef4;border-bottom:1px solid rgba(255,255,255,.06)}.abc-topbar__inner{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:16px}.abc-socials{display:flex;align-items:center;gap:8px;direction:ltr}.abc-socials a{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;font-size:12px;font-weight:900;transition:.18s ease}.abc-socials a:hover{transform:translateY(-2px);background:rgba(255,255,255,.13);color:#fff}.abc-topbar__contact,.abc-topbar__contact a{color:#d8e5ed;font-size:13px}.abc-navbar{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--abc-line);box-shadow:0 8px 30px rgba(18,54,79,.04)}.abc-navbar__inner{min-height:92px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px}.abc-brand{display:flex;align-items:center;gap:11px;min-width:max-content;color:var(--abc-ink)!important}.abc-brand img{width:66px;height:66px;object-fit:contain;border-radius:50%}.abc-brand__mark{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#174e72,#0c2d46);color:#fff;font-weight:950;letter-spacing:.02em}.abc-brand__copy{display:flex;flex-direction:column;line-height:1.25}.abc-brand__copy strong{font-size:17px;color:var(--abc-ink)}.abc-brand__copy small{font-size:11px;color:var(--abc-muted);margin-top:4px}.abc-primary-nav{min-width:0}.abc-primary-nav ul{list-style:none;margin:0;padding:0}.abc-primary-nav>ul,.abc-primary-nav .mod-menu{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}.abc-primary-nav li{position:relative}.abc-primary-nav a,.abc-primary-nav .nav-header{display:flex;align-items:center;min-height:44px;padding:9px 12px;border-radius:12px;color:var(--abc-ink);font-size:14px;font-weight:800;white-space:nowrap;transition:.16s ease}.abc-primary-nav li.active>a,.abc-primary-nav a:hover{background:#edf6fb;color:#0b6694}.abc-primary-nav ul ul{position:absolute;top:calc(100% + 8px);right:0;min-width:230px;padding:8px;border:1px solid var(--abc-line);border-radius:16px;background:#fff;box-shadow:var(--abc-shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.16s ease}.abc-primary-nav li:hover>ul,.abc-primary-nav li:focus-within>ul{opacity:1;visibility:visible;transform:none}.abc-primary-nav ul ul a{justify-content:flex-start}.abc-header-actions{display:flex;align-items:center;gap:8px;direction:ltr}.abc-user{direction:rtl}.abc-user:empty{display:none}.abc-icon-btn,.abc-nav-toggle{border:1px solid var(--abc-line);background:#f8fbfd;color:var(--abc-ink)}.abc-icon-btn{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;transition:.16s ease}.abc-icon-btn:hover{background:#eaf5fb;border-color:#c9dce8}.abc-icon-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.abc-nav-toggle{display:none;min-height:44px;border-radius:14px;padding:7px 11px;align-items:center;gap:4px}.abc-nav-toggle span{display:block;width:18px;height:2px;background:currentColor;border-radius:2px}.abc-nav-toggle b{font-size:12px;margin-inline-start:5px}.abc-search-panel{border-top:1px solid var(--abc-line);background:#fff}.abc-search-form{display:flex;gap:10px;padding-block:14px}.abc-search-form input{min-width:0;flex:1;height:48px;border:1px solid var(--abc-line);border-radius:14px;padding:0 16px;outline:0;background:#f8fbfd;color:var(--abc-ink)}.abc-search-form input:focus{border-color:#7cb8d7;box-shadow:0 0 0 4px rgba(18,111,165,.09)}.abc-search-form button{border:0;border-radius:14px;background:linear-gradient(135deg,var(--abc-blue-2),var(--abc-blue));color:#fff;padding:0 24px;font-weight:900}

/* Main */
.abc-component-modules{width:100%}.abc-main{min-height:58vh;padding:26px 0 58px}.is-home .abc-main{padding-top:12px}.abc-main--commerce{padding-top:12px}.abc-content-shell{background:var(--abc-surface);border:1px solid var(--abc-line);border-radius:var(--abc-radius);padding:clamp(20px,3vw,42px);box-shadow:var(--abc-shadow-sm)}.is-home .abc-content-shell{background:transparent;border:0;box-shadow:none;padding-top:12px}.abc-content-shell--commerce{width:100%;max-width:none;background:transparent;border:0;box-shadow:none;padding:0}.abc-breadcrumb{margin-top:18px;color:var(--abc-muted);font-size:13px}.abc-breadcrumb ol,.abc-breadcrumb ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0;padding:0}.abc-breadcrumb li+li:before{content:"‹";margin-inline:7px;color:#a5b4bf}.abc-bottom{margin-top:24px}.abc-bottom>div,.abc-bottom .moduletable{background:#fff;border:1px solid var(--abc-line);border-radius:var(--abc-radius);padding:22px;box-shadow:var(--abc-shadow-sm)}

/* Joomla content */
.com-content-article,.item-page,.blog,.blog-featured{max-width:100%}.com-content-article>h1,.item-page>h1,.page-header h1,.page-header h2,.blog h1,.blog-featured h1{color:var(--abc-ink);font-size:clamp(28px,3.2vw,44px);line-height:1.35;letter-spacing:-.025em;margin-top:0}.article-info{display:flex;gap:8px;flex-wrap:wrap;color:var(--abc-muted);font-size:13px}.article-info-term{display:none}.blog-items,.items-leading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.blog-item,.items-leading>div{background:#fff;border:1px solid var(--abc-line);border-radius:20px;padding:22px;box-shadow:var(--abc-shadow-sm)}.blog-item h2,.blog-item h3{margin-top:0}.readmore .btn,.readmore a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 16px;border-radius:12px;background:#edf6fb;color:#0d6795;font-weight:900}.pagination{display:flex;justify-content:center;gap:6px;list-style:none;padding:0}.pagination a,.pagination span{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--abc-line);border-radius:10px;background:#fff}.pagination .active span{background:var(--abc-blue);color:#fff;border-color:var(--abc-blue)}

/* Generic content quality */
.abc-next :where(p,li){overflow-wrap:anywhere}.abc-next blockquote{margin:22px 0;padding:16px 20px;border-inline-start:4px solid var(--abc-blue);border-radius:12px;background:#f2f8fc;color:var(--abc-ink-2)}.abc-next table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--abc-line);border-radius:16px;overflow:hidden;background:#fff}.abc-next th,.abc-next td{padding:13px 14px;border-bottom:1px solid var(--abc-line);text-align:start}.abc-next th{background:#f1f7fb;color:var(--abc-ink);font-weight:900}.abc-next tr:last-child td{border-bottom:0}.abc-next input:not([type=checkbox]):not([type=radio]),.abc-next select,.abc-next textarea{max-width:100%;min-height:46px;border:1px solid #cedee8;border-radius:13px;background:#fff;color:var(--abc-ink);padding:10px 13px;outline:0}.abc-next textarea{min-height:110px}.abc-next input:focus,.abc-next select:focus,.abc-next textarea:focus{border-color:#77b6d7;box-shadow:0 0 0 4px rgba(18,111,165,.08)}.abc-next .btn,.abc-next button.btn,.abc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--abc-line);border-radius:13px;padding:9px 18px;background:#fff;color:var(--abc-ink);font-weight:900}.abc-next .btn-primary,.abc-next .btn-success,.abc-btn--primary{border-color:transparent!important;background:linear-gradient(135deg,var(--abc-blue-2),var(--abc-blue))!important;color:#fff!important;box-shadow:0 10px 24px rgba(18,111,165,.18)}.abc-next .alert{border:1px solid var(--abc-line);border-radius:15px;padding:14px 16px;background:#fff}.abc-next .alert-success{background:#eef9f4;border-color:#ccebdd;color:#17684c}.abc-next .alert-danger,.abc-next .alert-error{background:#fff3f2;border-color:#f1d0ce;color:#983e3a}

/* Homepage / learning surfaces already present in content */
.hero,.abcxyz-hero{border-radius:28px!important;overflow:hidden}.hero-grid,.who-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:30px;align-items:center}.section{padding-block:44px}.section-head{text-align:center;max-width:760px;margin:0 auto 28px}.section-head h2{font-size:clamp(25px,3vw,36px);margin:0 0 7px;color:var(--abc-ink)}.section-head p{color:var(--abc-muted)}.level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.level-card{position:relative;min-height:180px;padding:22px;border:1px solid var(--abc-line);border-radius:20px;background:#fff;box-shadow:var(--abc-shadow-sm);transition:.18s ease;overflow:hidden}.level-card:hover{transform:translateY(-4px);box-shadow:var(--abc-shadow)}.level-card:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--accent,var(--abc-blue))}.level-top{display:flex;align-items:center;justify-content:space-between}.level-pill,.badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#eaf5fb;color:#0d6795;font-size:12px;font-weight:900}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature,.panel,.stack-card{background:#fff;border:1px solid var(--abc-line);border-radius:20px;padding:22px;box-shadow:var(--abc-shadow-sm)}.actions{display:flex;flex-wrap:wrap;gap:10px}.path{border:1px solid var(--abc-line);border-radius:18px;background:#f2f8fc;padding:18px;text-align:center}

/* 11k + bilingual lesson safety styles: no old design module required */
:where(.sentence-card,.abcxyz-sentence-card,.lesson-sentence,.sentence-pair,.pair-card,.epe-card){position:relative;margin:14px 0;padding:18px 20px;border:1px solid var(--abc-line);border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(18,62,90,.05)}
:where(.sentence-grid,.lesson-grid,.pairs-grid,.abcxyz-sentence-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
:where(.sentence-card,.abcxyz-sentence-card,.lesson-sentence,.sentence-pair,.pair-card,.epe-card) :where(.en,.english,[lang="en"]){direction:ltr;text-align:left;font-family:"Segoe UI",Arial,sans-serif;font-weight:800;color:#173d58;line-height:1.65}
:where(.sentence-card,.abcxyz-sentence-card,.lesson-sentence,.sentence-pair,.pair-card,.epe-card) :where(.fa,.persian,[lang="fa"]){direction:rtl;text-align:right;color:#647b8c;line-height:1.9;margin-top:7px}

/* JoomShopping non-checkout current-core markup gets the new visual system */
#comjshop:not(.abc-native-commerce),.jshop{color:var(--abc-ink)}.jshop h1,.jshop h2,.jshop h3{color:var(--abc-ink)}.jshop_list_product,.jshop .product,.productfull{background:#fff}.jshop_list_product .product,.productfull,.jshop .product{border:1px solid var(--abc-line);border-radius:20px;padding:20px;box-shadow:var(--abc-shadow-sm)}.jshop_list_product .product{margin-bottom:18px}.jshop_img,.productfull img{border-radius:16px}.jshop .product .name,.productfull .name,.prodname{color:var(--abc-ink);font-weight:900}.jshop .price,.productfull .prod_price{color:#0d709e;font-weight:950}.jshop_filters,.jshop .filter{border:1px solid var(--abc-line);border-radius:18px;background:#f8fbfd;padding:16px;margin-bottom:20px}

/* Footer */
.abc-footer{background:#0e273a;color:#dbe8ef;margin-top:16px}.abc-footer__grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:30px;padding-block:44px}.abc-footer h1,.abc-footer h2,.abc-footer h3,.abc-footer h4,.abc-footer h5,.abc-footer strong{color:#fff}.abc-footer a{color:#dbe8ef}.abc-footer ul{list-style:none;padding:0}.abc-footer__brand>a strong{font-size:22px}.abc-footer__brand p{color:#9fb4c2;margin-top:4px}.abc-footer__bottom{border-top:1px solid rgba(255,255,255,.09)}.abc-footer__bottom>.abc-shell{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#9fb4c2;font-size:13px}.abc-mobile-dock{display:none}

/* State pages */
.abc-error{min-height:100vh;display:grid;place-items:center;padding:24px}.abc-state{width:min(680px,100%);padding:42px;border:1px solid var(--abc-line);border-radius:28px;background:#fff;box-shadow:var(--abc-shadow);text-align:center}.abc-state__code{display:inline-grid;place-items:center;min-width:72px;height:48px;padding-inline:14px;border-radius:15px;background:#eaf5fb;color:#0c6795;font-weight:950}.abc-state h1{font-size:clamp(27px,4vw,42px);margin:16px 0 6px}.abc-state p{color:var(--abc-muted)}.abc-state__actions{display:flex;justify-content:center;gap:10px;margin-top:20px}

@media (max-width:1050px){.abc-navbar__inner{grid-template-columns:auto auto 1fr}.abc-nav-toggle{display:flex;justify-self:start}.abc-primary-nav{position:absolute;top:100%;left:20px;right:20px;padding:12px;border:1px solid var(--abc-line);border-radius:18px;background:#fff;box-shadow:var(--abc-shadow);display:none}.abc-primary-nav.is-open{display:block}.abc-primary-nav>ul,.abc-primary-nav .mod-menu{display:block}.abc-primary-nav a,.abc-primary-nav .nav-header{justify-content:flex-start}.abc-primary-nav ul ul{position:static;min-width:0;padding:4px 12px;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none;background:#f7fafc}.abc-header-actions{justify-self:end}.abc-user{display:none}.abc-footer__grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){:root{--abc-shell:min(100% - 24px,1240px)}body.abc-next{font-size:15px;padding-bottom:72px}.abc-topbar{display:none}.abc-navbar__inner{min-height:72px;gap:10px;grid-template-columns:auto 1fr auto}.abc-brand__copy{display:none}.abc-brand img{width:50px;height:50px}.abc-brand__mark{width:48px;height:48px}.abc-nav-toggle{justify-self:center}.abc-header-actions{gap:5px}.abc-icon-btn{width:41px;height:41px;border-radius:13px}.abc-main{padding:14px 0 32px}.abc-content-shell{border-radius:18px;padding:18px}.is-home .abc-content-shell,.abc-content-shell--commerce{padding-inline:0}.blog-items,.items-leading,.level-grid,.feature-grid,.hero-grid,.who-grid,:where(.sentence-grid,.lesson-grid,.pairs-grid,.abcxyz-sentence-grid){grid-template-columns:1fr}.abc-footer__grid{grid-template-columns:1fr;padding-block:32px}.abc-footer__grid>section:not(:first-child){border-top:1px solid rgba(255,255,255,.08);padding-top:18px}.abc-footer__bottom>.abc-shell{justify-content:center;text-align:center;flex-wrap:wrap}.abc-mobile-dock{position:fixed;z-index:120;display:grid;grid-template-columns:repeat(5,1fr);left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));min-height:62px;border:1px solid rgba(218,231,239,.95);border-radius:20px;background:#fff;box-shadow:0 16px 45px rgba(14,52,80,.2);overflow:hidden}.abc-mobile-dock a,.abc-mobile-dock button{border:0;background:transparent;color:#667e8f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:800}.abc-mobile-dock span{font-size:16px;font-weight:950;color:#174c6e}.abc-search-form{padding-inline:12px}.abc-search-form button{padding-inline:17px}.abc-state{padding:30px 20px;border-radius:22px}}
@media (max-width:430px){.abc-brand{max-width:54px}.abc-nav-toggle b{display:none}.abc-primary-nav{left:12px;right:12px}.abc-content-shell{padding:15px}.abc-search-form{gap:7px}.abc-search-form input{height:44px}.abc-search-form button{height:44px}.abc-state__actions{flex-direction:column}}

/* ABCXYZ Next 2.0.5 — premium unified header */
.abc-topbar{min-height:38px;background:linear-gradient(90deg,#0c151d,#111c25 52%,#0c151d);border-bottom:1px solid rgba(255,255,255,.07)}
.abc-topbar__inner{min-height:38px;justify-content:center;position:relative}
.abc-socials{gap:7px;direction:ltr}
.abc-socials a{width:28px;height:28px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#dce8f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}
.abc-socials a svg{width:15px;height:15px;fill:currentColor;stroke:none;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.abc-socials a[data-social="aparat"] svg,.abc-socials a[data-social="instagram"] svg{fill:none;stroke:currentColor}.abc-socials a[data-social="instagram"] .fill-dot{fill:currentColor;stroke:none}
.abc-socials a:hover{transform:translateY(-1px);color:#fff;border-color:transparent}.abc-socials a[data-social="facebook"]:hover{background:#1877f2}.abc-socials a[data-social="aparat"]:hover{background:#ed145b}.abc-socials a[data-social="instagram"]:hover{background:#d62976}.abc-socials a[data-social="pinterest"]:hover{background:#bd081c}.abc-socials a[data-social="telegram"]:hover{background:#229ed9}.abc-socials a[data-social="x"]:hover{background:#020203}.abc-socials a[data-social="youtube"]:hover{background:#ff0033}
.abc-topbar__contact{position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%)}
.abc-navbar{background:rgba(255,255,255,.975);box-shadow:0 7px 24px rgba(18,54,79,.045)}
.abc-navbar__inner{min-height:84px;grid-template-columns:minmax(182px,auto) minmax(0,1fr) 98px;gap:18px}
.abc-brand{gap:10px;min-width:182px}.abc-brand img{width:58px;height:58px;box-shadow:0 5px 15px rgba(15,59,40,.09)}.abc-brand__copy strong{font-size:16px;letter-spacing:.01em}.abc-brand__copy small{font-size:10.5px;margin-top:3px}
.abc-primary-nav>ul,.abc-primary-nav .mod-menu{gap:3px;flex-wrap:nowrap}.abc-primary-nav a,.abc-primary-nav .nav-header{min-height:42px;padding:8px 10px;border-radius:11px;font-size:13.4px;font-weight:850}.abc-primary-nav li.active>a,.abc-primary-nav a:hover{background:#eef7fc;color:#086492}
.abc-header-actions{gap:7px;justify-content:flex-end}.abc-icon-btn{width:42px;height:42px;border-radius:13px;background:#f8fbfd}.abc-icon-btn svg{width:20px;height:20px}.abc-cart-link{background:#f5fbfe}.abc-cart-link:hover{background:#e8f6fc}
@media (min-width:1051px) and (max-width:1210px){.abc-navbar__inner{grid-template-columns:minmax(145px,auto) minmax(0,1fr) 92px;gap:12px}.abc-brand{min-width:145px}.abc-brand__copy small{display:none}.abc-primary-nav a,.abc-primary-nav .nav-header{font-size:12.7px;padding-inline:7px}}
@media (min-width:761px) and (max-width:1050px){.abc-topbar__inner{justify-content:center}.abc-topbar__contact{display:none}.abc-navbar__inner{grid-template-columns:auto auto 1fr}.abc-brand{min-width:0}}

/* v2.0.7 performance-safe trust badge: no third-party image request during page load */
.abc-footer__trust-section{display:flex;flex-direction:column;gap:14px}
.abc-trust-card{display:flex;align-items:center;gap:12px;max-width:270px;padding:14px 15px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.06);color:#f4fbff!important;transition:.16s ease}
.abc-trust-card:hover{background:rgba(255,255,255,.1);transform:translateY(-1px);color:#fff!important}
.abc-trust-card__icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#ecf8f0;color:#177044;flex:0 0 auto}
.abc-trust-card__icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.abc-trust-card span:last-child{display:flex;flex-direction:column;line-height:1.55}
.abc-trust-card strong{font-size:13px;color:#fff}
.abc-trust-card small{font-size:11px;color:#b9cbd6;margin-top:2px}
.abc-footer{content-visibility:auto;contain-intrinsic-size:520px}
.abc-bottom{content-visibility:auto;contain-intrinsic-size:600px}

/* ABCXYZ Next 2.0.8 — legacy cart hard stop. The new header owns cart navigation. */
body.abc-next :where(.abc-component-modules,.abc-bottom) :is(.moduletable,.module,[class*="module"]):has(a[href*="option=com_jshopping"][href*="view=cart"]),
body.abc-next :where(.abc-component-modules,.abc-bottom) :is(.moduletable,.module,[class*="module"]):has(a[href*="controller=cart"]),
body.abc-next :where([class*="floating-cart" i],[class*="floating_cart" i],[class*="cart-widget" i],[class*="cart_widget" i],[class*="cart-sidebar" i],[class*="cart_sidebar" i]){display:none!important}


/* ABCXYZ Next 2.0.9 — local hero asset repair + clean native footer brand */
.abc-footer__brand-link{display:flex;align-items:center;gap:14px;color:#fff!important;max-width:260px}.abc-footer__logo{width:64px!important;height:64px!important;object-fit:contain!important;border-radius:50%!important;flex:0 0 64px;background:transparent!important;box-shadow:none!important}.abc-footer__brand-link>span{display:flex;flex-direction:column;line-height:1.35}.abc-footer__brand-link strong{font-size:20px}.abc-footer__brand-link small{margin-top:4px;color:#9fb4c2;font-size:13px}.abc-footer__brand>p{display:none!important}.abc-footer__brand :is(img,svg){max-width:64px}.hero img.abc-repaired-app-icon,.abcxyz-hero img.abc-repaired-app-icon{object-fit:contain!important;border-radius:18px!important;background:transparent!important;box-shadow:0 10px 24px rgba(13,73,109,.12)}
@media(max-width:760px){.abc-footer__brand-link{max-width:none}.abc-footer__logo{width:54px!important;height:54px!important;flex-basis:54px}.abc-footer__brand-link strong{font-size:18px}}

/* ABCXYZ Next 2.0.10 — next-generation shell polish */
:root{--abc-shell:min(1320px,calc(100% - 32px))}
.abc-topbar{min-height:34px;background:#0b1720;border-bottom-color:rgba(255,255,255,.055)}
.abc-topbar__inner{min-height:34px}
.abc-socials{gap:6px}
.abc-socials a{width:25px;height:25px;border-radius:8px;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.105);color:#c7d7e1}
.abc-socials a svg{width:13px;height:13px}
.abc-navbar{box-shadow:0 5px 20px rgba(17,55,78,.04);border-bottom-color:#e7eef4}
.abc-navbar__inner{min-height:76px;grid-template-columns:minmax(178px,auto) minmax(0,1fr) 94px;gap:16px}
.abc-brand{min-width:178px;gap:9px}.abc-brand img{width:52px!important;height:52px!important}.abc-brand__copy strong{font-size:15.5px}.abc-brand__copy small{font-size:10px;margin-top:2px}
.abc-primary-nav>ul,.abc-primary-nav .mod-menu{gap:1px!important}
.abc-primary-nav a,.abc-primary-nav .nav-header{min-height:39px;padding:7px 9px!important;border-radius:10px;font-size:13px!important;font-weight:800}
.abc-primary-nav li.active>a{background:#eff7fb;color:#075e8b;box-shadow:inset 0 0 0 1px #e2eff6}
.abc-header-actions{gap:6px}.abc-icon-btn{width:40px;height:40px;border-radius:12px;border-color:#dce8ef;background:#fbfdfe}.abc-icon-btn svg{width:19px;height:19px}
.abc-main{padding:18px 0 34px;min-height:auto}.is-home .abc-main{padding:18px 0 28px;min-height:auto}.abc-component-modules{width:100%}.is-home .abc-component-modules{margin:0}.abc-home-messages:empty{display:none}.abc-bottom{margin-top:18px}
.abc-footer{margin-top:0;background:#0c2638}.abc-footer__grid{grid-template-columns:1.05fr .95fr .95fr 1.05fr;gap:36px;padding-block:36px}.abc-footer__brand-link{max-width:230px}.abc-footer__logo{width:54px!important;height:54px!important;flex-basis:54px}.abc-footer__brand-link strong{font-size:18px}.abc-footer__brand-link small{font-size:11.5px}.abc-footer__bottom>.abc-shell{min-height:50px;font-size:12px}.abc-trust-card{max-width:250px;padding:12px 13px}.abc-trust-card__icon{width:38px;height:38px;border-radius:12px}
@media (min-width:1051px) and (max-width:1240px){.abc-navbar__inner{grid-template-columns:minmax(142px,auto) minmax(0,1fr) 88px;gap:10px}.abc-brand{min-width:142px}.abc-brand__copy small{display:none}.abc-primary-nav a,.abc-primary-nav .nav-header{font-size:12.35px!important;padding-inline:6px!important}}
@media (max-width:760px){
  :root{--abc-shell:100%}
  body.abc-next{padding-bottom:78px;background:#f3f7fa}
  .abc-header{position:sticky;top:0;z-index:140}
  .abc-navbar{background:rgba(255,255,255,.985);box-shadow:0 5px 18px rgba(18,54,79,.07)}
  .abc-navbar__inner{min-height:64px;padding-inline:12px;gap:8px;grid-template-columns:auto 1fr auto}
  .abc-brand{min-width:0;max-width:48px}.abc-brand img{width:44px!important;height:44px!important}.abc-brand__mark{width:44px;height:44px;border-radius:14px}.abc-brand__copy{display:none}
  .abc-nav-toggle{justify-self:center;min-height:40px;border-radius:12px;padding:7px 10px;background:#f8fbfd}.abc-nav-toggle span{width:17px}.abc-nav-toggle b{font-size:11px}
  .abc-header-actions{gap:5px}.abc-icon-btn{width:39px;height:39px;border-radius:12px}.abc-icon-btn svg{width:18px;height:18px}
  .abc-primary-nav{top:calc(100% + 6px);left:10px;right:10px;border-radius:18px;padding:10px;max-height:min(72vh,560px);overflow:auto}.abc-primary-nav a,.abc-primary-nav .nav-header{min-height:46px;border-radius:12px;font-size:14px!important;padding:9px 12px!important}.abc-primary-nav ul ul{border-radius:12px;margin-top:4px}
  .abc-main,.is-home .abc-main{padding:10px 0 18px}.abc-component-modules{padding-inline:0}.abc-bottom{width:100%;padding-inline:12px;margin-top:14px}.abc-bottom>div,.abc-bottom .moduletable{border-radius:18px;padding:16px}
  .abc-footer__grid{grid-template-columns:1fr;gap:20px;padding:28px 16px}.abc-footer__grid>section:not(:first-child){padding-top:16px}.abc-footer__brand-link{max-width:none}.abc-footer__bottom>.abc-shell{padding:10px 16px;min-height:48px}
  .abc-mobile-dock{grid-template-columns:repeat(4,1fr);left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));min-height:64px;border-radius:21px;border:1px solid #d9e5ed;background:rgba(255,255,255,.985);box-shadow:0 14px 38px rgba(14,52,80,.18);padding:4px;overflow:visible}
  .abc-mobile-dock a{border-radius:16px;color:#6f8493;gap:1px;font-size:10.5px;transition:.15s ease}.abc-mobile-dock a:active{background:#edf6fb;color:#0b6694}.abc-mobile-dock svg{width:20px;height:20px;fill:none;stroke:#174c6e;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.abc-mobile-dock b{font-size:10.5px}
  .abc-content-shell{width:100%;border-radius:0;border-left:0;border-right:0;box-shadow:none;padding:16px 12px}.abc-content-shell--commerce{padding:0}
}
@media (max-width:430px){.abc-navbar__inner{padding-inline:9px}.abc-nav-toggle b{display:none}.abc-primary-nav{left:8px;right:8px}.abc-mobile-dock{left:8px;right:8px}.abc-footer__grid{padding-inline:14px}}


/* ABCXYZ Next 2.0.11 — native accessible dropdown + mobile accordion */
.abc-primary-nav li.has-abc-submenu{position:relative}
.abc-primary-nav li.has-abc-submenu>:is(a,.nav-header,span.separator){padding-left:32px!important}
.abc-submenu-toggle{position:absolute;z-index:3;left:5px;top:7px;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:#698298;padding:0;transition:background .15s ease,color .15s ease,transform .15s ease}
.abc-submenu-toggle:hover,.abc-submenu-toggle:focus-visible{background:#eaf4fa;color:#075f8c;outline:0}
.abc-submenu-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}
.abc-primary-nav li.is-submenu-open>.abc-submenu-toggle svg{transform:rotate(180deg)}
@media (min-width:1051px){
  .abc-primary-nav ul ul{top:100%!important;right:0!important;margin:0!important;z-index:220;min-width:250px;padding:8px!important;border:1px solid var(--abc-line);border-radius:15px;background:#fff;box-shadow:0 18px 46px rgba(18,54,79,.14);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(5px);transition:opacity .14s ease,transform .14s ease,visibility .14s ease}
  .abc-primary-nav li:hover>ul,.abc-primary-nav li:focus-within>ul,.abc-primary-nav li.is-submenu-open>ul,.abc-primary-nav ul ul.show-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
  .abc-primary-nav ul ul li{width:100%}.abc-primary-nav ul ul a,.abc-primary-nav ul ul .nav-header{width:100%;min-height:40px!important;justify-content:flex-start;border-radius:10px;padding:8px 12px!important;font-size:13px!important}
  .abc-primary-nav ul ul ul{top:0!important;right:100%!important}
}
@media (max-width:1050px){
  .abc-primary-nav li.has-abc-submenu>:is(a,.nav-header,span.separator){padding-left:44px!important}
  .abc-submenu-toggle{left:8px;top:9px;width:30px;height:30px;background:#f1f7fb}
  .abc-primary-nav ul ul{position:static!important;display:none!important;min-width:0!important;margin:4px 0 7px!important;padding:5px 10px!important;border:0!important;border-radius:12px!important;background:#f5f9fc!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
  .abc-primary-nav li.is-submenu-open>ul,.abc-primary-nav ul ul.show-menu{display:block!important}
  .abc-primary-nav ul ul a,.abc-primary-nav ul ul .nav-header{min-height:42px!important;padding:8px 12px!important;font-size:13.5px!important}
}

/* ABCXYZ Next 2.0.12 — premium navigation + content polish */
@media (min-width:1051px){
  .abc-topbar__inner{justify-content:center;position:relative}
  .abc-topbar__contact{position:absolute;inset-inline-end:0}
  .abc-socials a{opacity:.82;transition:transform .16s ease,opacity .16s ease,background .16s ease,border-color .16s ease}
  .abc-socials a:hover{opacity:1;transform:translateY(-1px);background:rgba(255,255,255,.085);border-color:rgba(255,255,255,.18)}
  .abc-navbar__inner{grid-template-columns:minmax(188px,auto) minmax(0,1fr) 92px;gap:18px}
  .abc-brand{min-width:188px;padding-inline-start:2px;padding-inline-end:16px;border-inline-end:1px solid #edf2f6}
  .abc-brand__copy strong{letter-spacing:-.015em}
  .abc-primary-nav{overflow:visible}
  .abc-primary-nav>ul,.abc-primary-nav .mod-menu{justify-content:center;gap:2px!important}
  .abc-primary-nav>ul>li>a,.abc-primary-nav>ul>li>.nav-header{font-size:13.2px!important;padding-inline:9px!important}
  .abc-primary-nav ul ul{min-width:270px!important;padding:10px!important;border-radius:18px!important;border-color:#dfeaf1!important;box-shadow:0 22px 58px rgba(11,50,76,.16)!important}
  .abc-primary-nav ul ul li+li{margin-top:2px}
  .abc-primary-nav ul ul a,.abc-primary-nav ul ul .nav-header{min-height:42px!important;padding:9px 12px!important;border-radius:11px!important;font-size:12.8px!important;font-weight:780!important;color:#164461!important;line-height:1.55!important}
  .abc-primary-nav ul ul a:hover,.abc-primary-nav ul ul li.active>a{background:#eef7fc!important;color:#075f8c!important}
  .abc-primary-nav ul.abc-submenu-wide{width:min(570px,calc(100vw - 40px));grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 8px;padding:12px!important}
  .abc-primary-nav ul.abc-submenu-wide.show-menu,
  .abc-primary-nav li:hover>ul.abc-submenu-wide,
  .abc-primary-nav li:focus-within>ul.abc-submenu-wide,
  .abc-primary-nav li.is-submenu-open>ul.abc-submenu-wide{display:grid!important}
  .abc-primary-nav ul.abc-submenu-wide>li{margin:0!important;min-width:0}
  .abc-primary-nav ul.abc-submenu-wide>li>a,.abc-primary-nav ul.abc-submenu-wide>li>.nav-header{height:100%;white-space:normal!important}
}

/* Internal content should feel like the same product, not raw Joomla output. */
body.abc-next:not(.is-home):not(.is-commerce) .abc-main{padding-top:14px}
body.abc-next:not(.is-home):not(.is-commerce) .abc-breadcrumb{margin-top:8px;margin-bottom:8px;padding:0 6px;color:#7890a2;font-size:12px;line-height:1.6}
body.abc-next:not(.is-home):not(.is-commerce) .abc-breadcrumb a{font-weight:700;color:#2c759f}
body.abc-next:not(.is-home):not(.is-commerce) .abc-content-shell{max-width:1180px;padding:clamp(28px,3.6vw,52px);border-radius:26px;box-shadow:0 14px 42px rgba(17,59,86,.065);border-color:#e0eaf1}
body.abc-next :is(.com-content-article,.item-page,.blog,.blog-featured) .page-header{margin-bottom:22px}
body.abc-next :is(.com-content-article,.item-page,.blog,.blog-featured) .page-header :is(h1,h2),body.abc-next :is(.com-content-article,.item-page,.blog,.blog-featured)>h1{font-size:clamp(30px,2.8vw,42px);line-height:1.38;letter-spacing:-.035em;margin-bottom:12px}
body.abc-next :is(.com-content-article,.item-page) p{color:#355b73;line-height:2.05}
body.abc-next :is(.com-content-article,.item-page) :is(h2,h3,h4){color:#12364f;letter-spacing:-.02em;line-height:1.55}
body.abc-next :is(.com-content-article,.item-page) h2{font-size:clamp(23px,2.1vw,31px);margin-top:34px;margin-bottom:14px}
body.abc-next :is(.com-content-article,.item-page) h3{font-size:clamp(19px,1.7vw,24px);margin-top:28px;margin-bottom:12px}
body.abc-next .category-list{border:1px solid #e0eaf1;border-radius:20px;overflow:hidden;background:#fff}
body.abc-next .category-list :is(table,.table){margin:0;border:0;border-radius:0}
body.abc-next .category-list tr:hover td{background:#f8fbfd}
body.abc-next .category-list a{font-weight:800;color:#126b9d}
body.abc-next .blog-items{gap:18px}
body.abc-next .blog-item{border-color:#e1eaf0;border-radius:19px;box-shadow:0 8px 24px rgba(18,58,84,.055);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
body.abc-next .blog-item:hover{transform:translateY(-2px);border-color:#cfdee8;box-shadow:0 14px 34px rgba(18,58,84,.08)}
body.abc-next .blog-item :is(h2,h3) a{color:#123f5d}
body.abc-next .readmore .btn,body.abc-next .readmore a{background:#eef7fc;border:1px solid #dbeaf3;box-shadow:none}

@media (max-width:1050px){
  .abc-primary-nav ul.abc-submenu-wide{display:none!important}
  .abc-primary-nav li.is-submenu-open>ul.abc-submenu-wide,.abc-primary-nav ul.abc-submenu-wide.show-menu{display:block!important}
}
@media (max-width:760px){
  body.abc-next:not(.is-home):not(.is-commerce) .abc-breadcrumb{padding-inline:14px;margin-top:8px;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  body.abc-next:not(.is-home):not(.is-commerce) .abc-content-shell{padding:20px 16px;border-radius:0;border-inline:0;box-shadow:none}
  body.abc-next :is(.com-content-article,.item-page,.blog,.blog-featured) .page-header :is(h1,h2),body.abc-next :is(.com-content-article,.item-page,.blog,.blog-featured)>h1{font-size:clamp(27px,8vw,34px)}
  body.abc-next :is(.com-content-article,.item-page) p{line-height:1.95}
}


/* ABCXYZ Next 2.0.13 — final header/menu density + deterministic app badge polish */
.hero img.abc-repaired-app-icon,.abcxyz-hero img.abc-repaired-app-icon,#english11000-home-hero img.abc-repaired-app-icon{
  display:block!important;object-fit:contain!important;border-radius:18px!important;background:transparent!important;
  box-shadow:0 10px 24px rgba(13,73,109,.12)!important;opacity:1!important;visibility:visible!important
}
@media (min-width:1051px){
  .abc-topbar,.abc-topbar__inner{min-height:32px}
  .abc-socials{gap:5px}.abc-socials a{width:24px;height:24px;border-radius:8px}.abc-socials a svg{width:12px;height:12px}
  .abc-navbar__inner{min-height:76px;grid-template-columns:minmax(166px,auto) minmax(0,1fr) 86px;gap:12px}
  .abc-brand{min-width:166px;gap:8px;padding-inline-end:12px}.abc-brand img{width:48px!important;height:48px!important}.abc-brand__copy strong{font-size:15px}.abc-brand__copy small{font-size:9.5px}
  .abc-primary-nav>ul,.abc-primary-nav .mod-menu{gap:1px!important}
  .abc-primary-nav>ul>li>a,.abc-primary-nav>ul>li>.nav-header{min-height:38px!important;font-size:12.9px!important;padding-inline:8px!important;border-radius:10px!important}
  .abc-submenu-toggle{top:5px;width:27px;height:27px}
  .abc-primary-nav ul ul{min-width:258px!important;padding:8px!important;border-radius:16px!important;box-shadow:0 18px 48px rgba(11,50,76,.145)!important}
  .abc-primary-nav ul ul a,.abc-primary-nav ul ul .nav-header{min-height:39px!important;padding:8px 10px!important;font-size:12.55px!important;line-height:1.48!important}
  .abc-primary-nav ul.abc-submenu-wide{width:min(535px,calc(100vw - 36px));gap:2px 6px;padding:10px!important}
}
@media (min-width:1051px) and (max-width:1240px){
  .abc-navbar__inner{grid-template-columns:minmax(138px,auto) minmax(0,1fr) 82px;gap:8px}
  .abc-brand{min-width:138px;padding-inline-end:9px}.abc-brand img{width:44px!important;height:44px!important}.abc-brand__copy small{display:none}.abc-brand__copy strong{font-size:14.2px}
  .abc-primary-nav>ul>li>a,.abc-primary-nav>ul>li>.nav-header{font-size:12.1px!important;padding-inline:6px!important}
}

/* ABCXYZ Next 2.0.14 — premium internal learning index + lesson system */
@media (min-width:1051px){
  .abc-navbar__inner{grid-template-columns:minmax(194px,auto) minmax(0,1fr) 88px;gap:16px!important}
  .abc-brand{min-width:194px!important;padding-inline:0 18px!important;border-inline-end:1px solid #e8f0f5!important;position:relative;z-index:4}
  .abc-primary-nav{padding-inline-start:10px;overflow:visible!important}
  .abc-primary-nav>ul,.abc-primary-nav .mod-menu{justify-content:center!important}
}
@media (min-width:1051px) and (max-width:1280px){
  .abc-navbar__inner{grid-template-columns:minmax(158px,auto) minmax(0,1fr) 84px;gap:10px!important}
  .abc-brand{min-width:158px!important;padding-inline-end:10px!important}
  .abc-primary-nav{padding-inline-start:4px}
  .abc-primary-nav>ul>li>a,.abc-primary-nav>ul>li>.nav-header{font-size:11.9px!important;padding-inline:5px!important}
}

/* Joomla category/list pages become native lesson indexes instead of legacy tables. */
.abc-category-index{width:100%}
.abc-category-toolbar{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:10px;border:1px solid #dfeaf1;border-radius:16px;background:#f8fbfd}
.abc-category-toolbar input[type="search"]{flex:1;min-width:0;height:44px;margin:0!important;border:0!important;background:#fff!important;box-shadow:inset 0 0 0 1px #d9e6ee!important}
.abc-category-filter-btn,.abc-category-clear-btn{height:44px;border-radius:12px;padding:0 18px;font-weight:850;border:1px solid #d7e5ed;background:#fff;color:#24536e}
.abc-category-filter-btn{border-color:#1679ad;background:linear-gradient(135deg,#218bc1,#126fa5);color:#fff;box-shadow:0 8px 20px rgba(18,111,165,.13)}
.abc-category-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.abc-category-card{min-width:0;border:1px solid #dfe9f0;border-radius:17px;background:#fff;box-shadow:0 6px 18px rgba(18,58,84,.045);overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.abc-category-card:hover{transform:translateY(-2px);border-color:#bfd6e4;box-shadow:0 13px 30px rgba(18,58,84,.08)}
.abc-category-card__link{display:grid;grid-template-columns:46px minmax(0,1fr) 28px;align-items:center;gap:13px;min-height:96px;padding:15px 16px;color:inherit!important}
.abc-category-card__no{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#edf7fd;color:#1375a7;font-weight:950;font-size:13px;font-variant-numeric:tabular-nums}
.abc-category-card__body{display:flex;min-width:0;flex-direction:column;gap:7px}
.abc-category-card__title{font-size:15px;line-height:1.75;color:#153f5d;font-weight:850}
.abc-category-card__meta{display:flex;flex-wrap:wrap;gap:6px 12px;color:#8193a2;font-size:11px}
.abc-category-card__meta span+span:before{content:"•";margin-inline-end:8px;color:#b7c4ce}
.abc-category-card__arrow{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#f4f8fb;color:#6d8ba0;font-size:18px;transition:.16s ease}
.abc-category-card:hover .abc-category-card__arrow{background:#e5f4fb;color:#1172a3;transform:translateX(-2px)}
.abc-category-card.is-unpublished{opacity:.65}
.abc-category-pagination{margin-top:24px;padding-top:18px;border-top:1px solid #e8eff4}
.abc-empty-state{padding:30px;text-align:center;border:1px dashed #cadbe6;border-radius:18px;background:#f8fbfd;color:#71879a}

/* Rebuilt article bodies share the same app-like learning system. */
.abc-lesson{max-width:100%;color:#234b64}
.abc-lesson-intro{position:relative;overflow:hidden;padding:26px;border:1px solid #d9e8f1;border-radius:22px;background:linear-gradient(135deg,#f1f9fe,#fff);margin-bottom:22px}
.abc-lesson-intro:after{content:"";position:absolute;inset:auto -70px -90px auto;width:190px;height:190px;border-radius:50%;background:#e6f5fe;pointer-events:none}
.abc-kicker{display:inline-flex;padding:6px 11px;border-radius:999px;background:#e2f3fd;color:#126f9e;font-size:12px;font-weight:900}
.abc-topic-en{font-size:13px;color:#71899b;font-weight:800;margin-top:8px}
.abc-learning-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.abc-learning-chips span{padding:6px 10px;border:1px solid #d9e7f0;border-radius:10px;background:#fff;color:#315c75;font-size:12px;font-weight:800}
.abc-section{margin:18px 0;padding:24px;border:1px solid #e0e9ef;border-radius:20px;background:#fff;box-shadow:0 7px 20px rgba(17,59,86,.04)}
.abc-section>h2:first-child{margin-top:0!important}
.abc-section-lead{margin-top:-4px!important;color:#748b9c!important;font-size:14px}
.abc-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.abc-example-card{overflow:hidden;border:1px solid #dce8f0;border-radius:16px;background:#fbfdff}
.abc-example-en,.abc-example-fa{padding:14px 16px}
.abc-example-en{display:flex;align-items:flex-start;gap:10px;background:#f3f9fd;color:#143e5a;font-weight:850;line-height:1.7}
.abc-example-fa{border-top:1px solid #e5edf3;color:#4b6d82;line-height:1.9}
.abc-example-no{flex:0 0 auto;min-width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#dff2fc;color:#0f78aa;font-size:11px;font-weight:950}
.abc-tips{background:#f6fbf8;border-color:#d9ece2}.abc-practice{background:#fffaf1;border-color:#f0e2bd}.abc-summary{background:#f4f9fd;border-color:#d9e7f0}
.abc-section :is(ul,ol){padding-inline-start:22px}.abc-section li{margin:7px 0;line-height:1.9}

@media (max-width:760px){
  .abc-category-toolbar{display:grid;grid-template-columns:1fr 1fr}.abc-category-toolbar input[type="search"]{grid-column:1/-1;width:100%}
  .abc-category-cards{grid-template-columns:1fr;gap:10px}
  .abc-category-card__link{grid-template-columns:40px minmax(0,1fr) 26px;min-height:84px;padding:12px}
  .abc-category-card__no{width:38px;height:38px;border-radius:12px}
  .abc-category-card__title{font-size:14px;line-height:1.7}
  .abc-category-card__meta{font-size:10.5px}
  .abc-lesson-intro,.abc-section{padding:18px 15px;border-radius:17px}
  .abc-example-grid{grid-template-columns:1fr}
  .abc-learning-chips{gap:6px}.abc-learning-chips span{font-size:11.5px;padding:5px 8px}
}

/* ABCXYZ Next 2.0.16 — 2026 shell reset: compact header, native search, learning surface */
@media (min-width:1051px){
  .abc-navbar .abc-shell{width:min(1460px,calc(100% - 28px))}
  .abc-navbar__inner{min-height:70px!important;grid-template-columns:minmax(158px,170px) minmax(0,1fr) 78px!important;gap:10px!important}
  .abc-brand{min-width:158px!important;gap:8px!important;padding-inline:0 12px!important;border-inline-end:1px solid #edf2f6!important;position:relative;z-index:4}
  .abc-brand img{width:46px!important;height:46px!important}
  .abc-brand__copy{min-width:0!important;display:flex!important;justify-content:center}
  .abc-brand__copy strong{font-size:13.8px!important;line-height:1.45!important;white-space:nowrap;letter-spacing:-.015em}
  .abc-brand__copy small{display:none!important}
  .abc-primary-nav{padding-inline:2px!important;overflow:visible!important}
  .abc-primary-nav>ul,.abc-primary-nav .mod-menu{justify-content:center!important;gap:0!important;flex-wrap:nowrap!important}
  .abc-primary-nav>ul>li>a,.abc-primary-nav>ul>li>.nav-header{min-height:36px!important;padding:6px 7px!important;border-radius:9px!important;font-size:11.8px!important;font-weight:820!important;line-height:1.45!important}
  .abc-primary-nav li.has-abc-submenu>:is(a,.nav-header,span.separator){padding-left:26px!important}
  .abc-submenu-toggle{left:3px!important;top:5px!important;width:24px!important;height:24px!important;border-radius:7px!important}
  .abc-submenu-toggle svg{width:14px!important;height:14px!important}
  .abc-header-actions{gap:5px!important}
  .abc-icon-btn{width:36px!important;height:36px!important;border-radius:11px!important}
  .abc-icon-btn svg{width:17px!important;height:17px!important}
  .abc-primary-nav ul ul{min-width:252px!important;padding:8px!important;border-radius:15px!important;box-shadow:0 18px 46px rgba(11,50,76,.14)!important}
  .abc-primary-nav ul ul a,.abc-primary-nav ul ul .nav-header{min-height:38px!important;padding:8px 10px!important;font-size:12.25px!important;line-height:1.5!important}
  .abc-primary-nav ul.abc-submenu-wide{width:min(520px,calc(100vw - 32px));grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 6px;padding:9px!important}
}
@media (min-width:1051px) and (max-width:1240px){
  .abc-navbar .abc-shell{width:min(100% - 18px,1460px)}
  .abc-navbar__inner{grid-template-columns:minmax(142px,150px) minmax(0,1fr) 74px!important;gap:6px!important}
  .abc-brand{min-width:142px!important;padding-inline-end:8px!important}
  .abc-brand img{width:42px!important;height:42px!important}
  .abc-brand__copy strong{font-size:12.8px!important}
  .abc-primary-nav>ul>li>a,.abc-primary-nav>ul>li>.nav-header{font-size:11.05px!important;padding-inline:5px!important}
  .abc-primary-nav li.has-abc-submenu>:is(a,.nav-header,span.separator){padding-left:23px!important}
  .abc-submenu-toggle{width:22px!important;height:22px!important;left:2px!important;top:6px!important}
  .abc-icon-btn{width:34px!important;height:34px!important}
}

/* Search is owned by ABCXYZ Next and does not depend on Joomla Smart Search indexing. */
.abc-search-panel{position:relative;border-top:1px solid #e8eff4;background:rgba(255,255,255,.985);box-shadow:0 18px 36px rgba(18,54,79,.07)}
.abc-search-form{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding-block:12px}
.abc-search-form input[type="search"]{height:46px;padding-inline:15px;border-radius:13px;background:#f8fbfd}
.abc-search-form>button{min-width:88px;height:46px;padding-inline:18px;border-radius:13px}
.abc-search-results{grid-column:1/-1;margin-top:1px;padding:7px;border:1px solid #dbe7ef;border-radius:16px;background:#fff;box-shadow:0 18px 46px rgba(13,50,74,.13);max-height:min(56vh,460px);overflow:auto}
.abc-search-results[hidden]{display:none!important}
.abc-search-state{padding:16px 14px;color:#738a9b;font-size:12.5px;text-align:center}
.abc-search-result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;color:#173f5a!important;transition:.14s ease}
.abc-search-result:hover,.abc-search-result:focus-visible{background:#eef7fc;color:#0b6694!important;outline:0}
.abc-search-result__main{min-width:0}.abc-search-result__title{display:block;font-size:13.2px;font-weight:900;line-height:1.55}.abc-search-result__snippet{display:block;margin-top:2px;color:#72899a;font-size:11.6px;line-height:1.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abc-search-result__type{padding:4px 8px;border-radius:999px;background:#f2f7fa;color:#648094;font-size:10px;font-weight:850;white-space:nowrap}
.abc-search-results__footer{padding:8px 12px 4px;color:#8a9aa6;font-size:10.5px;text-align:center}

/* Internal learning pages: denser 2026 hierarchy and less nested-card whitespace. */
body.abc-next:not(.is-home):not(.is-commerce) .abc-content-shell{max-width:1180px;padding:clamp(22px,2.6vw,36px);border-radius:24px}
.abc-category-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:-2px 0 20px;padding:22px 24px;border:1px solid #dce9f1;border-radius:20px;background:linear-gradient(135deg,#f7fbfe 0%,#eef7fc 100%);box-shadow:0 9px 26px rgba(19,64,92,.04)}
.abc-category-hero__copy{min-width:0}.abc-category-hero__eyebrow{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:#e6f3fb;color:#0d6d9e;font-size:11px;font-weight:900;margin-bottom:7px}
.abc-category-hero h1{margin:0;color:#123b58;font-size:clamp(24px,2.15vw,33px);line-height:1.43;letter-spacing:-.025em}
.abc-category-hero__desc,.abc-category-hero p{margin:7px 0 0;color:#627b8e;font-size:13.2px;line-height:1.88;max-width:760px}
.abc-category-hero__desc p{margin:0;color:inherit;font-size:inherit;line-height:inherit}
.abc-category-hero__stats{flex:0 0 100px;min-height:80px;display:grid;place-items:center;align-content:center;padding:10px;border:1px solid #d8e7ef;border-radius:16px;background:#fff;text-align:center;box-shadow:0 6px 18px rgba(19,64,92,.035)}
.abc-category-hero__stats strong{font-size:23px;line-height:1;color:#126fa5}.abc-category-hero__stats span{margin-top:6px;font-size:10.5px;color:#71879a;font-weight:800}
.abc-category-cards{gap:12px!important}.abc-category-card{border-radius:17px!important;box-shadow:0 6px 18px rgba(18,58,84,.04)!important}
.abc-category-card__link{min-height:94px!important;padding:14px 16px!important;gap:13px!important}
.abc-category-card__title{font-size:14.7px!important;line-height:1.75!important;font-weight:850!important}
.abc-category-card__no{width:40px!important;height:40px!important;border-radius:12px!important;background:linear-gradient(145deg,#eef8fd,#e4f2f9)!important}
.abc-category-card__arrow{background:#f6f9fb!important;border:1px solid #edf2f5}
.abc-category-card:hover{transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(18,58,84,.075)!important}.abc-category-card:hover .abc-category-card__arrow{background:#e7f4fa!important}

@media(max-width:760px){
  .abc-search-form{grid-template-columns:minmax(0,1fr) 76px;padding:10px 12px}.abc-search-form>button{min-width:0;padding-inline:10px}
  .abc-search-results{border-radius:14px}.abc-search-result{gap:8px;padding:10px}.abc-search-result__snippet{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.abc-search-result__type{font-size:9.5px}
  body.abc-next:not(.is-home):not(.is-commerce) .abc-content-shell{padding:18px 14px}
  .abc-category-hero{align-items:flex-start;margin:0 0 16px;padding:17px 15px;border-radius:17px;gap:10px}.abc-category-hero h1{font-size:25px}.abc-category-hero__desc,.abc-category-hero p{font-size:12.4px}.abc-category-hero__stats{flex-basis:74px;min-height:68px;border-radius:14px}.abc-category-hero__stats strong{font-size:20px}.abc-category-hero__stats span{font-size:9.3px}
  .abc-category-card__link{min-height:86px!important;padding:12px!important;gap:10px!important}.abc-category-card__title{font-size:13.8px!important}
}

/* ABCXYZ Next 2.0.18 — responsive learning library reset (desktop + mobile together) */
/* Footer remains compact, but the learning library is rebuilt as one responsive system. */
.abc-footer{margin-top:0!important;background:#0b2233!important;content-visibility:auto;contain-intrinsic-size:260px!important}
.abc-footer__grid{grid-template-columns:1.05fr .9fr .92fr 1.12fr!important;gap:24px!important;padding-block:24px!important;align-items:start}
.abc-footer__grid>section{min-width:0;font-size:12.5px;line-height:1.78}
.abc-footer__grid :is(p,ul,ol){margin-top:5px;margin-bottom:5px}
.abc-footer__grid ul{display:grid;gap:2px;margin:0;padding:0}
.abc-footer__grid li{margin:0!important;line-height:1.75}
.abc-footer__grid a{font-size:12.5px;line-height:1.75}
.abc-footer__brand-link{max-width:240px!important;gap:11px!important}
.abc-footer__logo{width:46px!important;height:46px!important;flex-basis:46px!important}
.abc-footer__brand-link>span{justify-content:center}
.abc-footer__brand-link strong{font-size:15.5px!important;line-height:1.55!important;white-space:nowrap}
.abc-footer__brand-link small{display:none!important}
.abc-trust-card{max-width:230px!important;padding:10px 11px!important;border-radius:14px!important;gap:10px!important}
.abc-trust-card__icon{width:34px!important;height:34px!important;border-radius:10px!important}
.abc-trust-card__icon svg{width:20px!important;height:20px!important}
.abc-trust-card strong{font-size:11.8px!important}.abc-trust-card small{font-size:10px!important}
.abc-footer__bottom>.abc-shell{min-height:42px!important;font-size:10.8px!important}

/* Internal learning surface: one hierarchy, two desktop columns, one mobile column. */
body.abc-next:not(.is-home):not(.is-commerce) .abc-main{padding-top:10px!important;padding-bottom:32px!important}
body.abc-next:not(.is-home):not(.is-commerce) .abc-breadcrumb{margin-top:5px!important;margin-bottom:8px!important;font-size:11.5px!important}
body.abc-next:not(.is-home):not(.is-commerce) .abc-content-shell{max-width:1240px!important;padding:28px!important;border-radius:22px!important;box-shadow:0 11px 32px rgba(17,59,86,.055)!important}

.abc-category-hero{display:block!important;margin:0 0 16px!important;padding:20px 22px!important;border:1px solid #dce9f1!important;border-radius:20px!important;background:linear-gradient(135deg,#f7fbfe 0%,#eef7fc 100%)!important;box-shadow:none!important}
.abc-category-hero__top{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:7px;flex-wrap:wrap}
.abc-category-hero__eyebrow{display:inline-flex!important;align-items:center!important;min-height:26px!important;padding:3px 9px!important;margin:0!important;border-radius:999px!important;background:#e6f3fb!important;color:#0d6d9e!important;font-size:10.5px!important;font-weight:900!important}
.abc-category-hero__stats{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:28px!important;padding:4px 9px!important;border:1px solid #d8e7ef!important;border-radius:999px!important;background:#fff!important;box-shadow:none!important;white-space:nowrap!important;text-align:center!important}
.abc-category-hero__stats strong{font-size:14px!important;line-height:1!important;color:#126fa5!important}
.abc-category-hero__stats span{margin:0!important;font-size:9.8px!important;color:#71879a!important;font-weight:800!important}
.abc-category-hero h1{margin:0!important;color:#123b58!important;font-size:clamp(25px,2vw,31px)!important;line-height:1.46!important;letter-spacing:-.025em!important}
.abc-category-hero__desc,.abc-category-hero p{margin:6px 0 0!important;max-width:900px!important;color:#627b8e!important;font-size:12.6px!important;line-height:1.85!important}
.abc-category-hero__desc p{margin:0!important;color:inherit!important;font-size:inherit!important;line-height:inherit!important}

.abc-category-toolbar{margin:0 0 14px!important;padding:8px!important;border-radius:14px!important;background:#f8fbfd!important}
.abc-category-toolbar input[type="search"]{height:42px!important;border-radius:11px!important}
.abc-category-filter-btn,.abc-category-clear-btn{height:42px!important;border-radius:11px!important;padding-inline:15px!important;font-size:12px!important}

.abc-category-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.abc-category-card{min-width:0!important;border:1px solid #dfe9f0!important;border-radius:17px!important;background:#fff!important;box-shadow:0 5px 16px rgba(18,58,84,.04)!important;overflow:hidden!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important}
.abc-category-card:hover{transform:translateY(-2px)!important;border-color:#c3d9e5!important;box-shadow:0 12px 28px rgba(18,58,84,.075)!important}
.abc-category-card__link{display:grid!important;grid-template-columns:44px minmax(0,1fr) 30px!important;align-items:center!important;gap:13px!important;min-height:96px!important;padding:14px 15px!important;color:inherit!important}
.abc-category-card__no{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:linear-gradient(145deg,#eef8fd,#e4f2f9)!important;color:#1375a7!important;font-weight:950!important;font-size:12px!important;font-variant-numeric:tabular-nums!important}
.abc-category-card__body{display:flex!important;min-width:0!important;flex-direction:column!important;gap:6px!important}
.abc-category-card__title{display:block!important;min-width:0!important;color:#153f5d!important;font-size:14.25px!important;line-height:1.72!important;font-weight:850!important;text-align:start!important;unicode-bidi:plaintext!important;overflow-wrap:anywhere!important;text-wrap:pretty!important}
.abc-category-card__meta{display:flex!important;flex-wrap:wrap!important;gap:5px 10px!important;color:#8193a2!important;font-size:10px!important}
.abc-category-card__arrow{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border:1px solid #edf2f5!important;border-radius:9px!important;background:#f6f9fb!important;color:#6d8ba0!important;font-size:17px!important;transition:.16s ease!important}
.abc-category-card:hover .abc-category-card__arrow{background:#e7f4fa!important;color:#1172a3!important;transform:translateX(-2px)!important}
.abc-category-pagination{margin-top:20px!important;padding-top:16px!important;border-top:1px solid #e8eff4!important}

/* Tablet: preserve comfortable two-column reading until cards truly become narrow. */
@media (min-width:761px) and (max-width:1049px){
  body.abc-next:not(.is-home):not(.is-commerce) .abc-content-shell{padding:22px!important}
  .abc-category-card__link{grid-template-columns:40px minmax(0,1fr) 28px!important;min-height:92px!important;padding:12px!important;gap:10px!important}
  .abc-category-card__no{width:38px!important;height:38px!important}
  .abc-category-card__title{font-size:13.5px!important}
}

/* Mobile is designed with the desktop component, not patched later. */
@media (max-width:760px){
  .abc-footer{contain-intrinsic-size:380px!important}
  .abc-footer__grid{grid-template-columns:1fr!important;gap:13px!important;padding:20px 14px 18px!important}
  .abc-footer__grid>section:not(:first-child){padding-top:12px!important}
  .abc-footer__brand-link strong{font-size:14.5px!important}
  .abc-footer__bottom>.abc-shell{min-height:40px!important;padding:8px 14px!important}

  body.abc-next:not(.is-home):not(.is-commerce) .abc-main{padding-top:4px!important;padding-bottom:22px!important}
  body.abc-next:not(.is-home):not(.is-commerce) .abc-breadcrumb{margin:4px 0 6px!important;padding-inline:12px!important;font-size:10.5px!important}
  body.abc-next:not(.is-home):not(.is-commerce) .abc-content-shell{width:100%!important;max-width:none!important;padding:12px!important;border-radius:0!important;border-inline:0!important;box-shadow:none!important}

  .abc-category-hero{padding:15px!important;margin-bottom:12px!important;border-radius:17px!important}
  .abc-category-hero__top{margin-bottom:6px!important;gap:8px!important}
  .abc-category-hero__eyebrow{min-height:24px!important;font-size:9.5px!important}
  .abc-category-hero__stats{min-height:25px!important;padding:3px 8px!important}
  .abc-category-hero__stats strong{font-size:12.5px!important}.abc-category-hero__stats span{font-size:8.8px!important}
  .abc-category-hero h1{font-size:21px!important;line-height:1.5!important}
  .abc-category-hero__desc,.abc-category-hero p{font-size:11.5px!important;line-height:1.78!important}

  .abc-category-toolbar{grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;padding:7px!important}
  .abc-category-toolbar input[type="search"]{height:40px!important}
  .abc-category-filter-btn{height:40px!important;padding-inline:12px!important}
  .abc-category-clear-btn{display:none!important}

  .abc-category-cards{grid-template-columns:1fr!important;gap:9px!important}
  .abc-category-card{border-radius:15px!important}
  .abc-category-card__link{grid-template-columns:40px minmax(0,1fr) 28px!important;min-height:82px!important;padding:11px 12px!important;gap:10px!important}
  .abc-category-card__no{width:38px!important;height:38px!important;border-radius:11px!important;font-size:11px!important}
  .abc-category-card__body{gap:4px!important}
  .abc-category-card__title{font-size:13.4px!important;line-height:1.64!important}
  .abc-category-card__meta{font-size:9.6px!important}
  .abc-category-card__arrow{width:28px!important;height:28px!important;font-size:16px!important}
}

@media (max-width:430px){
  .abc-category-hero{padding:13px!important}
  .abc-category-hero h1{font-size:20px!important}
  .abc-category-card__link{grid-template-columns:36px minmax(0,1fr) 26px!important;padding:10px!important;gap:8px!important}
  .abc-category-card__no{width:34px!important;height:34px!important;font-size:10.5px!important}
  .abc-category-card__title{font-size:13px!important}
}


/* ABCXYZ Next 2.0.19 — search routing guard + learning header cohesion. */
.abc-category-hero__top{width:100%}
.abc-category-hero__stats{order:2}
.abc-category-hero__eyebrow{order:1}
@media (max-width:760px){
  .abc-category-hero__top{gap:6px}
  .abc-category-hero__stats{min-height:26px!important;padding-inline:8px!important}
}


/* ==========================================================
   ABCXYZ Next 2.0.20 — Native Product Detail Surface
   Modern 2026 desktop + mobile layout for legacy JoomShopping
   ========================================================== */
body.is-product-detail .abc-main{padding:18px 0 48px!important;background:linear-gradient(180deg,#f4f8fc 0,#f7fafd 100%)!important}
body.is-product-detail .abc-content-shell--commerce{width:min(1240px,calc(100% - 32px))!important;margin-inline:auto!important;padding:0!important}
body.is-product-detail #comjshop:not(.abc-native-commerce),
body.is-product-detail .jshop.productfull,
body.is-product-detail .productfull,
body.is-product-detail .abc-product-surface{width:100%!important;max-width:1180px!important;margin:0 auto!important;padding:28px!important;border:1px solid #dce7f0!important;border-radius:26px!important;background:#fff!important;box-shadow:0 18px 50px rgba(18,58,84,.075)!important;overflow:visible!important}

body.is-product-detail .abc-product-title,
body.is-product-detail .productfull>h1,
body.is-product-detail #comjshop h1{margin:0 0 22px!important;padding:0!important;color:#123b58!important;font-size:clamp(25px,2.35vw,36px)!important;line-height:1.45!important;font-weight:950!important;letter-spacing:-.025em!important;text-align:right!important}

/* Neutralize old Bootstrap/JoomShopping floats and percentage widths. */
body.is-product-detail .productfull :is(.row-fluid,.abc-product-primary){width:100%!important;max-width:none!important;margin:0!important}
body.is-product-detail .productfull :is(.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12),
body.is-product-detail .productfull :is([class*="col-sm-"],[class*="col-md-"],[class*="col-lg-"]){float:none!important;margin-left:0!important;margin-right:0!important;min-width:0!important;max-width:none!important}

body.is-product-detail .productfull .abc-product-primary,
body.is-product-detail .productfull form[name="product"]>.row-fluid:has(.image_middle),
body.is-product-detail .productfull form[name="product"]>.row:has(.image_middle),
body.is-product-detail .productfull .row-fluid:has(.abc-product-main-image),
body.is-product-detail .productfull .row:has(.abc-product-main-image){display:grid!important;grid-template-columns:minmax(0,1.04fr) minmax(340px,.78fr)!important;gap:30px!important;align-items:start!important;direction:ltr!important}
body.is-product-detail .productfull .abc-product-primary>*{direction:rtl!important;width:auto!important}
body.is-product-detail .abc-product-media-col{grid-column:1!important;direction:rtl!important;width:auto!important}
body.is-product-detail .abc-product-info-col{grid-column:2!important;direction:rtl!important;width:auto!important}

body.is-product-detail .abc-product-media,
body.is-product-detail .image_middle,
body.is-product-detail .image_block,
body.is-product-detail .product-image{width:100%!important;max-width:590px!important;margin:0 auto!important;padding:22px!important;border:1px solid #e1ebf2!important;border-radius:24px!important;background:linear-gradient(145deg,#f7fbfe,#eef7fc)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;text-align:center!important;overflow:hidden!important}
body.is-product-detail .abc-product-main-image,
body.is-product-detail .image_middle>img,
body.is-product-detail .image_middle a>img,
body.is-product-detail .image_block img,
body.is-product-detail .product-image img{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:520px!important;margin:0 auto!important;object-fit:contain!important;border-radius:20px!important;box-shadow:none!important}

body.is-product-detail .abc-product-info-col,
body.is-product-detail .product_info,
body.is-product-detail .product-info{padding:20px!important;border:1px solid #e0eaf0!important;border-radius:22px!important;background:#fbfdff!important;box-shadow:0 8px 24px rgba(18,58,84,.045)!important}
body.is-product-detail .jshop_prod_description{color:#526f83!important;font-size:14px!important;line-height:1.95!important}
body.is-product-detail .abc-product-price,
body.is-product-detail .prod_price{margin:14px 0 8px!important;padding:13px 15px!important;border-radius:15px!important;background:#eef8fd!important;color:#0d6f9f!important;font-size:20px!important;font-weight:950!important;line-height:1.5!important}
body.is-product-detail .abc-product-qty,
body.is-product-detail .prod_qty{display:flex!important;align-items:center!important;gap:10px!important;margin:12px 0!important;color:#49697d!important;font-weight:800!important}
body.is-product-detail .abc-product-control,
body.is-product-detail .productfull select,
body.is-product-detail .productfull input[type="number"],
body.is-product-detail .productfull input[type="text"]{min-height:46px!important;border:1px solid #d4e2ea!important;border-radius:13px!important;background:#fff!important;padding:8px 12px!important}
body.is-product-detail .abc-product-cta,
body.is-product-detail .productfull .btn-primary,
body.is-product-detail .productfull input[type="submit"].button{min-height:50px!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,#1485b4,#0d6795)!important;color:#fff!important;font-size:14px!important;font-weight:950!important;padding:11px 22px!important;box-shadow:0 10px 24px rgba(13,103,149,.18)!important}
body.is-product-detail .abc-product-cta:hover{transform:translateY(-1px)!important;filter:brightness(.98)!important}

/* Lower product content should span the full product card instead of inheriting legacy floats. */
body.is-product-detail .productfull :is(.jshop_prod_description,.product_description,.description,.extra_fields,.review_header,.reviews,.related_header,.related_products){clear:both!important;max-width:100%!important}
body.is-product-detail .productfull hr{border:0!important;border-top:1px solid #e3ebf1!important;margin:24px 0!important}

/* Kill any legacy floating mini-cart that survives module/class differences. */
body.is-product-detail :is([class*="mini-cart" i],[class*="mini_cart" i],[class*="floating-cart" i],[class*="floating_cart" i],[class*="cart-float" i],[class*="cart_float" i],[id*="mini-cart" i],[id*="floating-cart" i]){display:none!important}

@media (max-width:900px){
  body.is-product-detail .productfull .abc-product-primary,
  body.is-product-detail .productfull form[name="product"]>.row-fluid:has(.image_middle),
  body.is-product-detail .productfull form[name="product"]>.row:has(.image_middle),
  body.is-product-detail .productfull .row-fluid:has(.abc-product-main-image),
  body.is-product-detail .productfull .row:has(.abc-product-main-image){grid-template-columns:minmax(0,1fr) minmax(300px,.82fr)!important;gap:20px!important}
  body.is-product-detail .abc-product-main-image,
  body.is-product-detail .image_middle>img,
  body.is-product-detail .image_middle a>img{max-height:430px!important}
}

@media (max-width:760px){
  body.is-product-detail .abc-main{padding:8px 0 calc(96px + env(safe-area-inset-bottom))!important}
  body.is-product-detail .abc-content-shell--commerce{width:100%!important;margin:0!important}
  body.is-product-detail #comjshop:not(.abc-native-commerce),
  body.is-product-detail .jshop.productfull,
  body.is-product-detail .productfull,
  body.is-product-detail .abc-product-surface{max-width:none!important;padding:14px!important;border-radius:0!important;border-inline:0!important;box-shadow:none!important}
  body.is-product-detail .abc-product-title,
  body.is-product-detail .productfull>h1,
  body.is-product-detail #comjshop h1{font-size:23px!important;line-height:1.55!important;margin-bottom:14px!important}
  body.is-product-detail .productfull .abc-product-primary,
  body.is-product-detail .productfull form[name="product"]>.row-fluid:has(.image_middle),
  body.is-product-detail .productfull form[name="product"]>.row:has(.image_middle),
  body.is-product-detail .productfull .row-fluid:has(.abc-product-main-image),
  body.is-product-detail .productfull .row:has(.abc-product-main-image){display:flex!important;flex-direction:column!important;gap:12px!important;direction:rtl!important}
  body.is-product-detail .abc-product-media-col,
  body.is-product-detail .abc-product-info-col{grid-column:auto!important;width:100%!important}
  body.is-product-detail .abc-product-media,
  body.is-product-detail .image_middle,
  body.is-product-detail .image_block,
  body.is-product-detail .product-image{max-width:100%!important;padding:12px!important;border-radius:18px!important}
  body.is-product-detail .abc-product-main-image,
  body.is-product-detail .image_middle>img,
  body.is-product-detail .image_middle a>img,
  body.is-product-detail .image_block img{max-height:340px!important;border-radius:15px!important}
  body.is-product-detail .abc-product-info-col,
  body.is-product-detail .product_info,
  body.is-product-detail .product-info{width:100%!important;padding:14px!important;border-radius:17px!important}
  body.is-product-detail .abc-product-price,
  body.is-product-detail .prod_price{font-size:18px!important;padding:11px 12px!important}
  body.is-product-detail .abc-product-control,
  body.is-product-detail .productfull select,
  body.is-product-detail .productfull input[type="number"],
  body.is-product-detail .productfull input[type="text"]{width:100%!important;min-height:48px!important}
  body.is-product-detail .abc-product-cta,
  body.is-product-detail .productfull .btn-primary,
  body.is-product-detail .productfull input[type="submit"].button{width:100%!important;min-height:52px!important}
}

/* ============================================================================
   ABCXYZ Next 2.0.21 — Unified shell / brand / typography
   One definitive header geometry for desktop + mobile.
   ========================================================================== */
:root{
  --abc-font:"Vazirmatn",Tahoma,"Segoe UI",Arial,sans-serif;
  --abc-header-shell:min(1240px,calc(100% - 40px));
}
body.abc-next,
body.abc-next :is(.abc-header,.abc-main,.abc-footer,.abc-mobile-dock),
body.abc-next :is(button,input,select,textarea){font-family:var(--abc-font)!important}

/* Desktop header follows the same content grid as the rest of the site. */
@media (min-width:1051px){
  .abc-navbar .abc-shell{width:var(--abc-header-shell)!important}
  .abc-navbar__inner{
    min-height:72px!important;
    grid-template-columns:minmax(176px,188px) minmax(0,1fr) 84px!important;
    gap:14px!important;
    padding:0!important;
  }
  .abc-brand{
    min-width:176px!important;
    gap:9px!important;
    padding-inline:0 14px!important;
    border-inline-end:1px solid #e8eff4!important;
  }
  .abc-brand img{width:46px!important;height:46px!important;flex:0 0 46px!important}
  .abc-brand__copy{display:flex!important;min-width:0!important}
  .abc-brand__copy strong{
    font-family:var(--abc-font)!important;
    font-size:14.5px!important;
    font-weight:800!important;
    line-height:1.45!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }
  .abc-primary-nav{min-width:0!important;padding:0!important;overflow:visible!important}
  .abc-primary-nav>ul,.abc-primary-nav .mod-menu{
    width:100%!important;
    justify-content:center!important;
    align-items:center!important;
    gap:2px!important;
    flex-wrap:nowrap!important;
  }
  .abc-primary-nav>ul>li,.abc-primary-nav .mod-menu>li{display:flex!important;align-items:center!important}
  .abc-primary-nav>ul>li>a,
  .abc-primary-nav>ul>li>.nav-header,
  .abc-primary-nav .mod-menu>li>a,
  .abc-primary-nav .mod-menu>li>.nav-header{
    min-height:38px!important;
    padding:7px 9px!important;
    border-radius:10px!important;
    font-family:var(--abc-font)!important;
    font-size:12.35px!important;
    font-weight:800!important;
    line-height:1.45!important;
    letter-spacing:0!important;
  }
  .abc-primary-nav li.has-abc-submenu>:is(a,.nav-header,span.separator){padding-left:28px!important}
  .abc-submenu-toggle{left:3px!important;top:5px!important;width:27px!important;height:27px!important;border-radius:8px!important}
  .abc-primary-nav>ul>li.active>a,
  .abc-primary-nav>ul>li.current>a,
  .abc-primary-nav .mod-menu>li.active>a,
  .abc-primary-nav .mod-menu>li.current>a{
    background:#edf6fb!important;
    color:#0b6694!important;
    box-shadow:inset 0 0 0 1px #e0edf4!important;
  }
  .abc-header-actions{
    width:84px!important;
    justify-self:end!important;
    justify-content:flex-end!important;
    gap:6px!important;
    direction:ltr!important;
  }
  .abc-icon-btn{width:39px!important;height:39px!important;border-radius:12px!important}
  .abc-icon-btn svg{width:18px!important;height:18px!important}
}

@media (min-width:1051px) and (max-width:1180px){
  :root{--abc-header-shell:min(100% - 24px,1240px)}
  .abc-navbar__inner{grid-template-columns:minmax(158px,166px) minmax(0,1fr) 80px!important;gap:8px!important}
  .abc-brand{min-width:158px!important;padding-inline-end:9px!important}
  .abc-brand img{width:42px!important;height:42px!important;flex-basis:42px!important}
  .abc-brand__copy strong{font-size:13px!important}
  .abc-primary-nav>ul>li>a,
  .abc-primary-nav>ul>li>.nav-header,
  .abc-primary-nav .mod-menu>li>a,
  .abc-primary-nav .mod-menu>li>.nav-header{font-size:11.3px!important;padding-inline:6px!important}
  .abc-primary-nav li.has-abc-submenu>:is(a,.nav-header,span.separator){padding-left:25px!important}
  .abc-header-actions{width:80px!important;gap:4px!important}
  .abc-icon-btn{width:37px!important;height:37px!important}
}

/* Tablet/mobile: same component, not a separate visual language. */
@media (max-width:1050px){
  .abc-navbar .abc-shell{width:min(100% - 24px,1240px)!important}
  .abc-navbar__inner{min-height:68px!important;gap:8px!important}
  .abc-primary-nav{left:12px!important;right:12px!important}
  .abc-primary-nav a,.abc-primary-nav .nav-header{font-family:var(--abc-font)!important}
  .abc-header-actions{gap:5px!important}
  .abc-icon-btn{width:40px!important;height:40px!important;border-radius:12px!important}
  .abc-nav-toggle{min-height:40px!important;border-radius:12px!important}
}
@media (min-width:431px) and (max-width:760px){
  .abc-navbar__inner{grid-template-columns:minmax(150px,auto) 1fr auto!important}
  .abc-brand{max-width:180px!important;min-width:0!important;gap:8px!important}
  .abc-brand img{width:42px!important;height:42px!important;flex:0 0 42px!important}
  .abc-brand__copy{display:flex!important;min-width:0!important}
  .abc-brand__copy strong{font-size:12.3px!important;font-weight:800!important;white-space:nowrap!important}
}
@media (max-width:430px){
  .abc-navbar .abc-shell{width:calc(100% - 16px)!important}
  .abc-navbar__inner{min-height:64px!important;grid-template-columns:auto 1fr auto!important;gap:6px!important;padding:0!important}
  .abc-brand{max-width:48px!important;min-width:48px!important;padding:0!important;border:0!important}
  .abc-brand img{width:42px!important;height:42px!important}
  .abc-brand__copy{display:none!important}
  .abc-nav-toggle{padding-inline:9px!important}
  .abc-header-actions{gap:4px!important}
  .abc-icon-btn{width:38px!important;height:38px!important;border-radius:11px!important}
  .abc-icon-btn svg{width:17px!important;height:17px!important}
}


/* ============================================================================
   ABCXYZ Next 2.0.22 — mobile menu icon + JoomShopping attribution cleanup
   ========================================================================== */
/* Mobile menu remains available, but render it as a real compact hamburger. */
@media (max-width:1050px){
  .abc-nav-toggle{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    padding:0!important;
    display:grid!important;
    grid-template-rows:repeat(3,2px)!important;
    align-content:center!important;
    justify-content:center!important;
    row-gap:4px!important;
    border-radius:12px!important;
    justify-self:center!important;
    line-height:1!important;
  }
  .abc-nav-toggle span{
    display:block!important;
    width:18px!important;
    height:2px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:999px!important;
    background:currentColor!important;
  }
  .abc-nav-toggle b{display:none!important}
}
@media (max-width:430px){
  .abc-nav-toggle{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:11px!important}
  .abc-nav-toggle span{width:17px!important}
}

/* JoomShopping vendor/support signature is not part of the ABCXYZ product UI.
   Restrict removal to known attribution classes/external vendor domains; never generic
   internal JoomShopping links because those can belong to the product itself. */
body.is-commerce :is(.jshop_copyright,.jshopping_copyright,.jshop-footer,.jshop_footer,.jshopping-footer,.jshopping_footer,#jshop_copyright,#jshopping_copyright){display:none!important}
body.is-commerce a[href*="maxxmarketing" i],
body.is-commerce a[href*="webdesigner-profi" i],
body.is-commerce a[href*="joomshopping.com" i],
body.is-commerce a[href*="joomshopping.pro" i]{display:none!important}

/* On mobile ABCXYZ Next is the single owner of the primary menu trigger.
   Hide collapse/off-canvas toggles injected by the Joomla menu module itself. */
@media (max-width:1050px){
  .abc-primary-nav :is(.navbar-toggler,.navbar-toggle,.menu-toggle,.mobile-menu-toggle,.offcanvas-toggle,[data-bs-toggle="collapse"],[data-toggle="collapse"]):not(.abc-submenu-toggle){display:none!important}
}


/* ============================================================================
   ABCXYZ Next 2.0.24 — one mobile menu owner + stable accordion controls
   ========================================================================== */
@media (max-width:1050px){
  /* Only the centered ABCXYZ trigger owns the mobile master navigation. */
  .abc-navbar :is(
    .navbar-toggler,.navbar-toggle,.menu-toggle,.mobile-menu-toggle,.offcanvas-toggle,
    [data-bs-toggle="collapse"],[data-toggle="collapse"],
    button[aria-controls*="menu" i],button[aria-controls*="nav" i],
    button[aria-label*="menu" i],button[aria-label*="منو"]
  ):not([data-abc-nav-toggle]):not(.abc-submenu-toggle):not([data-abc-search-toggle]){display:none!important}

  /* The submenu chevron is an accordion control, never a master-menu close control. */
  .abc-primary-nav .abc-submenu-toggle{display:grid!important;pointer-events:auto!important}
  .abc-primary-nav.is-open{display:block!important}
}


/* ============================================================================
   ABCXYZ Next 2.0.25 — social visibility + mobile navigation polish
   ========================================================================== */
.abc-mobile-socials{display:none}

/* Desktop social bar: visible enough to be useful without overpowering the header. */
@media (min-width:1051px){
  .abc-topbar,.abc-topbar__inner{min-height:38px!important}
  .abc-socials{gap:7px!important}
  .abc-socials a{width:30px!important;height:30px!important;border-radius:9px!important;opacity:.94!important}
  .abc-socials a svg{width:15px!important;height:15px!important}
}

/* Tablet/mobile: socials live inside the opened primary menu instead of consuming
   permanent header height. */
@media (max-width:1050px){
  .abc-mobile-socials{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:13px 10px 4px;border-top:1px solid #e5edf2}
  .abc-mobile-socials__label{font-family:var(--abc-font)!important;font-size:11px;font-weight:850;color:#7890a0;padding-inline:2px}
  .abc-mobile-socials__links{display:flex;align-items:center;justify-content:center;gap:8px;direction:ltr;flex-wrap:wrap}
  .abc-mobile-socials__links a{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;border-radius:11px!important;background:#edf6fb!important;border:1px solid #d9e8f1!important;color:#174e72!important}
  .abc-mobile-socials__links a svg{width:17px!important;height:17px!important;fill:currentColor;stroke:none}
  .abc-mobile-socials__links a[data-social="aparat"] svg,.abc-mobile-socials__links a[data-social="instagram"] svg{fill:none;stroke:currentColor}
  .abc-mobile-socials__links a[data-social="instagram"] .fill-dot{fill:currentColor;stroke:none}
}

/* The dock has four actions; never reserve a phantom fifth column. */
@media (max-width:760px){
  .abc-mobile-dock{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}


/* ============================================================================
   ABCXYZ Next 2.0.26 — definitive mobile header + single menu/cart ownership
   ========================================================================== */
@media (max-width:760px){
  /* One clean three-zone app header: Brand | Menu | Search. Cart lives in bottom dock. */
  .abc-navbar__inner{grid-template-columns:auto 1fr auto!important;align-items:center!important}
  .abc-brand{justify-self:start!important}
  .abc-nav-toggle{justify-self:center!important;position:relative!important;inset:auto!important;float:none!important;margin:0!important}
  .abc-header-actions{justify-self:end!important}
  body.abc-next .abc-header .abc-cart-link{display:none!important}

  /* Suppress any master-menu trigger injected by Joomla/framework/legacy modules anywhere
     outside the ABCXYZ owner. This intentionally does not target submenu chevrons. */
  body.abc-next :is(
    .navbar-toggler,.navbar-toggle,.btn-navbar,.menu-toggle,.menu-toggler,.mobile-menu-toggle,
    .offcanvas-toggle,.offcanvas-toggler,#offcanvas-toggler,.js-offcanvas-toggler,
    button[class*="hamburger" i],a[class*="hamburger" i],
    button[class*="burger" i],a[class*="burger" i],
    button[class*="mobile-menu" i],a[class*="mobile-menu" i],
    button[id*="offcanvas" i],a[id*="offcanvas" i]
  ):not([data-abc-nav-toggle]):not(.abc-submenu-toggle):not([data-abc-search-toggle]){display:none!important}

  /* The drawer is the only expanded navigation surface. */
  .abc-primary-nav{max-height:min(72vh,590px)!important;overflow-y:auto!important;overscroll-behavior:contain!important}

  /* Socials are useful inside the drawer, but the glyph must be visually legible. */
  .abc-mobile-socials{gap:12px!important;padding:16px 12px 8px!important;margin-top:14px!important}
  .abc-mobile-socials__label{font-size:12.5px!important;font-weight:850!important;text-align:center!important}
  .abc-mobile-socials__links{gap:10px!important}
  .abc-mobile-socials__links a{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:13px!important}
  .abc-mobile-socials__links a svg{width:22px!important;height:22px!important}

  /* Legacy floating cart widgets have no place in the app shell. */
  body.abc-next :is(.mini-wrap-sidebar,.mini-cart-wrap,.jshop_cart_module,.jshopping_cart_module,.mod_jshopping_cart,.mod-jshopping-cart,[class*="floating-cart" i],[class*="floating_cart" i],[class*="mini-cart" i],[class*="mini_cart" i]){display:none!important}
}

@media (max-width:430px){
  .abc-mobile-socials__links{gap:8px!important}
  .abc-mobile-socials__links a{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  .abc-mobile-socials__links a svg{width:21px!important;height:21px!important}
}

/* ============================================================================
   ABCXYZ Next 2.0.28 — Native desktop product catalog
   Desktop/tablet only. Existing mobile catalog presentation is intentionally
   untouched because it is already the accepted production UI.
   ========================================================================== */
@media (min-width:761px){
  body.abc-next.is-commerce.is-product-list .abc-main{
    padding:24px 0 56px!important;
    background:linear-gradient(180deg,#f4f8fc 0%,#f8fbfd 100%)!important;
  }
  body.abc-next.is-commerce.is-product-list .abc-content-shell--commerce{
    width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  }
  body.abc-next.is-commerce.is-product-list :is(#comjshop,.jshop_list_product,#comjshop_list_product){
    transform:none!important;left:auto!important;right:auto!important;float:none!important;
  }
  body.abc-next.is-commerce.is-product-list .jshop_list_product,
  body.abc-next.is-commerce.is-product-list #comjshop_list_product{
    width:min(1320px,calc(100% - 48px))!important;
    max-width:1320px!important;
    margin:0 auto!important;
    padding:0!important;
    background:transparent!important;
  }
  body.abc-next.is-commerce.is-product-list .abc-store-grid{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:24px!important;
    align-items:stretch!important;
    direction:rtl!important;
    margin:0 auto 30px!important;
  }
  body.abc-next.is-commerce.is-product-list .abc-store-grid__item{
    width:auto!important;max-width:none!important;min-width:0!important;
    float:none!important;clear:none!important;margin:0!important;padding:0!important;
    display:block!important;height:100%!important;
  }
  body.abc-next.is-commerce.is-product-list .abc-store-card{
    width:100%!important;max-width:none!important;height:100%!important;
    margin:0!important;padding:18px!important;
    border:1px solid #dce8ef!important;border-radius:24px!important;
    background:#fff!important;box-shadow:0 14px 38px rgba(18,58,84,.075)!important;
    overflow:hidden!important;box-sizing:border-box!important;
    border-collapse:separate!important;border-spacing:0!important;
  }
  body.abc-next.is-commerce.is-product-list .abc-store-card :is(.image_block,.image){
    width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;
    margin:0!important;padding:0!important;text-align:center!important;
  }
  body.abc-next.is-commerce.is-product-list .abc-store-card__image,
  body.abc-next.is-commerce.is-product-list .abc-store-card img.jshop_img{
    display:block!important;width:100%!important;max-width:100%!important;
    height:320px!important;max-height:320px!important;object-fit:contain!important;
    margin:0 auto 16px!important;padding:10px!important;
    border:0!important;border-radius:18px!important;background:#f6fafc!important;
    box-shadow:none!important;
  }
  body.abc-next.is-commerce.is-product-list .abc-store-card__title,
  body.abc-next.is-commerce.is-product-list .abc-store-card :is(.name,a.product_link){
    display:block!important;margin:0 0 10px!important;color:#123e5a!important;
    font-size:18px!important;line-height:1.7!important;font-weight:950!important;
    text-align:right!important;text-decoration:none!important;
  }
  body.abc-next.is-commerce.is-product-list .abc-store-card :is(.description,.product_short_description,.short_description){
    color:#657d8d!important;font-size:13px!important;line-height:1.9!important;
    text-align:right!important;margin:8px 0 12px!important;
  }
  body.abc-next.is-commerce.is-product-list .abc-store-card__price,
  body.abc-next.is-commerce.is-product-list .abc-store-card :is(.jshop_price,.price,.product_price){
    display:block!important;margin:10px 0!important;padding:11px 13px!important;
    border-radius:14px!important;background:#eef8fc!important;color:#0d6f9e!important;
    font-size:17px!important;font-weight:950!important;text-align:right!important;
  }
  body.abc-next.is-commerce.is-product-list .abc-store-card :is(.old_price,.price_old,.old-price){
    color:#93a4ae!important;font-size:12px!important;text-decoration:line-through!important;
  }
  body.abc-next.is-commerce.is-product-list .abc-store-card__actions,
  body.abc-next.is-commerce.is-product-list .abc-store-card .buttons{
    display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;
    justify-content:flex-start!important;margin-top:14px!important;text-align:right!important;
  }
  body.abc-next.is-commerce.is-product-list .abc-store-card__actions a,
  body.abc-next.is-commerce.is-product-list .abc-store-card .buttons a,
  body.abc-next.is-commerce.is-product-list .abc-store-card :is(.button_buy,.btn-primary,.button){
    min-height:44px!important;padding:9px 15px!important;border-radius:12px!important;
    border:1px solid #d6e5ec!important;background:#fff!important;color:#1a607f!important;
    font-size:13px!important;font-weight:900!important;text-decoration:none!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
  }
  body.abc-next.is-commerce.is-product-list .abc-store-card__actions a:last-child,
  body.abc-next.is-commerce.is-product-list .abc-store-card .buttons a:last-child{
    background:linear-gradient(135deg,#168bb5,#0d6b98)!important;color:#fff!important;
    border-color:transparent!important;box-shadow:0 9px 20px rgba(13,107,152,.16)!important;
  }
  body.abc-next.is-commerce.is-product-list .abc-store-card :is(.manufacturer_name,.manufacturer_code,.jshop_code_prod,.review_mark,.stars_no_active,.stars_active){
    color:#7b909d!important;font-size:12px!important;
  }
  body.abc-next.is-commerce.is-product-list .jshop_list_product :is(.pagination,.pagination-block,.block_pagination,.jshop_pagination){
    grid-column:1/-1!important;width:100%!important;margin-top:8px!important;
  }
}
@media (min-width:761px) and (max-width:1180px){
  body.abc-next.is-commerce.is-product-list .abc-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
  body.abc-next.is-commerce.is-product-list .abc-store-card__image,
  body.abc-next.is-commerce.is-product-list .abc-store-card img.jshop_img{height:280px!important;max-height:280px!important}
}


/* ============================================================================
   ABCXYZ Next 2.0.34 — global mobile app controller
   One fixed top controller across the entire mobile site:
   visual RTL order = Logo | Menu | Cart | Search.
   Bottom dock remains the persistent primary navigation.
   ========================================================================== */
@media (max-width:760px){
  html{scroll-padding-top:calc(76px + env(safe-area-inset-top))!important}
  body.abc-next{
    padding-top:calc(64px + env(safe-area-inset-top))!important;
    padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;
  }
  .abc-header{height:0!important;min-height:0!important;position:relative!important;z-index:500!important}
  .abc-topbar{display:none!important}
  .abc-navbar{
    position:fixed!important;
    top:0!important;left:0!important;right:0!important;
    width:100%!important;
    z-index:500!important;
    padding-top:env(safe-area-inset-top)!important;
    background:rgba(255,255,255,.97)!important;
    border-bottom:1px solid #dfeaf1!important;
    box-shadow:0 8px 28px rgba(18,54,79,.10)!important;
    backdrop-filter:saturate(150%) blur(16px)!important;
    -webkit-backdrop-filter:saturate(150%) blur(16px)!important;
  }
  .abc-navbar .abc-shell{width:calc(100% - 16px)!important}
  .abc-navbar__inner{
    min-height:64px!important;height:64px!important;
    grid-template-columns:auto 1fr auto!important;
    gap:7px!important;padding:0!important;
    align-items:center!important;
  }
  .abc-brand{
    justify-self:start!important;
    min-width:46px!important;max-width:46px!important;
    width:46px!important;padding:0!important;margin:0!important;
    border:0!important;gap:0!important;
  }
  .abc-brand img{width:42px!important;height:42px!important;flex:0 0 42px!important}
  .abc-brand__mark{width:42px!important;height:42px!important;border-radius:13px!important}
  .abc-brand__copy{display:none!important}
  .abc-nav-toggle{
    justify-self:center!important;
    position:relative!important;inset:auto!important;
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
    margin:0!important;padding:0!important;
  }
  .abc-nav-toggle b{display:none!important}
  .abc-header-actions{
    justify-self:end!important;
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    width:auto!important;min-width:83px!important;
    gap:5px!important;direction:ltr!important;
  }
  .abc-header-actions .abc-user{display:none!important}
  .abc-icon-btn{width:39px!important;height:39px!important;min-width:39px!important;border-radius:12px!important}
  body.abc-next .abc-header .abc-cart-link{display:grid!important}

  /* Drawer/search always open directly beneath the fixed controller. */
  .abc-primary-nav{
    top:100%!important;left:8px!important;right:8px!important;
    max-height:min(72vh,590px)!important;overflow-y:auto!important;
    overscroll-behavior:contain!important;
    z-index:510!important;
  }
  .abc-search-panel{
    position:absolute!important;top:100%!important;left:0!important;right:0!important;
    z-index:515!important;
    background:rgba(255,255,255,.99)!important;
    box-shadow:0 18px 38px rgba(18,54,79,.13)!important;
  }

  /* The dock is the second and only other persistent controller. */
  .abc-mobile-dock{
    z-index:520!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
  }

  /* No legacy/floating cart is allowed in the content canvas. */
  body.abc-next :is(
    .mini-wrap-sidebar,.mini-cart-wrap,.jshop_cart_module,.jshopping_cart_module,
    .mod_jshopping_cart,.mod-jshopping-cart,.abcxyz-floating-cart-legacy,
    [class*="floating-cart" i],[class*="floating_cart" i],
    [class*="mini-cart" i],[class*="mini_cart" i],
    [class*="cart-float" i],[class*="cart_float" i]
  ){display:none!important}
}


/* ============================================================================
   ABCXYZ Next 2.0.34 — breakpoint-isolated header/cart stabilization
   MOBILE <=760px: keep current app controller + bottom dock; remove orphan/floating cart only.
   DESKTOP >=1051px: keep the complete topbar + navbar sticky and guarantee native cart visibility.
   Tablet intentionally unchanged.
   ========================================================================== */
@media (max-width:760px){
  /* Never touch the two official cart owners. */
  .abc-header .abc-cart-link{display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
  .abc-mobile-dock a[href*="controller=cart"],
  .abc-mobile-dock a[href*="view=cart"],
  .abc-mobile-dock a[href*="/cart"]{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}

  /* Known compact legacy/floating cart families only; scoped strictly to mobile. */
  body.abc-next :is(
    .floating-cart,.floating_cart,.floatingCart,
    .mini-cart,.mini_cart,.miniCart,
    .cart-float,.cart_float,.cartFloat,
    .basket-float,.basket_float,.basketFloat,
    .jshop_cart_module,.jshopping_cart_module,.jshopping-cart-module,.jshopping_cart_ext,
    .mod_jshopping_cart,.mod-jshopping-cart,.mini-wrap-sidebar,.mini-cart-wrap,
    .abcxyz-floating-cart-legacy,
    [class*="floating-cart" i],[class*="floating_cart" i],
    [class*="cart-float" i],[class*="cart_float" i],
    [class*="basket-float" i],[class*="basket_float" i],
    [id*="floating-cart" i],[id*="floating_cart" i],
    [id*="cart-float" i],[id*="cart_float" i]
  ){display:none!important;visibility:hidden!important;pointer-events:none!important}
}

@media (min-width:1051px){
  /* Sticky owner is the whole header, so socials + brand + nav + actions move together. */
  .abc-header{
    position:sticky!important;
    top:0!important;
    z-index:700!important;
    width:100%!important;
    isolation:isolate!important;
  }
  .abc-topbar{position:relative!important;z-index:2!important}
  .abc-navbar{
    position:relative!important;
    top:auto!important;
    z-index:3!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 8px 24px rgba(18,54,79,.08)!important;
  }
  .abc-search-panel{position:absolute!important;top:100%!important;left:0!important;right:0!important;z-index:710!important}

  /* Desktop always owns a visible Search + Cart pair. */
  .abc-header-actions{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:auto!important;
    min-width:88px!important;
    overflow:visible!important;
    flex-wrap:nowrap!important;
  }
  .abc-header .abc-cart-link{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:relative!important;
    flex:0 0 auto!important;
  }
  .abc-header [data-abc-search-toggle]{display:grid!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important}
}