.abrs-slider,.abrs-offers,.abrs-slider *,.abrs-offers *{box-sizing:border-box}

/* فونت انتخابی از تنظیمات (روی عنصرهای متنی؛ تایپوگرافی المنتور همچنان بالاتر است) */
.abrs-has-font :where(h2,a,span,small,i,div,button,b,strong){font-family:var(--abrs-font)}

/* ============ Slider ============ */
.abrs-slider{--s-ar-m:34px;--s-ar-d:40px;position:relative;margin:16px 0}
.abrs-slider .abrs-view{position:relative;overflow:hidden;border-radius:var(--abrs-radius,16px);background:#eee}
.abrs-track{display:flex;transition:transform .5s ease;will-change:transform;touch-action:pan-y;user-select:none}
.abrs-slide{flex:0 0 100%;min-width:0;display:block}
.abrs-slide picture,.abrs-slide img{display:block;width:100%}
.abrs-slide img{height:auto;aspect-ratio:var(--abrs-rm,2 / 1);object-fit:cover;max-width:100%;-webkit-user-drag:none}
@media(min-width:768px){.abrs-slide img{aspect-ratio:var(--abrs-rd,3 / 1)}}

/* قاب */
.abrs-fr-shadow .abrs-view{box-shadow:0 12px 32px rgba(0,0,0,.22)}
.abrs-fr-border .abrs-view{box-shadow:0 0 0 4px var(--s-frame,#fff),0 6px 18px rgba(0,0,0,.18)}
.abrs-fr-glow .abrs-view{box-shadow:0 0 0 2px var(--s-frame,#ef394e),0 10px 36px color-mix(in srgb,var(--s-frame,#ef394e) 45%,transparent)}

/* افکت محو شدن */
.abrs-slider[data-fx=fade] .abrs-track{display:grid;transition:none!important;transform:none!important}
.abrs-slider[data-fx=fade] .abrs-slide{grid-area:1/1;opacity:0;transition:opacity .7s ease;pointer-events:none}
.abrs-slider[data-fx=fade] .abrs-slide.is-on{opacity:1;pointer-events:auto;z-index:1}

/* دکمه‌ها: در موبایل هم نمایش داده می‌شوند و در برابر استایل دکمه‌ی قالب مقاوم‌اند */
.abrs-slider .abrs-btn{--ar-bg:var(--s-ar-bg,rgba(255,255,255,.92));--ar-c:var(--s-ar-color,#222);position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:var(--s-ar-size,var(--s-ar-m));height:var(--s-ar-size,var(--s-ar-m));min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:var(--ar-bg);color:var(--ar-c);box-shadow:0 2px 8px rgba(0,0,0,.28);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;font-size:0;text-transform:none;opacity:1;transition:opacity .25s,background .2s;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}
.abrs-slider .abrs-btn svg{width:56%;height:56%;display:block;pointer-events:none}
.abrs-slider .abrs-btn:hover,.abrs-slider .abrs-btn:focus{background:var(--ar-bg);color:var(--ar-c);outline:0;filter:brightness(.96)}
@media(min-width:768px){.abrs-slider .abrs-btn{width:var(--s-ar-size,var(--s-ar-d));height:var(--s-ar-size,var(--s-ar-d))}}
.abrs-slider .abrs-next{inset-inline-end:8px}
.abrs-slider .abrs-prev{inset-inline-start:8px}
.abrs-slider[dir=ltr] .abrs-prev svg,.abrs-slider[dir=rtl] .abrs-next svg{transform:scaleX(-1)}
.abrs-ar-square .abrs-btn{border-radius:10px!important}
.abrs-ar-minimal .abrs-btn{--ar-bg:var(--s-ar-bg,transparent);--ar-c:var(--s-ar-color,#fff);box-shadow:none!important}
.abrs-ar-minimal .abrs-btn svg{width:78%;height:78%;filter:drop-shadow(0 1px 4px rgba(0,0,0,.65))}
.abrs-ar-glass .abrs-btn{--ar-bg:var(--s-ar-bg,rgba(255,255,255,.22));--ar-c:var(--s-ar-color,#fff);border:1px solid rgba(255,255,255,.45);box-shadow:0 4px 16px rgba(0,0,0,.18)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media(hover:hover){
  .abrs-arv-hover .abrs-btn{opacity:0}
  .abrs-arv-hover:hover .abrs-btn,.abrs-arv-hover .abrs-btn:focus{opacity:1}
}

/* نقطه‌ها */
.abrs-slider .abrs-dots{--ds:var(--s-dot-size,8px);position:absolute;bottom:8px;inset-inline:0;z-index:3;display:flex;justify-content:center;align-items:center;gap:calc(var(--ds)*.75);pointer-events:none}
.abrs-slider .abrs-dot{position:relative;pointer-events:auto;width:var(--ds);height:var(--ds);min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:var(--ds);background:var(--s-dot,rgba(255,255,255,.7));box-shadow:0 0 4px rgba(0,0,0,.5);cursor:pointer;transition:all .25s;font-size:0;line-height:0;-webkit-appearance:none;appearance:none}
.abrs-slider .abrs-dot::after{content:"";position:absolute;inset:-10px -3px}
.abrs-slider .abrs-dot.on{width:calc(var(--ds)*2.75);background:var(--s-dot-on,#fff)}
.abrs-dt-dash .abrs-dot{height:max(3px,calc(var(--ds)*.4));width:calc(var(--ds)*2.2);border-radius:3px}
.abrs-dt-dash .abrs-dot.on{width:calc(var(--ds)*3.6)}
.abrs-dt-circle .abrs-dot,.abrs-dt-circle .abrs-dot.on{width:var(--ds);border-radius:50%}
.abrs-dt-circle .abrs-dot.on{transform:scale(1.35)}
.abrs-dt-line .abrs-dot{height:max(3px,calc(var(--ds)*.4));width:calc(var(--ds)*4.5);border-radius:0;box-shadow:none}
.abrs-dt-line .abrs-dot.on,.abrs-dt-line .abrs-dot{border-radius:0}
.abrs-dt-line .abrs-dot.on{width:calc(var(--ds)*4.5)}
.abrs-dt-line .abrs-dots{gap:4px}
/* نقطه‌ها زیر اسلایدر */
.abrs-slider.abrs-dp-outside .abrs-dots{position:relative;bottom:auto;padding:12px 0 2px}
.abrs-slider.abrs-dp-outside .abrs-dot{background:var(--s-dot,#cfd3da);box-shadow:none}
.abrs-slider.abrs-dp-outside .abrs-dot.on{background:var(--s-dot-on,#222)}

/* ============ Amazing offers ============ */
.abrs-offers{
  --abrs-accent:#ef394e;
  /* پالت (هر پوسته مقادیر را عوض می‌کند؛ مقدار تنظیمات اینلاین بالاتر است) */
  --o-bg:#fff;--o-title:#222;--o-link:var(--abrs-accent);
  --o-cd-bg:var(--abrs-accent);--o-cd-text:#fff;--o-cd-sep:#222;
  --o-card-bg:#fff;--o-card-text:#333;--o-price:#222;--o-cur:#666;--o-old:#9a9a9a;
  --o-badge-bg:var(--abrs-accent);--o-badge-text:#fff;--o-btn-bg:var(--abrs-accent);--o-btn-text:#fff;--o-btn-bd:transparent;
  --o-stock:var(--abrs-accent);--o-bd:#ececec;--o-bw:1px;--o-card-bd:#eee;--o-card-bw:1px;
  --o-shadow:0 2px 12px rgba(0,0,0,.05);--o-card-shadow:none;--o-card-shadow-h:0 4px 14px rgba(0,0,0,.18);
  --o-radius:16px;--o-card-radius:12px;--o-btn-radius:10px;--o-gap:8px;
  --o-nav-bg:#fff;--o-nav-color:#222;
  --o-cw-m:152px;--o-cw-d:190px;--o-img-ratio:1 / 1;--o-img-fit:contain;
  --o-fs-title-m:18px;--o-fs-title-d:20px;--o-fs-card-m:12.5px;--o-fs-card-d:12.5px;--o-fs-price-m:15px;--o-fs-price-d:15px;
  --o-fs-old:12px;--o-fs-badge:12px;--o-fs-btn:12.5px;--o-fs-stock:11px;--o-fs-timer:15px;--o-fs-all:13px;
  --o-fw-title:800;--o-fw-card:400;--o-fw-price:800;--o-fw-btn:700;
  border-radius:var(--o-radius);padding:12px;margin:16px 0;
  background:var(--o-bg);color:var(--o-title);border:var(--o-bw) solid var(--o-bd);box-shadow:var(--o-shadow)
}

/* ---- پوسته‌ها ---- */
/* کلاسیک: طرح «digi» رنگی است و بقیه سفید */
.abrs-sk-classic.abrs-l-digi{--o-bg:var(--abrs-accent);--o-title:#fff;--o-link:#fff;--o-cd-bg:#fff;--o-cd-text:#222;--o-cd-sep:#fff;--o-bw:0px;--o-shadow:none}
/* شب */
.abrs-sk-dark{--o-bg:#12141a;--o-title:#fff;--o-link:#ffd166;--o-cd-bg:#2a2e3b;--o-cd-text:#fff;--o-cd-sep:#9aa0b4;--o-card-bg:#1c1f2a;--o-card-text:#e8eaf2;--o-price:#fff;--o-cur:#9aa0b4;--o-old:#7d839a;--o-bd:#242838;--o-card-bd:#2a2e3d;--o-shadow:0 10px 30px rgba(0,0,0,.35);--o-card-shadow-h:0 8px 22px rgba(0,0,0,.5);--o-nav-bg:#2a2e3b;--o-nav-color:#fff}
/* غروب */
.abrs-sk-sunset{--o-bg:linear-gradient(120deg,var(--abrs-accent) 0%,#ff9a3c 100%);--o-title:#fff;--o-link:#fff;--o-cd-bg:#fff;--o-cd-text:var(--abrs-accent);--o-cd-sep:#fff;--o-bw:0px;--o-shadow:0 10px 26px rgba(255,120,60,.35);--o-card-bw:0px;--o-card-shadow:0 4px 12px rgba(0,0,0,.12)}
/* ملایم: زمینه‌ی کم‌رنگ هم‌رنگ با رنگ اصلی */
.abrs-sk-soft{--o-bg:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.9)),var(--abrs-accent);--o-bd:transparent;--o-bw:0px;--o-shadow:none;--o-card-bw:0px;--o-card-shadow:0 6px 18px rgba(0,0,0,.07);--o-card-shadow-h:0 10px 26px rgba(0,0,0,.14);--o-card-radius:18px;--o-radius:22px;--o-btn-radius:999px}
/* مینیمال */
.abrs-sk-minimal{--o-bg:transparent;--o-bw:0px;--o-shadow:none;--o-card-bg:transparent;--o-card-bd:#e7e7e7;--o-card-radius:4px;--o-card-shadow-h:none;--o-radius:0px;--o-cd-bg:#111;--o-cd-text:#fff;--o-title:#111;--o-btn-bg:transparent;--o-btn-text:var(--abrs-accent);--o-btn-bd:var(--abrs-accent);--o-badge-bg:#111;--o-btn-radius:4px}
/* جسورانه (نئو) */
.abrs-sk-neo{--o-bg:#ffe27a;--o-title:#111;--o-link:#111;--o-bd:#111;--o-bw:2px;--o-shadow:6px 6px 0 #111;--o-card-bd:#111;--o-card-bw:2px;--o-card-shadow:3px 3px 0 #111;--o-card-shadow-h:5px 5px 0 #111;--o-radius:6px;--o-card-radius:4px;--o-btn-radius:4px;--o-btn-bg:#111;--o-btn-text:#ffe27a;--o-cd-bg:#111;--o-cd-text:#ffe27a;--o-cd-sep:#111;--o-nav-bg:#fff;--o-nav-color:#111}
/* طلایی */
.abrs-sk-luxe{--o-bg:#0d0d0f;--o-title:#e9c46a;--o-link:#e9c46a;--o-cd-bg:#1b1b1f;--o-cd-text:#e9c46a;--o-cd-sep:#e9c46a;--o-card-bg:#17171a;--o-card-text:#f1e7d0;--o-price:#e9c46a;--o-cur:#b39a5a;--o-old:#8a8575;--o-bd:#a9842f;--o-card-bd:#3a3220;--o-btn-bg:linear-gradient(135deg,#f2d88b,#b8862b);--o-btn-text:#1a1405;--o-badge-bg:#e9c46a;--o-badge-text:#1a1405;--o-stock:#e9c46a;--o-nav-bg:#1b1b1f;--o-nav-color:#e9c46a;--o-shadow:0 12px 34px rgba(0,0,0,.45);--o-card-shadow-h:0 8px 22px rgba(233,196,106,.25)}
/* اقیانوس */
.abrs-sk-ocean{--o-bg:linear-gradient(135deg,#0ea5e9,#2563eb);--o-title:#fff;--o-link:#fff;--o-cd-bg:rgba(255,255,255,.22);--o-cd-text:#fff;--o-cd-sep:#fff;--o-bd:transparent;--o-bw:0px;--o-shadow:0 12px 30px rgba(37,99,235,.32);--o-btn-bg:#0b2a6b;--o-btn-text:#fff;--o-card-bw:0px;--o-card-shadow:0 4px 14px rgba(8,30,90,.18)}

.abrs-o-title{margin:0;font-size:var(--o-fs-title-m);font-weight:var(--o-fw-title);color:var(--o-title);line-height:1.5;padding:0}
.abrs-o-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:2px 4px 12px}
.abrs-o-all,.abrs-o-allbtn{color:var(--o-link);text-decoration:none;font-size:var(--o-fs-all);font-weight:700;display:inline-flex;align-items:center;gap:2px}
.abrs-o-all:hover,.abrs-o-allbtn:hover{opacity:.85;color:var(--o-link)}
.abrs-o-all svg,.abrs-o-allbtn svg{width:16px;height:16px}
.abrs-offers[dir=rtl] .abrs-o-all svg,.abrs-offers[dir=rtl] .abrs-o-allbtn svg{transform:scaleX(-1)}

/* شمارنده: عرض ثابت تا با تغییر ارقام نپرد */
.abrs-cd{display:inline-flex;align-items:center;gap:4px;direction:ltr;color:var(--o-cd-sep);flex-shrink:0}
.abrs-cd span{background:var(--o-cd-bg);color:var(--o-cd-text);font-size:var(--o-fs-timer);font-weight:800;border-radius:8px;width:2.3em;padding:.27em 0;text-align:center;line-height:1.4;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
.abrs-cd i{font-style:normal;font-weight:800;font-size:var(--o-fs-timer)}

/* بلوک عنوان+شمارنده بیرون از اسکرولر است، پس با اسکرول محصولات جابجا نمی‌شود */
.abrs-o-wrap{display:flex;align-items:stretch;gap:var(--o-gap)}
.abrs-o-sc{position:relative;flex:1 1 auto;min-width:0}
.abrs-o-promo{display:none;flex:0 0 190px;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:10px}
.abrs-o-promo .abrs-o-title{font-size:calc(var(--o-fs-title-d) + 2px)}
.abrs-o-allbtn{border:1px solid var(--o-link);border-radius:10px;padding:8px 14px}

.abrs-o-scroller{display:flex;gap:var(--o-gap);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px}
.abrs-o-scroller::-webkit-scrollbar{display:none}

/* کارت */
.abrs-card{flex:0 0 var(--o-cw-m);scroll-snap-align:start;background:var(--o-card-bg);color:var(--o-card-text);border:var(--o-card-bw) solid var(--o-card-bd);border-radius:var(--o-card-radius);box-shadow:var(--o-card-shadow);padding:10px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .2s,transform .2s}
.abrs-card:hover{box-shadow:var(--o-card-shadow-h)}
.abrs-sk-neo .abrs-card:hover{transform:translate(-1px,-1px)}
.abrs-card-link{display:flex;flex-direction:column;gap:6px;flex:1;color:inherit;text-decoration:none}
.abrs-card-link:hover{color:inherit}
.abrs-card-img{width:100%;aspect-ratio:var(--o-img-ratio);object-fit:var(--o-img-fit);display:block;border-radius:calc(var(--o-card-radius) - 4px)}
.abrs-card-title{font-size:var(--o-fs-card-m);font-weight:var(--o-fw-card);line-height:1.7;color:var(--o-card-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.4em}
.abrs-card-stock{font-size:var(--o-fs-stock);color:var(--o-stock);min-height:16px;font-weight:700}
.abrs-card-price{display:flex;align-items:center;justify-content:space-between;gap:6px}
.abrs-badge{background:var(--o-badge-bg);color:var(--o-badge-text);font-size:var(--o-fs-badge);font-weight:800;border-radius:12px;padding:1px 7px;line-height:1.7}
.abrs-new{font-weight:var(--o-fw-price);font-size:var(--o-fs-price-m);color:var(--o-price);margin-inline-start:auto;white-space:nowrap}
.abrs-new small{font-size:.68em;font-weight:500;color:var(--o-cur)}
.abrs-old{color:var(--o-old);font-size:var(--o-fs-old);text-decoration:line-through;text-align:end;min-height:18px}

/* دکمه خرید */
.abrs-buy{display:block;text-align:center;background:var(--o-btn-bg);color:var(--o-btn-text);border:1.5px solid var(--o-btn-bd);border-radius:var(--o-btn-radius);padding:8px 6px;font-size:var(--o-fs-btn);font-weight:var(--o-fw-btn);line-height:1.5;text-decoration:none;cursor:pointer;transition:opacity .2s,background .2s}
.abrs-buy:hover{color:var(--o-btn-text);opacity:.88}
.abrs-buy.is-busy{opacity:.55;pointer-events:none}
.abrs-buy.is-done{background:#18a957;color:#fff;border-color:#18a957}
.abrs-buy.is-off{background:#e8e8e8;color:#888;border-color:#e8e8e8;pointer-events:none}

/* فلش‌ها */
.abrs-o-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:var(--o-nav-bg);color:var(--o-nav-color);box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;transition:opacity .2s}
.abrs-o-next{inset-inline-end:-6px}
.abrs-o-prev{inset-inline-start:-6px}
.abrs-offers[dir=ltr] .abrs-o-prev svg,.abrs-offers[dir=rtl] .abrs-o-next svg{transform:scaleX(-1)}
.abrs-o-btn.is-off{opacity:0;pointer-events:none}
.abrs-expired{display:none}

/* ---- طرح ۳: شبکه‌ای ---- */
.abrs-l-grid .abrs-o-scroller{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--o-cw-m) - 2px),1fr));gap:calc(var(--o-gap) + 2px);overflow:visible}
.abrs-l-grid .abrs-card{flex:none}
.abrs-l-grid .abrs-o-btn{display:none!important}

/* ---- طرح ۴: فشرده افقی ---- */
.abrs-l-compact .abrs-o-scroller{display:grid;grid-template-columns:1fr;gap:calc(var(--o-gap) + 2px);overflow:visible}
.abrs-l-compact .abrs-o-btn{display:none!important}
.abrs-l-compact .abrs-card{flex:none;display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:12px;row-gap:6px;align-items:start}
.abrs-l-compact .abrs-card-link{display:contents}
.abrs-l-compact .abrs-card-img{grid-column:1;grid-row:1 / span 5;width:96px}
.abrs-l-compact .abrs-card-title,.abrs-l-compact .abrs-card-stock,.abrs-l-compact .abrs-card-price,.abrs-l-compact .abrs-old,.abrs-l-compact .abrs-buy{grid-column:2}
.abrs-l-compact .abrs-card-title{min-height:0}
.abrs-l-compact .abrs-old{text-align:start;min-height:0}

/* ---- طرح ۵: موزاییک (اولین محصول بزرگ) ---- */
.abrs-l-mosaic .abrs-o-scroller{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--o-gap) + 2px);overflow:visible}
.abrs-l-mosaic .abrs-card{flex:none}
.abrs-l-mosaic .abrs-card:first-child{grid-column:span 2}
.abrs-l-mosaic .abrs-o-btn{display:none!important}

@media(min-width:768px){
  .abrs-l-digi.abrs-h-side .abrs-o-head,.abrs-l-light.abrs-h-side .abrs-o-head{display:none}
  .abrs-l-digi.abrs-h-side .abrs-o-promo,.abrs-l-light.abrs-h-side .abrs-o-promo{display:flex;flex-basis:150px}
  .abrs-card{flex-basis:var(--o-cw-d)}
  .abrs-o-btn{display:flex}
  .abrs-o-title{font-size:var(--o-fs-title-d)}
  .abrs-card-title{font-size:var(--o-fs-card-d)}
  .abrs-new{font-size:var(--o-fs-price-d)}
  .abrs-l-compact .abrs-o-scroller{grid-template-columns:repeat(2,minmax(0,1fr))}
  .abrs-l-grid .abrs-o-scroller{grid-template-columns:repeat(auto-fill,minmax(calc(var(--o-cw-d) - 10px),1fr))}
  .abrs-l-mosaic .abrs-o-scroller{grid-template-columns:repeat(4,minmax(0,1fr))}
  .abrs-l-mosaic .abrs-card:first-child{grid-column:span 2;grid-row:span 2}
  .abrs-l-mosaic .abrs-card:first-child .abrs-card-title{font-size:calc(var(--o-fs-card-d)*1.35)}
  .abrs-l-mosaic .abrs-card:first-child .abrs-new{font-size:calc(var(--o-fs-price-d)*1.45)}
  .abrs-l-mosaic .abrs-card:first-child .abrs-card-img{aspect-ratio:auto;flex:1;min-height:0;height:100%;max-height:340px}
}
@media(min-width:992px){
  .abrs-l-digi.abrs-h-side .abrs-o-promo,.abrs-l-light.abrs-h-side .abrs-o-promo{flex-basis:190px}
  .abrs-offers{padding:16px}
}
@media(min-width:1200px){
  .abrs-l-compact .abrs-o-scroller{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ============ Slider width modes ============ */
.abrs-slider[data-width=large],.abrs-slider[data-width=full]{max-width:none}
.abrs-slider[data-width=full] .abrs-view{border-radius:0}