/*
Theme Name: Comforties.com
Description: Comforties.com
Author: Comforties.com
Template: flatsome
Version: 37.6
*/

/* ==========================================================================
   Global Comment Map
   --------------------------------------------------------------------------
   01. Design Tokens & Base
   02. Layout & Structure
   03. Header & Navigation
   04. Buttons & Interactive Elements
   05. Hero & Banner Modules
   06. Content Sections
   07. Product & Commerce
   08. Forms & Inputs
   09. Footer
   10. Utilities & Helpers
   11. Quick Order (Matrix & Cards)
   12. Responsive Adjustments
   ========================================================================== */

/* ========================================================================== */
/* 01. Design Tokens & Base */
/* ========================================================================== */

:root {
    /* Brand palette */
    --cf-color-primary: #94a4ce;
    --cf-color-primary-muted: #93a7cd;
    --cf-color-primary-soft: #92bbd6;
    --cf-color-primary-dark: #6777b6;
    --cf-color-accent-mint: #8fba9a;
    --cf-color-accent-mint-soft: #ecf6e0;
    --cf-color-accent-aqua: #aacccc;
    --cf-color-accent-lime: #a3da55;
    --cf-color-accent-crimson: #a30000;
    --cf-color-accent-alert: #ff3b43;
    --cf-color-accent-petal: #ffd4f9;

    /* Neutral scale */
    --cf-color-black: #000000;
    --cf-color-eerie-black: #0a0a0a;
    --cf-color-ink: #0c0d0c;
    --cf-color-charcoal: #1a1a1a;
    --cf-color-slate: #323232;
    --cf-color-gray-600: #686767;
    --cf-color-gray-500: #707070;
    --cf-color-gray-350: #cacaca;
    --cf-color-gray-300: #cccccc;
    --cf-color-gray-250: #d2d2d2;
    --cf-color-gray-200: #dddddd;
    --cf-color-gray-150: #ededed;
    --cf-color-cloud: #e6e9eb;
    --cf-color-ice: #f7f8f9;
    --cf-color-porcelain: #f8f8f8;
    --cf-color-white: #ffffff;
}

body {
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: var(--cf-color-gray-500);
}

body td,
body p {
    font-weight: 400;
    font-style: normal;
}

body a {
    font-weight: 400;
    font-style: normal;
    color: var(--cf-color-gray-500);
    text-decoration: none;
}

body a:hover {
    color: var(--cf-color-gray-600);
}

body h1 {
    font-weight: 700;
    font-style: normal;
    font-size: 48px;
    /* color: var(--cf-color-white); */
}

body h2 {
    font-weight: 700;
    font-style: normal;
    font-size: 40px;
    color: var(--cf-color-charcoal);
    line-height: 48px;
}

body h3 {
    font-weight: 700;
    font-style: normal;
    font-size: 36px;
    color: var(--cf-color-ink);
}

body h4 {
    font-weight: 700;
    font-style: normal;
    font-size: 36px;
    color: var(--cf-color-ink);
}

body h5 {
    font-weight: 700;
    font-style: normal;
    font-size: 21px;
    color: var(--cf-color-gray-500);
    margin-bottom: 0;
}

body h6 {
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: var(--cf-color-gray-500);
    opacity: 1;
}

body table {
    width: 100%;
}

#main .container-width,
#main .full-width .ubermenu-nav,
#main .container,
#main .row {
    max-width: 1400px;
}

::-webkit-scrollbar {
    width: 13px;
    background-color: var(--cf-color-gray-150);
}

::-webkit-scrollbar-track {
    border-radius: 3px;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25);
}

::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: var(--cf-color-primary);
    transition: 0.5s;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--cf-color-gray-500);
}

/* ========================================================================== */
/* 02. Header & Navigation */
/* ========================================================================== */

#header .masthead .top-divider {
    display: none;
}

.header-main {
    background-color: var(--cf-color-white);
}

.stuck .header-main .nav>li>a {
    line-height: normal !important;
}

footer .footer_main_nav ul {
    margin: 0;
}

footer .footer_main_nav ul li {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0px;
}

footer .footer_main_nav ul li a {
    position: relative;
    text-transform: uppercase;
    color: var(--cf-color-gray-500);
    font-weight: bold;
    font-size: 14px;
}

footer .footer_main_nav ul li a:before,
footer .copyright a:before,
footer .payment_method p>a:before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--cf-color-gray-500);
    transition: 0.3s;
}

footer .footer_main_nav ul li a:hover:before,
footer .copyright a:hover:before,
footer .payment_method p>a:hover:before {
    width: 100%;
}

.header-main .flex-row {
    padding: 0;
}

.header-main #logo {
    margin: 0;
}

.header-main .nav>li>a {
    font-weight: bold;
    font-size: 16px;
    color: var(--cf-color-eerie-black);
}

.nav-dropdown-default {
    padding: 12px;
}

.nav-dropdown-has-border .nav-dropdown {
    border-radius: 10px;
}

.mobile-sidebar .sidebar-menu .nav-sidebar .menu-item a {
    font-weight: bold;
}

.sub-menu .trp-language-switcher-container a {
    width: 100%;
}

.menu-item-object-language_switcher .trp-flag-image {
    margin: -10px 5px;
    width: 32px;
}

.header-nav.nav>li {
    margin: 0 10px;
}

.header-nav.nav li:last-child {
    margin-left: 0;
}

.nav>li.has-icon>a>i {
    color: var(--cf-color-primary);
}

.header-nav.nav-right>li.trp-language-switcher-container>a .trp-ls-language-name,
.header-nav.nav-right>li.trp-language-switcher-container>a .icon-angle-down,
.mobile-nav.nav-right>li.trp-language-switcher-container>a .trp-ls-language-name,
.mobile-nav.nav-right>li.trp-language-switcher-container>a .icon-angle-down {
    display: none !important;
}

.mobile-bottom-nav .nav-item a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: var(--cf-color-primary);
    font-size: 12px;
}

.mobile-bottom-nav .nav-item a.active {
    color: var(--cf-color-primary);
}

.mobile-bottom-nav .nav-item a.active svg {
    fill: var(--cf-color-primary-dark);
}

.mobile-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    display: none;
    height: 70px;
    box-shadow: 0 -2px 5px -2px #333;
    background-color: #fff;
    padding: 0 10px;
}

.mobile-bottom-nav .bottom-nav-svg {
    width: 36px;
    height: 36px;
    fill: var(--cf-color-primary);
}

.main-nav-cf .nav-top-link {
    background: var(--cf-color-primary);
    color: #fff !important;
    border-radius: 30px;
    padding: 12px 24px;
    font-size: 18px;
    transition: 0.4s;
}

.main-nav-cf .nav-top-link:hover {
    background: var(--cf-color-gray-500)
}

.main-nav-cf .icon-angle-down {
    display: none;
}

.main-nav-cf .sub-menu:first-of-type {
    /* inset: 88px 0px 0px 0px !important; */
    inset: unset !important;
    left: 0 !important;
    border: none;
    border-radius: 0;
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.19);
}

.main-nav-cf .sub-menu.nav-dropdown {
    position: fixed !important;
    width: 100vw !important;
}

/* ===== Comforties Mega Menu – Stable (JS-driven) ===== */
:root {
    --cf-sidebar: 220px;
    --cf-panel: 420px;
    --cf-sub: 25em;
    --cf-gap: 24px;
    --cf-primary: var(--primary-color, #7087b5);
    --cf-gray-500: var(--cf-color-gray-500, #6b7280);
    --cf-ui-primary: var(--cf-color-primary, var(--primary-color, #7087b5));
    --cf-white: var(--cf-color-white, #fff);
}

/* container inside Flatsome dropdown */
.nav-dropdown .cf-mega {
    position: relative;
    z-index: 50;
    padding: 0 20px 20px;
}

.nav-dropdown .cf-mega a {
    pointer-events: auto;
}

.nav-dropdown::before,
.nav-dropdown::after {
    pointer-events: none;
}

/* heading */
.cf-mega__title {
    color: var(--cf-gray-500);
    font-weight: 400;
    font-size: 30px;
    border-bottom: 2px solid var(--cf-color-gray-500);
    padding: 20px 0 12px;
    width: fit-content;
}

/* left column (parent categories) */
.cf-mega__cats {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: var(--cf-sidebar);
    min-height: 220px;
    /* ensures space for the right panel alignment */
}

.cf-cat {
    position: static;
    width: var(--cf-sidebar);
    padding: 8px 0;
}

/* kill Flatsome pseudo-underline in our scope */
.cf-cat .cf-cat__link:after,
.cf-sub a:after {
    content: none !important;
}

/* links (parents + sub items) */
.cf-cat .cf-cat__link,
.cf-sub a {
    position: relative;
    display: inline-block !important;
    width: auto !important;
    margin: 4px 0;
    padding: 0 20px 6px 0;
    color: var(--cf-gray-500);
    font-size: 21px;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none;
    transition: color .25s, background-size .25s;
    background-image: linear-gradient(#7C8AAD, #7C8AAD);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 0 2px;
    background-origin: content-box;
}

/* hover/focus underline for links (purely cosmetic) */
.cf-cat .cf-cat__link:hover,
.cf-cat .cf-cat__link:focus-visible,
.cf-sub a:hover,
.cf-sub a:focus-visible {
    color: var(--cf-primary);
    background-size: 100% 2px;
    outline: none;
}

/* right panel (submenu) */
.cf-sub {
    position: absolute;
    top: 0;
    left: var(--cf-sub);
    width: var(--cf-panel);
    margin: 0;
    padding: 0 0 0 var(--cf-gap);
    list-style: none;
    z-index: 2;

    /* hidden by default; JS toggles via .is-active */
    background: transparent;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .15s ease, visibility .15s ease;
}

/* hover gutter to bridge pointer gap (prevents flicker crossing columns) */
.cf-sub::before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(-1 * var(--cf-gap));
    width: calc(var(--cf-gap) + 12px);
    /* was var(--cf-gap) */
    height: 100%;
}

/* submenu items */
.cf-sub li {
    margin: 10px 0;
}

.cf-cat.is-active>.cf-sub,
.cf-cat>.cf-sub:hover {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* visually highlight active parent while sticky/hovering submenu */
.cf-cat.is-active>.cf-cat__link {
    color: var(--cf-primary);
    background-size: 100% 2px;
    /* underline */
}

/* ======== Utility block (buttons) ======== */
.cf-utility {
    width: var(--cf-sidebar);
    padding: 10px 0;
}

.cf-utility .button {
    background: var(--cf-ui-primary);
    border: 2px solid var(--cf-ui-primary);
    color: #fff;
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    width: 100%;
    transition: .25s;
    box-shadow: none;
}

.cf-utility .button:hover {
    background: var(--cf-white);
    color: #7C8AAD;
    box-shadow: none;
}

/* ======== Submenu underline reset (submenu scope only) ======== */
.nav-dropdown .cf-mega ul.cf-sub * {
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.nav-dropdown .cf-mega ul.cf-sub *::before,
.nav-dropdown .cf-mega ul.cf-sub *::after {
    content: none !important;
    display: none !important;
}

.nav-dropdown .cf-mega ul.cf-sub>li>a {
    display: inline-block !important;
    width: auto !important;
    background-image: linear-gradient(#7C8AAD, #7C8AAD) !important;
    background-repeat: no-repeat !important;
    background-position: left bottom !important;
    background-size: 0 2px !important;
    background-origin: content-box !important;
}

.nav-dropdown .cf-mega ul.cf-sub>li>a:hover,
.nav-dropdown .cf-mega ul.cf-sub>li>a:focus {
    background-size: 100% 2px !important;
}

/* ======== Safety/compat tweaks ======== */

/* Reduce motion preference */
@media (prefers-reduced-motion: reduce) {

    .cf-cat .cf-cat__link,
    .cf-sub,
    .cf-utility .button {
        transition: none !important;
    }
}

/* ========================================================================== */
/* 04. Buttons & Interactive Elements */
/* ========================================================================== */

.button {
    transition: 0.3s;
}

.button:hover {
    background-color: var(--cf-color-slate);
}

/* ========================================================================== */
/* 05. Hero & Banner Modules */
/* ========================================================================== */

.slider-section .slider-wrapper {
    overflow: hidden;
}

.main_slider .slider_title h2 {
    font-weight: bold;
    font-size: 40px;
    color: var(--cf-color-gray-500);
    margin-bottom: 40px;
}

.main_slider .slider_title .highlight {
    color: var(--cf-color-alert);
}

.main_slider .slider_title .subtext {
    color: var(--cf-color-gray-500);
    font-weight: 400;
}

.main_slider .slider_title h3 {
    color: var(--cf-color-primary);
    font-size: 40px;
    margin-bottom: 40px;
}

.main_slider .slider_title h3 span {
    font-weight: 200;
}

.main_slider .slider_title h3 b {
    font-weight: bold;
}

.main_slider .slider_info p {
    color: var(--cf-color-gray-500);
    font-size: 30px;
    margin: 10px 0;
    font-weight: 600;
}

.main_slider .slider_info p span {
    font-weight: 200;
}

.main_slider .slider_down_info {
    margin-top: 30px;
}

.main_slider .slider_down_info h2 {
    color: var(--cf-color-gray-500);
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
}

.main_slider .slider_down_info .colors_wrapper {
    display: flex;
    align-items: center;
}

.main_slider .slider_down_info .colors_wrapper>div {
    display: flex;
    align-items: center;
}

.main_slider .slider_down_info .colors_wrapper p {
    margin: 0 4px;
}

.slider-wrapper .flickity-viewport .flickity-slider .banner-layers a {
    z-index: 10;
}

.slider-wrapper .flickity-page-dots {
    bottom: -32px;
}

.slider-wrapper .flickity-page-dots .dot:hover {
    opacity: 1;
}

#solutions .banner img,
#item_solutions .banner img {
    display: block;
    width: 100%;
    height: auto;
}

#item_solutions .banner .position_banner {
    position: absolute;
    bottom: 0;
    right: 0;
}

#solutions .banner h2,
#item_solutions .banner h2 {
    font-size: 40px;
    color: var(--cf-color-gray-500);
    margin: 30px 0;
    line-height: 55px;
}

#solutions .banner h2>b,
#solutions .banner h3>b,
#item_solutions .banner h2>b,
#item_solutions .banner h3>b {
    font-weight: bold;
}

#item_solutions .banner img.colors_banner {
    width: 100%;
    max-width: 300px;
    margin-top: 30px;
}

#solutions .banner h3,
#item_solutions .banner h3 {
    color: var(--cf-color-primary);
    font-size: 40px;
    line-height: 55px;
}

#item_solutions .banner a {
    margin: 50px 0;
    height: 45px;
}

#solutions .banner a:before,
#item_solutions .banner a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: var(--cf-color-gray-500);
    width: 0%;
    height: 100%;
    z-index: -1;
    transition: 0.4s;
}

#solutions .banner a:hover:before,
#item_solutions .banner a:hover:before {
    width: 100%;
}

/* ========================================================================== */
/* 06. Content Sections */
/* ========================================================================== */

.badge-container {
    margin: 16px 0 0;
}

.badge {
    height: 2em;
}

.section_payment {
    padding: 30px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-color: var(--cf-color-primary);
    background-size: cover;
    background-position: center;
    background-image: url(/wp-content/uploads/2025/02/payment-methods-background1.jpg);
}

.section_payment .section_content {
    display: flex;
    flex-direction: column;
}

.section_payment .section_img {
    display: flex;
    justify-content: flex-end;
}

.section_payment .section_img img {
    max-width: 80%;
}

.introduction-materials h3 {
    margin-bottom: 10px;
}

.accordion .accordion-title {
    font-weight: bold;
    padding: .6em 1.3em;
}

.accordion .accordion-title.active {
    background-color: initial;
}

.accordion .accordion-title .toggle {
    right: 0;
    left: initial;
}

.adn-list-cards .adn-list-cards__item .adn-card-details .adn-card-details__remove {
    top: 10px;
    right: 16px;
    background: var(--cf-color-accent-crimson);
}

.about-main,
.terms_and_conditions {
    text-align: justify;
}

.about-main .about-summary h2 {
    text-align: center;
}

.about-main .about-summary h2,
.about-main .advantage-desc h3 {
    font-size: 30px;
    color: var(--cf-color-gray-500);
    font-weight: bold;
}

.about-main .vert-list {
    list-style-type: none;
    padding: 0;
}

.about-main .vert-list li {
    margin: 0;
}

.advantage-desc a,
.cust-serv a,
.faq p>a,
.faq .ask-us span a,
.terms_and_conditions a {
    color: var(--cf-color-primary);
}

.faq h2 {
    text-align: center;
    font-size: 30px;
    color: var(--cf-color-gray-500);
    font-weight: bold;
}

.faq span {
    color: var(--cf-color-gray-500);
    font-weight: bold;
    font-size: 20px;
}

.faq .ask-us p {
    font-size: 22px;
    font-weight: bold;
    color: var(--cf-color-gray-500);
}

/* Contact Page */
.contact_page h2 {
    font-weight: bold;
    font-size: 30px;
    color: var(--cf-color-gray-500);
}

.contact_page p {
    color: var(--cf-color-gray-500);
    font-size: 22px;
    margin-bottom: 20px;
    line-height: 28px;
}

.contact_page a {
    position: relative;
    color: var(--cf-color-primary-muted);
}

.contact_page a:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    background: var(--cf-color-primary-muted);
    transition: 0.4s;
}

.contact_page a:hover:before {
    width: 100%;
}

/* Why Work */
#why_work {
    position: relative;
}

#why_work h2 {
    font-weight: bold;
    font-size: 28px;
    color: var(--cf-color-gray-500);
    margin-bottom: 4em;
}

#why_work .box {
    position: relative;
    background: var(--cf-color-porcelain);
    padding: 65px 20px 30px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.19);
    transition: 0.3s;
}

#why_work .box p a {
    color: var(--cf-color-primary);
    font-size: 16px;
    margin-top: 5px;
    font-weight: bold;
    display: inline-block;
}

#why_work .box:hover {
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.4);
}

#why_work .boxes .row {
    display: flex;
    justify-content: center;
}

#why_work .img1:before,
#why_work .img2:before,
#why_work .img3:before,
#why_work .img4:before,
#why_work .img5:before,
#why_work .img6:before {
    content: '';
    position: absolute;
    top: -50%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-width: 150px;
    margin: 0 auto;
}

#why_work .img1:before {
    background: url(/wp-content/uploads/benefit_icon_1.svg) no-repeat center center;
}

#why_work .img2:before {
    background: url(/wp-content/uploads/benefit_icon_2.svg) no-repeat center center;
}

#why_work .img3:before {
    background: url(/wp-content/uploads/benefit_icon_3.svg) no-repeat center center;
}

#why_work .img4:before {
    background: url(/wp-content/uploads/benefit_icon_4.svg) no-repeat center center;
}

#why_work .img5:before {
    background: url(/wp-content/uploads/benefit_icon_5.svg) no-repeat center center;
}

#why_work .img6:before {
    background: url(/wp-content/uploads/benefit_icon_6.svg) no-repeat center center;
}

#why_work .box p {
    margin-top: 30px;
    color: var(--cf-color-gray-500);
    font-weight: bold;
    line-height: 20px;
    font-size: 16px;
}

#why_work .download_app {
    text-align: center;
}

#why_work .download_app h2 {
    margin-bottom: 30px;
}

#why_work .download_app .qrcode {
    display: inline-block;
}

#why_work .download_app .qrcode img {
    width: 100%;
    max-width: 120px;
    max-height: 120px;
}

#why_work .download_app .flex_image {
    display: flex;
    justify-content: center;
}

#why_work .download_app .app_link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 20px;
}

#why_work .download_app .app_link img {
    /* width: 100%; */
    max-width: 166px;
    max-height: 100%;
    margin: 3px 0;
}

#why_work .section_app {
    display: flex;
    justify-content: center;
}

.chat-us {
    color: var(--cf-color-primary);
    font-weight: bold;
    font-size: 22px;
}

/* ------------------------------------------------------------ *\
  Impressum
\* ------------------------------------------------------------ */

.impressum {
    max-width: 1000px;
    margin: 2rem auto 4rem;
    line-height: 1.6;
}

.impressum h2 {
    font-size: 1.75rem;
    margin: 1rem 0 1rem;
    font-weight: 700;
}

.impressum h3 {
    font-size: 1.125rem;
    margin: 1.25rem 0 .5rem;
    font-weight: 700;
}

.impressum p {
    margin: .35rem 0;
}

.impressum a {
    text-decoration: underline;
}

.impressum address {
    font-style: normal;
    line-height: 1.5;
}

.impressum .muted {
    color: #666;
}

.impressum .block {
    margin-bottom: 1.5rem;
}

.impressum .card {
    padding: 1rem;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    background: #fff;
}

.impressum .two-col {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

/* ========================================================================== */
/* 07. Product & Commerce */
/* ========================================================================== */

#main .product-main .product-info h1,
.product-quick-view-container h1 {
    color: var(--cf-color-primary);
    font-style: normal;
    font-size: 24px;
    font-weight: 700;
    border-bottom: 1px solid #ececec;
    padding-bottom: 8px;
    text-transform: uppercase;
}

#main .product-main .product-page-price .amount,
#main .product-main .woocommerce-variation-price .amount,
.product-quick-view-container .product-page-price .amount,
.product-quick-view-container .woocommerce-variation-price .amount {
    color: var(--cf-color-primary);
}

#main .product-main .cf-excl-vat,
.product-quick-view-container .cf-excl-vat {
    font-size: 14px;
    color: var(--cf-color-gray-500);
    /* margin-left: .35em; */
    white-space: nowrap;
}

#main .product-main .cf-incl-vat,
#main .product-main .cf-incl-vat-label,
.product-quick-view-container .cf-incl-vat,
.product-quick-view-container.cf-incl-vat-label {
    font-size: 16px;
    color: var(--cf-color-gray-500);
    white-space: nowrap;
}

#main .product-main .cf-incl-vat-label,
.product-quick-view-container .cf-incl-vat-label {
    font-size: 12px;
}

#main .product-main .cf-incl-vat .amount,
.product-quick-view-container .cf-incl-vat .amount {
    color: var(--cf-color-gray-500);
}

#main .product-main .cf-incl-vat .amount .woocommerce-Price-currencySymbol {
    vertical-align: super;
}

.product-quick-view-container .is-divider {
    display: none;
}

.category-page-row .products .price-wrapper .price span {
    font-size: 26px;
    font-weight: 600;
    color: var(--cf-color-primary);
}

#main .nav-pagination>li>a,
.nav-pagination>li>span {
    border-radius: 0px;
}

.product-page-accordian .accordion .accordion-title.active {
    background-color: initial;
}

.product-page-accordian .accordion .accordion-title {
    border-top: initial;
    border-bottom: 1px solid var(--cf-color-gray-200);
    padding: .6em 2em;
}

.product-page-accordian .accordion .toggle {
    left: initial;
    right: 0;
}

.product-page-accordian .accordion .accordion-inner .flex-row {
    align-items: initial;
}

.product-short-description .categories {
    justify-content: space-between;
    margin-bottom: 25px;
}

.product-short-description .categories li {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0;
}

.variations .label label {
    font-size: 18px;
    font-weight: 700;
    color: var(--cf-color-gray-500) !important;
}

.variations_form .ux-swatch {
    border-radius: 8px;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.19);
}

/* .variations_form .ux-swatch.selected {
    box-shadow: 0 0 0 2px var(--cf-color-primary) !important;
} */

.ux-swatch-selected-value {
    display: none;
}

.ux-swatch--color,
.ux-swatch--image {
    padding: 0;
}

.ux-swatches--rounded * {
    border-radius: 8px;
}

.product-short-description .categories img {
    width: 30px;
}

.product-page-accordian .accordion #accordion-additional_information {
    display: none;
}

.variations-table {
    margin: 0;
    text-align: left;
    border-radius: 0.5rem;
    /* border: 1px solid var(--cf-color-accent-lime); */
    background-color: var(--cf-color-white);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07),
        0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07),
        0 16px 32px rgba(0, 0, 0, 0.07), 0 32px 64px rgba(0, 0, 0, 0.07);
}

.variations-table th,
.variations-table td {
    padding: 10px 6px;
    width: initial;
    text-align: center;
}

.variations-table thead tr,
.variations-table tbody tr {
    border-bottom: 2px solid var(--cf-color-primary);
}

.variations-table thead tr {
    background-color: var(--cf-color-accent-mint-soft);
}

.variations-table thead tr th:first-child {
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
}

.variations-table thead tr th:last-child {
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
}

.variations-table tfoot tr td:last-child {
    border: unset;
}

.variations-table .quantity {
    height: 34px;
    border: 1px solid var(--cf-color-gray-350);
    border-radius: 5px;
    padding: 0 3px;
    font-size: 15px;
    appearance: none;
    transition: 0.3s;
    width: 75%;
    text-align: center;
}

.single_add_to_cart_button {
    display: inline-block;
    min-height: 40px;
    line-height: 40px;
    vertical-align: middle;
    color: var(--cf-color-white);
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase;
    background-color: var(--cf-color-ink);
    margin: 0;
    padding: 0 20px;
    border-radius: 3px;
    transition: 0.3s;
}

.single_add_to_cart_button:hover {
    background-color: #d9e0f2 !important;
    color: #7e7a7a !important;
    box-shadow: none;
}

.woocommerce-cart .button[name="update_cart"] {
    display: none !important;
}

.single-product section.related.products .product-small.box,
.single-product .product-section.related .product-small.box,
.single-product .related-products-wrapper .product-small.box {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.19);
    padding: 12px;
    margin: 8px;
}

.single-product .related-products-wrapper .product-small.box .box-image img {
    border-radius: 20px;
}

.single-product section.related.products>h2,
.single-product .product-section.related>h2,
.single-product .related-products-wrapper>h2,
.single-product .related .section-title,
.single-product .related .product-section-title {
    color: var(--cf-color-gray-500) !important;
    text-align: center !important;
    font-style: italic !important;
    text-transform: none !important;
    font-size: 30px;
    font-weight: 700 !important;
    letter-spacing: .3px;
}

.slider-nav-reveal .flickity-prev-next-button,
.slider-nav-reveal .flickity-prev-next-button:hover {
    box-shadow: none;
}

.product-section {
    border-top: none;
}

.product-footer .woocommerce-tabs>.nav-line-grow,
.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical) {
    display: none;
}

.product-footer .up-sells .product-section-title {
    color: var(--cf-color-gray-500) !important;
    text-align: center !important;
    font-style: italic !important;
    text-transform: none !important;
    font-size: 30px;
    font-weight: 700 !important;
    letter-spacing: .3px;
}

.product-footer .up-sells .box-image img {
    border-radius: 20px;
    border: 1px solid var(--cf-color-gray-250);
}

.product-footer .up-sells .box-image .image-tools a {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

/* Main Slider Homepage */
.main_slider {
    border-radius: 15px;
    overflow: visible;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.19);
}

.main_slider .flickity-viewport {
    border-radius: 15px;
    overflow: hidden;
}

.main_slider .slider_info .price b {
    font-weight: bold;
    color: var(--cf-color-primary);
}

.main_slider .slider_down_info p,
.main_slider .slider_down_info a {
    position: relative;
    display: inline-block;
    cursor: pointer;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.19);
    padding: 17px 30px;
    border-radius: 5px;
    margin-right: 5px;
    margin-top: 10px;
}

.main_slider .slider_down_info .colors_wrapper .colors_new {
    border: 2px solid var(--cf-color-alert);
    border-radius: 8px;
    margin-left: 6px;
    padding: 8px 10px;
    position: relative;
}

footer hr {
    border-top: 2px solid var(--cf-color-gray-500);
    margin: 15px 0;
}

.slider-wrapper .flickity-page-dots .dot {
    width: 50px;
    height: 10px;
    border-radius: 30px;
    background-color: var(--cf-color-gray-300);
    border: 0;
    opacity: 1;
}

.product-page-title,
.category-page-title .woocommerce-breadcrumb {
    display: none;
}

.category-page-title .shop-page-title {
    font-size: 1.85rem;
    line-height: 1.75;
    text-align: center;
    text-transform: uppercase;
    color: var(--cf-color-primary);
    margin-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e6e7;
}

.category-filtering {
    display: flex;
    justify-content: center;
}

#shop-sidebar .sidebar-inner {
    padding: 10px 20px;
}

#shop-sidebar .sidebar-inner .widget_product_categories .widget-title,
#shop-sidebar .sidebar-inner .widget_product_categories .is-divider {
    display: none;
}

.product-page-title .page-title-inner {
    padding-top: initial;
}

.woocommerce-checkout-payment .wc_payment_method img {
    width: 40px;
}

.woocommerce-checkout-payment .wc_payment_methods li {
    /* display: flex;
    justify-content: flex-start;
    align-items: center; */
    padding: 10px;
}

.woocommerce-checkout-payment .wc_payment_method input {
    margin: 0;
}

.woocommerce-checkout-payment .wc_payment_method label {
    /* display: flex;
    flex-direction: row-reverse;
    align-items: center; */
    margin: 0;
    padding-left: 10px;
}

.woocommerce-input-wrapper .select2-container .select2-selection--single {
    height: 2.507em;
}

.woocommerce-input-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: inherit;
}

.nav-dropdown-default .nav-column li>a,
.nav-dropdown.nav-dropdown-default>li>a {
    font-weight: bold;
    font-size: 16px;
    border-bottom: unset;
}

.adyen-checkout__card__brands {
    display: none;
}

.adyen-checkout__input:active,
.adyen-checkout__input:focus,
.adyen-checkout__input--focus,
.adyen-checkout__input:active:hover,
.adyen-checkout__input:focus:hover,
.adyen-checkout__input--focus:hover,
.adyen-checkout__card__holderName__input {
    border: 1px solid var(--cf-color-primary);
    box-shadow: 0 0 0 2px var(--cf-color-primary);
}

.adyen-checkout__label--focused .adyen-checkout__label__text {
    color: var(--cf-color-primary);
}

.woocommerce-checkout #payment .adn-stored-cards .adn-stored-card.selected {
    transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.3s ease-out;
    background: var(--cf-color-ice);
    /* border: 1px solid var(--cf-color-cloud); */
    margin: 8px 0;
    border-radius: 12px;
    cursor: default;
}

.woocommerce-checkout #payment .adn-stored-cards {
    border-radius: unset;
    border: unset;
    background: unset;
}

.adyen-checkout-input__inline-validation {
    display: flex;
}

#shop-sidebar .widget_product_categories .product-categories {
    display: flex;
    flex-direction: column-reverse;
}

.image-tools .wishlist-button {
    background-color: var(--cf-color-eerie-black) !important;
}

.image-tools .wishlist-button:hover {
    border-color: var(--cf-color-white);
}

.accordion .accordion-item:first-of-type .accordion-title {
    border-top: initial !important;
}

/* .accordion .accordion-item:last-of-type .accordion-title  {
    border-bottom: 1px solid var(--cf-color-gray-200);;
} */

.adyen-checkout-input__inline-validation {
    display: flex;
}

form#order_review {
    display: flex;
    margin-top: 20px;
}

.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    border-radius: 5px !important;
}

.woocommerce-variation-price {
    border-top: none;
    padding: 0;
}

.single_add_to_cart_button {
    background-color: var(--cf-color-primary) !important;
}

.page-title:not(.featured-title)+main .product-main {
    padding-top: 0px;
}

.product-info-sections h5.section-title {
    color: var(--cf-color-primary);
}

.product-info-sections .info-section ul.advantages-list {
    list-style: none;
}

.cart-item i.icon-shopping-cart::after {
    background-color: red;
}

.contact_page img {
    display: block;
    border-radius: 30px;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.19);
    width: 100%;
    height: auto;
    max-width: 500px;
    margin: 0 auto;
}

#solutions .banner,
#item_solutions .banner {
    padding: 50px 50px 0;
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: var(--cf-color-porcelain);
    border-radius: 15px;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.19);
}

#solutions .banner a,
#item_solutions .banner a {
    position: relative;
    display: inline-block;
    line-height: 20px;
    margin-top: 50px;
    background: var(--cf-color-primary);
    color: var(--cf-color-white);
    border-radius: 30px;
    padding: 10px 30px;
    overflow: hidden;
    z-index: 1;
}

.prop-s .itm-pg-grb-in {
    background-color: var(--cf-color-gray-250);
    color: var(--cf-color-gray-500);
    width: 270px;
    padding: 1rem 0px 2rem 1rem;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 20px;
    border-radius: 5px;
}

.home-products .box-image {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.home-products .col-inner,
.home-products .box:not(.box-overlay):not(.box-shade) {
    /* border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px; */
    border-radius: 15px;
}

.product-main .product-gallery .product-images .product-gallery-slider .flickity-viewport {
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.19);
}

.product-main .product-gallery .product-images .product-gallery-slider .flickity-viewport,
.product-main .product-gallery .product-thumbnails .flickity-viewport .col a {
    border-radius: 16px;
}

/* ------------------------------------------------------------ *\
  Gloves
\* ------------------------------------------------------------ */

#gloves .free_charge_flex {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin-top: 20px;
    margin-bottom: 40px;
}

#gloves .free_charge_flex .free_charge_button {
    display: flex;
    align-items: center;
}

#gloves .free_charge_flex a {
    position: relative;
    border-radius: 30px;
    display: inline-block;
    background: #94A4CE;
    color: #fff;
    font-size: 20px;
    padding: 6px 30px;
    /* height: 45px; */
    margin-right: 20px;
    z-index: 1;
    overflow: hidden;
}

#gloves .free_charge_flex a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: var(--cf-color-gray-500);
    width: 0%;
    height: 100%;
    z-index: -1;
    transition: 0.4s;
}

#gloves .free_charge_flex a:hover:after {
    width: 100%;
}

#gloves .show_hide_bg {
    position: relative;
    margin-bottom: 50px;
    transition: 0.5s;
}

#gloves .add_background:hover {
    background: #ababab;
}

#gloves .add_background .show_hide_bg_text {
    position: absolute;
    top: 30%;
    text-align: center;
    width: 100%;
    z-index: 2;
    color: #fff;
    font-size: 80px;
    opacity: 1;
}

#gloves .show {
    opacity: 0;
}

#gloves .show_hide_bg_text>b {
    font-weight: bold;
}

#gloves .about_size {
    padding-top: 50px;
}

#gloves .about_size img {
    max-width: 130px;
}

#main_slider .slider_title h2,
#gloves h1,
#gloves .about_size h2,
#gloves .free_charge_flex h3 {
    color: var(--cf-color-gray-500);
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 40px;
}

#gloves .about_size h2 {
    font-size: 30px;
    font-weight: normal;
}

#gloves .free_charge_flex h3 {
    font-size: 20px;
    font-weight: normal;
    width: auto;
    margin-bottom: 0 !important;
}

#gloves .about_size h2>b {
    font-weight: bold;
}

/* #gloves .work {
    margin-bottom: 80px;
} */

#gloves .work a {
    display: block;
    border-radius: 20px;
    padding-bottom: 25px;
}

#gloves .work a:hover img {
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.49);
}

#gloves .work h2 {
    margin-top: 20px;
    color: var(--cf-color-primary);
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
}

#gloves .work img {
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.19);
    border-radius: 20px;
    transition: 0.4s;
}

#gloves .work img:hover {
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.49);
}

#gloves .work .section-become {
    margin-bottom: 40px;
}

#main_slider .slider_title h3,
#gloves .gloves_content h2 {
    color: #94A4CE;
    font-size: 40px;
    margin-bottom: 40px;
}

#gloves .gloves_content h2 {
    margin-bottom: 30px;
}

#main_slider .slider_title h3>b,
#gloves .gloves_content h2>b {
    font-weight: bold;
}

#main_slider .slider_info p,
#gloves .gloves_content p {
    color: var(--cf-color-gray-500);
    font-size: 30px;
    margin: 10px 0;
    font-weight: 600;
}

#gloves .gloves_content p {
    font-weight: 500;
}

#main_slider .slider_info p>b,
#gloves .gloves_content p>b {
    font-weight: bold;
    color: #94A4CE;
}

#gloves .gloves_content p>b {
    color: var(--cf-color-gray-500);
}

#gloves .gloves_content p {
    line-height: 36px;
    font-size: 28px;
}

#gloves .gloves_content p>b {
    font-style: italic;
}

#gloves img {
    width: 100%;
    max-width: 100%;
    border-radius: 20px;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.19);
}

#gloves .gloves_content .slider_down_info {
    margin-top: 80px;
    color: var(--cf-color-gray-500);
    font-size: 22px;
    font-weight: 600;
}

#gloves .gloves_content .slider_down_info {
    margin-top: 30px;
}

#gloves .gloves_content .slider_down_info h2 {
    line-height: 26px;
}

#gloves .gloves_content .slider_down_info h3 {
    color: var(--cf-color-gray-500);
    font-size: 22px;
    font-weight: 600;
    margin: 0;
}

#gloves .gloves_content .slider_down_info p,
#gloves .gloves_content .slider_down_info a {
    position: relative;
    display: inline-block;
    cursor: pointer;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.19);
    padding: 17px 30px;
    border-radius: 5px;
    margin-right: 5px;
    margin-top: 10px;
}

#gloves .gloves_content .slider_down_info {
    margin-top: 40px;
    font-size: 22px;
}

#gloves h1,
#gloves .about_size h2,
#gloves .free_charge_flex h3 {
    font-size: 36px;
    margin-bottom: 40px;
}

#gloves .gloves_content h2 {
    font-size: 32px;
    line-height: 36px;
    font-weight: normal;
    margin-bottom: 40px;
}

#gloves .slider_info .price span b,
#gloves .slider_info .price span del {
    font-weight: bold;
}

#gloves .slider_info a {
    position: relative;
    background: var(--cf-primary);
    color: var(--cf-color-white);
    border-radius: 30px;
    display: inline-block;
    padding: 6px 30px;
    font-size: 18px;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
    /* height: 40px; */
    margin-top: 5px;
}

#gloves .slider_info a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: var(--cf-color-gray-500);
    width: 0%;
    height: 100%;
    z-index: -1;
    transition: 0.4s;
}

#gloves .slider_info a:hover:before {
    width: 100%;
}

#gloves .white {
    background: #fff;
}

#gloves .skyblue {
    background: #a2ecff;
}

#gloves .green {
    background: #94ffda;
}

#gloves .pink {
    background: #ffd4f9;
}

#gloves .violet {
    background: #a2c1ff;
}

#gloves .purple {
    background: #c994ff;
}

#gloves .black {
    background: #000;
}

#gloves .dawnblue {
    background: #C2DCE8;
}

#gloves .blue {
    background: #92bbd6;
}

#gloves .cobalt-blue {
    background: #6777b6;
}

#gloves .lilac {
    background-color: #af95d3;
}

#gloves .gold {
    background-color: #e4aa59;
}

#gloves .silver {
     background-color: #aaa9ad;
}

.gloves-related h3 {
    font-size: 30px;
    font-weight: 900;
    color: var(--cf-color-gray-500);
}

.gloves-related .box-image {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.gloves-related .product-small .col-inner {
    border-radius: 20px;
}

.gloves-related .has-shadow .box:not(.box-overlay):not(.box-shade),
.gloves-related .has-shadow.box:not(.box-overlay):not(.box-shade) {
    background-color: none;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.19);
    border-radius: 20px;
}

/* ========================================================================== */
/* 08. Forms & Inputs */
/* ========================================================================== */

.main_slider .slider_down_info .colors_wrapper .colors_new .new_lbl {
    position: absolute;
    bottom: -36px;
    right: 0;
    color: var(--cf-color-alert);
    font-weight: bold;
    text-transform: uppercase;
}

.slider-wrapper .flickity-page-dots .dot.is-selected {
    background-color: var(--cf-color-primary);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--cf-color-primary) !important;
}

#payment .payment_methods label img {
    width: 40px;
}

/* ========================================================================== */
/* 09. Footer */
/* ========================================================================== */

#footer .back-to-top {
    background-color: var(--fs-color-secondary);
}

.absolute-footer {
    display: none;
}

/* footer {
    position: relative;
    padding: 50px 0 30px;
} */

.footer-wrapper {
    z-index: 999;
}

footer .footer_pay_rights {
    display: flex;
    justify-content: space-between;
}

footer .payment_method p>a:before {
    background: var(--cf-color-primary-muted);
}

footer .payment_method p {
    color: var(--cf-color-gray-500);
    font-size: 16px;
    font-weight: 600;
}

footer .payment_method p>a {
    position: relative;
    color: var(--cf-color-primary-muted);
    font-weight: bold;
}

footer .payment_method p:last-child {
    font-weight: 600;
}

footer .payment_method img {
    width: 100%;
    max-width: max-content;
    height: auto;
    vertical-align: middle;
    margin-left: 10px;
}

footer .copyright {
    text-align: right;
}

footer .copyright a {
    position: relative;
    color: var(--cf-color-gray-500);
    font-weight: 600;
    margin-bottom: 12px;
    font-size: 16px;
    display: inline-block;
}

footer .copyright p {
    font-size: 16px;
    font-weight: 600;
    color: var(--cf-color-gray-500);
}

/* ========================================================================== */
/* 10. Utilities & Helpers */
/* ========================================================================== */

a.icon-remove,
a.remove {
    font-size: unset !important;
    line-height: 22px !important;
    text-decoration: unset;
}

/* Color swatches */
.white {
    background: var(--cf-color-white);
}

.blue {
    background: var(--cf-color-primary-soft);
}

.pink {
    background: var(--cf-color-accent-petal);
}

.cobalt-blue {
    background: var(--cf-color-primary-dark);
}

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

#hp-cat {
    display: none;
}

.account-user>span.image {
    display: none;
}

.account-user .user-name .user-id {
    display: none;
}

.my-account-header {
    border: none;
}

.my-account-header .page-title-bg {
    background: linear-gradient(135deg, #7c8aad, #ffffff, #94a4ce, #a2c1ff, #ffffff);
    -webkit-animation: AnimationName 25s ease infinite;
    -moz-animation: AnimationName 25s ease infinite;
    -o-animation: AnimationName 25s ease infinite;
    animation: AnimationName 25s ease infinite;
}

@-webkit-keyframes AnimationName {
    0% {
        background-position: 0% 15%
    }

    50% {
        background-position: 100% 86%
    }

    100% {
        background-position: 0% 15%
    }
}

@-moz-keyframes AnimationName {
    0% {
        background-position: 0% 15%
    }

    50% {
        background-position: 100% 86%
    }

    100% {
        background-position: 0% 15%
    }
}

@-o-keyframes AnimationName {
    0% {
        background-position: 0% 15%
    }

    50% {
        background-position: 100% 86%
    }

    100% {
        background-position: 0% 15%
    }
}

@keyframes AnimationName {
    0% {
        background-position: 0% 15%
    }

    50% {
        background-position: 100% 86%
    }

    100% {
        background-position: 0% 15%
    }
}

#payment .payment_methods li {
    list-style: none !important;
    margin: 0;
}

.documents-manuals h1 {
    font-size: 30px;
    color: var(--cf-color-gray-500);
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
    padding: 20px;
}

.documents_holder>ul>li {
    padding-bottom: 10px;
}

.documents-manuals ul li {
    list-style: none;
    color: var(--cf-color-gray-500);
    font-weight: bold;
    font-size: 18px;
    padding: 0;
    margin: 0;
}

.documents-manuals ul li a {
    position: relative;
    color: var(--cf-color-primary);
    font-weight: bold;
    display: inline-block;
}

.documents-manuals ul li ul {
    margin: 10px 30px 16px;
}

.documents-manuals ul li ul li {
    font-size: 16px;
    list-style: circle;
}

.terms_and_conditions h1 {
    text-align: center;
    font-size: 30px;
    color: var(--cf-color-gray-500);
    font-weight: bold;
}

.terms_and_conditions h2 {
    font-size: 26px;
    color: var(--cf-color-gray-500);
}

.terms_and_conditions h3,
.terms_and_conditions h4 {
    font-size: 24px;
    color: var(--cf-color-gray-500);
}

.terms_and_conditions a {
    overflow-wrap: break-word;
    text-align: justify;
}

.terms_and_conditions a>span {
    color: var(--cf-color-primary);
}

.terms_and_conditions p {
    color: var(--cf-color-gray-500);
    line-height: 24px;
}

.terms_and_conditions ul li {
    position: relative;
    margin: 10px 30px 0 30px;
    font-size: 16px;
    color: var(--cf-color-gray-500);
}

.grecaptcha-badge {
    z-index: 9999999;
}

.checkout-breadcrumbs a.no-click {
    display: none !important;
}

.checkout-breadcrumbs .divider:last-of-type {
    display: none !important;
}

/* ========================================================================== */
/* 11. Quick Order (Matrix & Cards)                                           */
/* ========================================================================== */

.section_quick-order .panel .panel_head .panel_title h5 {
    font-weight: 700;
    font-size: 16px;
    color: #444;
    text-transform: uppercase;
}

.section_quick-order .panel .panel_head .panel_title a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 190px;
}

.section_quick-order .panel_actions a {
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    background-color: var(--cf-color-primary);
    padding: 8px 25px;
    text-align: center;
    border-radius: 10px;
    font-weight: 700;
    transition: .3s;
}

.section_quick-order .panel_actions a img {
    width: 23px;
}

/* .section_quick-order {
    background-color: #eceff1;
    padding: 50px 0 0;
} */

.section_quick-order .shell {
    max-width: 1400px;
    margin: 0 auto;
}

.section_quick-order .section_body {
    background-color: #fff;
    /* padding: 20px; */
    margin-bottom: 76px;
}

.section_quick-order .section_body .accordion.active {
    font-weight: 700;
    color: #000;
}

.section_quick-order .section_body .accordion:after {
    content: '\02795';
    font-size: 13px;
    color: #777;
    margin-left: 5px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.section_quick-order .section_body .active:after {
    content: "\2796";
    color: #000;
    position: absolute;
    right: 10px;
    top: 10px;
}

.section_quick-order .section_body .panel {
    padding: 0 10px 16px;
    background-color: transparent;
    max-height: initial;
    margin: 15px 0;
    border-bottom: 1px solid lightgrey;
    overflow: hidden;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}

.section_quick-order .section_body .panel .hidden {
    max-height: 0;
    margin: 0;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}

.section_quick-order .panel .panel_head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.section_quick-order .panel .panel_head .panel_title {
    display: flex;
    align-items: center;
    width: 40%;
    position: relative;
}

.section_quick-order .panel .panel_head .panel_quantity {
    display: none;
}

.section_quick-order .panel .panel_head .panel_title .panel_img {
    margin-right: 10px;
}

.section_quick-order .panel .panel_head .panel_title img {
    border: 1px solid #000;
    border-radius: 5px;
    width: 55px;
}

.section_quick-order .panel .panel_body td {
    padding: 5px;
    text-align: center;
    line-height: 25px;
}

.section_quick-order .panel .panel_body .colors_row {
    padding-bottom: 30px;
}

.section_quick-order .panel .panel_body .colors_row td {
    height: 25px;
    padding-bottom: 20px;
}

.section_quick-order .panel .panel_body .colors_row div {
    min-width: 100px;
    width: max-content;
    padding: 0 10px;
    margin: 0 auto;
    border-radius: 20px;
    height: 30px;
}

.section_quick-order .panel_actions {
    justify-content: space-between;
    align-items: center;
    display: none;
    margin-top: 20px;
}

.section_quick-order .section_head .section_product {
    font-weight: 500;
    font-size: 34px;
    color: var(--cf-color-gray-500);
}

.section_quick-order .section_head .section_VE,
.section_quick-order .section_head .section_price,
.section_quick-order .section_head .section_quantity {
    width: 20%;
    text-align: center;
}

.section_quick-order .panel .panel_head .panel_ve,
.section_quick-order .panel .panel_head .panel_price,
.section_quick-order .panel .panel_head .panel_quantity {
    width: 20%;
    text-align: center;
}

.section_quick-order .panel .panel_head .panel_price {
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section_quick-order .panel .panel_head .panel_price .info {
    position: relative;
    margin-left: 5px;
    cursor: pointer;
}

.section_quick-order .panel .panel_head .panel_price .info .info_pop-up {
    position: absolute;
    left: 1000px;
    width: 400px;
    background-color: #eceff1;
    border: 1px solid var(--cf-color-primary);
    border-radius: 10px;
    padding: 5px;
    transition: .3s;
}

.section_quick-order .panel .panel_head .panel_price .info:hover .info_pop-up {
    top: 21px;
    left: -125px;
}

.section_quick-order .section_head {
    /* background-color: var(--cf-color-primary); */
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    /* padding: 10px 20px; */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.section_quick-order .section_body .accordion {
    /* background-color: #eaeaff; */
    background: none;
    color: var(--cf-color-primary);
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: .4s;
    border-bottom: 1px solid var(--cf-color-primary);
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
}

.section_quick-order .section_body .qo-acc-head h4,
.section_quick-order .section_body .qo-acc-body .title a {
    font-size: 18px;
    color: var(--cf-color-primary);
    margin: 0;
}

.section_quick-order .section_body .qo-acc-body .title a {
    font-size: 20px;
    font-weight: 700;
    color: var(--cf-color-gray-500);
    text-transform: uppercase;
}

.section_quick-order input[type="number"]::-webkit-inner-spin-button,
.section_quick-order input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.section_quick-order .panel_actions .field_select,
.section_quick-order .panel_actions .field_input {
    height: 40px;
    border: 1px solid #000;
    padding: 0 20px;
    font-size: 15px;
    color: #000;
    background-color: transparent;
    appearance: none;
    border-radius: 10px;
    transition: .3s;
    text-align: center;
}

.section_quick-order .panel_actions .field_input {
    width: 60px;
    height: 38px;
}

.section_quick-order .panel_actions .field_select {
    width: 5.5em;
    text-align: center;
}

.section_quick-order .panel_actions .field_select:focus,
.section_quick-order .panel_actions .field_input:focus {
    outline: none;
}

.section_quick-order .panel_actions .field_select#size option {
    background-color: transparent;
}

.section_quick-order .quantity-block {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.section_quick-order .quantity-arrow-minus,
.section_quick-order .quantity-arrow-plus {
    width: 30px;
    height: 30px;
    border: 2px solid var(--cf-color-primary);
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    box-sizing: border-box;
    transition: .25s;
}

.section_quick-order .quantity-arrow-minus:hover,
.section_quick-order .quantity-arrow-plus:hover {
    background: #e6f6ff;
    box-shadow: 0 0 0 3px rgba(0, 131, 202, .18);
    transform: none;
}

.section_quick-order .quantity-num {
    font-size: 14px;
    border-radius: 999px;
    outline: none;
    text-align: center;
    width: 110px;
    height: 34px;
    border: 2px solid var(--cf-color-primary);
    line-height: 34px;
}

.qo-acc {
    /* border: 1px solid #e5e7eb; */
    border-radius: 10px;
    margin: 15px 0;
    background: #fff;
    overflow: hidden;
}

.qo-acc-head {
    position: relative;
    background: #f6f8fb;
    padding: 10px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    color: #444;
    border-bottom: 1px solid #000;
}

.qo-acc-head:after {
    content: '\02795';
    font-size: 13px;
    color: #777;
    position: absolute;
    right: 10px;
    top: 10px;
}

.qo-acc.open .qo-acc-head:after {
    content: "\2796";
    color: #000;
}

/* animated body (JS controls height) */
.qo-acc-body {
    overflow: hidden;
    height: 0;
    padding: 0 10px;
    transition: height .28s ease, padding-top .28s ease, padding-bottom .28s ease;
    border-bottom: 1px solid lightgrey;
}

/* Product card */
.qo-card {
    padding: 12px 0;
    border-bottom: 1px solid #eef0f3;
}

.qo-card:last-child {
    border-bottom: 0;
}

.qo-card-head {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 26px;
}

.qo-card-head .img {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.qo-card-head img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* border: 1px solid #000; */
    border-radius: 5px;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.19);
}

.qo-card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding-bottom: 8px;
}

.qo-qty {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.qo-qty .qo-btn {
    width: 28px;
    height: 28px;
    /* border: 2px solid var(--cf-color-primary); */
    border-radius: 50%;
    color: var(--cf-color-gray-500);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    transition: .25s;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.49);
}

.qo-qty .qo-btn:hover {
    background-color: var(--cf-color-primary);
    transform: scale(1.2);
}

.qo-qty input[type=number] {
    color: var(--cf-color-gray-500);
    width: 50%;
    margin: 0;
    line-height: 30px;
    /* border: none; */
    border-radius: 20px !important;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    background: var(--cf-color-porcelain);
    outline: none;
}

.qo-qty input[type=number]:focus {
    box-shadow: 0 0 5px var(--cf-color-primary);
}

.qo-qty [disabled] {
    opacity: .5;
    cursor: not-allowed;
}

.qo-1axis-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 16px;
    width: 100%;
}

.qo-cell {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    gap: 8px;
}

.qo-chip.is-color,
.row-head.is-color {
    width: 120px;
    min-height: 30px;
    border-radius: 999px;
    display: inline-block;
    /* background: #eef2ff; */
    color: #1f2937;
    font-size: 16px;
    font-weight: bolder;
    line-height: normal;
    text-align: center;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.19);
}

.qo-chip.is-color {
    font-size: 0;
    margin-bottom: 20px;
}

.qo-matrix-wrap {
    display: block;
    overflow: auto;
    /* border: 1px solid #e5e7eb; */
    border-radius: 10px;
    width: 100%;
}

.qo-matrix-head {
    display: grid;
    grid-auto-columns: minmax(100px, 1fr);
    grid-auto-flow: column;
    padding: 10px;
    /* border-bottom: 1px solid #e5e7eb; */
    gap: 8px;
    align-items: center;
    justify-items: center;
}

.qo-matrix-head .spacer {
    width: 160px;
    justify-self: start;
}

.qo-matrix-head .col-head,
.qo-matrix-row .row-head {
    font-size: 16px;
    font-weight: bolder;
}

.qo-matrix-head,
.qo-matrix-row {
    display: grid;
    grid-template-columns: 160px repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
    align-items: center;
    justify-items: center;
}

.qo-matrix-row {
    display: grid;
    grid-template-columns: 160px repeat(auto-fit, minmax(100px, 1fr));
    gap: 8px;
    padding: 10px;
    /* border-bottom: 1px solid #eef0f3; */
    align-items: center;
    justify-items: center;
}

.qo-matrix-row:last-child {
    border-bottom: 0;
}

.qo-matrix-row .row-head {
    font-size: 16px;
    font-weight: bolder;
    white-space: nowrap;
    justify-self: end;
}

/* Colors */
.qo-chip.color-transparent-red,
.row-head.is-color.color-transparent-red {
    background: linear-gradient(to bottom, #fff 0 50%, #c11f1f 50% 100%);
}

.qo-chip.color-red-white,
.row-head.is-color.color-red-white {
    background: linear-gradient(to bottom, #c11f1f 0 50%, #fff 50% 100%);
}

.qo-chip.color-black,
.row-head.is-color.color-black {
    background-color: #000000;
    color: #fff;
}

.qo-chip.color-grey,
.row-head.is-color.color-grey {
    background-color: #dcdbd8;
}

.qo-chip.color-white,
.row-head.is-color.color-white {
    background-color: #ffffff;
    border: 1px solid #f3f3f3;
}

.qo-chip.color-lemon,
.row-head.is-color.color-lemon {
    background-color: #f6eba6;
}

.qo-chip.color-mint,
.row-head.is-color.color-mint {
    background-color: #87cd62;
}

.qo-chip.color-currant,
.row-head.is-color.color-currant {
    background-color: #64a8ff;
}

.qo-chip.color-purple,
.qo-chip.color-violet,
.row-head.is-color.color-purple,
.row-head.is-color.color-violet {
    background-color: #5e59b0;
    color: #fff;
}

.qo-chip.color-lilac,
.row-head.is-color.color-lilac {
    background-color: #af95d3;
}

.qo-chip.color-turquoise,
.row-head.is-color.color-turquoise {
    background-color: #45ebff;
}

.qo-chip.color-blue,
.row-head.is-color.color-blue {
    background-color: #9cd8e3;
}

.qo-chip.color-pink,
.row-head.is-color.color-pink {
    background-color: #f7bed7;
}

.qo-chip.color-violet-blue,
.row-head.is-color.color-violet-blue {
    background-color: #8c9cd8;
}

.qo-chip.color-yellow,
.row-head.is-color.color-yellow {
    background-color: #ffff9e;
}

.qo-chip.color-green,
.row-head.is-color.color-green {
    background-color: #9ed5b8;
}

.qo-chip.color-blue-pe,
.row-head.is-color.color-blue-pe {
    background-color: #9cd8e3;
}

.qo-chip.color-red,
.row-head.is-color.color-red {
    background-color: #a70f33;
    color: #fff;
}

.qo-chip.color-dark-blue,
.row-head.is-color.color-dark-blue {
    background-color: #3a5b84;
    color: #fff;
}

.qo-chip.color-red-brown,
.row-head.is-color.color-red-brown {
    background-image: url(/wp-content/uploads/plaid-pattern1.jpg);
    background-position: top;
    background-size: cover;
}

.qo-chip.color-brown,
.row-head.is-color.color-brown {
    background-color: #5d4b47;
    color: #fff;
}

.qo-chip.color-light-blue,
.row-head.is-color.color-light-blue {
    background-color: #cddedf;
}

.qo-chip.color-light-green,
.row-head.is-color.color-light-green {
    background-color: #eaece4;
    /* border: 1px solid #f3f3f3; */
}

.qo-chip.color-mixed,
.row-head.is-color.color-mixed {
    background-color: #fff;
    /* border: 1px solid #f3f3f3; */
}

.qo-chip.color-white-violetblue,
.row-head.is-color.color-white-violetblue {
    background: linear-gradient(135deg, #ffffff 0 49%, #8c9cd8 50% 100%);
    /* border: 1px solid #f3f3f3; */
}

.qo-chip.color-sky-blue,
.row-head.is-color.color-sky-blue {
    background-color: #ccdede;
}

.qo-chip.color-soft-blue,
.row-head.is-color.color-soft-blue {
    background-color: #4999ec;
}

.qo-chip.color-orange,
.row-head.is-color.color-orange {
    background-color: rgb(247, 102, 7);
}

.qo-chip.color-gold,
.row-head.is-color.color-gold {
    background-color: #e4aa59;
}

.qo-chip.color-silver,
.row-head.is-color.color-silver {
    background-color: #aaa9ad;
}

.qo-chip.color-magenta,
.row-head.is-color.color-magenta {
    background-color: #ff428e;
}

.qo-chip.color-cobalt-blue,
.row-head.is-color.color-cobalt-blue {
    background-color: #6777b6;
    color: #fff;
}

.qo-chip.color-natural-blue,
.row-head.is-color.color-natural-blue {
    background-color: #45ebff;
}

.qo-chip.color-lightblue,
.row-head.is-color.color-lightblue {
    background-color: #92bbd6;
}

.qo-chip.color-white-blue,
.row-head.is-color.color-white-blue {
    background: linear-gradient(135deg, #ffffff 0 49%, #92bbd6 50% 100%);
    /* border: 1px solid #f3f3f3; */
}

.qo-chip.color-white-green,
.row-head.is-color.color-white-green {
    background: linear-gradient(135deg, #ffffff 0 49%, #a8d3c7 50% 100%);
    /* border: 1px solid #f3f3f3; */
}

.qo-chip.color-white-pink,
.row-head.is-color.color-white-pink {
    background: linear-gradient(135deg, #ffffff 0 49%, #e6b5ce 50% 100%);
    /* border: 1px solid #f3f3f3; */
}

.qo-chip.color-white-lightblue,
.row-head.is-color.color-white-lightblue {
    background: linear-gradient(135deg, #ffffff 0 49%, #92bbd6 50% 100%);
    /* border: 1px solid #f3f3f3; */
}

.qo-chip.color-white-yellow,
.row-head.is-color.color-white-yellow {
    background: linear-gradient(to bottom, #ffffff 0 50%, rgb(234, 219, 26) 50% 100%);
    /* border: 1px solid #f3f3f3; */
}

.qo-chip.color-white-grey,
.row-head.is-color.color-white-grey {
    background: linear-gradient(to bottom, #ffffff 0 50%, rgb(148, 145, 139) 50% 100%);
    /* border: 1px solid #f3f3f3; */
}

.qo-chip.color-white-orange,
.row-head.is-color.color-white-orange {
    background: linear-gradient(to bottom, #ffffff 0 50%, rgb(232, 166, 68) 50% 100%);
    /* border: 1px solid #f3f3f3; */
}

.section_add-to-cart {
    width: 100%;
    text-align: center;
    background-color: #fff;
    /* padding: 0 0px 20px; */
    position: fixed;
    bottom: 0;
    z-index: 99999;
}

.section_add-to-cart .shell {
    max-width: 100vw;
    margin: 0 auto;
}

.section_add-to-cart .section_actions {
    background-color: #fff;
    padding: 20px 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px -5px 12px 0px rgb(0 0 0 / 11%);
}

.section_add-to-cart .section_actions #add2cart,
.section_add-to-cart .section_actions a {
    /* height: 40px;*/
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
    background-color: var(--cf-color-primary);
    color: white;
    text-transform: uppercase;
    max-width: 300px;
    text-align: center;
    border-radius: 40px;
    font-weight: 700;
    transition: .3s;
}

.section_add-to-cart .section_actions a {
    color: var(--cf-color-primary);
}

.section_add-to-cart .section_actions a.transparent {
    background-color: #ababab;
    color: var(--cf-color-white);
    /* border: 2px solid var(--cf-color-white); */
    margin: 0 40px 0 10px;
}

.section_add-to-cart .section_actions a.transparent:hover {
    background-color: #D1D0D0;
    color: var(--cf-color-primary);
}

.section_add-to-cart .section_actions a:hover,
.section_add-to-cart .section_actions #add2cart:hover {
    background-color: var(--cf-color-primary);
}

.section_add-to-cart .section_actions p {
    text-align: left;
    display: none;
}

.section_add-to-cart .section_actions p span {
    font-weight: 700;
}

.section_add-to-cart .section_actions #add2cart,
#add2cart_mb {
    display: none;
}

#add2cart_mb {
    text-align: center;
    width: 20%;
    background-size: 30px;
    color: #231f20;
    border: 1px solid var(--cf-color-primary);
    border-radius: 16px;
    font-size: 20px;
    font-weight: 700;
}

.section_actions {
    display: flex;
    gap: 10px
}

.section_actions a,
.section_actions button {
    flex: 1 1 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    border-radius: 999px;
    font-weight: 700;
    text-decoration: none
}

#qo-bulk-add {
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
    background-color: var(--cf-color-primary);
    color: white;
    text-transform: uppercase;
    max-width: 300px;
    text-align: center;
    border-radius: 40px;
    font-weight: 700;
    margin: 0 10px 0 40px;
    padding: 0;
    transition: .3s;
}

#qo-bulk-add:hover {
    background-color: #d9e0f2;
    color: var(--cf-color-gray-500);
}

#qo-bulk-add.loading {
    opacity: .6;
    pointer-events: none
}

#qo-bulk-add.done {
    background: #16a34a
}

.section_actions .transparent {
    background: #f5f7fa;
    color: #0f172a;
    border: 1px solid #cfd6df
}

/* ========================================================================== */
/* 12. Responsive Adjustments */
/* ========================================================================== */

@media screen and (max-width: 991px) {
    .section_quick-order .section_body .panel_body {
        display: none;
    }

    .section_quick-order .panel_actions {
        display: flex;
    }

    .section_quick-order {
        padding-bottom: 50px
    }

    .section_quick-order .section_body {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .section_quick-order .panel .panel_head .panel_title {
        width: 100%;
    }

    .section_quick-order .section_body {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 1081px) {
    .section_quick-order .panel .panel_head .panel_price .info:hover .info_pop-up {
        top: 5px;
        left: -364px;
    }
}

@media only screen and (max-width: 1036px) {
    .section_payment .section_img {
        justify-content: center;
    }

    #solutions .banner {
        flex-direction: column !important;
        padding: 16px 24px 16px;
    }

    #solutions .banner div:first-of-type {
        z-index: 10;
    }

    #solutions .banner img {
        width: 60%;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 1;
    }
}

@media only screen and (max-width: 992px) {
    #why_work .box {
        padding: 65px 0 30px;
    }
}

@media (min-width: 850px) {

    .single-product .product-main #product-sidebar,
    .single-product .product-main .product-info {
        flex: 0 0 33.333% !important;
        max-width: 33.333% !important;
    }

    .single-product .product-main #product-sidebar {
        padding: 0 20px 0 0;
    }

    .single-product .product-main .product-info {
        padding: 0 0 0 20px;
    }

    .woocommerce div.product .woocommerce-tabs {
        display: none !important;
    }
}

@media(max-width: 849px) {
    .shop_table .product-remove {
        width: 20px;
    }

    .shop_table .product-remove a {
        position: inherit;
        top: inherit;
        line-height: inherit !important;
    }

    .qo-mobile-ui .qo-1axis-grid,
    .qo-mobile-ui .qo-matrix-wrap,
    .qo-mobile-ui .qo-row {
        display: none !important;
    }

    .qo-card-head {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .qo-card-head .img {
        width: 200px;
        height: 200px;
    }

    .qo-card-head .title {
        flex: 1;
    }

    .qo-mob {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
        padding: 4px 0 8px;
    }

    .qo-mob .group {
        display: flex;
        gap: 8px;
        flex: 1 1 auto;
        min-width: 0;
    }

    .qo-mob select,
    .qo-mob input[type="number"] {
        height: 36px;
        border: 2px solid var(--cf-color-primary);
        border-radius: 10px !important;
        padding: 0 10px;
        min-width: 95px;
        font-size: 14px;
        outline: none;
        background: #fff;
        margin: 0;
    }

    .qo-mob input[type="number"] {
        width: 64px;
        text-align: center;
        margin: 0;
    }

    .qo-mob .qo-mob-buy {
        width: 64px;
        height: 36px;
        background: var(--cf-color-primary);
        /* border: 2px solid var(--cf-color-gray-500) !important; */
        border-radius: 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 64px;
        cursor: pointer;
        margin: 0;
    }

    .qo-mob .qo-mob-buy:hover {
        background-color: var(--cf-color-gray-500) !important;
        color: var(--cf-color-primary) !important;
    }

    .qo-mob .qo-mob-buy.disabled {
        opacity: .5;
        pointer-events: none;
    }

    .qo-mob .qo-mob-buy svg {
        width: 22px;
        height: 22px;
        fill: #fff;
        display: block;
    }

    /* kill the sticky CTA bar on mobile */
    .section_add-to-cart {
        display: none !important;
    }

    .product-info {
        padding-bottom: 0;
    }

    .product-footer {
        padding-bottom: 20px;
    }

    footer .footer_pay_rights {
        flex-direction: column;
        padding-bottom: 30px;
    }

    footer .copyright {
        text-align: left;
    }

    .grecaptcha-badge {
        bottom: 90px !important;
    }

    #gloves .add_background .show_hide_bg_text {
        font-size: 50px !important;
    }

    #gloves .gloves_content h2 {
        font-size: 40px;
        margin-bottom: 10px;
    }

    #gloves .gloves_content p {
        font-size: 24px;
    }

    #gloves .gloves_content .slider_down_info {
        margin-top: 20px;
    }

    #gloves img {
        margin-top: 30px;
    }

    #gloves .free_charge_flex {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    form#order_review .shop_table {
        width: 50%;
        margin: 0;
        padding-right: 20px;
    }

    form#order_review #payment {
        width: 50%;
        padding-left: 20px;
    }

    #why_work .col {
        padding-bottom: 8em;
    }

    .impressum .two-col {
        grid-template-columns: 1fr 1fr;
        /* tidy two-column layout on desktop */
    }
}

@media only screen and (max-width: 849px) {
    .mobile-bottom-nav {
        display: flex;
        justify-content: space-around;
    }

    .footer {
        padding-bottom: 5em;
    }
}

@media only screen and (max-width: 767px) {
    .page-title .page-title-inner {
        padding-top: 14px;
    }

    .product-page-accordian .accordion .accordion-inner .flex-row {
        flex-direction: column;
    }

    .slider-wrapper .flickity-page-dots {
        display: none;
    }

    form#order_review {
        flex-direction: column;
    }

    #why_work .box {
        margin-bottom: 6em;
    }
}

@media (max-width:600px) {
    .qo-matrix-head .spacer {
        width: 120px
    }

    .qo-matrix-row {
        grid-template-columns: 120px repeat(auto-fit, minmax(92px, 1fr))
    }
}