@font-face {
    font-family: 'yekan-bakh';
    src: url('../fonts/yekan-bakh/YekanBakhFaNum-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'yekan-bakh';
    src: url('../fonts/yekan-bakh/YekanBakhFaNum-Heavy.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'yekan-bakh';
    src: url('../fonts/yekan-bakh/YekanBakhFaNum-Fat.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

html {
    color: var(--bs-primary) !important;
    font-size: 1em;
    line-height: 1.4;
}

img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: auto none;
}

/* 1.76.0: آیکون‌های SVG درون‌خطی (inc/icons.php) جای فونت Bootstrap Icons؛ همان جعبه و تراز `.bi::before` آن فونت. */
.bi > svg {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -.125em;
}

.header-cart-icon-counter {
    background: var(--bs-primary);
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 80%;
}

.woocommerce-shipping-methods {
    list-style: none;
    padding: 0;
}

/* استایل نوار اسکرول زیبا برای مرورگرهای وبکیت (Chrome, Edge, Safari, Opera) */

/* عرض و ارتفاع اسکرول */
::-webkit-scrollbar {
    width: 5px;
    height: 6px;
}

/* رنگ پس‌زمینه مسیر اسکرول */
::-webkit-scrollbar-track {
    background: #f5f5f5 !important;
    border-radius: 10px !important;
}

/* رنگ و استایل دستگیره اسکرول */
::-webkit-scrollbar-thumb {
    background-color: #911a56 !important;
    border: 2px solid #911a56 !important;
    border-radius: 500px;
}

/* رنگ دستگیره هنگام hover */
::-webkit-scrollbar-thumb:hover {
    background-color: #741545 !important; /* خاکستری تیره */
}

.woocommerce-billing-fields #billing_country_field {
    display: none;
}

.wc_payment_methods img {
    max-width: 25px;
}

#price_table_button svg {
    fill: var(--bs-primary);
}

#price_table_button:hover svg {
    fill: white;
}

.product-image-wrapper {
    position: relative;
    overflow: hidden;
}

.product-second-image {
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    z-index: 1;
}

.product-main-image {
    transition: opacity 0.4s ease-in-out;
    z-index: 2;
}

.product-cards:hover .product-second-image {
    opacity: 1;
}

/* برچسب ریز «شروع از» پیش از کمترین قیمتِ محصول متغیر در کارت‌های عمومی (اسلایدر، پیشنهاد ویژه، آرشیوِ ایجکسی) */
.hg-card-from {
    display: block;
    color: #8a7f73;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.4;
}

/*header new styles for responsive*/

.haghani-nav-container {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.haghani-nav-container .nav-side {
    flex: 1;
    display: flex;
    align-items: center;
}

.haghani-nav-container .nav-left {
    justify-content: flex-start;
}

.haghani-nav-container .nav-right {
    justify-content: flex-end;
}

.haghani-nav-container .nav-center {
    flex: 0 0 auto;
    text-align: center;
    margin-top: 10px;
}

.haghani-nav-container .navbar-brand img {
    max-width: 60px;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* --- Mobile Specific Fixes --- */
@media (max-width: 991px) {
    .haghani-nav-container .navbar {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .haghani-nav-container .menu-button {
        padding: 7px !important;
        border-radius: 6px !important;
        border-color: rgba(145, 26, 86, 0.2) !important;
        height: 34px;
        width: 34px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .haghani-nav-container .nav-right svg,
    .haghani-nav-container .nav-right img {
        width: 22px !important;
        height: 22px !important;
    }
}

@media (min-width: 1200px) {
    .haghani-nav-container .navbar-brand img {
        max-width: 75px;
    }
}

#MiniCartModalBotton {
    padding: 0;
}

.join-plus-cta {
    margin-left: 12px;
    padding: 6px;
    border-radius: 6px;
    border: 1px solid #b12ba4;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    gap: 4px;
}

.join-plus-cta svg {
    color: #b12ba4;
    transition: stroke 0.3s ease;
}

.join-plus-cta .join-cta {
    color: #b12ba4;
    font-size: 13px;
    transition: color 0.3s ease;
}

.join-plus-cta:hover {
    background-color: #b12ba4;
}

.join-plus-cta:hover .join-cta {
    color: #fff;
}

.join-plus-cta:hover svg {
    color: #fff;
}


/*!*=====================NEW HEADER STYLES=======================*!*/

/*:root {*/
/*    --h-panel-width-desktop: 60vw;*/
/*    --h-panel-width-mobile: 92vw;*/
/*    --h-sidebar-width: 260px;*/
/*    --h-primary: var(--bs-primary);*/
/*    --h-transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1);*/
/*}*/

/*.h-menu-overlay {*/
/*    position: fixed;*/
/*    inset: 0;*/
/*    background: rgba(0, 0, 0, 0.4);*/
/*    z-index: 9998;*/
/*    opacity: 0;*/
/*    visibility: hidden;*/
/*    transition: var(--h-transition);*/
/*    !*backdrop-filter: blur(2px);*!*/
/*}*/

/*.h-menu-overlay.is-visible {*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*}*/

/*.h-menu-panel {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    right: 0; !* Changed from -100% to 0 *!*/
/*    width: var(--h-panel-width-mobile);*/
/*    height: 100%;*/
/*    background: #fff;*/
/*    z-index: 9999;*/
/*    !* Use translate for smoother, sharper rendering *!*/
/*    transform: translateX(100%);*/
/*    transition: var(--h-transition);*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.1);*/
/*    border-radius: 20px 0 0 20px !important;*/
/*    !* Forces GPU rendering to keep text sharp *!*/
/*    backface-visibility: hidden;*/
/*    -webkit-font-smoothing: antialiased;*/
/*}*/

/*@media (min-width: 992px) {*/
/*    .h-menu-panel {*/
/*        width: var(--h-panel-width-desktop);*/
/*    }*/
/*}*/

/*.h-menu-panel.is-open {*/
/*    transform: translateX(0);*/
/*}*/

/*.h-menu-header {*/
/*    padding: 20px 30px;*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    border-bottom: 1px solid #f0f0f0;*/
/*    background: #fff;*/
/*    border-radius: 20px 0 0 0;*/
/*}*/

/*.h-menu-header-main {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 15px;*/
/*    width: 100%;*/
/*    justify-content: space-between;*/
/*}*/

/*.h-menu-title {*/
/*    font-weight: 700;*/
/*    font-size: 1.2rem;*/
/*    color: #111;*/
/*}*/

/*.h-menu-close-btn {*/
/*    background: #f5f5f5;*/
/*    border: none;*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    border-radius: 50%;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    font-size: 1.8rem;*/
/*    line-height: 1;*/
/*    cursor: pointer;*/
/*    color: #888;*/
/*    transition: 0.2s;*/
/*}*/

/*.h-menu-close-btn:hover {*/
/*    background: #eee;*/
/*    color: #000;*/
/*}*/

/*.h-menu-close-btn span {*/
/*    margin-top: 3px;*/
/*}*/

/*.h-menu-body {*/
/*    display: flex;*/
/*    flex: 1;*/
/*    overflow: hidden;*/
/*    border-radius: 0 0 0 20px;*/
/*}*/

/*.h-menu-sidebar {*/
/*    width: var(--h-sidebar-width);*/
/*    background: #fbfbfc;*/
/*    border-left: 1px solid #eee;*/
/*    overflow-y: auto;*/
/*}*/

/*.h-sidebar-item {*/
/*    padding: 18px 25px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 12px;*/
/*    cursor: pointer;*/
/*    border-bottom: 1px solid rgba(0, 0, 0, 0.03);*/
/*    transition: all 0.2s ease;*/
/*    user-select: none;*/
/*}*/

/*.h-sidebar-item:hover:not(.is-active) {*/
/*    background: #f0f1f2;*/
/*}*/

/*.h-sidebar-item.is-active {*/
/*    background: #fff;*/
/*    color: var(--h-primary);*/
/*    border-right: 5px solid var(--h-primary);*/
/*    position: relative;*/
/*    z-index: 2;*/
/*}*/

/*.h-sidebar-item.is-active span {*/
/*    font-weight: 700;*/
/*    color: #000;*/
/*}*/

/*.h-sidebar-item img {*/
/*    width: 24px;*/
/*    height: 24px;*/
/*    object-fit: contain;*/
/*    opacity: 0.6;*/
/*    transition: 0.2s;*/
/*}*/

/*.h-sidebar-item.is-active img {*/
/*    opacity: 1;*/
/*    transform: scale(1.1);*/
/*}*/

/*.h-menu-header, .h-menu-body, .h-menu-content {*/
/*    background: #fff !important; !* Ensure solid background *!*/
/*    position: relative;*/
/*    z-index: 1;*/
/*    transform: translateZ(0); !* Extra layer of protection for sharpness *!*/
/*}*/

/*!* --- Content & Grid Hierarchy --- *!*/
/*.h-menu-content {*/
/*    flex: 1;*/
/*    overflow-y: auto;*/
/*    padding: 40px;*/
/*    background: #fff;*/
/*}*/

/*.h-tab-pane {*/
/*    display: none;*/
/*}*/

/*.h-tab-pane.is-active {*/
/*    display: block;*/
/*    animation: hSlideUp 0.4s cubic-bezier(0, 0, 0.2, 1);*/
/*}*/

/*!* --- RESPONSIVE MASONRY COLUMN LAYOUT --- *!*/
/*.h-menu-panel .h-grid-wrapper .h-main-nav-ul {*/
/*    display: block;*/
/*    list-style: none;*/
/*    padding: 0;*/
/*    margin: 0;*/
/*    !* Default for mobile: 1 column to prevent cramping *!*/
/*    column-count: 1;*/
/*}*/

/*!* Desktop and Large Tablets *!*/
/*@media (min-width: 1200px) {*/
/*    .h-menu-panel .h-grid-wrapper .h-main-nav-ul {*/
/*        column-count: 3;*/
/*        column-gap: 40px;*/
/*    }*/
/*}*/

/*!* Small Desktops / Horizontal Tablets *!*/
/*@media (min-width: 992px) and (max-width: 1199px) {*/
/*    .h-menu-panel .h-grid-wrapper .h-main-nav-ul {*/
/*        column-count: 2;*/
/*        column-gap: 30px;*/
/*    }*/
/*}*/

/*.h-menu-panel .h-main-nav-ul > li {*/
/*    break-inside: avoid;*/
/*    display: inline-block;*/
/*    width: 100%;*/
/*    margin-bottom: 35px;*/
/*}*/
/*!* --- END MASONRY --- *!*/

/*!* Layer 1: Parent Title (Static Header) *!*/
/*.h-grid-wrapper .h-main-nav-ul > li > .nav-tab > a.nav-link {*/
/*    font-weight: 700 !important;*/
/*    font-size: 15px !important;*/
/*    color: #000 !important;*/
/*    text-decoration: none;*/
/*    padding-bottom: 12px;*/
/*    margin-bottom: 15px;*/
/*    !*border-bottom: 1px solid var(--h-primary);*!*/
/*    display: block;*/
/*    pointer-events: auto;*/
/*    transition: all 0.3s ease;*/
/*    position: relative;*/
/*    padding-right: 12px;*/
/*}*/

/*.h-grid-wrapper .h-main-nav-ul > li > .nav-tab > a.nav-link:hover {*/
/*    color: var(--h-primary) !important;*/
/*}*/

/*.h-grid-wrapper .h-main-nav-ul > li > .nav-tab > a.nav-link::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: -3px;*/
/*    right: 0;*/
/*    height: 80%;*/
/*    width: 2px;*/
/*    background-color: var(--h-primary);*/
/*}*/

/*.h-main-nav-ul > li > .collapse {*/
/*    display: block !important;*/
/*    height: auto !important;*/
/*    opacity: 1 !important;*/
/*    visibility: visible !important;*/
/*}*/

/*.h-grid-wrapper .collapse ul.list-unstyled {*/
/*    padding: 0;*/
/*    margin: 0;*/
/*    list-style: none;*/
/*}*/

/*.h-grid-wrapper .collapse ul.list-unstyled > li > .nav-tab > a.nav-link {*/
/*    color: #6d6d6d !important;*/
/*    font-size: 0.95rem !important;*/
/*    font-weight: 700 !important;*/
/*    padding: 8px 0 !important;*/
/*    display: flex;*/
/*    justify-content: start !important;*/
/*    transition: 0.2s;*/
/*}*/

/*.h-grid-wrapper .collapse .collapse {*/
/*    display: none;*/
/*    margin: 5px 0 15px 0;*/
/*    padding-right: 15px;*/
/*    !*border-right: 1.5px solid #eee;*!*/
/*}*/

/*.h-grid-wrapper .collapse .collapse.show {*/
/*    display: block;*/
/*    animation: hFadeIn 0.3s ease;*/
/*}*/

/*.h-grid-wrapper .collapse .collapse ul li a.nav-link {*/
/*    color: #777 !important;*/
/*    font-size: 0.88rem !important;*/
/*    font-weight: 400 !important;*/
/*    padding: 5px 0 !important;*/
/*}*/

/*.h-grid-wrapper .collapse .collapse ul li a.nav-link::before {*/
/*    content: "•";*/
/*    color: #ccc;*/
/*    margin-left: 8px;*/
/*    font-size: 1.1rem;*/
/*}*/

/*!* --- Interactions --- *!*/
/*.h-grid-wrapper a.nav-link:hover {*/
/*    color: var(--h-primary) !important;*/
/*    transform: translateX(-3px);*/
/*}*/

/*.h-grid-wrapper .nav-tab span {*/
/*    cursor: pointer;*/
/*    padding: 5px;*/
/*}*/

/*.h-grid-wrapper .nav-tab span svg {*/
/*    transition: transform 0.3s ease;*/
/*    fill: #bbb;*/
/*}*/

/*.h-grid-wrapper .nav-tab span[aria-expanded="true"] svg {*/
/*    transform: rotate(180deg);*/
/*    fill: var(--h-primary);*/
/*}*/

/*!* Hide indicators for Layer 1 since it's always open *!*/
/*.h-main-nav-ul > li > .nav-tab span {*/
/*    display: none !important;*/
/*}*/

/*!* --- Mobile Optimizations --- *!*/
/*@media (max-width: 991px) {*/
/*    :root {*/
/*        --h-sidebar-width: 85px;*/
/*    }*/

/*    .h-sidebar-item {*/
/*        flex-direction: column;*/
/*        padding: 15px 5px;*/
/*        text-align: center;*/
/*        gap: 8px;*/
/*    }*/

/*    .h-sidebar-item span {*/
/*        font-size: 0.7rem;*/
/*        font-weight: 600;*/
/*        line-height: 1.2;*/
/*    }*/

/*    .h-menu-content {*/
/*        padding: 20px;*/
/*    }*/

/*    .h-menu-panel .h-main-nav-ul {*/
/*        column-count: 1 !important;*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        gap: 20px;*/
/*    }*/

/*    .h-menu-header {*/
/*        padding: 15px 20px;*/
/*    }*/
/*}*/

/*!* --- Utilities --- *!*/
/*@keyframes hSlideUp {*/
/*    from {*/
/*        opacity: 0;*/
/*        transform: translateY(15px);*/
/*    }*/
/*    to {*/
/*        opacity: 1;*/
/*        transform: translateY(0);*/
/*    }*/
/*}*/

/*@keyframes hFadeIn {*/
/*    from {*/
/*        opacity: 0;*/
/*    }*/
/*    to {*/
/*        opacity: 1;*/
/*    }*/
/*}*/

/*.h-menu-content::-webkit-scrollbar {*/
/*    width: 4px;*/
/*}*/

/*.h-menu-content::-webkit-scrollbar-thumb {*/
/*    background: #eee;*/
/*    border-radius: 10px;*/
/*}*/

/*!*animated bg for menu*!*/


/*.h-geometric-bg {*/
/*    position: absolute;*/
/*    inset: -50px;*/
/*    z-index: 0;*/
/*    pointer-events: none;*/
/*    background-color: #ffffff;*/

/*    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg fill='none'%3e%3cpath d='M1440 0L976.28 0L1440 71.05z' fill='rgba(145%2c 26%2c 86%2c .08)'%3e%3c/path%3e%3cpath d='M976.28 0L1440 71.05L1440 180.17L552.65 0z' fill='rgba(145%2c 26%2c 86%2c .05)'%3e%3c/path%3e%3cpath d='M552.65 0L1440 180.17L1440 264.35L323.64 0z' fill='rgba(145%2c 26%2c 86%2c .04)'%3e%3c/path%3e%3cpath d='M0 560L713.16 560L0 339.32z' fill='rgba(145%2c 26%2c 86%2c .1)'%3e%3c/path%3e%3cpath d='M0 339.32L713.16 560L756.87 560L0 177.57z' fill='rgba(145%2c 26%2c 86%2c .07)'%3e%3c/path%3e%3cpath d='M0 177.57L756.87 560L855.89 560L0 134.44z' fill='rgba(145%2c 26%2c 86%2c .04)'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");*/

/*    background-size: 150% 150%;*/
/*    background-position: center;*/
/*    background-repeat: no-repeat;*/
/*    animation: h-geo-float 12s ease-in-out infinite alternate;*/
/*    opacity: 0.9;*/
/*}*/

/*@keyframes h-geo-float {*/
/*    0% {*/
/*        transform: translate(0, 0) scale(1);*/
/*        opacity: 0.7;*/
/*    }*/
/*    50% {*/
/*        transform: translate(20px, -15px) scale(1.03);*/
/*        opacity: 1;*/
/*    }*/
/*    100% {*/
/*        transform: translate(-10px, 10px) scale(1);*/
/*        opacity: 0.8;*/
/*    }*/
/*}*/

/*.h-menu-panel {*/
/*    background: #ffffff !important;*/
/*    overflow: hidden;*/
/*}*/

/*.h-menu-header, .h-menu-body, .h-menu-content {*/
/*    background: transparent !important;*/
/*    position: relative;*/
/*    z-index: 1;*/
/*}*/

/*!* Parent class scoping to prevent conflicts *!*/
/*.h-menu-panel .collapse {*/
/*    display: none;*/
/*    overflow: hidden;*/
/*    transition: max-height 0.3s ease-out;*/
/*}*/

/*.h-menu-panel .collapse.show {*/
/*    display: block !important;*/
/*    animation: hFadeIn 0.3s ease;*/
/*}*/

/*.h-menu-panel .h-main-nav-ul > li > .collapse {*/
/*    display: block !important;*/
/*}*/

/*.h-menu-panel [data-h-toggle="collapse"] svg {*/
/*    transition: transform 0.3s ease;*/
/*    width: 25px;*/
/*    height: 25px;*/
/*}*/

/*.h-menu-panel [data-h-toggle="collapse"][aria-expanded="true"] svg {*/
/*    transform: rotate(180deg);*/
/*}*/

/*!*=====================mobile grid look=============================*!*/

/*@media (max-width: 991px) {*/
/*    .h-mobile-accordion {*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        gap: 10px;*/
/*    }*/

/*    .h-mobile-group {*/
/*        border-bottom: 1px solid #f0f0f0;*/
/*    }*/

/*    .h-mobile-parent {*/
/*        display: flex;*/
/*        justify-content: space-between;*/
/*        align-items: center;*/
/*        padding: 15px 0;*/
/*    }*/

/*    .h-parent-link {*/
/*        font-weight: 700;*/
/*        color: #222;*/
/*        text-decoration: none;*/
/*    }*/

/*    .h-image-grid {*/
/*        display: grid;*/
/*        grid-template-columns: repeat(3, 1fr);*/
/*        gap: 12px;*/
/*        padding: 15px 0;*/
/*        align-items: start;*/
/*    }*/

/*    .h-grid-item {*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        align-items: center;*/
/*        text-decoration: none;*/
/*    }*/

/*    .h-item-img {*/
/*        width: 60px;*/
/*        height: 60px;*/
/*        border-radius: 50%;*/
/*        overflow: hidden;*/
/*        display: flex;*/
/*        align-items: center;*/
/*        justify-content: center;*/
/*        background-color: #f8f9fa; !* Light grey fallback base *!*/
/*        border: 1px solid #eee;*/
/*        position: relative;*/
/*    }*/

/*    .h-item-img.no-img {*/
/*        background-color: #f0f0f0;*/
/*        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cccccc' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'%3E%3C/circle%3E%3Cpolyline points='21 15 16 10 5 21'%3E%3C/polyline%3E%3C/svg%3E");*/
/*        background-repeat: no-repeat;*/
/*        background-position: center;*/
/*        background-size: 24px;*/
/*    }*/

/*    .h-item-img.no-img img {*/
/*        opacity: 0;*/
/*    }*/

/*    .h-item-img.has-img img {*/
/*        width: 100%;*/
/*        height: 100%;*/
/*        object-fit: cover;*/
/*        image-rendering: -webkit-optimize-contrast;*/
/*    }*/

/*    .h-grid-item span {*/
/*        margin-top: 8px;*/
/*        font-size: 10px;*/
/*        color: #666;*/
/*        text-align: center;*/
/*        line-height: 1.2;*/
/*    }*/

/*    .h-show-all {*/
/*        grid-column: span 3;*/
/*        text-align: center;*/
/*        padding: 12px;*/
/*        background: #fff;*/
/*        border: 1px solid var(--h-primary);*/
/*        color: var(--h-primary);*/
/*        border-radius: 8px;*/
/*        font-weight: 700;*/
/*        text-decoration: none;*/
/*        text-decoration: none;*/
/*        margin-top: 5px;*/
/*    }*/

/*    !* Custom Collapse Toggle *!*/
/*    .h-custom-collapse {*/
/*        display: none;*/
/*    }*/
/*    .h-custom-collapse.show {*/
/*        display: block !important;*/
/*    }*/

/*    .h-standalone-row {*/
/*        border-bottom: 1px solid #f2f2f2;*/
/*    }*/

/*    .h-image-grid {*/
/*        display: grid;*/
/*        grid-template-columns: repeat(3, 1fr);*/
/*        gap: 15px 10px;*/
/*        width: 100%;*/
/*    }*/

/*    .h-grid-item {*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        align-items: center;*/
/*        text-align: center;*/
/*        text-decoration: none !important;*/
/*    }*/

/*    .h-standalone-label {*/
/*        display: block;*/
/*        margin-top: 8px;*/
/*        font-size: 11px;*/
/*        line-height: 1.3;*/
/*        font-weight: 700;*/
/*        color: #222;*/
/*        max-width: 100%;*/
/*        overflow: hidden;*/
/*        text-overflow: ellipsis;*/
/*    }*/

/*    .h-item-img {*/
/*        border-radius: 50%;*/
/*        background-color: #f9f9f9;*/
/*        overflow: hidden;*/
/*        border: 1px solid #eee;*/
/*    }*/
/*}*/

/*.h-sidebar-ul {*/
/*    list-style: none;*/
/*    padding: 0;*/
/*}*/


/*=====================NEW FOOTER STYLES=======================*/

footer.container-xl {
    background-color: #ffffff !important;
    padding-block: 70px 40px !important; /* حاشیهٔ کناری از hg-layout.css (1.49.0) */
    direction: rtl;
    /*border-top: 1px solid #f2f2f2;*/
}

footer.container-xl .order-1.row {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    margin-bottom: 50px !important;
}

footer.container-xl .order-1 .col-md-5 {
    flex: 1 !important;
    padding: 0 !important;
}

footer.container-xl .footer-logo {
    flex: 0 0 auto !important;
    width: auto !important;
    padding: 0 30px !important;
}

footer.container-xl .footer-item:last-child p.text-muted {
    position: relative;
    padding-right: 30px;
    line-height: 2;
    color: #444 !important;
    white-space: pre-line;
}

footer.container-xl .footer-item .nav-link {
    font-size: 0.9rem;
    color: #666 !important;
    transition: all 0.3s ease;
    padding: 6px 0 !important;
}

footer.container-xl .footer-item .nav-link:hover {
    color: #911a56 !important;
    padding-right: 10px !important;
}

.socials-wrapper .navbar-nav {
    gap: 12px;
}

.footer-namad-item img {
    max-height: 55px !important;
    filter: grayscale(1) opacity(0.6);
    transition: 0.4s ease;
    width: auto !important;
}

.footer-namad-item img:hover {
    filter: grayscale(0) opacity(1);
    transform: scale(1.08);
}

@media (max-width: 768px) {
    footer.container-xl .order-1.row {
        padding: 0 15px !important;
    }

    footer.container-xl .footer-logo img {
        max-height: 60px !important;
        object-fit: contain !important;
    }

    footer.container-xl .order-1 .col-md-5 {
        flex: 0 0 20% !important;
    }

    .footer-item {
        text-align: center !important;
        border-bottom: 1px solid #f9f9f9;
    }

    footer.container-xl .footer-item:last-child p.text-muted {
        padding-right: 0;
    }

    footer.container-xl .footer-item:last-child p.text-muted::before {
        position: static;
        display: block;
        margin-bottom: 10px;
    }

    .navbar-nav {
        justify-content: center !important;
        flex-direction: row !important;
        flex-wrap: wrap;
    }

    .socials-wrapper {
        justify-content: center !important;
    }
}

.aparat-logo {
    margin-top: -6px;
}

.aparat-logo svg {
    width: 20px;
    height: 20px;
}

.socials-wrapper {
    margin-bottom: 1rem !important;
}

.socials-wrapper i {
    font-size: 20px !important;
}

.contact-info-wrapper {
    position: relative;
    padding-right: 0 !important;
}

.contact-info-wrapper p {
    position: relative;
    padding-right: 32px;
    margin-bottom: 15px !important;
    line-height: 1.8;
    display: flex;
    align-items: center;
}

.contact-info-wrapper p:first-child::before {
    content: "";
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    background-color: #911a56;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.contact-info-wrapper p:nth-child(2)::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 7px;
    width: 20px;
    height: 20px;
    background-color: #911a56;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.81 12.81 0 0 0 .63 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.63A2 2 0 0 1 22 16.92z"></path></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.81 12.81 0 0 0 .63 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.63A2 2 0 0 1 22 16.92z"></path></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.contact-info-wrapper a {
    color: #911a56 !important;
    text-decoration: none;
    font-weight: 500;
    margin: 0 5px;
    transition: opacity 0.3s;
}

.contact-info-wrapper a:hover {
    opacity: 0.7;
}

@media (max-width: 768px) {
    .contact-info-wrapper p:first-child::before,
    .contact-info-wrapper p:nth-child(2)::before {
        right: 50%;
    }

    .contact-info-wrapper p {
        justify-content: center;
        padding-right: 0;
        padding-top: 30px;
    }

    .contact-info-wrapper p::before {
        right: 50%;
        transform: translateX(50%);
        top: 0;
    }
}

/* جلوگیری از اسکرول افقی کل سایت */
body, html {
    overflow-x: hidden;
}
/* 1.50.1: hidden روی html و body، body را «ظرفِ اسکرول» می‌کند و هر position:sticky در کل سایت بی‌اثر
   می‌شود (سایدبارِ بلاگ با صفحه بالا می‌رفت). clip همان جلوگیری از اسکرولِ افقی را بدونِ ظرفِ اسکرول می‌دهد. */
@supports (overflow-x: clip) {
    body, html {
        overflow-x: clip;
    }
}

footer.container-xl {
    overflow: hidden; /* مهار هرگونه بیرون‌زدگی */
    background-color: #ffffff !important;
    padding-block: 60px 40px !important; /* حاشیهٔ کناری از hg-layout.css (1.49.0) */
    direction: rtl;
    /*border-top: 1px solid #f2f2f2;*/
}

/* اصلاح ساختار ردیف لوگو */
.logo-row-wrapper {
    flex-wrap: nowrap !important;
    width: 100%;
}

footer.container-xl img.line {
    max-width: 100%;
    object-fit: contain;
    height: 4px !important;
    opacity: 0.4;
    filter: brightness(0.8);
}

@media (max-width: 768px) {
    .footer-item {
        padding: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto;
    }

    .footer-item .row {
        margin-left: 0;
        margin-right: 0;
    }

    .footer-namad-item {
        margin: 5px !important;
    }

    .footer-namad-item img {
        max-width: 45px !important;
    }

    .contact-info-wrapper p {
        font-size: 0.85rem;
        flex-direction: column;
        text-align: center;
    }

    footer.container-xl .footer-logo img {
        max-height: 50px !important;
    }
}

.footer-item ul.navbar-nav {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
}

.contact-info-wrapper p::before {
    display: inline-block;
    flex-shrink: 0;
}