/*
Theme Name: Crochet
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.3301
*/
:root{
    --font-base-size: 16;
    --font-btn-size: 16px;
    --font-btn-weight: 500;
    --font-h1-desktop: 60;
    --font-h1-tablet: 42;
    --font-h1-mobile: 36;
    --font-h2-desktop: 42;
    --font-h2-tablet: 33;
    --font-h2-mobile: 29;
    --font-h3-desktop: 36;
    --font-h3-tablet: 28;
    --font-h3-mobile: 25;
    --font-h4-desktop: 24;
    --font-h4-tablet: 19;
    --font-h4-mobile: 19;
    --font-h5-desktop: 18;
    --font-h5-mobile: 16;
    --font-h6-desktop: 16;
    --font-h6-mobile: 16;
    --color-button-hover: 58, 135, 53;
    --color-heading: 34, 34, 34;
    --color-foreground-secondary: 102, 102, 102;
}

.button, button, input[type=button], input[type=reset], input[type=submit]{
	font-weight: 500;
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
    height: 2px;
    width: 0;
    transform: none;
    left: 0;
}

.nav-line-bottom>li>a:hover:before, .nav-line-grow>li>a:hover:before, .nav-line>li>a:hover:before,
.nav .current-menu-item a:before {
	width: 100%;
}

.header-main .nav-left {
    justify-content: center;
}
h1, .h1 {
    font-size: calc(((var(--font-h1-mobile)) / (var(--font-base-size))) * 1rem);
    line-height: 1.278;
}

h2, .h2 {
    font-size: calc(((var(--font-h2-mobile)) / (var(--font-base-size))) * 1rem);
    line-height: 1.267;
}

h3, .h3 {
    font-size: calc(((var(--font-h3-mobile)) / (var(--font-base-size))) * 1rem);
    line-height: 1.36;
}

h4, .h4 {
    font-size: calc(((var(--font-h4-mobile)) / (var(--font-base-size))) * 1rem);
    line-height: 1.4;
}

h5, .h5 {
    font-size: calc(((var(--font-h5-mobile)) / (var(--font-base-size))) * 1rem);
    line-height: 1.5;
}

h6, .h6 {
    font-size: calc(((var(--font-h6-mobile)) / (var(--font-base-size))) * 1rem);
    line-height: 1.5;
}

@media only screen and (min-width: 768px) {
    .h1, h1 {
        font-size: calc(((var(--font-h1-tablet)) / (var(--font-base-size))) * 1rem);
        line-height: 1.238;
    }

    .h2, h2 {
        font-size: calc(((var(--font-h2-tablet)) / (var(--font-base-size))) * 1rem);
        line-height: 1.235;
    }

    h3, .h3 {
        font-size: calc(((var(--font-h3-tablet)) / (var(--font-base-size))) * 1rem);
        line-height: 1.36;
    }

    h4, .h4 {
        font-size: calc(((var(--font-h4-tablet)) / (var(--font-base-size))) * 1rem);
        line-height: 1.4;
    }
}
@media only screen and (min-width: 1280px) {
    .h1, h1 {
        font-size: calc(((var(--font-h1-desktop)) / (var(--font-base-size))) * 1rem);
        line-height: 1.167;
    }

    .h2, h2 {
        font-size: calc(((var(--font-h2-desktop)) / (var(--font-base-size))) * 1rem);
        line-height: 1.238;
    }

    h3, .h3 {
        font-size: calc(((var(--font-h3-desktop)) / (var(--font-base-size))) * 1rem);
        line-height: 1.278;
    }

    h4, .h4 {
        font-size: calc(((var(--font-h4-desktop)) / (var(--font-base-size))) * 1rem);
        line-height: 1.333;
    }

    h5, .h5 {
        font-size: calc(((var(--font-h5-desktop)) / (var(--font-base-size))) * 1rem);
    }

    h6, .h6 {
        font-size: calc(((var(--font-h6-desktop)) / (var(--font-base-size))) * 1rem);
    }
}
.nav-small.nav>li.html {
    font-size: 1em;
}

body a.accordion-title{
    font-size: 18px;
    font-weight: 500;
    color: var(--primary-color);
    border-top: none;
    border-bottom: 1px solid #ddd;
    padding: .6em 2.3em .6em 0;
}

.product-title.entry-title{
    font-size: 30px;
}

.accordion .accordion-item+.accordion-item a.accordion-title{

}

body .accordion-title.active{
    background: none!important;
    font-weight: 500;
}

.accordion .toggle{
    right: 0;
    left: auto;
}

.toggle i{
    font-size: 1.3em;
    color: var(--primary-color)!important;
}
.accordion-inner {
    padding: 1em 0;
}

.accordion .toggle{
    opacity: 1;
}

.accordion-item {
    margin-bottom: 20px;
}

.single_add_to_cart_button.button, .sticky-add-to-cart-select-options-button, .checkout-button{
    background-color: #3a8735 !important;
    width: 100%;
    line-height: 51px;
    text-transform: uppercase;
}

.woocommerce-mini-cart__buttons.buttons a{
    width: 100%;
    line-height: 51px;
    text-transform: uppercase;
}

.ux-quantity{
    margin-bottom: 10px;
}

body a.plain {
    color: var(--primary-color);
}

span.amount {
    color: var(--primary-color);
    font-weight: 400;
    font-size: 16px;
}

.product-price-container span.amount {
    font-size: 24px;
}


.add-to-cart-button a{
    background-color: rgb(var(--color-button-hover))!important;
    line-height: 45px;
    text-transform: uppercase;
    width: 100%;
    border: none;
    font-size: 16px!important;
	padding: 0 1em;
}
.add-to-cart-button a:hover {
    box-shadow: 0 0 0 .2rem rgb(var(--color-button-hover));

}

.product-title a{
    font-size: 16px;
    font-weight: 500;
}
.category-filtering a{
    text-transform: none;
}

.woocommerce-breadcrumb{
    display: none;
}

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

.widget .is-divider{
    display: none;
}

span.widget-title {
    color: rgb(var(--color-heading));
    font-weight: 500;
    font-size: calc(var(--font-base-size, 16) * 1px);
    text-transform: none;
}

.widget a{
    color: rgb(var(--color-foreground-secondary));
}

.widget>ul>li+li, ul.menu>li+li {
    border-top: none;
}
.widget a, .tabbed-content .nav.nav-line a{
    position: relative;
}
.widget a:after{
    content: "";
    height: 1px;
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0;
    background-color: #000;
    transition: all .25s ease;
}

.widget a:hover:after{
    width: 100%;
}

body .accordion-title:after{
    display: none!important;
}

.nav-right a:before{
    display: none!important;
}

th {
    font-weight: 500;
    color: rgb(var(--color-heading));;
}

.woocommerce-ordering, .woocommerce-ordering select{
    border-radius: 8px;
}

.product-tabs li {
    padding: 0 14px;
}

.tabbed-content .nav-line-bottom>li.active>a:before{
	width: 100%;
}
.tabbed-content .nav-line-bottom>li>a{
padding: 5px 0;	
}

.product-tabs .tab-panels{
	padding-top: 2em;
}

.box-category .header-title{
	font-size: 20px;
}
body .jdgm-prev-badge[data-average-rating='0.00'], body .jdgm-prev-badge{
    display: block !important;
}

body .jdgm-widget.jdgm-widget {
    display: block !important;
    margin-bottom: 20px;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

body .categories-sliders .col, body .categories-sliders .box-text{
	padding-bottom: 0!important;
}
.salesgen-upsell-bundle h2 {
    font-size: 17px;
    font-weight: 500;
}
.quantity .minus, .quantity .plus {
    margin: 0 !important;
}


body .wcpa_form_outer .wcpa_form_item .color-group .wcpa_color label {
    font-weight: 400;
    
}

body .wcpa_form_outer .wcpa_form_item .color-group.color-inline .wcpa_color label span{
    
    padding: 0px 14px;
    height: 36px !important;
    line-height: 36px !important;
    border-radius: 8px;
}
body .wcpa_form_outer .wcpa_form_item .color-group .wcpa_color input:checked+label span {
    border: 1px solid #404040;
    background-color: #404040!important;
    box-shadow: none;
    color: #fff;
}

.wcpa_form_outer .wcpa_form_item .wcpa_helptext {
    font-size: .9em;
}

.wcpa_form_outer label {
    margin-bottom: 0;
}
.wcpa_form_outer .wcpa_form_item .color-group .wcpa_color {
    margin: 0 .2em .5em 0;
}
.wcpa_form_item {
    margin: 0 0 1em;
}
.float-position {
    position: absolute;
    left: 90px;
    z-index: 9;
    top: -1px;
}
.wcpa_form_outer .wcpa_row {
    position: relative;
}

a.size-chart-icon {
    font-size: 12px;
    text-decoration: underline;
}
.wcpa_form_outer {
    margin: 1em 0 0;
    width: 100%;
}

.size-chart-icon{
	margin-left: 10px;
	cursor: pointer;
	text-decoration: underline;
	text-transform: capitalize;	
	font-size: 0.8em;
	padding-left: 30px;
	background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='361.000000pt' height='271.000000pt' viewBox='0 0 361.000000 271.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,271.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M715 2684 c-235 -44 -401 -129 -541 -276 -77 -81 -123 -163 -149%0A-263 -23 -89 -23 -1501 0 -1590 26 -100 72 -182 149 -263 108 -113 221 -184%0A381 -236 177 -57 144 -56 1550 -56 1452 0 1348 -6 1429 76 79 78 77 61 74 730%0A-3 584 -3 589 -25 630 -12 22 -39 56 -59 74 -79 69 -24 65 -911 68 l-803 3 0%0A252 c0 279 -6 322 -61 436 -37 74 -147 195 -229 251 -108 73 -233 126 -374%0A156 -103 23 -332 27 -431 8z m377 -228 c213 -41 392 -157 458 -298 95 -201%0A-36 -418 -316 -524 -195 -74 -454 -73 -652 2 -145 54 -262 150 -312 256 -112%0A236 87 485 450 562 86 19 280 20 372 2z m-676 -994 c69 -35 153 -65 252 -89%0A60 -15 199 -17 1387 -22 l1320 -6 3 -557 2 -558 -110 0 -111 0 3 128 c2 109 0%0A131 -15 153 -38 56 -127 63 -176 14 -25 -24 -26 -32 -31 -158 l-5 -132 -112%0A-3 -113 -3 0 293 c0 269 -2 296 -19 324 -49 81 -165 65 -200 -29 -7 -18 -11%0A-134 -11 -308 l0 -279 -109 0 -109 0 -4 136 -3 136 -33 29 c-37 34 -88 39%0A-131 13 -49 -29 -55 -50 -59 -186 l-4 -128 -109 0 -109 0 0 293 c0 268 -2 295%0A-19 323 -49 81 -165 65 -200 -29 -7 -18 -11 -134 -11 -308 l0 -279 -109 0%0A-109 0 -4 136 -3 136 -33 29 c-47 42 -100 40 -150 -5 l-37 -34 -4 -131 -3%0A-131 -109 0 -109 0 0 293 c0 268 -2 295 -19 323 -49 81 -165 65 -200 -29 -7%0A-18 -11 -130 -11 -293 0 -295 5 -277 -70 -250 l-35 13 3 139 c4 155 -6 199%0A-52 229 -30 20 -84 22 -115 5 -43 -22 -61 -69 -61 -155 l-1 -80 -25 30 c-14%0A17 -39 57 -55 90 l-29 60 0 483 0 483 58 -39 c31 -22 84 -53 118 -70z'/%3E%3Cpath d='M809 2222 c-95 -50 -141 -151 -115 -253 17 -65 56 -112 118 -143 68%0A-34 128 -34 195 -1 167 83 168 311 3 398 -70 36 -130 36 -201 -1z'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 22px;
    display: inline-block;
}
.wcpa_drag_drop .wcpa-upload-message, .wcpa_form_outer .wcpa_error_msg {
    color: red;
    font-size: 13px;
    margin-top: -6px;
    text-align: left;
}
@media only screen and (max-width: 499px) {
	.woocommerce-checkout .add-tip .woo_order_tip_apply{
		width: 20%;
	}
	.add-to-cart-button a{
		font-size: 14px;
	}
	.jdgm-review-widget--small .jdgm-form__fieldset-actions .jdgm-btn {
		display: block;
		margin: 0 auto;
	}
}

/* =========================================================
   Dzeetee — Unified Design System (2026-06-05)
   Synced with product page: Jost font, brand green #3a8735,
   clean white, dark ink #0a0a0a. No serif, no cream.
   ========================================================= */

:root {
    --dz-ink: #0a0a0a;
    --dz-text: #444444;
    --dz-muted: #777777;
    --dz-line: #e5e5e5;
    --dz-bg: #ffffff;
    --dz-bg-soft: #f6f7f9;
    --dz-bg-dark: #0f1410;
    --dz-brand: #3a8735;
    --dz-brand-dark: #2a6326;
    --dz-brand-soft: #ecf5ea;
    --dz-yellow: #ffd400; /* Trustpilot accent */
    --dz-tp-green: #00b67a;
}

/* ===== Force Jost everywhere on homepage sections (no serif leftover) ===== */
.dzee-sync,
.dzee-sync h1, .dzee-sync h2, .dzee-sync h3, .dzee-sync h4, .dzee-sync h5, .dzee-sync h6,
.dzee-sync p, .dzee-sync a, .dzee-sync button, .dzee-sync .button,
.dzee-sync li, .dzee-sync blockquote, .dzee-sync cite {
    font-family: 'Jost', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    letter-spacing: -0.005em;
}

/* ===== Typography scale ===== */
.dz-eyebrow {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--dz-brand);
    margin-bottom: 14px;
    line-height: 1;
}
.dz-h1 {
    font-size: 52px !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
    color: var(--dz-ink) !important;
    margin: 0 0 18px !important;
    letter-spacing: -0.02em;
}
.dz-h2 {
    font-size: 36px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    color: var(--dz-ink) !important;
    margin: 0 0 12px !important;
    letter-spacing: -0.015em;
}
.dz-h3 {
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: var(--dz-ink) !important;
    margin: 0 0 8px !important;
}
.dz-lead {
    font-size: 17px;
    line-height: 1.6;
    color: var(--dz-text);
    margin: 0 auto 22px;
    max-width: 620px;
}
.dz-text {
    font-size: 15px;
    line-height: 1.65;
    color: var(--dz-text);
    margin: 0 0 14px;
}
@media (max-width: 849px) {
    .dz-h1 { font-size: 36px !important; }
    .dz-h2 { font-size: 28px !important; }
    .dz-h3 { font-size: 18px !important; }
    .dz-lead { font-size: 16px; }
}

/* ===== Buttons (match product page button style — 8px radius, Jost, brand green) ===== */
.dz-btn {
    display: inline-block;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: 0.02em !important;
    padding: 14px 28px !important;
    border-radius: 8px !important;
    text-transform: none !important;
    text-decoration: none !important;
    transition: background .2s, border-color .2s, color .2s, transform .2s;
    border: 1.5px solid transparent;
}
.dz-btn-primary {
    background-color: var(--dz-brand) !important;
    border-color: var(--dz-brand) !important;
    color: #fff !important;
}
.dz-btn-primary:hover {
    background-color: var(--dz-brand-dark) !important;
    border-color: var(--dz-brand-dark) !important;
    color: #fff !important;
    transform: translateY(-1px);
}
.dz-btn-outline {
    background-color: transparent !important;
    border-color: var(--dz-ink) !important;
    color: var(--dz-ink) !important;
}
.dz-btn-outline:hover {
    background-color: var(--dz-ink) !important;
    color: #fff !important;
}
.dz-btn-outline-light {
    background-color: transparent !important;
    border-color: rgba(255,255,255,0.7) !important;
    color: #fff !important;
}
.dz-btn-outline-light:hover {
    background-color: #fff !important;
    color: var(--dz-ink) !important;
}
.dz-btn-link {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    color: var(--dz-brand) !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px;
}
.dz-btn-link:hover { color: var(--dz-brand-dark) !important; }

/* ===== Sections ===== */
.dz-section {
    background: #fff;
}
.dz-section-soft {
    background: var(--dz-bg-soft);
}
.dz-section-dark {
    background: var(--dz-bg-dark);
    color: #fff;
}

/* ===== Hero ===== */
.dz-hero {
    background: var(--dz-bg-soft);
    border-bottom: 1px solid var(--dz-line);
}
.dz-hero .col, .dz-hero .col-inner { text-align: center; }
.dz-hero .dz-h1 { margin-left: auto; margin-right: auto; max-width: 760px; }
.dz-hero .dz-lead { margin-left: auto; margin-right: auto; }
.dz-hero .button { display: inline-block; float: none !important; margin: 0 6px; }

/* ===== Trust strip (4 items horizontal) ===== */
.dz-trust { background: #fff; border-top: 1px solid var(--dz-line); border-bottom: 1px solid var(--dz-line); }
.dz-trust-item { text-align: center; padding: 6px 8px; }
.dz-trust-item .dz-trust-icon {
    width: 38px;
    height: 38px;
    margin: 0 auto 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--dz-brand-soft);
    color: var(--dz-brand);
    font-size: 18px;
}
.dz-trust-item h6 {
    font-size: 13px;
    font-weight: 600;
    color: var(--dz-ink);
    margin: 0 0 3px;
    text-transform: none;
    letter-spacing: 0;
}
.dz-trust-item p { font-size: 12.5px; color: var(--dz-muted); margin: 0; line-height: 1.45; }
.dz-trust-item a { color: var(--dz-ink); text-decoration: underline; text-underline-offset: 3px; }

/* ===== Section heading wrapper ===== */
.dz-sec-head { text-align: center; max-width: 720px; margin: 0 auto 30px; }
.dz-sec-head .dz-eyebrow { display: block; margin-bottom: 8px; }
.dz-sec-rule {
    display: block;
    width: 38px;
    height: 2px;
    background: var(--dz-brand);
    margin: 14px auto 0;
    border-radius: 1px;
}

/* ===== Featured products (match shop card style) ===== */
.dz-featured .product-small {
    background: #fff;
    transition: transform 0.2s;
}
.dz-featured .product-small:hover { transform: translateY(-2px); }
.dz-featured .product-title a {
    font-family: 'Jost', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--dz-ink) !important;
    line-height: 1.35 !important;
}
.dz-featured .price {
    color: var(--dz-ink) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}
.dz-featured .price ins { text-decoration: none; }

/* ===== How it works (3 steps) ===== */
.dz-steps { text-align: center; }
.dz-step { padding: 18px 14px; }
.dz-step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--dz-brand);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 14px;
    line-height: 1;
}
.dz-step h3 { font-size: 18px !important; margin-bottom: 6px !important; }
.dz-step p { font-size: 14.5px; color: var(--dz-text); line-height: 1.6; margin: 0; }

/* ===== Brand statement (split image + text) ===== */
.dz-split-text { padding: 20px 30px; }
.dz-split-text .dz-h2 { text-align: left; margin-bottom: 14px !important; }
.dz-split-text .dz-eyebrow { text-align: left; }
.dz-split-text .dz-text { text-align: left; font-size: 15px; }
.dz-split-text ul.dz-list {
    list-style: none;
    padding: 0;
    margin: 14px 0 16px;
}
.dz-split-text ul.dz-list li {
    padding-left: 24px;
    position: relative;
    font-size: 14.5px;
    color: var(--dz-text);
    line-height: 1.7;
    margin-bottom: 6px;
}
.dz-split-text ul.dz-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 14px;
    height: 2px;
    background: var(--dz-brand);
    border-radius: 1px;
}

/* ===== Trustpilot review cards (clean modern, not vintage) ===== */
.dz-tp { background: #fff; }
.dz-tp-card {
    background: var(--dz-bg-soft);
    border: 1px solid var(--dz-line);
    border-radius: 10px;
    padding: 24px 22px;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: border-color .2s, transform .2s;
}
.dz-tp-card:hover {
    border-color: var(--dz-brand);
    transform: translateY(-2px);
}
.dz-tp-card .dz-tp-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}
.dz-tp-stars { color: var(--dz-tp-green); font-size: 16px; letter-spacing: 1px; }
.dz-tp-date { font-size: 12px; color: var(--dz-muted); }
.dz-tp-card blockquote {
    margin: 0 0 14px;
    padding: 0;
    border: none;
    font-style: normal;
    font-size: 14.5px;
    color: var(--dz-ink);
    line-height: 1.6;
    flex-grow: 1;
}
.dz-tp-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    border-top: 1px solid var(--dz-line);
    gap: 8px;
    flex-wrap: wrap;
}
.dz-tp-card cite {
    font-style: normal;
    font-size: 14px;
    font-weight: 600;
    color: var(--dz-ink);
}
.dz-tp-source {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: var(--dz-tp-green);
    font-weight: 600;
}
.dz-tp-disclosure {
    font-size: 13.5px;
    color: var(--dz-muted);
    text-align: center;
    margin: 0 auto 14px;
    max-width: 640px;
}

/* ===== About 3-card strip ===== */
.dz-about-card {
    background: var(--dz-bg-soft);
    border: 1px solid var(--dz-line);
    border-radius: 10px;
    padding: 26px 24px;
    height: 100%;
    transition: border-color .2s;
}
.dz-about-card:hover { border-color: var(--dz-brand); }
.dz-about-card h3 { font-size: 18px !important; margin-bottom: 8px !important; }
.dz-about-card p { font-size: 14.5px; color: var(--dz-text); line-height: 1.65; margin: 0; }
.dz-about-card a { color: var(--dz-brand); text-decoration: underline; }

/* ===== CTA dark band ===== */
.dz-cta-dark {
    background: var(--dz-bg-dark);
    color: #fff;
}
.dz-cta-dark .dz-h2 { color: #fff !important; }
.dz-cta-dark .dz-lead { color: rgba(255,255,255,0.8); }
.dz-cta-dark a:not(.button) { color: #fff; text-decoration: underline; }

/* ===== Helper utilities ===== */
.dz-center { text-align: center; }
.dz-mt-sm { margin-top: 12px; }
.dz-mt-md { margin-top: 20px; }
.dz-mt-lg { margin-top: 32px; }

/* ===== Header / topbar / footer — keep consistent ===== */
#top-bar { background: #222222 !important; color: #fff !important; }
#top-bar a { color: #fff !important; }
#top-bar a:hover { color: var(--dz-brand) !important; }

.footer-1 {
    background: #222222 !important;
    color: #bbb !important;
}
.footer-1 .widget-title {
    color: #fff !important;
    font-family: 'Jost', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
}
.footer-1 a { color: #bbb !important; }
.footer-1 a:hover { color: var(--dz-brand) !important; }
.absolute-footer, .absolute-footer.dark {
    background: #1a1a1a !important;
    color: #888 !important;
}
.absolute-footer a:hover { color: var(--dz-brand) !important; }
.absolute-footer .payment-icon {
    background: #fff !important;
    border-radius: 4px;
    padding: 4px 6px;
    margin: 0 3px;
}
.absolute-footer .payment-icon svg { fill: #1a1a1a !important; }
.absolute-footer .payment-icon path { fill: #1a1a1a !important; }

/* ===== Misc: remove old vintage-only artifacts if any leak through ===== */
.dzee-vintage-hero, .dzee-vintage-trust, .dzee-vintage-featured,
.dzee-vintage-how, .dzee-vintage-quality, .dzee-vintage-about,
.dzee-vintage-cta, .dzee-vintage-tp {
    /* legacy classes from older homepage — let new .dzee-sync override fully */
    background-image: none;
}

/* =========================================================
   Dzeetee — Footer LIGHT theme (2026-06-05)
   White bg + dark text, brand green hover. Override earlier dark-footer rules.
   ========================================================= */
.footer-1 {
    background: #ffffff !important;
    color: var(--dz-ink) !important;
    border-top: 1px solid var(--dz-line) !important;
}
.footer-1 .widget,
.footer-1 .widget p,
.footer-1 .widget li {
    color: var(--dz-text) !important;
}
.footer-1 .widget strong {
    color: var(--dz-ink) !important;
    font-weight: 600;
}
.footer-1 .widget-title,
.footer-1 .widget h3,
.footer-1 .widget h4 {
    color: var(--dz-ink) !important;
    font-family: 'Jost', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
}
.footer-1 a {
    color: var(--dz-ink) !important;
    text-decoration: none;
}
.footer-1 a:hover {
    color: var(--dz-brand) !important;
}
.footer-1 .is-divider {
    background-color: var(--dz-line) !important;
}

/* Absolute footer (bottom bar with copyright + payment icons) */
.absolute-footer,
.absolute-footer.dark {
    background: #f6f7f9 !important;
    color: var(--dz-muted) !important;
    border-top: 1px solid var(--dz-line) !important;
}
.absolute-footer a {
    color: var(--dz-ink) !important;
}
.absolute-footer a:hover {
    color: var(--dz-brand) !important;
}

/* Payment icons on light bg — invert: dark icons, no white wrapper needed */
.absolute-footer .payment-icon {
    background: transparent !important;
    border-radius: 3px;
    padding: 2px 4px;
    margin: 0 3px;
    box-shadow: none;
    line-height: 0;
}
.absolute-footer .payment-icon svg {
    fill: var(--dz-ink) !important;
    color: var(--dz-ink) !important;
}
.absolute-footer .payment-icon path {
    fill: var(--dz-ink) !important;
}

/* Social icons inside footer widget — soften from #444 to brand-friendly */
.footer-1 .follow-us-footer a,
.footer-1 a[aria-label=Facebook],
.footer-1 a[aria-label=Instagram],
.footer-1 a[aria-label=X],
.footer-1 a[aria-label=YouTube],
.footer-1 a[aria-label=Email],
.footer-1 a[aria-label=Phone],
.footer-1 a[aria-label=Pinterest] {
    background: var(--dz-ink) !important;
    color: #fff !important;
    border: none !important;
    transition: background .2s, transform .2s !important;
}
.footer-1 .follow-us-footer a:hover,
.footer-1 a[aria-label=Facebook]:hover,
.footer-1 a[aria-label=Instagram]:hover,
.footer-1 a[aria-label=X]:hover,
.footer-1 a[aria-label=YouTube]:hover,
.footer-1 a[aria-label=Email]:hover,
.footer-1 a[aria-label=Phone]:hover,
.footer-1 a[aria-label=Pinterest]:hover {
    background: var(--dz-brand) !important;
    color: #fff !important;
    transform: translateY(-2px);
}