/**

 * Theme 2 — storefront overrides

 * Primary color: var(--store-primary-color) in layout head

 */



.body_theme2 {

    --theme2-input-min-height: 48px;

    --theme2-input-padding-block: 12px;

    --theme2-input-padding-inline: 14px;

    --theme2-input-border-color: #e2e8f0;

    --theme2-input-radius: 10px;

    --theme2-input-font-size: 14px;

    --theme2-input-text-color: #334155;

    --theme2-input-bg: #fff;

    --theme2-input-placeholder: #94a3b8;

    --theme2-label-font-size: 13px;

    --theme2-label-color: #334155;

    --theme2-focus-border: var(--store-primary-color, #ff6a00);

    --theme2-focus-ring: 0 0 0 3px rgba(255, 106, 0, 0.1);

}



/* Hero slider */

.body_theme2 .hero-slider .hero-slide-item {

    position: relative !important;

    display: block !important;

    padding: 0 !important;

    background-size: cover !important;

    background-position: center !important;

    background-repeat: no-repeat !important;

}



.body_theme2 .hero-slider .hero-slide-box {

    position: absolute !important;

    inset-inline-start: 56px !important;

    bottom: 38px !important;

    z-index: 5 !important;

    max-width: 420px !important;

    text-align: start !important;

}



.body_theme2 .hero-slider .hero-slide-title {

    margin: 0 0 10px !important;

    font-size: 28px !important;

    font-weight: 600 !important;

    line-height: 1.35 !important;

    color: #ffffff !important;

    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.55) !important;

}



.body_theme2 .hero-slider .hero-slide-details {

    margin: 0 0 22px !important;

    font-size: 38px !important;

    font-weight: 800 !important;

    line-height: 1.25 !important;

    color: #ffffff !important;

    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.55) !important;

}



.body_theme2 .hero-slider .hero-banner-btn {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 10px !important;

    min-width: 210px !important;

    padding: 17px 42px !important;

    border: none !important;

    border-radius: 50px !important;

    background: #ffffff !important;

    color: var(--store-primary-color, #ff6a00) !important;

    font-size: 20px !important;

    font-weight: 700 !important;

    line-height: 1.2 !important;

    text-decoration: none !important;

    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28) !important;

    transition: transform 0.25s ease, box-shadow 0.25s ease !important;

}



.body_theme2 .hero-slider .hero-banner-btn:hover {

    transform: translateY(-2px) !important;

    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.34) !important;

    color: var(--store-primary-color, #ff6a00) !important;

    text-decoration: none !important;

}



.body_theme2 .hero-slider .hero-banner-btn i {

    font-size: 16px !important;

    color: var(--store-primary-color, #ff6a00) !important;

}



@media (max-width: 991px) {

    .body_theme2 .hero-slider .hero-slide-box {

        inset-inline-start: 20px !important;

        inset-inline-end: 20px !important;

        bottom: 22px !important;

        max-width: none !important;

    }



    .body_theme2 .hero-slider .hero-slide-title {

        font-size: 22px !important;

    }



    .body_theme2 .hero-slider .hero-slide-details {

        font-size: 28px !important;

        margin-bottom: 16px !important;

    }



    .body_theme2 .hero-slider .hero-banner-btn {

        width: 100% !important;

        min-width: 0 !important;

        font-size: 18px !important;

    }

}



/* ── Utility strip ── */

.body_theme2 .theme2-utility-strip {

    background: #f1f5f9 !important;

    border-bottom: 1px solid #e2e8f0;

    padding: 0;

}



.body_theme2 .theme2-utility-strip__inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

    gap: 8px 12px;

    width: 100%;

    min-height: 38px;

    padding: 4px 0;

}



.body_theme2 .theme2-utility-strip__start,

.body_theme2 .theme2-utility-strip__end {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 4px 2px;

}



.body_theme2 .theme2-utility-strip__end .header-utility-tools {

    border-inline-start: none;

    margin-inline-start: 0;

    padding-inline-start: 0;

}



.body_theme2 .theme2-utility-strip .header-utility-tools {

    display: flex;

    align-items: center;

    gap: 2px;

    padding-inline-start: 6px;

    margin-inline-start: 2px;

    border-inline-start: 1px solid #cbd5e1;

}



.body_theme2 .theme2-utility-strip__link,

.body_theme2 .theme2-utility-strip .header-utility-tools .main-link,

.body_theme2 .theme2-utility-strip .header-utility-tools .header-utility-tools__auth-link,

.body_theme2 .theme2-utility-strip .t-h-dropdown .main-link {

    display: inline-flex;

    align-items: center;

    gap: 5px;

    padding: 5px 10px;

    color: #334155 !important;

    font-size: 13px;

    font-weight: 500;

    line-height: 1.3;

    text-decoration: none;

    white-space: nowrap;

    border-radius: 6px;

    background: transparent !important;

    transition: color 0.2s ease, background-color 0.2s ease;

}



.body_theme2 .theme2-utility-strip__link:hover,

.body_theme2 .theme2-utility-strip .header-utility-tools .main-link:hover,

.body_theme2 .theme2-utility-strip .header-utility-tools .header-utility-tools__auth-link:hover {

    color: var(--store-primary-color, #ff6a00) !important;

    background: rgba(15, 23, 42, 0.06) !important;

}



.body_theme2 .theme2-utility-strip__link i,

.body_theme2 .theme2-utility-strip .header-utility-tools .main-link i {

    font-size: 14px;

    position: static;

    margin: 0;

    top: auto;

    left: auto;

    right: auto;

    color: inherit !important;

}



.body_theme2 .theme2-utility-strip .t-h-dropdown {

    margin: 0;

    position: relative;

}



.body_theme2 .theme2-utility-strip .t-h-dropdown .t-h-dropdown-menu {

    min-width: 140px;

    margin-top: 4px;

    border-radius: 8px;

    border-top: 2px solid var(--store-primary-color, #ff6a00);

    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);

}



html[dir="ltr"] .body_theme2 .theme2-utility-strip .t-h-dropdown .t-h-dropdown-menu {

    left: 0;

    right: auto;

    inset-inline-start: 0;

    inset-inline-end: auto;

}



html[dir="rtl"] .body_theme2 .theme2-utility-strip .t-h-dropdown .t-h-dropdown-menu {

    left: auto;

    right: 0;

    inset-inline-start: auto;

    inset-inline-end: 0;

}



html[dir="ltr"] .body_theme2 .theme2-utility-strip .t-h-dropdown .t-h-dropdown-menu a {

    text-align: left;

}



html[dir="rtl"] .body_theme2 .theme2-utility-strip .t-h-dropdown .t-h-dropdown-menu a {

    text-align: right;

    flex-direction: row-reverse;

}



.body_theme2 .theme2-utility-strip .t-h-dropdown .t-h-dropdown-menu a,

.body_theme2 .theme2-mobile-utility .header-utility-tools .t-h-dropdown-menu a {

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 8px 12px;

    font-size: 13px;

    line-height: 1.4;

}



html[dir="ltr"] .body_theme2 .theme2-utility-strip .t-h-dropdown .main-link,

html[dir="ltr"] .body_theme2 .theme2-utility-strip .header-utility-tools .header-utility-tools__auth-link {

    flex-direction: row;

}



html[dir="rtl"] .body_theme2 .theme2-utility-strip .t-h-dropdown .main-link,

html[dir="rtl"] .body_theme2 .theme2-utility-strip .header-utility-tools .header-utility-tools__auth-link {

    flex-direction: row-reverse;

}



html[dir="rtl"] .body_theme2 .theme2-utility-strip .header-utility-tools .main-link i.icon-chevron-down {

    margin-inline-start: 0;

    margin-inline-end: 4px;

}



html[dir="ltr"] .body_theme2 .theme2-utility-strip .header-utility-tools__account .t-h-dropdown-menu {

    left: 0 !important;

    right: auto !important;

}



html[dir="rtl"] .body_theme2 .theme2-utility-strip .header-utility-tools__account .t-h-dropdown-menu {

    left: auto !important;

    right: 0 !important;

}



/* ── Main topbar: 3-column grid (logo | search | actions) ── */

.body_theme2 .theme2-topbar-row {

    display: grid !important;

    grid-template-columns: minmax(120px, auto) minmax(0, 1fr) auto;

    align-items: center;

    column-gap: 20px;

    width: 100%;

    min-height: 72px;

}



.body_theme2 .theme2-topbar-row .site-branding {

    grid-column: 1;

    flex: none;

    padding: 12px 0;

    min-width: 0;

}



.body_theme2 .theme2-topbar-row .site-branding .site-logo {

    width: auto;

    max-width: 160px;

}



.body_theme2 .theme2-topbar-row .site-branding .site-logo img {

    max-height: 44px;

    width: auto;

    max-width: 100%;

    object-fit: contain;

}



.body_theme2 .theme2-topbar-row .site-branding .site-logo__fallback {

    display: none;

    font-size: 20px;

    font-weight: 700;

    color: #0f172a;

    white-space: nowrap;

}



.body_theme2 .theme2-topbar-row .site-branding .site-logo.site-logo--text .site-logo__fallback {

    display: inline-block;

}



.body_theme2 .theme2-topbar-row .search-box-wrap {

    grid-column: 2;

    width: 100% !important;

    max-width: none !important;

    min-width: 0;

    padding: 8px 0 !important;

    margin: 0 !important;

    flex: none !important;

}



.body_theme2 .theme2-topbar-row .search-box-inner,

.body_theme2 .theme2-topbar-row .search-box {

    width: 100%;

}



.body_theme2 .theme2-topbar-row .search-box {

    border: 1px solid #e2e8f0;

    border-radius: 10px;

    overflow: visible;

    background: #f8fafc;

    transition: border-color 0.2s ease, box-shadow 0.2s ease;

    direction: inherit;

}



html[dir="rtl"] .body_theme2 .theme2-topbar-row .search-box {

    flex-direction: row-reverse;

}



.body_theme2 .theme2-topbar-row .search-box .input-group {

    overflow: hidden;

    border-radius: 0 10px 10px 0;

    display: flex;

    align-items: stretch;

    flex: 1;

    min-width: 0;

}



html[dir="rtl"] .body_theme2 .theme2-topbar-row .search-box .input-group {

    border-radius: 10px 0 0 10px;

    flex-direction: row-reverse;

}



.body_theme2 .theme2-topbar-row .search-box .input-group .input-group-btn {

    position: static !important;

    inset: auto !important;

    transform: none !important;

    margin: 0 !important;

    flex: 0 0 44px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.body_theme2 .theme2-topbar-row .search-box .input-group .form-control {

    position: relative !important;

    flex: 1 1 auto;

    width: auto !important;

    max-width: none !important;

    min-height: 44px;

    padding: 10px 14px !important;

    text-align: start;

    direction: inherit;

}



html[dir="rtl"] .body_theme2 .theme2-topbar-row .search-box .input-group .form-control {

    text-align: right;

    direction: rtl;

}



html[dir="ltr"] .body_theme2 .theme2-topbar-row .search-box .input-group .form-control {

    text-align: left;

    direction: ltr;

}



.body_theme2 .theme2-topbar-row .search-box:focus-within {

    border-color: var(--store-primary-color, #ff6a00);

    box-shadow: 0 0 0 3px rgba(255, 106, 0, 0.12);

    background: #fff;

}



.body_theme2 .theme2-topbar-row .search-box select.categoris.theme2-search-category__native {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border: 0;

}



.body_theme2 .theme2-search-category {

    position: relative;

    flex: 0 0 auto;

    min-width: 132px;

    max-width: 168px;

    border-inline-end: 1px solid #e2e8f0;

    border-radius: 10px 0 0 10px;

    overflow: visible;

}



html[dir="rtl"] .body_theme2 .theme2-search-category {

    border-radius: 0 10px 10px 0;

}



.body_theme2 .theme2-search-category__trigger {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 8px;

    width: 100%;

    min-height: 44px;

    padding: 0 12px;

    border: none;

    border-radius: inherit;

    background: #f1f5f9;

    color: #334155;

    font-size: 13px;

    font-weight: 600;

    line-height: 1.3;

    text-align: start;

    cursor: pointer;

    transition: background-color 0.2s ease, color 0.2s ease;

}



.body_theme2 .theme2-search-category__trigger:hover,

.body_theme2 .theme2-search-category.is-open .theme2-search-category__trigger {

    background: #e8eef4;

    color: #0f172a;

}



.body_theme2 .theme2-search-category__label {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.body_theme2 .theme2-search-category__trigger i {

    flex-shrink: 0;

    font-size: 11px;

    color: #64748b;

    transition: transform 0.2s ease;

}



.body_theme2 .theme2-search-category.is-open .theme2-search-category__trigger i {

    transform: rotate(180deg);

}



.body_theme2 .theme2-search-category__menu {

    position: absolute;

    top: calc(100% + 6px);

    inset-inline-start: 0;

    inset-inline-end: auto;

    z-index: 1050;

    min-width: 240px;

    max-width: min(320px, 90vw);

    max-height: 320px;

    margin: 0;

    padding: 6px;

    overflow-y: auto;

    background: #fff;

    border: 1px solid #e2e8f0;

    border-radius: 10px;

    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14);

    scrollbar-width: thin;

    scrollbar-color: #cbd5e1 transparent;

}



.body_theme2 .theme2-search-category__menu::-webkit-scrollbar {

    width: 6px;

}



.body_theme2 .theme2-search-category__menu::-webkit-scrollbar-thumb {

    background: #cbd5e1;

    border-radius: 999px;

}



.body_theme2 .theme2-search-category__option {

    display: block;

    width: 100%;

    padding: 10px 12px;

    margin: 0;

    border: none;

    border-radius: 8px;

    background: transparent;

    color: #334155;

    font-size: 13px;

    font-weight: 500;

    line-height: 1.35;

    text-align: start;

    cursor: pointer;

    transition: background-color 0.15s ease, color 0.15s ease;

}



.body_theme2 .theme2-search-category__option:hover {

    background: #f1f5f9;

    color: #0f172a;

}



.body_theme2 .theme2-search-category__option.is-active {

    background: color-mix(in srgb, var(--store-primary-color, #ff6a00) 14%, #fff);

    color: var(--store-primary-color, #ff6a00);

    font-weight: 600;

}



.body_theme2 .theme2-topbar-row .search-box select.categoris {

    border: none;

    background: transparent;

    font-size: 13px;

    font-weight: 500;

    color: #334155;

    max-width: 110px;

}



.body_theme2 .theme2-topbar-row .search-box .form-control {

    border: none;

    background: transparent;

    font-size: 14px;

    box-shadow: none;

}



.body_theme2 .theme2-topbar-row .search-box .input-group-btn button {

    border: none;

    background: transparent;

    color: #64748b;

}



.body_theme2 .theme2-topbar-row .toolbar {

    grid-column: 3;

    display: flex !important;

    align-items: center;

    flex: none;

    margin: 0;

    gap: 2px;

}



.body_theme2 .theme2-topbar-row .toolbar .toolbar-item {

    position: relative;

    width: 76px;

    height: 58px;

    margin: 0 !important;

    margin-inline-start: 0 !important;

}



.body_theme2 .theme2-topbar-row .toolbar .toolbar-item > a {

    position: relative;

    top: auto;

    left: auto;

    width: 100%;

    height: 100%;

    padding: 6px 4px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    transition: background-color 0.2s ease;

}



.body_theme2 .theme2-topbar-row .toolbar .toolbar-item > a:hover {

    background: #f1f5f9;

}



.body_theme2 .theme2-topbar-row .toolbar .toolbar-item > a > div {

    position: relative;

    top: auto;

    left: auto;

    transform: none;

    width: 100%;

}



.body_theme2 .theme2-topbar-row .toolbar .toolbar-item > a > div > .text-label {

    display: block;

    font-size: 11px;

    font-weight: 600;

    color: #475569;

    margin-top: 2px;

}



.body_theme2 .theme2-topbar-row .toolbar .toolbar-item > a > div > i,

.body_theme2 .theme2-topbar-row .toolbar .toolbar-item > a > div > .compare-icon > i,

.body_theme2 .theme2-topbar-row .toolbar .toolbar-item > a > div > .cart-icon > i {

    display: inline-block;

    margin-bottom: 0;

    font-size: 22px;

    color: #1e293b;

}



.body_theme2 .theme2-topbar-row .toolbar .count-label {

    background-color: var(--store-primary-color, #ff6a00) !important;

    font-size: 10px;

    font-weight: 700;

    min-width: 18px;

    height: 18px;

    line-height: 18px;

}



.body_theme2 .site-header .topbar {

    border-bottom: 1px solid #e2e8f0;

    background: #fff;

}



/* ── Navbar ── */

.body_theme2 .navbar {

    border-bottom: 1px solid #e2e8f0;

}



.body_theme2 .navbar .row {

    align-items: stretch;

}



.body_theme2 .navbar .col-lg-9 {

    justify-content: flex-start !important;

    align-items: center;

}



.body_theme2 .navbar .nav-inner {

    width: 100%;

    padding-inline-start: 0;

}



.body_theme2 .site-header .site-menu {

    width: 100%;

}



.body_theme2 .site-header .site-menu > ul {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    gap: 8px 4px;

    margin: 0;

    padding: 0;

    list-style: none;

}



.body_theme2 .site-header .site-menu > ul > li > a,

.body_theme2 .site-header .site-menu > ul > li > .main-link {

    display: inline-block;

    padding: 14px 6px;

    font-size: 14px;

    font-weight: 600;

    color: #334155 !important;

    text-decoration: none;

    transition: color 0.2s ease;

}



.body_theme2 .site-header .site-menu > ul > li.active > a,

.body_theme2 .site-header .site-menu > ul > li.active > .main-link {

    color: var(--store-primary-color, #ff6a00) !important;

}



.body_theme2 .site-header .site-menu > ul > li > a:hover,

.body_theme2 .site-header .site-menu > ul > li > .main-link:hover {

    color: var(--store-primary-color, #ff6a00) !important;

}



.body_theme2 .left-category-area .category-header h4 {

    border-radius: 0;

    font-weight: 600;

    letter-spacing: 0;

}



@media (max-width: 1199px) {

    .body_theme2 .theme2-topbar-row {

        column-gap: 14px;

    }



    .body_theme2 .theme2-topbar-row .toolbar .toolbar-item {

        width: 68px;

    }

}



/* ── Mobile utility ── */

.body_theme2 .theme2-mobile-utility {

    background: #fff !important;

    border-bottom: 1px solid #eef2f6;

    padding: 0;

}



.body_theme2 .theme2-mobile-utility__quick {

    display: flex;

    align-items: center;

    justify-content: space-around;

    gap: 8px;

    min-height: 34px;

    padding: 4px 0;

}



.body_theme2 .theme2-mobile-utility__locale {

    display: flex;

    justify-content: center;

    padding-bottom: 6px;

    border-top: 1px solid #f1f5f9;

}



.body_theme2 .theme2-mobile-utility__locale .header-utility-tools {

    display: flex;

    align-items: center;

    justify-content: space-evenly;

    flex-wrap: nowrap;

    gap: 4px;

    width: 100%;

    padding: 8px 6px 10px;

}



.body_theme2 .theme2-mobile-utility__locale .header-utility-tools__dropdown,

.body_theme2 .theme2-mobile-utility__locale .header-utility-tools__account {

    display: flex;

    align-items: center;

    flex: 0 0 auto;

    position: relative;

    justify-content: center;

    min-width: 0;

}



.body_theme2 .theme2-mobile-utility .track-order-link {

    display: inline-flex;

    align-items: center;

    gap: 4px;

    color: #64748b !important;

    font-size: 12px;

    font-weight: 500;

    padding: 4px 6px;

    text-decoration: none;

}



.body_theme2 .theme2-mobile-utility .track-order-link:hover {

    color: var(--store-primary-color, #ff6a00) !important;

}



.body_theme2 .theme2-mobile-utility .track-order-link i {

    font-size: 13px;

    position: static;

    margin: 0;

}



/* Shared utility chip (desktop strip + mobile locale row) */

.body_theme2 .header-utility-tools__account.login-register {

    display: flex;

    align-items: center;

}



.body_theme2 .theme2-utility-strip .header-utility-tools__account .main-link,

.body_theme2 .theme2-mobile-utility .header-utility-tools .main-link,

.body_theme2 .theme2-mobile-utility .header-utility-tools .header-utility-tools__auth-link,

.body_theme2 .theme2-mobile-utility .header-utility-tools__account .main-link {

    display: inline-flex;

    align-items: center;

    gap: 5px;

    padding: 6px 10px;

    color: #334155 !important;

    font-size: 12px;

    font-weight: 500;

    line-height: 1.3;

    text-decoration: none;

    white-space: nowrap;

    border-radius: 8px;

    background: transparent !important;

    cursor: pointer;

    transition: color 0.2s ease, background-color 0.2s ease;

}



.body_theme2 .theme2-mobile-utility .header-utility-tools .main-link:hover,

.body_theme2 .theme2-mobile-utility .header-utility-tools .header-utility-tools__auth-link:hover,

.body_theme2 .theme2-utility-strip .header-utility-tools__account .main-link:hover {

    color: var(--store-primary-color, #ff6a00) !important;

    background: rgba(15, 23, 42, 0.06) !important;

}



.body_theme2 .theme2-mobile-utility .header-utility-tools .main-link i,

.body_theme2 .theme2-mobile-utility .header-utility-tools .header-utility-tools__auth-link i,

.body_theme2 .theme2-utility-strip .header-utility-tools__account .main-link i {

    font-size: 14px;

    position: static;

    margin: 0;

    top: auto;

    left: auto;

    right: auto;

    color: inherit !important;

}



.body_theme2 .theme2-mobile-utility__locale .header-utility-tools__label,

.body_theme2 .theme2-mobile-utility__locale .header-utility-tools__account .text-label {

    max-width: 88px;

    overflow: hidden;

    text-overflow: ellipsis;

}



.body_theme2 .theme2-mobile-utility .header-utility-tools .t-h-dropdown {

    margin: 0;

    position: relative;

    display: inline-flex;

    flex-direction: column;

    align-items: stretch;

}



.body_theme2 .theme2-mobile-utility .header-utility-tools .t-h-dropdown-menu {

    position: absolute;

    top: calc(100% + 6px);

    min-width: 160px;

    margin-top: 0;

    padding: 6px;

    border-radius: 10px;

    border-top: 2px solid var(--store-primary-color, #ff6a00);

    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14);

    background: #fff;

    transform: none;

    z-index: 1060;

}



html[dir="ltr"] .body_theme2 .theme2-mobile-utility .header-utility-tools .t-h-dropdown-menu {

    left: 0 !important;

    right: auto !important;

    inset-inline-start: 0;

    inset-inline-end: auto;

}



html[dir="rtl"] .body_theme2 .theme2-mobile-utility .header-utility-tools .t-h-dropdown-menu {

    left: auto !important;

    right: 0 !important;

    inset-inline-start: auto;

    inset-inline-end: 0;

}



html[dir="ltr"] .body_theme2 .theme2-mobile-utility__locale .header-utility-tools__account .t-h-dropdown-menu {

    left: auto !important;

    right: 0 !important;

    inset-inline-start: auto;

    inset-inline-end: 0;

}



html[dir="rtl"] .body_theme2 .theme2-mobile-utility__locale .header-utility-tools__account .t-h-dropdown-menu {

    left: 0 !important;

    right: auto !important;

    inset-inline-start: 0;

    inset-inline-end: auto;

}



.body_theme2 .theme2-mobile-utility .header-utility-tools .t-h-dropdown-menu a {

    display: block;

    padding: 10px 12px;

    border-radius: 8px;

    color: #334155 !important;

    font-size: 13px;

    font-weight: 500;

    line-height: 1.35;

    text-align: start;

    text-decoration: none;

    transition: background-color 0.15s ease, color 0.15s ease;

}



.body_theme2 .theme2-mobile-utility .header-utility-tools .t-h-dropdown-menu a:hover {

    background: #f1f5f9;

    color: #0f172a !important;

}



.body_theme2 .theme2-mobile-utility .header-utility-tools .t-h-dropdown-menu a.active {

    background: color-mix(in srgb, var(--store-primary-color, #ff6a00) 14%, #fff);

    color: var(--store-primary-color, #ff6a00) !important;

    font-weight: 600;

}



.body_theme2 .theme2-mobile-utility .header-utility-tools .t-h-dropdown-menu a i {

    position: static;

    float: none;

    transform: none;

    top: auto;

    margin-inline-end: 6px;

    font-size: 11px;

    color: inherit;

}



html[dir="rtl"] .body_theme2 .theme2-mobile-utility .header-utility-tools .t-h-dropdown-menu a i {

    transform: rotate(180deg);

}



/* ═══════════════════════════════════════════════════════════════
   Sprint 2 — Global storefront UI (theme2)
   Footer · Nav/Categories · Section titles · Product cards · Services
   ═══════════════════════════════════════════════════════════════ */



/* ── Footer (light, clean) ── */

.body_theme2 .site-footer {

    margin-top: 48px;

    padding-top: 48px;

    padding-bottom: 0;

    background: #f8fafc;

    color: #475569;

    border-top: 1px solid #e2e8f0;

}



.body_theme2 .site-footer .widget {

    margin-bottom: 24px;

}



.body_theme2 .site-footer .widget-title {

    position: relative;

    color: #0f172a;

    font-size: 16px;

    font-weight: 700;

    margin-bottom: 18px;

    padding-bottom: 10px;

}



.body_theme2 .site-footer .widget-title::after {

    display: block;

    content: "";

    position: absolute;

    inset-inline-start: 0;

    bottom: 0;

    width: 36px;

    height: 3px;

    border-radius: 999px;

    background: var(--store-primary-color, #ff6a00);

}



.body_theme2 .site-footer .widget-light-skin p,

.body_theme2 .site-footer .widget-light-skin li {

    color: #64748b;

    font-size: 14px;

    line-height: 1.65;

    margin-bottom: 6px;

}



.body_theme2 .site-footer .widget-light-skin strong {

    color: #334155;

    font-weight: 600;

}



.body_theme2 .site-footer .widget-links ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.body_theme2 .site-footer .widget-links ul li {

    margin-bottom: 8px;

    padding: 0;

}



.body_theme2 .site-footer .widget-links ul li::before {

    display: none;

}



.body_theme2 .site-footer .widget-links ul li a {

    display: inline-flex;

    align-items: center;

    gap: 6px;

    color: #64748b;

    font-size: 14px;

    font-weight: 500;

    text-decoration: none;

    transition: color 0.2s ease, padding-inline-start 0.2s ease;

}



html[dir="ltr"] .body_theme2 .site-footer .widget-links ul li a::before {

    content: "›";

    color: #cbd5e1;

    font-weight: 700;

    line-height: 1;

}



html[dir="rtl"] .body_theme2 .site-footer .widget-links ul li a::before {

    content: "‹";

    color: #cbd5e1;

    font-weight: 700;

    line-height: 1;

}



.body_theme2 .site-footer .widget-links ul li a:hover {

    color: var(--store-primary-color, #ff6a00);

    padding-inline-start: 2px;

}



.body_theme2 .site-footer .widget-links ul li a:hover::before {

    color: var(--store-primary-color, #ff6a00);

}



.body_theme2 .site-footer .footer-social-links {

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

    margin-top: 18px;

}



.body_theme2 .site-footer .footer-social-links a {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 40px;

    height: 40px;

    border-radius: 10px;

    border: 1px solid #e2e8f0;

    background: #fff !important;

    color: #64748b !important;

    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);

    transition: border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;

}



.body_theme2 .site-footer .footer-social-links a:hover {

    border-color: var(--store-primary-color, #ff6a00);

    background: #fff !important;

    color: var(--store-primary-color, #ff6a00) !important;

    transform: translateY(-2px);

    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);

}



.body_theme2 .site-footer .footer-social-links a::before {

    display: none !important;

}



.body_theme2 .site-footer .subscriber-form .form-control {

    min-height: var(--theme2-input-min-height);

    border: 1px solid var(--theme2-input-border-color);

    border-radius: var(--theme2-input-radius) 0 0 var(--theme2-input-radius);

    background: var(--theme2-input-bg);

    color: var(--theme2-input-text-color);

    font-size: var(--theme2-input-font-size);

    box-shadow: none;

}



.body_theme2 .site-footer .subscriber-form .form-control::placeholder {

    color: var(--theme2-input-placeholder);

}



.body_theme2 .site-footer .subscriber-form .form-control:focus {

    border-color: var(--theme2-focus-border);

    box-shadow: var(--theme2-focus-ring);

    outline: none;

}



html[dir="rtl"] .body_theme2 .site-footer .subscriber-form .form-control {

    border-radius: 0 var(--theme2-input-radius) var(--theme2-input-radius) 0;

}



.body_theme2 .site-footer .subscriber-form .input-group {

    display: flex;

    align-items: stretch;

    flex-wrap: nowrap;

}



.body_theme2 .site-footer .subscriber-form .form-control {

    flex: 1 1 auto;

    width: auto !important;

    max-width: none !important;

    padding: 10px 14px !important;

}



.body_theme2 .site-footer .subscriber-form .input-group-addon {

    position: static !important;

    inset: auto !important;

    transform: none !important;

    margin: 0 !important;

    flex: 0 0 48px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: #fff;

    border: 1px solid #e2e8f0;

    border-inline-start: 0;

    color: #94a3b8;

    border-radius: 0 10px 10px 0;

}



html[dir="rtl"] .body_theme2 .site-footer .subscriber-form .input-group-addon {

    border-radius: 10px 0 0 10px;

}



.body_theme2 .site-footer .subscriber-form .btn-primary {

    border-radius: 10px;

    min-height: 44px;

    font-weight: 600;

    margin-top: 10px;

}



.body_theme2 .site-footer .subscriber-form p {

    color: #94a3b8;

    font-size: 13px;

    line-height: 1.55;

}



.body_theme2 .site-footer .footer-copyright {

    margin-top: 32px;

    padding: 18px 0;

    border-top: 1px solid #e2e8f0;

    color: #94a3b8;

    font-size: 13px;

    text-align: center;

}



.body_theme2 .site-footer .gateway_image {

    max-height: 36px;

    width: auto;

    opacity: 0.9;

    filter: none;

}



.body_theme2 .site-footer .app-store-badges .app-badge {

    max-height: 40px;

    width: auto;

    border-radius: 8px;

}



/* ── Categories (navbar) ── */

.body_theme2 .left-category-area {

    border-radius: 10px;

    overflow: visible;

    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);

}



.body_theme2 .left-category-area .category-header h4 {

    border-radius: 10px 10px 0 0;

    padding: 14px 16px;

    font-size: 15px;

    font-weight: 600;

    display: flex;

    align-items: center;

    gap: 8px;

}



.body_theme2 .left-category-area .category-list {

    border: 1px solid #e2e8f0;

    border-top: none;

    border-radius: 0 0 10px 10px;

    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);

    padding: 6px 0;

}



.body_theme2 .left-category-area .category-list .navi-link {

    padding: 10px 14px;

    gap: 10px;

    font-size: 13px;

    font-weight: 500;

    color: #334155;

    transition: background-color 0.15s ease, color 0.15s ease;

}



.body_theme2 .left-category-area .category-list .navi-link:hover {

    background: #f8fafc;

    color: var(--store-primary-color, #ff6a00);

}



.body_theme2 .left-category-area .category-list .navi-link img {

    border-radius: 8px;

    flex-shrink: 0;

}



.body_theme2 .left-category-area .category-list .sub-c-box {

    border-radius: 10px;

    border: 1px solid #e2e8f0;

    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1);

}



/* ── Section titles (home) ── */

.body_theme2 .section-title.section-title2 {

    margin-bottom: 28px;

    padding-bottom: 0;

    border: none;

}



.body_theme2 .section-title.section-title2 h2 {

    position: relative;

    display: inline-block;

    font-size: 24px;

    font-weight: 700;

    color: #0f172a;

    margin: 0;

    padding-bottom: 10px;

}



.body_theme2 .section-title.section-title2 h2::before {

    display: none !important;

}



.body_theme2 .section-title.section-title2 h2::after {

    content: "";

    position: absolute;

    inset-inline-start: 0;

    bottom: 0;

    width: 48px;

    height: 3px;

    border-radius: 999px;

    background: var(--store-primary-color, #ff6a00);

}



.body_theme2 .section-title.section-title2.text-center h2::after {

    inset-inline-start: 50%;

    transform: translateX(-50%);

}



html[dir="rtl"] .body_theme2 .section-title.section-title2.text-center h2::after {

    transform: translateX(50%);

}



/* ── Product cards ── */

.body_theme2 .product-card {

    border: 1px solid #eef2f6;

    border-radius: 12px;

    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);

    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;

}



.body_theme2 .product-card:hover {

    border-color: #e2e8f0;

    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);

    transform: translateY(-3px);

}



.body_theme2 .product-card .product-thumb {

    border-radius: 12px 12px 0 0;

    background: #f8fafc;

}



.body_theme2 .product-card .product-card-body {

    padding: 14px 14px 16px;

}



.body_theme2 .product-card .product-category > a {

    font-size: 11px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 0.03em;

    color: #64748b !important;

}



.body_theme2 .product-card .product-title > a {

    font-size: 14px;

    font-weight: 600;

    color: #1e293b !important;

    line-height: 1.4;

}



.body_theme2 .product-card .product-title > a:hover {

    color: var(--store-primary-color, #ff6a00) !important;

}



.body_theme2 .product-card .product-price {

    font-size: 16px;

    font-weight: 700;

    color: var(--store-primary-color, #ff6a00) !important;

}



.body_theme2 .product-card .product-price > del {

    font-size: 13px;

    font-weight: 500;

    color: #94a3b8 !important;

}



.body_theme2 .product-card .product-button-group .product-button {

    border-radius: 10px;

}



.body_theme2 .product-card .product-badge {

    border-radius: 8px;

    font-size: 11px;

    font-weight: 600;

}



.body_theme2 .product-card .countdown {

    border-radius: 8px;

    overflow: hidden;

}



/* ── Service cards ── */

.body_theme2 .single-service.single-service2 {

    border: 1px solid #eef2f6;

    border-radius: 12px;

    padding: 20px 16px;

    background: #fff;

    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);

    transition: border-color 0.2s ease, box-shadow 0.2s ease;

}



.body_theme2 .single-service.single-service2:hover {

    border-color: #e2e8f0;

    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);

}



.body_theme2 .single-service.single-service2 img {

    width: 48px;

    height: 48px;

    object-fit: contain;

    margin-bottom: 12px;

}



.body_theme2 .single-service.single-service2 .content h6 {

    font-size: 15px;

    font-weight: 700;

    color: #0f172a;

    margin-bottom: 6px;

}



.body_theme2 .single-service.single-service2 .content p {

    color: #64748b;

    font-size: 13px;

    line-height: 1.5;

}



/* ── Banners (home) ── */

.body_theme2 .genius-banner {

    border-radius: 12px;

    border: 1px solid #eef2f6;

}



/* ── Page title / breadcrumbs (inner pages) ── */

.body_theme2 .page-title {

    background: #f8fafc;

    border-bottom: 1px solid #e2e8f0;

    padding: 20px 0;

    margin-bottom: 24px;

}



.body_theme2 .page-title .h3,

.body_theme2 .page-title h1 {

    font-size: 22px;

    font-weight: 700;

    color: #0f172a;

    margin: 0;

}



.body_theme2 .breadcrumbs {

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

    flex-wrap: wrap;

    gap: 6px;

    font-size: 13px;

}



.body_theme2 .breadcrumbs li {

    color: #64748b;

}



.body_theme2 .breadcrumbs li a {

    color: #64748b;

    text-decoration: none;

}



.body_theme2 .breadcrumbs li a:hover {

    color: var(--store-primary-color, #ff6a00);

}



/* ── Scroll to top ── */

.body_theme2 .scroll-to-top-btn {

    width: 44px;

    height: 44px;

    border-radius: 12px;

    background: var(--store-primary-color, #ff6a00) !important;

    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18);

    transition: transform 0.2s ease, box-shadow 0.2s ease;

}



.body_theme2 .scroll-to-top-btn:hover {

    transform: translateY(-3px);

    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.22);

}



/* ── Owl carousel nav (home sliders) ── */

.body_theme2 .owl-carousel .owl-nav button {

    width: 40px;

    height: 40px;

    border-radius: 10px !important;

    background: #fff !important;

    border: 1px solid #e2e8f0 !important;

    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);

    transition: background-color 0.2s ease, border-color 0.2s ease;

}



.body_theme2 .owl-carousel .owl-nav button:hover {

    background: var(--store-primary-color, #ff6a00) !important;

    border-color: var(--store-primary-color, #ff6a00) !important;

    color: #fff !important;

}



@media (max-width: 767px) {

    .body_theme2 .site-footer {

        margin-top: 32px;

        padding-top: 32px;

    }



    .body_theme2 .site-footer .widget {

        margin-bottom: 28px;

    }



    .body_theme2 .section-title.section-title2 h2 {

        font-size: 20px;

    }



    .body_theme2 .product-card .product-card-body {

        padding: 12px;

    }

}



/* ══════════════════════════════════════════════════════════════

   Sprint 2b — Lists, dropdowns & mobile catalog toolbar

   ══════════════════════════════════════════════════════════════ */



/* ── Navbar dropdown lists (Pages, etc.) ── */

.body_theme2 .site-header .site-menu .t-h-dropdown {

    position: relative;

}



.body_theme2 .site-header .site-menu .t-h-dropdown .main-link i {

    font-size: 11px;

    margin-inline-start: 4px;

    transition: transform 0.2s ease;

}



.body_theme2 .site-header .site-menu .t-h-dropdown:hover .main-link i {

    transform: rotate(180deg);

}



.body_theme2 .site-header .site-menu .t-h-dropdown .t-h-dropdown-menu {

    min-width: 220px;

    padding: 8px;

    border: 1px solid #e2e8f0;

    border-top: 3px solid var(--store-primary-color, #ff6a00);

    border-radius: 10px;

    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);

    background: #fff;

}



html[dir="ltr"] .body_theme2 .site-header .site-menu .t-h-dropdown .t-h-dropdown-menu {

    left: 0;

    right: auto;

    text-align: left;

}



html[dir="rtl"] .body_theme2 .site-header .site-menu .t-h-dropdown .t-h-dropdown-menu {

    left: auto;

    right: 0;

    text-align: right;

}



.body_theme2 .site-header .site-menu .t-h-dropdown .t-h-dropdown-menu a {

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 10px 12px;

    border-radius: 8px;

    font-size: 14px;

    font-weight: 500;

    color: #334155;

    line-height: 1.4;

    text-decoration: none;

    transition: background-color 0.15s ease, color 0.15s ease;

}



.body_theme2 .site-header .site-menu .t-h-dropdown .t-h-dropdown-menu a:hover,

.body_theme2 .site-header .site-menu .t-h-dropdown .t-h-dropdown-menu a.active {

    background: #f8fafc;

    color: var(--store-primary-color, #ff6a00);

}



.body_theme2 .site-header .site-menu .t-h-dropdown .t-h-dropdown-menu a i {

    display: none;

}



html[dir="ltr"] .body_theme2 .site-header .site-menu .t-h-dropdown .t-h-dropdown-menu a::before {

    content: "›";

    flex-shrink: 0;

    width: 16px;

    font-size: 16px;

    font-weight: 700;

    color: #94a3b8;

    line-height: 1;

}



html[dir="rtl"] .body_theme2 .site-header .site-menu .t-h-dropdown .t-h-dropdown-menu a::before {

    content: "‹";

    flex-shrink: 0;

    width: 16px;

    font-size: 16px;

    font-weight: 700;

    color: #94a3b8;

    line-height: 1;

}



.body_theme2 .site-header .site-menu .t-h-dropdown .t-h-dropdown-menu a:hover::before,

.body_theme2 .site-header .site-menu .t-h-dropdown .t-h-dropdown-menu a.active::before {

    color: var(--store-primary-color, #ff6a00);

}



/* ── Mobile slide menu lists ── */

.body_theme2 .slideable-menu ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



.body_theme2 .slideable-menu ul > li > a {

    display: flex;

    align-items: center;

    gap: 10px;

    min-height: 48px;

    padding: 12px 16px;

    font-size: 15px;

    font-weight: 500;

    color: #334155;

    text-decoration: none;

    border-bottom: 1px solid #eef2f6;

    transition: background-color 0.15s ease, color 0.15s ease;

}



.body_theme2 .slideable-menu ul > li.active > a {

    color: var(--store-primary-color, #ff6a00);

    background: #fff7ed;

}



.body_theme2 .slideable-menu ul > li > a:hover {

    background: #f8fafc;

    color: var(--store-primary-color, #ff6a00);

}



.body_theme2 .slideable-menu ul > li > a > i.icon-chevron-right {

    font-size: 12px;

    color: #94a3b8;

    flex-shrink: 0;

}



html[dir="rtl"] .body_theme2 .slideable-menu ul > li > a > i.icon-chevron-right {

    transform: scaleX(-1);

}



.body_theme2 .slideable-menu ul li.t-h-dropdown > a {

    justify-content: space-between;

}



.body_theme2 .slideable-menu ul li.t-h-dropdown .t-h-dropdown-menu {

    position: relative;

    display: none;

    width: 100% !important;

    left: auto !important;

    right: auto !important;

    padding: 0;

    margin: 0;

    border: none;

    border-top: none;

    box-shadow: none;

    background: #f8fafc;

    visibility: visible;

    opacity: 1;

}



.body_theme2 .slideable-menu ul li.t-h-dropdown:hover .t-h-dropdown-menu,

.body_theme2 .slideable-menu ul li.t-h-dropdown:focus-within .t-h-dropdown-menu {

    display: block;

}



.body_theme2 .slideable-menu ul li.t-h-dropdown .t-h-dropdown-menu a {

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 12px 16px 12px 28px;

    min-height: 44px;

    font-size: 14px;

    font-weight: 500;

    color: #475569;

    border-bottom: 1px solid #eef2f6;

}



html[dir="rtl"] .body_theme2 .slideable-menu ul li.t-h-dropdown .t-h-dropdown-menu a {

    padding: 12px 28px 12px 16px;

}



.body_theme2 .slideable-menu ul li.t-h-dropdown .t-h-dropdown-menu a i {

    display: none;

}



html[dir="ltr"] .body_theme2 .slideable-menu ul li.t-h-dropdown .t-h-dropdown-menu a::before {

    content: "›";

    color: #94a3b8;

    font-weight: 700;

}



html[dir="rtl"] .body_theme2 .slideable-menu ul li.t-h-dropdown .t-h-dropdown-menu a::before {

    content: "‹";

    color: #94a3b8;

    font-weight: 700;

}



.body_theme2 .slideable-menu ul li.t-h-dropdown .t-h-dropdown-menu a:hover,

.body_theme2 .slideable-menu ul li.t-h-dropdown .t-h-dropdown-menu a.active {

    background: #fff;

    color: var(--store-primary-color, #ff6a00);

}



/* ── Catalog toolbar (sort / filter / view) ── */

.body_theme2 .shop-top-filter-wrapper {

    border: 1px solid #e2e8f0;

    border-radius: 12px;

    padding: 16px;

    margin-bottom: 24px;

    background: #fff;

    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);

}



.body_theme2 .shop-top-filter-wrapper .sptfl {

    flex-wrap: wrap;

    align-items: center;

    gap: 12px 16px;

}



.body_theme2 .quickFilter {

    position: relative;

    flex-shrink: 0;

}



.body_theme2 .quickFilter .quickFilter-title {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    min-height: 44px;

    padding: 0 18px;

    width: auto;

    min-width: 150px;

    margin: 0;

    border: 1px solid #e2e8f0;

    border-radius: 10px;

    background: #fff;

    color: #334155;

    font-size: 14px;

    font-weight: 600;

    cursor: pointer;

    transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;

}



.body_theme2 .quickFilter .quickFilter-title i {

    color: #64748b;

    font-size: 13px;

    margin: 0;

}



.body_theme2 .quickFilter:hover .quickFilter-title,

.body_theme2 .quickFilter:focus-within .quickFilter-title {

    border-color: var(--store-primary-color, #ff6a00);

    color: var(--store-primary-color, #ff6a00);

    box-shadow: 0 0 0 3px rgba(255, 106, 0, 0.1);

}



.body_theme2 .quickFilter:hover .quickFilter-title i,

.body_theme2 .quickFilter:focus-within .quickFilter-title i {

    color: var(--store-primary-color, #ff6a00);

}



.body_theme2 #quick_filter {

    position: absolute;

    inset-inline-start: 0;

    top: calc(100% + 6px);

    width: min(240px, 90vw);

    padding: 8px;

    margin: 0;

    list-style: none;

    border: 1px solid #e2e8f0;

    border-top: 3px solid var(--store-primary-color, #ff6a00);

    border-radius: 10px;

    background: #fff;

    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);

    z-index: 100;

}



.body_theme2 #quick_filter li {

    margin: 0;

    padding: 0;

}



.body_theme2 #quick_filter li a {

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 10px 12px;

    border-radius: 8px;

    font-size: 14px;

    font-weight: 500;

    color: #334155;

    text-decoration: none;

    transition: background-color 0.15s ease, color 0.15s ease;

}



.body_theme2 #quick_filter li a i {

    display: none;

}



html[dir="ltr"] .body_theme2 #quick_filter li a::before {

    content: "›";

    color: #94a3b8;

    font-weight: 700;

}



html[dir="rtl"] .body_theme2 #quick_filter li a::before {

    content: "‹";

    color: #94a3b8;

    font-weight: 700;

}



.body_theme2 #quick_filter li a:hover {

    background: #f8fafc;

    color: var(--store-primary-color, #ff6a00);

}



.body_theme2 .shop-sorting {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 8px 12px;

    flex: 1;

    min-width: 0;

}



.body_theme2 .shop-sorting label {

    margin: 0;

    font-size: 14px;

    font-weight: 600;

    color: #334155;

    white-space: nowrap;

}



.body_theme2 .shop-sorting .form-control {

    min-height: var(--theme2-input-min-height);

    max-width: 200px;

    padding: 8px 36px 8px 12px;

    border: 1px solid var(--theme2-input-border-color);

    border-radius: var(--theme2-input-radius);

    font-size: var(--theme2-input-font-size);

    font-weight: 500;

    color: var(--theme2-input-text-color);

    background-color: var(--theme2-input-bg);

    transition: border-color 0.2s ease, box-shadow 0.2s ease;

}



html[dir="rtl"] .body_theme2 .shop-sorting .form-control {

    padding: 8px 12px 8px 36px;

}



.body_theme2 .shop-sorting .form-control:focus {

    border-color: var(--store-primary-color, #ff6a00);

    box-shadow: 0 0 0 3px rgba(255, 106, 0, 0.1);

    outline: none;

}



.body_theme2 .shop-sorting .text-muted,

.body_theme2 .shop-sorting > span:not(.text-muted) {

    font-size: 13px;

    color: #64748b;

}



.body_theme2 .shop-top-filter-wrapper .shop-view {

    display: inline-flex;

    float: none;

    border: 1px solid #e2e8f0;

    border-radius: 10px;

    overflow: hidden;

    background: #fff;

}



.body_theme2 .shop-view > a {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 44px;

    height: 44px;

    margin: 0;

    border: none;

    border-radius: 0;

    color: #64748b !important;

    background: transparent;

    transition: background-color 0.2s ease, color 0.2s ease;

}



.body_theme2 .shop-view > a:first-child {

    border-inline-end: 1px solid #e2e8f0;

}



.body_theme2 .shop-view > a.active {

    background: var(--store-primary-color, #ff6a00) !important;

    color: #fff !important;

}



.body_theme2 .shop-view > a:hover:not(.active) {

    background: #f8fafc;

    color: var(--store-primary-color, #ff6a00) !important;

}



.body_theme2 .shop-view > a i {

    font-size: 16px;

}



/* ── Catalog sidebar filter lists ── */

.body_theme2 .sidebar .widget {

    border: 1px solid #e2e8f0;

    border-radius: 12px;

    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);

    margin-bottom: 16px;

}



.body_theme2 .widget-categories .widget-title,

.body_theme2 .sidebar .widget-title {

    font-size: 16px;

    font-weight: 700;

    color: #0f172a;

    margin-bottom: 14px;

    padding-bottom: 10px;

    border-bottom: 1px solid #eef2f6;

}



.body_theme2 .widget-categories ul > li {

    margin-bottom: 2px;

    padding-inline-start: 18px;

}



html[dir="ltr"] .body_theme2 .widget-categories ul > li {

    padding-left: 18px;

    padding-right: 0;

}



html[dir="rtl"] .body_theme2 .widget-categories ul > li {

    padding-right: 18px;

    padding-left: 0;

}



.body_theme2 .widget-categories ul > li::before {

    color: var(--store-primary-color, #ff6a00);

    opacity: 0.7;

}



.body_theme2 .widget-categories ul > li > a {

    display: inline-block;

    padding: 6px 0;

    font-size: 14px;

    font-weight: 500;

    color: #475569;

    transition: color 0.15s ease;

}



.body_theme2 .widget-categories ul > li.active > a,

.body_theme2 .widget-categories ul > li > a:hover {

    color: var(--store-primary-color, #ff6a00);

}



.body_theme2 .widget-categories ul > li.has-children ul {

    border-inline-start: 2px solid #eef2f6;

    margin-inline-start: 4px;

    padding-inline-start: 8px;

}



.body_theme2 .custom-control.custom-checkbox {

    padding: 6px 0;

    min-height: 36px;

    display: flex;

    align-items: center;

}



.body_theme2 .custom-control-label {

    font-size: 14px;

    font-weight: 500;

    color: #475569;

    cursor: pointer;

    padding-top: 2px;

}



.body_theme2 .custom-control-input:checked ~ .custom-control-label {

    color: #0f172a;

    font-weight: 600;

}



.body_theme2 .filter-scroll-container {

    padding-inline-end: 4px;

}



.body_theme2 .filter-scroll-container::-webkit-scrollbar {

    width: 5px;

}



.body_theme2 .filter-scroll-container::-webkit-scrollbar-thumb {

    background: #cbd5e1;

    border-radius: 999px;

}



/* Mobile filter drawer trigger */

@media (max-width: 991px) {

    .body_theme2 .sidebar-toggle {

        display: inline-flex;

        align-items: center;

        justify-content: center;

        gap: 8px;

        min-height: 44px;

        padding: 0 16px;

        margin-bottom: 16px;

        border: 1px solid #e2e8f0;

        border-radius: 10px;

        background: #fff;

        color: #334155;

        font-size: 14px;

        font-weight: 600;

        box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);

        cursor: pointer;

        transition: border-color 0.2s ease, box-shadow 0.2s ease;

    }



    .body_theme2 .sidebar-toggle:hover,

    .body_theme2 .sidebar-toggle.sidebar-open {

        border-color: var(--store-primary-color, #ff6a00);

        color: var(--store-primary-color, #ff6a00);

        box-shadow: 0 0 0 3px rgba(255, 106, 0, 0.1);

    }



    .body_theme2 .sidebar-offcanvas {

        border-radius: 0 12px 12px 0;

        box-shadow: 4px 0 24px rgba(15, 23, 42, 0.12);

    }



    html[dir="rtl"] .body_theme2 .sidebar-offcanvas {

        border-radius: 12px 0 0 12px;

    }

}



/* ── Mobile catalog toolbar layout ── */

@media (max-width: 767px) {

    .body_theme2 .shop-top-filter-wrapper {

        padding: 14px;

    }



    .body_theme2 .shop-top-filter-wrapper > .row {

        --bs-gutter-y: 12px;

    }



    .body_theme2 .shop-top-filter-wrapper .col-md-10,

    .body_theme2 .shop-top-filter-wrapper .col-md-2 {

        width: 100%;

        text-align: center;

    }



    .body_theme2 .shop-top-filter-wrapper .sptfl {

        flex-direction: column;

        align-items: stretch;

        width: 100%;

    }



    .body_theme2 .quickFilter {

        width: 100%;

    }



    .body_theme2 .quickFilter .quickFilter-title {

        width: 100%;

        min-width: 0;

    }



    .body_theme2 #quick_filter {

        position: relative;

        inset-inline-start: auto;

        top: auto;

        width: 100%;

        margin-top: 8px;

        display: none;

    }



    .body_theme2 .quickFilter:hover #quick_filter,

    .body_theme2 .quickFilter:focus-within #quick_filter {

        display: block;

    }



    .body_theme2 .shop-sorting {

        flex-direction: column;

        align-items: stretch;

        width: 100%;

        margin-top: 0;

        text-align: center;

    }



    .body_theme2 .shop-sorting label {

        width: 100%;

    }



    .body_theme2 .shop-sorting .form-control {

        max-width: 100%;

        width: 100%;

    }



    .body_theme2 .shop-sorting .text-muted,

    .body_theme2 .shop-sorting > span:not(.text-muted) {

        display: block;

        width: 100%;

    }



    .body_theme2 .shop-top-filter-wrapper .shop-view {

        justify-content: center;

        margin: 4px auto 0;

    }

}



/* ══════════════════════════════════════════════════════════════

   Sprint 3 — Inner pages (same light theme2 approach)

   ══════════════════════════════════════════════════════════════ */



/* ── Shared: cards, forms, buttons, tables ── */

.body_theme2 .card {

    border: 1px solid #e2e8f0;

    border-radius: 12px;

    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);

    background: #fff;

}



.body_theme2 .card .card-body {

    padding: 20px 24px;

}



.body_theme2 .form-group label,

.body_theme2 label.form-label,

.body_theme2 .phone-intl-group label {

    display: block;

    text-align: start;

    font-size: var(--theme2-label-font-size);

    font-weight: 600;

    color: var(--theme2-label-color);

    margin-bottom: 6px;

}



.body_theme2 .form-control,

.body_theme2 select.form-control,

.body_theme2 textarea.form-control {

    min-height: var(--theme2-input-min-height);

    padding: var(--theme2-input-padding-block) var(--theme2-input-padding-inline);

    border: 1px solid var(--theme2-input-border-color);

    border-radius: var(--theme2-input-radius);

    font-size: var(--theme2-input-font-size);

    color: var(--theme2-input-text-color);

    background: var(--theme2-input-bg);

    text-align: start;

    transition: border-color 0.2s ease, box-shadow 0.2s ease;

}



.body_theme2 textarea.form-control {

    min-height: 112px;

    resize: vertical;

}



.body_theme2 .form-control::placeholder,

.body_theme2 textarea.form-control::placeholder {

    color: var(--theme2-input-placeholder);

    opacity: 1;

    text-align: start;

}



.body_theme2 .form-control:focus,

.body_theme2 select.form-control:focus,

.body_theme2 textarea.form-control:focus {

    border-color: var(--theme2-focus-border);

    box-shadow: var(--theme2-focus-ring);

    outline: none;

}



/* intl-tel-input — checkout, register, contact, profile */

.body_theme2 .phone-intl-group {

    margin-bottom: 16px;

}



.body_theme2 .phone-intl-group .phone-intl-field {

    width: 100%;

}



.body_theme2 .phone-intl-group .iti {

    --iti-border-color: var(--theme2-input-border-color);

    --iti-dialcode-color: var(--theme2-input-text-color);

    --iti-dropdown-bg: #fff;

    --iti-hover-color: #f8fafc;

    --iti-arrow-color: #64748b;

    width: 100%;

    display: block;

    position: relative;

    border: 1px solid var(--theme2-input-border-color);

    border-radius: var(--theme2-input-radius);

    background: var(--theme2-input-bg);

    transition: border-color 0.2s ease, box-shadow 0.2s ease;

}



.body_theme2 .phone-intl-group .iti:focus-within {

    border-color: var(--theme2-focus-border);

    box-shadow: var(--theme2-focus-ring);

}



.body_theme2 .phone-intl-group .iti:has(input.is-invalid),

.body_theme2 .phone-intl-group .iti:has(.is-intl-invalid) {

    border-color: #dc2626;

    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.12);

}



.body_theme2 .phone-intl-group .iti input,

.body_theme2 .phone-intl-group .iti input[type="tel"],

.body_theme2 .phone-intl-group .iti .iti__tel-input {

    width: 100% !important;

    min-height: var(--theme2-input-min-height) !important;

    padding-block: var(--theme2-input-padding-block) !important;

    padding-inline-end: var(--theme2-input-padding-inline) !important;

    border: none !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    outline: none !important;

    font-size: var(--theme2-input-font-size) !important;

    color: var(--theme2-input-text-color) !important;

    background: transparent !important;

}



html[dir="rtl"] .body_theme2 .phone-intl-group .iti input,

html[dir="rtl"] .body_theme2 .phone-intl-group .iti .iti__tel-input {

    text-align: left;

    direction: ltr;

}



.body_theme2 .phone-intl-group .iti__country-container {

    z-index: 3;

}



html[dir="rtl"] .body_theme2 .phone-intl-group .iti__country-container {

    left: auto !important;

    right: 0 !important;

}



.body_theme2 .phone-intl-group .iti__selected-country,

.body_theme2 .phone-intl-group .iti__selected-country-primary {

    display: flex;

    align-items: center;

    min-height: var(--theme2-input-min-height);

}



.body_theme2 .phone-intl-group .iti__selected-country-primary {

    padding: 0 10px;

    background: #f8fafc;

    border-inline-end: 1px solid var(--theme2-input-border-color);

}



.body_theme2 .phone-intl-group .iti__selected-country-primary:hover,

.body_theme2 .phone-intl-group .iti__selected-country-primary:focus {

    background: #f1f5f9;

}



.body_theme2 .phone-intl-group .iti__selected-dial-code {

    color: var(--theme2-input-text-color);

    font-size: var(--theme2-input-font-size);

    font-weight: 600;

}



.body_theme2 .phone-intl-group .iti__dropdown-content {

    border: 1px solid var(--theme2-input-border-color);

    border-radius: var(--theme2-input-radius);

    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);

    overflow: hidden;

}



.body_theme2 .phone-intl-group .iti__country-list {

    max-height: 220px;

}



.body_theme2 .phone-intl-group .form-text {

    font-size: 12px;

    color: var(--theme2-input-placeholder);

    margin-top: 6px;

}



.body_theme2 .theme2-field-error,

.body_theme2 .theme2-auth-error {

    margin: 6px 0 0;

    font-size: 12px;

    color: #dc2626;

    line-height: 1.4;

    text-align: start;

}



.body_theme2 .form-control-rounded {

    border-radius: 10px;

}



.body_theme2 .input-group {

    display: flex;

    align-items: stretch;

    flex-wrap: nowrap;

    position: relative;

}



.body_theme2 .input-group .input-group-addon {

    position: static !important;

    top: auto !important;

    left: auto !important;

    right: auto !important;

    transform: none !important;

    margin: 0 !important;

    flex: 0 0 48px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border: 1px solid var(--theme2-input-border-color);

    background: #f8fafc;

    color: #64748b;

    border-radius: 0 var(--theme2-input-radius) var(--theme2-input-radius) 0;

    border-inline-start: 0;

}



.body_theme2 .input-group > .form-control {

    flex: 1 1 auto;

    min-width: 0;

    border-radius: var(--theme2-input-radius) 0 0 var(--theme2-input-radius);

}



html[dir="rtl"] .body_theme2 .input-group > .form-control {

    border-radius: 0 var(--theme2-input-radius) var(--theme2-input-radius) 0;

}



html[dir="rtl"] .body_theme2 .input-group .input-group-addon {

    border-radius: var(--theme2-input-radius) 0 0 var(--theme2-input-radius);

    border-inline-start: 1px solid var(--theme2-input-border-color);

    border-inline-end: 0;

}



.body_theme2 .btn {

    border-radius: 10px;

    font-weight: 600;

    min-height: 44px;

    padding: 10px 20px;

    transition: transform 0.2s ease, box-shadow 0.2s ease;

}



.body_theme2 .btn-primary {

    background: var(--store-primary-color, #ff6a00) !important;

    border-color: var(--store-primary-color, #ff6a00) !important;

}



.body_theme2 .btn-primary:hover {

    transform: translateY(-1px);

    box-shadow: 0 4px 12px rgba(255, 106, 0, 0.25);

}



.body_theme2 .btn-outline-primary {

    border-color: var(--store-primary-color, #ff6a00);

    color: var(--store-primary-color, #ff6a00);

}



.body_theme2 .btn-outline-primary:hover {

    background: var(--store-primary-color, #ff6a00);

    color: #fff;

}



.body_theme2 .btn-outline-secondary {

    border-color: #e2e8f0;

    color: #64748b;

}



.body_theme2 .btn-outline-secondary:hover {

    background: #f8fafc;

    border-color: #cbd5e1;

    color: #334155;

}



.body_theme2 .table {

    color: #334155;

}



.body_theme2 .table-bordered {

    border: 1px solid #e2e8f0;

    border-radius: 10px;

    overflow: hidden;

}



.body_theme2 .table-bordered th,

.body_theme2 .table-bordered td {

    border-color: #eef2f6;

    vertical-align: middle;

}



.body_theme2 .table thead th {

    background: #f8fafc;

    font-size: 13px;

    font-weight: 700;

    color: #475569;

    text-transform: uppercase;

    letter-spacing: 0.02em;

    border-bottom: 1px solid #e2e8f0;

}



.body_theme2 .pagination {

    gap: 4px;

}



.body_theme2 .pagination .page-link {

    border-radius: 8px;

    border-color: #e2e8f0;

    color: #64748b;

    min-width: 40px;

    min-height: 40px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

}



.body_theme2 .pagination .page-item.active .page-link {

    background: var(--store-primary-color, #ff6a00);

    border-color: var(--store-primary-color, #ff6a00);

}



.body_theme2 .breadcrumbs li.separator::before {

    color: #cbd5e1;

}



/* ── Product detail (PDP) ── */

.body_theme2 .product-gallery {

    border: 1px solid #eef2f6;

    border-radius: 12px;

    padding: 16px;

    background: #fff;

}



.body_theme2 .product-gallery .main-image-wrapper {

    border-radius: 10px;

    overflow: hidden;

    background: #f8fafc;

}



.body_theme2 .product-gallery .main-image-wrapper img {

    border-radius: 10px;

}



.body_theme2 .product-thumbnails .thumbnail-item {

    border: 2px solid transparent;

    border-radius: 8px;

    overflow: hidden;

    cursor: pointer;

    transition: border-color 0.2s ease;

}



.body_theme2 .product-thumbnails .thumbnail-item.active,

.body_theme2 .product-thumbnails .thumbnail-item:hover {

    border-color: var(--store-primary-color, #ff6a00);

}



.body_theme2 .details-page-top-right-content .p-title-main {

    font-size: 22px;

    font-weight: 700;

    color: #0f172a;

    line-height: 1.35;

}



.body_theme2 .details-page-top-right-content .price-area {

    font-size: 24px;

    font-weight: 700;

    color: var(--store-primary-color, #ff6a00);

}



.body_theme2 .details-page-top-right-content .t-c-b-area .btn-primary,

.body_theme2 .details-page-top-right-content .product-button {

    border-radius: 10px;

    min-height: 48px;

    font-weight: 600;

}



.body_theme2 .qtySelector {

    display: inline-flex;

    align-items: center;

    border: 1px solid #e2e8f0;

    border-radius: 10px;

    overflow: hidden;

    background: #fff;

}



.body_theme2 .qtySelector span {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 40px;

    height: 40px;

    cursor: pointer;

    color: #64748b;

    transition: background-color 0.15s ease, color 0.15s ease;

}



.body_theme2 .qtySelector span:hover {

    background: #f8fafc;

    color: var(--store-primary-color, #ff6a00);

}



.body_theme2 .qtySelector .qtyValue {

    width: 48px;

    height: 40px;

    border: none;

    border-inline: 1px solid #e2e8f0;

    text-align: center;

    font-weight: 600;

    color: #334155;

    background: #fff;

}



.body_theme2 .nav-tabs {

    border-bottom: 1px solid #e2e8f0;

    gap: 4px;

}



.body_theme2 .nav-tabs .nav-link {

    border: none;

    border-radius: 10px 10px 0 0;

    font-size: 14px;

    font-weight: 600;

    color: #64748b;

    padding: 12px 20px;

    transition: color 0.2s ease, background-color 0.2s ease;

}



.body_theme2 .nav-tabs .nav-link.active,

.body_theme2 .nav-tabs .nav-link:hover {

    color: var(--store-primary-color, #ff6a00);

    background: #fff7ed;

    border-bottom: 2px solid var(--store-primary-color, #ff6a00);

}



.body_theme2 #details .tab-content.card {

    border-top-left-radius: 0;

    padding: 24px;

    font-size: 14px;

    line-height: 1.7;

    color: #475569;

}



/* ── Cart ── */

.body_theme2 .shopping-cart .product-item {

    display: flex;

    align-items: center;

    gap: 12px;

}



.body_theme2 .shopping-cart .product-thumb img {

    width: 64px;

    height: 64px;

    object-fit: cover;

    border-radius: 8px;

    border: 1px solid #eef2f6;

}



.body_theme2 .shopping-cart .product-title a {

    font-size: 14px;

    font-weight: 600;

    color: #334155;

    text-decoration: none;

}



.body_theme2 .shopping-cart .product-title a:hover {

    color: var(--store-primary-color, #ff6a00);

}



.body_theme2 .cart-sidebar .card {

    position: sticky;

    top: 20px;

}



.body_theme2 .cart-sidebar .checkout-actions .btn-warning {

    background: var(--store-primary-color, #ff6a00) !important;

    border-color: var(--store-primary-color, #ff6a00) !important;

    color: #fff !important;

    border-radius: 10px !important;

    font-weight: 600 !important;

}



.body_theme2 .cart-sidebar .progress {

    height: 8px;

    border-radius: 999px;

    background: #eef2f6;

}



.body_theme2 .cart-sidebar .progress-bar {

    border-radius: 999px;

    background: var(--store-primary-color, #ff6a00) !important;

}



/* -------------------------------------------------------------------------- */

/* Persistent header cart sidebar (desktop)                                     */

/* -------------------------------------------------------------------------- */



.body_theme2 .theme2-header-cart {

    display: flex;

    flex-direction: column;

    gap: 0;

}



.body_theme2 .theme2-header-cart__summary {

    display: flex;

    flex-direction: column;

    gap: 8px;

    position: sticky;

    top: 0;

    z-index: 2;

    padding: 12px 12px 10px;

    background: #fff;

    border-bottom: 1px solid #e2e8f0;

    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);

}



.body_theme2 .theme2-header-cart__subtotal-label {

    margin: 0;

    font-size: 12px;

    color: #64748b;

    text-align: center;

}



.body_theme2 .theme2-header-cart__subtotal-value {

    margin: 0;

    font-size: 18px;

    font-weight: 700;

    color: #0f172a;

    text-align: center;

    line-height: 1.2;

}



.body_theme2 .theme2-header-cart__shipping-text {

    margin: 0;

    font-size: 12px;

    line-height: 1.45;

    color: #475569;

    text-align: center;

}



.body_theme2 .theme2-header-cart__shipping-text--success {

    color: #15803d;

    font-weight: 600;

}



.body_theme2 .theme2-header-cart__progress {

    height: 6px;

    border-radius: 999px;

    background: #eef2f6;

    overflow: hidden;

}



.body_theme2 .theme2-header-cart__progress .progress-bar {

    background: var(--store-primary-color, #ff6a00);

    border-radius: 999px;

}



.body_theme2 .theme2-header-cart__actions {

    display: flex;

    flex-direction: column;

    gap: 8px;

}



.body_theme2 .theme2-header-cart__btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    min-height: 38px;

    padding: 8px 12px;

    border-radius: 8px;

    font-size: 12px;

    font-weight: 600;

    text-decoration: none;

    border: 1px solid transparent;

    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;

}



.body_theme2 .theme2-header-cart__btn--primary {

    background: var(--store-primary-color, #ff6a00) !important;

    border-color: var(--store-primary-color, #ff6a00) !important;

    color: #fff !important;

}



.body_theme2 .theme2-header-cart__btn--primary:hover {

    filter: brightness(0.95);

    color: #fff !important;

}



.body_theme2 .theme2-header-cart__btn--secondary {

    background: #f8fafc !important;

    border-color: #e2e8f0 !important;

    color: #334155 !important;

}



.body_theme2 .theme2-header-cart__btn--secondary:hover {

    background: #f1f5f9 !important;

    color: #0f172a !important;

}



.body_theme2 .theme2-header-cart__divider {

    display: none;

}



.body_theme2 .theme2-header-cart__items {

    display: flex;

    flex-direction: column;

    gap: 0;

    padding: 0 12px 12px;

}



.body_theme2 .theme2-header-cart__item {

    display: flex;

    align-items: flex-start;

    gap: 10px;

    padding: 10px 0;

    border-bottom: 1px solid #eef2f6;

}



.body_theme2 .theme2-header-cart__item:last-child {

    border-bottom: none;

    padding-bottom: 0;

}



.body_theme2 .theme2-header-cart__thumb {

    flex-shrink: 0;

    width: 56px;

    height: 56px;

    border-radius: 8px;

    overflow: hidden;

    border: 1px solid #e2e8f0;

    background: #f8fafc;

}



.body_theme2 .theme2-header-cart__thumb img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

}



.body_theme2 .theme2-header-cart__body {

    flex: 1;

    min-width: 0;

    display: flex;

    flex-direction: column;

    gap: 10px;

}



.body_theme2 .theme2-header-cart__title-row {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 8px;

}



.body_theme2 .theme2-header-cart__title {

    margin: 0;

    font-size: 12px;

    font-weight: 600;

    line-height: 1.45;

    flex: 1;

    min-width: 0;

    text-align: start;

}



.body_theme2 .theme2-header-cart__title a {

    color: #0f172a;

    text-decoration: none;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

}



.body_theme2 .theme2-header-cart__title a:hover {

    color: var(--store-primary-color, #ff6a00);

}



.body_theme2 .theme2-header-cart__row {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 10px;

}



.body_theme2 .theme2-header-cart__price-wrap {

    display: flex;

    flex-direction: column;

    gap: 2px;

    min-width: 0;

    text-align: start;

}



.body_theme2 .theme2-header-cart__price {

    font-size: 14px;

    font-weight: 700;

    color: #0f172a;

    white-space: nowrap;

}



.body_theme2 .theme2-header-cart__line-total {

    font-size: 11px;

    color: #64748b;

    white-space: nowrap;

}



.body_theme2 .theme2-header-cart__remove-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 28px;

    height: 28px;

    border-radius: 999px;

    color: #94a3b8;

    text-decoration: none;

    flex-shrink: 0;

    transition: background-color 0.15s ease, color 0.15s ease;

}



.body_theme2 .theme2-header-cart__remove-btn:hover {

    background: #fef2f2;

    color: #dc2626;

}



.body_theme2 .theme2-header-cart__qty {

    display: inline-flex;

    align-items: center;

    border: 1px solid #e2e8f0;

    border-radius: 8px;

    overflow: hidden;

    background: #fff;

    flex-shrink: 0;

}



.body_theme2 .theme2-header-cart__qty-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 30px;

    height: 30px;

    padding: 0;

    border: none;

    background: transparent;

    color: #64748b;

    cursor: pointer;

    transition: background-color 0.15s ease, color 0.15s ease;

}



.body_theme2 .theme2-header-cart__qty-btn:hover {

    background: #f8fafc;

    color: var(--store-primary-color, #ff6a00);

}



.body_theme2 .theme2-header-cart__qty-value {

    min-width: 28px;

    padding: 0 4px;

    font-size: 13px;

    font-weight: 700;

    color: #334155;

    text-align: center;

    border-inline: 1px solid #e2e8f0;

    line-height: 30px;

}



.body_theme2 .theme2-header-cart--empty {

    align-items: center;

    justify-content: center;

    text-align: center;

    padding: 32px 16px;

    gap: 12px;

}



.body_theme2 .theme2-header-cart__empty-icon {

    font-size: 40px;

    color: #cbd5e1;

}



.body_theme2 .theme2-header-cart__empty-text {

    margin: 0;

    font-size: 14px;

    color: #64748b;

}



.body_theme2 .persistent-cart-sidebar .sidebar-body {

    padding: 0;

}



.body_theme2 .persistent-cart-sidebar .sidebar-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 12px 14px;

    background: #fff;

    border-bottom: 1px solid #e2e8f0;

}



.body_theme2 .persistent-cart-sidebar .sidebar-header h6 {

    font-size: 14px;

    font-weight: 700;

    color: #0f172a;

}



@media (min-width: 992px) {

    .body_theme2 .navbar-sticky.navbar-stuck .topbar {

        border-radius: 0;

        box-shadow: 0 4px 18px rgba(15, 23, 42, 0.08);

        z-index: 1000;

    }

}



/* ── Checkout steps ── */

.body_theme2 .steps {

    display: flex;

    gap: 8px;

    margin-bottom: 24px;

}



.body_theme2 .steps .step {

    flex: 1;

    display: block;

    padding: 14px 16px;

    border: 1px solid #e2e8f0;

    border-radius: 10px;

    background: #fff;

    text-decoration: none;

    transition: border-color 0.2s ease, background-color 0.2s ease;

}



.body_theme2 .steps .step.active {

    border-color: var(--store-primary-color, #ff6a00);

    background: #fff7ed;

}



.body_theme2 .steps .step .step-title {

    font-size: 13px;

    font-weight: 600;

    color: #64748b;

    margin: 0;

}



.body_theme2 .steps .step.active .step-title {

    color: var(--store-primary-color, #ff6a00);

}



.body_theme2 .checkut-page .card h6 {

    font-size: 16px;

    font-weight: 700;

    color: #0f172a;

    margin-bottom: 16px;

}



/* ── Contact ── */

.body_theme2 .contact-page .widget,

.body_theme2 .contact-form-box {

    border: 1px solid #e2e8f0;

    border-radius: 12px;

    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);

}



.body_theme2 .contact-form-box {

    padding: 24px;

    background: #fff;

}



.body_theme2 .contact-form-box .h4 {

    font-size: 18px;

    font-weight: 700;

    color: #0f172a;

    margin-bottom: 16px;

}



.body_theme2 .contact-page .list-icon li {

    display: flex;

    align-items: flex-start;

    gap: 10px;

    padding: 8px 0;

    font-size: 14px;

    color: #64748b;

}



.body_theme2 .contact-page .social-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 40px;

    height: 40px;

    margin-inline-end: 8px;

    border-radius: 10px;

    border: 1px solid #e2e8f0;

    background: #fff;

    color: #64748b !important;

    transition: border-color 0.2s ease, color 0.2s ease;

}



.body_theme2 .contact-page .social-button:hover {

    border-color: var(--store-primary-color, #ff6a00);

    color: var(--store-primary-color, #ff6a00) !important;

}



/* ── Blog ── */

.body_theme2 .blog-post {

    display: block;

    border: 1px solid #eef2f6;

    border-radius: 12px;

    overflow: hidden;

    background: #fff;

    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);

    margin-bottom: 24px;

    text-decoration: none;

    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;

}



.body_theme2 .blog-post:hover {

    border-color: #e2e8f0;

    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);

    transform: translateY(-3px);

}



.body_theme2 .blog-post .post-thumb img {

    width: 100%;

    aspect-ratio: 16 / 10;

    object-fit: cover;

}



.body_theme2 .blog-post .post-body {

    padding: 16px 18px 20px;

}



.body_theme2 .blog-post .post-title {

    font-size: 16px;

    font-weight: 700;

    color: #0f172a;

    line-height: 1.4;

    margin-bottom: 10px;

}



.body_theme2 .blog-post .post-meta {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    margin-bottom: 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid #eef2f6;

    font-size: 12px;

    color: #94a3b8;

}



.body_theme2 .blog-post .post-body > p {

    font-size: 14px;

    color: #64748b;

    line-height: 1.6;

    margin: 0;

}



.body_theme2 .blog-details-box {

    border-radius: 12px;

}



.body_theme2 .blog-details-box .post-title {

    font-size: 24px;

    font-weight: 700;

    color: #0f172a;

}



/* ── Campaign / countdown ── */

.body_theme2 .deal-of-day-section .section-title {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    margin-bottom: 24px;

}



.body_theme2 .deal-of-day-section .section-title h2,

.body_theme2 .deal-of-day-section .section-title .h3 {

    font-size: 22px;

    font-weight: 700;

    color: #0f172a;

    margin: 0;

}



.body_theme2 .countdown {

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

}



.body_theme2 .countdown .item {

    display: flex;

    flex-direction: column;

    align-items: center;

    min-width: 56px;

    padding: 8px 10px;

    border: 1px solid #e2e8f0;

    border-radius: 10px;

    background: #fff;

}



.body_theme2 .countdown .item .days,

.body_theme2 .countdown .item .hours,

.body_theme2 .countdown .item .minutes,

.body_theme2 .countdown .item .seconds {

    font-size: 18px;

    font-weight: 700;

    color: var(--store-primary-color, #ff6a00);

    line-height: 1.2;

}



.body_theme2 .countdown .item .days_ref,

.body_theme2 .countdown .item .hours_ref,

.body_theme2 .countdown .item .minutes_ref,

.body_theme2 .countdown .item .seconds_ref {

    font-size: 11px;

    font-weight: 600;

    color: #94a3b8;

    text-transform: uppercase;

}



/* ── FAQ ── */

.body_theme2 .faq-box {

    border: 1px solid #e2e8f0;

    border-radius: 12px;

    text-decoration: none;

    color: inherit;

    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;

}



.body_theme2 .faq-box:hover {

    border-color: var(--store-primary-color, #ff6a00);

    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);

    transform: translateY(-2px);

}



.body_theme2 .faq-box .card-title {

    font-size: 16px;

    font-weight: 700;

    color: #0f172a;

}



.body_theme2 .faq-box .card-text {

    font-size: 14px;

    color: #64748b;

}



.body_theme2 .faq-box .link {

    color: var(--store-primary-color, #ff6a00);

    font-weight: 600;

}



.body_theme2 .accordion-item {

    border: 1px solid #e2e8f0;

    border-radius: 10px;

    overflow: hidden;

    margin-bottom: 12px;

}



/* ── Brand page ── */

.body_theme2 .b-p-s-b {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100px;

    padding: 16px;

    border: 1px solid #eef2f6;

    border-radius: 12px;

    background: #fff;

    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);

    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;

}



.body_theme2 .b-p-s-b:hover {

    border-color: #e2e8f0;

    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);

    transform: translateY(-2px);

}



.body_theme2 .b-p-s-b img {

    max-height: 48px;

    width: auto;

    object-fit: contain;

    filter: grayscale(20%);

    transition: filter 0.2s ease;

}



.body_theme2 .b-p-s-b:hover img {

    filter: none;

}



.body_theme2 .brand-section .brand-slider .slider-item a {

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 80px;

    padding: 16px;

    border: 1px solid #eef2f6;

    border-radius: 12px;

    background: #fff;

    transition: border-color 0.2s ease, box-shadow 0.2s ease;

}



.body_theme2 .brand-section .brand-slider .slider-item a:hover {

    border-color: #e2e8f0;

    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);

}



.body_theme2 .brand-section .brand-slider .slider-item img {

    max-height: 44px;

    width: auto;

    object-fit: contain;

}



/* ── Compare ── */

.body_theme2 .comparison-table .table tr.bg-secondary th,

.body_theme2 .comparison-table .table tr.bg-secondary td,

.body_theme2 .comparison-table .table thead.bg-secondary {

    background: #f8fafc !important;

    color: #334155;

}



.body_theme2 .comparison-table .text-medium {

    font-weight: 600;

    color: #0f172a;

}



/* ── Static CMS page ── */

.body_theme2 .d-page-content {

    font-size: 15px;

    line-height: 1.75;

    color: #475569;

}



.body_theme2 .d-page-content h4 {

    font-size: 22px;

    font-weight: 700;

    color: #0f172a;

    margin-bottom: 20px;

}



/* ── Auth pages (login / register / forgot) ── */

.body_theme2 .theme2-auth-page {

    padding-top: 8px;

}



.body_theme2 .theme2-auth-card {

    border: 1px solid #e2e8f0;

    border-radius: 16px;

    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);

    overflow: hidden;

}



.body_theme2 .theme2-auth-card .card-body {

    padding: 0;

}



.body_theme2 .theme2-auth-card__header {

    padding: 28px 28px 8px;

    text-align: center;

}



.body_theme2 .theme2-auth-card__icon {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 56px;

    height: 56px;

    margin-bottom: 14px;

    border-radius: 14px;

    background: #fff7ed;

    color: var(--store-primary-color, #ff6a00);

    font-size: 22px;

}



.body_theme2 .theme2-auth-card__title {

    font-size: 22px;

    font-weight: 700;

    color: #0f172a;

    margin: 0 0 8px;

    line-height: 1.3;

}



.body_theme2 .theme2-auth-card__subtitle {

    font-size: 14px;

    color: #64748b;

    line-height: 1.55;

    margin: 0;

    max-width: 360px;

    margin-inline: auto;

}



.body_theme2 .theme2-auth-form {

    padding: 20px 28px 8px;

}



.body_theme2 .theme2-auth-page--register .theme2-auth-form {

    padding: 20px 28px 8px;

}



.body_theme2 .theme2-auth-form.row {

    margin-inline: -10px;

}



.body_theme2 .theme2-auth-form.row > [class*="col-"] {

    padding-inline: 10px;

}



.body_theme2 .theme2-auth-form select.form-control {

    appearance: auto;

    cursor: pointer;

}



.body_theme2 .theme2-auth-form .g-recaptcha {

    margin-bottom: 8px;

}



/* Single-box input with start icon (RTL/LTR safe) */

.body_theme2 .theme2-auth-field {

    position: relative;

    display: block;

    width: 100%;

    direction: inherit;

}



.body_theme2 .theme2-auth-field__icon {

    position: absolute;

    inset-inline-start: 16px;

    top: 50%;

    transform: translateY(-50%);

    z-index: 2;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 22px;

    height: 22px;

    color: #94a3b8;

    font-size: 17px;

    line-height: 1;

    pointer-events: none;

}



.body_theme2 .theme2-auth-form .form-control:not(.theme2-auth-field__input) {

    width: 100% !important;

    max-width: 100% !important;

}



.body_theme2 .theme2-auth-form .theme2-auth-field__input {

    display: block;

    width: 100% !important;

    max-width: 100% !important;

    padding-block: var(--theme2-input-padding-block);

    padding-inline-start: 52px;

    padding-inline-end: 16px;

    direction: inherit;

}



html[dir="rtl"] .body_theme2 .theme2-auth-form .theme2-auth-field__input {

    padding-right: 52px;

    padding-left: 16px;

}



html[dir="ltr"] .body_theme2 .theme2-auth-form .theme2-auth-field__input {

    padding-left: 52px;

    padding-right: 16px;

}



.body_theme2 .theme2-auth-form .theme2-auth-field__input:focus,

.body_theme2 .theme2-auth-form .form-control:focus {

    border-color: var(--theme2-focus-border);

    box-shadow: var(--theme2-focus-ring);

    outline: none;

}



.body_theme2 .theme2-auth-form .theme2-auth-field__input::placeholder,

.body_theme2 .theme2-auth-form .form-control::placeholder {

    color: var(--theme2-input-placeholder);

    opacity: 1;

    text-align: start;

}



.body_theme2 .theme2-auth-form__meta {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    margin-bottom: 20px;

}



.body_theme2 .theme2-auth-check {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin: 0;

    cursor: pointer;

    user-select: none;

}



.body_theme2 .theme2-auth-check__input {

    width: 18px;

    height: 18px;

    min-width: 18px;

    margin: 0;

    flex-shrink: 0;

    accent-color: var(--store-primary-color, #ff6a00);

    cursor: pointer;

}



.body_theme2 .theme2-auth-check__text {

    font-size: 13px;

    font-weight: 500;

    color: #64748b;

    line-height: 1.4;

}



.body_theme2 .theme2-auth-link {

    color: var(--store-primary-color, #ff6a00);

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;

    transition: opacity 0.2s ease;

}



.body_theme2 .theme2-auth-link:hover {

    opacity: 0.85;

    text-decoration: underline;

}



.body_theme2 .theme2-auth-submit {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    min-height: 48px;

    margin-bottom: 12px;

    font-size: 15px;

    font-weight: 600;

    border-radius: 10px;

}



.body_theme2 .theme2-auth-submit--secondary {

    margin-bottom: 0;

}



.body_theme2 .theme2-auth-divider {

    display: flex;

    align-items: center;

    gap: 12px;

    margin: 20px 0 16px;

    color: #94a3b8;

    font-size: 13px;

    font-weight: 500;

}



.body_theme2 .theme2-auth-divider::before,

.body_theme2 .theme2-auth-divider::after {

    content: "";

    flex: 1;

    height: 1px;

    background: #e2e8f0;

}



.body_theme2 .theme2-auth-social {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    margin-bottom: 8px;

}



.body_theme2 .theme2-auth-social__btn {

    flex: 1;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    min-height: 48px;

    padding: 0 16px;

    border: 1px solid #e2e8f0;

    border-radius: 10px;

    background: #fff;

    color: #334155;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;

    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;

}



.body_theme2 .theme2-auth-social__btn:hover {

    transform: translateY(-1px);

    color: #fff;

}



.body_theme2 .theme2-auth-social__btn--facebook:hover {

    background: #1877f2;

    border-color: #1877f2;

}



.body_theme2 .theme2-auth-social__btn--google:hover {

    background: #ea4335;

    border-color: #ea4335;

}



.body_theme2 .theme2-auth-card__footer {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    gap: 6px;

    margin: 0;

    padding: 16px 28px 24px;

    border-top: 1px solid #eef2f6;

    text-align: center;

    font-size: 14px;

    color: #64748b;

    background: #fafbfc;

}



.body_theme2 .theme2-auth-section-label {

    font-size: 13px;

    font-weight: 700;

    text-transform: none;

    letter-spacing: 0;

    color: #475569;

    margin-bottom: 8px;

    margin-top: 4px;

    padding-top: 12px;

    border-top: 1px solid #f1f5f9;

}



.body_theme2 .theme2-auth-password {

    position: relative;

    display: flex;

    align-items: center;

}



.body_theme2 .theme2-auth-password .form-control {

    padding-inline-end: 48px;

}



html[dir="rtl"] .body_theme2 .theme2-auth-password .form-control {

    padding-left: 16px;

    padding-right: 48px;

}



html[dir="ltr"] .body_theme2 .theme2-auth-password .form-control {

    padding-right: 48px;

    padding-left: 16px;

}



.body_theme2 .theme2-auth-password .toggle-password {

    position: absolute;

    inset-inline-end: 4px;

    top: 50%;

    transform: translateY(-50%);

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 40px;

    height: 40px;

    padding: 0;

    border: none;

    border-radius: 8px;

    background: transparent;

    color: #94a3b8;

    cursor: pointer;

    transition: color 0.15s ease, background-color 0.15s ease;

}



.body_theme2 .theme2-auth-password .toggle-password:hover {

    color: var(--store-primary-color, #ff6a00);

    background: #fff7ed;

}



.body_theme2 .register-area.theme2-auth-card {

    margin-top: 0;

}



.body_theme2 .theme2-auth-page .facebook-btn,

.body_theme2 .theme2-auth-page .google-btn {

    display: none;

}



.body_theme2 .navi-link {

    color: var(--store-primary-color, #ff6a00);

    font-size: 14px;

    font-weight: 500;

    text-decoration: none;

}



.body_theme2 .navi-link:hover {

    text-decoration: underline;

}



@media (max-width: 767px) {

    .body_theme2 .theme2-auth-card__header,

    .body_theme2 .theme2-auth-form,

    .body_theme2 .theme2-auth-card__footer {

        padding-inline: 20px;

    }



    .body_theme2 .theme2-auth-card__title {

        font-size: 20px;

    }



    .body_theme2 .theme2-auth-form__meta {

        flex-direction: column;

        align-items: flex-start;

    }



    .body_theme2 .theme2-auth-social {

        flex-direction: column;

    }

}



/* ── User dashboard ── */

.body_theme2 .user-info-wrapper {

    margin-bottom: 24px;

}



.body_theme2 .user-info-wrapper .user-info {

    display: flex;

    align-items: center;

    gap: 14px;

    padding: 16px;

    margin-bottom: 12px;

    border: 1px solid #e2e8f0;

    border-radius: 12px;

    background: #fff;

}



.body_theme2 .user-info-wrapper .user-avatar img {

    width: 56px;

    height: 56px;

    border-radius: 50%;

    object-fit: cover;

    border: 2px solid #eef2f6;

}



.body_theme2 .user-info-wrapper .user-data h4 {

    font-size: 16px;

    font-weight: 700;

    color: #0f172a;

    margin: 0 0 4px;

}



.body_theme2 .user-info-wrapper .user-data span {

    font-size: 13px;

    color: #94a3b8;

}



.body_theme2 .user-info-wrapper .list-group-item {

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 12px 16px;

    margin-bottom: 4px;

    border: 1px solid transparent;

    border-radius: 10px;

    font-size: 14px;

    font-weight: 500;

    color: #64748b;

    background: transparent;

    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;

}



.body_theme2 .user-info-wrapper .list-group-item i {

    color: #94a3b8;

    font-size: 16px;

}



.body_theme2 .user-info-wrapper .list-group-item.active,

.body_theme2 .user-info-wrapper .list-group-item:hover {

    background: #fff7ed;

    border-color: #fed7aa;

    color: var(--store-primary-color, #ff6a00);

}



.body_theme2 .user-info-wrapper .list-group-item.active i,

.body_theme2 .user-info-wrapper .list-group-item:hover i {

    color: var(--store-primary-color, #ff6a00);

}



.body_theme2 .user-info-wrapper .list-group-item .badge {

    margin-inline-start: auto;

    background: #f1f5f9;

    color: #64748b;

    font-weight: 600;

    border-radius: 999px;

}



.body_theme2 .user-info-wrapper .list-group-item.active .badge {

    background: var(--store-primary-color, #ff6a00);

    color: #fff;

}



/* ── Track order ── */

.body_theme2 .track-order-page .track-order-form {

    margin-top: 0;

}



.body_theme2 .track-order-page #track-order:empty {

    display: none;

}



.body_theme2 .track-order-form .card,

.body_theme2 .track-order-page .card {

    border-radius: 12px;

}



/* ── List view catalog ── */

.body_theme2 .product-card.p-col {

    border-radius: 12px;

    margin-bottom: 16px;

}



.body_theme2 .product-card.p-col .product-thumb {

    border-radius: 12px 0 0 12px;

}



html[dir="rtl"] .body_theme2 .product-card.p-col .product-thumb {

    border-radius: 0 12px 12px 0;

}



/* ── Sprint 3 mobile ── */

@media (max-width: 767px) {

    .body_theme2 .steps {

        flex-direction: column;

    }



    .body_theme2 .steps .step .step-title {

        font-size: 12px;

    }



    .body_theme2 .details-page-top-right-content .p-title-main {

        font-size: 18px;

    }



    .body_theme2 .shopping-cart .table thead {

        display: none;

    }



    .body_theme2 .shopping-cart .table tbody tr {

        display: block;

        margin-bottom: 16px;

        border: 1px solid #e2e8f0;

        border-radius: 10px;

        padding: 12px;

    }



    .body_theme2 .shopping-cart .table tbody td {

        display: block;

        border: none;

        padding: 6px 0;

        text-align: start !important;

    }



    .body_theme2 .cart-sidebar .card {

        position: static;

    }



    .body_theme2 .user-info-wrapper {

        margin-bottom: 16px;

    }



    .body_theme2 .deal-of-day-section .section-title {

        flex-direction: column;

        align-items: flex-start;

    }



    .body_theme2 .card .card-body {

        padding: 16px;

    }

}