/*
Theme Name: Vida

WooCommerce styles override
*/
/**
 * WooCommerce color variables
 */
/**
 * Imports
 */
/**
 * Shop tables
 */
/**
 * Shop tables
 */
table.shop_table_responsive thead {
    display: none;
}

table.shop_table_responsive tbody th {
    display: none;
}

table.shop_table_responsive tr td {
    display: block;
    text-align: right;
    clear: both;
}

table.shop_table_responsive tr td:before {
    content: attr(data-title) ": ";
    float: left;
}

table.shop_table_responsive tr td.product-remove a {
    text-align: left;
}

table.shop_table_responsive tr td.product-remove:before {
    display: none;
}

table.shop_table_responsive tr td.actions:before, table.shop_table_responsive tr td.download-actions:before {
    display: none;
}

table.shop_table_responsive tr td.download-actions .button {
    display: block;
    text-align: center;
}

@media screen and (min-width: 48em) {
    table.shop_table_responsive thead {
        display: table-header-group;
    }

    table.shop_table_responsive tbody th {
        display: table-cell;
    }

    table.shop_table_responsive tr th, table.shop_table_responsive tr td {
        text-align: left;
    }

    table.shop_table_responsive tr td {
        display: table-cell;
    }

    table.shop_table_responsive tr td:before {
        display: none;
    }
}

/**
 * Products
 */
/**
 * Products
 */
 h2.konder-section-title {
    text-align: center;
}
ul.products {
    content: "";
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0;
}

ul.products li.product {
    list-style: none;
    position: relative;
    margin-bottom: 2em;
}

ul.products li.product .woocommerce-loop-product__title {
    font-size: 1rem;
}

ul.products li.product img {
    display: block;
}

ul.products li.product .button {
    display: block;
}

@media screen and (min-width: 48em) {
    ul.products li.product {
        width: 30.79667%;
        float: left;
        margin-right: 3.8%;
    }

    ul.products li.product.first {
        clear: both;
    }

    ul.products li.product.last {
        margin-right: 0;
    }

    .columns-1 ul.products li.product {
        float: none;
        width: 100%;
    }

    .columns-2 ul.products li.product {
        width: 48.1%;
    }

    .columns-3 ul.products li.product {
        width: 30.79667%;
    }

    .columns-4 ul.products li.product {
        width: 22.15%;
    }

    .columns-5 ul.products li.product {
        width: 16.96%;
    }

    .columns-6 ul.products li.product {
        width: 13.49333%;
    }
}

/**
 * Single product
 */
/**
 * Single Product
 */
.single-product div.product {
    content: "";
    display: table;
    table-layout: fixed;
    position: relative;
}

.single-product div.product .woocommerce-product-gallery {
    position: relative;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    position: absolute;
    top: 1em;
    right: 1em;
    display: block;
    z-index: 99;
}

.single-product div.product .woocommerce-product-gallery .flex-viewport {
    margin-bottom: 1em;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
    content: "";
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
    list-style: none;
    cursor: pointer;
    float: left;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
    opacity: .5;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
    opacity: 1;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
    opacity: 1;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
    width: 48.1%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
    margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
    clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
    width: 30.79667%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
    margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
    clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 22.15%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
    margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
    clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
    width: 16.96%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
    margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
    clear: both;
}

.stock:empty:before {
    display: none;
}

.stock.in-stock {
    color: #0f834d;
}

.stock.out-of-stock {
    color: #e2401c;
}

/**
 * Checkout — minimal header & footer
 * ========================================================================= */

/* Body background for checkout */
body.vida-checkout-page {
    background: #f8f9fa;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body.vida-checkout-page .site-content {
    flex: 1;
}

/* ---- Checkout Header ---- */
.vida-checkout-header {
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    position: sticky;
    top: 0;
    z-index: 100;
}

.vida-checkout-header__inner {
    max-width: 900px;
    margin: 0 auto;
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.vida-checkout-header__logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
}

.vida-checkout-header__logo img {
    height: 36px;
    width: auto;
    display: block;
}

.vida-checkout-header__sitename {
    font-size: 1.125rem;
    font-weight: 700;
    color: #222;
}

.vida-checkout-header__right {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

/* Language switcher */
.vida-checkout-header__lang {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 0.5rem;
}

.vida-checkout-header__lang li {
    margin: 0;
}

.vida-checkout-header__lang a {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #888;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    transition: color 0.2s ease, background 0.2s ease;
}

.vida-checkout-header__lang a:hover {
    color: #49BC48;
    background: rgba(73, 188, 72, 0.08);
}

/* Phone in header */
.vida-checkout-header__phone {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #333;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    transition: color 0.2s ease;
}

.vida-checkout-header__phone:hover {
    color: #49BC48;
}

.vida-checkout-header__phone svg {
    color: #49BC48;
    flex-shrink: 0;
}

@media screen and (max-width: 480px) {
    .vida-checkout-header__phone-text {
        display: none;
    }
}

/* ---- Checkout Footer ---- */
.vida-checkout-footer {
    background: #fff;
    border-top: 1px solid #e5e7eb;
    margin-top: auto;
}

.vida-checkout-footer__inner {
    max-width: 900px;
    margin: 0 auto;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.vida-checkout-footer__copy {
    font-size: 0.8125rem;
    color: #999;
}

.vida-checkout-footer__secure {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8125rem;
    color: #49BC48;
    font-weight: 500;
}

.vida-checkout-footer__secure svg {
    color: #49BC48;
}

/* ---- Checkout content wrapper ---- */
.vida-checkout-content {
    background: #f8f9fa;
}

/* Remove breadcrumbs on checkout */
body.vida-checkout-page .breadcrumbs {
    display: none;
}

/**
 * Checkout — form design based on Checkout.tsx
 * ========================================================================= */

/* ---- Layout ---- */
.vida-checkout {
    min-height: 60vh;
    background: #f8f9fa;
    padding: 0 1rem 3rem;
}

.vida-checkout__container {
    max-width: 540px;
    margin: 0 auto;
}

/* ---- Back link + page title ---- */
.vida-checkout__back {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 0;
}

.vida-checkout__back-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #888;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    transition: color 0.2s ease;
    flex-shrink: 0;
}

.vida-checkout__back-link:hover {
    color: #49BC48;
}

.vida-checkout__back-link svg {
    width: 18px;
    height: 18px;
}

.vida-checkout__page-title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #222;
    margin: 0;
    line-height: 1.3;
}

/* ---- Order info banner ---- */
.vida-checkout__order-info {
    background: rgba(73, 188, 72, 0.08);
    border: 1px solid rgba(73, 188, 72, 0.18);
    border-radius: 0.75rem;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
}

.vida-checkout__order-label {
    font-size: 0.8125rem;
    color: #888;
    margin: 0 0 0.5rem;
}

.vida-checkout__order-item {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.75rem;
    padding: 0.25rem 0;
}

.vida-checkout__order-product {
    font-weight: 700;
    color: #222;
    font-size: 0.9375rem;
}

.vida-checkout__order-qty {
    font-weight: 400;
    color: #888;
    font-size: 0.8125rem;
}

.vida-checkout__order-price {
    font-weight: 600;
    color: #49BC48;
    font-size: 0.9375rem;
    white-space: nowrap;
}

.vida-checkout__order-total {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-top: 1px solid rgba(73, 188, 72, 0.18);
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    font-weight: 700;
    font-size: 1rem;
    color: #222;
}

.vida-checkout__order-total span:last-child {
    color: #49BC48;
}

/* ---- Form ---- */
.vida-checkout__form.checkout {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* ---- Cards ---- */
.vida-checkout__card {
    background: #fff;
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 6px 20px rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.vida-checkout__card-title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #222;
    margin: 0 0 1.25rem;
    line-height: 1.3;
}

.vida-checkout__card-icon {
    width: 22px;
    height: 22px;
    color: #49BC48;
    flex-shrink: 0;
}

/* ---- Checkout form fields ---- */
.vida-checkout__fields .woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.vida-checkout__card .form-row {
    margin: 0 0 1rem;
    padding: 0;
    width: 100% !important;
    float: none !important;
}

.vida-checkout__card .form-row:last-child {
    margin-bottom: 0;
}

.vida-checkout__card .form-row label {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #444;
    margin-bottom: 0.35rem;
}

.vida-checkout__card .form-row label .required {
    color: #e2401c;
    margin-left: 2px;
}

.vida-checkout__card .form-row .input-text,
.vida-checkout__card .form-row select,
.vida-checkout__card .form-row textarea {
    width: 100%;
    padding: 0.7rem 0.9rem;
    border: 2px solid #e5e7eb;
    border-radius: 0.625rem;
    font-size: 0.9375rem;
    color: #222;
    background: #fff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    box-sizing: border-box;
}

.vida-checkout__card .form-row .input-text:focus,
.vida-checkout__card .form-row select:focus {
    border-color: #49BC48;
    box-shadow: 0 0 0 3px rgba(73, 188, 72, 0.12);
}

.vida-checkout__card .form-row .input-text::placeholder {
    color: #bbb;
}

/* Phone field with icon */
.vida-checkout__card .vida-field--phone .woocommerce-input-wrapper {
    position: relative;
}

.vida-checkout__card .vida-field--phone .vida-phone-icon {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    color: #bbb;
    pointer-events: none;
    z-index: 1;
}

.vida-checkout__card .vida-field--phone .input-text {
    padding-left: 2.5rem;
}

/* Validation states */
.vida-checkout__card .form-row.woocommerce-validated .input-text {
    border-color: #49BC48;
    box-shadow: none;
}

.vida-checkout__card .form-row.woocommerce-invalid .input-text {
    border-color: #e2401c;
    box-shadow: none;
}

.vida-checkout__card .form-row .woocommerce-error,
.vida-checkout__card .form-row .woocommerce-invalid-required-field + .input-text {
    border-color: #e2401c;
}

/* ---- Payment methods — radio card style ---- */
.vida-checkout__card--payment .woocommerce-checkout-payment {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
}

.woocommerce-checkout .payment_methods {
    list-style: none;
    margin: 0 0 1.25rem;
    padding: 0;
}

.woocommerce-checkout .payment_methods li.wc_payment_method {
    margin-bottom: 0.75rem;
    padding: 0.9rem 1rem;
    border-radius: 0.75rem;
    border: 2px solid #e5e7eb;
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    position: relative;
}

.woocommerce-checkout .payment_methods li.wc_payment_method:last-child {
    margin-bottom: 0;
}

.woocommerce-checkout .payment_methods li.wc_payment_method:hover {
    border-color: rgba(73, 188, 72, 0.45);
}

.woocommerce-checkout .payment_methods li.wc_payment_method > label {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 600;
    color: #333;
    font-size: 0.9375rem;
    margin: 0;
}

.woocommerce-checkout .payment_methods li.wc_payment_method > label img {
    max-height: 28px;
    width: auto;
}

.woocommerce-checkout .payment_methods li.wc_payment_method > input[type="radio"] {
    width: 18px;
    height: 18px;
    accent-color: #49BC48;
    margin: 0;
    flex-shrink: 0;
}

.woocommerce-checkout .payment_methods li.wc_payment_method > .payment_box {
    margin: 0.75rem 0 0 2rem;
    padding: 0;
    font-size: 0.8125rem;
    color: #888;
    background: transparent;
}

.woocommerce-checkout .payment_methods li.wc_payment_method > .payment_box::before {
    display: none;
}

/* Selected payment method */
.woocommerce-checkout .payment_methods li.wc_payment_method:has(> input:checked) {
    border-color: #49BC48;
    background: rgba(73, 188, 72, 0.04);
    box-shadow: 0 0 0 1px rgba(73, 188, 72, 0.15);
}

.woocommerce-checkout .payment_methods li.wc_payment_method:has(> input:checked) > label {
    color: #222;
}

/* Fallback for browsers without :has() */
.woocommerce-checkout .payment_methods li.wc_payment_method.vida-selected {
    border-color: #49BC48;
    background: rgba(73, 188, 72, 0.04);
    box-shadow: 0 0 0 1px rgba(73, 188, 72, 0.15);
}

/* ---- Place order button ---- */
.woocommerce-checkout #place_order {
    width: 100%;
    background: #49BC48 !important;
    color: #fff !important;
    font-weight: 700;
    padding: 1rem 2rem;
    border-radius: 0.75rem;
    border: none;
    font-size: 1.1rem;
    letter-spacing: 0.01em;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
    box-shadow: 0 2px 8px rgba(73, 188, 72, 0.25);
}

.woocommerce-checkout #place_order:hover {
    background: #3da83c !important;
    box-shadow: 0 4px 14px rgba(73, 188, 72, 0.35);
    transform: translateY(-1px);
}

.woocommerce-checkout #place_order:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(73, 188, 72, 0.2);
}

/* ---- Phone CTA ---- */
.vida-checkout__phone-cta {
    text-align: center;
    font-size: 0.875rem;
    color: #888;
    margin: 0;
}

.vida-checkout__phone-link {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: #49BC48;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
}

.vida-checkout__phone-link:hover {
    color: #3da83c;
    text-decoration: underline;
}

.vida-checkout__phone-icon {
    width: 16px;
    height: 16px;
}

/* ---- WooCommerce notices on checkout ---- */
.vida-checkout .woocommerce-NoticeGroup,
.vida-checkout .woocommerce-error,
.vida-checkout .woocommerce-message,
.vida-checkout .woocommerce-info {
    border-radius: 0.75rem;
    padding: 0.9rem 1.25rem;
    margin-bottom: 1rem;
    font-size: 0.9rem;
    list-style: none;
}

.vida-checkout .woocommerce-error {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

.vida-checkout .woocommerce-message {
    background: #f0fdf4;
    color: #16a34a;
    border: 1px solid #bbf7d0;
}

.vida-checkout .woocommerce-info {
    background: #eff6ff;
    color: #2563eb;
    border: 1px solid #bfdbfe;
}

/* ---- Privacy policy text ---- */
.vida-checkout .woocommerce-terms-and-conditions-wrapper {
    font-size: 0.8125rem;
    color: #888;
    margin-top: 0.5rem;
}

.vida-checkout .woocommerce-terms-and-conditions-wrapper a {
    color: #49BC48;
}

.vida-checkout .woocommerce-privacy-policy-text {
    font-size: 0.8125rem;
    color: #888;
}

/* ---- Login/coupon toggles ---- */
.vida-checkout .woocommerce-form-login-toggle,
.vida-checkout .woocommerce-form-coupon-toggle {
    margin-bottom: 1rem;
}

.vida-checkout .woocommerce-form-login-toggle .woocommerce-info,
.vida-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
    background: #f8f9fa;
    color: #555;
    border: 1px solid #e5e7eb;
    font-size: 0.875rem;
}

.vida-checkout .woocommerce-form-login-toggle .woocommerce-info a,
.vida-checkout .woocommerce-form-coupon-toggle .woocommerce-info a {
    color: #49BC48;
    font-weight: 600;
}

/* Coupon / login forms */
.vida-checkout .woocommerce-form-coupon,
.vida-checkout .woocommerce-form-login {
    background: #fff;
    border-radius: 0.75rem;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
    border: 1px solid #e5e7eb;
}

.vida-checkout .woocommerce-form-coupon .form-row input,
.vida-checkout .woocommerce-form-login .form-row input {
    padding: 0.6rem 0.8rem;
    border: 2px solid #e5e7eb;
    border-radius: 0.5rem;
    font-size: 0.9rem;
    transition: border-color 0.2s ease;
}

.vida-checkout .woocommerce-form-coupon .form-row input:focus,
.vida-checkout .woocommerce-form-login .form-row input:focus {
    border-color: #49BC48;
    outline: none;
}

.vida-checkout .woocommerce-form-coupon .button,
.vida-checkout .woocommerce-form-login .button {
    background: #49BC48;
    color: #fff;
    border: none;
    padding: 0.6rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

.vida-checkout .woocommerce-form-coupon .button:hover,
.vida-checkout .woocommerce-form-login .button:hover {
    background: #3da83c;
}

/* ---- Responsive ---- */
@media screen and (min-width: 640px) {
    .vida-checkout__card {
        padding: 2rem;
    }

    .vida-checkout__container {
        max-width: 580px;
    }
}

@media screen and (min-width: 768px) {
    .vida-checkout__container {
        max-width: 620px;
    }

    .vida-checkout__page-title {
        font-size: 1.25rem;
    }
}

/* ---- Hide checkout page title if WC outputs one ---- */
.woocommerce-checkout-page .entry-title,
.woocommerce-checkout-page .page-title {
    display: none;
}

/* ---- WooCommerce checkout page background ---- */
.woocommerce-checkout-page {
    background: #f8f9fa;
}

.woocommerce-checkout-page .container {
    padding-left: 0;
    padding-right: 0;
}

@media screen and (min-width: 768px) {
    .col2-set .form-row-first {
        float: left;
        margin-right: 3.8%;
    }

    .col2-set .form-row-last {
        float: right;
        margin-right: 0;
    }

    .col2-set .form-row-first,
    .col2-set .form-row-last {
        width: 48.1%;
    }
}

/**
 * General WooCommerce components
 */
/**
 * Header cart
 */
.site-header-cart {
    position: relative;
    margin: 0;
    padding: 0;
    content: "";
    display: table;
    table-layout: fixed;
}

.site-header-cart .cart-contents {
    text-decoration: none;
}

.site-header-cart .widget_shopping_cart {
    display: none;
}

.site-header-cart .product_list_widget {
    margin: 0;
    padding: 0;
}

/**
 * Star rating
 */
.star-rating {
    overflow: hidden;
    position: relative;
    height: 1.618em;
    line-height: 1.618;
    font-size: 1em;
    width: 5.3em;
    font-family: 'star';
    font-weight: 400;
}

.star-rating:before {
    content: "\53\53\53\53\53";
    opacity: .25;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}

.star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}

.star-rating span:before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0;
    color: royalblue;
}

p.stars a {
    position: relative;
    height: 1em;
    width: 1em;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
    margin-right: 1px;
    font-weight: 400;
}

p.stars a:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    font-family: "star";
    content: "\53";
    color: #404040;
    text-indent: 0;
    opacity: .25;
}

p.stars a:hover ~ a:before {
    content: "\53";
    color: #404040;
    opacity: .25;
}

p.stars:hover a:before {
    content: "\53";
    color: royalblue;
    opacity: 1;
}

p.stars.selected a.active:before {
    content: "\53";
    color: royalblue;
    opacity: 1;
}

p.stars.selected a.active ~ a:before {
    content: "\53";
    color: #404040;
    opacity: .25;
}

p.stars.selected a:not(.active):before {
    content: "\53";
    color: royalblue;
    opacity: 1;
}

/**
 * Tabs
 */
.woocommerce-tabs ul.tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.woocommerce-tabs ul.tabs li {
    display: block;
    margin: 0;
    position: relative;
}

.woocommerce-tabs ul.tabs li a {
    padding: 1em 0;
    display: block;
}

.woocommerce-tabs .panel h2:first-of-type {
    margin-bottom: 1em;
}

/**
 * Password strength meter
 */
.woocommerce-password-strength {
    text-align: right;
}

.woocommerce-password-strength.strong {
    color: #0f834d;
}

.woocommerce-password-strength.short {
    color: #e2401c;
}

.woocommerce-password-strength.bad {
    color: #e2401c;
}

.woocommerce-password-strength.good {
    color: #3D9CD2;
}

/**
 * Forms
 */
.form-row.woocommerce-validated input.input-text {
    -webkit-box-shadow: inset 2px 0 0 #0f834d;
    box-shadow: inset 2px 0 0 #0f834d;
}

.form-row.woocommerce-invalid input.input-text {
    -webkit-box-shadow: inset 2px 0 0 #e2401c;
    box-shadow: inset 2px 0 0 #e2401c;
}

.required {
    color: red;
}

/**
 * Notices
 */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
    content: "";
    display: table;
    table-layout: fixed;
    background-color: #0f834d;
    clear: both;
}

.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
    background-color: #3D9CD2;
}

.woocommerce-error {
    background-color: #e2401c;
}

.demo_store {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 1em;
    background-color: #3D9CD2;
    z-index: 9999;
}

@media screen and (min-width: 48em) {
  /**
	 * Header cart
	 */
    .site-header-cart .widget_shopping_cart {
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 999999;
        left: -999em;
        display: block;
        -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    }

    .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
        left: 0;
        display: block;
    }
}

/**
 * WooCommerce widgets
 */
/**
 * WooCommerce Price Filter
 */
.widget_price_filter .price_slider {
    margin-bottom: 1.5em;
}

.widget_price_filter .price_slider_amount {
    text-align: right;
    line-height: 2.4em;
}

.widget_price_filter .price_slider_amount .button {
    float: left;
}

.widget_price_filter .ui-slider {
    position: relative;
    text-align: left;
}

.widget_price_filter .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1em;
    height: 1em;
    cursor: ew-resize;
    outline: none;
    background: royalblue;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -.25em;
    opacity: 1;
}

.widget_price_filter .ui-slider .ui-slider-handle:last-child {
    margin-left: -1em;
}

.widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
    -webkit-box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    background: royalblue;
}

.widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider-horizontal {
    height: .5em;
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range {
    height: 100%;
}

/**
 * Konder Shop Archive — Cool Air Experts style
 * Product cards mapped from Index.tsx structure
 */
.konder-shop-archive {
    padding: 0;
}

.konder-hero {
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.konder-hero__bg {
    position: absolute;
    inset: 0;
}

.konder-hero__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.konder-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0,0,0,.8) 0%, rgba(0,0,0,.6) 50%, rgba(0,0,0,.3) 100%);
}

.konder-hero__content {
    position: relative;
    max-width: 640px;
    padding: 5rem 1rem;
}

@media (min-width: 768px) {
    .konder-hero__content {
        padding: 8rem 1rem;
    }
}

.konder-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(73, 188, 72, 0.2);
    border: 1px solid rgba(73, 188, 72, 0.3);
    border-radius: 9999px;
    padding: 0.375rem 1rem;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #49BC48;
}

.konder-hero__title {
    font-size: 2.25rem;
    font-weight: 900;
    color: #fff;
    line-height: 1.2;
    margin: 0 0 1.5rem;
}

.konder-hero__title-accent {
    color: #49BC48;
}

@media (min-width: 768px) {
    .konder-hero__title {
        font-size: 3rem;
    }
}

@media (min-width: 1024px) {
    .konder-hero__title {
        font-size: 3.75rem;
    }
}

.konder-hero__subtitle {
    color: rgba(255,255,255,.8);
    font-size: 1.125rem;
    line-height: 1.6;
    margin: 0 0 2rem;
    max-width: 36rem;
}

@media (min-width: 768px) {
    .konder-hero__subtitle {
        font-size: 1.25rem;
    }
}

.konder-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.konder-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem 2rem;
    border-radius: 0.75rem;
    font-weight: 700;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.2s;
    border: none;
}

.konder-btn--primary {
    background: #49BC48;
    color: #fff;
}

.konder-btn--primary:hover {
    background: #3da83c;
}

.konder-btn--secondary {
    background: rgba(255,255,255,.1);
    color: #fff;
    border: 1px solid rgba(255,255,255,.2);
}

.konder-btn--secondary:hover {
    background: rgba(255,255,255,.2);
}

.konder-btn--full {
    width: 100%;
}

.konder-btn--whatsapp {
    background: #25D366;
    color: #fff;
}

.konder-btn--whatsapp:hover {
    background: #20bd5a;
}

.konder-trust-bar {
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
}

.konder-trust-bar__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    padding: 1.5rem 0;
    text-align: center;
}

@media (min-width: 768px) {
    .konder-trust-bar__grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

.konder-trust-bar__item {
    font-size: 0.875rem;
    font-weight: 600;
    color: #333;
}

.konder-intro {
    padding: 3rem 0;
}

.konder-section-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #222;
    margin: 0 0 1rem;
}

.konder-section-title--center {
    text-align: center;
}

@media (min-width: 768px) {
    .konder-section-title {
        font-size: 1.875rem;
    }
}

.konder-intro__text {
    max-width: 48rem;
    margin: 0 auto;
    text-align: center;
    color: #6b7280;
    line-height: 1.6;
}

.konder-products {
    padding-bottom: 4rem;
}

.konder-products__grid {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 56rem;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .konder-products__grid {
        gap: 2rem;
    }
}

.konder-card {
    background: #fff;
    border-radius: 1rem;
    padding: 1.5rem;
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 3px rgba(0,0,0,.05);
    position: relative;
}

@media (min-width: 768px) {
    .konder-card {
        padding: 2rem;
    }
}

.konder-card--dashed {
    border: 2px dashed rgba(73, 188, 72, 0.3);
}

.konder-card--dashed:hover {
    border-color: #49BC48;
}

.konder-card--highlight {
    border: 2px solid #49BC48;
    box-shadow: 0 4px 14px rgba(73, 188, 72, 0.15);
}

.konder-card__badge {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: #d4af37;
    color: #222;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    text-transform: uppercase;
}

.konder-card__rank {
    width: 4rem;
    height: 4rem;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 900;
    background: #f3f4f6;
    color: #374151;
    margin: 0 auto 1rem;
}

.konder-card__rank--accent {
    background: rgba(73, 188, 72, 0.1);
    color: #49BC48;
}

.konder-card__title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #222;
    margin: 0 0 0.75rem;
    text-align: center;
}

@media (min-width: 768px) {
    .konder-card__title {
        font-size: 1.5rem;
    }
}

.konder-card__text {
    color: #6b7280;
    font-size: 0.875rem;
    line-height: 1.6;
    margin: 0 0 1.5rem;
    text-align: center;
}

.konder-card__cta-text {
    font-weight: 600;
    color: #222;
    margin: 0 0 1.5rem;
    text-align: center;
    font-size: 0.875rem;
}

.konder-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
}

.konder-product-card__header {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.konder-product-card__rank {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 900;
    background: #f3f4f6;
    color: #374151;
}

.konder-card--highlight .konder-product-card__rank {
    background: #49BC48;
    color: #fff;
}

.konder-product-card__name {
    font-size: 1.125rem;
    font-weight: 700;
    color: #222;
    margin: 0 0 0.25rem;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .konder-product-card__name {
        font-size: 1.25rem;
    }
}

.konder-product-card__series {
    font-size: 0.875rem;
    font-weight: 600;
    color: #49BC48;
    margin: 0;
}

.konder-product-card__desc {
    color: #6b7280;
    font-size: 0.875rem;
    line-height: 1.6;
    margin: 0 0 1.25rem;
}

.konder-product-card__features {
    list-style: none;
    margin: 0 0 1.5rem;
    padding: 0;
}

.konder-product-card__features li {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #222;
    margin-bottom: 0.5rem;
}

.konder-product-card__features li::before {
    content: "✓";
    color: #49BC48;
    font-weight: bold;
}

.konder-product-card__description-full {
    font-size: 0.875rem;
    line-height: 1.6;
    color: #374151;
    margin-bottom: 1.25rem;
}

.konder-product-card__description-full ul,
.konder-product-card__description-full ol {
    margin: 0.5rem 0;
    padding-left: 1.25rem;
}

.konder-product-card__description-full li {
    margin-bottom: 0.25rem;
}

.konder-product-card__description-full p {
    margin: 0.5rem 0;
}

.konder-product-card__description-full p:first-child {
    margin-top: 0;
}

.konder-product-card__colors {
    font-size: 0.875rem;
    color: #6b7280;
    margin: 0 0 1rem;
}

.konder-product-card__pricing {
    background: #f3f4f6;
    border-radius: 0.75rem;
    padding: 1rem;
    margin-bottom: 1.25rem;
}

.konder-product-card__pricing-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1.5rem;
    font-size: 0.875rem;
}

.konder-product-card__pricing-row span {
    color: #374151;
}

.konder-product-card__price-total {
    margin-top: 0.5rem;
    font-size: 1.5rem;
    font-weight: 800;
    color: #49BC48;
}

.konder-product-card__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
}

.konder-product-card__actions .but-green {
    margin-left: auto;
}

/* Cool Air Page: Delivery, Warranty, CTA, Footer */
.konder-cool-air-page {
    padding: 0;
}

.konder-delivery {
    background: #f3f4f6;
    padding: 3rem 0;
}

@media (min-width: 768px) {
    .konder-delivery {
        padding: 4rem 0;
    }
}

.konder-delivery__grid {
    display: grid;
    gap: 1.5rem;
    max-width: 56rem;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .konder-delivery__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .konder-delivery__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.konder-warranty {
    padding: 3rem 0;
}

@media (min-width: 768px) {
    .konder-warranty {
        padding: 4rem 0;
    }
}

.konder-warranty__grid {
    display: grid;
    gap: 1.5rem;
    max-width: 56rem;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .konder-warranty__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.konder-info-card {
    background: #fff;
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.konder-info-card__icon {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.konder-info-card__title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #222;
    margin: 0 0 0.5rem;
}

.konder-info-card__text {
    font-size: 0.875rem;
    color: #6b7280;
    line-height: 1.6;
    margin: 0;
}

.konder-cta {
    background: #49BC48;
    padding: 3rem 0;
    text-align: center;
}

@media (min-width: 768px) {
    .konder-cta {
        padding: 4rem 0;
    }
}

.konder-cta__title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 1rem;
}

@media (min-width: 768px) {
    .konder-cta__title {
        font-size: 1.875rem;
    }
}

.konder-cta__text {
    color: rgba(255, 255, 255, 0.8);
    max-width: 36rem;
    margin: 0 auto 2rem;
}

.konder-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}

.konder-btn--light {
    background: #fff;
    color: #49BC48;
}

.konder-btn--light:hover {
    background: #f3f4f6;
}

.konder-page-footer {
    background: #222;
    color: rgba(255, 255, 255, 0.7);
    padding: 2rem 0;
    text-align: center;
}

.konder-page-footer p {
    margin: 0;
    font-size: 0.875rem;
}

.konder-page-footer__phone {
    margin-top: 0.25rem !important;
}

.konder-page-footer a {
    color: #49BC48;
}

.konder-page-footer a:hover {
    text-decoration: underline;
}