/* ============================================================
   Anbari Toys — Design Refresh Layer (نسخه‌ی تمیز و یکپارچه)
   لایه‌ی پولیش سراسری روی تم اصلی؛ بعد از main.css و colors/anbar.css لود می‌شود.
   پالت: قرمز مرجانی برند + کهربایی سرگرم‌کننده + خاکستری جوهری روی زمینه‌ی گرم
   ============================================================ */

:root {
    --anbar-primary: #e63950;
    --anbar-primary-strong: #cf1f3d;   /* دکمه‌ها — کنتراست کافی با متن سفید */
    --anbar-primary-deep: #a80f2a;     /* لینک/هاور متنی */
    --anbar-primary-soft: #fdeef1;     /* پس‌زمینه‌ی بج و تینت‌ها */
    --anbar-amber: #ffb100;            /* ستاره و بج «ویژه» */
    --anbar-amber-soft: #fff4d6;
    --anbar-ink: #24272c;
    --anbar-ink-soft: #3a3f46;
    --anbar-muted: #6f7680;
    --anbar-bg: #fdf8f6;
    --anbar-card: #ffffff;
    --anbar-border: #f1e6e2;
    --anbar-shadow: 0 2px 10px rgba(36, 39, 44, .05);
    --anbar-shadow-md: 0 6px 18px rgba(36, 39, 44, .08);
    --anbar-shadow-lg: 0 14px 34px rgba(36, 39, 44, .10);
    --anbar-radius: 14px;
    --anbar-radius-lg: 18px;
    --anbar-grad-primary: linear-gradient(135deg, #ff7a59 0%, #e63950 55%, #c81e3e 100%);
    --anbar-success: #1f9d61;
    --anbar-warning: #f59e00;
}

/* ---------- پایه ---------- */
html { scroll-behavior: smooth; }
body {
    font-family: 'iranyekan', 'IRANYekan', Tahoma, 'Segoe UI', sans-serif;
    font-size: 14px;
    line-height: 1.9;
    color: var(--anbar-ink);
    background:
        radial-gradient(1100px 560px at 100% -8%, #fff0ea 0%, transparent 60%),
        radial-gradient(900px 480px at -8% 18%, #fff7e9 0%, transparent 55%),
        var(--anbar-bg);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: var(--anbar-ink);
    line-height: 1.7;
    letter-spacing: -.2px;
}
a { transition: color .18s ease; }
::selection { background: var(--anbar-primary-soft); color: var(--anbar-primary-deep); }
:focus-visible {
    outline: 2px solid var(--anbar-primary);
    outline-offset: 2px;
    border-radius: 4px;
}
.text-muted, .text-secondary { color: var(--anbar-muted) !important; }
.text-danger { color: var(--anbar-primary-strong) !important; }
.text-success { color: var(--anbar-success) !important; }
.text-warning { color: var(--anbar-warning) !important; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--anbar-bg); }
::-webkit-scrollbar-thumb { background: #f2d9dc; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: var(--anbar-primary-soft); }

/* ---------- فرم‌ها ---------- */
input[type=text], input[type=email], input[type=password], input[type=tel],
input[type=number], input[type=search], textarea, select,
.form-ui, .form-control {
    border-radius: 10px !important;
    border-color: var(--anbar-border) !important;
    transition: border-color .18s ease, box-shadow .18s ease;
}
input:focus, textarea:focus, select:focus,
.form-ui input:focus, .form-ui select:focus, .form-ui textarea:focus,
.form-control:focus {
    border-color: var(--anbar-primary) !important;
    box-shadow: 0 0 0 3px var(--anbar-primary-soft) !important;
    outline: none;
}
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--anbar-primary-strong);
    background-color: var(--anbar-primary-strong);
}

/* ============================================================
   هدر و نوار تبلیغاتی
   ============================================================ */

.promo-bar {
    position: fixed;
    top: 0; right: 0; left: 0;
    z-index: 9999;
    min-height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    /* تک‌رنگ تیره — با هیروی قرمز نمی‌جنگد */
    background: #8f0c24 !important;
    background-image: none !important;
    color: #fff;
}
.promo-bar p { color: #fff !important; }
.promo-bar, .promo-bar * { font-size: .78rem !important; letter-spacing: .02em; }
.promo-bar__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff !important;
    font-weight: 600;
    line-height: 1.6;
    text-align: center;
}
.promo-bar__link:hover { color: #fff !important; opacity: .92; }
.promo-bar__link svg { flex: none; }

header.main-header {
    background: rgba(255, 255, 255, .94);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--anbar-border);
}
header.main-header.fixed { box-shadow: var(--anbar-shadow-lg); }
.logo-area a { display: inline-flex; align-items: center; }
.logo-area img { filter: drop-shadow(0 3px 6px rgba(207, 31, 61, .18)); }
.anbaryToysName {
    font-weight: 800;
    color: var(--anbar-primary-strong);
    font-size: 1.2rem;
    margin-right: 6px;
    vertical-align: middle;
}
header.main-header .main-menu .list > .list-item > a {
    font-weight: 700;
    color: var(--anbar-ink-soft);
    border-radius: 10px;
    transition: color .18s ease, background .18s ease;
}
header.main-header .main-menu .list > .list-item > a:hover {
    color: var(--anbar-primary-deep);
    background: var(--anbar-primary-soft);
}
header.main-header .nav-link span.count {
    background: var(--anbar-grad-primary) !important;
    color: #fff;
    box-shadow: 0 3px 8px rgba(207, 31, 61, .3);
}

/* جستجو: فیلد و دکمه چسبیده و هم‌قد */
header.main-header .search-area form.search {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--anbar-border);
    background: #fff;
    box-shadow: var(--anbar-shadow);
    transition: box-shadow .18s ease, border-color .18s ease;
}
header.main-header .search-area form.search:focus-within {
    border-color: var(--anbar-primary);
    box-shadow: 0 0 0 3px var(--anbar-primary-soft);
}
header.main-header .search-area form.search input {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent;
    height: 46px;
}
header.main-header .search-area form.search button {
    background: var(--anbar-primary-strong) !important;
    color: #fff;
    height: 46px;
    border-radius: 0 !important;
    transition: background .18s ease;
}
header.main-header .search-area form.search button:hover { background: var(--anbar-primary-deep) !important; }

/* کاور صفحات داخلی */
.header-cover, .page-cover {
    background: linear-gradient(135deg, var(--anbar-primary-strong), var(--anbar-primary) 55%, #ff8a5c);
    color: #fff;
}

/* ============================================================
   دکمه‌ها و اجزای عمومی
   ============================================================ */

.btn { border-radius: 12px; font-weight: 600; }
.btn-primary-cm, .btn-danger {
    background: var(--anbar-grad-primary) !important;
    border: 0 !important;
    color: #fff !important;
    border-radius: 12px !important;
    font-weight: 700;
    box-shadow: 0 6px 16px rgba(207, 31, 61, .28);
    transition: transform .18s ease, box-shadow .18s ease;
}
.btn-primary-cm:hover, .btn-danger:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(207, 31, 61, .34);
    color: #fff !important;
}
.btn-primary-cm:active { transform: translateY(0); }
footer.main-footer .newsletter form .btn {
    background: var(--anbar-grad-primary) !important;
    border: 0 !important;
    color: #fff !important;
}

.badge, .promotion-badge { border-radius: 8px; }
.rating--general .rating-rate {
    background-color: var(--anbar-amber) !important;
    color: #4a3200;
    font-weight: 700;
    border-radius: 8px;
}

.modal-content {
    border-radius: var(--anbar-radius-lg);
    border: 0;
    box-shadow: var(--anbar-shadow-lg);
    overflow: hidden;
}

/* صفحه‌بندی */
.pagination .page-link {
    border-radius: 10px !important;
    margin: 0 3px;
    border: 1px solid var(--anbar-border);
    color: var(--anbar-ink);
    transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.pagination .page-link:hover { background: var(--anbar-primary-soft); color: var(--anbar-primary-deep); }
.pagination .page-item.active .page-link,
.pagination a.active-page {
    background-color: var(--anbar-primary-strong);
    border-color: var(--anbar-primary-strong);
    color: #fff;
}

/* سبد خرید و فرم‌ها */
.tab-cart-page a.active { border-bottom-color: var(--anbar-primary) !important; }
.checkout-steps li.active::before { background-color: var(--anbar-primary) !important; }

/* تب‌های مرتب‌سازی */
.search-amazing-tab .ah-tab-item {
    font-weight: 700;
    border-radius: 10px;
    color: var(--anbar-muted);
    transition: all .18s ease;
}
.search-amazing-tab .ah-tab > .ah-tab-item[data-ah-tab-active="true"] {
    background: var(--anbar-grad-primary);
    color: #fff;
    box-shadow: 0 4px 12px rgba(207, 31, 61, .25);
}

/* ============================================================
   تیتر بخش‌ها: استایل استیکری
   ============================================================ */

.section-title, .title-wide {
    position: relative;
    display: inline-block;
    padding: .35rem 1.4rem .35rem 2.6rem;
    background: #fff;
    border-radius: 999px;
    border: 2px solid var(--anbar-primary-soft);
    box-shadow: var(--anbar-shadow);
    font-weight: 800 !important;
    font-size: 1.15rem !important;
}
.section-title::before, .title-wide::before {
    content: '';
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%) rotate(-8deg);
    width: 26px;
    height: 12px;
    border-radius: 6px;
    background: var(--anbar-amber);
    box-shadow: 1px 4px 0 rgba(0, 0, 0, .06);
}
.section-title h2, .title-wide h2 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
}
.section-title a { color: var(--anbar-muted) !important; font-size: .8rem; font-weight: 600; }
.widget-banner > h5 {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--anbar-ink);
}

/* ============================================================
   کارت محصول
   ============================================================ */

.product-card, .product-item {
    background: var(--anbar-card);
    border: 1px solid var(--anbar-border) !important;
    border-radius: 16px !important;
    box-shadow: var(--anbar-shadow);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    overflow: hidden;
}
.product-card:hover, .product-item:hover {
    transform: translateY(-4px);
    box-shadow: var(--anbar-shadow-lg);
    border-color: #f6d4da !important;
}
.product-card .product-thumb {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fdf3f0;
    border-radius: 12px;
    margin: 10px;
    overflow: hidden;
    min-height: 150px;
}
.product-card .product-thumb img {
    max-width: 100%;
    object-fit: contain;
    transition: transform .35s ease;
}
.product-card:hover .product-thumb img { transform: scale(1.08); }
.product-card .product-card-body { padding: 0 12px 14px; }
.product-card .product-title { line-height: 1.7; }
.product-card .product-title > a {
    color: var(--anbar-ink) !important;
    font-weight: 700;
    font-size: .9rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.8em;
}
.product-card .product-title > a:hover { color: var(--anbar-primary-deep) !important; }
.product-card .product-price, .product-item--price { font-weight: 700; }
.product-card .product-price strong {
    font-weight: 800;
    font-size: 1.05rem;
    color: var(--anbar-ink);
}
.product-card .product-price del { color: var(--anbar-muted); font-size: .82em; }
.product-price del { display: block; color: var(--anbar-muted); font-size: .78rem; }
.product-price strong { display: block; font-size: 1rem; font-weight: 800; color: var(--anbar-ink); }
.product-price--na { font-style: normal; color: var(--anbar-muted); font-weight: 600; }

.discount span {
    background: var(--anbar-grad-primary) !important;
    color: #fff;
    border-radius: 8px;
    font-weight: 700;
    padding: 3px 10px;
    box-shadow: 0 4px 10px rgba(207, 31, 61, .25);
}

/* بج محصول */
.product-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: var(--anbar-grad-primary);
    color: #fff;
    font-size: .75rem;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 20px;
    box-shadow: 0 4px 10px rgba(207, 31, 61, .25);
    z-index: 2;
}
.product-badge--out { background: #8a929b; box-shadow: none; }

/* دکمه افزودن به سبد */
.product-card .product-addcart .btn, .addCart button {
    background: var(--anbar-grad-primary);
    border: 0;
    color: #fff;
    font-weight: 700;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(207, 31, 61, .22);
    transition: transform .18s ease, box-shadow .18s ease, color .18s ease;
}
.product-card .product-addcart .btn:hover, .addCart button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(207, 31, 61, .3);
    color: #fff;
}
/* ظاهرشدن دکمه با هاور */
.product-card .product-addcart {
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .22s ease, transform .22s ease;
}
.product-card:hover .product-addcart, .product-card:focus-within .product-addcart { opacity: 1; transform: translateY(0); }
@media (hover: none) {
    .product-card .product-addcart { opacity: 1; transform: none; }
}
.product-price, .price-discount { border-radius: 999px; }
.product-price b, .product-price strong { font-weight: 800; }

/* ============================================================
   کارت دسته‌بندی / سن / برند
   ============================================================ */

.category-card, .age-card, .brand-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    background: var(--anbar-card);
    border: 1px solid var(--anbar-border);
    border-radius: var(--anbar-radius-lg);
    padding: 16px 8px;
    height: 100%;
    box-shadow: var(--anbar-shadow);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    overflow: hidden;
}
.category-card:hover, .age-card:hover, .brand-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--anbar-shadow-lg);
    border-color: #f6d4da;
}
.category-card__img, .age-card__img, .brand-card__img {
    width: 86px;
    height: 86px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 8px;
    background: #fdf3f0;
    flex: none;
}
.age-card__img { background: #fff6e6; }
.brand-card__img { background: #fafafa; }
.category-card__img img, .age-card__img img, .brand-card__img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: transform .3s ease;
}

/* اصلاح: wrapper سن — بزرگ‌تر و بدون padding اضافه */
.age-card__img {
    width: 110px;
    height: 110px;
    border-radius: 20px;
    padding: 4px;
    background: linear-gradient(145deg, #fff8ee 0%, #fff3e0 100%);
    box-shadow: 0 4px 12px rgba(255, 177, 0, .12);
}
.age-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

/* اصلاح: wrapper برند — ratio افقی برای لوگو */
.brand-card__img {
    width: 140px;
    height: 80px;
    border-radius: 16px;
    padding: 10px 14px;
    background: #fff;
    border: 1px solid #f0eae8;
    box-shadow: 0 2px 10px rgba(36,39,44,.06);
}
.brand-card__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 0;
}
.category-card:hover .category-card__img img,
.age-card:hover .age-card__img img,
.brand-card:hover .brand-card__img img { transform: scale(1.08); }
.category-card__title, .age-card__title, .brand-card__title {
    font-size: .85rem !important;
    font-weight: 700 !important;
    color: var(--anbar-ink) !important;
    text-align: center;
    line-height: 1.6;
    padding: 0 .5rem .5rem;
    display: block;
}

/* اسلایدر برند/دسته (ساختار قدیمی .item) */
.brand-slider .item, .category-slider .item {
    background: var(--anbar-card);
    border: 1px solid var(--anbar-border);
    border-radius: var(--anbar-radius-lg);
    padding: 6px;
    box-shadow: var(--anbar-shadow);
    transition: transform .22s ease, box-shadow .22s ease;
}
.brand-slider .item:hover, .category-slider .item:hover {
    transform: translateY(-3px);
    box-shadow: var(--anbar-shadow-lg);
}
.brand-slider .item img, .category-slider .item img {
    border-radius: 12px;
    object-fit: contain;
    background: #fff;
    transition: transform .3s ease;
}
.brand-slider .item:hover img, .category-slider .item:hover img { transform: scale(1.04); }
.brand-slider .item a span:not([class]), .category-slider .item a span:not([class]) {
    display: block;
    text-align: center;
    font-weight: 700;
    color: var(--anbar-ink);
    padding: 6px 0;
    margin: 0 !important;
    transition: color .18s ease;
}
.brand-slider .item a:hover span:not([class]), .category-slider .item a:hover span:not([class]) { color: var(--anbar-primary-deep); }

/* کارت‌ها داخل کاروسل: هم‌قد (owl خودش عرض آیتم‌ها را مدیریت می‌کند) */
.owl-item .category-card, .owl-item .product-card { height: 100%; }

/* ============================================================
   نوار اعتماد (feature-bar)
   ============================================================ */

.feature-bar { margin-top: 1.6rem !important; }
.feature-bar .row { margin: 0 -8px; }
.feature-bar .row > [class*='col-'] { padding: 0 8px; }
.feature-bar__item {
    display: flex;
    align-items: center;
    gap: .8rem;
    background: #fff;
    border: 1px solid var(--anbar-border);
    border-radius: var(--anbar-radius-lg);
    padding: .85rem 1rem !important;
    height: 100%;
    box-shadow: var(--anbar-shadow);
    transition: transform .22s ease, box-shadow .22s ease;
}
.feature-bar__item:hover { transform: translateY(-3px); box-shadow: var(--anbar-shadow-lg); }
.feature-bar__icon {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    margin: 0 !important;
    border-radius: 14px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--anbar-primary-soft) !important;
    color: var(--anbar-primary-strong) !important;
}
.feature-bar__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.7;
    min-width: 0;
}
.feature-bar__text strong { font-size: .86rem; font-weight: 800; color: var(--anbar-ink); white-space: nowrap; }
.feature-bar__text span { font-size: .74rem; color: var(--anbar-muted); white-space: nowrap; }

/* ============================================================
   صفحه اصلی
   ============================================================ */

.home-section { margin-top: 2.6rem !important; }
.main-container > .row.mb-5 { margin-bottom: 2.6rem !important; }

/* ---------- هیرو ---------- */
.anbar-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(1100px 420px at 85% -10%, rgba(255, 177, 0, .18), transparent 60%),
        radial-gradient(900px 380px at 8% 110%, rgba(15, 171, 150, .12), transparent 55%),
        linear-gradient(115deg, #cf1f3d 0%, #e63950 45%, #ff7a59 100%);
    color: #fff;
    border-radius: 0 0 34px 34px;
}
@media (min-width: 992px) {
    .anbar-hero { padding-bottom: 4.4rem; }
}
.anbar-hero-inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    flex-wrap: wrap;
}
.hero-kicker {
    display: inline-block;
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(255, 255, 255, .35);
    backdrop-filter: blur(4px);
    padding: .3rem 1rem;
    border-radius: 999px;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .02em;
}
.hero-title {
    margin: 1rem 0 .8rem;
    font-size: clamp(1.7rem, 4vw, 2.9rem);
    font-weight: 900;
    line-height: 1.45;
    text-shadow: 0 2px 14px rgba(0, 0, 0, .14);
}
.hero-title em {
    font-style: normal;
    position: relative;
    color: #ffe08a;
    padding: 0 .35rem;
}
.hero-title em::after {
    content: '';
    position: absolute;
    inset: auto .2rem .35rem .2rem;
    height: 9px;
    background: rgba(255, 224, 138, .28);
    border-radius: 6px;
    z-index: -1;
    transform: rotate(-2deg);
}
.hero-sub { font-size: 1.02rem; opacity: .92; max-width: 34rem; line-height: 2; margin-bottom: 1.6rem; }
.hero-actions { display: flex; align-items: center; gap: 1.2rem; flex-wrap: wrap; }
.hero-cta {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    background: #fff;
    color: var(--anbar-primary-strong) !important;
    font-weight: 800;
    font-size: 1.05rem;
    padding: .8rem 2rem;
    border-radius: 999px;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .18);
    transition: transform .2s cubic-bezier(.34, 1.56, .64, 1), box-shadow .2s ease;
}
.hero-cta:hover {
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 16px 34px rgba(0, 0, 0, .24);
    color: var(--anbar-primary-deep) !important;
}
.hero-link { color: #fff !important; font-weight: 700; border-bottom: 2px dashed rgba(255, 255, 255, .55); padding-bottom: 2px; }
.anbar-hero-stats { display: flex; gap: .9rem; flex-wrap: wrap; }
.stat-chip {
    background: rgba(255, 255, 255, .13);
    border: 1px solid rgba(255, 255, 255, .3);
    backdrop-filter: blur(6px);
    border-radius: 18px;
    padding: .9rem 1.3rem;
    text-align: center;
    min-width: 104px;
}
.stat-chip strong { display: block; font-size: 1.35rem; font-weight: 900; }
.stat-chip span { font-size: .78rem; opacity: .9; }

/* حباب‌ها و ستاره‌های تزئینی */
.anbar-hero-blobs { position: absolute; inset: 0; z-index: 1; pointer-events: none; margin-bottom: 100px; }
.anbar-hero-blobs .blob { position: absolute; border-radius: 50%; }
.blob-1 { width: 220px; height: 220px; right: -60px; top: -80px; background: rgba(255, 255, 255, .10); animation: floaty 7s ease-in-out infinite; }
.blob-2 { width: 120px; height: 120px; left: 8%; bottom: -50px; background: rgba(255, 224, 138, .22); animation: floaty 9s ease-in-out infinite reverse; }
.blob-3 { width: 64px; height: 64px; left: 38%; top: 28px; border: 3px dashed rgba(255, 255, 255, .3); background: transparent; animation: spin-slow 26s linear infinite; }
.hero-star { position: absolute; color: #ffe08a; opacity: .8; }
.star-1 { font-size: 1.5rem; left: 22%; top: 20%; animation: floaty 6s ease-in-out infinite; }
.star-2 { font-size: 1rem; right: 30%; bottom: 22%; animation: floaty 8s ease-in-out infinite reverse; }
.star-3 { font-size: 1.2rem; left: 55%; bottom: 30%; color: #fff; opacity: .5; animation: spin-slow 18s linear infinite; }
@keyframes floaty { 0%, 100% { transform: translateY(0) } 50% { transform: translateY(-14px) } }
@keyframes spin-slow { from { transform: rotate(0) } to { transform: rotate(360deg) } }

/* ---------- بنر هدیه (CTA) ---------- */
.home-cta {
    background: var(--anbar-grad-primary);
    border-radius: 20px;
    padding: 2rem 2.5rem;
    color: #fff;
    margin: 2.6rem 0 !important;
    box-shadow: 0 14px 30px rgba(207, 31, 61, .25);
}
.home-cta__content { display: flex; align-items: center; gap: 16px; }
.home-cta__icon {
    flex: none;
    width: 54px;
    height: 54px;
    border-radius: 16px !important;
    background: var(--anbar-primary-soft) !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--anbar-primary-strong) !important;
}
.home-cta h3 { color: #fff; font-weight: 800; font-size: 1.35rem; margin-bottom: 6px; }
.home-cta p { color: rgba(255, 255, 255, .92); margin: 0; }
.home-cta__btn {
    background: #fff;
    color: var(--anbar-primary-strong) !important;
    border-radius: 30px;
    font-weight: 800;
    padding: 12px 28px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .15);
    transition: transform .18s ease, box-shadow .18s ease;
}
.home-cta__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(0, 0, 0, .2);
    color: var(--anbar-primary-deep) !important;
}

/* ---------- کاروسل محصولات پیشنهادی ---------- */
.product-carousel .product-card,
.carousel-md .product-card { padding: .4rem; }
.product-carousel .product-thumb,
.carousel-md .product-thumb,
.product-carousel .product-card img,
.carousel-md .product-card img {
    min-height: 210px;
    object-fit: contain;
    width: 100%;
}
.product-carousel .product-card-body,
.carousel-md .product-card-body { padding: .65rem .8rem 1rem; }
.product-carousel .product-title,
.carousel-md .product-title {
    font-size: .88rem;
    line-height: 1.8;
    min-height: 3.4em;
}
.product-carousel .owl-nav button, .carousel-lg .owl-nav button,
.carousel-md .owl-nav button, .category-slider .owl-nav button,
.product-carousel .owl-nav button:hover, .carousel-lg .owl-nav button:hover,
.carousel-md .owl-nav button:hover, .category-slider .owl-nav button:hover {
    background: #fff !important;
    color: var(--anbar-primary-deep) !important;
    border-radius: 50% !important;
    width: 38px !important;
    height: 38px !important;
    box-shadow: var(--anbar-shadow);
    transition: transform .18s ease, box-shadow .18s ease;
}
.product-carousel .owl-nav button:hover, .carousel-lg .owl-nav button:hover,
.carousel-md .owl-nav button:hover, .category-slider .owl-nav button:hover {
    transform: scale(1.08);
    box-shadow: var(--anbar-shadow-lg);
}
.product-carousel .owl-dot span, .widget-suggestion .owl-dot span {
    width: 22px !important;
    height: 5px !important;
    border-radius: 3px !important;
}

/* ---------- اسلایدر اصلی — از صفر ---------- */

/* wrapper شناور روی hero */
.anbar-slider-wrap {
    margin: 0 0 4.4rem;
}
@media (min-width: 992px) {
    .anbar-slider-wrap {
        margin-top: -64px;
        position: relative;
        z-index: 6;
    }
}

/* کادر */
.anbar-slider {
    position: relative;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(36,39,44,.14), 0 6px 20px rgba(207,31,61,.09);
    background: #f0eae8;
    line-height: 0; /* جلوگیری از فاصله زیر img */
}

/* track */
.anbar-slider__track {
    display: grid;
    width: 100%;
}
.anbar-slider__slide {
    grid-area: 1 / 1;
    display: block;
    opacity: 0;
    transition: opacity .55s ease;
    pointer-events: none;
    line-height: 0;
}
.anbar-slider__slide.is-active {
    opacity: 1;
    pointer-events: auto;
}

/* تصویر: عرض کامل، ارتفاع طبیعی حفظ میشه */
.anbar-slider__slide img {
    display: block;
    width: 100%;
    height: auto;
}

/* overlay پایین برای خوانایی dot‌ها */
.anbar-slider::after {
    content: '';
    position: absolute;
    inset: auto 0 0 0;
    height: 80px;
    background: linear-gradient(to top, rgba(15,8,6,.5) 0%, transparent 100%);
    pointer-events: none;
    z-index: 2;
}

/* فلش‌ها */
.anbar-slider__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.88);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: var(--anbar-primary-strong);
    box-shadow: 0 4px 18px rgba(0,0,0,.18);
    opacity: .6;
    transition: opacity .2s ease, transform .2s cubic-bezier(.34,1.56,.64,1), box-shadow .2s ease;
}
.anbar-slider__arrow--prev { right: 14px; }
.anbar-slider__arrow--next { left: 14px; }
.anbar-slider__arrow:hover {
    opacity: 1;
    transform: translateY(-50%) scale(1.12);
    box-shadow: 0 8px 26px rgba(0,0,0,.22);
}
.anbar-slider__arrow svg { flex: none; display: block; }

/* dot‌ها */
.anbar-slider__dots {
    position: absolute;
    bottom: 14px;
    left: 0; right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    z-index: 5;
}
.anbar-slider__dot {
    width: 20px;
    height: 4px;
    border-radius: 999px;
    border: none;
    cursor: pointer;
    background: rgba(255,255,255,.45);
    padding: 0;
    transition: width .28s ease, background .28s ease, box-shadow .28s ease;
}
.anbar-slider__dot.is-active {
    width: 38px;
    background: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,.25);
}

/* موبایل */
@media (max-width: 767px) {
    .anbar-slider { border-radius: 16px; }
    /* بنرهای عریض روی موبایل بیش‌ازحد کوتاه می‌شوند؛ برش مرکزی هدفمند مثل اسلایدر موبایل قبلی */
    .anbar-slider__slide img { height: 170px; object-fit: cover; }
    .anbar-slider__arrow { width: 34px; height: 34px; opacity: .7; }
    .anbar-slider__arrow--prev { right: 10px; }
    .anbar-slider__arrow--next { left: 10px; }
    .anbar-slider__dots { bottom: 10px; }
}

/* ---------- ریسپانسیو صفحه اصلی ---------- */
@media (max-width: 576px) {
    .promo-bar__link { font-size: 12px; }
    .main-slider.card { border-radius: 14px; }
    .product-card .product-thumb { min-height: 120px; margin: 8px; }
    .section-title, .title-wide { font-size: 1rem !important; padding: .3rem 1rem .3rem 2.2rem; }
    .home-cta { padding: 1.5rem 1.25rem; text-align: center; }
    .home-cta__content { flex-direction: column; gap: 12px; }
    .home-cta .text-left { text-align: center !important; margin-top: 14px; }
    .category-card__img { width: 64px; height: 64px; }
    .age-card__img { width: 86px; height: 86px; }
    .brand-card__img { width: 110px; height: 64px; }
    .feature-bar__text strong { font-size: .8rem; }
}
@media (max-width: 768px) {
    .anbar-hero { padding: 2.4rem 0 2.6rem; border-radius: 0 0 24px 24px; }
    .anbar-hero-stats { width: 100%; }
    .stat-chip { flex: 1; min-width: 84px; padding: .6rem .5rem; }
    .hero-sub { font-size: .92rem; }
}

/* ============================================================
   صفحه محصول تکی
   ============================================================ */

.title-breadcrumb-special .breadcrumb {
    background: transparent;
    padding: 0 0 4px;
    margin-bottom: 4px;
}
.title-breadcrumb-special .breadcrumb nav a {
    color: var(--anbar-muted);
    font-size: .85rem;
    font-weight: 500;
}
.title-breadcrumb-special .breadcrumb nav a:hover { color: var(--anbar-primary-deep); }
.title-breadcrumb-special .section-title h2 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--anbar-ink);
}
.title-breadcrumb-special .section-title h2 .mdi { color: var(--anbar-primary); }

/* گالری */
.product-gallery {
    background: var(--anbar-card);
    border: 1px solid var(--anbar-border);
    border-radius: var(--anbar-radius-lg);
    padding: .8rem;
    box-shadow: var(--anbar-shadow);
}
.product-gallery .product-carousel .gallery-item {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fdf3f0;
    border-radius: 12px;
    min-height: 320px;
    overflow: hidden;
}
.product-gallery .product-carousel .gallery-item img {
    max-width: 100%;
    max-height: 340px;
    object-fit: contain;
}
.product-gallery .product-thumbnails {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
    justify-content: center;
}
.product-gallery .product-thumbnails > li > a {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 12px;
    overflow: hidden;
    border: 2px solid var(--anbar-border);
    background: #fff;
    cursor: pointer;
    transition: border-color .18s ease, transform .18s ease;
}
.product-gallery .product-thumbnails > li > a:hover { transform: translateY(-2px); }
.product-gallery .product-thumbnails > li.active > a,
.product-gallery .product-thumbnails > li > a.active { border-color: var(--anbar-primary); }
.product-gallery .product-thumbnails li img { width: 100%; height: 100%; object-fit: contain; }
.product-gallery .badge { box-shadow: 0 4px 10px rgba(207, 31, 61, .3); }

/* دکمه علاقه‌مندی */
.gallery-options .add-favorites {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--anbar-border);
    box-shadow: var(--anbar-shadow);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    transition: transform .18s ease, color .18s ease;
}
.gallery-options .add-favorites:hover { transform: scale(1.1); }
.gallery-options .tooltip-option { display: none; }

/* اطلاعات محصول */
.product-info { padding: 8px 0 0 12px; }
.product-info .product-title h1 {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.7;
    color: var(--anbar-ink);
    margin-bottom: 10px;
}
.product-params ul { list-style: none; padding: 0; margin: 12px 0; }
.product-params ul li {
    display: flex;
    gap: 8px;
    padding: 8px 0;
    border-bottom: 1px dashed var(--anbar-border);
    font-size: .9rem;
}
.product-params ul li span:first-child { color: var(--anbar-muted); font-weight: 600; min-width: 96px; }
.product-params ul li span:last-child { color: var(--anbar-ink); font-weight: 700; }
.product-info > span.text-dark {
    display: block;
    background: var(--anbar-amber-soft);
    border: 1px solid #ffe7b8;
    border-radius: 12px;
    padding: 12px 14px;
    color: var(--anbar-ink) !important;
    font-size: .9rem;
    margin: 12px 0;
}
.product-info .section-title { padding: 0; }
.product-info .section-title h2 { padding-right: 0; font-size: .95rem; font-weight: 700; }
.product-info .section-title h2::before { display: none; }
.product-info .section-title .price { display: inline-flex; flex-direction: column; gap: 4px; margin-top: 6px; }
.product-info .section-title .price strong { font-size: 1.6rem; font-weight: 800; color: var(--anbar-primary-strong); }
.product-info .section-title .price del { color: var(--anbar-muted); font-size: .9rem; }
.product-info .addCartSingle .btn-primary-cm {
    padding: 13px 34px;
    font-size: 1.05rem;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.product-info .addCartSingle .btn-primary-cm img { width: 22px; filter: brightness(0) invert(1); }

/* جعبه اطلاعات و واریانت */
.product-information, .product-info-box, .single-product .card {
    border: 1px solid var(--anbar-border) !important;
    border-radius: var(--anbar-radius-lg) !important;
    box-shadow: var(--anbar-shadow);
}
.ui-variant {
    border-radius: 12px !important;
    border: 2px solid var(--anbar-border) !important;
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.ui-variant:hover { border-color: #f3c3cb !important; transform: translateY(-2px); }
.ui-variant--check, .ui-variant[aria-pressed="true"] {
    border-color: var(--anbar-primary) !important;
    box-shadow: 0 0 0 3px var(--anbar-primary-soft);
}

/* تب‌های محصول */
.tabs-product-info .ah-tab,
.ah-tab-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    border-bottom: 1px solid var(--anbar-border);
    padding-bottom: 14px;
}
.tabs-product-info .ah-tab-item,
.ah-tab-wrapper .ah-tab-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 18px;
    border-radius: 999px;
    font-weight: 700;
    font-size: .9rem;
    color: var(--anbar-muted);
    background: #fff;
    border: 1px solid var(--anbar-border);
    transition: all .18s ease;
}
.tabs-product-info .ah-tab-item:hover,
.ah-tab-wrapper .ah-tab-item:hover { color: var(--anbar-primary-deep); border-color: #f6b8c2; }
.tabs-product-info .ah-tab-item[data-ah-tab-active="true"],
.ah-tab-wrapper .ah-tab-item[data-ah-tab-active="true"] {
    background: var(--anbar-primary-strong);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 4px 12px rgba(207, 31, 61, .25);
}
.ah-tab-content-wrapper.product-info {
    background: var(--anbar-card);
    border: 1px solid var(--anbar-border);
    border-radius: 16px;
    padding: 24px;
    box-shadow: var(--anbar-shadow);
    margin-top: 16px;
}
.comments-area { border-radius: 12px; }
.comment-body {
    border-radius: 16px !important;
    border: 1px solid var(--anbar-border);
    background: #fff;
    padding: 1rem 1.2rem;
}
.accordion-product .card, .accordion-product {
    border-radius: 16px !important;
    border-color: var(--anbar-border) !important;
    overflow: hidden;
}

/* ---------- ریسپانسیو صفحه محصول ---------- */
@media (max-width: 768px) {
    .product-info { padding-left: 0; margin-top: 20px; }
    .product-gallery .product-carousel .gallery-item { min-height: 240px; }
}

/* ============================================================
   سبد خرید / تسویه حساب
   ============================================================ */

.checkout-content {
    background: var(--anbar-card);
    border: 1px solid var(--anbar-border);
    border-radius: var(--anbar-radius-lg);
    box-shadow: var(--anbar-shadow);
    overflow: hidden;
}
.checkout-header--express {
    background: linear-gradient(135deg, var(--anbar-primary-soft), var(--anbar-amber-soft));
    border-bottom: 1px solid var(--anbar-border);
}
.checkout-header-title .mdi { color: var(--anbar-primary-strong); }
.checkout-item { transition: background-color .2s ease; }
.checkout-item:hover { background-color: var(--anbar-bg); }
.checkout-item img {
    border-radius: var(--anbar-radius);
    background: var(--anbar-bg);
}
.cart-btn-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: none;
    border-radius: 50%;
    background: var(--anbar-amber-soft);
    color: #c0392b;
    cursor: pointer;
    transition: background-color .2s ease, transform .15s ease;
}
.cart-btn-remove:hover { background: #ffd7d7; transform: scale(1.08); }
.checkout-title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--anbar-ink);
    line-height: 1.8;
}
.checkout-title:hover { color: var(--anbar-primary); }
.checkout-summary-summary, .checkout-summary-content {
    background: var(--anbar-card);
    border: 1px solid var(--anbar-border);
    border-radius: var(--anbar-radius-lg);
    box-shadow: var(--anbar-shadow-md);
    padding: 16px;
}
.checkout-summary-summary li {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    font-size: .9rem;
    color: var(--anbar-ink-soft);
}
.checkout-summary-discount span:last-child { color: var(--anbar-success); font-weight: 600; }
.checkout-summary-price-value-amount { color: var(--anbar-primary-strong); font-weight: 800; }

/* سبد خالی */
.cart-empty--refresh {
    text-align: center;
    background: var(--anbar-card);
    border: 1px solid var(--anbar-border);
    border-radius: var(--anbar-radius-lg);
    box-shadow: var(--anbar-shadow);
    padding: 48px 24px;
}
.cart-empty--refresh .cart-empty-icon {
    width: 96px;
    height: 96px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--anbar-primary-soft);
    color: var(--anbar-primary-strong);
}
.cart-empty--refresh .cart-empty-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--anbar-ink);
    margin-bottom: 8px;
}
.cart-empty--refresh .cart-empty-hint { color: var(--anbar-muted); }

@media (max-width: 768px) {
    .checkout-item img { width: 100px; height: 100px; }
    .cart-empty--refresh { padding: 32px 16px; }
}

/* ============================================================
   فوتر
   ============================================================ */

footer.main-footer {
    background: linear-gradient(180deg, #ffffff 0%, #fff4ef 100%);
    border-top: 1px solid var(--anbar-border);
    margin-top: 3.5rem;
}
footer.main-footer .footer-widgets { padding: 2.5rem 0 1.5rem; }
footer.main-footer .widget-menu.widget.card {
    border: 0;
    background: transparent;
    box-shadow: none;
}
footer.main-footer .widget-menu .card-header {
    background: transparent;
    border: 0;
    padding: 0 0 12px;
}
footer.main-footer .card-title {
    font-weight: 800;
    font-size: 1rem;
    color: var(--anbar-ink);
    margin: 0;
}
footer.main-footer .footer-menu li a {
    color: var(--anbar-muted);
    font-size: .92rem;
    transition: color .18s ease, padding-right .18s ease;
}
footer.main-footer .footer-menu li a:hover {
    color: var(--anbar-primary-deep);
    padding-right: 4px;
}
footer.main-footer .socials p {
    color: var(--anbar-muted);
    font-size: .92rem;
    margin-bottom: 12px;
}
footer.main-footer .socials .footer-social ul li a {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--anbar-primary-soft);
    color: var(--anbar-primary-deep);
    font-size: 1.3rem;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}
footer.main-footer .socials .footer-social ul li a:hover {
    background: var(--anbar-grad-primary);
    color: #fff;
    transform: translateY(-3px);
}
footer.main-footer .back-to-top a { color: var(--anbar-ink); }
footer.main-footer .back-to-top a:hover { color: var(--anbar-primary-deep); }
footer.main-footer .back-to-top .icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--anbar-grad-primary);
    color: #fff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
    box-shadow: 0 6px 14px rgba(207, 31, 61, .28);
}
footer.main-footer .back-to-top .icon { color: #fff !important; }
footer.main-footer .copyright {
    background: rgba(36, 39, 44, .03);
    padding: 14px 0;
    color: var(--anbar-muted);
}

/* ============================================================
   سایدبار فیلتر و کارت‌های عمومی
   ============================================================ */

.filter-product .card, .shop-sidebox, .sticky-sidebar .card {
    border: 1px solid var(--anbar-border) !important;
    border-radius: 16px !important;
    box-shadow: var(--anbar-shadow);
}
.filter-product .card .card-header {
    background: #fff !important;
    border-bottom: 1px solid var(--anbar-border);
    font-weight: 700;
}
.profile-section .card, .card-horizontal-address, .card-horizontal-product {
    border-radius: var(--anbar-radius);
    border: 1px solid var(--anbar-border);
    box-shadow: var(--anbar-shadow);
}

/* ============================================================
   دسترس‌پذیری و حرکت
   ============================================================ */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
    .product-card:hover, .product-item:hover,
    .brand-slider .item:hover, .category-card:hover,
    .age-card:hover, .brand-card:hover { transform: none; }
}

/* ============================================================
   Refresh Layer v2 — پولیش بصری صفحه اصلی
   ============================================================ */

/* ---------- هیرو: عمق و تایپوگرافی ---------- */
.anbar-hero {
    padding: 4rem 0 5.5rem;
    background:
        radial-gradient(ellipse 900px 500px at 85% -15%, rgba(255, 177, 0, .22), transparent 58%),
        radial-gradient(ellipse 700px 400px at 5% 115%, rgba(15, 171, 150, .15), transparent 52%),
        radial-gradient(ellipse 500px 350px at 50% 60%, rgba(207, 31, 61, .08), transparent 65%),
        linear-gradient(125deg, #b81530 0%, #cf1f3d 30%, #e63950 60%, #ff6b45 100%);
}
@media (min-width: 992px) {
    .anbar-hero { padding: 5rem 0 6.5rem; }
}
.hero-title {
    font-size: clamp(2rem, 5vw, 3.4rem);
    font-weight: 900;
    letter-spacing: -.5px;
    text-shadow: 0 3px 20px rgba(0, 0, 0, .18);
    margin-bottom: 1.2rem;
}
.hero-title em {
    color: #ffe08a;
    text-shadow: 0 0 28px rgba(255, 177, 0, .5);
}
.hero-title em::after {
    height: 11px;
    background: rgba(255, 224, 138, .35);
    border-radius: 8px;
}
.hero-sub {
    font-size: 1.08rem;
    line-height: 2.1;
    opacity: .95;
    max-width: 36rem;
    margin-bottom: 2rem;
}
.hero-cta {
    padding: .9rem 2.4rem;
    font-size: 1.08rem;
    font-weight: 900;
    letter-spacing: -.2px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .22);
}
.stat-chip {
    background: rgba(255, 255, 255, .16);
    border: 1.5px solid rgba(255, 255, 255, .35);
    border-radius: 20px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 1rem 1.5rem;
    min-width: 112px;
}
.stat-chip strong { font-size: 1.5rem; text-shadow: 0 2px 10px rgba(0,0,0,.15); }

/* blob‌های هیرو: بزرگ‌تر و نرم‌تر */
.blob-1 { width: 280px; height: 280px; right: -80px; top: -100px; background: rgba(255,255,255,.12); }
.blob-2 { width: 150px; height: 150px; left: 5%; bottom: -60px; background: rgba(255, 224, 138, .28); }
.blob-3 { width: 80px; height: 80px; left: 40%; top: 20px; }
.star-1 { font-size: 2rem; opacity: .9; }
.star-2 { font-size: 1.3rem; opacity: .75; }

/* ---------- تیتر بخش‌ها: واضح‌تر ---------- */
.section-title, .title-wide {
    padding: .45rem 1.6rem .45rem 3rem;
    border-radius: 999px;
    border: 2px solid var(--anbar-primary-soft);
    background: #fff;
    box-shadow: 0 3px 14px rgba(207, 31, 61, .08);
    margin-bottom: 1.5rem !important;
}
.section-title::before, .title-wide::before {
    width: 28px;
    height: 14px;
    border-radius: 7px;
    background: linear-gradient(135deg, #ffb100 0%, #ff7a30 100%);
    box-shadow: 1px 5px 0 rgba(0,0,0,.08);
    right: 1.2rem;
}
.section-title h2, .title-wide h2 { font-size: 1.15rem; font-weight: 900; }

/* ---------- feature-bar: آیکون‌های گرادیانت ---------- */
.feature-bar { margin-top: 2rem !important; }
@media (min-width: 992px) {
    .feature-bar { margin-top: -2.5rem !important; position: relative; z-index: 7; }
}
.feature-bar__item {
    padding: 1.1rem 1.2rem !important;
    border-radius: 20px !important;
    border: 1.5px solid var(--anbar-border) !important;
    box-shadow: 0 4px 18px rgba(36,39,44,.07);
    background: #fff;
    transition: transform .22s cubic-bezier(.34,1.56,.64,1), box-shadow .22s ease;
}
.feature-bar__item:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 10px 28px rgba(207, 31, 61, .13);
    border-color: #f6d4da !important;
}
.feature-bar__icon {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    border-radius: 16px !important;
    background: linear-gradient(135deg, var(--anbar-primary-soft) 0%, #fce8ec 100%) !important;
    color: var(--anbar-primary-strong) !important;
    box-shadow: 0 4px 10px rgba(207,31,61,.1);
}
.feature-bar__text strong { font-size: .9rem; font-weight: 900; }
.feature-bar__text span { font-size: .76rem; }

/* ---------- گرید دسته‌بندی: hover رنگی ---------- */
.category-card {
    border-radius: 20px !important;
    border: 1.5px solid var(--anbar-border) !important;
    padding: 18px 8px 14px;
    gap: 12px;
    background: #fff;
    box-shadow: 0 2px 12px rgba(36,39,44,.06);
    transition: transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease, border-color .25s ease;
}
.category-card:hover {
    transform: translateY(-6px) scale(1.03);
    box-shadow: 0 12px 30px rgba(207, 31, 61, .16);
    border-color: #f0b8c3 !important;
    background: linear-gradient(160deg, #fff 60%, #fff5f7 100%);
}
.category-card__img {
    width: 90px;
    height: 90px;
    border-radius: 18px;
    background: linear-gradient(145deg, #fdf3f0 0%, #fff4f6 100%);
    box-shadow: 0 3px 10px rgba(207,31,61,.08);
    transition: background .25s ease;
}
.category-card:hover .category-card__img {
    background: linear-gradient(145deg, #fdeef1 0%, #fce8ec 100%);
}
.category-card__title {
    font-size: .82rem !important;
    font-weight: 800 !important;
    color: var(--anbar-ink-soft) !important;
    transition: color .22s ease;
}
.category-card:hover .category-card__title { color: var(--anbar-primary-deep) !important; }

/* ---------- کارت محصول: پولیش نهایی ---------- */
.product-card {
    border-radius: 20px !important;
    border: 1.5px solid var(--anbar-border) !important;
    box-shadow: 0 2px 12px rgba(36,39,44,.06);
    transition: transform .26s cubic-bezier(.34,1.56,.64,1), box-shadow .26s ease, border-color .26s ease;
}
.product-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 16px 36px rgba(207, 31, 61, .15);
    border-color: #f0b8c3 !important;
}
.product-card .product-thumb {
    background: linear-gradient(145deg, #fdf3f0 0%, #fff8f7 100%);
    border-radius: 14px;
    min-height: 160px;
    margin: 10px 10px 0;
}
.product-card:hover .product-thumb img { transform: scale(1.1); }
.product-card .product-card-body { padding: 8px 14px 16px; }

/* قیمت با رنگ برند */
.product-price strong {
    color: var(--anbar-primary-strong) !important;
    font-size: 1.05rem;
    font-weight: 900;
}
.product-price del { color: #b0b8c1 !important; }

/* ---------- بنر CTA کادوی تولد: جلوه‌ی بهتر ---------- */
.home-cta {
    background: linear-gradient(125deg, #b81530 0%, #cf1f3d 35%, #e63950 65%, #ff6b45 100%);
    border-radius: 24px;
    padding: 2.4rem 3rem;
    box-shadow: 0 18px 40px rgba(207, 31, 61, .28);
    position: relative;
    overflow: hidden;
}
.home-cta::before {
    content: '';
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: rgba(255,255,255,.07);
    left: -80px;
    bottom: -80px;
    pointer-events: none;
}
.home-cta::after {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 2px dashed rgba(255,255,255,.25);
    left: 60px;
    top: -20px;
    pointer-events: none;
}
.home-cta h3 { font-size: 1.5rem; font-weight: 900; text-shadow: 0 2px 10px rgba(0,0,0,.12); }
.home-cta__btn {
    padding: 13px 32px;
    font-size: 1rem;
    font-weight: 900;
    border-radius: 30px;
    box-shadow: 0 8px 20px rgba(0,0,0,.18);
}

/* ---------- کارت سن ---------- */
.age-card {
    border-radius: 20px !important;
    border: 1.5px solid var(--anbar-border) !important;
    padding: 18px 8px 14px;
    box-shadow: 0 2px 12px rgba(36,39,44,.06);
    transition: transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease, border-color .25s ease;
}
.age-card:hover {
    transform: translateY(-6px) scale(1.03);
    box-shadow: 0 12px 28px rgba(255,177,0,.2);
    border-color: #ffe5a0 !important;
}
.age-card__img { border-radius: 18px; }

/* ---------- فوتر: پس‌زمینه‌ی نرم‌تر ---------- */
footer.main-footer {
    background: linear-gradient(180deg, #fafafa 0%, #fff4ef 60%, #fff0e8 100%);
    margin-top: 4rem;
}

/* ---------- home-section فاصله یکنواخت ---------- */
.home-section { margin-top: 3rem !important; }

/* ---------- ریسپانسیو v2 ---------- */
@media (max-width: 576px) {
    .anbar-hero { padding: 2.6rem 0 3rem; }
    .stat-chip { min-width: 82px; padding: .7rem .6rem; }
    .stat-chip strong { font-size: 1.2rem; }
    .category-card__img { width: 70px; height: 70px; }
    .feature-bar { margin-top: 1.5rem !important; }
    .home-cta { padding: 1.8rem 1.5rem; }
    .home-cta::after { display: none; }
}
@media (max-width: 768px) {
    .anbar-hero { padding: 2.8rem 0 3.4rem; border-radius: 0 0 28px 28px; }
    .anbar-hero-stats { margin-top: 1rem; }
    .feature-bar__item { padding: .9rem .85rem !important; }
    .feature-bar__icon { width: 44px; height: 44px; }
}

/* ============================================================
   بخش برندهای محبوب — ریدیزاین کامل (brand-pill)
   ============================================================ */

/* غیرفعال کردن استایل‌های قدیمی brand-card برای این بخش */
.brand-section .brand-card,
.brand-section .brand-card__img,
.brand-section .brand-card__title { all: unset; }

/* grid اصلی */
.brand-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 14px;
}

/* هر pill */
.brand-pill {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1.5px solid var(--anbar-border);
    border-radius: 18px;
    padding: 16px 10px 14px;
    text-decoration: none;
    box-shadow: 0 2px 10px rgba(36,39,44,.05);
    transition: transform .22s cubic-bezier(.34,1.56,.64,1),
                box-shadow .22s ease,
                border-color .22s ease,
                background .22s ease;
}
.brand-pill:hover {
    transform: translateY(-5px) scale(1.03);
    box-shadow: 0 12px 28px rgba(207,31,61,.14);
    border-color: #f0b8c3;
    background: linear-gradient(160deg, #fff 50%, #fff5f7 100%);
}

/* محفظه لوگو: مربع با نسبت ثابت */
.brand-pill__logo {
    width: 90px;
    height: 90px;
    border-radius: 16px;
    overflow: hidden;
    background: #fafafa;
    border: 1px solid #f0eae8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    flex: none;
    transition: background .22s ease;
}
.brand-pill:hover .brand-pill__logo {
    background: #fff4f6;
    border-color: #f6d4da;
}
.brand-pill__logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .3s ease;
}
.brand-pill:hover .brand-pill__logo img { transform: scale(1.1); }

/* نام برند */
.brand-pill__name {
    font-size: .82rem;
    font-weight: 800;
    color: var(--anbar-ink-soft);
    text-align: center;
    line-height: 1.5;
    transition: color .2s ease;
}
.brand-pill:hover .brand-pill__name { color: var(--anbar-primary-deep); }

/* ریسپانسیو */
@media (max-width: 768px) {
    .brand-grid { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 10px; }
    .brand-pill { padding: 12px 8px 10px; border-radius: 14px; gap: 8px; }
    .brand-pill__logo { width: 70px; height: 70px; border-radius: 12px; padding: 8px; }
    .brand-pill__name { font-size: .76rem; }
}
@media (max-width: 400px) {
    .brand-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
    .brand-pill__logo { width: 60px; height: 60px; }
}