a, b, li, p, strong { color: inherit }
.bghover_c3:hover, .bghover_c4:hover { transition: background-color .5s,color .3s }
.bottom-header .main-menu-list li, .top-header .top-header-menu li { margin-left: 0; display: inline-block }
.img-fluid, .img-fluid img { object-fit: cover; object-position: center center }
/*@font-face { font-family: WPGFont; src: url("/assets/fonts/YekanBakhFaNum-Light.woff") format("woff"); font-style: normal; font-weight: 200 }*/
@font-face { font-family: WPGFont; src: url("/assets/fonts/IRANYekanWPGNumFa.woff") format("woff"); font-style: normal; font-weight: 400 }
@font-face { font-family: WPGFont; src: url("/assets/fonts/IRANYekanWPGNumFa.woff") format("woff"); font-style: normal; font-weight: 700 }
@font-face { font-family: WPGFont; src: url("/assets/fonts/IRANYekanWPGNumFa.woff") format("woff"); font-style: normal; font-weight: 900 }
/*@font-face { font-family: WPGFont; src: url("/assets/fonts/YekanBakhFaNum-ExtraBold.woff") format("woff"); font-style: normal; font-weight: 900 }*/
:root { --C0: #ffffff; --C1: #0b2f5b; --C2: #e5e5fa; --C3: #274973; --C4: #E8E8E8; --C5: #979797; --C6: #181818; --C7: #02101f; --C8: #f5f5f5; --C9: #041c35; --C10: #0b2f5bf0; --selection-bg: var(--C1); --selection-text: var(--C2) }
body { overflow-x: clip; font-family: WPGFont; direction: rtl; font-size: 90% !important; color: var(--C6); min-height: 100vh; display: flex; flex-direction: column; }
#preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--C2); z-index: 99999999; display: flex; justify-content: center; align-items: center; transition: opacity .5s,visibility .5s }
.loader-content { text-align: center; font-size: 1.2em; color: var(--C1); display: flex; flex-direction: column; align-items: center }
.spinner { border: 4px solid var(--C2); border-left-color: var(--C1); border-radius: 50%; width: 30px; height: 30px; animation: 1s linear infinite spin; margin-top: 10px }
.no-right-radius, .no-top-radius { border-top-right-radius: unset !important }
.no-left-radius, .no-top-radius { border-top-left-radius: unset !important }
.no-bottom-radius, .no-right-radius { border-bottom-right-radius: unset !important }
.no-bottom-radius, .no-left-radius { border-bottom-left-radius: unset !important }
.swiper-button-next, .swiper-button-prev, .text-primary { color: var(--C1) !important }
.bg-primary { background-color: var(--C1) !important; color: var(--C2) !important }
/* بج/پس‌زمینه قرمز: متن سفید برای خوانایی */
.bg-danger { color: #fff !important; }
.bg-danger a { color: #fff !important; }
.bg-light, .bg-lightsilver { color: var(--C6) !important }
.bg-primary .btn-close { --bs-btn-close-color: whitesmoke; background-color: #fff; position: absolute; left: 20px; top: 20px }
.main { background-color: var(--C2); padding-top: 118px; flex: 1 0 auto; }

@media (max-width: 767.98px) {
    .main { padding-top: 65px }
}

input[type=email]:focus, input[type=tel]:focus, input[type=text]:focus, textarea:focus { border-color: var(--C1) !important; box-shadow: unset; outline: 0 }
.audiobox, .main-menu-list, .search-container, img.lazy, img.lazy2, img.lazy3, img.lazy4, img.lazy5 { position: relative }
img.lazy2::before, img.lazy3::before, img.lazy4::before, img.lazy5::before, img.lazy::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg,#534a4a00,rgb(181 181 181 / 40%),#43333300); animation: 1.5s infinite shimmer; z-index: 1 }
.audio-player-container.fixed-bottom-player h5, img.lazy.loaded::before, img.lazy2.loaded::before, img.lazy3.loaded::before, img.lazy4.loaded::before, img.lazy5.loaded::before { display: none }
img.lazy6 { color: transparent !important; font-size: 0 !important }
img.lazy6::after, img.lazy6::before { content: none }
.full-height-slider { height: auto; max-height: 100vh }
.modal-backdrop { background-color: #000000a3; }
.modal-backdrop.fade { opacity: unset !important; }
.modal-backdrop.show { backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); isolation: isolate; transform: translateZ(0); }
.main-slider, .top-section { height: 100vh }
.main-slider.content-slider-hero,
.content-slider-bottom.content-slider-hero { height: var(--slider-height-desktop, 300px) }

@media (max-width: 767px) {
    .main-slider.content-slider-hero,
    .content-slider-bottom.content-slider-hero { height: var(--slider-height-mobile, 200px) }
    /* فاصله از لبه در موبایل برای اسلایدر بالا و پایین (هرجا از همین مدل استفاده شود) */
    .content-slider-hero.main-slider-wrapper { padding-left: calc(var(--bs-gutter-x) * .5); padding-right: calc(var(--bs-gutter-x) * .5); }
}

.content-slider-hero.main-slider-wrapper { border-radius: 10px; overflow: hidden; }
/* اسلایدر پایین: والد لودر هم border-radius و overflow تا گوشهٔ پایین هم گرد شود */
.site-loader-wrap:has(.content-slider-bottom-wrapper) { border-radius: 10px; overflow: hidden; }
.content-slider-hero .swiper-slide { height: 100%; display: flex; align-items: stretch }
.content-slider-hero .img-fluid, .content-slider-hero .content-slider-video-wrap { width: 100%; height: 100%; min-height: 100%; display: block }
.content-slider-hero .content-slider-video-wrap { position: relative }
.content-slider-hero .img-fluid img { width: 100%; height: 100%; object-fit: cover; transition: opacity .25s ease; }
.content-slider-hero .swiper-slide:hover .img-fluid img { opacity: .9; }
.content-slider-hero .background-video { transition: opacity .25s ease; }
.content-slider-hero .swiper-slide:hover .background-video { opacity: .9; }
/* گردی گوشه‌ها روی خود تصویر/ویدیو/محتوای اسلاید */
.content-slider-hero .img-fluid,
.content-slider-hero .img-fluid img,
.content-slider-hero .content-slider-video-wrap,
.content-slider-hero .background-video,
.content-slider-hero .content-slider-html,
.content-slider-hero .content-slider-placeholder { border-radius: 10px; }
.content-slider-hero .background-video { width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
/* ویدیو اسلایدر: بدون صدا، اتوپلی، بدون نمایش کنترل‌ها */
.content-slider-hero .background-video::-webkit-media-controls { display: none !important; }
.content-slider-hero .background-video::-webkit-media-controls-enclosure { display: none !important; }
.content-slider-hero .background-video::-webkit-media-controls-panel { display: none !important; }
.content-slider-hero .background-video::-webkit-media-controls-play-button { display: none !important; }
.content-slider-hero .background-video::-webkit-media-controls-start-playback-button { display: none !important; }
.content-slider-hero .content-slider-html { width: 100%; height: 100%; overflow: auto }
/* پلیس‌هولدر اسلایدر وقتی تصویر/ویدیو نیست */
.content-slider-hero .content-slider-placeholder { width: 100%; height: 100%; min-height: 100%; display: flex; align-items: center; justify-content: center; background: var(--bs-light, #f8f9fa); border: 2px dashed rgba(0,0,0,.15); color: var(--bs-secondary, #6c757d); }
.content-slider-hero .content-slider-placeholder-inner { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; }
.content-slider-hero .content-slider-placeholder i { font-size: 2.5rem; opacity: 0.7; }
.content-slider-hero .content-slider-placeholder-text { font-size: 0.9rem; }
#preloader.hide { opacity: 0; visibility: hidden }
.hide { display: none !important }
/* خنثی‌سازی استایل .ratio > * بوت‌استرپ — در این پروژه از ratio استفاده نمی‌شود */
.ratio > * { position: static !important; width: auto !important; height: auto !important; top: auto !important; left: auto !important; }
:hover { transition: background-color .3s ease-in-out }
.ltr { direction: ltr }
.footer, .header, .header .col-md-6.text-center .search-box .input-group, .rtl { direction: rtl }
a { text-decoration: none }
.bottom-header .search-icon .btn-link:hover, hr { color: var(--C5) }
p { line-height: 1.8rem; font-size: 1rem }
h2 { line-height: 2.3rem }
.header-bg h2 { line-height: 1.8rem !important }
.bottom-header .col-md-3, .text-right { text-align: right !important }
.text-left { text-align: left !important }
.text-center { text-align: center !important }
.text-justify { text-align: justify !important }
.float-left { float: left !important }
.float-right { float: right !important }
.bg-light { background-color: var(--C2) !important }
.bg-lightsilver { background-color: var(--C8) !important }
.bg-silver { background-color: var(--C4); color: var(--C6) }
.about-bg, .bg-black, .bg-dark, .bg-gray, .blog-bg, .chemical-petrochemical-bg, .contact-bg, .faq-bg, .food-and-pharmaceutical-bg, .header-bg, .metals-and-mining-bg, .oil-and-gas-bg, .power-generation-bg, .text-light, .water-and-wastewater-bg { color: var(--C2) !important }
.bg-gray { background-color: var(--C3) !important }
.bg-dark { background-color: var(--C1) !important }
.bg-black { background-color: var(--C6) !important }
/* بردکرامب — پایه و موبایل */
.breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 0; }
.breadcrumb-item + .breadcrumb-item::before { float: right; padding: 0 5px; color: var(--C4) !important }
.breadcrumb-item.active { color: var(--C5) !important }

@media (max-width: 767.98px) {
    .breadcrumb { font-size: 0.8125rem; padding: 0.5rem 0; margin-bottom: 0.75rem; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    .breadcrumb::-webkit-scrollbar { display: none; }
    .breadcrumb-item { white-space: nowrap; }
    .breadcrumb-item + .breadcrumb-item::before { padding: 0 4px; font-size: 0.7em; }
}

.header-bg { background: var(--C1) url('/assets/images/main/back.jpg') no-repeat; background-size: cover }
/*.about-bg { background: var(--C1) url('/assets/images/header/about.jpg') no-repeat; background-size: cover }
.contact-bg { background: var(--C1) url('/assets/images/header/contact.jpg') no-repeat; background-size: cover }
.blog-bg { background: var(--C1) url('/assets/images/header/blog.jpg') no-repeat; background-size: cover }*/
.about-bg { background: var(--C1) url('/assets/images/main/back.jpg') no-repeat; background-size: cover }
.contact-bg { background: var(--C1) url('/assets/images/main/back.jpg') no-repeat; background-size: cover }
.faq-bg { background: var(--C1) url('/assets/images/main/back.jpg') no-repeat; background-size: cover }
.blog-bg { background: var(--C1) url('/assets/images/main/back.jpg') no-repeat; background-size: cover }
.oil-and-gas-bg { background: var(--C1) url('/assets/images/header/oil-and-gas.jpg') no-repeat; background-size: cover }
.chemical-petrochemical-bg { background: var(--C1) url('/assets/images/header/chemical-petrochemical.jpg') no-repeat; background-size: cover }
.power-generation-bg { background: var(--C1) url('/assets/images/header/power-generation.jpg') no-repeat; background-size: cover }
.water-and-wastewater-bg { background: var(--C1) url('/assets/images/header/water-and-wastewater.jpg') no-repeat; background-size: cover }
.facilities-and-ventilation-bg { background: var(--C1) url('/assets/images/header/building-services.jpg') no-repeat; background-size: cover; color: var(--C2) !important }
.food-and-pharmaceutical-bg { background: var(--C1) url('/assets/images/header/food-and-pharmaceutical.jpg') no-repeat; background-size: cover }
.metals-and-mining-bg { background: var(--C1) url('/assets/images/header/metals-and-mining.jpg') no-repeat; background-size: cover }
.accordion-header h4 button, .card-title { font-weight: 700 }
.card-text { text-align: justify; font-size: 80%; font-size: 70%; line-height: 1rem; }
.bottom-header .col-md-9, .footer .footer-column-about-us li a, .footer .footer-column-about-us ul, .header, .top-header .logo { text-align: right }
.card a { overflow: hidden }
.card img { transition: transform .5s; transform: scale(1) }
hr { height: 1px }
.tooltip-icon i { font-weight: 700 !important }
.no-radius { border-radius: unset !important }
::-webkit-scrollbar { width: 10px }
::-webkit-scrollbar-thumb { background: var(--C5); border-radius: 2px }
::-webkit-scrollbar-track { background: var(--C4) }
html { scrollbar-color: var(--C5) var(--C4); }
.bghover_c3:hover { background-color: var(--C3); color: var(--C2) }
.bghover_c4:hover { background-color: var(--C4) }
.btn-primary { --bs-btn-color: var(--C2) !important; --bs-blue: var(--C1) !important; --bs-btn-bg: var(--C1) !important; --bs-btn-border-color: var(--C1) !important; --bs-btn-hover-color: var(--C2) !important; --bs-btn-hover-bg: var(--C3) !important; --bs-btn-hover-border-color: var(--C1) !important; --bs-btn-focus-shadow-rgb: var(--C1) !important; --bs-btn-active-color: var(--C2) !important; --bs-btn-active-bg: var(--C1) !important; --bs-btn-active-border-color: var(--C1) !important; --bs-btn-active-shadow: inset 0 3px 5px var(--C1) !important; --bs-btn-disabled-color: var(--C2) !important; --bs-btn-disabled-bg: var(--C5) !important; --bs-btn-disabled-border-color: var(--C1) !important }
::selection { background-color: var(--selection-bg); color: var(--selection-text) }
::-moz-selection { background-color: var(--selection-bg); color: var(--selection-text) }
.header { background-color: transparent; padding-top: 5px; padding-bottom: 0; font-weight: 400; transition: background-color .8s,color .3s,box-shadow .7s; position: fixed; top: 0; width: 100%; z-index: 1000; color: var(--C2) }
.header:hover { background-color: var(--C10); color: var(--C2) }
.header.scrolled .bottom-header .main-menu-list li a, .header.scrolled .bottom-header .search-icon .btn-link, .header.scrolled .top-header-menu li a, .header:hover .bottom-header .main-menu-list li a, .header:hover .bottom-header .search-icon .btn-link, .header:hover .top-header-menu li a, .industry-category-icon { color: var(--C2) }
.header.scrolled { background-color: var(--C10); color: var(--C2); box-shadow: 0 13px 20px #292929a3 }
.footer .container, .header .container { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px }
.header .row { display: flex; }
/* ترتیب رسم: top-header بالاتر از bottom-header تا منوی حساب کاربری زیر بلوک‌های منو/سرچ نرود */
/* در صورت بروز مشکل (منوی حساب زیر مگامنو) روی .header .top-header دوباره z-index: 1100 بذار */
.header .top-header { position: relative; }
.header .bottom-header { position: relative; z-index: 100 }
.top-header { padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--C5) }
.bottom-header, .top-header .logo { padding-top: 0; padding-bottom: 0 }
.top-header .row { display: flex; justify-content: space-between; align-items: center }
.top-header .col-md-6.text-right { text-align: right !important; order: 1 }
.top-header .col-md-6.text-left { text-align: left !important; order: 2 }
.top-header .top-header-menu { margin-bottom: 0 !important; padding-right: 0 }
.top-header .top-header-menu li { margin-right: 20px; position: relative }
.footer .footer-social-links li:last-child, .top-header .top-header-menu li:last-child { margin-left: 0 }
.top-header .top-header-menu li a { color: var(--C2); font-size: 13px; text-decoration: none; transition: color .3s; font-weight: 400; position: relative }
.top-header .top-header-menu li::after { content: ''; position: absolute; top: 0; right: 0; width: 2px; height: 0; background-color: #fff; transition: height .3s }
.top-header .top-header-menu li:hover::after { height: 100% }
.detail-box-list li i, .top-header .top-header-menu li a i { margin-left: 5px }
.top-header .top-header-menu li a:hover { color: #fff }
/* دکمه تغییر تم در هدر — استایل مثل Footballbazz (سوئیچ خورشید/ماه) */
.site-theme-toggle-wrap { margin-right: 20px; position: relative; display: inline-block; vertical-align: middle }
/* آیتم تغییر تم — متمایز از لینک‌ها، بدون خط عمودی هاور */
.top-header .top-header-menu li.site-theme-toggle-wrap::after { display: none; }
.site-theme-toggle-mobile-wrap { display: flex; align-items: center; justify-content: center }
.site-theme-toggle-mobile-wrap .nightmode { height: 40px }
.site-theme-toggle-mobile-wrap .dark-mode-toggle { width: 50px; height: 26px }
.site-theme-toggle-mobile-wrap .dark-mode-toggle-thumb { width: 22px; height: 22px; font-size: 13px; top: 2px; right: 2px; }
.site-theme-toggle-mobile-wrap .dark-mode-toggle-thumb .dark-mode-icon { font-size: 13px; }
.nightmode { width: auto; height: 45px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .3s ease; padding: 0 5px }
.nightmode:hover { transform: scale(1.05) }
.dark-mode-toggle { position: relative; width: 54px; height: 28px; background: linear-gradient(135deg, rgba(255,255,255,.3) 0%, rgba(255,255,255,.2) 100%); border-radius: 30px; cursor: pointer; transition: background .35s ease, box-shadow .35s ease; box-shadow: inset 0 2px 6px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.1); backdrop-filter: blur(10px) }
.dark-mode-toggle:hover { box-shadow: inset 0 2px 6px rgba(0,0,0,.15), 0 4px 8px rgba(0,0,0,.15) }
.dark-mode-toggle-thumb { position: absolute; top: 3px; right: 3px; left: auto; width: 22px; height: 22px; background: linear-gradient(135deg, #fff 0%, #f5f5f5 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 6px rgba(0,0,0,.2); transition: transform .45s cubic-bezier(0.34, 1.2, 0.64, 1), background .35s ease, box-shadow .35s ease; transform: translateX(0) }
.dark-mode-toggle-thumb .dark-mode-icon { font-size: 12px; line-height: 1; }
.dark-mode-toggle-thumb .light-icon { display: block; color: #c2410c; }
.dark-mode-toggle-thumb .dark-icon { display: none; }
:root[data-bs-theme="dark"] .dark-mode-toggle { background: linear-gradient(135deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,.2) 100%) }
:root[data-bs-theme="dark"] .dark-mode-toggle-thumb { background: linear-gradient(135deg, #ffc005 0%, #ffb800 100%); box-shadow: 0 3px 8px rgba(255,192,5,.4); transform: translateX(-26px) }
:root[data-bs-theme="dark"] .dark-mode-toggle-thumb .light-icon { display: none; }
:root[data-bs-theme="dark"] .dark-mode-toggle-thumb .dark-icon { display: block; color: #1a1a1a; }

@media (max-width: 992px) {
    .nightmode { padding: 0 3px; height: 40px }
    .dark-mode-toggle { width: 50px; height: 26px }
    .dark-mode-toggle-thumb { width: 22px; height: 22px; font-size: 13px; top: 2px; right: 2px; transform: translateX(0); filter: drop-shadow(0 1px 2px rgba(0,0,0,.15)) }
    .dark-mode-toggle-thumb .dark-mode-icon { font-size: 13px; }
    :root[data-bs-theme="dark"] .dark-mode-toggle-thumb { transform: translateX(-24px); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)) }
}
/* زیرمنوی حساب کاربری در هدر — دسکتاپ */
.header-account-dropdown-wrap { margin-right: 20px; position: relative; z-index: 10 }
.header-account-dropdown-wrap .dropdown-menu { z-index: 10 !important }
.top-header-menu-account-trigger { color: var(--C2) !important; font-size: 13px; text-decoration: none; display: inline-flex; align-items: center; font-weight: 400; padding: 0 8px }
.top-header-menu-account-trigger:hover { color: #fff !important }
.top-header-menu-account-trigger::after { display: none !important }
.top-header-menu-account-trigger .header-account-chevron { font-size: 14px; opacity: .85; transition: transform .25s ease; margin-right: 5px; }
.top-header-menu-account-trigger[aria-expanded="true"] .header-account-chevron { transform: rotate(180deg) }
.offcanvas-backdrop { background-color: #000000a3; }
.offcanvas-backdrop.fade { opacity: unset !important; }
.offcanvas-backdrop.show { backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); isolation: isolate; transform: translateZ(0); }
.header-account-dropdown-menu { min-width: 220px; padding: 1rem 30px .5rem; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.2); border: 1px solid rgba(255,255,255,.1); background-color: var(--C1) !important; z-index: 10 }
.header-account-dropdown-menu li { width: 100%; list-style: none; margin-right: unset !important }
.header-account-dropdown-menu .dropdown-item { font-size: 13px; padding: .5rem 1rem; display: flex; align-items: center; color: var(--C2); width: 100%; box-sizing: border-box; border: none; background: none; text-align: right; text-decoration: none; cursor: pointer }
.header-account-dropdown-menu .dropdown-item:hover { background-color: rgba(255,255,255,.1); color: var(--C2) }
.header-account-dropdown-menu .dropdown-item i { font-size: 1rem; width: 20px; text-align: center; opacity: .9; flex-shrink: 0 }
.header-account-dropdown-menu .dropdown-divider { margin: .35rem 0; border-color: rgba(255,255,255,.15) }
.header-account-dropdown-menu .dropdown-item.text-danger { color: #f1aeb5 !important }
.header-account-dropdown-menu .dropdown-item.text-danger:hover { background-color: rgba(220,53,69,.25); color: #f1aeb5 !important }
.header-account-phone-row { display: flex; align-items: center; justify-content: space-between; padding: .5rem 1rem; color: var(--C2); font-size: 13px }
.header-account-phone-row .header-account-phone-item { padding: 0; cursor: default; display: inline-flex; align-items: center }
.header-account-phone-row .header-account-phone-item:hover { background: none }
.header-account-phone-row .header-account-phone-value { opacity: .95 }
.top-header .logo a { display: inline-block }
.top-header .logo img { max-width: 170px; height: auto; vertical-align: middle }
.bottom-header .main-menu-list { margin-bottom: 0 !important; text-align: right; padding: 0 }
.bottom-header .main-menu-list li a { color: var(--C2); font-size: 14px; text-decoration: none; transition: color .3s; padding: 15px 18px; font-weight: 400; display: block }
/*.bottom-header .main-menu-list li a:hover { color: #fff !important }*/
.bottom-header .search-icon .btn-link { color: var(--C2); font-size: 18px; text-decoration: none }
.header .col-md-6.text-center .search-box .form-control { border-radius: 0 30px 30px 0; border-right: none; border-left: 1px solid var(--C2); padding-right: 20px; padding-left: 20px; font-size: 14px; box-shadow: none !important; height: 40px }
.header .col-md-6.text-center .search-box .form-control:focus { border-color: var(--C5); box-shadow: 0 0 0 .1rem rgba(0,123,255,.25) !important }
.header .col-md-6.text-center .search-box .input-group-append .btn { border-radius: 30px 0 0 30px; border-left: none; border-right: 1px solid var(--C2); background-color: transparent; color: var(--C2); height: 40px; padding-left: 20px; padding-right: 20px }
.header .col-md-6.text-center .search-box .input-group-append .btn:hover { background-color: var(--C2); color: var(--C6) }
.footer { background-color: var(--C1); text-align: right; font-family: WPGFont,sans-serif; color: var(--C2); font-size: 13px; padding-top: 30px; padding-bottom: 20px; border-top: 1px solid var(--C6) }
.footer .footer-inner { display: flex; flex-direction: column }
.footer .footer-row { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px; border-bottom: 1px Solid var(--C5) }
.footer .footer-row:last-child { border-bottom: none; padding-bottom: 0 }
.footer .footer-row-logo { padding-bottom: 25px }
.footer .footer-logo img { max-width: 220px; height: auto }
.footer .footer-row-columns { display: flex; justify-content: space-between; align-items: flex-start; padding: 30px 0 }
.footer .footer-column, .mega-menu-column { padding-left: 15px }
.footer .footer-column-about-us { flex: 4; padding-right: 0; padding-left: 0; text-align: center }
.footer .footer-column-articles, .footer .footer-column-categories, .footer .footer-column-media-center { flex: 1 }
.footer .footer-column h6 { font-size: 17px; color: var(--C2); margin-top: 0; margin-bottom: 10px; font-weight: 700; text-align: right }
.footer .footer-column-about-us h6 { text-align: right; margin-right: 0 }
.footer .footer-column ul { list-style: none; padding: 0; margin: 0; text-align: right }
.detail-box-list li:last-child, .footer .footer-column li, .mega-menu-links li:last-child { margin-bottom: 0 }
.footer .footer-column li a { text-decoration: none; color: var(--C2); font-size: 15px; transition: .3s ease-in-out; display: inline-block; text-align: right; padding: 7px 0 }
.footer .footer-column li a.animated-button:hover::before { margin-right: 0; margin-left: 5px; transition: .3s ease-in-out }
.footer .footer-column-about-us p { font-size: 15px; color: var(--C2); margin-bottom: 15px; line-height: 2rem }
.footer .footer-row-contact-social { align-items: center }
.footer .footer-contact-info p { margin-bottom: 8px; line-height: 22px; color: var(--C2) }
.footer .footer-contact-info p i { display: inline-block; width: 15px; margin-left: 3px; color: var(--C2); font-size: 12px; vertical-align: middle }
.footer .footer-contact-info p a { color: var(--C2); text-decoration: none; transition: color .3s }
.footer .footer-bottom-links ul, .footer .footer-social-links ul { list-style: none; padding: 0; margin: 0; display: flex }
.footer .footer-social-links li { margin-left: 10px }
.footer .footer-social-links li a { display: block; width: 30px; height: 30px; border-radius: 50%; color: var(--C2); text-align: center; line-height: 30px; font-size: 14px; transition: background-color .3s,color .3s }
.footer .footer-social-links li a:hover { background-color: var(--C3); color: var(--C2) }
.footer .footer-row-bottom { align-items: center; padding-top: 15px }
.footer .footer-bottom-links li { margin-right: 20px; direction: ltr }
.card-post-author, .footer .footer-bottom-links li:first-child { margin-right: 0 }
.footer .footer-bottom-links li a { color: var(--C2); text-decoration: none; font-size: 13px; transition: color .3s }
.footer i { font-size: 25px }
.footer .footer-copyright { font-size: 12px; color: var(--C2); padding-top: 0; border-top: none; margin-top: 0 }
.footer .footer-trust-badges { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1rem; margin-top: 0 }
.footer .footer-badge-img { width: 90px; height: auto; background: #f5deb3; border-radius: 10px; cursor: pointer; display: block; transition: transform .2s, box-shadow .2s }
.footer .footer-trust-badges a img,
.footer .footer-trust-badges span[role="button"] img { transition: transform .2s, box-shadow .2s }
.footer .footer-trust-badges a:hover img,
.footer .footer-trust-badges span[role="button"]:hover img,
.footer .footer-badge-img:hover { transform: scale(1.05); box-shadow: 0 4px 12px rgba(0,0,0,.15) }
.card-post-date-meta, .wpglink { text-align: left }
.header .bottom-header .main-menu-list li.mega-menu-item { position: static }
.header .bottom-header .main-menu-list li.mega-menu-item .dropdown-menu.mega-menu { border: none; background-color: var(--C2); width: 100%; left: 0; right: 0; top: 100%; padding: 20px; box-shadow: 0 4px 28px rgba(0,0,0,.7); display: block; opacity: 0; visibility: hidden; transform: translateX(20px); z-index: 100; border-radius: 0 0 5px 5px }

@media (min-width:992px) {
    .header .bottom-header .main-menu-list li.mega-menu-item .dropdown-menu.mega-menu { display: block; opacity: 0; visibility: hidden; transform: translateX(20px); transition: opacity .1s ease-in,opacity .3s ease-out,visibility .1s ease-in,visibility .3s ease-out,transform .5s ease-in-out }
    .header .bottom-header .main-menu-list li.mega-menu-item:hover > .dropdown-menu.mega-menu { opacity: 1; visibility: visible; transform: translateX(0); transition-delay: 0.3s }
    .header .bottom-header .main-menu-list li.mega-menu-item:hover::after { content: ''; position: fixed; top: 110px; left: 0; width: 100%; height: calc(100vh - 110px); background-color: rgba(0,0,0,.7); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); z-index: 98; pointer-events: none; transition: background-color .3s,backdrop-filter .3s }
}

.header .bottom-header .main-menu-list li.mega-menu-item::after { content: ''; position: fixed; top: 118px; left: 0; width: 100%; height: calc(100vh - 118px); z-index: 98; pointer-events: none; opacity: 0; visibility: hidden; transition: -webkit-backdrop-filter .7s ease-in,backdrop-filter .7s ease-in,background-color .7s ease-in,opacity .7s ease-in,visibility .7s ease-in }
.header .bottom-header .main-menu-list li.mega-menu-item:hover::after { opacity: 1; visibility: visible; background-color: rgba(0,0,0,.7); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); transition-delay: .3s }
.mega-menu-column-image { text-align: center; padding-right: 20px }
.mega-menu-main-image { max-width: 100%; height: auto; border-radius: 5px }
.mega-menu-columns-container { display: flex; flex-wrap: wrap }
.mega-menu-column { width: 25%; padding-right: 15px }
.mega-menu-column-title { font-size: 15px; font-weight: 700; color: var(--C6); margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid var(--C5); text-align: right }
.mega-menu-links { list-style: none; padding: 0; margin: 0 }
.mega-menu-links li { margin-bottom: 8px; width: 100% }
.mega-menu-links li a.dropdown-item { display: block; padding: 8px 0; color: var(--C3); font-size: 14px; text-decoration: none; transition: color .3s }
.mega-menu-links li a.dropdown-item:hover { color: var(--C4) !important; background-color: transparent }
.mega-menu-link-item { display: flex; border-bottom: 1px solid var(--C5); align-items: center; border-radius: 5px; color: var(--C1); padding: 10px 10px 10px 45px; transform-origin: center center; transition: background-color .5s ease-in,background-color .8s ease-out,color .6s,box-shadow .7s; position: relative; overflow: hidden }
.mega-menu-link-item:hover { background-color: var(--C1); color: var(--C2); font-weight: 700; box-shadow: 0 4px 12px rgba(0,0,0,.3) }
.mega-menu-link-item::before { content: ''; transition: opacity .8s; position: absolute; top: 5px; left: 7px; height: 90%; width: 30px; background-image: url('/assets/images/main/logo-v.png'); background-size: contain; background-repeat: no-repeat; background-position: center left; opacity: 0 }
.mega-menu-link-item:hover::before { opacity: .9 }
.mega-menu-link-image { margin-left: 10px; width: 80px; overflow: hidden; border-radius: 5px; display: flex; justify-content: center; align-items: center }
.mega-menu-link-image img { max-width: 80px; height: auto; border-radius: 5px; display: block; transition: transform .5s ease-in,transform .8s ease-out }
.category-item:hover .category-image, .mega-menu-link-item:hover .mega-menu-link-image img { transform: scale(1.05) }
.mega-menu-link-text { font-size: 15px; margin-right: 2px }
.mega-menu-link-text span { display: inherit; font-size: 12px; opacity: 0; height: 0; transition: margin-top .5s,height .3s,opacity .8s }
.mega-menu-link-item:hover .mega-menu-link-text span { opacity: 1; height: 20px; margin-top: 5px }
.search-box-postion { position: absolute; left: 0 }
.search-icon .ti-search { font-size: 1.5rem; font-weight: 700 }

@media screen and (max-width:767px) {
    .search-box-postion { position: unset; left: unset }
    .mega-menu-link-image { width: 80px !important }
}

@media (max-width:1200px) {
    .mega-menu-link-text span { text-overflow: ellipsis; overflow: hidden; width: 100px }
}

@media (max-width:992px) {
    /* تا ۹۹۲px تاپ‌هدر مخفی؛ لوگو و دکمه تم موبایل در نوار پایین نمایش داده شوند */
    .header .top-header { display: none !important; }
    .bottom-header .col-5.text-center.d-lg-none { display: block !important; }
    .bottom-header .site-theme-toggle-mobile-wrap.d-lg-none { display: flex !important; }
    /* در ۹۹۲px Bootstrap با col-lg-* نسبت ستون‌ها را عوض می‌کند؛ اینجا مثل ۹۹۱ با col-2 و col-5 ثابت می‌کنیم */
    .bottom-header .row > .col-lg-12.col-2 { flex: 0 0 16.666667% !important; max-width: 16.666667% !important; }
    .bottom-header .row > .col-lg-6.col-5 { flex: 0 0 41.666667% !important; max-width: 41.666667% !important; }
    .bottom-header .row > .col-lg-1.col-5 { flex: 0 0 41.666667% !important; max-width: 41.666667% !important; }
    .bottom-header, .header, .top-header { padding-bottom: 0 }
    .bottom-header, .header, .top-header, .top-header .logo, .top-header .row { text-align: center }
    .header { padding-top: 7px; padding-bottom: 7px; position: fixed; background-color: var(--C1) }
    .header .container { padding-left: 10px; padding-right: 10px }
    .top-header { padding-top: 10px }
    .mega-menu-columns-container, .top-header .row { flex-direction: column }
    .top-header .col-md-6.text-left, .top-header .col-md-6.text-right { text-align: center !important; order: unset }
    .top-header .top-header-menu { padding-right: 0; margin-top: 10px }
    .top-header .top-header-menu li { display: block; margin-right: 0; margin-bottom: 5px; text-align: center }
    .top-header .top-header-menu li:last-child { margin-bottom: 0 }
    .top-header .top-header-menu li a { font-size: 12px; margin-right: 0; padding: 5px; display: block }
    .top-header .logo { margin-bottom: 10px }
    .top-header .logo img { max-width: 150px }
    .bottom-header { padding-top: 0 }
    .bottom-header .row { flex-direction: row }
    .bottom-header .col-md-3, .bottom-header .col-md-9 { text-align: center !important; padding: 0 !important }
    .bottom-header .main-menu-list { display: none; flex-direction: column; position: absolute; top: 100%; right: 0; background-color: var(--C9); width: 100%; text-align: center; padding: 20px 20px 20vh; height: calc(100vh - 80px); max-height: calc(100vh - 80px); overflow-y: auto }
    .bottom-header .main-menu-list.active { display: flex }
    .bottom-header .main-menu-list li { display: block; margin-left: 0 }
    .bottom-header .main-menu-list > li:last-child { border-bottom: none }
    .bottom-header .main-menu-list li a { display: block; padding: 15px 20px; font-size: 14px; text-align: right; border-radius: 0 }
    .main-menu-list .no-hamburger-copy,
    .main-menu-list .header-account-dropdown-menu { display: none !important; }
    .bottom-header .search-icon { margin: 5px }
    .header .col-md-6.text-center .search-box { width: 100%; margin: 15px auto; display: flex; justify-content: center }
    .header .col-md-6.text-center .search-box .input-group { width: 100% }
    .header .col-md-6.text-center .search-box .form-control { border-radius: 5px; border: 1px solid var(--C2); border-left: 1px solid var(--C2); border-right: 1px solid var(--C2); text-align: right }
    .header .col-md-6.text-center .search-box .input-group-append .btn { border-radius: 5px; border: 1px solid var(--C2); border-right: 1px solid var(--C2); border-left: 1px solid var(--C2) }
    .hamburger-menu { display: flex; margin-left: auto; margin-right: 10px }
    .bottom-header .col-md-9 { text-align: right }
    .mega-menu-link-image { width: 0 }
    .header .bottom-header .main-menu-list li.mega-menu-item .dropdown-menu.mega-menu { display: none; padding: 5px 0 20px; position: static; width: 100%; background-color: var(--C9); box-shadow: none; opacity: 1; visibility: visible; transform: none }
    .header .bottom-header .main-menu-list li.mega-menu-item.open .dropdown-menu.mega-menu { display: inline; border-radius: 5px }
    .mega-menu-column { width: 100%; padding-left: 0; padding-right: 0 }
    .mega-menu-column-image { display: none }
    .mega-menu-link-item { padding: 10px; background-color: var(--C1); margin-bottom: 5px; border-radius: 5px }
    .mega-menu-link-text { color: var(--C2) }
    .mega-menu-link-text span { color: var(--C2); opacity: .7 }
}

/* از 993px به بالا: رفتار دسکتاپ منوی مگا (تا 992 مثل موبایل بماند) */
@media (min-width: 993px) {
    .header .bottom-header .main-menu-list li.mega-menu-item:hover > .dropdown-menu.mega-menu { opacity: 1; visibility: visible; transform: translateX(0) }
    .header .bottom-header .main-menu-list li.mega-menu-item:hover::after { content: ''; position: fixed; top: 118px; left: 0; width: 100%; height: calc(100vh - 118px); background-color: rgba(0,0,0,.7); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); z-index: 98; pointer-events: none; transition: background-color .7s 0.3s,backdrop-filter .7s 0.3s }
}

.hamburger-menu { display: none; flex-direction: column; cursor: pointer; padding: 5px; z-index: 1001 }
.bar { width: 25px; height: 3px; background-color: var(--C2); margin: 3px 0; transition: .4s }
.custom-table tbody tr:nth-child(2n), .menu-line { background-color: #fff }
.hamburger-menu.active .bar:first-child { transform: rotate(-45deg) translate(-5px,6px) }
.hamburger-menu.active .bar:nth-child(2) { opacity: 0 }
.hamburger-menu.active .bar:nth-child(3) { transform: rotate(45deg) translate(-5px,-6px) }
.menu-line { position: absolute; bottom: 0; height: 2px; transition: .3s; pointer-events: none; right: 0 }

@media screen and (max-width:992px) {
    .hamburger-menu { display: flex; margin-right: 10px }
    .main-menu-list { display: none; flex-direction: column; position: absolute; top: 60px; right: 0; background-color: red; width: 100%; text-align: right; box-shadow: 0 8px 16px 0 rgba(0,0,0,.2); padding-top: 20px }
    .main-menu-list.active { display: flex }
    .main-menu-list li { padding: 0 7px; border-bottom: 1px solid var(--C6) }
    .main-menu-list li::after, .mega-menu-column-image, .menu-line { display: none }
    .mega-menu { position: static; box-shadow: none }
    .mega-menu .container { width: 100%; padding: 0 }
    .mega-menu .row { flex-direction: column }
    .mega-menu-column-title { margin-top: 20px }
    .dropdown-item { padding-right: 30px }
    .mega-menu-links li a.dropdown-item { padding: 0 }
    .mega-menu-links li { margin-bottom: 0 }
    .hamburger-menu { display: flex; margin-left: 20px }
}

.category-caption, .full-width-section, .industry-categories-section, .slider-box { text-align: center }

@media (max-width:767px) {
    .footer { padding: 50px 15px }
    .footer .container { padding-left: 10px; padding-right: 10px }
    .footer .footer-row, .footer .footer-social-links ul { justify-content: center }
    .footer .footer-row-columns { flex-direction: column; padding: 10px 0; align-items: center }
    .footer .footer-column { flex: 1; padding-right: 0; margin-bottom: 20px; padding-left: 0 }
    .footer .footer-column:last-child { margin-bottom: 0 }
    .footer .footer-column h6 { font-size: 18px; margin-bottom: 8px; text-align: right }
    .footer .footer-column-about-us h6 { text-align: center }
    .footer .footer-column ul, .footer .footer-column-about-us li a, .footer .footer-column-about-us ul { text-align: right }
    .footer .footer-column li { margin-bottom: 5px }
    .footer .footer-column li a { font-size: 12px; padding-right: 0; text-align: center }
    .footer .footer-column-about-us p { font-size: 15px; line-height: 1.8rem; margin-bottom: 10px }
    .footer .footer-row-bottom, .footer .footer-row-contact-social { flex-direction: column; text-align: center }
    .footer .footer-contact-info, .footer .footer-social-links { text-align: center; margin-bottom: 15px }
    .footer .footer-contact-info p { font-size: 15px }
    .footer .footer-contact-info .ptell { font-size: 23px; margin-top: 30px }
    .footer .footer-bottom-links ul { flex-direction: column; align-items: center }
    .footer .footer-bottom-links li { margin-right: 0; margin-bottom: 8px }
    .footer .footer-copyright { text-align: center; font-size: 11px }
    .wpglink { text-align: center; margin-top: 20px; margin-bottom: 30px; font-size: 16px; font-weight: 700 }
    .img-fluid { height: 65vh; width: 100% }
    .img-fluid img { width: 100%; height: 100% !important }
    .img-fluid video { position: unset !important; width: 100%; height: 100%; object-fit: cover; object-position: center center; z-index: 0; }
}

.img-fluid { width: 100% }
.img-fluid img { height: 100vh; width: 100% }
.img-fluid video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; z-index: 0; }
.mainslide-box { padding: 100px inherit; background: url('/assets/images/main/slider.jpg') center center/cover no-repeat; width: 100%; height: 100%; z-index: -1 }
.slider-box { position: absolute; bottom: 5%; left: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left: -25%; margin-top: 0; background-color: rgba(0,0,0,.3); backdrop-filter: blur(5px); padding: 30px; border-radius: 5px; width: 50%; color: var(--C2) }
.slider-box-title { font-size: 2.5rem; margin-bottom: 20px; color: var(--C2); font-weight: 700 }
.slider-box-text { font-size: .9rem; color: var(--C2); line-height: 1.6; margin-bottom: 30px; width: 80% }
.slider-box-buttons { display: flex; justify-content: center; gap: 20px }
.slider-box-button { display: inline-block; padding: 12px 30px; border-radius: 5px; text-decoration: none; color: var(--C2); transition: background-color .3s }
.slider-box-button-products { background-color: var(--C2); color: var(--C6); white-space: pre; min-width: 200px }
.slider-box-button-products:hover { background-color: var(--C4) }
.slider-box-button-more { background-color: var(--C1); white-space: pre; min-width: 40% }
.slider-box-button-more:hover { background-color: var(--C7) }
.industry-categories-title, .industry-category-name { color: var(--C6); font-weight: 700 }
.search-box, .search-input { background-color: var(--C2) }
.search-box { overflow: hidden; width: 0; transition: width .6s ease-out,opacity 1s ease-in-out; border-radius: 4px; opacity: 0 }
.search-box.active { width: 100%; opacity: 1 }
.search-input { border: none; outline: 0; padding: 5px; width: 100%; border-radius: 5px; font-size: 13px }
.category-image, .category-item { border-radius: 5px; display: block }
.animate-element, .animate-element-fade { opacity: 0; transition: opacity .8s ease-out,transform .8s ease-out }
.animate-element-fade.animate-fade-in { opacity: 1; transform: none }
.animate-element.animate-in { opacity: 1; transform: translateY(0) translateX(0) }
.animate-from-top { transform: translateY(-50px) }
.animate-from-right { transform: translateX(50px) }
.animate-from-left { transform: translateX(-50px) }
.animate-from-bottom { transform: translateY(50px) }
.animate-fade-in { transform: none }
.animate-delay-0-1s, .animate-delay-0-2s { transition-delay: 0.2s }
.animate-delay-0-3s { transition-delay: 0.3s }
.animate-delay-0-4s { transition-delay: 0.4s }
.animate-delay-0-5s { transition-delay: 0.5s }
.animate-delay-0-6s { transition-delay: 0.6s }
.animate-delay-0-7s { transition-delay: 0.7s }
.animate-delay-0-8s { transition-delay: 0.8s }
.animate-delay-1s { transition-delay: 1s }
.animate-delay-1-2s { transition-delay: 1.2s }
.animate-duration-0-3s { transition-duration: .3s }
.animate-duration-0-5s { transition-duration: .5s }
.animate-duration-0-7s { transition-duration: .7s }
.animate-duration-1s { transition-duration: 1s }
.animate-duration-1-2s { transition-duration: 1.2s }
.industry-category-box { background-color: var(--C3); border-radius: 5px; box-shadow: 0 0 15px rgba(0,0,0,.1); display: flex; flex-direction: column; justify-content: space-between; padding: 25px 20px; text-align: center; box-sizing: border-box; align-items: center }
.industry-category-box:hover { transition: background-color .3s ease-in-out; background-color: var(--C1) }
.industry-category-name { line-height: 1.4 }
.industry-category-button { transition: background-color .3s; width: 110px }
.industry-category-button:hover { background-color: var(--C7); color: var(--C2) !important }
.industry-categories-container, .product-actions { display: flex; flex-direction: row }
.industry-category-box { width: auto; margin: 5px; flex-basis: auto; flex-grow: 1 }
.animated-button { display: inline-flex; flex-direction: row-reverse; justify-content: center; overflow: hidden; transition: background-color .3s,width .3s ease-in-out }
.animated-button::before { display: inline-block; content: '\290C'; width: 0; margin-right: 0; font-weight: 900; transform: translateY(0); opacity: 0; transition: opacity .3s ease-out,opacity .1s ease-out,margin-right .3s ease-in-out,width .3s ease-in,width .1s ease-out }
.button-with-text-hover span, .button-with-text-hover::before { transition: opacity .3s ease-out,width .3s ease-in-out,margin-right .3s ease-in-out }
.animated-button:hover::before { width: 15px; opacity: 1; transform: translateY(0); margin-right: 5px }
.button-with-text-hover { display: inline-flex; flex-direction: row-reverse; align-items: center; overflow: hidden; transition: color .3s,width .3s ease-in-out,background-color .3s; padding-right: 15px; padding-left: 15px; position: relative }
.button-with-text-hover:hover { background-color: var(--C1) !important }
.button-with-text-hover::before { content: '\290C'; font-weight: 900; opacity: 1; margin-right: 0; position: relative }
.button-with-text-hover span { opacity: 0; white-space: nowrap; width: 0 }
.button-with-text-hover:hover::before { margin-right: 20px }
.button-with-text-hover:hover span { transition: opacity .3s ease-in-out,width .3s ease-in-out; width: 50px; opacity: 1; left: 0 }
.category-item { overflow: hidden; box-shadow: 0 15px 40px rgba(0,0,0,.15); transition: box-shadow .3s; position: relative }
.category-item:hover { box-shadow: 0 20px 50px rgba(0,0,0,.25) }
.category-image { width: 100%; height: auto; transition: transform .5s; transform-origin: center center; overflow: hidden }
.category-caption { position: absolute; bottom: 5%; left: 2.5%; width: 95%; background-color: rgba(0,0,0,.3); color: var(--C2); padding: 15px 10px 5px; box-sizing: border-box; opacity: 1; border-radius: 4px; backdrop-filter: blur(5px) }
.category-title { font-size: 1.8rem; font-weight: 600; color: var(--C2); margin-bottom: 10px; line-height: 1.3 }
.category-description { font-size: 1rem; color: var(--C2); line-height: 1.5; margin-bottom: 20px; max-height: 100px; overflow: hidden; display: -webkit-box; line-clamp: 3; -webkit-box-orient: vertical }

/*@media (max-width:768px) {
.animate-element, .animate-element-fade { opacity: unset !important; transition: unset !important; }
.animate-element-fade.animate-fade-in { opacity: unset !important;; transform: unset !important; }
.animate-element.animate-in { opacity: unset !important; transform: unset !important; }
.animate-from-top { transform: unset !important; }
.animate-from-right { transform: unset !important; }
.animate-from-left { transform: unset !important; }
.animate-from-bottom { transform: unset !important; }
.animate-fade-in { transform: none }
.animate-delay-0-1s, .animate-delay-0-2s { unset !important; }
.animate-delay-0-3s { unset !important; }
.animate-delay-0-4s { unset !important; }
.animate-delay-0-5s { unset !important; }
.animate-delay-0-6s { unset !important; }
.animate-delay-0-7s { unset !important; }
.animate-delay-0-8s { unset !important; }
.animate-delay-1s { unset !important; }
.animate-delay-1-2s { unset !important; }
.animate-duration-0-3s { unset !important; }
.animate-duration-0-5s { unset !important; }
.animate-duration-0-7s { unset !important; }
.animate-duration-1s { unset !important; }
.animate-duration-1-2s { unset !important; }
}*/

@media (max-width:767px) {
    .slider-box { position: static; height: 35vh; transform: none; top: auto; left: auto; width: 100%; border-radius: 0; margin-bottom: 20px; background-color: var(--C1); backdrop-filter: none; margin-top: 0 }
    .slider-box-title { font-size: 1.5rem; margin-bottom: 15px; color: var(--C2) }
    .slider-box-text { font-size: .8rem; margin-bottom: 20px; color: var(--C2); width: 90% }
    .slider-box-buttons { flex-direction: column; gap: 10px }
    .slider-box-button { padding: 10px 20px; font-size: .9rem }
    .slider-box-button-more { background-color: var(--C5); color: var(--C6) }
    .slider-box-button-more:hover { background-color: var(--C4) }
    .industry-categories-container { flex-direction: row; justify-content: flex-start; align-items: flex-start; align-items: stretch }
    .industry-category-box { width: calc(50% - 10px); max-width: none; flex-direction: column; text-align: center; justify-content: space-between; align-items: center; padding-right: 20px; padding-left: 20px; display: flex }
    .industry-categories-container > .industry-category-box:last-child:nth-child(odd) { width: 94%; margin: 5px }
    .industry-category-name { margin-bottom: 20px; text-align: center }
    .industry-category-button { font-size: .9rem; padding: 10px 25px }
    .swiper-slide .animate-from-left, .swiper-slide .animate-from-right { transform: none }
    .animate-from-left, .animate-from-right { transform: translateY(-50px) }
    .category-caption, .category-image, .category-item { border-radius: 5px }
    .row.row-cols-md-2.g-4 { --bs-gutter-x: 1.5rem; --bs-gutter-y: 1.5rem }
    .category-item { box-shadow: 0 8px 20px rgba(0,0,0,.1) }
    .category-caption { padding: 15px; backdrop-filter: blur(3px) }
    .category-title { font-size: 1.6rem; margin-bottom: 8px }
    .category-description { font-size: .9rem; margin-bottom: 15px; max-height: 80px; display: none !important }
}

.full-width-section { position: relative; width: 100%; height: auto; min-height: 600px; overflow: hidden; color: var(--C2); display: flex; justify-content: center; align-items: center }
.full-width-section-background { padding: 100px inherit; background: url('/assets/images/main/back.jpg') center center/cover no-repeat; width: 100%; height: 100% }
.full-width-section-bg-image { width: 100%; height: 100% }
.full-width-section-content { position: relative; padding: 50px; margin: 0 auto; max-width: 1200px; width: 100%; box-sizing: border-box }
.full-width-section-title { font-size: 2.5rem; font-weight: 700; margin: 30px auto; text-shadow: 2px 2px 4px rgba(0,0,0,.5) }
.full-width-section-text { font-size: 1rem; line-height: 2; margin: 40px auto; max-width: 900px; text-shadow: 1px 1px 2px rgba(0,0,0,.5); text-align: justify }
.full-width-section-button-container { margin-bottom: 50px }
.full-width-section-button { display: inline-block; padding: 15px 40px; border-radius: 8px; background-color: inherit; color: var(--C2); text-decoration: none; font-size: 1.1rem; font-weight: 700; transition: background-color .3s }
.full-width-section-button:hover { background-color: inherit }
.full-width-section-logo-image { width: 300px; height: auto }
.full-width-section-logo-text { font-size: 1.5rem; font-weight: 700; margin-bottom: 5px }
.full-width-section-logo-subtext { font-size: 1rem; opacity: .8 }
.card-post-header { background-color: transparent; border-bottom: none; padding: .5rem; font-size: .9rem }
.card-post-meta { font-size: 13px }
.card-icon { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; font-size: .9em; opacity: .8 }
.card-post-author-icon { margin-right: 3px }
.card-post-date-icon { margin-left: 3px }
.card-post-date { direction: ltr; text-align: left; margin-left: 0 }
.card-post-meta-bar { gap: .35rem .6rem }
.card-post-meta-bar .card-post-meta-item { font-size: .8rem; white-space: nowrap }
.card-post-meta-bar .ti { font-size: .9em; opacity: .85 }
/* کارت مقاله: باکس‌های روی تصویر */
.card-post-img-link { display: block; text-decoration: none; color: inherit; }
.card-img-wrap { overflow: hidden; }
.card-img-wrap .card-img-top { display: block; width: 100%; }
.card-post-overlay { position: absolute; top: 10px; padding: 4px 5px; border-radius: 8px; font-size: .6rem; font-weight: 500; display: inline-flex; align-items: center; gap: 6px; background: rgba(11, 47, 91, 0.5); color: var(--C2); box-shadow: 0 2px 12px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); white-space: nowrap; }
.card-post-overlay .ti { font-size: 1em; opacity: .95; }
.card-post-overlay-date { right: 10px; }
.card-post-overlay-stats { left: 10px; background: rgba(11, 47, 91, 0.35); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-color: rgba(255,255,255,.18); box-shadow: 0 2px 16px rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.15); }
.card-post-author-only { background-color: transparent; border-bottom: none; font-size: .85rem; }
.dynamicSwiper { max-width: 1200px; margin: 0 auto; overflow: hidden; padding: 20px 0; display: flex; justify-content: center }
.swiper { padding-bottom: 20px !important; display: flex !important; background: none transparent; }
.swiper.main-slider { padding: 0 !important; background: none !important; }
/* دکمه‌های قبلی/بعدی اسلایدر — مینیمال، عمودی وسط، سازگار با لایت/دارک */
.main-slider .swiper-button-next,
.main-slider .swiper-button-prev { position: absolute !important; top: 50% !important; bottom: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; width: 44px !important; height: 44px !important; padding: 0 !important; border: none !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; transform: translateY(-50%) !important; background: rgba(255, 255, 255, 0.14) !important; color: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); opacity: 0.85 !important; transition: opacity 0.2s ease, background 0.2s ease, transform 0.2s ease, color 0.2s ease !important; z-index: 10; }
.main-slider .swiper-button-next::after,
.main-slider .swiper-button-prev::after { font-size: 18px !important; font-weight: 700 !important; }
.main-slider .swiper-button-next:hover,
.main-slider .swiper-button-prev:hover { opacity: 1 !important; background: rgba(255, 255, 255, 0.22) !important; color: #fff !important; transform: translateY(-50%) scale(1.06) !important; }
.main-slider .swiper-button-next.swiper-button-disabled,
.main-slider .swiper-button-prev.swiper-button-disabled { opacity: 0.25 !important; cursor: not-allowed; }
.swiper.main-slider .swiper-pagination { bottom: 20px !important; }

/* دکمه‌های Swiper دسته‌بندی — مثل اسلایدر اصلی، عمودی دقیقاً وسط */
.category-swiper { position: relative; margin-bottom: 1rem; }
.category-swiper .swiper-button-next,
.category-swiper .swiper-button-prev { position: absolute !important; top: 50% !important; bottom: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; width: 44px !important; height: 44px !important; padding: 0 !important; border: none !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; transform: translateY(-50%) !important; background: rgba(255, 255, 255, 0.95) !important; color: var(--C6) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.06); opacity: 0.9 !important; transition: opacity 0.2s ease, background 0.2s ease, transform 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important; z-index: 10; }
.category-swiper .swiper-button-next::after,
.category-swiper .swiper-button-prev::after { font-size: 18px !important; font-weight: 700 !important; }
.category-swiper .swiper-button-next:hover,
.category-swiper .swiper-button-prev:hover { opacity: 1 !important; background: #fff !important; color: var(--C1) !important; transform: translateY(-50%) scale(1.06) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.08); }
.category-swiper .swiper-button-next.swiper-button-disabled,
.category-swiper .swiper-button-prev.swiper-button-disabled { opacity: 0.3 !important; cursor: not-allowed; }

/* وقتی ناوبری غیرفعال است دکمه‌های چپ/راست را مخفی کن */
.swiper[data-navigation="false"] .swiper-button-next,
.swiper[data-navigation="false"] .swiper-button-prev { display: none !important; }

@media (max-width: 767px) {
    .main-slider .swiper-button-next,
    .main-slider .swiper-button-prev { display: none !important; }
    .swiper.main-slider .swiper-pagination { bottom: 8px !important; }
}

.swiper-slide img { width: 100% !important }
.swiper-wrapper { display: flex; transition-property: transform; box-sizing: content-box; flex-wrap: nowrap }
.swiper-slide { overflow: hidden; height: unset !important; flex-shrink: 0; padding: 0; background-color: inherit; text-align: center; justify-content: center; align-items: center; box-sizing: border-box }
.main-slider .swiper-slide { width: inherit !important }
.dynamic-carousel-item-content img { max-width: 100%; transition: transform .3s; transform-origin: center center; overflow: hidden; display: block }
.dynamic-carousel-item-content img:hover { transform: scale(1.05); cursor: pointer }
.swiper-pagination { position: absolute; bottom: 0 !important; left: 0; width: 100%; display: flex; justify-content: center; align-items: center }
.swiper-pagination-bullet { width: 10px; height: 10px; background-color: var(--C5); opacity: .8; border-radius: 50%; margin: 0 5px; cursor: pointer }
.swiper-pagination-bullet-active { background-color: var(--C1); opacity: 1 }
/* سکشن تخفیف‌های داغ: چیدمان درست کارت، ارتفاع یکسان با بزرگترین کارت */
.recent-discounts-swiper .swiper-wrapper { align-items: stretch !important; }
/* عرض اولیه اسلایدها قبل از init Swiper تا از «یکی بزرگ سپس ۵ ستون» جلوگیری شود (بعد از init، Swiper با inline style عرض را override می‌کند) */
.recent-discounts-swiper .swiper-slide { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; text-align: right !important; min-height: 0 !important; height: auto !important; width: calc((100% - 12px) / 2); flex-basis: calc((100% - 12px) / 2); }
@media (min-width: 576px) { .recent-discounts-swiper .swiper-slide { width: calc((100% - 24px) / 3); flex-basis: calc((100% - 24px) / 3); } }
@media (min-width: 768px) { .recent-discounts-swiper .swiper-slide { width: calc((100% - 48px) / 4); flex-basis: calc((100% - 48px) / 4); } }
@media (min-width: 992px) { .recent-discounts-swiper .swiper-slide { width: calc((100% - 64px) / 5); flex-basis: calc((100% - 64px) / 5); } }
.recent-discounts-swiper .swiper-slide [class*="col-"] { width: 100% !important; max-width: 100% !important; flex: 1 1 auto !important; min-width: 0 !important; min-height: 0 !important; display: flex !important; }
.recent-discounts-swiper .swiper-slide .product-card { height: 100% !important; min-height: 100% !important; writing-mode: horizontal-tb !important; text-align: right !important; display: flex !important; flex-direction: column !important; }
.recent-discounts-swiper .swiper-slide .product-card .card-body { flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; }
.recent-discounts-swiper .swiper-slide .product-card .product-card-content { flex: 1 1 auto !important; }
.recent-discounts-swiper .swiper-slide .animate-element,
.recent-discounts-swiper .swiper-slide .animate-from-right { transform: none !important; opacity: 1 !important; }
.recent-discounts-swiper .product-card .card-title,
.recent-discounts-swiper .product-card .card-body,
.recent-discounts-swiper .product-card .product-card-content { writing-mode: horizontal-tb !important; white-space: normal !important; }

/* سکشن محصولات ویژه / محصولات مرتبط — عرض اولیه از data-initial-slides تا لود اول درست باشد؛ بعد Swiper از data-breakpoints استفاده می‌کند */
.featured-products-swiper .swiper-wrapper { align-items: stretch !important; }
.featured-products-swiper .swiper-slide { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; text-align: right !important; min-height: 0 !important; height: auto !important; box-sizing: border-box !important; }
/* عرض اولیه قبل از init: ۲ کارت (صفحه اصلی) */
.featured-products-swiper[data-initial-slides="2"] .swiper-slide { width: calc((100% - 12px) / 2); flex-basis: calc((100% - 12px) / 2); }
@media (min-width: 576px) { .featured-products-swiper[data-initial-slides="2"] .swiper-slide { width: calc((100% - 24px) / 3); flex-basis: calc((100% - 24px) / 3); } }
@media (min-width: 768px) { .featured-products-swiper[data-initial-slides="2"] .swiper-slide { width: calc((100% - 48px) / 4); flex-basis: calc((100% - 48px) / 4); } }
@media (min-width: 992px) { .featured-products-swiper[data-initial-slides="2"] .swiper-slide { width: calc((100% - 64px) / 5); flex-basis: calc((100% - 64px) / 5); } }
/* عرض اولیه قبل از init: ۱ کارت (محصولات مرتبط) */
.featured-products-swiper[data-initial-slides="1"] .swiper-slide { width: 100%; flex-basis: 100%; }
@media (min-width: 768px) { .featured-products-swiper[data-initial-slides="1"] .swiper-slide { width: calc((100% - 48px) / 4); flex-basis: calc((100% - 48px) / 4); } }
@media (min-width: 992px) { .featured-products-swiper[data-initial-slides="1"] .swiper-slide { width: calc((100% - 64px) / 5); flex-basis: calc((100% - 64px) / 5); } }
.featured-products-swiper .swiper-slide [class*="col-"] { width: 100% !important; max-width: 100% !important; flex: 1 1 auto !important; min-width: 0 !important; min-height: 0 !important; display: flex !important; }
.featured-products-swiper .swiper-slide .product-card { height: 100% !important; min-height: 100% !important; writing-mode: horizontal-tb !important; text-align: right !important; display: flex !important; flex-direction: column !important; }
.featured-products-swiper .swiper-slide .product-card .card-body { flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; }
.featured-products-swiper .swiper-slide .product-card .product-card-content { flex: 1 1 auto !important; }
.featured-products-swiper .swiper-slide .animate-element,
.featured-products-swiper .swiper-slide .animate-from-right { transform: none !important; opacity: 1 !important; }
.featured-products-swiper .product-card .card-title,
.featured-products-swiper .product-card .card-body,
.featured-products-swiper .product-card .product-card-content { writing-mode: horizontal-tb !important; white-space: normal !important; }

/* کروسل دسته‌بندی (صفحه اصلی + زیردسته) — عرض اسلاید قبل از init Swiper (مشابه محصولات ویژه) */
.home-categories-swiper .swiper-wrapper,
.category-swiper .swiper-wrapper { align-items: stretch !important; }
.home-categories-swiper .swiper-slide,
.category-swiper .swiper-slide { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; min-height: 0 !important; height: auto !important; box-sizing: border-box !important; }
/* صفحه اصلی: data-breakpoints ۲/۳/۴/۶ و فاصله‌ها ۱۲/۱۲/۱۶/۱۶ */
.home-categories-swiper[data-initial-slides="2"] .swiper-slide { width: calc((100% - 12px) / 2); flex-basis: calc((100% - 12px) / 2); }
@media (min-width: 576px) {
    .home-categories-swiper[data-initial-slides="2"] .swiper-slide { width: calc((100% - 24px) / 3); flex-basis: calc((100% - 24px) / 3); }
}
@media (min-width: 768px) {
    .home-categories-swiper[data-initial-slides="2"] .swiper-slide { width: calc((100% - 48px) / 4); flex-basis: calc((100% - 48px) / 4); }
}
@media (min-width: 992px) {
    .home-categories-swiper[data-initial-slides="2"] .swiper-slide { width: calc((100% - 80px) / 6); flex-basis: calc((100% - 80px) / 6); }
}
/* صفحه دسته: ۲/۳/۴ کارت و spaceBetween=16 (breakpoint 0 / 576 / 992) */
.category-swiper[data-initial-slides="2"] .swiper-slide { width: calc((100% - 16px) / 2); flex-basis: calc((100% - 16px) / 2); }
@media (min-width: 576px) {
    .category-swiper[data-initial-slides="2"] .swiper-slide { width: calc((100% - 32px) / 3); flex-basis: calc((100% - 32px) / 3); }
}
@media (min-width: 992px) {
    .category-swiper[data-initial-slides="2"] .swiper-slide { width: calc((100% - 48px) / 4); flex-basis: calc((100% - 48px) / 4); }
}
.home-categories-swiper .swiper-slide .category-col,
.category-swiper .swiper-slide .category-col { width: 100% !important; min-width: 0 !important; flex: 1 1 auto !important; }

/* سکشن مقالات صفحه اصلی — Swiper؛ عرض اسلاید از اول (مانند محصولات) تا کارت اول قبل از init بزرگ نزند */
.home-articles-swiper .swiper-wrapper { align-items: stretch !important; }
.home-articles-swiper .swiper-slide { display: flex !important; flex-direction: column !important; align-items: stretch !important; min-height: 0 !important; height: auto !important; width: 100%; flex-basis: 100%; }
@media (min-width: 576px) { .home-articles-swiper .swiper-slide { width: calc((100% - 12px) / 2); flex-basis: calc((100% - 12px) / 2); } }
@media (min-width: 768px) { .home-articles-swiper .swiper-slide { width: calc((100% - 32px) / 3); flex-basis: calc((100% - 32px) / 3); } }
@media (min-width: 992px) { .home-articles-swiper .swiper-slide { width: calc((100% - 48px) / 4); flex-basis: calc((100% - 48px) / 4); } }
.home-articles-swiper .swiper-slide .col { width: 100% !important; flex: 1 1 auto !important; min-width: 0 !important; }
.home-articles-swiper .swiper-slide .card { height: 100% !important; }
.home-articles-swiper .swiper-slide .card-title { text-align: right !important; }
/* کارت مقاله: بدنه و فوتر مثل کارت محصول — دکمه مشاهده در فوتر */
.article-card.card { display: flex; flex-direction: column; }
.article-card .card-body { flex: 1 1 auto; }
.article-card .card-footer { flex-shrink: 0; border-top: 1px solid rgba(0,0,0,.08); padding: 25px 0; background-color: var(--bs-card-cap-bg); }
:root[data-bs-theme="dark"] .article-card .card-footer { border-top-color: rgba(255,255,255,.1); }
/* تصویر کارت مقاله بدون نسبت ثابت — ارتفاع طبیعی تصویر */
.home-articles-swiper .card-img-wrap .card-img-top { width: 100%; height: auto; display: block; }
.home-articles-swiper .card-img-wrap img.lazy { min-height: 0 !important; max-height: none !important; height: auto !important; }
.home-articles-swiper .swiper-slide .animate-element,
.home-articles-swiper .swiper-slide .animate-from-right { transform: none !important; opacity: 1 !important; }

/* سایر سوایپرها (غیر از main-slider) */
.swiper-button-next, .swiper-button-prev { transition: all .3s ease-in-out; color: var(--C5); opacity: .15 !important; top: 50%; margin-top: 0; transform: translateY(-50%); background-color: #00000030; padding: 47px 19px !important; border-radius: 5px }
.swiper-button-next:hover, .swiper-button-prev:hover { transition: all .3s ease-in-out; opacity: .9 !important; color: var(--C1) }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .1 !important; }
.swiper-pagination-bullet { width: 8px !important; border-radius: 5px !important }
.swiper-pagination-bullet-active { width: 20px !important; border-radius: 5px !important; transition: all .3s ease-in-out }
.product-detail { padding-top: 30px; padding-bottom: 30px }
.product-title { font-size: 2rem }
.product-description { line-height: 1.8; text-align: justify }
.detail-box { border-radius: 8px; padding: 20px }
.detail-box-title { font-size: 1.1rem; color: var(--C6) }
.detail-box ul { padding: 0 }
.detail-box-list li { margin-bottom: .5rem; border-bottom: 1px solid var(--C4) }
.product-actions .btn { font-size: 1rem; padding: unset 1.5rem }
.product-image { border-radius: 10px; max-width: 100%; height: auto }
.product-detail-right { display: flex; justify-content: center; border: 1px solid var(--C5); border-radius: 12px; overflow: hidden }
.product-detail-right img { transition: transform .5s ease-in-out; transform: scale(1) }
.product-detail-right img:hover { transition: transform .5s ease-in-out; transform: scale(1.15) }
.product-detail-left { padding-right: 20px; padding-top: 10px }

.quantity-selector { display: flex; flex-direction: column; align-items: center; }

@media (max-width:992px) {
    .category-description { display: none }
    .product-actions { flex-direction: column }
}

.custom-table { border-collapse: collapse; width: 100%; margin-bottom: 1rem }
.custom-table td, .custom-table th { border-left: none; border-right: none; border-top: 1px solid #495057; border-bottom: 1px solid #495057; padding: .75rem; vertical-align: middle; line-height: 1.5; font-size: .9rem }
.custom-table thead th { background-color: #f8f9fa; font-weight: 700; color: #212529; border-bottom: 2px solid #495057 }
.custom-table tbody td { color: #343a40; background: unset }
.custom-table tbody tr:nth-child(odd) { background-color: #f8f9fa }
.custom-table tbody tr:hover, .product-resources .resource-link:hover { background-color: #e9ecef }
.table-bordered > :not(caption) > * > * { border-width: 0 }
.table-bordered > :not(caption) > :not(thead) > * > * { border-top-width: 1px }
.table-bordered > :not(caption) > thead > * > * { border-bottom-width: 2px }
.product-resources .list-group-item { border-left: none; border-right: none; border-top: none; padding-top: .75rem; padding-bottom: .75rem; margin-bottom: 0; display: flex; justify-content: space-between; align-items: center }
.product-resources .list-group-item:last-child, .pwa-features li:last-child, .specification-box > .specification-item:last-child { border-bottom: none }
.product-resources .list-group-item i.bi { font-size: 1.2rem; color: var(--C6) }
.product-resources .list-group-item .file-count { font-size: .9rem; color: var(--C5); margin-right: .5em }
.product-resources .resource-link { color: var(--C1); text-decoration: none; padding: .5rem; border-radius: .25rem; background-color: var(--C2); display: inline-flex; justify-content: center; align-items: center }
.product-resources .resource-link i.bi-download { font-size: 1rem; color: var(--C1) }
.specification-box { padding: 15px }
.specification-item { border-bottom: 1px solid var(--C5); padding: 9px 7px 5px }
.specification-item:hover { background-color: var(--C5) }
.item-title { color: var(--C6); display: block; margin-bottom: 5px; font-size: .9rem }
.item-value { font-weight: 700; color: var(--C6); font-size: .9rem; text-align:left; line-break: anywhere }
.lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.9); display: none; justify-content: center; align-items: center; z-index: 999999; transition: opacity .3s ease-in-out }
.lightbox-content { max-width: 90%; max-height: 90% }
.lightbox-next, .lightbox-prev { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0,0,0,.5); color: #fff; border: none; padding: 10px 20px; cursor: pointer; border-radius: 5px }
.lightbox-prev { right: 10px }
.lightbox-next { left: 10px }
.lightbox-title { color: var(--C2); text-align: center; padding: 10px 20px; background-color: rgba(0,0,0,.3); position: absolute; bottom: 0; left: 0; right: 0 }

@media (max-width:767px) {
    .full-width-section { min-height: 400px; text-align: center }
    .full-width-section-content { padding: 30px }
    .full-width-section-title { font-size: 2rem; margin-bottom: 20px }
    .full-width-section-text { font-size: 1rem; margin-bottom: 30px }
    .full-width-section-button-container { margin-bottom: 40px }
    .full-width-section-button { padding: 12px 30px; font-size: 1rem }
    .full-width-section-logo { position: static; margin-top: 30px; text-align: center; bottom: auto; right: auto }
    .full-width-section-logo-image { margin-left: auto; margin-right: auto }
    .full-width-section-logo-subtext, .full-width-section-logo-text { text-align: center }
    .product-detail-left { padding-right: 0 }
    .product-image { margin-top: 20px }
    .lightbox-next, .lightbox-prev { top: unset; bottom: 50px }
}

.lightbox-close, .lightbox-download { top: 20px; background: 0 0; border: none; font-size: 24px; cursor: pointer; z-index: 999; position: absolute; color: #fff }
.lightbox-close { left: 30px }
.lightbox-download { right: 30px; text-decoration: none }
.lightbox-loader { position: absolute; top: 50%; transform: translate(-50%,-50%); border: 4px solid var(--C1); border-top: 4px solid var(--C2); border-radius: 50%; width: 40px; height: 40px; animation: 2s linear infinite spin; display: none }

@keyframes spin {
    0% { transform: rotate(0) }
    100% { transform: rotate(360deg) }
}

.lightbox-close, .lightbox-content, .lightbox-download, .lightbox-loader, .lightbox-next, .lightbox-prev, .lightbox-title { transition: opacity .3s ease-in-out,.3s ease-in-out }
.banner, .banner:hover { transition: opacity .6s }
.uploadimgbox { margin: 2px 5px 20px; display: grid; min-height: 50px; min-width: 50px }
.uploadimgbox img { color: transparent; font-size: 1px; border-top-left-radius: 5px; border-top-right-radius: 5px }
.uploadimgdiv { min-height: 50px; text-align: center; background: url(/assets/images/main/loader-main.gif) center center no-repeat #f1f1f1 }
.uploadimg { width: 100% !important }
.uploadimgalt { padding: 1%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #f9f9f9; border-bottom: 1px solid silver; float: right; direction: rtl; text-align: center; font-size: 75%; font-weight: 700 }
.uploadimgbox320 { display: inline-grid; float: right; margin: 1%; width: 100% }

/* ویدیو داخل متن (مقالات / توضیحات محصول) — کپی از مرکز آپلود در CKEditor */
.content-video-wrap { margin: 1rem 0; max-width: 100%; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,.08); background: #000 }
.content-video-wrap .content-video { display: block; width: 100%; height: auto; max-height: 70vh; vertical-align: middle }

.card-header > h1, h2, h3, h4, h5, h6 { margin: 5px 0; font-weight: bold }
.modal-open { overflow: auto !important; padding: 0 !important }
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-right: calc(var(--bs-border-width) * -1); border-top-right-radius: 0; border-bottom-right-radius: 0 }
.d-flex .card .card-text { }
.card .button-with-text-hover { position: absolute; bottom: 10px; left: 10px }
.border-right-8 { border-right: 8px solid var(--C5) }
.border-right-5 { border-right: 5px solid var(--C5) }
.border-right-3 { border-right: 3px solid var(--C5) }

@media screen and (max-width:767px) {
    .border-right-3, .border-right-5, .border-right-8 { border-right: unset }
}

.lazy, .lazy2, .lazy3, .lazy4, .lazy5 { max-height: 200px !important; min-height: 70px !important; display: block !important; color: transparent !important }
.lazy-loaded { max-height: initial !important; min-height: initial !important; display: initial !important }
.modal.modal-animate .modal-dialog { transition: transform .5s,opacity .5s }
.modal.modal-animate .modal-dialog.hide-animation { transform: translateY(-30px); opacity: 0 }
.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { font-size: 80%; font-weight: 700 }
.form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after { background-color: transparent }
.row > .form-floating > label { right: .75rem }
.banner { border-radius: 5px; opacity: 1 }
.banner:hover { opacity: .85 }
.banner img { border-radius: 5px; width: 100% }
.accordion-header h4, .pwa-features { padding: 0; margin: 0 }
.pwa-features li { display: flex; align-items: center; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid #eee }
.pwa-features i { font-size: 1.5rem; color: var(--primary-color) }
#pwaInstallModal .modal-header { border-bottom: none; padding: 1.5rem 1rem }
#pwaInstallModal .modal-title { color: #fff; font-size: 1.2rem }
#pwaInstallModal .modal-body { padding: 2rem }
#pwaInstallModal .modal-footer { border-top: none; padding: 1rem }
#pwaInstallModal .btn-primary { padding: .6rem 2rem; font-weight: 500 }
#pwaInstallModal .btn-secondary { padding: .6rem 2rem }
.linear-loader { position: fixed; top: 0; left: 0; width: 100%; height: 4px; background: 0 0; z-index: 9999; pointer-events: none }
.linear-loader .loader-bar { position: absolute; top: 0; left: 0; width: 0; height: 100%; background: var(--C2); transition: width .3s; overflow: hidden }
.linear-loader .loader-bar::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-right: 2px solid var(--C2); background: linear-gradient(90deg,rgb(50 50 50 / 0%) 0,hsl(0deg 0% 0% / 60%) 50%,rgb(0 0 0 / 10%) 30%); animation: 1.5s infinite shimmer }

/* ========== لودر یکسان سایت (صفحه / کارت / مودال) — مثل پنل، با بلر و سازگار با دارک‌مود ========== */
.site-loader-wrap { position: relative; min-height: 60px; }
.site-loader-wrap.loading { pointer-events: none; }
.site-loader-wrap.loading::before { content: ''; position: absolute; inset: 0; background: rgba(255,255,255,0.78); z-index: 10; border-radius: inherit; display: block; backdrop-filter: blur(2px); }
.site-loader-spinner { position: absolute; inset: 0; margin: auto; z-index: 11; display: none; width: 36px; height: 36px; border: 3px solid rgba(0,0,0,0.08); border-left-color: var(--C1); border-radius: 50%; animation: spin 0.75s linear infinite; }
.site-loader-wrap.loading .site-loader-spinner { display: block; }
/* لودر لیست محصولات (صفحه دسته) — سمت راست */
#productsWrapper.site-loader-wrap .site-loader-spinner { inset: auto; right: 2rem; top: 50%; margin: 0; transform: translateY(-50%); }
.site-loader-spinner-sm { width: 22px; height: 22px; border-width: 2px; }
.site-loader-wrap.loading .site-loader-spinner-sm { display: block; }
.site-loader-wrap-inline { min-height: 0; }
.site-loader-wrap-inline.loading::before { display: none !important; }
.site-loader-wrap-inline .site-loader-spinner, .site-loader-wrap-inline .site-loader-spinner-sm { position: static; transform: none; margin: 0; }
/* ردیف تعداد محصولات در فیلتر — لودر سمت راست متن */
.products-count-row { display: flex; align-items: center; gap: 0.45rem; }
[dir="rtl"] .products-count-row #filtersLoader { order: 1; }
[dir="rtl"] .products-count-row #productsCountText { order: 2; }
html:not([dir="rtl"]) .products-count-row #productsCountText { order: 1; }
html:not([dir="rtl"]) .products-count-row #filtersLoader { order: 2; }
/* دارک مود کل سایت و حساب کاربری — یک تنظیم از هدر */
:root[data-bs-theme="dark"] { --C0: #0b1220; --C1: #0b2f5b; --C2: #101826; --C3: #274973; --C4: #1f2a3a; --C5: #8b97a8; --C6: #e5e7eb; --C7: #0e1726; --C8: #0f172a; --C9: #041c35; --C10: #0b2f5bf0; --selection-bg: #3d5f85; --selection-text: #ffffff; color-scheme: dark; }
[data-bs-theme="dark"] ::selection { background-color: var(--C5); color: var(--selection-text); }
[data-bs-theme="dark"] ::-moz-selection { background-color: var(--C5); color: var(--selection-text); }
[data-bs-theme="dark"] { caret-color: var(--C6); }
:root[data-bs-theme="dark"] body { background-color: var(--C0); color: var(--C6); }
:root[data-bs-theme="dark"] .main { background-color: var(--C8); }
/* در دارک: معنی .text-dark و .text-light برعکس — متن خوانا روی پس‌زمینه تیره */
[data-bs-theme="dark"] .text-dark { color: var(--C6) !important; }
[data-bs-theme="dark"] .text-light { color: var(--C5) !important; }
/* هدر و فوتر خودشان دارک هستند — در دارک مود رنگ‌شان عوض نشود */
:root[data-bs-theme="dark"] .header { --C1: #0b2f5b; --C2: #e5e5fa; --C10: #0b2f5bf0; }
:root[data-bs-theme="dark"] .footer { --C1: #0b2f5b; --C2: #e5e5fa; --C6: #181818; background-color: #0d0d0d; }
/* تکمیل دارک مود — باکس دسته، سایدبار فیلتر، کارت، دکمه، جستجو */
[data-bs-theme="dark"] .category-box .card-body { background-color: var(--C4); color: var(--C6); }
[data-bs-theme="dark"] .category-box:hover .card-body { background-color: var(--C4); color: var(--C6); }
[data-bs-theme="dark"] .category-box .card-title { color: var(--C6) !important; }
[data-bs-theme="dark"] .category-box:hover .card-title { color: var(--C6) !important; }
[data-bs-theme="dark"] .category-box .badge { color: var(--C6); }
[data-bs-theme="dark"] .product-filters-sidebar { background-color: var(--C2); border: 1px solid var(--C4); color: var(--C6); }
[data-bs-theme="dark"] .product-filters-sidebar .form-label { color: var(--C6); }
[data-bs-theme="dark"] .product-filters-sidebar .btn-outline-primary { color: var(--C3) !important; border-color: var(--C3) !important; background: transparent !important; }
[data-bs-theme="dark"] .product-filters-sidebar .btn-outline-primary:hover { color: var(--C2) !important; background-color: var(--C3) !important; border-color: var(--C3) !important; }
[data-bs-theme="dark"] .product-filters-sidebar .input-group .form-control { background-color: var(--C4); border-color: var(--C5); color: var(--C6); }
[data-bs-theme="dark"] .product-filters-sidebar .input-group .form-control::placeholder { color: var(--C5); }
[data-bs-theme="dark"] .product-filters-sidebar .input-group .form-control:focus { border-color: var(--C3); box-shadow: 0 0 0 0.2rem rgba(39,73,115,.25); }
[data-bs-theme="dark"] .card.bghover_c4:hover { box-shadow: 0 0 11px 4px #2f2f2f; }
[data-bs-theme="dark"] .card-post-overlay { color: #fff !important; }
[data-bs-theme="dark"] .btn-primary { --bs-btn-color: #fff !important; color: #fff !important; }
[data-bs-theme="dark"] .btn-primary:hover { --bs-btn-hover-color: #fff !important; color: #fff !important; }
[data-bs-theme="dark"] .btn-primary:active, [data-bs-theme="dark"] .btn-primary.active { --bs-btn-active-color: #fff !important; color: #fff !important; }
[data-bs-theme="dark"] .btn-secondary { color: var(--C6) !important; }
[data-bs-theme="dark"] .btn-secondary:hover { background-color: var(--C3) !important; color: var(--C6) !important; border-color: var(--C3) !important; }
[data-bs-theme="dark"] .modal-title { color: var(--C6) !important; }
[data-bs-theme="dark"] .swiper-button-next, [data-bs-theme="dark"] .swiper-button-prev, [data-bs-theme="dark"] .text-primary { color: var(--C3) !important; }
[data-bs-theme="dark"] .swiper-button-next:hover, [data-bs-theme="dark"] .swiper-button-prev:hover { color: var(--C3) !important; }
/* اسلایدر صفحه اصلی در دارک */
[data-bs-theme="dark"] .slider-box { background-color: rgba(0,0,0,.55); color: var(--C6); }
[data-bs-theme="dark"] .slider-box-title,
[data-bs-theme="dark"] .slider-box-text { color: var(--C6); }
[data-bs-theme="dark"] .slider-box-button { color: var(--C6); }
[data-bs-theme="dark"] .slider-box-button-products { background-color: var(--C3); color: var(--C6); }
[data-bs-theme="dark"] .slider-box-button-products:hover { background-color: var(--C4); color: var(--C6); }
[data-bs-theme="dark"] .slider-box-button-more { background-color: var(--C4); color: var(--C6); border: 1px solid var(--C5); }
[data-bs-theme="dark"] .slider-box-button-more:hover { background-color: var(--C5); color: var(--C6); border-color: var(--C3); }
[data-bs-theme="dark"] .main-slider .swiper-pagination-bullet { background-color: rgba(255,255,255,.45) !important; }
[data-bs-theme="dark"] .main-slider .swiper-pagination-bullet-active { background-color: var(--C3) !important; }
[data-bs-theme="dark"] .main-slider .swiper-button-next,
[data-bs-theme="dark"] .main-slider .swiper-button-prev { background: rgba(0, 0, 0, 0.35) !important; color: rgba(255, 255, 255, 0.9) !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
[data-bs-theme="dark"] .main-slider .swiper-button-next:hover,
[data-bs-theme="dark"] .main-slider .swiper-button-prev:hover { background: rgba(0, 0, 0, 0.5) !important; color: var(--C3) !important; }
[data-bs-theme="dark"] .category-swiper .swiper-button-next,
[data-bs-theme="dark"] .category-swiper .swiper-button-prev { background: rgba(0, 0, 0, 0.35) !important; color: rgba(255, 255, 255, 0.9) !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
[data-bs-theme="dark"] .category-swiper .swiper-button-next:hover,
[data-bs-theme="dark"] .category-swiper .swiper-button-prev:hover { background: rgba(0, 0, 0, 0.5) !important; color: var(--C3) !important; }
/* اسلایدر محتوا (content-slider-hero): لودر و اسلاید HTML در دارک */
[data-bs-theme="dark"] .content-slider-loader { background-color: var(--C2) !important; }
[data-bs-theme="dark"] .content-slider-loader .spinner-border { color: var(--C3) !important; }
[data-bs-theme="dark"] .content-slider-hero .content-slider-html { background-color: var(--C2); color: var(--C6); }
[data-bs-theme="dark"] .content-slider-hero .content-slider-placeholder { background: var(--C2); border-color: rgba(255,255,255,.2); color: var(--C5); }
/* full-width-section و industry-category در دارک */
[data-bs-theme="dark"] .full-width-section { color: var(--C6); }
[data-bs-theme="dark"] .full-width-section-content { color: var(--C6); }
[data-bs-theme="dark"] .full-width-section-title { color: var(--C6); text-shadow: 2px 2px 4px rgba(0,0,0,.6); }
[data-bs-theme="dark"] .full-width-section-text { color: var(--C5); text-shadow: 1px 1px 2px rgba(0,0,0,.6); }
[data-bs-theme="dark"] .full-width-section-button { color: var(--C6); border: 1px solid var(--C5); background-color: rgba(0,0,0,.3); }
[data-bs-theme="dark"] .full-width-section-button:hover { background-color: var(--C3); color: var(--C6); border-color: var(--C3); }
[data-bs-theme="dark"] .full-width-section-logo-text,
[data-bs-theme="dark"] .full-width-section-logo-subtext { color: var(--C6); }
[data-bs-theme="dark"] .industry-category-box { background-color: var(--C4); color: var(--C6); box-shadow: 0 0 15px rgba(0,0,0,.3); }
[data-bs-theme="dark"] .industry-category-box:hover { background-color: var(--C3); color: var(--C6); box-shadow: 0 0 20px rgba(0,0,0,.4); }
[data-bs-theme="dark"] .industry-category-name { color: var(--C6); }
[data-bs-theme="dark"] .industry-category-box .industry-category-button { background-color: var(--C2); color: var(--C6); border-color: var(--C5); }
[data-bs-theme="dark"] .industry-category-box:hover .industry-category-button { background-color: var(--C3); color: var(--C6); border-color: var(--C3); }
[data-bs-theme="dark"] .industry-category-box .industry-category-button:hover { background-color: var(--C3); color: var(--C6); border-color: var(--C3); }
/* ارزش‌افزوده (صفحه محصول) در دارک */
[data-bs-theme="dark"] .va-option-item { background-color: var(--C2); border-color: var(--C5); color: var(--C6); }
[data-bs-theme="dark"] .va-option-item:hover { border-color: var(--C5); box-shadow: 0 2px 8px rgba(0,0,0,.25); }
[data-bs-theme="dark"] .va-option-item:has(.va-option:checked) { border-color: var(--C3); background-color: rgba(39,73,115,.2); box-shadow: 0 0 0 1px rgba(39,73,115,.4); }
[data-bs-theme="dark"] .va-option-item .form-check-label { color: var(--C6); }
[data-bs-theme="dark"] .va-option-item .form-check-input.va-option { border-color: var(--C5); background-color: var(--C2); }
[data-bs-theme="dark"] .va-option-item .form-check-input:checked { background-color: var(--C3); border-color: var(--C3); }
/* دکمه‌های انتخاب واریانت (سایز/رنگ) در دارک — حالت غیرفعال با بوردر و پس‌زمینه مشخص */
[data-bs-theme="dark"] .variant-buttons-wrapper .variant-select-btn.btn-outline-secondary { background-color: var(--C2); border-color: var(--C5); color: var(--C6); }
[data-bs-theme="dark"] .variant-buttons-wrapper .variant-select-btn.btn-outline-secondary:hover { border-color: var(--C4); color: var(--C6); background-color: var(--C4); }
[data-bs-theme="dark"] .variant-buttons-wrapper .variant-select-btn.active,
[data-bs-theme="dark"] .variant-buttons-wrapper .variant-select-btn.btn-primary { border-color: var(--C3); background-color: var(--C3); color: var(--C2); }
[data-bs-theme="dark"] .variant-buttons-wrapper .variant-select-btn.active:hover,
[data-bs-theme="dark"] .variant-buttons-wrapper .variant-select-btn.btn-primary:hover { background-color: var(--C7); border-color: var(--C7); color: var(--C2); }
/* نوار ثابت موبایل صفحه محصول در دارک */
[data-bs-theme="dark"] .product-sticky-bar { background-color: var(--C2); border-top-color: var(--C5); box-shadow: 0 -2px 12px rgba(0,0,0,.4); }
[data-bs-theme="dark"] .product-sticky-bar .product-sticky-bar-price .price-value { color: var(--C6); }
[data-bs-theme="dark"] .product-sticky-bar .price-currency { color: var(--C6); opacity: .9; }
[data-bs-theme="dark"] .product-sticky-bar .product-sticky-qty { color: var(--C6); opacity: .85; }
/* دکمه و مودال سبد خرید آینده در دارک */
[data-bs-theme="dark"] #btnAddToSavedCart,
[data-bs-theme="dark"] .add-to-cart-card .btn-outline-primary { color: var(--C3) !important; border-color: var(--C3) !important; background: transparent !important; }
[data-bs-theme="dark"] #btnAddToSavedCart:hover,
[data-bs-theme="dark"] .add-to-cart-card .btn-outline-primary:hover { color: var(--C2) !important; background-color: var(--C3) !important; border-color: var(--C3) !important; }
[data-bs-theme="dark"] #savedCartModal .modal-content { background-color: var(--C2); border-color: var(--C5); }
[data-bs-theme="dark"] #savedCartModal .modal-header { border-bottom-color: var(--C5); }
[data-bs-theme="dark"] #savedCartModal .modal-title { color: var(--C6) !important; }
[data-bs-theme="dark"] #savedCartModal .modal-body { color: var(--C6); }
[data-bs-theme="dark"] #savedCartModal .modal-body .text-muted { color: var(--C5) !important; }
[data-bs-theme="dark"] #savedCartModal .modal-footer { border-top-color: var(--C5); }
[data-bs-theme="dark"] #savedCartModal .form-control { background-color: var(--C4); border-color: var(--C5); color: var(--C6); }
[data-bs-theme="dark"] #savedCartModal .form-control::placeholder { color: var(--C5); }
[data-bs-theme="dark"] #savedCartModal #savedCartListContainer .btn-outline-primary { color: var(--C3); border-color: var(--C3); background: transparent; }
[data-bs-theme="dark"] #savedCartModal #savedCartListContainer .btn-outline-primary:hover { color: var(--C2); background-color: var(--C3); border-color: var(--C3); }
[data-bs-theme="dark"] #savedCartModal #savedCartListContainer .badge.bg-secondary { background-color: var(--C5) !important; color: var(--C2); }
[data-bs-theme="dark"] #savedCartModal .btn-outline-secondary { color: var(--C5); border-color: var(--C5); }
[data-bs-theme="dark"] #savedCartModal .btn-outline-secondary:hover { background-color: var(--C4); color: var(--C6); border-color: var(--C5); }
[data-bs-theme="dark"] #savedCartModal .btn-close { filter: invert(1); opacity: .8; }
/* منوی پایین موبایل در دارک */
[data-bs-theme="dark"] .mobile-bottom-menu { background-color: var(--C2); border-top: 1px solid var(--C5); box-shadow: 0 -2px 24px rgba(0,0,0,.5); }
[data-bs-theme="dark"] .mobile-bottom-menu .menu-item { color: var(--C5); }
[data-bs-theme="dark"] .mobile-bottom-menu .menu-item:active,
[data-bs-theme="dark"] .mobile-bottom-menu .menu-item:focus { color: var(--C6); }
[data-bs-theme="dark"] .mobile-bottom-menu .menu-item.active,
[data-bs-theme="dark"] .mobile-bottom-menu .menu-item.active:focus { color: var(--C3); font-weight: bold; }
[data-bs-theme="dark"] .mobile-bottom-menu .menu-item.active i { color: var(--C3); }
/* هر سکشن/المان با bg-white در دارک */
[data-bs-theme="dark"] .bg-white { background-color: var(--C8) !important; color: var(--C6); }
[data-bs-theme="dark"] .bg-white h1, [data-bs-theme="dark"] .bg-white h2, [data-bs-theme="dark"] .bg-white h3, [data-bs-theme="dark"] .bg-white h4 { color: var(--C6); }
[data-bs-theme="dark"] .bg-white p, [data-bs-theme="dark"] .bg-white li, [data-bs-theme="dark"] .bg-white td { color: var(--C6); }
[data-bs-theme="dark"] .bg-white a { color: var(--C3); }
[data-bs-theme="dark"] .bg-white a:hover { color: var(--C6); }
[data-bs-theme="dark"] .bg-white table { border-color: var(--C5); }
[data-bs-theme="dark"] .bg-white th, [data-bs-theme="dark"] .bg-white td { border-color: var(--C5); }
/* سوالات متداول (صفحه محصول) — متن پاسخ‌ها در دارک */
[data-bs-theme="dark"] .accordion-body { color: var(--C6); background-color: var(--C2); }
[data-bs-theme="dark"] .accordion-body p { color: var(--C6); }
[data-bs-theme="dark"] .faq-section h3 { color: var(--C6); }
[data-bs-theme="dark"] .faq-section h3 i { color: var(--C3); }
[data-bs-theme="dark"] .header-search-dropdown { background-color: var(--C9); border-color: var(--C4); color: var(--C6); }
[data-bs-theme="dark"] .header-search-inner { border-bottom-color: var(--C4); }
[data-bs-theme="dark"] .header-search-input { color: var(--C6); border-color: var(--C4); }
[data-bs-theme="dark"] .header-search-input:focus { border-color: var(--C3); }
[data-bs-theme="dark"] .header-search-close-btn { background: var(--C4); color: var(--C6); }
[data-bs-theme="dark"] .header-search-close-btn:hover { background: var(--C5); color: var(--C6); }
[data-bs-theme="dark"] .header-search-all-row { color: var(--C6); }
[data-bs-theme="dark"] .header-search-all-row:hover { background: var(--C8); color: var(--C3); }
[data-bs-theme="dark"] .header-search-cat-title { color: var(--C5); }
[data-bs-theme="dark"] .header-search-cat-title:hover { background: var(--C8); color: var(--C6); }
[data-bs-theme="dark"] .header-search-cat-title .header-search-cat-title-query { color: var(--C3); }
[data-bs-theme="dark"] .header-search-cat-title .header-search-cat-title-text { color: var(--C5); }
[data-bs-theme="dark"] .header-search-cat-title:hover .header-search-cat-title-query { color: var(--C3); }
[data-bs-theme="dark"] .header-search-cat-title i.ti-search { color: var(--C5); }
[data-bs-theme="dark"] .header-search-cat-title:hover i.ti-search { color: var(--C6); }
[data-bs-theme="dark"] .header-search-item { color: var(--C6); }
[data-bs-theme="dark"] .header-search-item:hover { background: var(--C8); color: var(--C6); }
/* منوی همبرگر در دارک — خط زیر آیتم‌ها روشن نباشد */
[data-bs-theme="dark"] .main-menu-list li { border-bottom-color: rgba(255,255,255,.08); }
[data-bs-theme="dark"] .bottom-header .main-menu-list li { border-bottom-color: rgba(255,255,255,.08); }
/* مقاله، مگامنو و هدر در دارک */
[data-bs-theme="dark"] .article-body { background-color: var(--C7); }
[data-bs-theme="dark"] .header .bottom-header .main-menu-list li.mega-menu-item .dropdown-menu.mega-menu { background-color: var(--C4); border-color: var(--C4); color: var(--C6); }
[data-bs-theme="dark"] .header .bottom-header .main-menu-list li.mega-menu-item .dropdown-menu.mega-menu .mega-menu-column-title { color: var(--C6); border-bottom-color: var(--C5); }
[data-bs-theme="dark"] .header .bottom-header .main-menu-list li.mega-menu-item .dropdown-menu.mega-menu .mega-menu-links li a.dropdown-item { color: var(--C6); }
[data-bs-theme="dark"] .header .bottom-header .main-menu-list li.mega-menu-item .dropdown-menu.mega-menu .mega-menu-links li a.dropdown-item:hover { color: var(--C3); }
[data-bs-theme="dark"] .header .bottom-header .main-menu-list li.mega-menu-item .dropdown-menu.mega-menu .mega-menu-link-item { background-color: var(--C2); color: var(--C6); border-bottom-color: var(--C5); }
[data-bs-theme="dark"] .header .bottom-header .main-menu-list li.mega-menu-item .dropdown-menu.mega-menu .mega-menu-link-item:hover { background-color: var(--C1); color: var(--C2); }
[data-bs-theme="dark"] .header .bottom-header .main-menu-list li.mega-menu-item .dropdown-menu.mega-menu .mega-menu-link-text { color: inherit; }
[data-bs-theme="dark"] .mega-menu-wpg .mega-menu-left-panel { background: var(--C8); border-right-color: var(--C5); }
[data-bs-theme="dark"] .mega-menu-wpg .mega-menu-left-panel .mega-menu-col-title a { color: var(--C6) !important; }
[data-bs-theme="dark"] .mega-menu-wpg .mega-menu-left-panel .mega-menu-col-title a:hover { color: var(--C3) !important; }
[data-bs-theme="dark"] .mega-menu-wpg .mega-menu-left-panel .mega-menu-col-links a { color: var(--C5) !important; }
[data-bs-theme="dark"] .mega-menu-wpg .mega-menu-left-panel .mega-menu-col-links a:hover { color: var(--C3) !important; }
[data-bs-theme="dark"] .mega-menu-wpg .mega-menu-left-panel .mega-menu-all-link { color: var(--C3); }
[data-bs-theme="dark"] .mega-menu-wpg .mega-menu-left-panel .mega-menu-all-link:hover { color: var(--C3); background: rgba(255,255,255,.06); }
[data-bs-theme="dark"] .mega-menu-wpg .mega-menu-right-panel { background: var(--C4); border-radius: 0 0 0 12px; }
[data-bs-theme="dark"] .mega-menu-wpg .mega-menu-cats-header { color: var(--C6); border-bottom-color: var(--C5); }
[data-bs-theme="dark"] .mega-menu-wpg .mega-menu-cats-header .ti { color: var(--C5); }
[data-bs-theme="dark"] .mega-menu-wpg .mega-menu-main-cats { background: var(--C4); }
[data-bs-theme="dark"] .mega-menu-wpg .mega-menu-main-cats li a { color: var(--C6) !important; }
[data-bs-theme="dark"] .mega-menu-wpg .mega-menu-main-cats li:hover a,
[data-bs-theme="dark"] .mega-menu-wpg .mega-menu-main-cats li.active a { color: var(--C2) !important; background: rgba(255,255,255,.08) !important; border-right-color: var(--C3) !important; }
[data-bs-theme="dark"] .mega-menu-wpg .mega-menu-main-cats li a .mega-menu-cat-icon { color: var(--C5); }
[data-bs-theme="dark"] .mega-menu-wpg .mega-menu-main-cats li:hover a .mega-menu-cat-icon,
[data-bs-theme="dark"] .mega-menu-wpg .mega-menu-main-cats li.active a .mega-menu-cat-icon { color: var(--C3) !important; }
[data-bs-theme="dark"] .header.scrolled { box-shadow: 0 13px 20px rgba(0,0,0,.5); }
[data-bs-theme="dark"] .header-account-dropdown-menu { border-color: var(--C5); }
[data-bs-theme="dark"] .header-account-dropdown-menu .dropdown-item:hover { background-color: rgba(255,255,255,.08); }
[data-bs-theme="dark"] .cart-summary-box { background-color: var(--C1); border-color: var(--C5); color: var(--C6); }
/* هدر صفحات (عنوان و بردکرامب) در دارک — متن روشن برای خوانایی */
[data-bs-theme="dark"] .header-bg { color: var(--C6) !important; }
[data-bs-theme="dark"] .header-bg h2 { color: var(--C6) !important; }
[data-bs-theme="dark"] .header-bg .breadcrumb-item { color: var(--C5) !important; }
[data-bs-theme="dark"] .header-bg .breadcrumb-item.active { color: var(--C6) !important; }
[data-bs-theme="dark"] .header-bg .breadcrumb-item + .breadcrumb-item::before { color: var(--C5) !important; }
[data-bs-theme="dark"] .header-bg a { color: var(--C6) !important; }
[data-bs-theme="dark"] .header-bg a:hover { color: var(--C3) !important; }
/* بردکرامب در دارک (صفحه محصول و هر جایی خارج از header-bg) */
[data-bs-theme="dark"] .breadcrumb-item { color: var(--C5) !important; }
[data-bs-theme="dark"] .breadcrumb-item.active { color: var(--C6) !important; }
[data-bs-theme="dark"] .breadcrumb-item + .breadcrumb-item::before { color: var(--C5) !important; }
[data-bs-theme="dark"] .breadcrumb-item a { color: var(--C6) !important; text-decoration: none; }
[data-bs-theme="dark"] .breadcrumb-item a:hover { color: var(--C3) !important; }
/* mega-menu-subcats در دارک */
[data-bs-theme="dark"] .mega-menu-subcats { background-color: var(--C8); border-left-color: var(--C5); }
[data-bs-theme="dark"] .mega-menu-subcats a { color: var(--C6) !important; }
[data-bs-theme="dark"] .mega-menu-subcats a:hover { color: var(--C3) !important; border-bottom-color: var(--C3); }
[data-bs-theme="dark"] .mega-menu-wpg .mega-menu-subcats .mega-menu-col-title a { color: var(--C6) !important; }
[data-bs-theme="dark"] .mega-menu-wpg .mega-menu-subcats .mega-menu-col-links a { color: var(--C5) !important; }
[data-bs-theme="dark"] .mega-menu-wpg .mega-menu-subcats .mega-menu-col-links a:hover { color: var(--C3) !important; }
/* صفحه درباره ما در دارک */
[data-bs-theme="dark"] section.bg-light { background-color: var(--C8) !important; }
[data-bs-theme="dark"] .about-intro-card { color: var(--C6); }
[data-bs-theme="dark"] .about-intro-card h2,
[data-bs-theme="dark"] .about-intro-card .lead { color: var(--C6); }
[data-bs-theme="dark"] .about-card { background-color: var(--C2); border-color: var(--C5); box-shadow: 0 4px 15px rgba(0,0,0,.25); }
[data-bs-theme="dark"] .about-card:hover { box-shadow: 0 8px 25px rgba(0,0,0,.35); border-color: var(--C3); }
[data-bs-theme="dark"] .about-card h3 { color: var(--C3); }
[data-bs-theme="dark"] .about-card h3::after { background: linear-gradient(90deg, var(--C3) 0%, var(--C5) 100%); }
[data-bs-theme="dark"] .about-card-icon { box-shadow: 0 4px 15px rgba(0,0,0,.3); }
[data-bs-theme="dark"] .about-card-icon i { color: var(--C6); }
[data-bs-theme="dark"] .ceo-message-card { background: linear-gradient(135deg, var(--C2) 0%, var(--C8) 100%); border-color: var(--C5); }
[data-bs-theme="dark"] .ceo-message-header { border-bottom-color: var(--C5); }
[data-bs-theme="dark"] .ceo-message-header h3 { color: var(--C6); }
[data-bs-theme="dark"] .ceo-message-icon i { color: var(--C6); }
[data-bs-theme="dark"] .ceo-greeting { color: var(--C6); }
[data-bs-theme="dark"] .ceo-salutation,
[data-bs-theme="dark"] .ceo-greeting-text { color: var(--C6); }
[data-bs-theme="dark"] .ceo-quote { background: linear-gradient(135deg, var(--C4) 0%, var(--C8) 100%); border-right-color: var(--C3); }
[data-bs-theme="dark"] .ceo-quote-text { color: var(--C3); }
[data-bs-theme="dark"] .ceo-signature { border-top-color: var(--C5); }
[data-bs-theme="dark"] .ceo-name { color: var(--C3); }
[data-bs-theme="dark"] .ceo-title { color: var(--C5); }
/* متن کم‌رنگ در دارک مود — خوانایی روی پس‌زمینه تیره */
[data-bs-theme="dark"] .text-muted { color: var(--C5) !important; }
[data-bs-theme="dark"] .site-loader-wrap.loading::before { background: rgba(15, 23, 42, 0.88); }
[data-bs-theme="dark"] .site-loader-spinner { border-color: rgba(255,255,255,0.1); border-left-color: var(--C3); }
.site-ajax-overlay { position: fixed; inset: 0; background: rgba(255,255,255,0.65); z-index: 99990; display: none; align-items: center; justify-content: center; backdrop-filter: blur(3px); }
.site-ajax-overlay.show { display: flex; }
.site-ajax-overlay .site-loader-spinner { position: static; transform: none; display: block; }
[data-bs-theme="dark"] .site-ajax-overlay { background: rgba(11, 18, 32, 0.82); }

@keyframes shimmer {
    0% { transform: translateX(-100%) }
    100% { transform: translateX(100%) }
}

.swiper-pagination-bullet { background: var(--C3) !important }
.swiper-pagination-bullet-active { background: var(--C1) !important }
.back { position: relative; z-index: 1 }
.back::before { content: ""; position: absolute; inset: 0; background: url('/assets/images/main/ShamsDentex-logo-dark.png') center center no-repeat; opacity: .2; z-index: -1; pointer-events: none }
.card.bghover_c4:hover { box-shadow: 0 0 11px 4px #c7c7c7; transition: box-shadow .3s }
.request-price, .wishlist { width: 220px }
.request-price .btn-primary:hover { background-color: #1c7a1c }
.wishlist .btn-secondary:hover { background-color: #ffc005 !important; color: var(--C6) }
.fixed-bottom-player audio { width: 100%; margin-top: 0 }
.audio-player-container.fixed-bottom-player { position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; transition: .3s ease-in-out; opacity: 1; background-color: var(--C2); box-shadow: 0 4px 20px rgba(0,0,0,.8); margin-bottom: 0 !important; border-bottom-right-radius: 0; border-bottom-left-radius: 0 }
.audio-player-container.fixed-bottom-player-space { opacity: 0; visibility: hidden; transition: opacity .5s ease-in-out,visibility .5s ease-in-out }
.audio-player-container.fixed-bottom-player.hidden { opacity: 0; transform: translateY(100%) }
.audio-player-loader { position: absolute; left: 10px; bottom: 15px; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; z-index: 10; opacity: 1; transition: opacity .3s ease-in-out }
#audio-player .audio-player-loader { left: 21px; top: 16px }
.audio-player-loader.hidden { opacity: 0; pointer-events: none }
.audio-player-loader .spinner { width: 30px; height: 30px; border: 4px solid var(--C1); border-top: 4px solid var(--C2); border-radius: 50%; animation: 1s linear infinite spin }
.accordion-body, .accordion-button { border: 1px solid var(--C4); padding: 1rem }
.accordion-button { background-color: var(--C2); color: var(--C6); font-weight: 500; text-align: right; transition: .3s }
.accordion-body, .faq-section h3 i { color: var(--C1) }
.accordion-button:not(.collapsed) { background-color: var(--C1); color: #fff }
.accordion-button:focus { box-shadow: none; border-color: var(--C1) }
.accordion-button::after { margin-right: auto; margin-left: 0 }
.accordion-body { background-color: var(--C0); border-top: none; border-radius: 0 0 8px 8px; text-align: justify; line-height: 1.8 }
.accordion-body p { margin-bottom: 0; font-size: 90% }
.faq-section { margin-top: 3rem; margin-bottom: 3rem }
.faq-section h3 { display: flex; align-items: center; gap: .5rem }
.accordion-item { border: none; margin-bottom: 10px }
.notification-container { position: fixed; z-index: 100; bottom: 20px; right: 5%; width: 90%; background-color: #fff; border-radius: .5rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15); padding: 1.5rem; max-width: 350px; z-index: 1000; opacity: 0; transform: translateY(100%); transition: opacity 0.5s ease-out, transform 0.5s ease-out; pointer-events: none; display: flex; flex-direction: column; gap: 1rem; padding-top: 2.5rem; }
.notification-container.show { opacity: 0.97 !important; transform: translateY(0) !important; pointer-events: auto !important; }
.notification-container .btn-close { position: absolute; top: 10px; left: 10px; }
/* باکس نوتیفیکیشن (فعال‌سازی/دسترسی) در دارک مود */
[data-bs-theme="dark"] .notification-container { background-color: var(--C2) !important; box-shadow: 0 0.5rem 1rem rgba(0,0,0,.4); border: 1px solid var(--C5); }
[data-bs-theme="dark"] .notification-container .card-title { color: var(--C6) !important; }
[data-bs-theme="dark"] .notification-container .card-text { color: var(--C6); opacity: .95; }
[data-bs-theme="dark"] .notification-container .btn-close { filter: invert(1); opacity: .9; }
[data-bs-theme="dark"] .notification-container .btn-primary { color: #fff !important; border-color: var(--C3); }

@media screen and (max-width:767px) {
    .notification-container { max-width: 90%; z-index: 9999; bottom: 75px; }
}

/* توست showToast (site-notify.js) — ورود از بالا، خروج به بالا */
.site-toast-item { position: fixed; top: 20px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: min(420px, calc(100vw - 2rem)); min-width: 280px; z-index: 9999; box-shadow: 0 4px 16px rgba(0,0,0,.18); border: none; border-radius: 8px; transform: translateY(-100%); opacity: 0; transition: transform 0.35s ease-out, opacity 0.25s ease-out; font-weight: bold; }
.site-toast-item.site-toast-visible { transform: translateY(0); opacity: 1; }
.site-toast-item.site-toast-hiding { transform: translateY(-100%); opacity: 0; }
.site-toast-item .site-toast-icon { font-size: 1.25rem; }
/* نوع توست: پس‌زمینه و متن برای success, danger, warning, info */
.site-toast-item.alert-success { background-color: #d1e7dd; color: #0f5132; border: 1px solid #badbcc; }
.site-toast-item.alert-danger { background-color: #f8d7da; color: #842029; border: 1px solid #f5c2c7; }
.site-toast-item.alert-warning { background-color: #fff3cd; color: #664d03; border: 1px solid #ffecb5; }
.site-toast-item.alert-info { background-color: #cff4fc; color: #055160; border: 1px solid #b6effb; }
[data-bs-theme="dark"] .site-toast-item.alert-success { background-color: #0d3329; color: #75b798; border-color: #1a4d3d; }
[data-bs-theme="dark"] .site-toast-item.alert-danger { background-color: #3d1f23; color: #f1aeb5; border-color: #5c2a2f; }
[data-bs-theme="dark"] .site-toast-item.alert-warning { background-color: #3d3500; color: #ffe066; border-color: #665c00; }
[data-bs-theme="dark"] .site-toast-item.alert-info { background-color: #0d3d47; color: #6edff6; border-color: #1a5f6d; }

.mega-menu-item { position: relative; }
.mega-menu .container { border-radius: 0 0 12px 12px; box-shadow: 0 8px 32px rgba(0,0,0,0.12); padding: 0 }
.mega-menu-main-cats { background-color: var(--C4); border-left: 2px solid var(--C1); padding: 0; margin: 0; max-height: 425px; width: 100%; overflow: auto }
.mega-menu-main-cats li { cursor: pointer; width: 100%; font-weight: 900; border-bottom: 1px solid #f5f5f5; transition: background 0.2s; }
.mega-menu-main-cats li a { color: black !important; display: flex !important; font-weight: bold !important }
.mega-menu-main-cats li:hover { color: var(--C1) !important }
.mega-menu-main-cats li.active a, .mega-menu-main-cats li:hover a { color: var(--C1) !important; background-color: var(--C0); border-bottom-right-radius: 5px; border-top-right-radius: 5px }
.mega-menu-subcats { display: none; width: 98%; min-height: 425px; max-height: 425px; overflow: auto; border-left: 1px solid #eee }
.mega-menu-subcats.active { display: block; }
.mega-menu-subcats ul { padding-right: 0; }
.mega-menu-subcats > ul > li { font-weight: 600; margin-bottom: 12px; padding: 4px }
.mega-menu-subcats a { color: Black !important; display: flex !important; text-decoration: none; font-weight: bold !important; display: block; padding: 7px 5px 4px !important; border-bottom: 2px solid transparent; transition: color 0.2s; }
.mega-menu-subcats a:hover { color: var(--C1) !important; border-bottom: 2px solid var(--C1) }
.subcategorytitle { background-color: var(--C4); border-radius: 5px }
.mega-menu { border: none; left: 0; right: 0; top: 100%; min-width: 900px; padding: 0; }
.mega-menu { display: none; position: absolute; z-index: 1000; }
.mega-menu-item:hover > .mega-menu, .mega-menu-item:focus-within > .mega-menu { display: block; }
.mega-menu-column-list { display: flex !important; }
.list-unstyled .mega-menu-subsubcats li { width: 100% }
.list-unstyled .mega-menu-subsubcats li a { padding: 10px 5px; display: flex !important; font-weight: 500 !important; }

/* مدل wpg: دو پنل راست (دسته‌ها) و چپ (زیردسته‌ها) */
.mega-menu-wpg { overflow-x: hidden; }
.mega-menu-wpg .mega-menu-inner { padding: 0; max-width: 100%; overflow-x: hidden; }
.mega-menu-wpg .mega-menu-right-panel { width: 240px; min-width: 240px; background: #f5f5f5; padding: 0; max-height: 450px; overflow-y: auto; border-radius: 0 0 0 12px; }
.mega-menu-wpg .mega-menu-cats-header { padding: 14px 16px; font-weight: 700; font-size: 1rem; color: #333; border-bottom: 1px solid #e0e0e0; display: flex; align-items: center; }
.mega-menu-wpg .mega-menu-cats-header .ti { color: #666; }
.mega-menu-wpg .mega-menu-main-cats { background: #f5f5f5; border: none; max-height: none; padding: 8px 0; }
.mega-menu-wpg .mega-menu-main-cats li { border-bottom: none; font-weight: 600; }
.mega-menu-wpg .mega-menu-main-cats li a { color: #666 !important; padding: 10px 16px !important; align-items: center; font-weight: 600 !important; text-decoration: none; border-radius: 0; background: transparent !important; border-right: 3px solid transparent !important; }
.mega-menu-wpg .mega-menu-main-cats li a .mega-menu-cat-icon { color: #999; transition: color 0.2s; }
.mega-menu-wpg .mega-menu-main-cats li:hover a,
.mega-menu-wpg .mega-menu-main-cats li.active a { color: var(--C1) !important; background: rgba(0,0,0,0.04) !important; border-right-color: var(--C1) !important; }
.mega-menu-wpg .mega-menu-main-cats li:hover a .mega-menu-cat-icon,
.mega-menu-wpg .mega-menu-main-cats li.active a .mega-menu-cat-icon { color: var(--C1) !important; }
.mega-menu-wpg .mega-menu-left-panel { background: #fff; padding: 20px 24px; max-height: 450px; overflow-x: hidden; overflow-y: auto; border-radius: 0 0 12px 0; border-right: 1px solid #eee; }
.mega-menu-wpg .mega-menu-subcats { display: none; min-height: auto; max-height: none; width: 100%; border: none; padding: 0; }
.mega-menu-wpg .mega-menu-subcats.active { display: block; overflow: hidden; }
.mega-menu-wpg .mega-menu-all-link { display: inline-block; color: #0288d1; font-size: 0.95rem; margin-bottom: 16px; text-decoration: none; font-weight: 500; padding: 4px 8px 4px 0; border-radius: 4px; transition: color 0.2s, background 0.2s; }
.mega-menu-wpg .mega-menu-all-link:hover { color: var(--C1) !important; background: rgba(0,0,0,0.04); }
.mega-menu-wpg .mega-menu-subcats-columns { margin: 0 -8px; }
.mega-menu-wpg .mega-menu-col { padding: 0 8px; margin-bottom: 8px; }
.mega-menu-wpg .mega-menu-col-title { font-size: 0.95rem; font-weight: 700; margin: 0 0 10px 0; padding-right: 12px; position: relative; }
.mega-menu-wpg .mega-menu-col-title::before { content: ''; position: absolute; right: 0; top: 2px; bottom: 2px; width: 3px; background: var(--C1); border-radius: 2px; }
.mega-menu-wpg .mega-menu-col-title a { color: #333 !important; text-decoration: none; display: inline-block; transition: color 0.2s; }
.mega-menu-wpg .mega-menu-col-title a:hover { color: var(--C1) !important; border-bottom: 2px solid var(--C1); }
.mega-menu-wpg .mega-menu-col-links { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; }
.mega-menu-wpg .mega-menu-col-links li { margin-bottom: 0; padding-right: 15px; }
.mega-menu-wpg .mega-menu-col-links a { color: #666 !important; font-weight: 400 !important; font-size: 0.9rem; padding: 6px 0 !important; text-decoration: none; display: block; border: none !important; transition: color 0.2s; }
.mega-menu-wpg .mega-menu-col-links a:hover { color: var(--C1) !important; }
.mega-menu-wpg .container { border-radius: 0 0 12px 12px; overflow: hidden; }

@media (max-width: 992px) {
    .mega-menu-main-cats li.active a, .mega-menu-main-cats li:hover a { background-color: unset; }
    .mega-menu .container { border-radius: 0; }
    .mega-menu { max-width: 200px; }
    .header .bottom-header .main-menu-list li.mega-menu-item .dropdown-menu.mega-menu { padding: 0 }
    .mega-menu-subcats { display: none !important }
    .mega-menu > .col-md-9 { display: none !important }
    /* موبایل: فقط دسته‌بندی‌های اصلی (پنل راست) */
    .mega-menu-wpg .mega-menu-left-panel { display: none !important; }
    .mega-menu-wpg .mega-menu-right-panel { display: block !important; width: 100%; min-width: 100%; max-height: 70vh; overflow-y: auto; }
    .mega-menu-wpg .mega-menu-inner { max-width: 100%; }
    .mega-menu-wpg .container { max-width: 100%; }
}

.black-box-shadow { box-shadow: inset 1px 1px 20px 0px #000000 }

.mobile-bottom-menu { position: fixed; bottom: -1px; right: 0; left: 0; z-index: 1050; background: var(--C1); box-shadow: 0 -2px 39px rgba(0, 0, 0, 0.80); padding: 0; height: 66px; display: flex; align-items: center; justify-content: center; }
.mobile-bottom-menu .mobile-menu-list { display: flex; flex-direction: row; justify-content: space-around; align-items: center; width: 100%; margin: 0; padding: 0; list-style: none; height: 100%; }
.mobile-bottom-menu .menu-item { display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--C5); font-size: 12px; text-decoration: none; transition: color 0.2s; height: 100%; }
.mobile-bottom-menu .menu-item i { font-size: 28px; margin-bottom: 2px; display: block; }
.menu-item span { font-size: 80% }
.mobile-bottom-menu .menu-item:active,
.mobile-bottom-menu .menu-item:focus { color: var(--C2); }

/* تا 992px منوی پایین نمایش (override برای d-lg-none در 992px) */
@media (max-width: 992px) {
    .mobile-bottom-menu { display: flex !important; }
}
/* از 993px به بالا منوی پایین مخفی */
@media (min-width: 993px) {
    .mobile-bottom-menu { display: none !important; }
}

/* موبایل خوابیده (landscape): منو سمت راست، عمودی؛ محتوا پدینگ تا زیر منو نرود */
@media (max-width: 992px) and (orientation: landscape) {
    .mobile-bottom-menu {
        bottom: auto; left: auto; top: 0; right: 0; width: 66px; height: 100vh; min-height: 100%;
        flex-direction: column; justify-content: center;
        box-shadow: -2px 0 24px rgba(0, 0, 0, 0.35);
    }
    .mobile-bottom-menu .mobile-menu-list {
        flex-direction: column; justify-content: space-around; height: 100%; width: 100%;
    }
    .mobile-bottom-menu .menu-item { height: auto; padding: 10px 0; min-height: 56px; }
    .mobile-bottom-menu .menu-item i { margin-bottom: 2px; }
    .main { padding-right: 66px; }
    .mobile-account-offcanvas.offcanvas-bottom { right: 66px; }
}
[dir="rtl"] @media (max-width: 992px) and (orientation: landscape) {
    .mobile-bottom-menu { right: 0; left: auto; box-shadow: 2px 0 24px rgba(0, 0, 0, 0.35); }
}

.mobile-bottom-menu .menu-item.active,
.mobile-bottom-menu .menu-item.active:focus { color: var(--C2); font-weight: bold; }
.mobile-bottom-menu .menu-item.active i { color: var(--C2); }

.mobile-menu-cart-wrap { position: relative; }
.mobile-bottom-menu .mobile-menu-cart-wrap .menu-item { position: relative; }
.mobile-bottom-menu .mobile-menu-cart-wrap .cart-count { position: absolute; left: 50%; top: -5px; margin-left: 12px; font-size: 120%; }

/* آف‌کنواس حساب کاربری موبایل — همان ظاهر منوی دسکتاپ، از پایین به بالا */
.mobile-account-offcanvas.offcanvas-bottom { bottom: 65px; height: 75vh; max-height: 75vh; min-height: 65vh; border-radius: 16px 16px 0 0; background-color: var(--C1) !important; }
.mobile-account-offcanvas .offcanvas-header { background-color: var(--C1); border-bottom-color: rgba(255,255,255,.15) !important; }
.mobile-account-offcanvas .offcanvas-title { color: var(--C2); font-weight: 600; }
.mobile-account-offcanvas .offcanvas-body { padding: 1rem 30px 1.5rem; }
.mobile-account-offcanvas .mobile-account-offcanvas-menu { min-width: auto; padding: 0; box-shadow: none; border: none; background: transparent !important; }
.mobile-account-offcanvas .mobile-account-offcanvas-menu li { margin-right: unset !important; }
.mobile-account-offcanvas .header-account-dropdown-menu .dropdown-item { font-size: 14px; padding: 0.7rem 1rem; }
.mobile-account-offcanvas .header-account-phone-row .header-account-phone-value { font-size: 120%; padding: 0.7rem 1rem; }
/* آف‌کنواس حساب کاربری موبایل در دارک — متن و لینک‌ها خوانا */
[data-bs-theme="dark"] .mobile-account-offcanvas { background-color: var(--C2) !important; }
[data-bs-theme="dark"] .mobile-account-offcanvas .offcanvas-header { background-color: var(--C2); border-bottom-color: var(--C5) !important; }
[data-bs-theme="dark"] .mobile-account-offcanvas .offcanvas-title { color: var(--C6) !important; }
[data-bs-theme="dark"] .mobile-account-offcanvas .offcanvas-body { color: var(--C6); }
[data-bs-theme="dark"] .mobile-account-offcanvas .dropdown-item { color: var(--C6) !important; }
[data-bs-theme="dark"] .mobile-account-offcanvas .dropdown-item:hover { background-color: rgba(255,255,255,.08); color: var(--C6) !important; }
[data-bs-theme="dark"] .mobile-account-offcanvas .dropdown-item.text-danger { color: #f87171 !important; }
[data-bs-theme="dark"] .mobile-account-offcanvas .dropdown-item.text-danger:hover { color: #fca5a5 !important; background-color: rgba(248,113,113,.12); }
[data-bs-theme="dark"] .mobile-account-offcanvas .dropdown-divider { border-color: var(--C5) !important; }
[data-bs-theme="dark"] .mobile-account-offcanvas .header-account-phone-item { color: var(--C5) !important; }
[data-bs-theme="dark"] .mobile-account-offcanvas .header-account-phone-value { color: var(--C6) !important; }
[data-bs-theme="dark"] .mobile-account-offcanvas .btn-close { filter: invert(1); opacity: .9; }

/* صفحه‌بندی یکسان در کل سایت (پروفایل، کیف پول، وبلاگ، دسته‌بندی و ...) — لایت و دارک */
.pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.5rem; margin-top: 1rem; margin-bottom: 1rem; list-style: none; padding: 0; }
.pagination .page-item { list-style: none; margin: 0; }
.pagination .page-link,
.pagination > a.page-link { border-radius: 0.5rem; padding: 0.5rem 0.75rem; border: 1px solid var(--C4); color: var(--C1); background: var(--C8); text-decoration: none; transition: all 0.2s ease; min-width: 40px; text-align: center; cursor: pointer; }
.pagination .page-link:hover,
.pagination > a.page-link:hover { background: var(--C1); color: var(--C2); border-color: var(--C1); }
.pagination .page-item.active .page-link,
.pagination .page-link.active,
.pagination > a.page-link.active { background: var(--C1); color: var(--C2); border-color: var(--C1); font-weight: 600; }
.pagination .page-item.disabled .page-link,
.pagination .page-link.disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
[data-bs-theme="dark"] .pagination .page-link,
[data-bs-theme="dark"] .pagination > a.page-link { color: var(--C6); border-color: var(--C5); background: var(--C8); }
[data-bs-theme="dark"] .pagination .page-link:hover,
[data-bs-theme="dark"] .pagination > a.page-link:hover { background: var(--C4); color: var(--C6); border-color: var(--C4); }
[data-bs-theme="dark"] .pagination .page-item.active .page-link,
[data-bs-theme="dark"] .pagination .page-link.active,
[data-bs-theme="dark"] .pagination > a.page-link.active { background: var(--C3); color: var(--C6); border-color: var(--C3); }
@media (max-width: 767px) {
    .pagination .page-link, .pagination > a.page-link { padding: 0.4rem 0.5rem; min-width: 36px; font-size: 0.9rem; }
}

.card-img { padding: 10px }
.card-footer { padding: 25px 0 }

/* کارت محصول: بخش قیمت همیشه پایین کارت */
.product-card.card { min-height: 0; }
.product-card .card-body { min-height: 0; }
.product-card .product-card-content { min-height: 0; }

/* واریانت کارت محصول: ردیف بج‌های جدا (متن) + سویچ رنگ */
.product-card .product-card-variant-row {
    font-size: 0.62rem;
    line-height: 1.25;
    max-width: 100%;
    vertical-align: middle;
}
.product-card .product-card-variant-pill { color: inherit; }
.product-card .product-card-variant-row .color-swatch {
    width: 9px !important;
    height: 9px !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    vertical-align: middle;
}

/* کارت محصول افقی (همان کنترل، حالت Horizontal) — تصویر مربعی، ارتفاع کشیده نشود */
.product-card--horizontal { flex-direction: row; text-align: right; align-items: center; }
.product-card--horizontal .card-img { width: 120px; min-width: 120px; height: 120px; flex-shrink: 0; align-self: center; display: flex; flex-direction: column; justify-content: center; padding: 8px; overflow: hidden; }
.product-card--horizontal .card-img .card-img-top { width: 100%; height: 100%; object-fit: cover; object-position: center center; border-radius: 8px; }
.product-card--horizontal .card-body { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; }
.product-card--horizontal .card-footer { flex-shrink: 0; display: flex; align-items: center; padding: 12px 1rem; }
.product-card--horizontal .card-footer .d-flex { margin-bottom: 0; }
.product-card--horizontal .card-title { font-size: 0.95rem; margin-bottom: 0.35rem; }
.product-card--horizontal .product-price { margin-top: 0.35rem !important; }

@media (max-width: 575px) {
    .product-card--horizontal .card-img { width: 80px; min-width: 80px; height: 80px; }
}

/* لیست محصولات موبایل: همان مدل افقی سرچ (product-card--horizontal) */
@media (max-width: 767px) {
    .productsContainer .row > div,
    .productsContainer .row > [class*="col-"] { flex: 0 0 100%; max-width: 100%; }

    .productsContainer .card.flex-column { flex-direction: unset !important; }

    .productsContainer .product-card .product-card-content .card-text { display: none !important; }

    .productsContainer .product-card .product-card-view-link { min-width: unset !important; }

    .productsContainer .product-card .add-to-cart-btn { display: none !important; }

    .productsContainer .product-card { flex-direction: row; text-align: right; align-items: center; }
    .productsContainer .product-card .card-img { width: 120px; min-width: 120px; height: 120px; flex-shrink: 0; align-self: center; display: flex; flex-direction: column; justify-content: center; padding: 8px; overflow: hidden; }
    .productsContainer .product-card .card-img .card-img-top { width: 100%; height: 100%; object-fit: cover; object-position: center center; border-radius: 8px; }
    .productsContainer .product-card .card-body { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; }
    .productsContainer .product-card .card-footer { flex-shrink: 0; display: flex; align-items: center; padding: 0; }
    .productsContainer .product-card .card-footer .d-flex { margin-bottom: 0; }
    .productsContainer .product-card .card-title { font-size: 0.95rem; margin-bottom: 0.35rem; }
    .productsContainer .product-card .product-price { margin-top: 0.35rem !important; }
}

@media (max-width: 575px) {
    .productsContainer .product-card .card-img { width: 80px; min-width: 80px; height: 80px; }
}


/* استایل‌های آیکون سبد خرید */
.cart-icon-link { position: relative; transition: all 0.3s ease; }
.cart-icon-link:hover { transform: scale(1.05); }

/* ==========================================
   سبد خرید - Shopping Cart Styles
   ========================================== */

/* آیکن سبد خرید در هدر */
.cart-icon-link { position: relative; align-items: center; text-decoration: none; color: var(--bs-body-color); transition: all 0.3s ease; padding-left: 20px; border-radius: 8px; }

.cart-icon-link:hover { background-color: rgba(var(--bs-primary-rgb), 0.1); transform: translateY(-1px); }

.cart-icon-link .ti { font-size: 1.25rem; margin-left: 8px; }

/* شمارنده سبد خرید */
.cart-count { position: absolute; left: -5px; background: var(--bs-danger); color: white; border-radius: 50%; width: 20px; height: 20px; display: inline-grid; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 600; line-height: 1; transition: all 0.3s ease; border: 2px solid var(--bs-white); box-shadow: 0 2px 4px rgba(0,0,0,0.1); }

@media (min-width: 993px) {
    .cart-count { left: 2px; top: -10px; }
}

.cart-count.text-muted.bg-secondary { background: var(--bs-secondary) !important; color: var(--bs-white) !important; }

.cart-count.text-white.bg-success { background: var(--bs-success) !important; color: var(--bs-white) !important; }

/* انیمیشن‌های سبد خرید */
@keyframes cartBounce {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.2); }
}

.cart-count.animate-bounce { animation: cartBounce 0.6s ease-in-out; }

/* دکمه افزودن به سبد خرید */
.add-to-cart-btn { transition: all 0.3s ease; position: relative; overflow: hidden; left: unset !important; right: 8px; }

.add-to-cart-btn:hover { box-shadow: 0 4px 8px rgba(0,0,0,0.15); }

.add-to-cart-btn:disabled { opacity: 0.7; cursor: not-allowed; transform: none; }

.add-to-cart-btn .ti-loader { animation: spin 1s linear infinite; }

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* صفحه سبد خرید */
.cart-item { border: 1px solid var(--bs-border-color); border-radius: 12px; padding: 16px; margin-bottom: 16px; transition: all 0.3s ease; background: var(--C2); }

.cart-item:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); border-color: var(--bs-primary); }

.cart-item-image { width: 100%; min-height: 80px; object-fit: cover; border-radius: 8px; border: 1px solid var(--bs-border-color); }

.cart-item-details h6 { margin-bottom: 8px; color: var(--bs-dark); }

.cart-item-price { font-size: 1.1rem; font-weight: 600; color: var(--bs-primary); }

.cart-item-quantity { display: flex; align-items: center; gap: 8px; }

.quantity-control { display: flex; align-items: center; border-radius: 6px; overflow: hidden; }

.quantity-btn { border: none; background: var(--bs-light); padding: 4px 8px; cursor: pointer; transition: background-color 0.2s ease; border-radius: 10px; }

.quantity-btn:hover { background: var(--bs-gray-300); }
[data-bs-theme="dark"] .quantity-btn { background: var(--C4); color: var(--C6); border: 1px solid var(--C5); }
[data-bs-theme="dark"] .quantity-btn:hover { background: var(--C3); color: var(--C6); border-color: var(--C3); }
[data-bs-theme="dark"] .quantity-input { background: var(--C2); color: var(--C6); border-color: var(--C5); }
/* گالری مدیا محصول — بوردر تامبنیل و اندیکاتورها در دارک */
[data-bs-theme="dark"] .thumbnail-btn { border-color: var(--C5); background-color: var(--C2); }
[data-bs-theme="dark"] .thumbnail-btn:hover { border-color: var(--C3); box-shadow: 0 4px 12px rgba(0,0,0,.35); }
[data-bs-theme="dark"] .thumbnail-btn.active { border-color: var(--C3); box-shadow: 0 4px 12px rgba(39,73,115,.35); }
[data-bs-theme="dark"] .thumbnail-btn.active::after { background: rgba(255,255,255,.06); }
[data-bs-theme="dark"] .product-image-carousel .carousel-indicators button { background-color: var(--C5); border-color: var(--C5); }
[data-bs-theme="dark"] .product-image-carousel .carousel-indicators button:hover { background-color: var(--C4); border-color: var(--C4); }
[data-bs-theme="dark"] .product-image-carousel .carousel-indicators button.active { background-color: var(--C3); border-color: var(--C3); box-shadow: 0 2px 4px rgba(39,73,115,.4); }
[data-bs-theme="dark"] .thumbnail-video-icon { color: var(--C3); }

.quantity-input { border: none; text-align: center; width: 50px; padding: 4px; font-weight: 600; }

.cart-summary { background: var(--C2); border-radius: 12px; padding: 20px; border: 1px solid var(--bs-border-color); }

.cart-summary h5 { color: var(--C1); margin-bottom: 16px; padding-bottom: 12px; border-bottom: 2px solid var(--bs-primary); }

.summary-row { display: flex; justify-content: space-between; margin-bottom: 12px; padding: 8px 0; }

.summary-row.total { font-size: 1.2rem; font-weight: 700; color: var(--bs-primary); border-top: 1px solid var(--bs-border-color); padding-top: 16px; margin-top: 16px; }

/* حالت سبد خالی */
.empty-cart { text-align: center; padding: 60px 20px; color: var(--bs-gray-600); }

.empty-cart .ti { font-size: 4rem; margin-bottom: 20px; opacity: 0.3; }

.empty-cart h4 { margin-bottom: 16px; color: var(--bs-gray-700); }

.empty-cart p { margin-bottom: 24px; font-size: 1.1rem; }

/* دکمه‌های عملیات */
.cart-actions { display: flex; gap: 12px; margin-top: 20px; }

.cart-actions .btn { flex: 1; padding: 12px 24px; font-weight: 600; border-radius: 8px; transition: all 0.3s ease; }

.cart-actions .btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }

/* Responsive Design */
@media (max-width: 768px) {
    .cart-item { padding: 12px; }

    .cart-actions { flex-direction: column; }

    .cart-summary { margin-top: 20px; }
}

@media (max-width: 576px) {
    .cart-icon-link { padding: 6px 8px; }

    .cart-count { width: 22px; height: 22px; margin-left: 35px; }

    .cart-item-details h6 { font-size: 0.9rem; }

    .cart-item-price { font-size: 1rem; }
}

/* ==========================================
   Bootstrap Variables & Component Overrides
   ========================================== */
:root { --bs-primary: var(--C1); --bs-secondary: var(--C3); --bs-primary-rgb: 3, 20, 40; --bs-secondary-rgb: 235, 158, 50; }
/* Buttons */
.btn-primary { --bs-btn-color: var(--C2) !important; --bs-btn-bg: var(--C1) !important; --bs-btn-border-color: var(--C1) !important; --bs-btn-hover-color: var(--C2) !important; --bs-btn-hover-bg: var(--C3) !important; --bs-btn-hover-border-color: var(--C3) !important; --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb) !important; --bs-btn-active-color: var(--C2) !important; --bs-btn-active-bg: var(--C7) !important; --bs-btn-active-border-color: var(--C7) !important; --bs-btn-disabled-color: var(--C2) !important; --bs-btn-disabled-bg: var(--C5) !important; --bs-btn-disabled-border-color: var(--C5) !important; }
.btn-secondary { --bs-btn-color: var(--C2) !important; --bs-btn-bg: var(--C3) !important; --bs-btn-border-color: var(--C3) !important; --bs-btn-hover-color: var(--C2) !important; --bs-btn-hover-bg: var(--C1) !important; --bs-btn-hover-border-color: var(--C1) !important; --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb) !important; --bs-btn-active-color: var(--C2) !important; --bs-btn-active-bg: var(--C7) !important; --bs-btn-active-border-color: var(--C7) !important; --bs-btn-disabled-color: var(--C6) !important; --bs-btn-disabled-bg: var(--C4) !important; --bs-btn-disabled-border-color: var(--C4) !important; }
.btn-outline-primary { --bs-btn-color: var(--C1) !important; --bs-btn-border-color: var(--C1) !important; --bs-btn-hover-color: var(--C2) !important; --bs-btn-hover-bg: var(--C1) !important; --bs-btn-hover-border-color: var(--C1) !important; --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb) !important; --bs-btn-active-color: var(--C2) !important; --bs-btn-active-bg: var(--C1) !important; --bs-btn-active-border-color: var(--C1) !important; --bs-btn-disabled-color: var(--C1) !important; --bs-btn-disabled-bg: transparent !important; --bs-btn-disabled-border-color: var(--C1) !important; }
.btn-outline-secondary { --bs-btn-color: var(--C3) !important; --bs-btn-border-color: var(--C3) !important; --bs-btn-hover-color: var(--C2) !important; --bs-btn-hover-bg: var(--C3) !important; --bs-btn-hover-border-color: var(--C3) !important; --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb) !important; --bs-btn-active-color: var(--C2) !important; --bs-btn-active-bg: var(--C3) !important; --bs-btn-active-border-color: var(--C3) !important; --bs-btn-disabled-color: var(--C3) !important; --bs-btn-disabled-bg: transparent !important; --bs-btn-disabled-border-color: var(--C3) !important; }

/* Alerts */
.alert-primary { --bs-alert-color: var(--C1); --bs-alert-bg: #cfe2ff; --bs-alert-border-color: #b6d4fe; }
.alert-secondary { --bs-alert-color: var(--C3); --bs-alert-bg: #e2e3e5; --bs-alert-border-color: #d3d6d8; }

/* Text & Backgrounds */
.text-secondary { color: var(--C3) !important; }
.bg-secondary { background-color: var(--C3) !important; }
.border-primary { border-color: var(--C1) !important; }
.border-secondary { border-color: var(--C3) !important; }

/* Forms */
.form-check-input:checked { background-color: var(--C1) !important; border-color: var(--C1) !important; }
.form-control:focus { border-color: var(--C3) !important; box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25) !important; }

/* List Group */
.list-group-item.active { background-color: var(--C1); border-color: var(--C1); }
.list-group-item-action:hover, .list-group-item-action:focus { background-color: var(--C4); color: var(--C6); }

/* Badges */
.badge.bg-primary { background-color: var(--C1) !important; color: var(--C2) !important; }
.badge.bg-secondary { background-color: var(--C3) !important; color: var(--C2) !important; }
.badge.bg-danger { color: #fff !important; }

/* Dropdowns */
.dropdown-item:hover, .dropdown-item:focus { background-color: var(--C1); color: var(--C2) !important; }
.dropdown-item.active, .dropdown-item:active { background-color: var(--C1); color: var(--C2) !important; }

/* Navs & Tabs */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: var(--C1); color: var(--C2); }
.nav-link:hover, .nav-link:focus { color: var(--C3); }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { border-color: var(--C5) var(--C5) var(--C0); color: var(--C1); }

/* Progress Bar */
.progress-bar { background-color: var(--C1); }



/****/

/* استایل DatePicker فارسی */
.flatpickr-calendar { direction: rtl; font-family: inherit; box-shadow: 0 4px 15px rgba(0,0,0,0.15); border: 1px solid #e0e0e0; z-index: 9999; }
.flatpickr-months { direction: rtl; position: relative; display: flex !important; align-items: center; justify-content: space-between; height: 50px; padding: 0 30px !important; /* فضا برای فلش‌ها */ background: #f8f9fa; border-bottom: 1px solid #e0e0e0; }
.flatpickr-month { position: static !important; display: flex !important; align-items: center; justify-content: center; gap: 10px; height: 100%; flex: 1; background: transparent; padding: 0 !important; }
.flatpickr-current-month { position: static !important; display: inline-flex !important; align-items: center; justify-content: center; gap: 10px; padding: 0 !important; height: auto !important; line-height: normal; width: auto !important; transform: none !important; left: auto !important; right: auto !important; }

/* دکمه‌های قبل/بعد - position absolute برای خارج شدن از flow */
.flatpickr-prev-month,
.flatpickr-next-month { position: absolute !important; top: 12px; z-index: 5 !important; padding: 5px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.flatpickr-prev-month { right: 7px !important; left: auto !important; }
.flatpickr-next-month { left: 7px !important; right: auto !important; }
.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg { fill: var(--C3) !important; }

/* استایل dropdown ماه */
.flatpickr-monthDropdown-months { background: white !important; border: 1px solid #ddd !important; border-radius: 4px; padding: 5px 10px !important; font-family: inherit; cursor: pointer; min-width: 110px; font-size: 0.95rem; z-index: 100 !important; position: relative !important; height: auto !important; appearance: auto; -webkit-appearance: menulist; }
.flatpickr-monthDropdown-months:hover { background: #f5f5f5 !important; border-color: var(--C3) !important; }

/* استایل input سال */
.numInputWrapper { background: white !important; border: 1px solid #ddd !important; border-radius: 4px; padding: 8px !important; min-width: 60px; max-width: 60px; z-index: 100 !important; position: relative !important; height: auto !important; display: inline-block !important; }
.numInputWrapper:hover { border-color: var(--C3) !important; }
.numInputWrapper input { background: transparent !important; border: none !important; text-align: center; font-size: 0.95rem; width: 100% !important; padding: 2px 4px; font-family: inherit; color: #333; }
.numInputWrapper input:focus { outline: none; }
.numInputWrapper span { display: none !important; }
.numInputWrapper span.arrowUp,
.numInputWrapper span.arrowDown { display: none !important; }

/* مخفی کردن فلش‌های اضافی input number */
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.numInputWrapper input[type=number] { -moz-appearance: textfield; }
.flatpickr-weekdays { direction: rtl; }
.flatpickr-days { direction: rtl; }
.flatpickr-day.selected { background: var(--C3); border-color: var(--C3); }
.flatpickr-day.today { border-color: var(--C3); }
.flatpickr-day:hover { background: #e8ecff; }

/* آیکون تقویم برای فیلد تاریخ */
#birthDate { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23eb9e32' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left 12px center; background-size: 16px; padding-left: 40px; cursor: pointer; }

/* ==========================================
   استایل‌های صفحه درباره ما
   ========================================== */

/* کارت معرفی کلی */
.about-intro-card { background: linear-gradient(135deg, var(--C1) 0%, var(--C7) 100%); color: var(--C2); border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); transition: transform 0.3s ease, box-shadow 0.3s ease; }

.about-intro-card:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2); }

.about-intro-card h2 { color: var(--C2); font-size: 2rem; margin-bottom: 1.5rem; }

.about-intro-card .lead { color: var(--C2); font-size: 1.15rem; line-height: 1.9; opacity: 0.95; }

/* کارت‌های بخش‌های مختلف */
.about-card { background: var(--C0); border-radius: 12px; padding: 2rem; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; border: 1px solid var(--C4); position: relative; overflow: hidden; }

.about-card::before { content: ''; position: absolute; top: 0; right: 0; width: 4px; height: 100%; background: linear-gradient(180deg, var(--C1) 0%, var(--C3) 100%); transition: width 0.3s ease; }

.about-card:hover { transform: translateY(-8px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); border-color: var(--C3); }

.about-card:hover::before { width: 6px; }

.about-card-icon { width: 60px; height: 60px; background: linear-gradient(135deg, var(--C1) 0%, var(--C3) 100%); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; box-shadow: 0 4px 15px rgba(15, 46, 74, 0.2); transition: transform 0.3s ease; }

.about-card:hover .about-card-icon { transform: scale(1.1) rotate(5deg); }

.about-card-icon i { font-size: 1.8rem; color: var(--C2); }

.about-card h3 { color: var(--C1); font-size: 1.5rem; margin-bottom: 1rem; position: relative; padding-bottom: 0.5rem; }

.about-card h3::after { content: ''; position: absolute; bottom: 0; right: 0; width: 50px; height: 3px; background: linear-gradient(90deg, var(--C1) 0%, var(--C3) 100%); border-radius: 2px; }

.about-card p { color: var(--C6); line-height: 1.9; margin-bottom: 0; }

/* کارت پیام مدیرعامل */
.ceo-message-card { background: linear-gradient(135deg, var(--C0) 0%, var(--C8) 100%); border-radius: 20px; padding: 3rem; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); border: 2px solid var(--C4); position: relative; overflow: hidden; }

.ceo-message-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(15, 46, 74, 0.03) 0%, transparent 70%); pointer-events: none; }

.ceo-message-header { display: flex; align-items: center; gap: 1.5rem; margin-bottom: 2.5rem; padding-bottom: 1.5rem; border-bottom: 3px solid var(--C1); position: relative; }

.ceo-message-icon { width: 70px; height: 70px; background: linear-gradient(135deg, var(--C1) 0%, var(--C3) 100%); border-radius: 15px; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 20px rgba(15, 46, 74, 0.25); flex-shrink: 0; }

.ceo-message-icon i { font-size: 2rem; color: var(--C2); }

.ceo-message-header h3 { color: var(--C1); font-size: 2rem; margin: 0; }

.ceo-message-content { position: relative; z-index: 1; }

.ceo-greeting { background: linear-gradient(135deg, var(--C1) 0%, var(--C7) 100%); color: var(--C2); padding: 2rem; border-radius: 15px; margin-bottom: 2rem; text-align: center; box-shadow: 0 5px 15px rgba(15, 46, 74, 0.2); }

.ceo-salutation { font-size: 1.3rem; font-weight: 700; margin-bottom: 0.5rem; color: var(--C2); }

.ceo-greeting-text { font-size: 1.1rem; margin: 0; opacity: 0.95; color: var(--C2); }

.ceo-message-body { color: var(--C6); line-height: 2.2; font-size: 1.05rem; }

.ceo-message-body p { margin-bottom: 1.5rem; text-align: justify; color: var(--C6); }

.ceo-quote { background: linear-gradient(135deg, var(--C2) 0%, var(--C8) 100%); border-right: 5px solid var(--C1); padding: 2rem; border-radius: 12px; margin: 2.5rem 0; text-align: center; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); }

.ceo-quote-text { font-size: 1.4rem; font-weight: 700; color: var(--C1); font-style: italic; margin: 0.5rem 0; line-height: 1.8; }

.ceo-signature { margin-top: 3rem; padding-top: 2rem; border-top: 2px solid var(--C4); text-align: left; }

.ceo-thanks { font-size: 1.1rem; color: var(--C6); margin-bottom: 1rem; font-weight: 600; }

.ceo-name { font-size: 1.3rem; font-weight: 700; color: var(--C1); margin-bottom: 0.5rem; }

.ceo-title { font-size: 1rem; color: var(--C5); margin: 0; }

/* Responsive برای صفحه درباره ما */
@media (max-width: 992px) {
    .about-card { padding: 1.5rem; }

    .ceo-message-card { padding: 2rem; }

    .ceo-message-header { flex-direction: column; text-align: center; }

    .ceo-message-icon { margin: 0 auto; }
}

@media (max-width: 767px) {
    .about-intro-card { padding: 1.5rem !important; }

    .about-intro-card h2 { font-size: 1.5rem; }

    .about-intro-card .lead { font-size: 1rem; }

    .about-card { padding: 1.25rem; margin-bottom: 1.5rem; }

    .about-card-icon { width: 50px; height: 50px; margin-bottom: 1rem; }

    .about-card-icon i { font-size: 1.5rem; }

    .about-card h3 { font-size: 1.25rem; }

    .ceo-message-card { padding: 1.5rem; border-radius: 15px; }

    .ceo-message-header { margin-bottom: 1.5rem; padding-bottom: 1rem; }

    .ceo-message-icon { width: 60px; height: 60px; }

    .ceo-message-icon i { font-size: 1.5rem; }

    .ceo-message-header h3 { font-size: 1.5rem; }

    .ceo-greeting { padding: 1.5rem; }

    .ceo-salutation { font-size: 1.1rem; }

    .ceo-greeting-text { font-size: 1rem; }

    .ceo-message-body { font-size: 0.95rem; line-height: 2; }

    .ceo-quote { padding: 1.5rem; margin: 2rem 0; }

    .ceo-quote-text { font-size: 1.1rem; }

    .ceo-signature { margin-top: 2rem; padding-top: 1.5rem; }

    .ceo-name { font-size: 1.1rem; }
}

/* صفحه‌بندی با wrapper برای جهت RTL (وبلاگ، دسته‌بندی) — ظاهر از بلوک صفحه‌بندی یکسان بالا به‌ارث می‌برد */
.pagination-wrapper { direction: rtl; }
.pagination-wrapper .pagination { gap: 0.5rem; }
.pagination-wrapper .pagination .page-link i { font-size: 1.1rem; }

/* placeholder کم‌رنگ در سایت */
.form-control::placeholder,
input::placeholder,
textarea::placeholder { color: rgba(0,0,0,0.22) !important; opacity: 1; }
.form-control::-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder { color: rgba(0,0,0,0.22) !important; opacity: 1; }
.form-control::-webkit-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: rgba(0,0,0,0.22) !important; }

/* form-floating: پلیس‌هولدر شفاف */
.form-floating .form-control::placeholder,
.form-floating .form-control-plaintext::placeholder,
.form-floating input::placeholder,
.form-floating textarea::placeholder { color: transparent !important; opacity: 1; }
.form-floating .form-control::-moz-placeholder,
.form-floating .form-control-plaintext::-moz-placeholder,
.form-floating input::-moz-placeholder,
.form-floating textarea::-moz-placeholder { color: transparent !important; opacity: 1; }
.form-floating .form-control::-ms-input-placeholder,
.form-floating input::-ms-input-placeholder,
.form-floating textarea::-ms-input-placeholder { color: transparent !important; }
.form-floating .form-control::-webkit-input-placeholder,
.form-floating input::-webkit-input-placeholder,
.form-floating textarea::-webkit-input-placeholder { color: transparent !important; }

/* --- دراپ‌داون جستجو هدر (فاز ۱) --- */
.search-icon button { color: var(--C1); font-size: 1rem; }
.header-search-wrap { position: relative; }
.header-search-dropdown { position: absolute; top: 100%; left: 0; margin-top: 6px; width: 420px; max-width: calc(100vw - 24px); background: #fff; border-radius: 12px; box-shadow: 0 12px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08); border: 1px solid rgba(0,0,0,0.08); z-index: 1060; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s; overflow: hidden; }
.header-search-dropdown.is-open { opacity: 1; visibility: visible; transform: translateY(0); }
.header-search-inner { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-bottom: 1px solid var(--C4); }
.header-search-inline-icon { width: 36px; height: 36px; border-radius: 8px; align-items: center; justify-content: center; color: var(--C5); background: var(--C8); border: 1px solid var(--C4); flex-shrink: 0; }
[data-bs-theme="dark"] .header-search-inline-icon { border-color: var(--C5); background: var(--C4); }
.header-search-input { flex: 1; min-width: 0; border: 1px solid var(--C4); border-radius: 8px; padding: 10px 14px; font-size: 0.95rem; outline: none; transition: border-color 0.2s; box-shadow: unset !important; }
.header-search-input:focus { border-color: var(--C1); box-shadow: 0 0 0 2px rgba(11,47,91,0.15); }
.header-search-close-btn { flex-shrink: 0; width: 40px; height: 40px; border: none; background: var(--C8); border-radius: 8px; color: var(--C6); cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }
.header-search-close-btn:hover { background: var(--C4); color: var(--C1); }
.header-search-results { max-height: 380px; overflow-y: auto; padding: 8px 0; }
.header-search-results::-webkit-scrollbar { width: 6px; }
.header-search-results::-webkit-scrollbar-track { background: var(--C8); border-radius: 3px; }
.header-search-results::-webkit-scrollbar-thumb { background: var(--C5); border-radius: 3px; }
.header-search-all-row { display: flex; align-items: center; gap: 10px; padding: 12px 14px; color: var(--C6); text-decoration: none; transition: background 0.15s; border: none; width: 100%; text-align: right; font-size: 0.95rem; cursor: pointer; background: none; }
.header-search-all-row:hover { background: var(--C8); color: var(--C1); }
.header-search-all-row i { font-size: 1.1rem; color: var(--C5); }
.header-search-cat-title { padding: 15px 15px; font-size: 0.8rem; font-weight: 600; color: var(--C5); text-transform: none; text-align: right; display: flex; align-items: center; gap: 8px; text-decoration: none; transition: background 0.15s; }
.header-search-cat-title:hover { background: var(--C8); color: var(--C6); }
.header-search-cat-title:hover .header-search-cat-title-text { text-decoration: underline; }
.header-search-cat-title .header-search-cat-title-query { font-weight: 700; color: var(--C1); }
.header-search-cat-title .header-search-cat-title-text { color: var(--C5); }
.header-search-cat-title i.ti-search { color: var(--C5); font-size: 1rem; flex-shrink: 0; }
.header-search-cat-title:hover i.ti-search { color: var(--C6); }
.header-search-cat-title:hover .header-search-cat-title-query { color: var(--C1); }
.header-search-item { display: flex; align-items: center; gap: 12px; padding: 10px 14px; text-decoration: none; color: var(--C6); transition: background 0.15s; text-align: right; }
.header-search-item:hover { background: var(--C8); color: var(--C6); }
.header-search-category-cards { padding: 10px 18px 8px; }
.header-search-category-cards .product-card-outer--horizontal { margin-bottom: 8px; }
.header-search-category-cards .product-card-outer--horizontal:last-child { margin-bottom: 0; }
.header-search-category-cards .product-card--horizontal .card-img { width: 72px; min-width: 72px; height: 72px; align-self: center; padding: 6px; overflow: hidden; display: flex; flex-direction: column; justify-content: center; }
.header-search-category-cards .product-card--horizontal .card-img .card-img-top { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.header-search-category-cards .product-card--horizontal .card-title { font-size: 0.85rem; }
.header-search-item-img { width: 44px; height: 44px; object-fit: cover; border-radius: 8px; flex-shrink: 0; background: var(--C8); }
.header-search-item-info { flex: 1; min-width: 0; text-align: right; }
.header-search-item-name { font-weight: 500; font-size: 0.9rem; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.header-search-item-price { font-size: 0.8rem; color: var(--C5); margin-top: 2px; }
.header-search-loading, .header-search-empty { padding: 24px 14px; text-align: center; color: var(--C5); font-size: 0.9rem; }
.header-search-backdrop { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.35); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); z-index: 1055; opacity: 0; transition: opacity 0.2s; }
.header-search-backdrop.is-visible { display: block; opacity: 1; }

@media (max-width: 767px) {
    body.header-search-open { overflow: hidden; }
    .header-search-dropdown { position: fixed; top: 0; right: 0; left: 0; width: 100%; max-width: none; margin: 0; border-radius: 0; max-height: 85vh; border-right: none; border-left: none; }
    .header-search-inner { padding: 14px 16px; }
    .header-search-results { max-height: 60vh; }
    .header-search-backdrop.is-visible { display: block; }
}

@media (min-width: 768px) {
    .header-search-close-btn { display: none !important; }
}

@media (min-width: 993px) {
    .header-search-wrap { left: 10px; width: min(360px, calc(100vw - 80px)); max-width: 100%; z-index: 1061; height: 44px; }
    .header-search-dropdown { position: absolute; top: 50%; left: 0; right: auto; width: 100%; max-width: none; margin-top: 0; opacity: 1; visibility: visible; transform: translateY(-50%); pointer-events: auto; background: transparent; border: 0; box-shadow: none; overflow: visible; }
    .header-search-dropdown.is-open { transform: translateY(-50%); }
    .header-search-inner { all: unset; display: block; position: relative; }
    .header-search-inline-icon { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 34px; height: 34px; border-radius: 10px; border: 0; background: none !important; color: #9aa0a6; pointer-events: none; z-index: 2; }
    .header-search-input { width: 100%; border-radius: 999px; color: var(--C1); background: var(--C4); border: 1px solid rgba(0,0,0,.12); padding: 10px 55px 10px 14px; box-shadow: 0 8px 24px rgba(0,0,0,.12); }
    .header-search-input:focus { border-color: rgba(0,0,0,.28); box-shadow: 0 10px 28px rgba(0,0,0,.16); }
    .header-search-results { display: none; position: absolute; top: calc(100% + 8px); left: 0; right: 0; max-height: 62vh; border: 1px solid rgba(0,0,0,.08); border-radius: 12px; background: #fff; box-shadow: 0 18px 48px rgba(0,0,0,.22); z-index: 1062; }
    .header-search-dropdown.is-open .header-search-results { display: block; }
    .header-search-backdrop { z-index: 1058; }
    .header-search-backdrop.is-visible { display: block; opacity: 1; }
}

[data-bs-theme="dark"] .header-search-results { background: var(--C4); border-color: var(--C5); box-shadow: 0 18px 48px rgba(0,0,0,.45); }
[data-bs-theme="dark"] .header-search-loading,
[data-bs-theme="dark"] .header-search-empty { color: var(--C5); }
[data-bs-theme="dark"] .header-search-all-row { color: var(--C6); }
[data-bs-theme="dark"] .header-search-all-row:hover { background: rgba(255,255,255,.06); color: var(--C6); }
[data-bs-theme="dark"] .header-search-item { color: var(--C6); }
[data-bs-theme="dark"] .header-search-item:hover { background: rgba(255,255,255,.06); color: var(--C6); }
[data-bs-theme="dark"] .header-search-cat-title { color: var(--C5); }
[data-bs-theme="dark"] .header-search-cat-title:hover { background: rgba(255,255,255,.06); color: var(--C6); }
[data-bs-theme="dark"] .header-search-item-price { color: var(--C5); }