.woocommerce-product-gallery.images.wpgs-wrapper {
    max-width: 646px;
    /* border-radius: 12px; */
    /* background: #F8F8F8; */
}

.wpgs-for.slick-slider {
    border-radius: 12px;
    background: #F8F8F8;
}


.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected,
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
    background: var(--gray-950) !important;
    color: #fff !important;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected span,
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover span {
    color: #fff;
}


.woocommerce-product-gallery__image.wpgs_image.slick-slide.slick-current.slick-active img {
    /* max-width: 485px; */
}

.woocommerce-product-gallery__image.wpgs_image.slick-slide img {
    /* height: 100%; */
    padding: 72px 80px;
}

.product-item__brand a {
    text-decoration: none;
}

h1.product_title.entry-title {
    color: var(--gray-950) !important;
    font-family: "Creato Display";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    /* 125% */
    margin-bottom: 12px;
}

.summary.entry-summary .single-product p.price {
    color: #0A0A0A;
    /* font-family: "Creato Display"; */
    font-size: 20px;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 28px;
    /* 140% */
    margin-bottom: 42px;
}

.woocommerce-product-details__short-description {
    color: var(--gray-950) !important;
    /* font-family: "Creato Display"; */
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 133.333% */
    margin-bottom: 042px;
}


li.variable-item.button-variable-item {
    /* border: none !important; */
}

.woo-variation-swatches.wvs-show-label .variations td,
.woo-variation-swatches.wvs-show-label .variations th {
    padding: 0;
    color: #0A0A0A;
    /* font-family: "Creato Display"; */
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.size-chart-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    color: #A1A7A9;
    font-family: "Creato Display";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

form.variations_form.cart {
    position: relative;
}

.size-chart-wrapper a {
    color: inherit;
}

h4.wapo-addon-title.toggle-closed {
    color: #0A0A0A;
    /* font-family: "Creato Display"; */
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
}

span.variable-item-span.variable-item-span-button {
    color: #A1A7A9;
    text-align: center;
    font-family: "Creato Display";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    overflow: visible !important;
}

li.variable-item.button-variable-item.button-variable-item-28 {}

li.variable-item.button-variable-item {
    padding: 0 !important;
    margin: 0 !important;
}

.woo-variation-swatches .variable-items-wrapper {
    gap: 5px;
    border: none;
}

/* =========================================================
   YITH WAPO - Yes/No radio options as pill buttons
   ========================================================= */

/* 1) Force options to be horizontal */
.options.per-row-1 {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

/* 2) Hide native radio */
.yith-wapo-option input[type="radio"].yith-wapo-option-value {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* 3) Base button style (UNSELECTED) */
.yith-wapo-option .yith-wapo-label {
    display: flex;
    min-width: 103px;
    height: 46px;
    padding: 14px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 90px;
    border: 1.2px solid #EBEDED;
    background: transparent;
    color: #A1A7A9;
    text-align: center;

    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
    user-select: none;
    transition: all 0.2s ease;
}

/* Price spacing (optional) */
.yith-wapo-option .yith-wapo-label .option-price {
    margin-left: 6px;
    font-size: 14px;
    line-height: 1;
    color: inherit;
}

/* 4) SELECTED state */
.yith-wapo-option.selected .yith-wapo-label {

    border-color: #0A0A0A;
    color: #0A0A0A;
}

/* Ensure price text turns white when selected */
.yith-wapo-option.selected .yith-wapo-label .option-price,
.yith-wapo-option.selected .yith-wapo-label .option-price * {
    color: inherit;
}

/* 5) Hover state (only when NOT selected) */
.yith-wapo-option:not(.selected) .yith-wapo-label:hover {
    background: rgba(10, 10, 10, 0.04);
}

.woo-variation-swatches.wvs-show-label .variations td .woo-selected-variation-item-name,
.woo-variation-swatches.wvs-show-label .variations td label,
.woo-variation-swatches.wvs-show-label .variations th .woo-selected-variation-item-name,
.woo-variation-swatches.wvs-show-label .variations th label {

    margin: 0;
}


/* 6) Mobile tweaks */
@media (max-width: 480px) {
    .options.per-row-1 {
        gap: 8px;
    }

    .yith-wapo-option .yith-wapo-label {
        width: auto;
        min-width: 103px;
    }
}

span.product-savings-amount {
    display: inline-flex;
    padding: 4px 10px;
    justify-content: center;
    align-items: center;
    /* gap: 10px; */
    border-radius: 9999px;
    background: #F65255;
    color: c;
    color: var(--Colors-white, #FFF);
    font-family: "Creato Display";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 150% */
    letter-spacing: -0.48px;
    /* height: 26px; */
}

.single-product>p.price>span {
    display: inline-flex;
    gap: 12px;
}

.single-product p.price>span del {
    order: 2;
    color: #A1A7A9;
    font-family: "Creato Display";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 175% */
}


.single-product p.price {
    display: flex;
    align-items: center;
    gap: 12px;
}

span.product-savings-amount {
    display: inline-flex;
    padding: 4px 10px;
    justify-content: center;
    align-items: center;
    /* gap: 10px; */
    border-radius: 9999px;
    background: #F65255;
    color: c;
    color: var(--Colors-white, #FFF);
    font-family: "Creato Display";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 150% */
    letter-spacing: -0.48px;
    /* height: 26px; */
}

span.product-savings-amount .amount {
    margin-left: 3px;
}

.single .woocommerce-review-link {
    /* font-size: 80%; */
    color: #63686A;
    /* font-family: "Creato Display"; */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.56px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin-left: 5px;
}

.woocommerce div.product form.cart .reset_variations {
    display: none;
}

.woo-variation-swatches .variable-items-wrapper .variable-item {
    background: transparent;
    outline: none !important;
    box-shadow: none !important;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:before,
.woo-variation-swatches .variable-items-wrapper .variable-item:after {
    display: none !important;
}

div#yith-wapo-addon-1 {}

.yith-wapo-addon {
    margin-bottom: 55px;
}

p.price .wcpbc-price {
    display: flex;
    gap: 12px;
}

.woocommerce div.product form.cart div.quantity a {
    color: #fff !important;
}

/* Minus button SVG */
.quantity .minus::before {
    content: '';
    width: 14px;
    height: 2px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="2" viewBox="0 0 14 2" fill="none"><path d="M12.8496 0.849976H0.849612" stroke="%230A0A0A" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
}

/* Plus button SVG */
.quantity .plus::before {
    content: '';
    width: 14px;
    height: 14px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M6.84961 0.849976V12.85M12.8496 6.84997H0.849609" stroke="%230A0A0A" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
}