/* AbzarLole — final design-system layer (loaded after every page stylesheet).
   Palette: navy #16344b (structure) + orange #c24f20 (actions only) on cool neutrals. No multi-hue gradients. */
:root{
  --abz-navy:#16344b;--abz-navy-2:#0f2638;
  --abz-orange:#c24f20;--abz-orange-2:#a8421a;
  --abz-cyan:#c24f20;           /* gradients that ended in cyan now stay on-brand */
  --abz-ink:#10202f;--abz-muted:#5d7081;
  --abz-line:#e1e8ee;--abz-soft:#f5f8fa;
  --abz-radius:12px;
  --abz-shadow:0 1px 2px rgba(16,32,47,.05),0 10px 28px -14px rgba(16,32,47,.22);
  --abz-shadow-lg:0 2px 4px rgba(16,32,47,.06),0 22px 44px -18px rgba(16,32,47,.28);
  --abz-focus:0 0 0 3px rgba(194,79,32,.28);
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--abz-ink);line-height:1.9;font-variant-numeric:tabular-nums}
::selection{background:rgba(194,79,32,.18)}
img{max-width:100%}

/* Typography rhythm */
h1,h2,h3,h4{letter-spacing:0;line-height:1.55;text-wrap:balance}
p{text-wrap:pretty}
.abz-section__head h2,.abz-pdp__section h2{font-weight:800;position:relative;padding-inline-start:14px}
.abz-section__head h2::before,.abz-pdp__section h2::before{content:"";position:absolute;inset-inline-start:0;top:.35em;bottom:.35em;width:4px;border-radius:4px;background:var(--abz-orange)}

/* Top announcement bar: calm solid navy instead of orange→blue gradient */
.announcement-bar,.abz-announcement-bar{background:var(--abz-navy)!important;font-weight:500}

/* Buttons: one consistent system */
.abz-btn,.abz-table__add,.abz-basket__cta{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,transform .15s}
.abz-btn--primary{background:var(--abz-orange);box-shadow:0 8px 18px -10px rgba(194,79,32,.7)}
.abz-btn--primary:hover{background:var(--abz-orange-2);color:#fff;transform:translateY(-1px)}
.abz-btn--ghost:hover{transform:translateY(-1px)}
.abz-btn:active{transform:translateY(0)}
.abz-cart__checkout,.abz-cart__button--primary,.abz-checkout__submit{background:var(--abz-orange)!important;box-shadow:0 8px 18px -10px rgba(194,79,32,.7)!important}
.abz-cart__checkout:hover,.abz-cart__button--primary:hover,.abz-checkout__submit:hover{background:var(--abz-orange-2)!important;filter:none!important}
.abz-cart__secure i,.abz-auth__secure-note i,.abz-checkout__address-content small i{color:var(--abz-navy)!important}

/* Accessible focus */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--abz-orange);outline-offset:2px;box-shadow:var(--abz-focus)}
input,select,textarea{font-family:inherit}
input:focus,select:focus,textarea:focus{border-color:var(--abz-orange)!important;outline:0}
textarea{width:100%;border:1px solid var(--abz-line);border-radius:10px;padding:12px 14px;line-height:1.9;resize:vertical;background:#fff}
label{font-weight:700;font-size:13.5px;color:var(--abz-ink);margin-bottom:6px;display:inline-block}

/* Cards: equal rhythm, softer elevation */
.abz-cat,.abz-brands a,.abz-steps li,.abz-faq__item,.abz-blogs a,.abz-review__card,.abz-basket__item,.abz-basket__summary,.abz-catalog__card{border-radius:var(--abz-radius);border-color:var(--abz-line)}
.abz-cat{align-content:start;box-shadow:0 1px 2px rgba(16,32,47,.03)}
.abz-cat:hover,.abz-catalog__card:hover{border-color:#d3dde5;box-shadow:var(--abz-shadow-lg);transform:translateY(-3px)}
.abz-cat__media{background:linear-gradient(180deg,#f8fafb,#eef3f6)}
.abz-cat__media img{object-fit:contain;padding:10px;mix-blend-mode:multiply}
.abz-cat__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.6em}
.abz-group__head h3{font-size:21px}
.abz-group__all{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:#fff3ec;transition:background-color .2s,color .2s}
.abz-group__all:hover{background:var(--abz-orange);color:#fff}
.abz-steps li>span{background:var(--abz-navy)}
.abz-trust__grid>div{transition:background-color .2s}.abz-trust__grid>div:hover{background:var(--abz-soft)}
.abz-cta{background:linear-gradient(135deg,var(--abz-navy),var(--abz-navy-2))}

/* Hero */
.abz-hero{background:radial-gradient(900px 380px at 85% -10%,#fdeee6 0,rgba(253,238,230,0) 60%),linear-gradient(180deg,#fff,var(--abz-soft))}
.abz-hero__media img{border:1px solid var(--abz-line);box-shadow:var(--abz-shadow)}
.abz-hero__stats strong{font-weight:800}

/* Price / size tables (product page) */
.abz-table-wrap{border-radius:var(--abz-radius);box-shadow:var(--abz-shadow);background:#fff;max-height:78vh;overflow:auto}
.abz-table thead th{position:sticky;top:0;z-index:1;background:var(--abz-navy);font-size:13px;letter-spacing:0}
.abz-table tbody tr:nth-child(even){background:#fafcfd}
.abz-table tbody tr:hover{background:#fff6f1}
.abz-table--prices{min-width:760px}
.abz-table--prices tbody th{white-space:normal;min-width:230px;font-weight:700;color:var(--abz-ink);line-height:1.8}
.abz-table--prices td:nth-child(2){font-weight:800;color:var(--abz-navy);font-size:15px}
.abz-table--prices td:nth-last-child(3){white-space:normal;min-width:190px;max-width:260px;font-size:12.5px;line-height:1.9;color:var(--abz-muted)}
.abz-table--prices td:nth-last-child(2){color:var(--abz-muted);font-size:13px}
.abz-table__add{border-radius:8px;padding:7px 12px}
.abz-pdp__price strong{font-weight:800;letter-spacing:0}
.abz-pdp__gallery>img,.abz-pdp__noimage{box-shadow:var(--abz-shadow)}
.abz-pdp__thumbs button{transition:border-color .2s}.abz-pdp__thumbs button:hover{border-color:var(--abz-orange)}
.abz-pdp__note{border-inline-start:3px solid var(--abz-orange)}

/* Basket / review */
.abz-basket__summary{box-shadow:var(--abz-shadow)}
.abz-basket__item{box-shadow:0 1px 2px rgba(16,32,47,.03);transition:box-shadow .2s}.abz-basket__item:hover{box-shadow:var(--abz-shadow)}
.abz-basket__hint{border-inline-start:3px solid var(--abz-orange)}
.abz-review__card{box-shadow:0 1px 2px rgba(16,32,47,.03)}
.abz-review__row strong{color:var(--abz-navy)}

/* Breadcrumbs */
.abz-crumbs a{text-decoration:none}.abz-crumbs a:hover{color:var(--abz-orange)}

/* Tap targets & small screens */
@media (max-width:767px){
  .abz-btn{min-height:48px;justify-content:center}
  .abz-pdp__actions .abz-btn,.abz-hero__actions .abz-btn,.abz-cta .abz-btn{flex:1 1 100%;width:100%}
  .abz-table-wrap{max-height:none;box-shadow:inset -14px 0 12px -14px rgba(16,32,47,.25)}
  .abz-section{padding:40px 0}
  .abz-group__head{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ===== Header navigation: brand-mark icon + motion ===== */
@media (min-width:992px){
  /* انیمیشن ورود روی خود لینک است، نه li: transform روی li مگامنو را به‌جای هدر به خودش لنگر می‌کرد. */
  .abz-site-header .main-menu > nav > ul > li > a{animation:abz-nav-in .6s cubic-bezier(.22,1,.36,1) backwards}
  .abz-site-header .main-menu > nav > ul > li:nth-child(1) > a{animation-delay:.05s}
  .abz-site-header .main-menu > nav > ul > li:nth-child(2) > a{animation-delay:.12s}
  .abz-site-header .main-menu > nav > ul > li:nth-child(3) > a{animation-delay:.19s}
  .abz-site-header .main-menu > nav > ul > li:nth-child(4) > a{animation-delay:.26s}
  .abz-site-header .main-menu > nav > ul > li:nth-child(5) > a{animation-delay:.33s}
  .abz-site-header .main-menu > nav > ul > li > a{
    gap:7px;
    background-image:linear-gradient(90deg,var(--abz-orange),#e8793f);
    background-repeat:no-repeat;
    background-position:50% calc(100% - 5px);
    background-size:0 2px;
    transition:background-size .35s cubic-bezier(.22,1,.36,1),color .2s,background-color .2s,transform .2s;
  }
  .abz-site-header .main-menu > nav > ul > li > a::before{
    content:"";flex:0 0 20px;width:20px;height:20px;
    background:url("../images/logo.svg") center/contain no-repeat;
    filter:grayscale(1) opacity(.42);
    transform:scale(.82) rotate(0deg);
    transition:filter .35s,transform .55s cubic-bezier(.34,1.56,.64,1);
  }
  .abz-site-header .main-menu > nav > ul > li > a:hover,
  .abz-site-header .main-menu > nav > ul > li:focus-within > a,
  .abz-site-header .main-menu > nav > ul > li.active > a{background-size:62% 2px}
  .abz-site-header .main-menu > nav > ul > li > a:hover::before,
  .abz-site-header .main-menu > nav > ul > li:focus-within > a::before{
    filter:none;transform:scale(1.18) rotate(360deg);
  }
  .abz-site-header .main-menu > nav > ul > li.active > a::before{
    filter:none;transform:scale(1.05);animation:abz-nav-float 3.2s ease-in-out infinite;
  }
  .abz-site-header .main-menu > nav > ul > li.abz-category-root:hover > a::before{filter:none;transform:scale(1.18) rotate(360deg)}
}
@keyframes abz-nav-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes abz-nav-float{0%,100%{transform:translateY(0) scale(1.05)}50%{transform:translateY(-2.5px) scale(1.1) rotate(8deg)}}

/* Logo lockup: gentle ripple on hover */
.abz-brand-lockup__mark{transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}
.abz-brand-lockup:hover .abz-brand-lockup__mark{transform:rotate(-8deg) scale(1.06);box-shadow:0 0 0 6px rgba(0,133,186,.12)}

/* ===== Footer: readable sizes, aligned contact rows, calmer bottom bar ===== */
.abz-footer__area{padding-block:clamp(44px,6vw,72px) clamp(32px,4vw,48px)}
.abz-footer__main{gap:clamp(28px,4vw,56px);align-items:start}
.abz-footer__brand-title strong{font-size:22px}
.abz-footer__brand-title small{font-size:13.5px;line-height:1.8}
.abz-footer__logo{width:64px;height:64px}.abz-footer__logo img{width:52px;height:52px}
.abz-footer__description{font-size:15px;line-height:2.1;max-width:360px;margin:20px 0 22px}
.abz-footer__social{gap:10px}
.abz-footer__social a{width:44px;height:44px;border-radius:12px;font-size:18px;color:var(--abz-navy)}
.abz-footer__social a:hover{background:var(--abz-orange);border-color:var(--abz-orange);color:#fff;transform:translateY(-3px)}
.abz-footer__trust{margin-top:22px;padding:16px 18px;border-inline-start:3px solid var(--abz-orange);border-radius:10px;background:rgba(255,255,255,.7)}
.abz-footer__trust strong{font-size:15px}.abz-footer__trust small{font-size:13.5px;margin-top:4px}
.abz-footer__column h2{font-size:18px;margin:0 0 22px;padding-bottom:12px}
.abz-footer__column h2::after{width:40px;height:3px;background:var(--abz-orange)}
.abz-footer__links,.abz-footer__contact-list{gap:6px}
.abz-footer__links a{font-size:15px;line-height:1.8;padding:7px 0;gap:9px;min-height:40px;color:#4a5d6d}
.abz-footer__links a i{font-size:11px;color:var(--abz-orange)}
.abz-footer__links a:hover,.abz-footer__links a:focus-visible{color:var(--abz-orange);transform:translateX(-4px)}
.abz-footer__contact-list{gap:12px}
.abz-footer__contact-link{display:flex;width:100%;direction:rtl;align-items:center;gap:12px;font-size:15px;line-height:1.9;color:#33485a;padding:4px 0}
.abz-footer__contact-link[dir="ltr"]{direction:rtl}
.abz-footer__contact-link[dir="ltr"] > span:last-child{direction:ltr;text-align:right;unicode-bidi:plaintext}
.abz-footer__contact-link:hover{color:var(--abz-orange)}
.abz-footer__contact-icon{display:grid;flex:0 0 40px;width:40px;height:40px;place-items:center;border-radius:12px;background:#fff;border:1px solid var(--abz-line);color:var(--abz-orange);font-size:16px;transition:background-color .2s,color .2s,border-color .2s}
.abz-footer__contact-link:hover .abz-footer__contact-icon{background:var(--abz-orange);border-color:var(--abz-orange);color:#fff}
.abz-footer__contact-cta{display:inline-flex;align-items:center;gap:10px;margin-top:18px;min-height:46px;padding:0 20px;border-radius:10px;background:var(--abz-navy);color:#fff!important;font-size:15px;font-weight:700;text-decoration:none;transition:background-color .2s,gap .2s}
.abz-footer__contact-cta:hover{background:var(--abz-orange);gap:14px}
.abz-footer__bottom-wrap{background:var(--abz-navy-2)}
.abz-footer__bottom{min-height:68px}
.abz-footer__bottom p,.abz-footer__bottom-menu{font-size:14px;color:rgba(255,255,255,.82)}
.abz-footer__bottom-menu{gap:24px}
.abz-footer__bottom-menu a{padding:8px 0}
.abz-footer__bottom-menu a:hover{color:#fff;text-decoration:underline;text-underline-offset:6px}
.abz-footer__bottom-menu a:last-child{display:none} /* دکمه‌ی «بالا» تکراری است؛ دکمه‌ی شناور صفحه کافی است */
@media (max-width:767px){
  .abz-footer__links a{min-height:44px}
  .abz-footer__bottom{flex-direction:column;text-align:center;padding:18px 0}
  .abz-footer__bottom-menu{justify-content:center}
}

/* Sticky-state fix: قالب پایه در حالت rs-sticky روی ::before رنگ تخت می‌گذاشت و آیکون لوگو را مربع می‌کرد. */
@media (min-width:992px){
  .header-1.rs-sticky .abz-site-header .main-menu > nav > ul > li > a::before,
  .abz-site-header .header-1.rs-sticky .main-menu > nav > ul > li > a::before,
  .abz-site-header .main-menu > nav > ul > li > a::before{
    background-color:transparent!important;
    background-image:url("../images/logo.svg")!important;
    background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important;
  }
}
/* دکمه‌ی شناور «بالا» روی متن کپی‌رایت نیفتد */
@media (min-width:768px){.abz-footer__bottom{padding-inline-start:88px}}

/* ===== Call-to-action «تماس بگیرید» ===== */
:root{--abz-call:#15803d;--abz-call-2:#116a31}
@keyframes abz-ring{0%{box-shadow:0 0 0 0 rgba(21,128,61,.55)}70%{box-shadow:0 0 0 16px rgba(21,128,61,0)}100%{box-shadow:0 0 0 0 rgba(21,128,61,0)}}
@keyframes abz-shake{0%,86%,100%{transform:rotate(0)}88%{transform:rotate(-14deg)}90%{transform:rotate(12deg)}92%{transform:rotate(-10deg)}94%{transform:rotate(8deg)}96%{transform:rotate(-4deg)}}

/* دکمه‌ی تماس (سبز = عمل «تماس»، متمایز از نارنجی «استعلام») */
.abz-btn--call{background:var(--abz-call);color:#fff;box-shadow:0 8px 18px -10px rgba(21,128,61,.8);animation:abz-ring 2.6s infinite}
.abz-btn--call:hover{background:var(--abz-call-2);color:#fff;transform:translateY(-1px)}
.abz-btn--call i{animation:abz-shake 3.4s infinite;transform-origin:50% 60%}
.abz-btn--call span{font-weight:800;letter-spacing:.02em;padding-inline-start:10px;border-inline-start:1px solid rgba(255,255,255,.35)}
.abz-btn--call-lg{min-height:56px;font-size:17px;padding:0 30px}
.abz-cta .abz-btn--call{background:#fff;color:var(--abz-call);box-shadow:none}
.abz-cta .abz-btn--call:hover{background:#f0fdf4;color:var(--abz-call-2)}
.abz-cta .abz-btn--call span{border-color:rgba(21,128,61,.3)}

/* هدر */
.abz-header__call{display:inline-flex!important;align-items:center;gap:9px;background:var(--abz-call)!important;box-shadow:0 8px 18px -10px rgba(21,128,61,.8)!important;animation:abz-ring 2.6s infinite}
.abz-header__call:hover{background:var(--abz-call-2)!important}
.abz-header__call i{animation:abz-shake 3.4s infinite}
.abz-offcanvas__cta{background:var(--abz-call)!important}

/* بنر پیش از فوتر */
.abz-callband{background:linear-gradient(135deg,var(--abz-navy),var(--abz-navy-2));color:#fff;padding:clamp(34px,5vw,56px) 0;position:relative;overflow:hidden}
.abz-callband::before{content:"";position:absolute;inset-inline-end:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(21,128,61,.35),rgba(21,128,61,0) 70%)}
.abz-callband__inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.abz-callband__copy{max-width:640px}
.abz-callband__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:#86efac;margin-bottom:10px}
.abz-callband__eyebrow::before{content:"";width:9px;height:9px;border-radius:50%;background:#22c55e;animation:abz-ring 2s infinite}
.abz-callband h2{color:#fff;font-size:clamp(22px,3vw,32px);font-weight:800;margin:0 0 8px}
.abz-callband p{color:#c9d5df;margin:0;line-height:2}
.abz-callband__btn{display:inline-flex;align-items:center;gap:16px;padding:12px 26px 12px 14px;border-radius:16px;background:var(--abz-call);color:#fff;text-decoration:none;box-shadow:0 18px 36px -18px rgba(21,128,61,.9);transition:transform .2s,background-color .2s;animation:abz-ring 2.6s infinite}
.abz-callband__btn:hover{background:var(--abz-call-2);color:#fff;transform:translateY(-2px)}
.abz-callband__btn-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.18);font-size:22px}
.abz-callband__btn-icon i{animation:abz-shake 3.4s infinite}
.abz-callband__btn-text{display:grid;line-height:1.5}.abz-callband__btn-text small{font-size:13px;opacity:.9}.abz-callband__btn-text strong{font-size:24px;font-weight:800;letter-spacing:.03em}

/* دکمه‌ی شناور دسکتاپ (سمت چپ تا با «بالا» تداخل نکند) */
.abz-callfab{position:fixed;z-index:90;left:22px;right:auto;bottom:22px;display:inline-flex;align-items:center;gap:12px;padding:8px 20px 8px 10px;border-radius:99px;background:var(--abz-call);color:#fff;text-decoration:none;box-shadow:0 16px 34px -14px rgba(21,128,61,.85);animation:abz-ring 2.6s infinite;transition:transform .2s,background-color .2s}
.abz-callfab:hover{background:var(--abz-call-2);color:#fff;transform:translateY(-3px)}
.abz-callfab__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.2);font-size:18px}.abz-callfab__icon i{animation:abz-shake 3.4s infinite}
.abz-callfab__text{display:grid;line-height:1.4}.abz-callfab__text small{font-size:12px;opacity:.92}.abz-callfab__text strong{font-size:17px;font-weight:800;letter-spacing:.03em}

/* نوار چسبان موبایل */
.abz-callbar{display:none}
@media (max-width:767px){
  .abz-callfab{display:none}
  .abz-callbar{position:fixed;z-index:95;inset-inline:0;bottom:0;display:flex;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:1px solid var(--abz-line);box-shadow:0 -10px 28px -16px rgba(16,32,47,.35)}
  .abz-callbar__call{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:14px;background:var(--abz-call);color:#fff;font-weight:800;font-size:16px;text-decoration:none;animation:abz-ring 2.6s infinite}
  .abz-callbar__call i{animation:abz-shake 3.4s infinite}
  .abz-callbar__cart{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;border:1.5px solid var(--abz-navy);color:var(--abz-navy);font-size:19px;text-decoration:none}
  .abz-callbar__cart b{position:absolute;top:-6px;inset-inline-end:-6px;min-width:20px;height:20px;border-radius:99px;background:var(--abz-orange);color:#fff;font-size:11px;display:grid;place-items:center;padding:0 5px}
  body.abz-shell{padding-bottom:78px}
  .backtotop-wrap{bottom:88px!important}
  .abz-callband__btn{width:100%;justify-content:center}
}
.abz-callband__numbers{display:flex;gap:14px;flex-wrap:wrap}
.abz-callbar__alt{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--abz-call-2);color:#fff;font-size:20px;text-decoration:none}
@media (max-width:767px){.abz-callband__numbers{width:100%}.abz-callband__numbers .abz-callband__btn{flex:1 1 100%}}

/* تصاویر هیرو: تا لود شدن، پس‌زمینه‌ی ملایم (به‌جای کادر خالی) */
.abz-hero__media img{background:linear-gradient(110deg,#eef3f6 30%,#f8fafb 50%,#eef3f6 70%);background-size:200% 100%;animation:abz-skel 1.4s linear infinite}
.abz-hero__media img:not([src=""]){animation-iteration-count:3}
@keyframes abz-skel{to{background-position:-200% 0}}

/* هم‌ترازی برچسب و شماره در دکمه‌های تماس */
.abz-callfab__text,.abz-callband__btn-text{justify-items:center;text-align:center}
.abz-callfab__text strong,.abz-callband__btn-text strong{direction:ltr;unicode-bidi:isolate;display:block;white-space:nowrap;font-variant-numeric:tabular-nums}
.abz-callfab{padding-inline:10px 22px}

/* خط جداکننده‌ی شماره در دکمه‌های «تماس»: بین متن و شماره (span جهت ltr دارد، پس border فیزیکی) */
.abz-btn--call span{border-inline-start:0;padding-inline-start:0;border-right:1px solid rgba(255,255,255,.4);padding-right:12px;margin-right:2px;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.abz-cta .abz-btn--call span{border-right-color:rgba(21,128,61,.35)}