:root {
	--wd-cat-brd-radius: 50%;
	--wd-text-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgba(51, 51, 51, 0.65);
	--wd-alternative-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 20px;
	--wd-header-el-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 16px;
	--wd-brd-radius: 20px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,0,0);
	--wd-alternative-color: rgb(43,39,39);
	--btn-default-font-family: "Poppins", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 600;
	--btn-default-transform: lowercase;
	--btn-default-bgcolor: rgb(17,18,17);
	--btn-default-bgcolor-hover: rgb(51,51,51);
	--btn-accented-font-family: "Poppins", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 600;
	--btn-accented-transform: lowercase;
	--btn-accented-bgcolor: rgb(248,189,24);
	--btn-accented-bgcolor-hover: rgb(237,173,23);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(245,245,244);
	background-image: none;
}
html .wd-checkout-steps {
	font-size: 16px;
	text-transform: none;
}
html table th {
	text-transform: none;
}
html .wd-nav-mobile > li > a, html .wd-nav.wd-layout-drilldown > li > a, html .wd-nav.wd-layout-drilldown > li [class*="sub-menu"] > :is(.menu-item,.wd-drilldown-back) > a, html .wd-nav.wd-layout-drilldown .woocommerce-MyAccount-navigation-link > a {
	text-transform: none;
}
html .btn.wd-buy-now-btn {
	color: rgb(255,255,255);
	background: rgb(17,18,17);
}
html .btn.wd-buy-now-btn:hover {
	color: rgb(255,255,255);
	background: rgb(51,51,51);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 40px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-offset-h: 15px;
	--wd-arrow-color: rgb(36,36,36);
	--wd-arrow-color-hover: rgb(255,255,255);
	--wd-arrow-color-dis: rgb(36,36,36);
	--wd-arrow-bg: rgb(244,244,244);
	--wd-arrow-bg-hover: rgb(248,189,24);
	--wd-arrow-bg-dis: rgb(244,244,244);
	--wd-arrow-radius: 20px;
	--wd-arrow-brd-color: rgba(0,0,0,0.11);
	--wd-arrow-brd: 1px solid;
}
.wd-nav-scroll {
	--wd-nscroll-drag-bg: rgb(17,18,17);
	--wd-nscroll-drag-bg-hover: rgb(17,18,17);
}
.wd .product-label.onsale {
	background-color: rgb(77,172,153);
}
.wd .product-label.new {
	background-color: rgb(77,172,153);
}
.wd .product-label.featured {
	background-color: rgb(77,172,153);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-widget-title-font-size: 18px;
	}
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-offset-h: -30px;
	}

}

@media (max-width: 768.98px) {
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-offset-h: 15px;
	}

}
:root{
--wd-container-w: 1300px;
--wd-form-brd-radius: 5px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #333;
--btn-accented-color-hover: #333;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1300px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(248,189,24);
}

/* =========================================================
   CANPOLINO – THEME COLOR SYSTEM
   Woodmart Primary Color-a avtomatik bağlanır.
   HEX/RGBA dəyərləri yalnız ehtiyat rənglərdir.
   ========================================================= */

:root {
    --canpolino-accent: var(--wd-primary-color, #ffb82d);

    /* Köhnə brauzerlər üçün ehtiyat dəyərlər */
    --canpolino-accent-light: #ffc74f;
    --canpolino-accent-soft: rgba(255, 190, 65, 0.18);
    --canpolino-accent-focus: rgba(240, 179, 56, 0.12);
    --canpolino-accent-shadow: rgba(245, 174, 35, 0.24);
    --canpolino-accent-shadow-strong: rgba(245, 174, 35, 0.30);
    --canpolino-accent-surface: #fffaf0;
    --canpolino-accent-border: #f2e6ce;
    --canpolino-accent-canvas: #fffaf3;
}

/* Müasir brauzerlərdə bütün soft tonlar Primary Color-dan yaradılır */
@supports (color: color-mix(in srgb, white, black)) {
    :root {
        --canpolino-accent-light:
            color-mix(in srgb, var(--canpolino-accent) 78%, white);

        --canpolino-accent-soft:
            color-mix(in srgb, var(--canpolino-accent) 18%, transparent);

        --canpolino-accent-focus:
            color-mix(in srgb, var(--canpolino-accent) 14%, transparent);

        --canpolino-accent-shadow:
            color-mix(in srgb, var(--canpolino-accent) 24%, transparent);

        --canpolino-accent-shadow-strong:
            color-mix(in srgb, var(--canpolino-accent) 30%, transparent);

        --canpolino-accent-surface:
            color-mix(in srgb, var(--canpolino-accent) 7%, white);

        --canpolino-accent-border:
            color-mix(in srgb, var(--canpolino-accent) 22%, white);

        --canpolino-accent-canvas:
            color-mix(in srgb, var(--canpolino-accent) 5%, white);
    }
}


/* =========================================================
   CANPOLINO – PRODUCT REVIEWS
   Optimized final version: desktop + mobile
   ========================================================= */


/* =========================================================
   DESKTOP / BASE
   ========================================================= */

/* Main review container */
.single-product #reviews.woocommerce-Reviews {
    position: relative;
    margin-top: 18px !important;
    padding: 28px 34px !important;
    overflow: hidden;

    border: 1px solid #eee8df;
    border-radius: 20px !important;

    background:
        radial-gradient(
            circle at 92% 8%,
            var(--canpolino-accent-soft),
            transparent 25%
        ),
        radial-gradient(
            circle at 5% 95%,
            rgba(198, 180, 255, 0.16),
            transparent 28%
        ),
        linear-gradient(135deg, var(--canpolino-accent-canvas) 0%, #faf9ff 100%);

    box-shadow: 0 18px 50px rgba(27, 31, 44, 0.07);
}

/* Hide the duplicated Reviews heading */
.single-product #reviews .woocommerce-Reviews-title {
    display: none;
}

/* Empty-review information badge */
.single-product #reviews .woocommerce-noreviews {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin: 0 0 12px !important;
    padding: 8px 13px !important;

    color: #665b49;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;

    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(224, 214, 199, 0.85);
    border-radius: 999px;
}

.single-product #reviews .woocommerce-noreviews::before {
    content: "✦";
    color: var(--canpolino-accent);
    font-size: 14px;
}

/* Review form card */
.single-product #reviews #review_form_wrapper {
    margin-top: 4px !important;
}

.single-product #reviews #respond {
    padding: 26px 32px !important;

    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(229, 224, 216, 0.95);
    border-radius: 18px !important;

    box-shadow: 0 12px 35px rgba(34, 38, 54, 0.06);
}

/* Form title */
.single-product #reviews #reply-title {
    position: relative;
    display: block;

    margin: 0 0 18px !important;
    padding-left: 52px !important;

    color: #202230;
    font-size: clamp(17px, 2vw, 21px);
    font-weight: 700;
    line-height: 1.45;
}

.single-product #reviews #reply-title::before {
    content: "★";

    position: absolute;
    top: 50%;
    left: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 40px !important;
    height: 40px !important;

    color: #3b3327;
    font-size: 19px;

    background: var(--canpolino-accent);
    border-radius: 13px;

    transform: translateY(-50%) rotate(-3deg);
}

/* Form layout */
.single-product #reviews .comment-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px !important;
}

.single-product #reviews .comment-form > p {
    margin: 0;
}

.single-product #reviews .comment-form-rating,
.single-product #reviews .comment-form-comment,
.single-product #reviews .comment-notes,
.single-product #reviews .comment-form-cookies-consent,
.single-product #reviews .logged-in-as,
.single-product #reviews .form-submit {
    grid-column: 1 / -1;
}

/* Labels */
.single-product #reviews .comment-form label {
    display: block;
    margin-bottom: 7px !important;

    color: #252733;
    font-size: 14px;
    font-weight: 600;
}

.single-product #reviews .required {
    color: #ef645f;
}

/* Rating card */
.single-product #reviews .comment-form-rating {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 16px !important;

    padding: 10px 14px !important;

    background: var(--canpolino-accent-surface);
    border: 1px solid var(--canpolino-accent-border);
    border-radius: 14px;
}

.single-product #reviews .comment-form-rating > label {
    flex: 0 0 auto;
    margin: 0;
}

/* Rating stars */
.single-product #reviews p.stars {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1 !important;
}

.single-product #reviews p.stars span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.single-product #reviews p.stars a {
    position: relative !important;
    display: block !important;
    flex: 0 0 25px !important;

    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    height: 25px !important;

    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;

    color: #d2d4d9 !important;
    font-size: 0 !important;
    line-height: 25px !important;
    text-indent: -9999px !important;
    white-space: nowrap !important;
    text-decoration: none !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    transition:
        color 0.2s ease,
        transform 0.2s ease;
}

.single-product #reviews p.stars a::before {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 25px !important;
    height: 25px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #d2d4d9 !important;
    font-size: 22px !important;
    line-height: 25px !important;
    text-align: center !important;
    text-indent: 0 !important;

    opacity: 1 !important;

    transition:
        color 0.2s ease,
        transform 0.2s ease;
}

.single-product #reviews p.stars:hover a::before,
.single-product #reviews p.stars.selected a::before,
.single-product #reviews p.stars.selected a.active::before {
    color: var(--canpolino-accent) !important;
}

.single-product #reviews p.stars a:hover ~ a::before,
.single-product #reviews p.stars.selected a.active ~ a::before {
    color: #d2d4d9 !important;
}

.single-product #reviews p.stars a:hover {
    transform: translateY(-2px) scale(1.08);
}

/* Inputs and textarea */
.single-product #reviews input[type="text"],
.single-product #reviews input[type="email"],
.single-product #reviews textarea {
    width: 100%;

    color: #262833;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.7;

    background: #fcfcfd;
    border: 1px solid #dedfe4;
    border-radius: 13px;

    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

.single-product #reviews input[type="text"],
.single-product #reviews input[type="email"] {
    min-height: 50px;
    padding: 0 15px;
}

.single-product #reviews textarea {
    min-height: 135px !important;
    max-height: 260px !important;
    padding: 13px 15px !important;
    resize: vertical;
}

.single-product #reviews input[type="text"]:focus,
.single-product #reviews input[type="email"]:focus,
.single-product #reviews textarea:focus {
    background: #fff;
    border-color: var(--canpolino-accent);

    box-shadow:
        0 0 0 4px var(--canpolino-accent-focus),
        0 8px 20px rgba(32, 35, 48, 0.05);
}

/* Submit button */
.single-product #reviews #submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 145px !important;
    min-height: 47px !important;
    padding: 10px 22px !important;

    color: #2c261d !important;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 0;

    background: linear-gradient(135deg, var(--canpolino-accent-light), var(--canpolino-accent)) !important;
    border: 0 !important;
    border-radius: 13px !important;

    box-shadow: 0 9px 20px var(--canpolino-accent-shadow);
    cursor: pointer;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        filter 0.2s ease;
}

.single-product #reviews #submit:hover {
    filter: brightness(1.03);
    transform: translateY(-2px);
    box-shadow: 0 13px 25px var(--canpolino-accent-shadow-strong);
}

.single-product #reviews #submit:active {
    transform: translateY(0);
}

/* Cookie consent */
.single-product #reviews .comment-form-cookies-consent {
    display: flex;
    align-items: flex-start;
    gap: 9px;

    color: #686a73;
    font-size: 13px;
}

.single-product #reviews .comment-form-cookies-consent input {
    flex: 0 0 auto;
    margin-top: 4px;
}

.single-product #reviews .comment-form-cookies-consent label {
    margin: 0;
    font-weight: 400;
    line-height: 1.6;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media only screen and (max-width: 767px) {

    .single-product #reviews,
    .single-product #reviews *,
    .single-product #reviews *::before,
    .single-product #reviews *::after {
        box-sizing: border-box;
    }

    /* Main container */
    /* Main container */
.single-product #reviews.woocommerce-Reviews {
    width: calc(100% + 40px) !important;
    margin: 12px -20px 0 !important;
    padding: 12px !important;

    border-radius: 16px !important;
    box-shadow: none !important;
}

    /* Existing reviews */
    .single-product #reviews #comments {
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;

        margin: 0 0 6px !important;
        padding: 0 !important;
    }

    .single-product #reviews .commentlist {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .single-product #reviews .commentlist > li,
    .single-product #reviews .commentlist li.review {
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .single-product #reviews .comment_container {
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) !important;
        align-items: start !important;
        gap: 0 12px !important;

        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;

        margin: 0 !important;
        padding: 12px !important;

        border-radius: 12px !important;
    }

    .single-product #reviews .comment_container img.avatar {
        position: static !important;
        float: none !important;

        grid-column: 1 !important;
        grid-row: 1 !important;

        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 50% !important;
    }

    .single-product #reviews .comment-text {
        grid-column: 2 !important;
        grid-row: 1 !important;

        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
    }

    .single-product #reviews .comment-text .meta,
    .single-product #reviews .comment-text p.meta {
        margin: 0 0 6px !important;
        padding: 0 !important;

        font-size: 11px !important;
        line-height: 1.4 !important;
    }

    .single-product #reviews .woocommerce-review__author {
        font-size: 12px !important;
        font-weight: 700 !important;
    }

    .single-product #reviews .woocommerce-review__dash,
    .single-product #reviews .woocommerce-review__published-date {
        font-size: 10px !important;
    }

    .single-product #reviews .comment-text .star-rating {
        float: none !important;
        margin: 0 0 7px !important;
        font-size: 12px !important;
    }

    .single-product #reviews .comment-text .description {
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .single-product #reviews .comment-text .description p {
        margin: 0 !important;
        padding: 0 !important;

        font-size: 12px !important;
        line-height: 1.5 !important;
    }

    /* Empty-review badge */
    .single-product #reviews .woocommerce-noreviews {
        margin-bottom: 9px !important;
        padding: 7px 10px !important;

        font-size: 11px !important;
        line-height: 1.4 !important;

        border-radius: 10px !important;
    }

    /* Review form */
    .single-product #reviews #review_form_wrapper {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .single-product #reviews #respond {
        width: 100% !important;

        margin: 0 !important;
        padding: 12px !important;

        border-radius: 13px !important;
        box-shadow: none !important;
    }

    /* Form title */
    .single-product #reviews #reply-title {
        position: relative !important;
        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        min-height: 34px !important;

        margin: 0 0 12px !important;
        padding: 0 0 0 44px !important;

        font-size: 15px !important;
        line-height: 1.3 !important;
    }

    .single-product #reviews #reply-title::before {
        top: 50% !important;
        left: 0 !important;

        width: 34px !important;
        height: 34px !important;

        font-size: 15px !important;
        border-radius: 10px !important;

        transform: translateY(-50%) !important;
    }

    /* Form structure */
    .single-product #reviews .comment-form {
        display: block !important;

        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .single-product #reviews .comment-form > p {
        width: 100% !important;

        margin: 0 0 12px !important;
        padding: 0 !important;
    }

    .single-product #reviews .comment-form > p:last-child {
        margin-bottom: 0 !important;
    }

    .single-product #reviews .comment-notes,
    .single-product #reviews .logged-in-as {
        margin: 0 0 12px !important;

        color: #777982 !important;
        font-size: 11px !important;
        line-height: 1.5 !important;
    }

    .single-product #reviews .comment-form label {
        display: block !important;

        margin: 0 0 6px !important;
        padding: 0 !important;

        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    /* Rating card */
    .single-product #reviews .comment-form-rating {
        display: flex !important;
        align-items: flex-start !important;
        flex-direction: column !important;

        width: 100% !important;
        gap: 7px !important;

        margin: 0 0 12px !important;
        padding: 10px !important;

        border-radius: 11px !important;
    }

    .single-product #reviews .comment-form-rating > label {
        margin: 0 !important;
    }

    .single-product #reviews p.stars,
    .single-product #reviews p.stars span {
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .single-product #reviews p.stars a {
        flex: 0 0 22px !important;

        width: 22px !important;
        min-width: 22px !important;
        max-width: 22px !important;
        height: 22px !important;
    }

    .single-product #reviews p.stars a::before {
        width: 22px !important;
        height: 22px !important;

        font-size: 19px !important;
        line-height: 22px !important;
    }

    /* Inputs and textarea */
    .single-product #reviews input[type="text"],
    .single-product #reviews input[type="email"],
    .single-product #reviews textarea {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;

        font-size: 12px !important;
        line-height: 1.5 !important;

        border-radius: 10px !important;
    }

    .single-product #reviews input[type="text"],
    .single-product #reviews input[type="email"] {
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 11px !important;
    }

    .single-product #reviews textarea {
        min-height: 105px !important;
        max-height: 200px !important;
        padding: 10px 11px !important;
    }

    /* Cookie consent */
    .single-product #reviews .comment-form-cookies-consent {
        display: flex !important;
        align-items: flex-start !important;
        gap: 7px !important;

        font-size: 10px !important;
        line-height: 1.45 !important;
    }

    .single-product #reviews .comment-form-cookies-consent label {
        margin: 0 !important;

        font-size: 10px !important;
        font-weight: 400 !important;
    }

    /* Submit button */
    .single-product #reviews .form-submit {
        margin: 0 !important;
    }

    .single-product #reviews #submit {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 9px 16px !important;

        font-size: 12px !important;

        border-radius: 10px !important;
        box-shadow: none !important;
    }
}
