:root {
    --color-yellow: #FFD915;
    --color-yellow-hover: #E6C210;
    --color-yellow-active: #D4B10B;
    --color-yellow-disabled: #FFF6B8;
    --color-orange: #FF8A00;

    --color-kiss-red: #E2001A;
    --color-kiss-blue: #2162A1;
    --color-kiss-dark-blue: #133EBF;
    --color-kiss-navy: #071642;
    --color-kiss-green: #008A11;
    --color-kiss-light: #EDBFDC;

    --color-main: #403833;
    --color-secondary: #414549;
    --color-secondary-light: #6F7373;
    --color-disabled: #878888;
    --color-dark: #0F1111;
    --color-dark-brown: #33302B;

    --color-white: #ffffff;
    --color-beige: #7AAFC4;
    --color-light-gray: #B5A8CB;
    --color-mid-gray: #EAEBEB;
    --color-mid-gray-hover: #E0E2E2;
    --color-mid-gray-active: #D0D3D3;
    --color-stroke: #B5A8CB;
    --color-gray: #625A55;
    --color-brown: #B5A8CB;
    --color-black: #000000;
    --colorF9F7F6: #F9F7F6;
    --color57504C: #57504C;
    --colorDDDEDE: #DDDEDE;
    --colorFFBA59: #FFBA59;
    --colorE6AA5B: #E6AA5B;
    --colorFFCC8A: #FFCC8A;
    --colorF5F6F6: #F5F6F6;
    --color413934: #413934;
    --colorFFD915: #FFD915;
    --colorEDC605: #EDC605;
    --colorE0C126: #E0C126;
    --colorFFEC8A: #FFEC8A;
    --color878888: #878888;
    --color444444: #444444;
    --colorFEBD69: #FEBD69;
    --colorF8F9FA: #F8F9FA;
    --color434343: #434343;
    --color413934: #413934;
    --colorD5F5E3: #D5F5E3;
    --colorE5E5E5: #E5E5E5;
    --colorF0F0F0: #F0F0F0;
    --color9B9B9B: #9B9B9B;
    --colorE0E0E0: #E0E0E0;
    --colorF5F5F5: #F5F5F5;
    --color2B2522: #2B2522;
    --color0090E3: #0090E3;
    --colorFAAF00: #FAAF00;
}

@font-face {
    font-family: 'TiemposHeadlineBlack';
    src: url('fonts/TiemposHeadlineBlack.eot');
    src: url('fonts/TiemposHeadlineBlack.eot') format('embedded-opentype'),
        url('fonts/TiemposHeadlineBlack.woff2') format('woff2'),
        url('fonts/TiemposHeadlineBlack.woff') format('woff'),
        url('fonts/TiemposHeadlineBlack.ttf') format('truetype'),
        url('fonts/TiemposHeadlineBlack.svg#TiemposHeadlineBlack') format('svg');
}

@font-face {
    font-family: 'TiemposHeadlineBold';
    src: url('fonts/TiemposHeadlineBold.eot');
    src: url('fonts/TiemposHeadlineBold.eot') format('embedded-opentype'),
        url('fonts/TiemposHeadlineBold.woff2') format('woff2'),
        url('fonts/TiemposHeadlineBold.woff') format('woff'),
        url('fonts/TiemposHeadlineBold.ttf') format('truetype'),
        url('fonts/TiemposHeadlineBold.svg#TiemposHeadlineBold') format('svg');
}

@font-face {
    font-family: 'TiemposHeadlineLight';
    src: url('fonts/TiemposHeadlineLight.eot');
    src: url('fonts/TiemposHeadlineLight.eot') format('embedded-opentype'),
        url('fonts/TiemposHeadlineLight.woff2') format('woff2'),
        url('fonts/TiemposHeadlineLight.woff') format('woff'),
        url('fonts/TiemposHeadlineLight.ttf') format('truetype'),
        url('fonts/TiemposHeadlineLight.svg#TiemposHeadlineLight') format('svg');
}

@font-face {
    font-family: 'TiemposHeadlineMedium';
    src: url('fonts/TiemposHeadlineMedium.eot');
    src: url('fonts/TiemposHeadlineMedium.eot') format('embedded-opentype'),
        url('fonts/TiemposHeadlineMedium.woff2') format('woff2'),
        url('fonts/TiemposHeadlineMedium.woff') format('woff'),
        url('fonts/TiemposHeadlineMedium.ttf') format('truetype'),
        url('fonts/TiemposHeadlineMedium.svg#TiemposHeadlineMedium') format('svg');
}

@font-face {
    font-family: 'TiemposHeadlineRegular';
    src: url('fonts/TiemposHeadlineRegular.eot');
    src: url('fonts/TiemposHeadlineRegular.eot') format('embedded-opentype'),
        url('fonts/TiemposHeadlineRegular.woff2') format('woff2'),
        url('fonts/TiemposHeadlineRegular.woff') format('woff'),
        url('fonts/TiemposHeadlineRegular.ttf') format('truetype'),
        url('fonts/TiemposHeadlineRegular.svg#TiemposHeadlineRegular') format('svg');
}

@font-face {
    font-family: 'TiemposHeadlineSemibold';
    src: url('fonts/TiemposHeadlineSemibold.eot');
    src: url('fonts/TiemposHeadlineSemibold.eot') format('embedded-opentype'),
        url('fonts/TiemposHeadlineSemibold.woff2') format('woff2'),
        url('fonts/TiemposHeadlineSemibold.woff') format('woff'),
        url('fonts/TiemposHeadlineSemibold.ttf') format('truetype'),
        url('fonts/TiemposHeadlineSemibold.svg#TiemposHeadlineSemibold') format('svg');
}




body {
    font-family: 'Inter', sans-serif;
    color: var(--color-secondary);
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: var(--color-main);
    margin-top: 0;
    font-family: 'TiemposHeadlineSemibold';
    font-weight: normal;
}

h1,
.h1 {
    font-size: 40px;
    line-height: 1.5;
    margin-bottom: 20px;
}

h2,
.h2 {
    font-size: 36px;
    line-height: 1.11;
    margin-bottom: 16px;
}

h3,
.h3 {
    font-size: 32px;
    line-height: 1.25;
    margin-bottom: 16px;
}

h4,
.h4 {
    font-size: 24px;
    line-height: 1.33;
    margin-bottom: 15px;
}

h5,
.h5 {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 10px;
}

h6,
.h6 {
    font-size: 18px;
    line-height: 1.22;
    margin-bottom: 10px;
}

.body-14 {
    font-size: 14px;
    line-height: 1.43;
}

.body-12 {
    font-size: 12px;
    line-height: 1.33;
}

.body-10 {
    font-size: 10px;
    line-height: 1.2;
}

a {
    text-decoration: none;
    color: var(--color-kiss-blue);
}

a:hover {
    text-decoration: none;
    color: var(--color-orange);
}

p,
ul,
ol {
    margin-top: 0;
    margin-bottom: 12px;
}

p:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
ul:last-child,
ol:last-child,
li:last-child {
    margin-bottom: 0;
}

ul,
ol {
    padding-left: 20px;
}

ul.list-unstyled,
ol.list-unstyled {
    padding-left: 0;
    list-style: none;
}

li {
    margin-bottom: 8px;
}

li:last-child {
    margin-bottom: 0;
}

img {
    max-width: 100%;
    height: auto;
}

.btn-custom {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 21px;
    background-color: var(--colorFFD915);
    border-radius: 190px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.428;
    color: var(--color-dark);
    text-decoration: none;
    border: 0;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
    outline: none;
}

.btn-custom:hover {
    background-color: var(--colorEDC605);
    color: var(--color-dark);
}

.btn-custom:focus,
.btn-custom:active,
.btn-custom:hover:active {
    background-color: var(--colorE0C126);
    color: var(--color-dark);
}

.btn-custom:disabled,
.btn-custom.disabled,
button.btn-custom[disabled] {
    background-color: var(--colorFFEC8A);
    color: var(--color878888);
    cursor: not-allowed;
    pointer-events: none;
}



.container,
.container.container-wide,
.container.content-wrapper,
.container.section-wrapper,
.container.header-wrapper,
.container-wide,
.content-wrapper,
.section-wrapper,
.header-wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

header {
    position: sticky;
    top: -42px;
    z-index: 1000;
}

.top-bar-section {
    background-color: var(--color-dark-brown);
    padding: 10px 0;
}

.top-bar-slider-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    max-width: 600px;
    margin: 0 auto;
}

.topBarSwiper {
    width: 100%;
    margin: 0 10px;
}

.top-bar-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.top-bar-icon {
    display: inline-block;
}

.top-bar-text {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-white);
    line-height: 1.43;
}

.top-bar-arrow {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.sticky-header-wrapper {
    width: 100%;
    position: relative;
    z-index: 10;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.sticky-header-wrapper .header-mdl,
.sticky-header-wrapper .header-bottom {
    transition: padding 0.3s ease, background-color 0.3s ease;
}

.sticky-header-wrapper.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    background-color: var(--color-white);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.sticky-header-wrapper.is-sticky .header-mdl {
    background-color: var(--colorF9F7F6);
}

/* .sticky-header-wrapper.is-sticky .header-bottom {
    background-color: var(--color-white);
} */

.header-mdl {
    background: var(--colorF9F7F6);
    padding: 12px 0;
}

.header-mdl .navbar {
    padding: 0;
    gap: 32px;
    flex-wrap: nowrap;
    align-items: center;
}

.navbar-brand {
    padding: 0;
    margin: 0;
}

.search-form {
    flex: 1;
    position: relative;
}

.search-input-inner {
    position: relative;
    width: 100%;
}

.search-form input[type="text"],
.search-form input[type="email"],
.search-form input[type="search"] {
    padding: 3px 60px 3px 12px;
    height: 40px;
    background: var(--color-white);
    border: 1px solid var(--colorDDDEDE);
    border-radius: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: var(--color-main);
    width: 100%;
    box-shadow: inherit;
    outline: none;
}

.search-form input::-webkit-input-placeholder {
    color: var(--color-secondary-light);
    opacity: 1;
}

.search-form input::-moz-placeholder {
    color: var(--color-secondary-light);
    opacity: 1;
}

.search-form input:-ms-input-placeholder {
    color: var(--color-secondary-light);
    opacity: 1;
}

.search-form input::-ms-input-placeholder {
    color: var(--color-secondary-light);
    opacity: 1;
}

.search-form input::placeholder {
    color: var(--color-secondary-light);
    opacity: 1;
}

.search-form input[type="text"]:focus,
.search-form input[type="email"]:focus,
.search-form input[type="search"]:focus,
.search-form.active input {
    border-color: var(--color-gray);
}

.search-submit-btn {
    background: var(--colorFFBA59);
    border: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 8px 8px 0;
    outline: none;
}

.search-submit-btn:hover {
    background: var(--colorFFCC8A);
}

.search-submit-btn:focus,
.search-submit-btn:active {
    background: var(--colorE6AA5B);
}

/* Hide Webkit Default Search Icons */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none;
    display: none !important;
}

.search-clear-btn {
    width: 40px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 1px;
    top: 1px;
    cursor: pointer;
    z-index: 10;
    border-radius: 0 8px 8px 0;
    outline: none;
    border: 0;
    background-color: transparent;
    transition: background-color 0.2s ease;
}

.search-clear-btn:hover {
    background-color: var(--colorF5F6F6);
}

.search-clear-btn:focus,
.search-clear-btn:active,
.search-clear-btn:hover:active {
    background-color: var(--color-mid-gray);
}

.search-dropdown-menu {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    border: 0;
    border-radius: 8px;
    box-shadow: 0px 6px 10px 4px rgba(0, 0, 0, 0.15);
    z-index: 100;
    overflow: hidden;
}

.search-dropdown-state {
    background-color: var(--color-white);
}

.recent-search-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 12px;
    border-bottom: 1px solid var(--colorDDDEDE);
}

.recent-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
    color: var(--color-main);
}

.clear-recent-btn {
    background: transparent;
    border: 0;
    outline: none;
    padding: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    color: var(--color-main);
    cursor: pointer;
    transition: color 0.2s ease;
}

.clear-recent-btn:hover,
.clear-recent-btn:focus,
.clear-recent-btn:active {
    background: transparent;
    color: var(--color-orange);
}

.recent-search-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 12px;
    border-bottom: 1px solid var(--colorDDDEDE);
}

.recent-search-body {
    padding: 0;
}

.recent-search-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 13px 12px;
}

.recent-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.recent-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: var(--color-main);
}

.search-results-list {
    max-height: calc(50dvh - 60px);
    overflow-y: auto;
    padding: 8px 0;
}

.search-result-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    text-decoration: none;
    transition: background-color 0.2s ease;
}

.search-result-item:hover {
    background-color: var(--colorF9F7F6);
}

.search-result-item .result-left,
.recent-search-item .recent-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.recent-arrow,
.result-arrow,
.search-result-item .result-arrow,
.recent-search-item .recent-arrow {
    display: none !important;
}

.result-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.result-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-main);
}

.result-text strong {
    font-weight: 700;
    color: var(--color-main);
}

.popular-products-section {
    background-color: var(--color-gray);
    padding: 12px;
    border-radius: 0 0 8px 8px;
}

.popular-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.4;
    color: var(--color-white);
    margin-top: 0;
    margin-bottom: 8px;
}

.popular-products-grid {
    display: flex;
    align-items: center;
    gap: 12px;
    overflow-x: auto;
    max-width: 100%;
    padding-bottom: 4px;
}

.megamenu-dropdown,
.megamenu-inner,
.search-results-list,
.popular-products-grid {
    scrollbar-width: thin;
    scrollbar-color: var(--color-gray) transparent;
}

.megamenu-dropdown::-webkit-scrollbar,
.megamenu-inner::-webkit-scrollbar,
.search-results-list::-webkit-scrollbar,
.popular-products-grid::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.megamenu-dropdown::-webkit-scrollbar-track,
.megamenu-inner::-webkit-scrollbar-track,
.search-results-list::-webkit-scrollbar-track,
.popular-products-grid::-webkit-scrollbar-track {
    background: transparent;
}

.megamenu-dropdown::-webkit-scrollbar-thumb,
.megamenu-inner::-webkit-scrollbar-thumb,
.search-results-list::-webkit-scrollbar-thumb,
.popular-products-grid::-webkit-scrollbar-thumb {
    background-color: var(--color-gray);
    border-radius: 4px;
}

.megamenu-dropdown::-webkit-scrollbar-thumb:hover,
.megamenu-inner::-webkit-scrollbar-thumb:hover,
.search-results-list::-webkit-scrollbar-thumb:hover,
.popular-products-grid::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-main);
}

.popular-img-link {
    display: block;
    flex-shrink: 0;
}

.popular-img-link img {
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

.menu-toggle {
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    box-shadow: none !important;
    outline: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.menu-toggle img {
    width: 22px;
    height: 16px;
    display: block;
}

.header-actions ul {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    gap: 31px;
}

.header-actions ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header-actions li a {
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.3;
    color: var(--color57504C);
    transition: color 0.2s ease;
}

.header-actions li a img {
    transition: filter 0.2s ease;
}

.header-actions li a:hover {
    color: var(--color-orange);
}

.header-actions li a:hover img,
.header-actions li a:hover .cart-icon-wrap img {
    filter: invert(61%) sepia(84%) saturate(2410%) hue-rotate(359deg) brightness(101%) contrast(106%);
}

.search-toggle-item {
    display: none;
}

.mobile-search-toggle {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
}

.mobile-search-toggle img {
    width: 22px;
    height: 22px;
    display: block;
}

.orders-item .profile-icon {
    display: none;
}

.header-actions li.shoppingcart-item a {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cart-icon-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cart-count {
    position: absolute;
    top: -10px;
    right: -6px;
    background-color: var(--color-orange);
    color: var(--color-white);
    font-size: 10px;
    font-weight: 700;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    z-index: 2;
}

.header-bottom {
    padding: 12px 0;
    position: relative;
    background-color: var(--color-white);
}

.header-bottom .navbar {
    padding: 0;
    position: static;
}

.header-bottom .navbar-nav {
    gap: 32px;
}

.header-bottom .navbar-nav>li {
    padding: 0;
    margin: 0;
    position: static;
}

.header-bottom .navbar-nav>li>a {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
    color: var(--color-main);
    transition: color 0.2s ease;
    display: inline-block;
    padding: 4px 0;
}

.header-bottom .navbar-nav>li>a:hover,
.header-bottom .navbar-nav>li:hover>a,
.header-bottom .navbar-nav>li.active>a {
    color: var(--color-orange);
}

.header-bottom .navbar-nav>li.nav-bestseller>a {
    color: var(--color-kiss-red);
}

.header-bottom .navbar-nav>li.nav-bestseller>a:hover {
    color: var(--color-orange);
}

.megamenu-dropdown,
ul.sub-menu.megamenu-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    background-color: var(--color-white);
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: max(15px, calc((100% - 1190px) / 2 + 15px));
    padding-right: max(15px, calc((100% - 1190px) / 2 + 15px));
    border: 0;
    border-radius: 0;
    box-shadow: none;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease-in-out;
    max-height: calc(100dvh - 180px);
    overflow-y: auto;
    list-style: none;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    row-gap: 24px;
}

.has-megamenu:hover .megamenu-dropdown,
.has-megamenu.active .megamenu-dropdown,
.menu-item-has-children:hover .megamenu-dropdown,
.menu-item-has-children.active .megamenu-dropdown,
.has-megamenu:hover>.sub-menu,
.has-megamenu.active>.sub-menu,
.menu-item-has-children:hover>.sub-menu,
.menu-item-has-children.active>.sub-menu {
    opacity: 1;
    visibility: visible;
}

.megamenu-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    row-gap: 24px;
    max-width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.megamenu-col {
    min-width: 116px;
    flex-shrink: 0;
    list-style: none;
}

.megamenu-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3;
    color: var(--color-dark);
    margin-top: 0;
    margin-bottom: 17px;
}

.megamenu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.megamenu-list li {
    margin-bottom: 17px;
    padding: 0;
}

.megamenu-list li:last-child {
    margin-bottom: 0;
}

.megamenu-list li a {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: var(--color-main);
    transition: color 0.2s ease;
    display: flex;
    align-items: center;
}

.megamenu-list li a:hover,
.megamenu-list li a.active,
.megamenu-list li a:focus {
    color: var(--color-orange);
}

.color-option {
    display: flex;
    align-items: center;
    gap: 8px;
}

.color-swatch {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    display: inline-block;
    flex-shrink: 0;
}

.color-swatch.color-white {
    background-color: var(--color-white);
    border: 1px solid var(--colorDDDEDE);
}

.color-swatch.color-black {
    background-color: var(--color-black);
}

.color-swatch.color-gray {
    background-color: var(--color-secondary-light);
}

.color-swatch.color-oak {
    background-color: var(--color-dark-brown);
}

.hero-banner-section {
    position: relative;
    overflow: hidden;
}

.heroSwiper {
    width: 100%;
}

.hero-slide {
    position: relative;
    padding: 72px 0;
    overflow: hidden;
}

.hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    transform: scale(1);
    transition: transform 6s ease-out;
}

.swiper-slide-active .hero-bg {
    transform: scale(1.08);
}

.hero-slide .container {
    position: relative;
    z-index: 2;
}

.hero-content {
    max-width: 620px;
}

.hero-content h1,
.hero-content h2.h1 {
    font-weight: normal;
    font-family: 'TiemposHeadlineSemibold';
    color: var(--color-white);
    margin-top: 0;
    margin-bottom: 24px;
}

.hero-content p {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.555;
    color: var(--color-white);
    margin-top: 0;
    margin-bottom: 24px;
}

.hero-rating {
    display: flex;
    align-items: center;
    gap: 8px;
}

.rating-stars {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.rating-stars img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.rating-score {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.333;
    color: var(--color-white);
}

.hero-content .btn-custom {
    margin-top: 32px;
}

.features-section {
    padding: 40px 0;
}

.features-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
}

.feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.feature-text p {
    font-weight: 600;
    line-height: 1.3;
    color: var(--color413934);
    margin: 0;
}

.categories-section {
    padding: 32px 0;
    overflow: hidden;
}

.categories-section .sec-heading {
    margin-bottom: 32px;
}

.categories-grid {
    display: flex;
    gap: 32px;
}

.category-card {
    display: block;
    text-decoration: none;
    color: inherit;
    position: relative;
    flex: 1;
    border-radius: 8px;
    overflow: hidden;
}

.category-img-wrap {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    border-radius: 8px;
}

.category-img-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease-out;
}

.category-card:hover .category-img-wrap img {
    transform: scale(1.08);
}

.category-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(22, 10, 3, 0.44) -7.57%, rgba(130, 102, 67, 0.199169) 93.12%, rgba(219, 178, 121, 0) 176.4%);
    z-index: 1;
    pointer-events: none;
}

.category-card-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    z-index: 2;
}

.category-card-content h3 {
    font-family: 'Inter', sans-serif;
    color: var(--color-white);
    margin-top: 0;
    margin-bottom: 6px;
    font-weight: 700;
}

.category-card-content p {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.428;
    color: var(--color-white);
    margin: 0;
}

.category-icon-btn {
    position: absolute;
    right: 16px;
    bottom: 16px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--color-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    outline: none;
    border: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.category-icon-btn img {
    transition: transform 0.3s ease;
}

.category-card:hover .category-icon-btn,
.category-icon-btn:hover {
    background-color: var(--colorF5F6F6);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}


.category-card:active .category-icon-btn,
.category-icon-btn:focus,
.category-icon-btn:active,
.category-icon-btn:hover:active {
    background-color: var(--color-mid-gray);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.categorySwiper {
    /* padding-bottom: 40px; */
    position: relative;
}

.categorySwiper .swiper-slide {
    height: auto;
    display: flex;
}

.categorySwiper .swiper-slide>a {
    width: 100%;
}

.categorySwiper .swiper-pagination {
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    position: static;
    margin-top: 16px;
}

.categorySwiper .swiper-pagination.swiper-pagination-lock {
    display: none !important;
}

.categorySwiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 !important;
    background-color: var(--colorDDDEDE);
    opacity: 1;
    transition: all 0.3s ease;
    border-radius: 50%;
    cursor: pointer;
}

.categorySwiper .swiper-pagination-bullet-active {
    background-color: var(--color-gray);
    width: 10px;
    height: 10px;
}

.products-section {
    padding: 32px 0;
    overflow: hidden;
}

.products-section .sec-heading {
    margin-bottom: 32px;
}

.products-row {
    --bs-gutter-x: 32px;
    --bs-gutter-y: 32px;
}

.productsSwiper .swiper-slide {
    height: auto;
    display: flex;
}

.productsSwiper .swiper-slide>.product-card {
    width: 100%;
}

.productsSwiper .swiper-pagination {
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    position: static;
    margin-top: 24px;
}

.productsSwiper .swiper-pagination.swiper-pagination-lock {
    display: none !important;
}

.productsSwiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 !important;
    background-color: var(--colorDDDEDE);
    opacity: 1;
    transition: all 0.3s ease;
    border-radius: 50%;
    cursor: pointer;
}

.productsSwiper .swiper-pagination-bullet-active {
    background-color: var(--color-gray);
    width: 10px;
    height: 10px;
}

.product-card {
    border: 1px solid var(--colorDDDEDE);
    background-color: var(--color-white);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.product-card:hover {
    background-color: var(--colorF9F7F6);
}

.product-card:hover .delivery-time {
    background-color: var(--color-white);
}

.product-img-wrap {
    display: block;
    margin: 0;
    position: relative;
    width: 100%;
    padding-bottom: 75%;
    overflow: hidden;
}

.product-img-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(166, 109, 18, 0.1), rgba(166, 109, 18, 0.1));
    pointer-events: none;
    z-index: 1;
}

.categoryProductsWrap .product-img-wrap::after,
.catagoryColRtt .product-img-wrap::after {
    display: none !important;
}

.product-img-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.4s ease-out;
}

.product-card:hover .product-img-wrap img {
    transform: scale(1.08);
}

.product-card-body {
    padding: 32px 16px 16px 16px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.product-top-info {
    border-bottom: 1px solid var(--colorDDDEDE);
    padding-bottom: 16px;
}

.product-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.333;
    color: var(--color57504C);
    margin-bottom: 12px;
    display: block;
    text-decoration: none;
    transition: color 0.2s ease;
}

.product-title:hover {
    color: var(--color-orange);
}

.product-rating {
    display: flex;
    align-items: center;
    gap: 6px;
}

.product-rating .rating-stars {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}



.product-rating .rating-value {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.428;
    color: var(--color-dark);
}

.product-mid-info {
    padding-top: 16px;
    padding-bottom: 24px;
    flex: 1;
    min-height: auto !important;
}

.price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.price-box {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}

.current-price {
    font-weight: 700;
    font-size: 32px;
    line-height: 1.25;
    color: var(--color-dark);
    display: inline-flex;
    align-items: flex-start;
}

.price-row.has-discount .current-price {
    color: var(--color-kiss-red);
}

.price-sup {
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    vertical-align: super;
    top: 3px;
}

.old-price {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.428;
    color: var(--color57504C);
    display: inline-flex;
    align-items: flex-start;
}

.old-price del {
    text-decoration: line-through;
}

.old-price-sup {
    font-weight: 700;
    font-size: 10px;
    line-height: 1;
    vertical-align: super;
    text-decoration: none;
    display: inline-block;
    top: 0;
}

.discount-badge {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.3;
    color: var(--color-white);
    padding: 9px 12px;
    background-color: var(--color-kiss-red);
    border-radius: 0;
    min-width: 77px;
    text-align: center;
}

.delivery-time {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    background-color: var(--colorF5F6F6);
    border-radius: 9999px;
    margin-top: 16px;
    margin-bottom: 16px;
    transition: background-color 0.2s ease;
}

.delivery-time img {
    object-fit: contain;
}

.delivery-time span {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.428;
    color: var(--color57504C);
}

.product-specs {
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-btn-info .btn-custom {
    text-align: center;
}

.cart-qty-control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    background-color: var(--color-white);
    border: 1.5px solid var(--colorFFD915);
    border-radius: 190px;
    height: 48px;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.cart-qty-control:hover {
    border-color: var(--colorEDC605);
}

.qty-btn {
    background: transparent;
    border: none;
    padding: 4px 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
}

.qty-btn img {
    display: block;
}

.qty-text {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.4;
    color: var(--color-dark);
    text-align: center;
    user-select: none;
}

.product-specs li {
    display: flex;
    /* align-items: center; */
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 8px;
}

.product-specs li:last-child {
    margin-bottom: 0;
}

.product-specs li img {
    object-fit: contain;
    margin-top: 2px;
}

.product-specs li span {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.428;
    color: var(--color57504C);
}

.best-product-banner {
    min-height: 424px;
    padding: 72px 0;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.best-product-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(178.77deg, rgba(22, 10, 3, 0.54) -7.78%, rgba(130, 102, 67, 0.244435) 128.46%, rgba(219, 178, 121, 0) 241.13%);
    pointer-events: none;
    z-index: 1;
}

.best-product-banner .container {
    position: relative;
    z-index: 2;
}

.banner-content {
    margin: 0 auto;
}

.banner-text-wrap {
    margin-bottom: 40px;
}

.banner-text-wrap h2 {
    font-size: 40px;
    line-height: 1.5;
    color: var(--color-white);
    margin-bottom: 24px;
}

.banner-text-wrap p {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.3;
    color: var(--color-white);
    margin: 0;
}

.btn-custom.btn-white {
    background-color: var(--color-white);
    color: var(--color-main);
}

.btn-custom.btn-white:hover {
    background-color: var(--colorF5F6F6);
}

.btn-custom.btn-white:focus,
.btn-custom.btn-white:active,
.btn-custom.btn-white:hover:active {
    background-color: var(--color-mid-gray);
}

.testimonials-section {
    padding: 72px 0;
    background-color: var(--colorF9F7F6);
}

.testimonial-sec-header {
    text-align: center;
    margin-bottom: 32px;
}

.testimonial-sec-header h2 {
    font-size: 40px;
    line-height: 1.5;
    color: var(--color-main);
    margin-bottom: 16px;
}

.testimonial-sec-header p {
    font-weight: 300;
    font-size: 20px;
    line-height: 1.4;
    color: var(--color57504C);
    margin: 0;
}

.testimonial-swiper-wrap {
    position: relative;
    padding: 0 40px;
}

.testimonial-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: transparent;
    border: none;
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease, transform 0.2s ease;
}

.testimonial-arrow:hover:not(.swiper-button-disabled):not(.swiper-button-lock) {
    transform: translateY(-50%) scale(1.15);
}

.testimonial-arrow img {
    width: 10px;
    height: 18px;
    display: block;
}

.testimonial-prev {
    left: 0;
}

.testimonial-next {
    right: 0;
}

.testimonial-arrow.swiper-button-disabled {
    opacity: 0.5 !important;
    pointer-events: none !important;
    cursor: default !important;
}

.testimonial-arrow.swiper-button-lock {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.testimonialSwiper .swiper-slide {
    height: auto;
}

.testimonial-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: var(--color-white);
    padding: 32px 32px 40px 32px;
    border-radius: 8px;
}

.testimonial-quote {
    margin-bottom: 16px;
}

.testimonial-quote p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-secondary);
    margin: 0;
}

.testimonial-avatar {
    width: 64px;
    height: 64px;
    margin-bottom: 12px;
}

.testimonial-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.testimonial-author {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.428;
    color: var(--color444444);
    margin-bottom: 4px;
}

.testimonial-title {
    font-weight: 300;
    font-size: 12px;
    line-height: 1.333;
    color: var(--color-secondary);
    margin: 0;
}

.faq-section {
    padding: 72px 0;
}

.faq-sec-header {
    margin-bottom: 37px;
}

.faq-sec-header h2 {
    font-size: 36px;
    line-height: 1.111;
    color: var(--color-main);
    margin: 0;
}

/* .faq-accordion {
    border-top: 1px solid var(--colorDDDEDE);
} */

.faq-item {
    border-bottom: 1px solid var(--colorDDDEDE);
    margin-bottom: 15px;
}

.faq-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 0;
    background: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
    gap: 16px;
}

.faq-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-main);
}

.faq-item.active .faq-title {
    font-weight: 600;
}

.faq-arrow {
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.faq-item.active .faq-arrow {
    transform: rotate(180deg);
}

.faq-content {
    display: none;
    padding-top: 5px;
    padding-bottom: 24px;
}

.faq-content p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-secondary);
    margin: 0;
}

/* Newsletter Section */
.newsletter-section {
    background: var(--colorF9F7F6);
    padding: 72px 0;
}

.newsletter-sec-header {
    max-width: 960px;
    margin: 0 auto 56px;
    text-align: center;
}

.newsletter-sec-header h2 {
    font-size: 32px;
    line-height: 1.25;
    color: var(--color-main);
    margin: 0;
}

.newsletter-form-wrapper {
    max-width: 644px;
    margin: 0 auto;
}

.newsletter-field-wrap {
    margin-bottom: 16px;
}

.newsletter-input {
    width: 100%;
    height: 40px;
    padding: 3px 16px;
    background: var(--color-white);
    border: 1px solid var(--colorDDDEDE);
    border-radius: 8px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--color-secondary-light);
    outline: none;
    box-sizing: border-box;
}

.newsletter-input::placeholder {
    color: var(--color-secondary-light);
    font-weight: 400;
    opacity: 1;
}

.newsletter-checkbox-wrap {
    margin-bottom: 24px;
}

.newsletter-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
    margin: 0;
}

.newsletter-checkbox {
    width: 20px;
    height: 20px;
    min-width: 20px;
    background: var(--color-white);
    border: 1px solid var(--colorDDDEDE);
    border-radius: 4px;
    margin: 0;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-shrink: 0;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.newsletter-checkbox:checked {
    background-color: var(--color-orange);
    border-color: var(--color-orange);
}

.newsletter-checkbox:checked::after {
    content: '';
    display: block;
    width: 5px;
    height: 9px;
    border: solid var(--color-white);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin-bottom: 2px;
}

.newsletter-checkbox-text {
    font-weight: 400;
    line-height: 1.5;
    color: var(--color-main);
}

.newsletter-submit-wrap {
    text-align: center;
}

.newsletter-submit-btn {
    width: 100%;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--colorFFD915);
    border-radius: 190px;
    font-weight: 700;
    color: var(--color-dark);
    border: 0;
    cursor: pointer;
    transition: background-color 0.2s ease;
    text-align: center;
}

.newsletter-submit-btn:hover {
    background-color: var(--colorEDC605);
}

/* SEO Content Section */
.seo-content-section {
    padding: 96px 0;
}



.seo-content-section h2 {
    font-size: 36px;
    margin-bottom: 28px;
}

.seo-content-section h3 {
    font-family: 'Inter', sans-serif;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
}

.seo-content-section h4 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 12px;
}

.seo-content-section h5 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 12px;
}

.seo-content-section h6 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
}

.seo-content-section h2:last-child,
.seo-content-section h3:last-child,
.seo-content-section h4:last-child,
.seo-content-section h5:last-child,
.seo-content-section h6:last-child {
    margin-bottom: 0;
}

.seo-content-section a {
    text-decoration: underline !important;
}

.seo-content-section p {
    margin-bottom: 30px;
}

.seo-content-section p:last-child {
    margin-bottom: 0;
}

.seo-content-section ul,
.seo-content-section ol {
    padding: 0;
    margin-left: 18px;
    margin-bottom: 32px;
}

.seo-content-section ul:last-child,
.seo-content-section ol:last-child {
    margin-bottom: 0;
}

.seo-content-section ul li {
    list-style: none;
    position: relative;
    padding: 0;
    padding-left: 15px;
    margin-bottom: 5px;
}

.seo-content-section ul li:last-child {
    margin-bottom: 0;
}

.seo-content-section ul li:after {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: var(--color-secondary);
    left: 0;
    top: 10px;
}

/* Footer Section */
footer,
.site-footer {
    background: var(--color413934);
    color: var(--color-white);
}

.footer-top {
    padding: 64px 0 20px;
}

.footer-logo-link {
    margin-bottom: 32px;
    display: inline-block;
}

.footer-logo {
    display: block;
}

.footer-info-wrapper {
    max-width: 520px;
}

.footer-desc {
    margin-bottom: 28px;
}

.footer-desc p {
    font-weight: 400;
    font-size: 14px;
    color: var(--color-white);
    margin-bottom: 0;
}


.footer-heading,
.footer-nav-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-white);
    margin-bottom: 15px;
}

.footer-block {
    margin-bottom: 15px;
}

.footer-block:last-child {
    margin-bottom: 0;
}

.rating-box {
    display: flex;
    align-items: center;
    gap: 8px;
}

.stars-group {
    display: flex;
    align-items: center;
}

.rating-val {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-white);
}

.payment-methods {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.payment-methods img,
.delivery-methods img {
    object-fit: contain;
    border-radius: 4px;
}

.delivery-methods {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.footer-subcols {
    display: flex;
    gap: 36px;
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 9px;
    list-style: none;
}

.footer-links li:last-child {
    margin-bottom: 0;
}

.footer-links a {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.428;
    color: var(--color-white);
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.footer-links a:hover,
.footer-bottom-links a:hover {
    color: var(--color-orange);
    opacity: 1;
    text-decoration: none;
}

.footer-bottominner {
    border-top: 1px solid var(--colorF5F6F6);
    padding: 20px 0 32px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.footer-copy {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.428;
    color: var(--color-white);
    margin: 0;
}

.footer-bottom-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
}

.footer-bottom-links li {
    list-style: none;
    margin: 0;
}

.footer-bottom-links a {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.428;
    color: var(--color-white);
    text-decoration: none;
    transition: opacity 0.2s ease, color 0.2s ease;
}

.mobile-nav-drawer {
    display: none;
}

.breadcrumbSc {
    padding: 12px 0;
    background-color: var(--color-white);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
    position: relative;
    z-index: 5;
}

.breadcrumb {
    gap: 6px;
}

.breadcrumb .breadcrumb-item {
    margin-bottom: 0;
    padding: 0;
}

.breadcrumb .breadcrumb-item:before {
    padding-top: 1px;
    padding-right: 8px;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-dark);
}

.breadcrumb .breadcrumb-item a {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: var(--color-dark);
    transition: color 0.2s ease;
}

.breadcrumb .breadcrumb-item a:hover {
    color: var(--color-orange);
}

.breadcrumb .breadcrumb-item.active {
    font-weight: 700;
    color: var(--color-orange);
}


.catagoryScrow {
    display: flex;
    flex-wrap: wrap;
}

.catagoryCollft {
    width: 241px;
    flex-basis: 241px;
    padding: 32px 0 25px 0;
}

.catagoryColRtt {
    width: calc(100% - 241px);
    flex-basis: calc(100% - 241px);
    padding: 32px 0 10px 24px;
}

.catagoryScInnr {
    position: sticky;
    top: 130px;
    left: 0;
}

/* Sidebar Category Menu Styles (Bootstrap Accordion) */
.cat-sidebar-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3;
    color: var(--color-main);
    margin-bottom: 23px;
}

.cat-all-products {
    font-family: 'Inter', sans-serif;
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    color: var(--color413934);
    text-decoration: none;
    margin-bottom: 14px;
    transition: color 0.2s ease;
}

.cat-all-products:hover {
    color: var(--colorFEBD69);
}

.cat-sidebar-accordion {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cat-accordion-item {
    background: transparent;
    border: none;
}

.cat-accordion-button {
    font-family: 'Inter', sans-serif;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color413934) !important;
    cursor: pointer;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

/* Header span does NOT change color on hover or when expanded */
.cat-accordion-button:hover,
.cat-accordion-button:not(.collapsed) {
    color: var(--color413934) !important;
    font-weight: 400 !important;
}

/* ONLY when an option under this group is selected */
.cat-accordion-button.has-active-child,
.cat-accordion-item.has-active-child>.accordion-header .cat-accordion-button {
    color: var(--colorFEBD69) !important;
    font-weight: 700 !important;
}

.cat-accordion-button::after {
    width: 13px;
    height: 9px;
    background-image: url('images/downarrowNew.svg') !important;
    background-size: 13px 9px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transition: transform 0.25s ease, filter 0.25s ease;
}

.cat-accordion-button.collapsed:after {
    transform: rotate(0) !important;
}

.cat-accordion-button:not(.collapsed):after {
    transform: rotate(180deg) !important;
}


.cat-accordion-body {
    padding: 0 0 0 24px !important;
}

.cat-sub-list {
    margin: 10px 0 4px 0;
    padding-left: 0;
    list-style: none;
}

.cat-sub-list li {
    margin-bottom: 8px;
}

.cat-sub-list li:last-child {
    margin-bottom: 0;
}

.cat-sub-list li a {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.428;
    color: var(--color-main);
    text-decoration: none;
    display: inline-block;
    transition: font-weight 0.15s ease, color 0.15s ease;
}

.cat-sub-list li a:hover {
    color: var(--color-black);
}

.cat-sub-list li.active a {
    font-weight: 700;
    color: var(--color-main);
}

.catagoryHdSc {
    border-bottom: 1px solid var(--colorDDDEDE);
    padding-bottom: 16px;
    margin-bottom: 24px;
}

.catagoryHdSc .h2 {
    color: var(--color-main);
}

/* Horizontal Filter Bar Section (Bootstrap Dropdown) */
.catagoryFilter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 24px;
}

.cat-filter-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.cat-filter-right {
    display: flex;
    align-items: center;
}

.cat-filter-group {
    position: relative;
}

/* Remove default Bootstrap caret indicator on dropdown-toggle */
.cat-filter-btn.dropdown-toggle::after {
    display: none !important;
}

/* Filter Trigger Button */
.cat-filter-btn {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.428;
    color: var(--color-secondary);
    padding: 4px 15px 4px 8px;
    border: 1px solid var(--colorDDDEDE) !important;
    border-radius: 4px !important;
    background: var(--color-white) !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease;
    white-space: nowrap;
    box-shadow: none !important;
}


/* When dropdown menu is open (Bootstrap applies .show to button and .dropdown-menu) */
.cat-filter-btn.show,
.cat-filter-group.show .cat-filter-btn {
    border-color: var(--color-orange) !important;
}

.cat-filter-btn.show .cat-filter-chev,
.cat-filter-group.show .cat-filter-chev {
    transform: rotate(180deg);
}

/* When filter has selected options (has-selected) */
.cat-filter-group.has-selected .cat-filter-btn {
    color: var(--color-main) !important;
    border-color: var(--color-main) !important;
}

.cat-filter-group.has-selected .cat-filter-btn.show {
    border-color: var(--color-orange) !important;
}

.cat-filter-chev {
    margin-left: 7px;
    display: inline-block;
    transform-origin: center center;
    transition: transform 0.25s ease;
}

/* Counter Badge */
.cat-filter-badge {
    background-color: var(--color-main);
    color: var(--color-white);
    font-weight: 700;
    font-size: 10px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* Reset Everything Link */
.cat-filter-reset {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.428;
    color: var(--color-dark);
    text-decoration: underline;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 4px 0 4px 8px;
}

.cat-filter-reset:hover {
    color: var(--color-orange);
}

/* Bootstrap Dropdown Menu Popover Box */
.cat-filter-dropdown.dropdown-menu {
    border: 1px solid var(--colorDDDEDE) !important;
    border-radius: 8px !important;
    background: var(--color-white) !important;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08) !important;
    min-width: 170px;
    padding: 8px !important;
    margin-top: 4px !important;
    overflow: hidden;
}

.cat-sort-dropdown.dropdown-menu {
    min-width: 200px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08) !important;
}

/* Option Row inside Dropdown */
.cat-filter-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
    border-bottom: 1px solid var(--colorDDDEDE);
    margin: 0;
    cursor: pointer;
    user-select: none;
}

.cat-filter-option:first-child {
    padding-top: 0;
}

.cat-filter-option:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.cat-filter-option:hover {
    background-color: transparent !important;
}

.cat-filter-option:hover .cat-filter-label,
.cat-filter-option:hover .cat-filter-label-text {
    color: var(--color-orange) !important;
}

.cat-filter-label,
.cat-filter-label-text {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.428;
    color: var(--color-main);
    display: flex;
    align-items: center;
    gap: 8px;
    transition: color 0.15s ease;
}

.cat-color-swatch {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    display: inline-block;
    flex-shrink: 0;
}

/* Hidden native checkbox */
.cat-filter-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Custom Checkbox */
.cat-custom-checkbox {
    width: 14px;
    height: 14px;
    border: 1px solid var(--colorDDDEDE);
    border-radius: 4px;
    background: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.15s ease;
    position: relative;
}

/* When Option is Checked */
.cat-filter-option input:checked~.cat-custom-checkbox {
    background: var(--color-orange) !important;
    border: 1px solid var(--color-orange) !important;
}

.cat-filter-option input:checked~.cat-custom-checkbox::after {
    content: '';
    width: 8px;
    height: 6px;
    background-image: url('images/checkboxtick.svg');
    background-size: 8px 6px;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}

.cat-filter-option input:checked~.cat-filter-label,
.cat-filter-option input:checked~.cat-filter-label-text,
.cat-filter-option input:checked~.cat-filter-label .cat-filter-label-text,
.cat-filter-option:has(input:checked) .cat-filter-label,
.cat-filter-option:has(input:checked) .cat-filter-label-text {
    color: var(--color-orange) !important;
}

/* Sorting Options */
.cat-sort-option {
    padding: 5px 0;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.428;
    color: var(--color-main);
    cursor: pointer;
    border-bottom: 1px solid var(--colorDDDEDE);
    user-select: none;
    transition: color 0.15s ease;
}

.cat-sort-option:first-child {
    padding-top: 0;
}

.cat-sort-option:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.cat-sort-option:hover {
    background-color: transparent !important;
    color: var(--color-orange) !important;
}

.cat-sort-option.active {
    color: var(--color-orange) !important;
    font-weight: 500;
}

/* Category Page Pagination (WordPress class-based design) */
.cat-pagination-wrap {
    display: flex;
    justify-content: center;
    margin-top: 36px;
    margin-bottom: 24px;
}

.cat-pagination {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid var(--colorDDDEDE);
}

.cat-pagination .page-numbers {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-secondary);
    text-decoration: none;
    text-align: center;
    min-width: 56px;
    padding: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: color 0.15s ease;
}

.cat-pagination .page-numbers:hover {
    color: var(--color-main);
}

.cat-pagination .page-numbers.current {
    font-style: normal;
    font-weight: 700;
    color: var(--color-main);
    border-bottom: 2px solid var(--color-main);
}

.cat-pagination .page-numbers img {
    width: 7px;
    height: 12px;
    object-fit: contain;
    display: inline-block;
}

/* Category Description Read More / Read Less Toggle */
.catagoryHdSc-toggle {
    font-weight: 500;
    color: var(--color-black);
    text-decoration: underline;
    cursor: pointer;
    display: inline;
}

.catagoryHdSc-toggle:hover {
    color: var(--color-orange);
}

/* Mobile Filter Bar Section & Offcanvas Drawer (Hidden on Desktop/Tablet >= 768px) */
.mbl-filter-bar-section,
.mbl-filter-drawer {
    display: none !important;
}

.products-section.recentview {
    padding: 72px 0;
}

/* Dashboard Account Section */
.dashboardAccount {
    padding: 32px 0 72px 0;
}

.dashboard-account-wrapper {
    display: flex;
    align-items: flex-start;
}

.dashboard-sidebar {
    width: 220px;
    flex: 0 0 220px;
    position: sticky;
    top: 124px;
    left: 0;
}

.dashboard-nav-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.42857;
    color: var(--color-secondary);
    border: 1.5px solid transparent;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.dashboard-nav-item:last-child {
    margin-bottom: 0;
}

.dashboard-nav-item.active,
.dashboard-nav-item:hover {
    border: 1.5px solid var(--color-main);
    border-radius: 4px;
    font-weight: 700;
    color: var(--color-main);
}

.dashboard-nav-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
    flex-shrink: 0;
}

.dashboard-content {
    width: calc(100% - 220px);
    flex: 0 0 calc(100% - 220px);
    padding-left: 48px;
}

.dashboard-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.25;
    color: var(--color-black);
    margin-bottom: 24px;
}

.orders-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.order-row {
    display: flex;
    align-items: center;
    gap: 16px;
}

.order-card {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border: 1px solid var(--colorDDDEDE);
    border-radius: 8px;
    background-color: var(--color-white);
    transition: background-color 0.2s ease;
}

.order-card:hover {
    background-color: var(--colorF9F7F6);
}

.order-card-info {
    flex: 1;
    min-width: 0;
    max-width: calc(100% - (105px * 4 + 24px));
    padding-right: 24px;
    display: flex;
    flex-direction: column;
}

.order-info-top {
    margin-bottom: 24px;
}

.order-date {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.33333;
    color: var(--color-black);
    margin-bottom: 4px;
}

.order-id {
    font-weight: 500;
    font-size: 12px;
    line-height: 1.33333;
    color: var(--color434343);
    margin-bottom: 0;
}

.order-month-mobile {
    display: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.42857;
    color: var(--color-secondary);
    margin-top: 4px;
}

.order-status-list {
    display: flex;
    align-items: center;
    gap: 8px;
}

.status-badge {
    font-weight: 400;
    font-size: 10px;
    line-height: 1.1;
    color: var(--color-secondary);
    padding: 8px;
    background-color: var(--colorF5F6F6);
    border-radius: 9999px;
    transition: background-color 0.2s ease;
}

.order-card:hover .status-badge {
    background-color: var(--color-white);
}

.order-card-media {
    max-width: calc(105px * 4 + 24px);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.order-img {
    width: 105px;
    height: 105px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
    aspect-ratio: 1 / 1;
}

.more-images-box {
    width: 105px;
    height: 105px;
    background-color: var(--colorF5F6F6);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
    flex-shrink: 0;
    aspect-ratio: 1 / 1;
}

.more-images-box span {
    font-weight: 400;
    font-size: 10px;
    line-height: 1.1;
    color: var(--color-secondary);
}

.order-card:hover .more-images-box {
    background-color: var(--color-white);
}

.order-month {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.42857;
    color: var(--color-secondary);
    white-space: nowrap;
    min-width: 70px;
}

.viewmorebtnadd {
    text-align: center;
    margin-top: 8px;
}

.viewmorebtnadd .btn-custom {
    min-width: 240px;
    padding: 8px 20px;
    font-weight: 600;
}

.noOrdersfound .order-card {
    display: flex;
    flex-direction: row;
    gap: inherit;
}

.noOrdersfound .order-card .orderIcon {
    margin: 0;
    width: 120px;
    flex-basis: 120px;
}

.orderRight {
    width: calc(100% - 120px);
    flex-basis: calc(100% - 120px);
    padding-left: 16px;
    align-self: center;
}

.orderRight h2 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.3;
    color: var(--color-black);
    margin-bottom: 8px;
}

.orderRight p {
    color: var(--color434343);
}

/* Profile Settings Page Styles */
.profile-card-section {
    background-color: var(--color-white);
    border: 1px solid var(--colorDDDEDE);
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 24px;
}

.profile-card-section:last-child {
    margin-bottom: 0;
}

.profile-sec-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 32px;
}

.profile-sec-header h2 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
    color: var(--color-dark);
    margin: 0;
}

.profile-sec-icon {
    object-fit: contain;
}

.radio-group-wrap {
    display: flex;
    align-items: center;
    gap: 48px;
    margin-bottom: 18px;
}

.custom-radio-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.42857;
    color: var(--color-dark);
}

.custom-radio-label input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
    border: 1px solid var(--color-secondary-light);
    border-radius: 50%;
    background-color: var(--color-white);
    outline: none;
    cursor: pointer;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.custom-radio-label input[type="radio"]:checked {
    border-color: var(--color-orange);
}

.custom-radio-label input[type="radio"]:checked::after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--color-orange);
    display: block;
}

.acc-form-group {
    margin-bottom: 16px;
}

.acc-form-group label {
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.33333;
    color: var(--color-secondary-light);
    margin-bottom: 4px;
}

.acc-form-group input[type="text"],
.acc-form-group input[type="email"],
.acc-form-group input[type="password"],
.acc-form-group input[type="tel"],
.acc-form-group input[type="number"],
.acc-form-group input[type="date"],
.acc-form-group input[type="search"],
.acc-form-group select {
    width: 100%;
    height: 40px;
    padding: 3px 16px;
    border: 1px solid var(--colorDDDEDE);
    border-radius: 8px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-main);
    background-color: var(--color-white);
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}

.acc-form-group input::placeholder,
.acc-form-group textarea::placeholder {
    color: var(--color-secondary-light);
    opacity: 1;
}

.acc-form-group input:focus,
.acc-form-group select:focus,
.acc-form-group textarea:focus {
    border-color: var(--color-orange);
}

.acc-form-group textarea {
    width: 100%;
    min-height: 100px;
    padding: 10px 16px;
    border: 1px solid var(--colorDDDEDE);
    border-radius: 8px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-main);
    background-color: var(--color-white);
    outline: none;
    box-sizing: border-box;
    resize: vertical;
}

.profile-submit-btn-wrap {
    margin-top: 38px;
}

.profile-submit-btn-wrap .btn-custom {
    font-weight: 600;
    padding: 8px 15px;
    font-size: 14px;
}

.password-form .profile-submit-btn-wrap {
    margin-top: 20px;
}

.cartsection {
    padding: 32px 0;
}

.cardtSecHdng h1 {
    font-size: 36px;
    line-height: 1.2;
}

.cardtSecHdng {
    margin-bottom: 24px;
}

/* Cart Section Styles */
.cart-wrapper {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    width: 100%;
}

.cart-left-col {
    flex: 1 1 65%;
    max-width: 65%;
    width: 65%;
}

.cart-right-col {
    flex: 0 0 35%;
    max-width: 35%;
    width: 35%;
}

/* Common Cart Card */
.cart-card {
    border: 1px solid var(--colorDDDEDE);
    border-radius: 8px;
    background-color: var(--color-white);
    margin-bottom: 24px;
}

.cart-card:last-child {
    margin-bottom: 0;
}

/* Delivery Card Section */
.delivery-card-body {
    padding: 24px;
}

.delivery-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.delivery-title {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.33333;
    color: var(--color-dark);
    margin: 0;
}

.delivery-badge {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.42857;
    color: var(--color-secondary);
    padding: 4px 8px;
    background-color: var(--colorF5F6F6);
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.delivery-badge-icon {
    width: 16px;
    height: 16px;
    line-height: 0;
    object-fit: contain;
}

.cart-item-row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
}

.cart-item-row:last-child {
    margin-bottom: 0;
}

.cart-item-media-side {
    width: 193px;
    flex: 0 0 193px;
}

.cart-item-img-wrap {
    width: 100%;
    height: 193px;
    margin: 0;
}

.mobile-qty-delete-wrap {
    display: none !important;
}

.desktop-qty-delete-wrap {
    display: flex;
}

.cart-item-img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
    display: block;
}

.cart-item-info {
    width: calc(100% - 193px);
    flex: 1;
    padding-left: 24px;
}

.cart-item-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.42857;
    color: var(--color413934);
    margin-bottom: 8px;
}

.cart-item-meta {
    margin-bottom: 12px;
}

.cart-item-meta p {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.33333;
    color: var(--color-secondary);
    margin-bottom: 5px;
}

.cart-item-meta p:last-child {
    margin-bottom: 0;
}

.cart-item-meta p span {
    font-weight: 500;
    color: var(--color-secondary);
}

.cart-item-price {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.33333;
    color: var(--color413934);
    margin-bottom: 12px;
    display: block;
}

.cart-bestseller-badge {
    font-weight: 400;
    font-size: 10px;
    line-height: 1.1;
    color: var(--color-dark);
    padding: 6px 12px;
    background-color: var(--colorD5F5E3);
    border-radius: 3px;
    display: inline-block;
    margin-bottom: 16px;
}

.cart-bestseller-badge strong {
    font-weight: 700;
}

.cart-qty-delete-wrap {
    display: flex;
    align-items: center;
    gap: 2px;
}

.cart-qty-box {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px;
}

.cart-qty-btn {
    width: 32px;
    height: 32px;
    min-width: 32px;
    background-color: var(--colorF5F6F6);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: background-color 0.2s ease;
}

.cart-qty-btn:hover {
    background-color: var(--colorDDDEDE);
}

.cart-qty-btn:active {
    background-color: #EAEBEB;
}

.cart-qty-num {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-dark);
    width: 36px;
    text-align: center;
    border: none;
    background: transparent;
    outline: none;
    padding: 0;
    -moz-appearance: textfield;
}

.cart-qty-num::-webkit-outer-spin-button,
.cart-qty-num::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.cart-delete-btn {
    font-weight: 500;
    font-size: 10px;
    line-height: 1.1;
    color: var(--color-dark);
    text-decoration: underline;
    margin-left: 2px;
    transition: color 0.2s ease, text-decoration 0.2s ease;
}

.cart-delete-btn:hover {
    color: var(--color-orange);
    text-decoration: underline;
}

.delivery-notice-bar {
    border-top: 1px solid var(--colorDDDEDE);
    padding: 13px 24px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.42857;
    color: var(--color-dark);
}



/* FAQ Card Section */
.faq-card {
    padding: 24px;
    margin-top: 24px;
    width: 100%;
    max-width: calc(65% - 24px);
}

.cart-faq-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.cart-faq-header h2 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.33333;
    color: var(--color-black);
    margin: 0;
}

.cart-help-link {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.42857;
    color: var(--color-dark);
    text-decoration: none;
    border-bottom: 1px solid var(--color-dark);
    padding-bottom: 1px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.cart-help-link:hover {
    color: var(--color-orange);
    border-bottom-color: var(--color-orange);
}

.help-share-icon {
    width: 14px;
    height: 14px;
    object-fit: contain;
    transition: filter 0.2s ease;
}

.cart-help-link:hover .help-share-icon {
    filter: invert(56%) sepia(87%) saturate(1636%) hue-rotate(359deg) brightness(101%) contrast(105%);
}

.cart-faq-accordion .faq-content {
    padding-bottom: 12px;
}

/* Right Summary Sidebar */
.cart-summary-card {
    padding: 24px;
    background-color: var(--color-white);
    border: 1px solid var(--colorDDDEDE);
    box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1), 0px 1px 4px rgba(12, 12, 13, 0.05);
    border-radius: 8px;
}

.summary-details-wrap {
    margin-bottom: 24px;
}

.summary-line-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 21px;
}

.summary-label {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.42857;
    color: var(--color-black);
}

.summary-val {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.42857;
    color: var(--color-black);
}

.summary-total-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.total-label-wrap {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.total-label {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
    color: var(--color-black);
}

.total-subtext {
    font-weight: 700;
    font-size: 12px;
    line-height: 1.33333;
    color: var(--color434343);
}

.total-val {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.33333;
    color: var(--color-black);
}

.cart-checkout-btn {
    margin-top: 0;
    margin-bottom: 24px;
    text-align: center;
    text-decoration: none;
    display: block;
}

.cart-features-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border-bottom: 1px solid var(--colorDDDEDE);
    padding-bottom: 17px;
}

.cart-feature-item {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.42857;
    color: var(--color-secondary);
}

.cart-feature-item .feature-icon {
    object-fit: contain;
}

.feature-divider {
    color: var(--color-secondary-light);
}

.cart-payment-logos {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    padding-top: 16px;
}

.cart-payment-logos img {
    width: auto;
    object-fit: contain;
}

.products-section.reentreviewNewgap {
    padding: 32px 0 72px 0;
}

/* Empty Cart Section */
.empty-cart-section {
    max-width: 411px;
    margin: 0 auto;
}

.empty-cart-header {
    text-align: center;
    margin-bottom: 24px;
}

.empty-cart-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: var(--color-black);
    margin-bottom: 8px;
}

.empty-cart-subtitle {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: var(--color413934);
    margin-bottom: 0;
}

.empty-cart-card {
    background: var(--color-white);
    border: 1.428px solid var(--colorE5E5E5);
    border-radius: 12px;
    padding: 16px 22px;
    display: flex;
    align-items: center;
    max-width: 411px;
    width: 100%;
}

.empty-card-img-wrap {
    width: 176px;
    height: 137px;
    flex: 0 0 176px;
    background: var(--colorF0F0F0);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.empty-card-info {
    padding-left: 25px;
    flex: 1;
}

.skeleton-line {
    height: 10px;
    background: var(--colorF0F0F0);
    border-radius: 5px;
}

.skeleton-line.long {
    width: 100%;
    margin-bottom: 8px;
}

.skeleton-line.short {
    width: 65%;
    margin-bottom: 12px;
}

.skeleton-pills-wrap {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
}

.skeleton-pill {
    height: 20px;
    width: 32px;
    background: var(--colorF0F0F0);
    border-radius: 4px;
    display: inline-block;
}

.skeleton-btn {
    height: 32px;
    background: var(--color9B9B9B);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

/* Product Details Top Section */
.productdetailsTop {
    padding: 32px 0;
}

.productdetailsTop-wrapper {
    display: flex;
    gap: 32px;
}

.productdetailsTop-left {
    flex: 0 0 60%;
    max-width: 60%;
    width: 60%;
    padding-right: 40px;
}

.productdetailsTop-right {
    flex: 0 0 calc(40% - 32px);
    max-width: calc(40% - 32px);
    width: calc(40% - 32px);
    padding: 16px;
    border: 1px solid var(--colorDDDEDE);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.07);
    border-radius: 12px;
}

.pdt-slider-container {
    position: sticky;
    top: 130px;
    left: 0;
    width: 100%;
}

.pdt-thumbs-col {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 92px;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    z-index: 5;
}

.pdtThumbsSwiper {
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}

.pdtThumbsSwiper .swiper-wrapper {
    height: 100%;
}

.pdtThumbsSwiper .swiper-slide {
    width: 92px !important;
    height: 69px !important;
    margin-bottom: 4px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    opacity: 0.5;
    transition: opacity 0.2s ease, border-color 0.2s ease;
    box-sizing: border-box;

    /* Hide scrollbar */
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.pdtThumbsSwiper .swiper-slide::-webkit-scrollbar {
    display: none;
}

.pdtThumbsSwiper .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
    border-color: var(--color-dark);
}

.pdtThumbsSwiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

/* Arrow Navigation Buttons (Absolute Overlay) */
.pdt-thumb-arrow {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    z-index: 2;
    outline: none;
    transition: opacity 0.2s ease;
}

.pdt-thumb-prev {
    top: 4%;
}

.pdt-thumb-next {
    bottom: 4%;
}

.pdt-thumb-arrow img {
    opacity: 0.5;
    object-fit: contain;
    display: block;
}

.pdt-thumb-arrow.is-hidden,
.pdt-thumb-arrow.swiper-button-disabled {
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden;
}

.pdt-thumb-arrow .arrow-up-img {
    transform: rotate(180deg);
}

.pdt-main-img-col {
    margin-left: calc(92px + 32px);
    width: calc(100% - 92px - 32px);
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.pdtMainSwiper {
    width: 100%;
    aspect-ratio: 836 / 626;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    background-color: var(--colorF8F9FA);
}

.pdtMainSwiper::before {
    content: "";
    display: block;
    padding-bottom: 74.88%;
}

.pdtMainSwiper .swiper-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pdtMainSwiper .swiper-slide {
    width: 100%;
    height: 100%;
}

.pdtMainSwiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}

/* Product Details Features Row */
.pdt-features-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 16px;
    gap: 16px;
}

.pdt-feature-item {
    flex: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pdt-feature-icon-wrap {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.pdt-feature-icon-wrap img {
    max-height: 48px;
    width: auto;
    object-fit: contain;
    display: block;
}

.pdt-feature-text {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.33333;
    color: var(--color-main);
}

.pdt-features-row-mbl {
    display: none !important;
}

/* Cart Offcanvas Drawer */
.offcanvas-backdrop.show {
    background-color: rgba(54, 54, 54, 0.5);
    opacity: 1;
}

.cart-drawer-offcanvas {
    width: 501px !important;
    max-width: 100%;
    border: 0 !important;
    border-left: none;
}

.cart-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 32px;
    background: var(--color-white);
    border-bottom: 1px solid var(--colorE5E5E5);
}

.drawer-header-left {
    display: flex;
    align-items: center;
}

.drawer-bag-icon {
    object-fit: contain;
}

.cart-drawer-title {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-dark);
    margin: 0;
    text-align: center;
    flex: 1;
}

.drawer-close-btn {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.drawer-close-btn img {
    object-fit: contain;
}

.cart-drawer-banner {
    padding: 40px 32px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.drawer-banner-title {
    font-size: 16px;
    line-height: 16px;
    color: var(--color-white);
    margin-bottom: 5px;
}

.drawer-banner-subtitle {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: var(--color-white);
    margin: 0;
}

.cart-drawer-body {
    padding: 20px 32px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.cart-drawer-offcanvas .drawer-item-row {
    display: flex;
    align-items: stretch;
    margin-bottom: 27px;
}

.cart-drawer-offcanvas .drawer-item-row:last-child {
    margin-bottom: 0;
}

/* Scoped Drawer Item Styles */
.cart-drawer-offcanvas .cart-item-media-side {
    width: 190px;
    flex: 0 0 190px;
}

.cart-drawer-offcanvas .cart-item-img-wrap {
    width: 190px;
    height: 190px;
    border-radius: 8px;
    overflow: hidden;
}

.cart-drawer-offcanvas .cart-item-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-drawer-offcanvas .cart-item-info {
    width: calc(100% - 190px);
    padding-left: 20px;
    display: flex;
    flex-direction: column;
}

.cart-drawer-offcanvas .cart-item-title {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: var(--color413934);
    margin-bottom: 8px;
}

.cart-drawer-offcanvas .cart-item-meta p {
    font-size: 12px;
}

.cart-drawer-offcanvas .cart-item-price {
    font-size: 18px;
    font-weight: 600;
}

.cart-drawer-offcanvas .cart-qty-delete-wrap {
    margin-top: auto;
}

.cart-drawer-offcanvas .cart-qty-box {
    padding: 2px 6px;
}

.cart-drawer-offcanvas .cart-qty-num {
    font-size: 14px;
}

.cart-drawer-offcanvas .cart-qty-btn {
    width: 18px;
    height: 18px;
    min-width: 18px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.cart-drawer-offcanvas .cart-qty-btn img {
    width: 11px;
    height: 11px;
    object-fit: contain;
}

.cart-drawer-offcanvas .cart-delete-btn {
    font-size: 10px;
    margin-left: auto;
}

.drawer-skeleton-row .drawer-skeleton-img {
    width: 80px;
    height: 32px;
    background: linear-gradient(90deg, var(--colorE0E0E0) 0%, var(--colorF5F5F5) 50%, var(--colorE0E0E0) 100%);
    border-radius: 8px;
}

.cart-drawer-footer {
    padding: 20px 32px 24px 32px;
    background: var(--color-white);
    border-top: none;
}

.drawer-summary-line.subtotal-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 9px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--colorDDDEDE);
}

.drawer-summary-line.subtotal-line .summary-label {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-main);
}

.drawer-summary-line.subtotal-line .summary-val {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: var(--color-main);
}

.drawer-shipping-info-wrap {
    margin-bottom: 12px;
}

.drawer-shipping-info-wrap .drawer-summary-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: var(--color-main);
    margin-bottom: 9px;
}

.drawer-shipping-info-wrap .drawer-summary-line .summary-label,
.drawer-shipping-info-wrap .drawer-summary-line .summary-val {
    font-weight: 400;
    font-size: 12px;
    color: var(--color-main);
}

.drawer-shipping-info-wrap .drawer-summary-line:last-child {
    margin-bottom: 0;
}

.cart-drawer-offcanvas .drawer-checkout-btn,
.cart-drawer-offcanvas .drawer-cart-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    min-height: 48px;
    padding: 0 20px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    border-radius: 190px;
    box-sizing: border-box;
    margin-bottom: 12px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.cart-drawer-offcanvas .drawer-checkout-btn {
    margin-top: 0;
}

.cart-drawer-offcanvas .drawer-cart-btn {
    color: var(--color-dark);
    border: 1px solid var(--color413934);
    background-color: var(--color-white);
}

.cart-drawer-offcanvas .drawer-cart-btn:hover {
    background-color: var(--color413934);
    color: var(--color-white);
    border-color: var(--color413934);
}

.cart-drawer-offcanvas .drawer-cart-btn:active {
    background-color: var(--color2B2522);
    color: var(--color-white);
    border-color: var(--color2B2522);
    transform: scale(0.98);
}

.drawer-features-row {
    margin-top: 0;
    justify-content: center;
    gap: 12px;
    border-bottom: none !important;
    padding-bottom: 0;
}

.drawer-features-row .cart-feature-item span {
    font-size: 14px;
    color: var(--color-main);
    font-weight: 400;
}

.pdt-header-info-wrap {
    border-bottom: 1px solid var(--colorDDDEDE);
    padding-bottom: 24px;
}

.pdt-category-label {
    display: block;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.33;
    color: var(--color-orange);
    margin-bottom: 8px;
}

.productDtlsHd {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.3;
    color: var(--color-main);
    margin-bottom: 12px;
}

.pdt-short-desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
    color: var(--color-secondary-light);
    margin-bottom: 12px;
}

.product-rating {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
}

.rating-stars {
    display: flex;
    align-items: center;
    gap: 3px;
}

.rating-value {
    font-size: 14px;
    line-height: 1.43;
    color: var(--color-main);
    font-weight: 400;
}

.prodctFtr {
    margin-top: 16px;
    padding-bottom: 8px;
}

.prodctFtr ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.prodctFtr ul li {
    list-style: none;
    background: url(images/productTickround.svg) no-repeat 0 2px;
    background-size: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: var(--color-dark);
    padding: 2px 0;
    padding-left: 27px;
}

.pricesctnWrp {
    border-top: 1px solid var(--colorDDDEDE);
    border-bottom: 1px solid var(--colorDDDEDE);
    padding: 17px 0 16px 0;
}

.pricesctnWrp .price-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.pricesctnWrp .priceMain {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3;
    color: var(--color-main);
}

.pricesctnWrp .info-badge,
.productPricemainwrr .info-badge {
    position: relative;
    display: inline-flex;
    align-items: center;
    background-color: var(--color-kiss-green);
    color: var(--color-white);
    font-weight: 400;
    font-size: 13px;
    line-height: 1.1;
    padding: 7px 12px;
    border-radius: 2px;
    margin-left: 10px;
}

.pricesctnWrp .info-badge::before,
.productPricemainwrr .info-badge:before {
    content: "";
    position: absolute;
    left: -9px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 9px solid var(--color-kiss-green);
}

.pricesctnWrp .price-row {
    margin-bottom: 18px;
    justify-content: flex-start;
    gap: 24px;
}

.pricesctnWrp p {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.2;
    color: var(--color-secondary-light);
}

/* Color Selection Section */
.color-selection {
    padding: 24px 0 16px 0;
}

.color-selection .labelhd {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-dark);
    margin-bottom: 16px;
}

.color-selection .labelhd strong {
    font-weight: 700;
}

.color-options {
    display: flex;
    gap: 6px;
}

.color-options label {
    position: relative;
    width: 70px;
    height: 70px;
    margin: 0;
    cursor: pointer;
    border-radius: 2px;
}

.color-options label input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.color-options label img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2px;
    border: 1px solid transparent;
    transition: border-color 0.2s ease;
    display: block;
}

.color-options label input[type="radio"]:checked+img {
    border: 1px solid var(--color-main);
}

.color-options label .check-tick {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 16px;
    height: 16px;
    background: url('images/checktick.svg') no-repeat center center;
    background-size: contain;
    display: none;
    z-index: 2;
}

.color-options label input[type="radio"]:checked~.check-tick {
    display: block;
}

/* Delivery Info Badge */
.delivery-info {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    color: var(--color-main);
    background-color: var(--colorF5F6F6);
    border-radius: 190px;
    padding: 8px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.delivery-info .iconsc {
    display: flex;
    align-items: center;
    justify-content: center;
}

.delivery-info .iconsc img {
    width: 22px;
    height: 15px;
    display: block;
}


/* Height & Length Options Dropdowns */
.pdt-options-row {
    display: flex;
    gap: 16px;
}

.pdt-select-group {
    flex: 1;
}

.pdt-select-label {
    display: block;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.33;
    color: var(--color-secondary-light);
    margin-bottom: 4px;
}

.pdt-select-wrap {
    position: relative;
    width: 100%;
}

.pdt-custom-select {
    width: 100%;
    height: 40px;
    background-color: var(--color-white);
    border: 1px solid var(--colorDDDEDE);
    border-radius: 10px;
    padding: 0 36px 0 16px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-main);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-image: url('images/downarrowNew.svg');
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 12px 7px;
    outline: none;
}

.pdt-custom-select:focus {
    border-color: var(--color-orange);
}

/* Price & Delivery Card Styling */
.productPricemainwrr {
    background-color: var(--colorF8F9FA);
    border-radius: 12px;
    padding: 16px;
    margin-top: 24px;
    margin-bottom: 24px;
}

.pdt-price-header-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.pdt-price-amount-wrap {
    display: inline-flex;
    align-items: baseline;
    gap: 2px;
}

.pdt-price-amount-wrap .priceMain {
    font-weight: 700;
    font-size: 30px;
    line-height: 1.33;
    color: var(--color-dark);
}

.pdt-price-amount-wrap .priceUnit {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-dark);
}


.pdt-vat-shipping-info {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.33;
    color: var(--color-secondary-light);
    margin-top: 4px;
    margin-bottom: 20px;
}

.pdt-delivery-info-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pdt-delivery-icon {
    width: 22px;
    height: 15px;
    display: block;
    object-fit: contain;
}

.pdt-delivery-text {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.43;
    color: var(--color-secondary);
}

/* Quantity & Add to Cart Section */
.productquantitysc {
    background: transparent;
    padding: 0;
    margin-top: 24px;
    margin-bottom: 30px;
}

.product-qty-label {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.3;
    color: var(--color-dark);
    margin-bottom: 10px;
}

.pdt-qty-cart-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
}

.productquantitysc .cart-qty-box {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--color-white);
    border: 1px solid var(--colorDDDEDE);
    border-radius: 8px;
    padding: 6px;
    min-height: 48px;
    width: 130px;
    flex-shrink: 0;
}

.pdt-btn-and-subtext-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.productquantitysc .cart-qty-btn {
    width: 32px;
    height: 32px;
    min-width: 32px;
    background-color: var(--colorF5F6F6);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: background-color 0.2s ease;
}

.productquantitysc .cart-qty-btn:hover {
    background-color: var(--colorDDDEDE);
}

.productquantitysc .cart-qty-btn:active {
    background-color: #EAEBEB;
}

.productquantitysc .cart-qty-btn img {
    width: 14px;
    height: 14px;
    display: block;
}

.productquantitysc .cart-qty-num {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-dark);
    width: 40px;
    text-align: center;
    border: none;
    background: transparent;
    outline: none;
    padding: 0;
    -moz-appearance: textfield;
}

.productquantitysc .cart-qty-num::-webkit-outer-spin-button,
.productquantitysc .cart-qty-num::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.productquantitysc .pdt-add-cart-btn {
    width: 100%;
    min-height: 48px;
    background-color: #FFD500;
    color: var(--color-dark);
    font-weight: 700;
    font-size: 15px;
    border-radius: 24px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.productquantitysc .pdt-add-cart-btn:hover {
    opacity: 0.92;
    color: var(--color-dark);
}

.product-qty-subtext {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.33;
    color: var(--color-secondary-light);
    text-align: center;
    margin-top: 12px;
    margin-bottom: 0;
}

.pdt-subtext-desktop {
    display: block;
}

.pdt-subtext-mobile {
    display: none;
}

/* Recommended Accessories Section */
.ecommendaccessories {
    margin-top: 32px;
}

.recommend-header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
}

.recommend-header::before,
.recommend-header::after {
    content: "";
    flex: 1;
    height: 1px;
    background-color: var(--colorDDDEDE);
}

.recommend-title {
    position: relative;
    padding: 0 16px;
    margin: 0;
    white-space: nowrap;
}

.recommend-title span {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-dark);
    display: block;
}

.recommend-item {
    border: 1px solid var(--colorDDDEDE);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
}

.recommend-item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}

.recommend-item-left {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
    min-width: 0;
}

.recommend-media {
    width: 64px;
    height: 64px;
    margin: 0;
    flex-shrink: 0;
    position: relative;
    border-radius: 8px;
}

.recommend-media img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}



.recommend-info {
    flex: 1;
    min-width: 0;
}

.recommend-item-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.43;
    color: var(--color-dark);
    margin-bottom: 2px;
}

.recommend-item-price {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.43;
    color: var(--color-main);
    margin-bottom: 8px;
}

.recommend-features {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.recommend-features li {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.33;
    color: var(--color-dark);
    background: url('images/productTickround.svg') no-repeat 0 1px;
    background-size: 18px;
    padding: 2px 0;
    padding-left: 27px;
    margin-bottom: 1px;
}

.recommend-features li:last-child {
    margin-bottom: 0;
}

.recommend-features-mobile {
    display: none !important;
}

.recommend-action {
    flex-shrink: 0;
}

.recommend-add-btn {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.43;
    color: var(--color-kiss-blue);
    padding: 10px 16px;
    border: 1px solid var(--color-kiss-blue);
    border-radius: 200px;
    background-color: transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color 0.2s ease, border-color 0.2s ease;
    outline: none;
}

.recommend-add-btn svg {
    display: block;
    transition: stroke 0.2s ease;
}

.recommend-add-btn:hover {
    color: var(--color-kiss-dark-blue);
    border-color: var(--color-kiss-dark-blue);
}

.recommend-add-btn:active,
.recommend-add-btn:focus:active {
    color: var(--color-kiss-navy);
    border-color: var(--color-kiss-navy);
}

/* Bottom Cart Notice Banner */
.recommend-cart-banner {
    background-color: var(--colorF5F6F6);
    border-radius: 8px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 28px;
}

.recommend-cart-icon-wrap {
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.recommend-cart-icon {
    width: 24px;
    height: 24px;
    display: block;
}

.recommend-cart-badge {
    position: absolute;
    top: -3px;
    right: -3px;
    background-color: var(--color-orange);
    color: var(--color-white);
    font-size: 9px;
    font-weight: 400;
    line-height: 1.1;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.recommend-cart-info {
    flex: initial;
}

.recommend-cart-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.33;
    color: var(--color413934);
    margin-bottom: 2px;
}

.recommend-cart-desc {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.33;
    color: var(--color413934);
    margin: 0;
}

.recommend-cart-desc strong {
    font-weight: 700;
}

.prductInnerInforSc {
    padding: 32px 0 60px 0;
}

.prductInnerInfor-content {
    max-width: 62%;
    width: 62%;
}

.pdt-info-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.25;
    color: var(--color-secondary);
    margin-bottom: 12px;
}

.pdt-block-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.33;
    color: var(--color-secondary);
    margin-bottom: 15px;
}

.pdt-block-title-dark {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.33;
    color: var(--color-dark);
    margin-bottom: 8px;
}

/* Specifications Grid */
.pdt-specs-block {
    margin-bottom: 40px;
}

.pdt-specs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.pdt-spec-item {
    display: flex;
    flex-direction: column;
}

.pdt-spec-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
    color: var(--color-secondary-light);
    margin-bottom: 5px;
}

.pdt-spec-value {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
    color: var(--color-dark);
}

/* Plus and Minus Points */
.pdt-plusminus-block {
    margin-bottom: 40px;
}

.pdt-plusminus-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pdt-plusminus-list li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
    color: var(--color-dark);
    margin-bottom: 0;
}

.pdt-icon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    margin-top: 2px;
}

.pdt-icon img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

/* Installation Steps */
.pdt-install-block {
    margin-bottom: 40px;
}

.pdt-steps-list {
    padding: 0;
    margin: 0 0 40px 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pdt-steps-list li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
    color: var(--color-dark);
    margin-bottom: 0;
}

.step-num {
    font-weight: 700;
    font-size: 12px;
    line-height: 1.33;
    color: var(--color-dark);
    min-width: 20px;
    height: 20px;
    background-color: var(--colorF5F6F6);
    border: 1px solid var(--color-dark);
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}

.pdt-install-media {
    margin-top: 24px;
}

.pdt-install-media img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Description Section */
.pdt-desc-block {
    margin-bottom: 0;
}

.pdt-desc-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-secondary);
    margin-bottom: 8px;
}

.pdt-desc-block p {
    color: var(--color-secondary);
    line-height: 1.5;
    margin: 0;
}

/* Reviews Section Styling */
.reviewsctn {
    padding: 32px 0 60px 0;
}

.reviewsctn-wrapper {
    display: flex;
    align-items: flex-start;
}

.reviewsctn-left {
    flex: 0 0 329px;
    max-width: 329px;
    width: 329px;
}

.reviewsctn-right {
    flex: 0 0 calc(100% - 329px);
    max-width: calc(100% - 329px);
    width: calc(100% - 329px);
    padding-left: 80px;
}


.reviews-header-block {
    margin-bottom: 24px;
}

.reviews-main-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.33;
    color: var(--color-dark);
    margin-bottom: 8px;
}

.reviews-score-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.reviews-stars {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.reviews-stars img {
    width: 23px;
    height: 23px;
    object-fit: contain;
    display: block;
}

.reviews-score-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
    color: var(--color0090E3);
}

.reviews-sub-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-dark);
    margin-bottom: 8px;
}

.reviews-progress-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.reviews-progress-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.progress-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
    color: var(--color-dark);
    width: 60px;
    flex-shrink: 0;
}

.progress-bar-wrap {
    height: 6px;
    background-color: var(--color-mid-gray);
    border-radius: 990px;
    flex: 1;
    margin: 0 8px;
    overflow: hidden;
}

.progress-bar-fill {
    height: 100%;
    background-color: var(--colorFAAF00);
    border-radius: 990px;
}

.progress-count {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
    color: var(--color-dark);
    text-align: right;
    width: 24px;
    flex-shrink: 0;
}

/* Right Side - Helpful Reviews */
.reviews-helpful-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-dark);
    margin-bottom: 8px;
}

.review-card-list {
    margin-bottom: 24px;
}

.review-card-item {
    padding: 16px;
    border: 1px solid var(--colorDDDEDE);
    border-radius: 8px;
    margin-bottom: 26px;
}

.review-card-item:last-child {
    margin-bottom: 0;
}

.review-card-top {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.review-card-rating {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
    color: var(--color-dark);
}

.review-card-headline {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.43;
    color: var(--color-dark);
    margin-bottom: 17px;
}

.review-card-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
    color: var(--color-dark);
    margin-bottom: 16px;
}

.review-card-author {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.33;
    color: var(--color-secondary-light);
}

.author-name {
    padding-right: 8px;
    margin-right: 8px;
    border-right: 1px solid var(--colorDDDEDE);
    color: var(--color-secondary-light);
}

.author-date {
    color: var(--color-secondary-light);
}

.write-review-wrap {
    margin-top: 24px;
}

.write-review-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.43;
    color: var(--color-dark);
    text-decoration: none;
    border-bottom: 1px solid var(--color-dark);
    padding-bottom: 2px;
    transition: color 0.2s ease, border-color 0.2s ease;
}


.write-review-btn img {
    transition: filter 0.2s ease;
}

.write-review-btn:hover {
    color: var(--color-orange);
    border-color: var(--color-orange);
}

.write-review-btn:hover img {
    filter: brightness(0) saturate(100%) invert(56%) sepia(85%) saturate(2241%) hue-rotate(1deg) brightness(101%) contrast(102%);
}

/* No Reviews Section Styling */
.noreviewsc {
    padding: 72px 0;
    background-color: var(--colorF9F7F6);
}

.noreviewsc-content {
    max-width: 644px;
    margin: 0 auto;
    text-align: center;
}

.noreviewsc-header {
    max-width: 504px;
    margin: 0 auto 56px auto;
}

.noreviewsc-title {
    font-family: 'TiemposHeadlineSemibold';
    font-size: 36px;
    line-height: 1.11;
    color: var(--color-main);
    margin-bottom: 16px;
}

.noreviewsc-header p {
    color: var(--color-secondary);
    line-height: 1.5;
    margin: 0;
}

.noreviewsc-btn {
    width: 100%;
}

/* Review Modal Styling */
.review-modal-custom .modal-dialog {
    max-width: 580px;
}

.review-modal-custom .modal-content {
    border-radius: 12px;
    border: none;
    background-color: var(--color-white);
    padding: 8px 12px;
}

.review-modal-custom .modal-header {
    border-bottom: none;
    padding: 16px 16px 0 16px;
    position: relative;
    margin-bottom: 32px;
}

.review-modal-custom .modal-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
    color: var(--color-dark);
}

.review-modal-custom .modal-body {
    padding: 0 16px 16px 16px;
}

.review-form-section {
    padding: 16px 0;
    margin: 0;
    border-top: 1px solid var(--color-mid-gray);
}

.review-form-section:first-child {
    border-top: none;
    padding-top: 0;
}

.review-form-section:last-child,
.review-form-section:last-of-type {
    border-bottom: 1px solid var(--color-mid-gray);
}

.review-modal-custom .review-form-label {
    display: block;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-dark);
    margin-bottom: 12px;
}

.star-rating-picker {
    display: flex;
    align-items: center;
    gap: 12px;
}

.star-rating-icons {
    display: flex;
    align-items: center;
    gap: 4px;
}

.star-picker-icon {
    width: 20px;
    height: 19px;
    object-fit: contain;
    cursor: pointer;
    transition: transform 0.15s ease;
}

.star-picker-icon:hover {
    transform: scale(1.15);
}

.star-rating-num {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-secondary);
}

.review-form-section textarea {
    height: 160px;
    min-height: 160px;
}

.review-form-actions {
    margin-top: 32px;
    display: flex;
    justify-content: flex-end;
}

.review-submit-btn {
    min-width: 160px;
    height: 48px;
    min-height: 48px;
    padding: 12px 32px;
    border-radius: 190px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.4;
    background-color: var(--colorFFEC8A);
    color: var(--color878888);
    border: none;
    cursor: not-allowed;
    pointer-events: none;
}

/* ///about page css start here/// */
.aboutsectinbann {
    width: 100%;
    overflow: hidden;
}

.about-bann-grid {
    display: grid;
    grid-template-columns: 483fr 800fr 483fr;
    gap: 8px;
    width: 100%;
    align-items: stretch;
}

.about-bann-col {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
}

.about-bann-img-box {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.about-bann-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.col-left .about-bann-img-box,
.col-right .about-bann-img-box {
    flex: 1 1 0%;
    min-height: 0;
}

.col-middle .img-mid-top,
.col-middle .img-mid-bottom {
    aspect-ratio: 800 / 334;
    flex: 0 0 auto;
}

.about-bann-card {
    background-color: var(--color-white);
    padding: 32px 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-height: 0;
}

.about-bann-title {
    font-family: 'TiemposHeadlineSemibold';
    font-size: 36px;
    line-height: 1.3;
    color: var(--color-main);
    margin-bottom: 12px;
}

.about-bann-desc {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.45;
    color: var(--color-main);
    margin: 0;
}

/* Mobile Collage Banner (<= 767px) */
.about-bann-mobile {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.about-bann-mobile-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
    position: relative;
    width: 100%;
}

.about-bann-mobile-grid .about-bann-img-box {
    width: 100%;
    aspect-ratio: 1 / 1.05;
    overflow: hidden;
}

.about-bann-mobile-grid .about-bann-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.about-bann-mobile .about-bann-card {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 64px);
    background-color: var(--color-white);
    padding: 32px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
    min-height: auto;
}

.about-banner-section {
    background: url("images/about-banner.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 1024px;
    padding: 200px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-ban-cont {
    max-width: 802px;
    margin: 0 auto;
    background: #FFFFFF;
    padding: 115px 0;

}

.about-ban-cont h1 {
    text-align: center;
}

.about-ban-cont p {
    max-width: 380px;
    margin: 0 auto;
    text-align: center;
}

.warum-section {
    background: #F9F7F6;
    padding: 80px 0;
}

.warum-hd h2 {
    text-align: center;
    margin-bottom: 40px;
}

.warum-in {
    max-width: 1320px;
    margin: 0 auto;
    background-color: #FFFFFF;
    padding: 60px 25px;
    border-radius: 20px;
}

.warum-in-cont {
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
}

.warum-in-cont h3 {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 15px;
}


.about-vission {
    padding: 80px 0;
    overflow: hidden;
}

.vission-item {
    margin-bottom: 80px;
}

.vission-item:last-child {
    margin-bottom: 0;
}

.vission-item .row {
    align-items: center;
    justify-content: space-between;
    --bs-gutter-x: 40px;
    --bs-gutter-y: 16px;
}

.vission-media {
    margin-bottom: 0;
}

.vission-img {
    width: 100%;
    display: block;
}

.vission-cont p {
    font-size: 16px;
    line-height: 1.5;
}



.about-produkten {
    background: #F9F7F6;
    padding: 80px 0;
}

.about-category {
    padding: 80px 0;
}

.about-category h2 {
    text-align: center;
    margin-bottom: 40px;
}

.ctgory-inn {
    text-align: center;
}

.ctgory-inn h4 {
    margin-top: 25px;
    margin-bottom: 10px;
}

.ctgory-inn p {
    max-width: 252px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 22px;
    font-size: 14px;
}

.btn-transfer {
    font-size: 14px !important;
    padding: 18px 80px;
    background: transparent;
    color: #403833;
    border: 1px solid #413934;
    transition: all 0.3S ease-in;
}

.btn-transfer:hover {
    color: #FFFFFF;
    background: #403833;
}

/* other */

/* .contactSec {
    padding: 32px 0 10px 24px;
} */

.contactSec .catagoryHdScnew {
    border: 0;
    margin-bottom: 36px;
    padding-bottom: 0;
}

/* .contactFormSec {
    padding: 0px 0 10px 24px;
} */

.contactFormBox .FormTitle {
    font-size: 16px;
    font-weight: 700;
    color: #0F1111;
}

.contactFormBox .FormTitle span {
    color: #E2001A;
}

.contactFormBoxBorder {
    border-bottom: 1px solid #DDDEDE;
    margin-bottom: 24px;
}

.contactFormBox .form-control {
    border: 0;
    border-radius: 0;
    outline: none;
    padding: 6px 0 12px 0;
    font-size: 16px;
}

.contactFormBox .form-control:focus {
    box-shadow: none;
}

.contactFormBox .form-control::placeholder {
    color: #6F7373;
}

.projectNameBox {
    margin-bottom: 12px;
}

.contactFormBoxSelect {
    margin-top: 8px;
    margin-bottom: 24px;
}

.contactFormSelectBox {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 8px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    color: #0F1111;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.contactFormSelectBox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.selectCheckmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    border: 1px solid #6F7373;
    border-radius: 50%;
}

.contactFormSelectBox input:checked~.selectCheckmark {
    background-color: var(--colorFFBA59);
    border-color: var(--colorFFBA59);
}

.selectCheckmark:after {
    content: "";
    position: absolute;
    display: none;
}

.contactFormSelectBox input:checked~.selectCheckmark:after {
    display: block;
}

.contactFormSelectBox .selectCheckmark:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
}

.contactFormBox textarea.form-control {
    height: 130px;
    resize: none;
}

.checkBox {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    color: #403833;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkBox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkBoxcheckmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #DDDEDE;
    border-radius: 4px;
}

.checkMarkSec {
    max-width: 70%;
}

.checkBox input:checked~.checkBoxcheckmark {
    background-color: var(--colorFFBA59);
    border-color: var(--colorFFBA59);
}

.checkBoxcheckmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkBox input:checked~.checkBoxcheckmark:after {
    display: block;
}

.checkBox .checkBoxcheckmark:after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.contactFormBtnSec .btn-custom.disable {
    background-color: #FFEC8A;
    color: #878888;
    cursor: text;
}

.contactFormBtnSec {
    margin-top: 32px;
}

.contactOuterSec {
    padding: 32px 0 80px 0;
}

/* impression css */
.impressionSec {
    padding-top: 32px;
    padding-bottom: 80px;
}

.impressumInnerSec {
    display: flex;
    flex-wrap: wrap;
}

.impressumRightSec {
    width: 332px;
    flex-basis: 332px;
    padding: 16px 0 16px 16px;
    padding-right: 0 !important;
    border-left: 1px solid #DDDEDE;
}

.impressumLeftSec {
    width: calc(100% - 332px);
    flex-basis: calc(100% - 332px);
    padding: 16px 16px 16px 0;
    padding-left: 0 !important;
}

.impressumLeftSec .catagoryHdSc {
    padding: 0;
    border: 0;
}

.impressumImgSec {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 16px;
}

.impressionContInfo h2 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    font-family: 'Inter', sans-serif;
}

.impressionContInfo h3 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 16px;
    font-family: 'Inter', sans-serif;
}

.impressionContInfo p {
    font-size: 14px;
    color: #6F7373;
}

.impressionContBtn {
    margin: 24px 0;
}

.impressionContBtn .btn-custom i {
    margin-left: 6px;
}

.impressionContInfo a {
    display: inline-block;
    margin-bottom: 8px;
}

.ImpressionHeading .h2 {
    color: var(--color-main);
    margin-bottom: 24px;
}

.ImpressionHeading p {
    margin-bottom: 25px;
}

.ImpressionHeading p:last-child {
    margin-bottom: 0;
}

/* help support sec */

.helpSupportSec {
    padding: 32px 0 80px 0;
}

.helpListBox {
    width: 100%;
    height: 100%;
    background: #F5F6F6;
    padding: 16px;
    border-radius: 8px;
    transition: all .3s ease-in-out;
}

.helpBoxtop .rightSide img {
    transition: all .3s ease-in-out;
}

.helpBoxtop {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.helpBoxtop .leftSide {
    display: flex;
    align-items: center;
    gap: 8px;
}

.helpBoxtop .leftSide h3 {
    font-size: 20px;
    font-weight: 400;
    color: #121212;
    font-family: 'Inter', sans-serif;
}

.helpBox-bottom p {
    font-size: 16px;
    color: #414549;
}

.helpListBox:hover .helpBoxtop .rightSide img {
    transform: rotate(45deg);
}

.helpBoxTime {
    display: inline-block;
    font-size: 16px;
    color: #FF8A00;
}

.helpListBoxOuter {
    margin-bottom: 24px;
}

.supportInner .catagoryHdSc {
    border: 0;
}

.supportContImg {
    border-radius: 8px;
    margin-bottom: 40px;
    overflow: hidden;
}

.supportContImg img {
    width: 100%;
}

.supportBox {
    width: 100%;
    background: #F5F6F6;
    padding: 21px 16px;
    display: flex;
    align-items: center;
    border-radius: 6px;
}

.supportBox .rightSide {
    padding-left: 16px;
}

.supportBox .rightSide h4 {
    font-size: 20px;
    color: var(--color-dark);
    font-weight: 400;
    margin-bottom: 4px;
    font-family: 'Inter', sans-serif;
}

.supportBox .rightSide p a {
    font-size: 16px;
    color: var(--color-dark);
}

.helpSupportSec .catagoryHdScnew {
    padding-bottom: 16px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--colorDDDEDE);
}

.helpSupportSec .catagoryHdScnew p {
    max-width: 70%;
}

.about-produkten h2 {
    margin-bottom: 45px;
}

.about-produkten p {
    font-weight: 400;
    font-size: 14.6px;
    line-height: 1.2;
    letter-spacing: -0.16px;
    color: var(--color-dark);
    margin-bottom: 25px;
}

.about-produkten p:last-child {
    margin-bottom: 0;
}

/* About Page Categories Section */
.about-category {
    padding: 80px 0;
    overflow: hidden;
}

.about-catagoryhd h2 {
    text-align: center;
    margin-bottom: 40px;
}

.abt-cat-item {
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.abt-cat-img-link {
    display: block;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
}

.abt-cat-img-link img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 16px;
    transition: transform 0.3s ease;
}

.abt-cat-img-link:hover img {
    transform: scale(1.03);
}

.abt-cat-content {
    padding-top: 24px;
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.abt-cat-info {
    width: 100%;
    margin-bottom: 24px;
}

.abt-cat-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.33;
    color: var(--color-main);
    margin-bottom: 8px;
}

.abt-cat-title a {
    color: var(--color-main);
    text-decoration: none;
    transition: color 0.2s ease;
}

.abt-cat-title a:hover {
    color: var(--color-orange);
}

.abt-cat-desc {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.428;
    color: var(--color-main);
    margin-bottom: 0;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
}

/* Dedicated Standalone Black Button */
.btn-black-custom {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.428;
    color: var(--color-main);
    padding: 15px 20px;
    min-width: 252px;
    background-color: var(--color-white);
    border: 1px solid var(--color413934);
    border-radius: 190px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    outline: none;
}

.btn-black-custom:hover {
    background-color: var(--color-main);
    color: var(--color-white);
    border-color: var(--color-main);
}

.btn-black-custom:focus,
.btn-black-custom:active,
.btn-black-custom:hover:active {
    background-color: var(--color-dark);
    color: var(--color-white);
    border-color: var(--color-dark);
}

.helpSupportSec.supportChatSec .catagoryHdSc {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 40px;
}

/* .catagoryHdScnew .h2 {
    font-weight: 600;
} */

.farinnerpage {
    padding: 32px 0 80px 0;
}

/* FAQ Accordion Section Styling */
.faq-continner {
    margin-bottom: 40px;
    max-width: 70%;
}

.faq-continner h1.h2 {
    margin-bottom: 16px;
}

.faq-category-block {
    margin-bottom: 40px;
}

.faq-category-block:last-child {
    margin-bottom: 0;
}

.faq-category-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 23px;
}

.faq-category-icon {
    object-fit: contain;
    flex-shrink: 0;
}

.faq-category-title {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 1.57;
    color: var(--color-main);
    margin: 0;
}

.faqaccordionsc .faq-content {
    max-width: 91%;
}