/*
 * همه‌چی‌آنلاین – لایه طراحی v3
 * سبک: بنتو پرانرژی + پاستلی نرم | رنگ برند: سرمه‌ای و نارنجی | حالت روشن و تیره
 * بعد از modern.css لود می‌شود و فقط توکن‌ها و ظاهر را بازتعریف می‌کند.
 */

/* ------------------------------------------------------------------ */
/* 1. Tokens: light                                                    */
/* ------------------------------------------------------------------ */
:root {
	--hc-brand: #2433a8;
	--hc-brand-600: #1b2787;
	--hc-brand-50: #eceefe;
	--hc-accent: #ff6a2b;
	--hc-accent-600: #ec5617;
	--hc-accent-50: #fff0e8;
	--hc-success: #0f9d58;
	--hc-success-50: #e5f7ee;
	--hc-danger: #e8384f;
	--hc-danger-50: #fdecef;

	--hc-ink: #141833;
	--hc-ink-2: #474d6b;
	--hc-ink-3: #6e7493;
	--hc-line: #e7e8f3;
	--hc-surface: #ffffff;
	--hc-surface-2: #fafaff;
	--hc-bg: #f5f5fb;
	--hc-bg-2: #ebecf6;
	--hc-on-brand: #ffffff;
	--hc-glass: rgba(255, 255, 255, .82);
	--hc-footer: #12152e;
	--hc-footer-ink: #c9cbe0;

	/* pastel set (بنتو) */
	--hc-p-lav: #eef0ff;
	--hc-p-peach: #fff1e7;
	--hc-p-mint: #e6f7ef;
	--hc-p-sky: #e7f3ff;
	--hc-p-lemon: #fff8d9;
	--hc-p-rose: #ffedf1;
	--hc-p-lav-ink: #3a46b8;
	--hc-p-peach-ink: #c4501b;
	--hc-p-mint-ink: #127a4f;
	--hc-p-sky-ink: #1d6fb8;
	--hc-p-lemon-ink: #9a6b00;
	--hc-p-rose-ink: #c22f52;

	--hc-radius-sm: 12px;
	--hc-radius: 20px;
	--hc-radius-lg: 28px;
	--hc-shadow-sm: 0 1px 2px rgba(20, 24, 51, .04), 0 2px 8px -2px rgba(20, 24, 51, .06);
	--hc-shadow: 0 12px 32px -12px rgba(36, 51, 168, .22), 0 2px 6px rgba(20, 24, 51, .04);
	--hc-shadow-lg: 0 28px 60px -20px rgba(20, 24, 51, .28);

	--hc-dur-1: 140ms;
	--hc-dur-2: 260ms;
	--hc-dur-3: 520ms;
	--hc-spring: cubic-bezier(.34, 1.56, .64, 1);
	--hc-ease: cubic-bezier(.2, .8, .2, 1);
	color-scheme: light;
}

/* ------------------------------------------------------------------ */
/* 2. Tokens: dark                                                     */
/* ------------------------------------------------------------------ */
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--hc-brand: #8f9bff;
		--hc-brand-600: #a9b2ff;
		--hc-brand-50: rgba(143, 155, 255, .14);
		--hc-accent: #ff7d45;
		--hc-accent-600: #ff9364;
		--hc-accent-50: rgba(255, 125, 69, .14);
		--hc-success: #3ccf8e;
		--hc-success-50: rgba(60, 207, 142, .13);
		--hc-danger: #ff6b80;
		--hc-danger-50: rgba(255, 107, 128, .14);
		--hc-ink: #eceefa;
		--hc-ink-2: #b8bcd6;
		--hc-ink-3: #8c91b0;
		--hc-line: #2a2e4a;
		--hc-surface: #171a31;
		--hc-surface-2: #1c2039;
		--hc-bg: #0e1024;
		--hc-bg-2: #22264a;
		--hc-on-brand: #0e1024;
		--hc-glass: rgba(23, 26, 49, .84);
		--hc-footer: #0a0b1b;
		--hc-footer-ink: #a9adc9;
		--hc-p-lav: rgba(143, 155, 255, .12);
		--hc-p-peach: rgba(255, 140, 90, .12);
		--hc-p-mint: rgba(60, 207, 142, .11);
		--hc-p-sky: rgba(90, 170, 255, .12);
		--hc-p-lemon: rgba(255, 210, 80, .11);
		--hc-p-rose: rgba(255, 107, 140, .12);
		--hc-p-lav-ink: #aab3ff;
		--hc-p-peach-ink: #ffab85;
		--hc-p-mint-ink: #7fe0b4;
		--hc-p-sky-ink: #8cc6ff;
		--hc-p-lemon-ink: #ffd666;
		--hc-p-rose-ink: #ff9fb6;
		--hc-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
		--hc-shadow: 0 16px 36px -14px rgba(0, 0, 0, .6);
		--hc-shadow-lg: 0 28px 60px -20px rgba(0, 0, 0, .7);
		color-scheme: dark;
	}
}
:root[data-theme="dark"] {
	--hc-brand: #8f9bff;
	--hc-brand-600: #a9b2ff;
	--hc-brand-50: rgba(143, 155, 255, .14);
	--hc-accent: #ff7d45;
	--hc-accent-600: #ff9364;
	--hc-accent-50: rgba(255, 125, 69, .14);
	--hc-success: #3ccf8e;
	--hc-success-50: rgba(60, 207, 142, .13);
	--hc-danger: #ff6b80;
	--hc-danger-50: rgba(255, 107, 128, .14);
	--hc-ink: #eceefa;
	--hc-ink-2: #b8bcd6;
	--hc-ink-3: #8c91b0;
	--hc-line: #2a2e4a;
	--hc-surface: #171a31;
	--hc-surface-2: #1c2039;
	--hc-bg: #0e1024;
	--hc-bg-2: #22264a;
	--hc-on-brand: #0e1024;
	--hc-glass: rgba(23, 26, 49, .84);
	--hc-footer: #0a0b1b;
	--hc-footer-ink: #a9adc9;
	--hc-p-lav: rgba(143, 155, 255, .12);
	--hc-p-peach: rgba(255, 140, 90, .12);
	--hc-p-mint: rgba(60, 207, 142, .11);
	--hc-p-sky: rgba(90, 170, 255, .12);
	--hc-p-lemon: rgba(255, 210, 80, .11);
	--hc-p-rose: rgba(255, 107, 140, .12);
	--hc-p-lav-ink: #aab3ff;
	--hc-p-peach-ink: #ffab85;
	--hc-p-mint-ink: #7fe0b4;
	--hc-p-sky-ink: #8cc6ff;
	--hc-p-lemon-ink: #ffd666;
	--hc-p-rose-ink: #ff9fb6;
	--hc-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
	--hc-shadow: 0 16px 36px -14px rgba(0, 0, 0, .6);
	--hc-shadow-lg: 0 28px 60px -20px rgba(0, 0, 0, .7);
	color-scheme: dark;
}

/* ------------------------------------------------------------------ */
/* 3. Base                                                             */
/* ------------------------------------------------------------------ */
body { font-size: 15px; background: var(--hc-bg) !important; color: var(--hc-ink); transition: background-color var(--hc-dur-2) var(--hc-ease), color var(--hc-dur-2) var(--hc-ease); }
a, button, [role="button"], .hc-chip, label.product-attribute-label { touch-action: manipulation; cursor: pointer; }
.text-muted { color: var(--hc-ink-3) !important; }
.bg-white, .bg-light, .card, .modal-content, .popover, .list-group-item { background-color: var(--hc-surface) !important; color: var(--hc-ink); }
.border, .border-top, .border-bottom { border-color: var(--hc-line) !important; }
hr { border-color: var(--hc-line); }
.close { color: var(--hc-ink); text-shadow: none; }
.hc-skip { position: absolute; top: -60px; right: 12px; z-index: 3000; background: var(--hc-brand); color: var(--hc-on-brand) !important; padding: 10px 16px; border-radius: 12px; }
.hc-skip:focus { top: 12px; }

/* buttons: نارنجی = اقدام اصلی، سرمه‌ای = اقدام ثانویه */
.btn-primary, .btn-amp, .btn-success { color: var(--hc-on-brand) !important; border-radius: 14px; }
.btn-green, .hc-btn-accent { color: #fff !important; border-radius: 14px; box-shadow: 0 10px 22px -12px var(--hc-accent); }
.btn:active, .hc-action:active, .hc-card__cta:active { transform: scale(.96); }
.btn:disabled, .btn.disabled { opacity: .45; cursor: not-allowed; }

/* ------------------------------------------------------------------ */
/* 4. Header (glass, pill search)                                      */
/* ------------------------------------------------------------------ */
.hc-topbanner { background: linear-gradient(90deg, #1b2787, #3343c8) !important; color: #fff; font-weight: 500; }
.hc-header { background: transparent; }
.hc-header__main { background: var(--hc-glass); border-bottom: 1px solid var(--hc-line); }
@supports (backdrop-filter: blur(1px)) {
	/* blur فقط روی لایه کاذب، تا والد position:fixed منوی موبایل نشود */
	.hc-header__main { position: relative; background: transparent; }
	.hc-header__main::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--hc-glass); backdrop-filter: saturate(180%) blur(18px); -webkit-backdrop-filter: saturate(180%) blur(18px); }
}
.hc-logo img { height: 46px; }
.hc-search__input.form-control { border-radius: 999px; height: 50px; background: var(--hc-bg); }
.hc-search__btn { border-radius: 999px !important; height: 38px; top: 6px; }
.hc-action { border-radius: 14px; background: var(--hc-bg); color: var(--hc-ink); transition: background var(--hc-dur-1), color var(--hc-dur-1), transform var(--hc-dur-1); }
.hc-action--primary { background: var(--hc-brand); color: var(--hc-on-brand) !important; }
.hc-action--primary:hover { background: var(--hc-brand-600); }
.hc-theme-toggle .fa-sun-o { display: none; }
:root[data-theme="dark"] .hc-theme-toggle .fa-sun-o { display: inline-block; }
:root[data-theme="dark"] .hc-theme-toggle .fa-moon-o { display: none; }
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) .hc-theme-toggle .fa-sun-o { display: inline-block; }
	:root:not([data-theme="light"]) .hc-theme-toggle .fa-moon-o { display: none; }
}
.hc-navbar .nav-link { border-radius: 12px; height: 40px; margin-block: 4px; }
.hc-navbar .nav-link::before { display: none; }
.hc-navbar .nav-item:hover > .nav-link, .hc-navbar .nav-item.active > .nav-link { background: var(--hc-brand-50); }
.hc-bottomnav { background: var(--hc-glass); }
.hc-bottomnav a { min-height: 48px; justify-content: center; border-radius: 14px; }
.hc-bottomnav a.is-active { color: var(--hc-brand); }
.hc-bottomnav a.is-active i { transform: translateY(-1px); }

/* ------------------------------------------------------------------ */
/* 5. Bento hero                                                       */
/* ------------------------------------------------------------------ */
.hc-bento { display: grid; gap: 12px; margin-top: 20px; grid-template-columns: 1fr 1fr; }
.hc-bento__hero { grid-column: 1 / -1; min-width: 0; }
/* دسکتاپ: اسلایدر با نسبت اصلی بنرها (۴:۱) و دو کاشی هم‌ارتفاع کنارش */
@media (min-width: 992px) { .hc-bento { gap: 16px; grid-template-columns: minmax(0, 4fr) minmax(0, 1.48fr) minmax(0, 1.48fr); align-items: stretch; } .hc-bento__hero { grid-column: auto; } }
.hc-bento .hc-hero { margin: 0; }
.hc-bento .hc-hero__item img { aspect-ratio: 4 / 1; }
@media (max-width: 575.98px) { .hc-bento .hc-hero__item img { aspect-ratio: 2 / 1; } }
.hc-bento__tile { position: relative; display: block; border-radius: var(--hc-radius-lg); overflow: hidden; aspect-ratio: 1.48; max-width: 100%; background: var(--hc-p-peach); }
@media (min-width: 992px) { .hc-bento__tile { aspect-ratio: auto; height: 100%; } }
.hc-bento__tile:nth-of-type(odd) { background: var(--hc-p-lav); }
.hc-bento__tile img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform var(--hc-dur-3) var(--hc-ease); }
.hc-bento__tile:hover img { transform: scale(1.04); }
.hc-hero__item { border-radius: var(--hc-radius-lg); }
.hc-hero .owl-stage-outer { border-radius: var(--hc-radius-lg); }
.hc-hero__pause { position: absolute; bottom: 12px; left: 12px; z-index: 3; width: 36px; height: 36px; border-radius: 50%; border: 0; background: rgba(0, 0, 0, .35); color: #fff; display: inline-flex; align-items: center; justify-content: center; }

/* ------------------------------------------------------------------ */
/* 6. Section heads (pill)                                             */
/* ------------------------------------------------------------------ */
.hc-section { margin-top: 48px; }
.hc-section-head__title { font-size: 20px !important; font-weight: 900; letter-spacing: -.2px; }
.hc-section-head__title::before { width: 34px; height: 34px; border-radius: 12px; transform: none; background: var(--hc-accent-50); box-shadow: inset 0 0 0 8px var(--hc-accent-50), inset 0 0 0 20px var(--hc-accent); }
.hc-more { background: var(--hc-surface); border: 1px solid var(--hc-line); color: var(--hc-ink-2); min-height: 40px; padding: 0 16px; }
.hc-more:hover { background: var(--hc-brand); border-color: var(--hc-brand); color: var(--hc-on-brand); }

/* ------------------------------------------------------------------ */
/* 7. Category tiles (pastel bento chips)                              */
/* ------------------------------------------------------------------ */
.hc-cat { gap: 8px; padding: 14px 8px 12px; border-radius: var(--hc-radius); background: var(--hc-p-lav); transition: transform var(--hc-dur-2) var(--hc-spring), box-shadow var(--hc-dur-2); }
.hc-cats .owl-item:nth-child(6n+2) .hc-cat, .hc-cats > .owl-carousel > div:nth-child(6n+2) .hc-cat { background: var(--hc-p-peach); }
.hc-cats .owl-item:nth-child(6n+3) .hc-cat, .hc-cats > .owl-carousel > div:nth-child(6n+3) .hc-cat { background: var(--hc-p-mint); }
.hc-cats .owl-item:nth-child(6n+4) .hc-cat, .hc-cats > .owl-carousel > div:nth-child(6n+4) .hc-cat { background: var(--hc-p-sky); }
.hc-cats .owl-item:nth-child(6n+5) .hc-cat, .hc-cats > .owl-carousel > div:nth-child(6n+5) .hc-cat { background: var(--hc-p-lemon); }
.hc-cats .owl-item:nth-child(6n+6) .hc-cat, .hc-cats > .owl-carousel > div:nth-child(6n+6) .hc-cat { background: var(--hc-p-rose); }
.hc-cat:hover { transform: translateY(-4px); box-shadow: var(--hc-shadow); }
.hc-cat__img { max-width: 92px; padding: 0; background: transparent; box-shadow: none; }
.hc-cat__img img { border-radius: 50%; mix-blend-mode: multiply; }
.hc-cat:hover .hc-cat__img { transform: none; box-shadow: none; }
.hc-cat__title { font-weight: 700; color: var(--hc-ink); }

/* ------------------------------------------------------------------ */
/* 8. Product card                                                     */
/* ------------------------------------------------------------------ */
.hc-card { border-radius: var(--hc-radius); border-color: var(--hc-line); background: var(--hc-surface); transition: transform var(--hc-dur-2) var(--hc-ease), box-shadow var(--hc-dur-2) var(--hc-ease), border-color var(--hc-dur-2); }
.hc-card:hover { transform: translateY(-4px); box-shadow: var(--hc-shadow); border-color: transparent; }
.hc-card__link { padding: 10px 10px 0; }
.hc-card__media { border-radius: calc(var(--hc-radius) - 6px); background: var(--hc-p-lav); }
.hc-products .owl-item:nth-child(4n+2) .hc-card__media, .hc-store-grid > .hc-card:nth-child(4n+2) .hc-card__media { background: var(--hc-p-peach); }
.hc-products .owl-item:nth-child(4n+3) .hc-card__media, .hc-store-grid > .hc-card:nth-child(4n+3) .hc-card__media { background: var(--hc-p-mint); }
.hc-products .owl-item:nth-child(4n+4) .hc-card__media, .hc-store-grid > .hc-card:nth-child(4n+4) .hc-card__media { background: var(--hc-p-sky); }
.hc-card__media img { mix-blend-mode: multiply; padding: 10%; }
.hc-card__badge { top: 8px; inset-inline-start: 8px; border-radius: 999px; padding: 0 10px; height: 26px; background: var(--hc-danger); color: #fff; box-shadow: 0 6px 14px -6px var(--hc-danger); }
.hc-card__title { padding-inline: 4px; font-weight: 600; color: var(--hc-ink); }
.hc-card__foot { padding: 10px 14px 14px; }
.hc-card__now { font-variant-numeric: tabular-nums; color: var(--hc-ink); }
.hc-card__cta { width: 44px; height: 44px; border-radius: 14px; background: var(--hc-brand) !important; border-color: var(--hc-brand) !important; color: var(--hc-on-brand) !important; transition: transform var(--hc-dur-2) var(--hc-spring), background var(--hc-dur-1); }
.hc-card:hover .hc-card__cta { background: var(--hc-accent) !important; border-color: var(--hc-accent) !important; color: #fff !important; transform: rotate(-8deg) scale(1.05); }
.hc-card__soldout { background: var(--hc-bg); color: var(--hc-ink-3); }

/* dark: تصاویر سفید محصولات روی سطح روشن بمانند */
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) .hc-card__media,
	:root:not([data-theme="light"]) .hc-cat__img,
	:root:not([data-theme="light"]) .hc-pdp__gallery .product-image-element { background: #f4f5fb !important; }
	:root:not([data-theme="light"]) .hc-card__media img, :root:not([data-theme="light"]) .hc-cat__img img { mix-blend-mode: normal; }
}
:root[data-theme="dark"] .hc-card__media,
:root[data-theme="dark"] .hc-cat__img,
:root[data-theme="dark"] .hc-pdp__gallery .product-image-element { background: #f4f5fb !important; }
:root[data-theme="dark"] .hc-card__media img, :root[data-theme="dark"] .hc-cat__img img { mix-blend-mode: normal; }
:root[data-theme="dark"] .hc-cat__img { border-radius: 50%; }

/* ------------------------------------------------------------------ */
/* 9. Feature block, offer, banners, blog                              */
/* ------------------------------------------------------------------ */
.hc-feature__main { border-radius: var(--hc-radius-lg); background: var(--hc-surface); }
.hc-banner, .hc-video { border-radius: var(--hc-radius-lg); }
.hc-offer { border-radius: var(--hc-radius-lg); position: relative; overflow: hidden; background: linear-gradient(135deg, #ff6a2b 0%, #ff8f4a 55%, #ffb26b 100%); }
.hc-offer::before { content: ""; position: absolute; width: 360px; height: 360px; border-radius: 50%; top: -180px; right: -120px; background: rgba(255, 255, 255, .14); pointer-events: none; }
.hc-offer::after { content: ""; position: absolute; width: 220px; height: 220px; border-radius: 50%; bottom: -120px; left: 30%; background: rgba(255, 255, 255, .1); pointer-events: none; }
.hc-offer > * { position: relative; z-index: 1; }
.hc-offer__title { font-size: 26px; letter-spacing: -.3px; }
.hc-offer .hc-card__media { background: #fff6ef; }
.hc-post { border-radius: var(--hc-radius); }
.hc-post__img { margin: 8px 8px 0; border-radius: calc(var(--hc-radius) - 6px); }
.hc-trust__item { border-radius: var(--hc-radius); background: var(--hc-p-lav); border: 0; }
.hc-trust__item:nth-child(2) { background: var(--hc-p-mint); }
.hc-trust__item:nth-child(3) { background: var(--hc-p-peach); }
.hc-trust__item:nth-child(4) { background: var(--hc-p-sky); }
.hc-trust__title { color: var(--hc-ink); }
.hc-trust__desc { color: var(--hc-ink-2); }

/* ------------------------------------------------------------------ */
/* 10. Footer                                                          */
/* ------------------------------------------------------------------ */
.hc-footer { background: var(--hc-footer); color: var(--hc-footer-ink); border-radius: var(--hc-radius-lg) var(--hc-radius-lg) 0 0; }
.hc-footer a { color: var(--hc-footer-ink); }
.hc-footer__about { color: var(--hc-footer-ink); opacity: .85; }
.hc-footer__social a { border-radius: 14px; width: 44px; height: 44px; }

/* ------------------------------------------------------------------ */
/* 11. Product page + sticky buy bar                                   */
/* ------------------------------------------------------------------ */
.hc-pdp__gallery, .hc-pdp__info { border-radius: var(--hc-radius-lg); }
.hc-pdp__gallery { background: var(--hc-p-lav); border: 0; }
.hc-pdp__gallery .product-image-element { background: transparent; mix-blend-mode: multiply; }
.hc-pdp .product-images-item { background: var(--hc-surface); }
.hc-buybox { border-radius: var(--hc-radius); background: var(--hc-surface-2); border: 1px solid var(--hc-line); }
.hc-buybox .product-price { font-variant-numeric: tabular-nums; }
.hc-pdp .product-attribute-label { border-radius: 14px; min-height: 44px; }
.hc-warranty { border-radius: 14px; }
.hc-pdp-feature { border-radius: 14px; background: var(--hc-p-peach); }
.hc-pdp-feature:nth-child(2) { background: var(--hc-p-mint); }
.hc-pdp-feature:nth-child(3) { background: var(--hc-p-sky); }
.hc-tabs .product-details-tabs { border-radius: 999px; }
.hc-tabs .nav-link { border-radius: 999px !important; }
.hc-tabs .nav-link.active { background: var(--hc-brand) !important; color: var(--hc-on-brand) !important; }

.hc-stickybuy {
	position: fixed; z-index: 1029; inset-inline: 0; top: 0; transform: translateY(-110%);
	transition: transform var(--hc-dur-2) var(--hc-ease); pointer-events: none;
	padding-top: env(safe-area-inset-top, 0px);
}
.hc-stickybuy.is-on { transform: translateY(var(--hc-sticky-top, 0px)); pointer-events: auto; }
.hc-stickybuy__inner { display: flex; align-items: center; gap: 14px; padding: 10px 16px; margin-top: 10px; background: var(--hc-glass); border: 1px solid var(--hc-line); border-radius: 18px; box-shadow: var(--hc-shadow); }
@supports (backdrop-filter: blur(1px)) { .hc-stickybuy__inner { backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); } }
.hc-stickybuy__img { width: 48px; height: 48px; border-radius: 12px; object-fit: contain; background: #f4f5fb; flex-shrink: 0; }
.hc-stickybuy__title { flex: 1; min-width: 0; font-size: 14px; font-weight: 700; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--hc-ink); }
.hc-stickybuy__price { font-size: 18px; font-weight: 900; white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--hc-ink); }
.hc-stickybuy__price small { font-size: 12px; font-weight: 500; color: var(--hc-ink-2); }
.hc-stickybuy .btn { height: 46px; padding: 0 22px; display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
@media (max-width: 991.98px) { .hc-stickybuy { display: none; } }
@media (max-width: 991.98px) { .hc-pdp .hc-buybox__actions { background: var(--hc-glass); border-color: var(--hc-line); } }

/* ------------------------------------------------------------------ */
/* 12. Skeleton + reveal                                               */
/* ------------------------------------------------------------------ */
@keyframes hc-shimmer { 0% { background-position: 150% 0; } 100% { background-position: -50% 0; } }
.hc-js .hc-skel:not(.is-loaded) {
	background-image: linear-gradient(100deg, transparent 20%, rgba(255, 255, 255, .55) 50%, transparent 80%) !important;
	background-size: 200% 100%; animation: hc-shimmer 1.3s linear infinite;
}
.hc-js .hc-skel:not(.is-loaded) img { opacity: 0; }
.hc-skel img { transition: opacity var(--hc-dur-3) var(--hc-ease); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .hc-js .hc-skel:not(.is-loaded) { background-image: linear-gradient(100deg, transparent 20%, rgba(255, 255, 255, .08) 50%, transparent 80%) !important; } }
:root[data-theme="dark"] .hc-js .hc-skel:not(.is-loaded), :root[data-theme="dark"].hc-js .hc-skel:not(.is-loaded) { background-image: linear-gradient(100deg, transparent 20%, rgba(255, 255, 255, .08) 50%, transparent 80%) !important; }

.hc-js .hc-reveal { opacity: 0; transform: translateY(24px); transition: opacity var(--hc-dur-3) var(--hc-ease), transform var(--hc-dur-3) var(--hc-ease); }
.hc-js .hc-reveal.is-in { opacity: 1; transform: none; }
.hc-js .hc-reveal.is-in .owl-item, .hc-js .hc-reveal.is-in .hc-store-grid > * { animation: hc-rise var(--hc-dur-3) var(--hc-ease) both; }
.hc-js .hc-reveal.is-in .owl-item:nth-child(2) { animation-delay: 40ms; }
.hc-js .hc-reveal.is-in .owl-item:nth-child(3) { animation-delay: 80ms; }
.hc-js .hc-reveal.is-in .owl-item:nth-child(4) { animation-delay: 120ms; }
.hc-js .hc-reveal.is-in .owl-item:nth-child(5) { animation-delay: 160ms; }
@keyframes hc-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
	.hc-js .hc-reveal { opacity: 1; transform: none; }
	.hc-js .hc-skel:not(.is-loaded) { animation: none; }
}

/* ------------------------------------------------------------------ */
/* 13. Legacy pages in dark                                            */
/* ------------------------------------------------------------------ */
.progressbar li::before { background: var(--hc-surface) !important; }
.dropdown-menu { background: var(--hc-surface); }
.dropdown-divider { border-color: var(--hc-line); }
.form-control::placeholder { color: var(--hc-ink-3); }
.table { color: var(--hc-ink); }
.table td, .table th { border-color: var(--hc-line); }

/* ------------------------------------------------------------------ */
/* 14. UI/UX Pro Max audit fixes (v3.1)                                */
/* ------------------------------------------------------------------ */
/* کنتراست: متن روی نارنجی تیره شد (۶٫۴:۱)، متن کم‌رنگ پررنگ‌تر (۵:۱)، قرمز تخفیف تیره‌تر (۵:۱) */
:root { --hc-on-accent: #1c1206; --hc-ink-3: #5f6584; --hc-danger: #d42a42; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --hc-on-accent: #120a04; --hc-ink-3: #8c91b0; --hc-danger: #ff6b80; } }
:root[data-theme="dark"] { --hc-on-accent: #120a04; --hc-ink-3: #8c91b0; --hc-danger: #ff6b80; }
.btn-green, .hc-btn-accent, .hc-card:hover .hc-card__cta { color: var(--hc-on-accent) !important; }
.hc-card__badge, .hc-buybox .product-discount-holder, .hc-buybox .product-discount { color: #fff; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .hc-card__badge, :root:not([data-theme="light"]) .hc-buybox .product-discount-holder, :root:not([data-theme="light"]) .hc-buybox .product-discount { color: #120a04 !important; } }
:root[data-theme="dark"] .hc-card__badge, :root[data-theme="dark"] .hc-buybox .product-discount-holder, :root[data-theme="dark"] .hc-buybox .product-discount { color: #120a04 !important; }
.hc-action__badge { color: var(--hc-on-accent); font-weight: 800; }

/* پیشنهاد شگفت‌انگیز: متن سفید فقط روی نارنجی تیره (۵٫۲:۱) */
.hc-offer { background: linear-gradient(270deg, #c2410c 0%, #c2410c 28%, #d9480f 60%, #ea580c 100%); }
.hc-offer__sub { opacity: 1; font-size: 14px; }
.hc-offer__intro .hc-more { background: #fff; color: #c2410c; border-color: #fff; }
.hc-offer__intro .hc-more:hover { background: #1c1206; color: #fff; border-color: #1c1206; }

/* اندازه هدف لمسی: حداقل ۲۴ پیکسل وب، ۴۴ برای کنترل‌های اصلی */
.breadcrumb-item a { display: inline-flex; align-items: center; min-height: 32px; padding-block: 4px; }
.hc-navbar__extra a, .hc-navbar__extra span { display: inline-flex; align-items: center; min-height: 32px; }
.hc-topbanner a:first-child { display: inline-block; padding-block: 6px; }
.hc-hero .owl-dot { width: 28px; height: 28px; display: inline-flex !important; align-items: center; justify-content: center; }
.hc-chip { min-height: 36px; display: inline-flex; align-items: center; }
.hc-footer__menu a { min-height: 32px; display: inline-flex; align-items: center; }

/* حداقل اندازه متن ۱۲ پیکسل */
.hc-action__badge { font-size: 12px; }
.hc-cat__tag { font-size: 12px; line-height: 22px; }
.hc-bottomnav a { font-size: 12px; }

/* ورودی‌ها روی موبایل ۱۶ پیکسل تا iOS زوم نکند */
@media (max-width: 767.98px) {
	body { font-size: 15.5px; }
	.form-control, .hc-search__input.form-control, input, select, textarea { font-size: 16px !important; }
}

/* هدر چسبان نباید فوکوس کیبورد را بپوشاند */
html { scroll-padding-top: 150px; }
@media (max-width: 991.98px) { html { scroll-padding-top: 130px; scroll-padding-bottom: 150px; } }
:focus-visible { outline: 3px solid var(--hc-accent) !important; outline-offset: 3px; border-radius: 8px; }

/* حالت افقی موبایل: هدر و نوار پایین فشرده‌تر */
@media (max-height: 480px) and (orientation: landscape) {
	.hc-header { position: relative; }
	.hc-msearch { padding-bottom: 8px; }
	.hc-bottomnav a { flex-direction: row; gap: 6px; min-height: 40px; }
	body { padding-bottom: 52px !important; }
	.hc-pdp .hc-buybox__actions { bottom: 52px; }
}
.hc-card__now small { font-size: 12px; }

/* ------------------------------------------------------------------ */
/* 15. Native swipe rails (v3.2) – جایگزین Owl برای ردیف‌های محصول      */
/* ------------------------------------------------------------------ */
.hc-rail {
	--cols: 5; --gap: 16px; --peek: .18;
	display: grid; grid-auto-flow: column; gap: var(--gap);
	grid-auto-columns: calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));
	overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch;
	scrollbar-width: none; padding: 4px 0 12px; margin: -4px 0 -12px;
	touch-action: pan-x pan-y;
}
.hc-rail::-webkit-scrollbar { display: none; }
.hc-rail > * { scroll-snap-align: start; min-width: 0; }
@media (max-width: 1199.98px) { .hc-rail { --cols: 4; } }
@media (max-width: 991.98px) { .hc-rail { --cols: 3.25; --gap: 12px; } }
@media (max-width: 575.98px) { .hc-rail { --cols: 2.2; --gap: 10px; scroll-snap-type: x proximity; } }
.hc-rail--cats { --cols: 8; --gap: 12px; }
@media (max-width: 1199.98px) { .hc-rail--cats { --cols: 6.5; } }
@media (max-width: 767.98px) { .hc-rail--cats { --cols: 4.3; --gap: 10px; } }
@media (max-width: 400px) { .hc-rail--cats { --cols: 3.4; } }
.hc-rail--posts { --cols: 4; }
@media (max-width: 991.98px) { .hc-rail--posts { --cols: 2.3; } }
@media (max-width: 575.98px) { .hc-rail--posts { --cols: 1.25; } }
.hc-feature__main .hc-rail, .hc-offer .hc-rail { --cols: 4; }
@media (max-width: 1199.98px) { .hc-feature__main .hc-rail, .hc-offer .hc-rail { --cols: 3; } }
@media (max-width: 991.98px) { .hc-feature__main .hc-rail, .hc-offer .hc-rail { --cols: 3.25; } }
@media (max-width: 575.98px) { .hc-feature__main .hc-rail, .hc-offer .hc-rail { --cols: 2.2; } }
@media (prefers-reduced-motion: reduce) { .hc-rail { scroll-behavior: auto; } }

/* دکمه‌های قبلی/بعدی (فقط دستگاه‌های دارای ماوس؛ با JS اضافه می‌شوند) */
.hc-rail__btn {
	position: absolute; top: 38%; z-index: 3; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--hc-line);
	background: var(--hc-surface); color: var(--hc-ink); box-shadow: var(--hc-shadow); display: none; align-items: center; justify-content: center;
	font-size: 18px; transition: opacity var(--hc-dur-1), transform var(--hc-dur-1);
}
.hc-rail__btn:hover { background: var(--hc-brand); color: var(--hc-on-brand); border-color: var(--hc-brand); }
.hc-rail__btn--prev { right: -18px; }
.hc-rail__btn--next { left: -18px; }
.hc-rail__btn[disabled] { opacity: 0; pointer-events: none; }
@media (hover: hover) and (pointer: fine) and (min-width: 768px) { .hc-rail__btn { display: inline-flex; } }

/* رنگ پاستلی برای اعضای rail */
.hc-rail > :nth-child(4n+2) .hc-card__media { background: var(--hc-p-peach); }
.hc-rail > :nth-child(4n+3) .hc-card__media { background: var(--hc-p-mint); }
.hc-rail > :nth-child(4n+4) .hc-card__media { background: var(--hc-p-sky); }
.hc-rail--cats > :nth-child(6n+2) .hc-cat { background: var(--hc-p-peach); }
.hc-rail--cats > :nth-child(6n+3) .hc-cat { background: var(--hc-p-mint); }
.hc-rail--cats > :nth-child(6n+4) .hc-cat { background: var(--hc-p-sky); }
.hc-rail--cats > :nth-child(6n+5) .hc-cat { background: var(--hc-p-lemon); }
.hc-rail--cats > :nth-child(6n+6) .hc-cat { background: var(--hc-p-rose); }
.hc-js .hc-reveal.is-in .hc-rail > * { animation: hc-rise var(--hc-dur-3) var(--hc-ease) both; }
.hc-js .hc-reveal.is-in .hc-rail > :nth-child(2) { animation-delay: 40ms; }
.hc-js .hc-reveal.is-in .hc-rail > :nth-child(3) { animation-delay: 80ms; }
.hc-js .hc-reveal.is-in .hc-rail > :nth-child(4) { animation-delay: 120ms; }
.hc-js .hc-reveal.is-in .hc-rail > :nth-child(5) { animation-delay: 160ms; }

/* ------------------------------------------------------------------ */
/* 16. Card footer: قیمت هیچ‌وقت زیر دکمه نرود                          */
/* ------------------------------------------------------------------ */
.hc-card__foot { flex-wrap: wrap; align-items: flex-end; gap: 10px; }
.hc-card__price { flex: 1 1 auto; min-width: 0; }
.hc-card__now { white-space: nowrap; font-size: clamp(13.5px, 1.2vw, 16px); }
.hc-card__cta-label { display: none; }
.hc-card__cta { flex: 0 0 auto; }
/* کارت باریک (موبایل یا ستون‌های فشرده): دکمه تمام‌عرض زیر قیمت */
@media (max-width: 767.98px) {
	.hc-card__foot { flex-direction: column; align-items: stretch; gap: 8px; }
	.hc-card__price { width: 100%; }
	.hc-card__now { font-size: 15px; }
	.hc-card__cta { width: 100% !important; height: 40px !important; border-radius: 12px; gap: 6px; font-size: 13px; font-weight: 700; padding: 0 10px !important; }
	.hc-card__cta-label { display: inline; }
	.hc-card:hover .hc-card__cta { transform: none; }
}

/* ------------------------------------------------------------------ */
/* 17. Mobile sticky buy bar با قیمت                                   */
/* ------------------------------------------------------------------ */
.hc-buybox__mprice { display: flex; flex-direction: column; justify-content: center; min-width: 0; line-height: 1.35; }
.hc-buybox__mold { font-size: 12px; color: var(--hc-ink-3); text-decoration: line-through; }
.hc-buybox__mnow { font-size: 18px; font-weight: 900; color: var(--hc-ink); white-space: nowrap; font-variant-numeric: tabular-nums; }
.hc-buybox__mnow small { font-size: 12px; font-weight: 500; color: var(--hc-ink-2); }
@media (max-width: 991.98px) {
	.hc-pdp .hc-buybox__actions { flex-wrap: nowrap; gap: 12px; }
	.hc-pdp .hc-buybox__actions .product-addtocart, .hc-pdp .hc-buybox__actions .product-inquiry { min-width: 0; flex: 1 1 auto; height: 50px; font-size: 14px; }
}
/* grid children must be allowed to shrink so rails scroll instead of widening the page */
.hc-feature { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 992px) { .hc-feature { grid-template-columns: 300px minmax(0, 1fr); } }
.hc-offer { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 992px) { .hc-offer { grid-template-columns: 220px minmax(0, 1fr); } }
.hc-carousel, .hc-feature__main, .hc-feature__side { min-width: 0; max-width: 100%; }
.hc-rail__btn--prev { right: 6px; }
.hc-rail__btn--next { left: 6px; }
@media (min-width: 1400px) { .hc-rail__btn--prev { right: -18px; } .hc-rail__btn--next { left: -18px; } }
.hc-card__cta-label { white-space: nowrap; }
@media (max-width: 991.98px) { .hc-pdp .hc-buybox__actions { background: var(--hc-surface) !important; } }