/* Round entire sidebar column */
#secondary.widget-area.secondary,
.sidebar-main {
    border-radius: 16px;
    overflow: hidden;
    /* keeps children inside rounded corners */
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    background-clip: padding-box;
}
/* FacetWP and layered nav filters */
.facetwp-widget,
.facetwp-facet,
.widget_layered_nav,
.woocommerce .widget_product_categories,
.widget_search,
.widget_price_filter {
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    padding: 14px;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.04);
    margin-bottom: 14px;
}
/* === Woo My Account: clean vertical tabs (SkinGuru24) === */
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul,
.yith-wcmap .woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #ebebeb;
    border-bottom: 0;
    background: #fff;
}

body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li,
.yith-wcmap .woocommerce-MyAccount-navigation li {
    margin: 0;
}

body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li a,
.yith-wcmap .woocommerce-MyAccount-navigation li a {
    display: block;
    padding: 12px 14px;
    background: #fff !important;
    color: #9C9C9C !important;
    /* inactive text */
    text-decoration: none;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    font-weight: 400;
}

/* remove theme/YITH icons */
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li a:before,
.yith-wcmap .woocommerce-MyAccount-navigation li a:before {
    display: none !important;
}

/* hover */
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li a:hover,
.yith-wcmap .woocommerce-MyAccount-navigation li a:hover {
    background: #f7f7f7 !important;
    color: #8B536F !important;
}

/* active/current */
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .is-active a,
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li a[aria-current="page"],
.yith-wcmap .woocommerce-MyAccount-navigation .is-active a,
.yith-wcmap .woocommerce-MyAccount-navigation li a[aria-current="page"] {
    font-weight: 600;
    color: #8B536F !important;
    border-left: 3px solid #8B536F;
    padding-left: 11px;
    background: #fff !important;
}
body,
p {
    line-height: var(--ast-body-line-height, 1.8);
}

/* Scroll to top */

#ast-scroll-top {
    opacity: 0.8;
}

@media screen and (max-width: 430px) {
    #ast-scroll-top {
        font-size: 22px;
    }
}

@media screen and (min-width: 431px) and (max-width: 1024px) {
    #ast-scroll-top {
        font-size: 30px;
    }
}

/* Header */

html body .ast-hfb-header.ast-desktop .ast-builder-menu-1 .main-header-menu .menu-item.menu-item-heading>.menu-link,
.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .sub-menu .menu-link,
.ast-desktop .ast-mega-menu-enabled.submenu-with-border .astra-megamenu-li .sub-menu .menu-link {
    text-align: left !important;
}

.dropdown_menu ul {
    display: flex;
    flex-direction: column;
}

.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu>.menu-item {
    padding-left: 0 !important;
}

.ast-site-title-wrap {
    display: none;
}

.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp {
    border-radius: 20px 20px 0 0;
}

html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:hover,
html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus {
    background-color: #ffffff;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover {
    box-shadow: none;
    background: var(--ast-global-color-2);
}

.ast-builder-menu-1 .menu-item>.menu-link:hover {
    color: var(--ast-global-color-8);
}

/* WooCommerce pages */
.facetwp-page {
    border-color: var(--ast-global-color-6);
    padding: 6px 1em !important;
    border: solid 1px;
    margin: 4px;
}
.facetwp-page.active {
    border-color: var(--ast-global-color-6);
    background-color: var(--ast-global-color-6);
    color: white;
    padding: 6px 1em !important;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link),
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link),
[CLASS*="wc-block"] button,
.woocommerce-js #respond input#submit,
.woocommerce-js a.button,
.woocommerce-js button.button,
.woocommerce-js input.button {
    max-width: 369px;
    margin-right: 0 !important;
}

/* Removed [CLASS*="wc-block"] button:hover from here */
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover,
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover,
.woocommerce-js #respond input#submit:hover,
.woocommerce-js a.button:hover,
.woocommerce-js button.button:hover,
.woocommerce-js input.button:hover,
.woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping):hover {
    background-color: var(--ast-global-color-6) !important;
    text-decoration: none;
}

.ast-orders-table__row {
    background-color: #ffffff;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid var(--ast-global-color-5);
}

/* Homepage */

.uagb-slider-container.uagb-block-996470df .swiper-pagination-bullet {
    border: solid 1px #996780;
}

.woocommerce-js ul.products li.product .price ins {
    font-weight: 400;
}

.pfs_skin_type,
.pfs_skin_type:hover {
    transition: 0.4s;
}

.pfs_skin_type a {
    color: #000000;
    text-decoration: none !important;
}

.pfs_skin_type:hover {
    transform: scale(1.13);
}

@media screen and (max-width: 430px) {
    .brand-svg-hover {
        max-width: 105px;
    }
}

/* Brands */

#letter_groups_list_links {
    flex-wrap: wrap;
}

/* Shop page */

.facetwp-radio:hover,
.facetwp-radio.checked {
    background-color: transparent;
}

.woocommerce-loop-product__title:hover {
    color: var(--ast-global-color-7);
}

/* Product page */

@media screen and (max-width: 430px) {
    html body .product_ingredients_icons .ingredients {
        flex-wrap: nowrap;
        overflow-x: scroll;
    }
    .product_ingredients_icons .ingredient {
        min-width: unset;
    }
    .single-product div.product h1.entry-title,
    .single-product div.product p.price {
        font-size: 2.083em !important;
    }
    html body .tab-header {
        font-size: 17px;
    }
    .product-details-block-section {
        margin-right: -20px;
        margin-left: -20px;
    }
    .product-details-container {
        margin-bottom: 24px;
    }
    .tab-pane.active h2,
    .tab-pane.active h3 {
        font-size: 14px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .single-product div.product h1.entry-title,
    .single-product div.product p.price {
        font-size: 2.083em !important;
    }
    .tab-pane.active h2,
    .tab-pane.active h3 {
        font-size: 16px;
    }
}

.content-detail {
    word-break: break-word;
}

.woocommerce-js .woocommerce-breadcrumb a {
    color: var(--ast-global-color-8);
}

.woocommerce-js .woocommerce-breadcrumb a:hover {
    color: var(--ast-global-color-6);
}

.woocommerce-js div.product div.images img:hover,
.woocommerce-js ul.product_list_widget li img:hover,
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-custom.no-txt img:hover {
    opacity: 0.8;
}

.skin24-download-icon>svg:hover {
    opacity: 0.6;
}

.single-product div.product .entry-title {
    letter-spacing: -1px;
    font-size: 33px;
}

.woocommerce-js div.product div.images .woocommerce-product-gallery__trigger:before {
    border-color: #ffffff;
}

.woocommerce-js div.product div.images .woocommerce-product-gallery__trigger:after {
    background-color: #ffffff;
}

.woocommerce-js div.product div.images .woocommerce-product-gallery__trigger:hover,
.ast-single-product-thumbnails .flex-direction-nav .flex-next:hover,
.ast-single-product-thumbnails .flex-direction-nav .flex-prev:hover {
    background: var(--ast-global-color-6);
}

.woocommerce-product-gallery .flex-direction-nav .flex-next:after,
.ast-single-product-thumbnails .flex-direction-nav .flex-prev:after {
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
}


.tab-header:hover {
    color: var(--ast-global-color-5);
}

.tab-content {
    margin-top: 32px;
}

.tab-pane.active p,
.tab-pane.active ul,
.tab-pane.active ol {
    margin-bottom: 32px;
}

.tab-pane.active h2,
.tab-pane.active h3 {
    font-size: 19px;
}

.tab-pane.active h2 {
    font-family: 'Inter', sans-serif;
}

.tab-pane.active ul,
.tab-pane.active ol {
    list-style-type: none;
    margin-left: 0;
}

.product_ingredients_icons .ingredients {
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 16px;
}
.ingredients-scroll-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ingredients-scroll-wrapper .ingredients::-webkit-scrollbar {
    display: none;
}

.ingredients-arrow {
    display: none;
    background: #fff;
    border: 1px solid var(--ast-border-color);
    color: var(--ast-border-color);
    width: 28px;
    height: 28px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    user-select: none;
    padding: 0;
}
.ingredients-arrow[disabled] {
    background: #efefef;
    color: #d1d1d1;
    border-color: #efefef;
}
@media screen and (max-width: 430px) {
    .ingredients-arrow {
        display: flex;
    }
}

.ingredient {
    display: flex;
    flex-direction: column;
    border: 1px solid #CFCFCF;
    border-radius: 12px;
    padding: 15px 10px 15px 10px !important;
    font-size: 11px;
    text-align: center;
    row-gap: 16px;
}

.ingredient a {
    color: #000000;
}

.ingredient:hover {
    background-color: var(--ast-global-color-2);
}

.woocommerce-js div.product .related.products h2 {
    letter-spacing: -1px;
}



/* Contact form */

table.zsFormClass {
    padding: 32px;
    margin: 0;
}

table.zsFormClass,
table.zsFormClass tbody tr td,
html body table.zsFormClass tbody tr td input:focus {
    border: none;
}

table.zsFormClass tbody tr td {
    padding: 0 0 12px 0;
}

html body table.zsFormClass tbody tr td input,
table.zsFormClass textarea {
    border-radius: 12px !important;
    border: none;
    background-color: var(--ast-global-color-1) !important;
}

html body table.zsFormClass tbody tr td input,
html body table.zsFormClass tbody tr td input::placeholder,
table.zsFormClass textarea,
table.zsFormClass textarea::placeholder {
    color: #121212 !important;
}

table.zsFormClass textarea {
    height: 200px;
    resize: none;
}

html body #zsSubmitButton_176618000000614121 {
    float: left;
    color: var(--ast-global-color-0) !important;
    background-color: var(--ast-global-color-8) !important;
    border: 1px solid var(--ast-global-color-8);
    border-radius: 40px !important;
    padding: 15px 110px 15px 110px !important;
    background-image: url("/wp-content/themes/astra-child-skinguru24/assets/images/Send-icon.svg");
    background-repeat: no-repeat;
    background-position: center right 85px;
}

html body #zsSubmitButton_176618000000614121:hover {
    background-color: var(--ast-global-color-2) !important;
    background-image: url("/wp-content/themes/astra-child-skinguru24/assets/images/Send-icon-Black.svg");
    border: 1px solid #333333;
    color: #333333 !important;
}

/* Wishlist */

table.tinvwl-table-manage-list,
table.tinvwl-table-manage-list>thead>tr>th,
table.tinvwl-table-manage-list>tbody>tr>td,
table.tinvwl-table-manage-list>tfoot>tr>td {
    border-color: var(--ast-global-color-2);
}

html body .tinv-wishlist .tinv-header h2 {
    text-align: center;
}

html body .tinv-wishlist select {
    padding: 0 0 0 0.8em !important;
}

td.product-name a {
    color: #000000;
}

td.product-name a:hover {
    color: var(--ast-global-color-7);
}

/* Login page */

#post-7 .woocommerce input[type="checkbox"] {
    border-color: var(--ast-global-color-5);
}

#post-7 .woocommerce input[type="checkbox"]:checked::before {
    background-color: #ffffff;
    padding-top: 0;
    line-height: 100%;
    font-size: 1em;
}

@media screen and (min-width: 700px) {
    .woocommerce button.button.woocommerce-form-login__submit {
        left: 10%;
    }
}

/* My account */

@media screen and (max-width: 430px) {
    .woocommerce-MyAccount-navigation {
        border: none;
    }
}

html body #post-7 .woocommerce-MyAccount-navigation ul li a {
    color: var(--ast-global-color-0);
    align-items: center;
    height: 100%;
}

html body #post-7 .woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link:hover a {
    background-color: var(--ast-global-color-7);
}

.woocommerce-MyAccount-navigation-link:after {
    content: none;
}

.ast-wooaccount-user-wrapper {
    margin: 10px;
}

li.woocommerce-MyAccount-navigation-link.is-active:after {
    opacity: 0;
}

@media screen and (max-width: 921px) {
    .woocommerce-MyAccount-navigation ul li a {
        padding: 12px;
    }
    .woocommerce-MyAccount-navigation ul {
        column-gap: 0;
    }
}

@media screen and (min-width: 463px) and (max-width: 921px) {
    html body .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 0.1em;
    }
    html body .woocommerce-MyAccount-navigation ul {
        background-color: #ffffff;
    }
    .woocommerce-MyAccount-navigation ul>li {
        background-color: var(--ast-global-color-5);
    }
}

@media screen and (min-width: 1024px) {
    .woocommerce-account .woocommerce-MyAccount-navigation {
        border: 1px solid var(--ast-border-color);
    }
}

/* Cart */

@media screen and (max-width: 430px) {
    .woocommerce .widget_shopping_cart .cart_list li,
    .woocommerce.widget_shopping_cart .cart_list li {
        padding: 1.2em 4.5em 1.2em 5em;
    }
}

@media screen and (max-width: 921px) {
    .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart-item .ast-mini-cart-price-wrap {
        margin-top: 2em;
    }
}

.woocommerce-mini-cart.cart_list.product_list_widget .quantity.buttons_added .minus,
.woocommerce-mini-cart.cart_list.product_list_widget .quantity.buttons_added .plus {
    display: none;
}

.woocommerce-mini-cart.cart_list.product_list_widget .input-text.qty.text {
    margin: 0;
}

.astra-cart-drawer .astra-cart-drawer-header .astra-cart-drawer-title,
.woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__total strong,
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove,
.astra-cart-drawer .astra-cart-drawer-close {
    color: var(--ast-global-color-7);
}

.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
    top: 0.5em;
}

.woocommerce-js a.remove:before {
    border-color: var(--ast-global-color-7);
}

html body .woocommerce-mini-cart-item.mini_cart_item .minus,
html body .woocommerce-mini-cart-item.mini_cart_item .plus {
    color: transparent;
}

.astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart a.remove {
    height: 40px;
    width: 40px;
    padding: 10px;
}
@media screen and (max-width: 1199px) {
    .ast-builder-menu-3 {
        width: fit-content !important;
    }
}
/* Checkout */

@media screen and (max-width: 1199px) {
    .wc-block-components-order-summary-item__description .wc-block-components-product-name {
        font-size: 1.1em;
        line-height: 1.3;
    }
}

.wc-block-checkout .wc-block-checkout__sidebar .wc-block-components-product-name {
    font-size: 1.1em;
    line-height: 1.3;
}

.woocommerce-checkout.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview {
    background-color: var(--ast-global-color-1);
}

.woocommerce-checkout.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li strong,
.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr td a {
    color: #000000 !important;
}

/* Footer */

@media screen and (max-width: 428px) {
    footer .omnisend-form-670ea2e2b3220d8771cfe2d8-section-6374ec98142fd3456c0fb30d {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    html body footer #omnisend-form-670ea2e2b3220d8771cfe2d8-field-container-62a3147776d81914aa87ed98-emailField-input.omnisend-form-670ea2e2b3220d8771cfe2d8-field-container-62a3147776d81914aa87ed98-input {
        border-radius: 40px 40px 40px 40px !important;
        text-align: center;
        margin-bottom: 5px;
    }
    html body footer .omnisend-form-670ea2e2b3220d8771cfe2d8-action-627932485028ebd8c6660c51 {
        border-radius: 40px 40px 40px 40px !important;
    }
    .site-footer-primary-section-4.site-footer-section.site-footer-section-4 {
        padding-right: 10px;
    }
    html body .omnisend-form-670ea2e2b3220d8771cfe2d8-field-container-670ea2b369208d23fc5b7558-label p {
        font-size: 12px;
    }
}

@media (max-width: 1115px) {
    .ast-footer-social-1-wrap .ast-builder-social-element svg {
        max-width: 28px;
    }
}

@media screen and (max-width: 660px) {
    html body .omnisend-form-670ea2e2b3220d8771cfe2d8-field-container-670ea2b369208d23fc5b7558-label p {
        font-size: 12px;
    }
    #block-32,
    #block-30 {
        text-align: center;
    }
}

@media screen and (min-width: 431px) and (max-width: 1546px) {
    footer .omnisend-form-670ea2e2b3220d8771cfe2d8-section-6374ec98142fd3456c0fb30d {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    html body footer #omnisend-form-670ea2e2b3220d8771cfe2d8-field-container-62a3147776d81914aa87ed98-emailField-input.omnisend-form-670ea2e2b3220d8771cfe2d8-field-container-62a3147776d81914aa87ed98-input {
        border-radius: 40px !important;
        text-align: center;
        margin-bottom: 5px;
    }
    html body footer .omnisend-form-670ea2e2b3220d8771cfe2d8-action-627932485028ebd8c6660c51 {
        border-radius: 40px !important;
    }
    .site-footer-primary-section-4.site-footer-section.site-footer-section-4 {
        padding-right: 10px;
    }
    html body .omnisend-form-670ea2e2b3220d8771cfe2d8-field-container-670ea2b369208d23fc5b7558-label p {
        font-size: 12px;
    }
}
@media (max-width: 1115px) {
    .ast-footer-social-1-wrap .ast-builder-social-element svg {
        max-width: 28px;
    }
}
html body #omnisend-form-670ea2e2b3220d8771cfe2d8-field-container-62a3147776d81914aa87ed98-emailField-input.omnisend-form-670ea2e2b3220d8771cfe2d8-field-container-62a3147776d81914aa87ed98-input {
    border-radius: 40px 0 0 40px !important;
}

html body .omnisend-form-670ea2e2b3220d8771cfe2d8-action-627932485028ebd8c6660c51 {
    border-radius: 0 40px 40px 0 !important;
}

.omnisend-form-670ea2e2b3220d8771cfe2d8-action-627932485028ebd8c6660c51:hover {
    opacity: 0.8;
}

html body .omnisend-form-670ea2e2b3220d8771cfe2d8-field-container-670ea2b369208d23fc5b7558-description-container {
    display: none;
}

html .dgwt-wcas-search-wrapp {
    min-width: 450px;
}

/* Zoho */

html body [data-id=zsalesiq] {
    z-index: 11 !important;
}

/* Mobile sticky header transition smooth */
.ast-mobile-header-wrap .ast-main-header-wrap {
    transition: transform 0.3s ease-in-out;
    will-change: transform;
}

.ast-mobile-header-wrap .ast-main-header-wrap.mobile-sticky-header {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* --- Mobile Sticky Header --- */

/* Define a CSS variable for the header height. JS will update this. */
:root {
    --mobile-header-height: 135px;
    /* Fallback height, JS will update this. */
}

/*
 * CLS & White-Space Fix:
 * Initially, the header is part of the document flow. We give its container
 * a specific height using our CSS variable. This reserves the correct space
 * from the very beginning, preventing any layout shift.
 */
@media (max-width: 1199px) {
    .site-header {
        height: var(--mobile-header-height);
    }
}

/* When the body has the sticky class:
   Fix the header to the top. The .ast-mobile-header-wrap container
   continues to hold the space, preventing any content jump. */
.mobile-header-is-sticky .ast-mobile-header-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.custom-search-trigger {
    display: none;
    cursor: pointer;
}
.mobile-header-is-sticky .custom-search-trigger {
    display: block;
}
.mobile-header-is-sticky .ast-below-header-wrap,
.single-product.mobile-header-is-sticky.mobile-search-is-open * .ast-below-header-wrap {
    display: none;
}
.mobile-header-is-sticky.mobile-search-is-open .ast-below-header-wrap,
.single-product.mobile-header-is-sticky.mobile-search-is-open * .ast-below-header-wrap {
    display: block;
}
/* On desktop, ensure no sticky styles are applied */
@media (min-width: 1200px) {
    .ast-mobile-header-wrap {
        position: relative !important;
    }
}


.sg-home-slider .swiper-wrapper {
    min-height: 0 !important;
}
.sg-home-slider .uagb-swiper {
    margin-left: 40px;
    margin-right: 40px;
}
@media only screen and (max-width: 767px) {
    .sg-home-slider .swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
        line-height: 36px !important;
        left: -10px !important;
    }
    .sg-home-slider .swiper-button-next {
        width: 36px !important;
        height: 36px !important;
        line-height: 36px !important;
        right: -10px !important;
    }
}
.sg-home-slider .swiper-pagination-bullet {
    height: 5px;
    margin: 0 .5rem !important;
    max-width: 6.25rem;
    width: 6.25rem;
    border-radius: 0;
    background-color: var(--ast-global-color-5) !important;
    opacity: 0.3;
}
.sg-home-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}
.sg-home-slider .swiper-pagination {
    bottom: auto !important;
    top: -12px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sg-home-slider .swiper-slide a {
    display: flex;
    justify-content: center;
    align-items: center;
}
.sg-home-slider .swiper-slide img {
    width: auto;
    object-fit: scale-down;
    object-position: center;
}

/* Customizing login page for account */
/* Remove title added in Customizer on My account > Login */
body.woocommerce-account:not(.logged-in) .uagb-block-f7030fa8 {
    display: none !important;
}
body.woocommerce-account:not(.logged-in) #page .site-content {
    display: flex;
    align-items: center;
    background: var(--ast-global-color-1);
}

body.woocommerce-account:not(.logged-in) .entry-content .woocommerce {
    background: #fff;
}

.custom-login-logo img {
    max-width: 200px;
    height: auto;
    margin-bottom: 1rem;
}
/* END Customizing login page for account */

/* Fix header flicker */
.ast-builder-menu-1 .menu-item>.menu-link {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 4px;
}
.ast-builder-menu .main-navigation>ul {
    gap: 32px;
}
.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover {
    cursor: pointer;
}

.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu {
    opacity: 0;
    visibility: hidden;
    display: none;
    pointer-events: none;
}

.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu {
    opacity: 1;
    visibility: visible;
    display: flex;
    padding: 15px;
    pointer-events: auto;
}
/* END Fix header flicker */

.di-tab::before {
    border-radius: 9999px;
    transition: none;
}
.di-tab.active::after {
    display: none !important;
}
.di-tab.passed {
    border-color: var(--ast-border-color);
    border-bottom-color: black;
}
.di-tab.passed::before {
    display: none;
}
.di-tabs {
    margin-bottom: 0 !important;
}
.di-tab {
    background: white;
    border-radius: 5px 5px 0 0;
    border-top: 1px solid var(--ast-border-color);
    border-left: 1px solid var(--ast-border-color);
    border-right: 1px solid var(--ast-border-color);
    margin-left: 2px;
    margin-right: 2px;
}
.di-tab.active {
    border: 2px solid var(--ast-global-color-0);
    background: white;
}
.di-tab-content {
    padding-top: 50px;
    padding-left: 1rem;
    padding-right: 1rem;
    background: white;
    border-radius: 0 0 5px 5px;
    border: 2px solid var(--ast-global-color-0);
}

@media (max-width: 520px) {
    .di-tab {
        font-size: 12px;
    }
}

.brand-h2-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}

.brand-archive-img {
    max-width: 150px !important;
    height: auto !important;
    object-fit: contain;
    border-radius: 6px;
}
.ast-builder-language-switcher-menu-item-footer {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* Initialize counter on the tab list */
.korean-routine-tabs.uagb-tabs__wrap ul.uagb-tabs__panel {
    counter-reset: tab-counter;
}

/* Increment counter for each <li> and display it before the <a> content */
.korean-routine-tabs.uagb-tabs__wrap ul.uagb-tabs__panel li a::before {
    counter-increment: tab-counter;
    content: counter(tab-counter) ". ";
    /* Adds "1. ", "2. ", etc. before the text */
    font-weight: bold;
    margin-right: 4px;
}

.korean-routine-tabs ul.uagb-tabs__panel {
    padding: 20px !important;
    border-radius: 10px;
    background: var(--ast-global-color-1);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
}
.korean-routine-tabs li.uagb-tab-title {
    font-weight: bold;
    text-transform: uppercase;
}
.korean-routine-tabs ul.uagb-tabs__panel li {
    margin: 0 !important;
}

.korean-routine-tabs .uagb-tabs__body-wrap {
    margin: 0 !important;
    border: 0 !important;
    padding: 0 !important;
}
.korean-routine-tabs.uagb-tabs__wrap {
    align-items: flex-start;
}

.korean-routine-tabs.uagb-tabs__wrap .uagb-tabs__body-container {
    margin: 0 !important;
    border: 0 !important;
    padding: 0 !important;
}
.korean-routine-tabs.uagb-tabs__wrap .uagb-tabs__body-container:last-child .routine-next-tab {
    display: none;
}
.korean-routine-tabs.uagb-tabs__wrap .uagb-tabs__body-container .routine-info {
    padding: 48px;
    background: var(--ast-global-color-1);
    border-radius: 20px;
}
.routine-popular-products {
    padding: 48px 0;
}
.korean-routine-tabs .uagb-tab {
    background: #fff;
    border: 0 !important;
}

.korean-routine-tabs.uagb-tabs__wrap ul.uagb-tabs__panel li.uagb-tab a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 0.8rem;
    padding: 1.2rem 1rem;
    border: 1px solid #fff;
    border-radius: 5px;
}
.korean-routine-tabs.uagb-tabs__wrap ul.uagb-tabs__panel li.uagb-tab.uagb-tabs__active a {
    border-color: #eb1e85;
    outline: 0 !important;
}
.korean-routine-tabs.uagb-tabs__wrap ul.uagb-tabs__panel li.uagb-tab a>div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    line-height: 1.2;
    gap: 0.8rem;
    font-weight: bold;
    font-size: 0.9rem;
}

.korean-routine-tabs.uagb-tabs__wrap ul.uagb-tabs__panel li.uagb-tab a img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(7477%) hue-rotate(271deg) brightness(91%) contrast(100%);
}
.korean-routine-tabs.uagb-tabs__wrap ul.uagb-tabs__panel li.uagb-tab.uagb-tabs__active a img {
    filter: brightness(0) saturate(100%) invert(53%) sepia(86%) saturate(7491%) hue-rotate(314deg) brightness(75%) contrast(108%);
}

.routine-step-actions button,
.routine-step-actions a.button {
    padding: 17px 20px;
    text-align: center;
    text-transform: uppercase;
}

.routine-step-actions button {
    font-weight: 800;
    border-color: var(--ast-global-color-8);
    background-color: var(--ast-global-color-8);
    align-items: center;
    padding: 20px 30px;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    min-width: 176px;
}
.routine-step-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.korean-routine-tabs.uagb-tabs__wrap,
.routine-step-actions {
    gap: 15px;
}

@media screen and (min-width: 992px) {
    .korean-routine-tabs.uagb-tabs__wrap,
    .routine-step-actions {
        gap: 30px;
    }
}
@media screen and (min-width: 1300px) {
    .korean-routine-tabs.uagb-tabs__wrap,
    .routine-step-actions {
        gap: 60px;
    }
}
.routine-step-actions .routine-step-link--shop a.button {
    color: #eb1e85;
    background: none;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 14px;
    line-height: 24px;
    border-bottom: 1px solid #eb1e85;
    position: relative;
    display: inline-flex;
    align-items: center;
    letter-spacing: .6px;
    text-decoration: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
.routine-step-actions .routine-step-link--shop a.button:hover {
    background: none !important;
}

.routine-step-actions .routine-step-link--shop a.button .link-icon-arrow {
    display: inline-block;
    vertical-align: middle;
    width: 11px;
    height: 2px;
    background-color: #eb1e85;
    position: relative;
    margin-left: 12px;
    transition: .5s ease-in-out all;
}

.routine-step-actions .routine-step-link--shop a.button .link-icon-arrow:after {
    position: absolute;
    right: 0;
    top: 50%;
    border: solid #eb1e85;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2.8px;
    transform: translateY(-50%) rotate(-45deg);
    -webkit-transform: translateY(-50%) rotate(-45deg);
    content: "";
    transition: .5s ease-in-out all;
}

.routine-popular-title,
.routine-step-title {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
}

.routine-info {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
ul.routine-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 0;
    margin: 0;
}
ul.routine-list li {
    display: flex;
    align-items: center;
    gap: 18px;
}
ul.routine-list li .svg-wrapper {
    background: #fff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/1;
}
.routine-list .list-right h5 {
    margin-bottom: 0;
    font-size: 18px;
    line-height: normal;
    text-transform: uppercase;
}
.routine-step-description p {
    margin-bottom: 15px;
}
.routine-step-description p:last-child {
    margin-bottom: 0;
}


.scroll-hint {
    position: sticky;
    bottom: 0;
    left: 0;
    transform: translate(-20px, 20px);
    background: linear-gradient(to top, rgba(255, 255, 255, 0.95), transparent);
    text-align: center;
    padding: 0.5rem 0;
    font-size: 0.9rem;
    color: #555;
    z-index: 2;
    display: none;
    width: calc(100% + 40px);
    pointer-events: none;
}
.scroll-hint span {
    display: inline-block;
    animation: pulse-hint 1.8s ease-in-out infinite;
}
@keyframes pulse-hint {
    0%,
    100% {
        opacity: 0.7;
        transform: translateY(0);
    }
    50% {
        opacity: 1;
        transform: translateY(-3px);
    }
}

@media screen and (min-width: 1150px) {
    .korean-routine-tabs.uagb-tabs__wrap.uagb-tabs__vstyle6-desktop ul.uagb-tabs__panel {
        min-width: 35%;
        max-width: 35%;
    }

    .korean-routine-tabs.uagb-tabs__wrap.uagb-tabs__vstyle6-desktop .uagb-tabs__body-wrap {
        max-width: 64%;
    }
}

@media screen and (min-width: 1300px) {
    .korean-routine-tabs.uagb-tabs__wrap.uagb-tabs__vstyle6-desktop ul.uagb-tabs__panel {
        min-width: 24%;
        max-width: 24%;
    }
    .korean-routine-tabs.uagb-tabs__wrap.uagb-tabs__vstyle6-desktop .uagb-tabs__body-wrap {
        max-width: 75%;
    }


}
@media screen and (max-width: 1069px) {
    .korean-routine-tabs.uagb-tabs__wrap {
        flex-direction: column;
    }
    .korean-routine-tabs.uagb-tabs__wrap.uagb-tabs__vstyle6-desktop ul.uagb-tabs__panel {
        min-width: 100%;
        max-width: 100%;
        max-height: 300px;
        flex-wrap: nowrap;
        overflow-y: scroll;
        overflow-x: hidden;
        margin-bottom: 30px;
        position: relative;
    }
    .korean-routine-tabs.uagb-tabs__wrap.uagb-tabs__vstyle6-desktop .uagb-tabs__body-wrap {
        max-width: 100%;
    }
    .scroll-hint {
        display: block;
    }
}

.sg24-campaign-badge {
    display: inline-block;
    background: black;
    color: #fff;
    width: fit-content;
    border-radius: 20px;
    padding: 0.4em 0.8em;
    font-size: .87em;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
}

/* Single product page - position near sale badge */
.sg24-campaign-badge-single {
    position: absolute;
    top: 1.5em;
    left: 80px;
    z-index: 10;
}
@media screen and (min-width: 1200px) {
    .sg24-campaign-badge-single {
        left: 100px;
    }
}

/* Archive/shop page - above title */
.sg24-campaign-badge-archive {
    display: block;
    width: fit-content;
    margin-bottom: 8px;
}

/* Ensure product image wrapper has relative positioning */
.woocommerce-loop-product__link {
    position: relative;
}


.stock {
    margin-top: 2px;
    font-size: 12px;
    font-weight: 700;
}
.stock.in {
    color: #059669;
}
.stock.out {
    color: #ef4444;
}

.ast-on-card-button .ahfb-svg-iconset {
    color: #ffffff !important;
    background: #AD678A !important;
    opacity: 1 !important;
}
.ast-on-card-button .ast-icon.icon-basket {
    filter: invert(1) brightness(2);
    width: 18px !important;
    height: 18px !important;
}

/* Ensure the Add to Cart button is always visible on mobile */
@media (max-width: 768px) {
    .ast-on-card-button,
    .ast-on-card-button .ast-icon.icon-basket {
        display: inline-block !important;
        /* Ensure it’s displayed */
        opacity: 1 !important;
        /* Make it fully visible */
        visibility: visible !important;
        /* Ensure it is visible */
        border-style: none !important;
        /* Override any border styles */
    }
}
.ast-on-card-button .ahfb-svg-iconset {
    width: 2.5em !important;
    height: 2.5em !important;
}

/* Courier logos in the shipping page and product page shipping tab */
body:not(.lang-pl-PL) table td.courier-cell {
    display: table-cell !important;
    vertical-align: middle;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1.4;
}
body:not(.lang-pl-PL) table td.courier-cell .courier-logo {
    width: 22px;
    height: 22px;
    object-fit: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

body.lang-pl-PL table td.courier-cell {
    vertical-align: middle;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1.4;
}

body.lang-pl-PL .courier-vertical {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    /* space between icons and text */
}

body.lang-pl-PL .courier-icons {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

body.lang-pl-PL .courier-logo {
    width: 22px;
    height: 22px;
    object-fit: contain;
    display: block;
}

/* Prevent background scrolling when Astra Off-Canvas is open */
.ast-popup-nav-open {
    overflow: hidden !important;
    height: 100vh !important;
}
.helpwise_chat_widget_launcher .hw-widgetLauncherContainer {
    z-index: 99 !important;
}
/* Single product page padding adjustments */
.single-product .site-content .ast-container {
    max-width: 1440px;
}
@media screen and (min-width: 768px) and (max-width: 2000px) {
    .single-product .site-content .ast-container {
        padding-left: 10%;
        padding-right: 10%;
    }
}

@media screen and (min-width: 550px) and (max-width: 767px) {
    .single-product .site-content .ast-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

#letter_groups_list>li {
    scroll-margin-top: 150px;
}

/* Apply H2 styles to any heading level inside the .h2 container */
.h2,
.h2 :is(h3, h4, h5, h6).uagb-heading-text {
    font-size: 40px !important;
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    font-family: 'EB Garamond', serif !important;
    line-height: 1.3em !important;
}

/* Tablet */
@media (max-width: 1199px) {
    .h2,
    .h2 :is(h3, h4, h5, h6).uagb-heading-text {
        font-size: 32px !important;
    }
}

/* Mobile */
@media (max-width: 544px) {
    .h2,
    .h2 :is(h3, h4, h5, h6).uagb-heading-text {
        font-size: 30px !important;
    }
}

.woocommerce-stock-details {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 1rem;
}
.woocommerce-stock-details .stock {
    margin-bottom: 0 !important;
}
.custom-stock-info {
    display: inline-flex;
    align-items: center;
    color: #8A8A8A;
    flex-direction: row;
}
.custom-stock-info svg {
    margin-right: 5px;
    display: flex;
}
.entry-summary .ast-stock-detail {
    margin-bottom: 0 !important;
    display: inline-flex !important;
}
.widget-title {
    font-size: 19px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
}
.font-garamond {
    font-family: 'EB Garamond', serif !important;
}


/* Contain the layout change to the variation section only */
.variations_form {
    contain: layout style;
}

/* Fix for Astra swatch group rendering */
.ast-variation-button-group {
    will-change: transform;
    backface-visibility: hidden;
}
/* Disable "Clear on Reselect" */
.reset_variations {
    display: none !important;
    visibility: hidden !important;
}
/* Redesign brand colors */
:root {
    --brand-burgundy: #71043d;
}

/* Redesign scroll bar */
html {
    scroll-behavior: smooth;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f4e0eb;
}

::-webkit-scrollbar-thumb {
    background: #e5a2c9;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #71043d
}
/* About page redesign */

@media (min-width: 999px) and (max-width: 1070px) {
    .about-section-wrapper>.wp-block-uagb-container .uagb-container-inner-blocks-wrap {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}
.about-section-wrapper {
    row-gap: 0 !important;
}
.about-section-header .uagb-container-inner-blocks-wrap {
    column-gap: 3rem !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}
.about-section-header .wp-block-uagb-image figure {
    filter: drop-shadow(0 25px 25px rgb(0 0 0 / .15));
}
@media (min-width: 768px) {
    .about-section-header {
        border-bottom-left-radius: 300px !important;
    }
    .about-section-header .wp-block-uagb-image figure {
        width: 18rem;
    }
}
@media (min-width: 1024px) {
    .about-section-header .wp-block-uagb-image figure {
        width: 20rem;
    }
}
.about-section-header .uagb-heading-text {
    color: var(--brand-burgundy);
    letter-spacing: -.025em;
}
@media (min-width: 768px) {
    .about-section-header .uagb-heading-text {
        font-size: 3.75rem;
        line-height: 1;
    }
}
@media (min-width: 1024px) {
    .about-section-header .uagb-heading-text {
        font-size: 3.75rem;
        line-height: 1;
    }
}
.about-section-header .about-section-header--text {
    row-gap: 24px !important;
    padding-right: 0 !important;
}
@media (min-width: 768px) {
    .about-section-header .about-section-header--text {
        padding-right: 4rem !important;
    }
}
.about-section-header .about-section-header--text>p {
    margin-bottom: 0 !important;
}
.about-section-header .about-section-header--text .wp-block-uagb-advanced-heading>p {
    color: #1f2937;
}
@media (min-width: 768px) {
    .about-section-header .about-section-header--text>p,
    .about-section-header .about-section-header--text .wp-block-uagb-advanced-heading>p {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}
.about-section-why-korean .wp-block-uagb-image__figure {
    border-radius: .75rem;
    overflow: hidden;
}
.about-section-why-korean .uag-hide-desktop {
    column-gap: .75rem !important;
}
@media (min-width: 768px) {
    .about-section-why-korean h2.uagb-heading-text {
        font-size: 2.25rem;
        line-height: 2.5rem;
        color: var(--brand-burgundy)
    }
}
.about-section-affordable .about-section-affordable--pill {
    background-color: #f4e0eb !important;
    border-radius: 300px !important;
}
.about-section-affordable .about-section-affordable--pill-content {
    max-width: 64rem !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;

    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    column-gap: 2rem !important;
    /* Adjust padding for height */
    margin: 0 auto;
}
@media (min-width: 768px) {
    .about-section-affordable .about-section-affordable--pill-content {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
}
.about-section-affordable .about-section-affordable--pill-content .wp-block-uagb-container {
    text-align: center;
    max-width: 32rem !important;
    flex: 2;
}
.about-section-affordable .about-section-affordable--pill-content .wp-block-uagb-container p:last-child {
    margin-bottom: 0 !important;
}

.about-section-affordable--pill-content .wp-block-uagb-image img {
    /* 1. Kill the hard-coded height */
    height: auto !important;

    /* 2. Set a controlled width */
    width: 7rem !important;

    /* 3. Force the image to ignore its container's height constraints */
    display: block;
    max-height: none !important;

    /* 4. Apply the 'pop out' now that the footprint is small */
    margin-top: -7rem !important;
    margin-bottom: -4rem !important;
    position: relative;
    z-index: 10;
}
.about-section-affordable--pill-content .wp-block-uagb-image {
    align-self: center !important;
}
/* 5. Ensure the Spectra wrapper doesn't try to be 524px tall too */
.about-section-affordable--pill-content .wp-block-uagb-image,
.about-section-affordable--pill-content .wp-block-uagb-image figure {
    height: auto !important;
    margin: 0 !important;
}
.about-section-affordable--pill-content .uagb-heading-text {
    color: var(--brand-burgundy);
    letter-spacing: -.025em;
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
}
@media (min-width: 768px) {
    .about-section-affordable--pill-content .uagb-heading-text {
        font-size: 2.25rem !important;
        line-height: 2.5rem !important;
    }
}
.about-section-founder .uagb-heading-text {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
    color: var(--brand-burgundy);
}
@media (min-width: 768px) {
    .about-section-founder .uagb-heading-text {
        font-size: 2.25rem !important;
        line-height: 2.5rem !important;
    }
}
.about-section-founder .wp-block-uagb-image figure {
    border-radius: 1rem;
    overflow: hidden;
}
.about-section-founder .uagb-heading-text.about-section-signature {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
}
@media (min-width: 768px) {
    .about-section-founder .uagb-heading-text.about-section-signature {
        font-size: 1.875rem !important;
        line-height: 2.25rem !important;
    }
}
.about-section-why-skinguru h3.uagb-heading-text {
    font-size: 1.25rem !important;
    line-height: 1.75rem;
    font-family: "EB Garamond", serif;
    font-weight: 600;
}
.about-section-why-skinguru h2.uagb-heading-text {
    color: var(--brand-burgundy);
}
.about-section-why-skinguru .wp-block-group>p {
    line-height: 1.625;
    margin-bottom: 0 !important;
    margin-top: 12px !important;
}
@media (min-width: 999px) and (max-width: 1024px) {
    .about-section-why-skinguru .wp-block-uagb-container .uagb-container-inner-blocks-wrap .wp-block-uagb-container:first-child {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
    .about-section-why-skinguru .wp-block-uagb-container .uagb-container-inner-blocks-wrap .wp-block-uagb-container:first-child h2.uagb-heading-text {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
}
@media (min-width: 768px) {
    .about-section-why-skinguru h3.uagb-heading-text {
        font-size: 1.5rem !important;
        line-height: 2rem;
    }
}

.about-section-why-skinguru--cards .wp-block-uagb-container {
    background: #fff;
    border-radius: 1rem;
    padding: 1.5rem !important;
    justify-content: flex-start !important;
    row-gap: .75rem !important;
}
.about-section-why-skinguru--cards .wp-block-uagb-container figure img {
    width: auto !important;
    height: 3.5rem !important;
}
@media (min-width: 768px) {
    .about-section-why-skinguru--cards .wp-block-uagb-container {
        padding: 2rem !important;
    }
}
.about-section-why-skinguru--cards .wp-block-uagb-container h4.uagb-heading-text {
    font-size: 1.125rem !important;
    line-height: 1.75rem;
    font-family: "EB Garamond", serif;
    font-weight: 600;
}
.about-section-why-skinguru--cards .wp-block-uagb-container p {
    font-size: .875rem !important;
    line-height: 1.625;
}
.about-section-history {
    row-gap: 4rem !important;
    margin-top: 7rem !important;
}
.about-section-history h2.uagb-heading-text {
    color: var(--brand-burgundy);
    font-size: 1.875rem !important;
    line-height: 2.25rem;
}
@media (min-width: 768px) {
    .about-section-history h2.uagb-heading-text {
        font-size: 2.25rem !important;
        line-height: 2.5rem;
    }
}
.about-section-history .wp-block-uagb-content-timeline {
    max-width: 944px;
}
.about-section-history .wp-block-uagb-content-timeline .uagb-timeline__day-new {
    background: #f4e0eb !important;
    border-radius: 1rem !important;
    padding: 1.5rem !important;
    text-align: left !important;
}
.about-section-history .wp-block-uagb-content-timeline .uagb-timeline__arrow {
    display: none;
}
.about-section-history .wp-block-uagb-content-timeline .uagb-timeline__day-new .uagb-timeline-desc-content {
    text-align: left !important;
    line-height: 1.625 !important;
    font-size: .875rem !important;
}
.about-section-history .wp-block-uagb-content-timeline .uagb-timeline__day-new .uagb-timeline__events-inner--content {
    padding: 0 !important;
}
.about-section-history .wp-block-uagb-content-timeline .uagb-timeline__day-new .uagb-timeline__heading {
    font-family: "EB Garamond", serif !important;
    font-size: 1rem !important;
    line-height: 1.5;
    text-align: left !important;
}
.about-section-history .wp-block-uagb-content-timeline .uagb-timeline__day-new .uagb-timeline__heading strong {
    font-weight: 600;
}
.about-section-history .wp-block-uagb-content-timeline .uagb-timeline__date-new {
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    color: var(--brand-burgundy) !important;
}
.about-section-history .wp-block-uagb-content-timeline .uagb-timeline__line {
    background-color: #f4e0eb !important;
}
.about-section-history .wp-block-uagb-content-timeline .uagb-timeline__line .uagb-timeline__line__inner {
    display: none;
}
.about-section-history .wp-block-uagb-content-timeline .uagb-timeline__marker,
.about-section-history .wp-block-uagb-content-timeline .uagb-timeline__marker.uagb-timeline__in-view-icon {
    background-color: var(--brand-burgundy) !important;
    border: 4px solid #e7dade !important;
    width: 1rem !important;
    height: 1rem !important;
    min-height: 1rem !important;
    min-width: 1rem !important;
}
@media (min-width: 768px) {
    .about-section-history .wp-block-uagb-content-timeline .uagb-timeline__marker {
        margin: 0 !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

.about-section-history .wp-block-uagb-content-timeline .uagb-timeline__marker.uagb-timeline__in-view-icon svg {
    fill: var(--brand-burgundy) !important;
    color: var(--brand-burgundy) !important;
}
.about-section-history .wp-block-uagb-content-timeline .uagb-timeline__day-right {
    margin-right: 6rem;
}
.about-section-history .wp-block-uagb-content-timeline .uagb-timeline__day-left {
    margin-left: 6rem;
}
.about-section-products .uagb-container-inner-blocks-wrap {
    row-gap: 3rem !important;
}
.about-section-products .wp-block-uagb-image figure {
    border-radius: 1rem;
    overflow: hidden;
}
.about-section-products .about-section-products--heading {
    row-gap: .75rem !important;
}
.about-section-products .about-section-products--heading p:last-child {
    margin-bottom: 0 !important;
}
.about-section-products h2.uagb-heading-text {
    font-size: 1.875rem !important;
    line-height: 2.25rem;
    color: var(--brand-burgundy);
}
.about-section-products .about-section-products--grid {
    max-width: 64rem !important;
    padding: 0 !important;
}
@media (min-width: 768px) {
    .about-section-products h2.uagb-heading-text {
        font-size: 2.25rem !important;
        line-height: 2.5rem;
    }
}

.about-section-bottle-position {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    align-self: flex-start !important;
}
.about-section-bottle-position .wp-block-uagb-image,
.about-section-bottle-position .wp-block-uagb-image__figure,
.about-section-bottle-position .wp-block-uagb-image__figure img {
    height: auto !important;
    margin: 0 !important;
}
.about-section-buy-skinguru {
    max-width: 64rem !important;
    margin: 0 auto;
}

.about-section-buy-skinguru h2.uagb-heading-text {
    font-size: 1.25rem !important;
    line-height: 1.75rem;
    font-family: "EB Garamond", serif;
    font-weight: 600;
    color: var(--brand-burgundy);
}
@media (min-width: 768px) {
    .about-section-buy-skinguru h2.uagb-heading-text {
        font-size: 1.5rem !important;
        line-height: 2rem;
    }
}
.about-section-buy-skinguru .about-section-buy-skinguru--benefits {
    padding: 0 !important;
}
.about-section-buy-skinguru .about-section-buy-skinguru--benefits .wp-block-uagb-image__figure {
    width: 3rem;
    height: 3.5rem;
}

.about-section-buy-skinguru .about-section-buy-skinguru--benefits p.uagb-heading-text {
    font-size: 1rem !important;
    line-height: 1.5rem;
}
.about-section-buy-skinguru .about-section-buy-skinguru--benefits p.uagb-heading-text strong {
    font-weight: 600;
}

@media (min-width: 768px) {
    .about-section-buy-skinguru .about-section-buy-skinguru--benefits p.uagb-heading-text {
        font-size: 1.125rem !important;
        line-height: 1.75rem;
    }
}
.about-section-buy-skinguru--benefits-grid {
    column-gap: 2rem !important;
    max-width: 56rem !important;
}
@media (min-width: 768px) {
    .about-section-buy-skinguru--benefits-grid {
        column-gap: 3rem !important;
    }
}
.about-section-buy-skinguru--benefits-grid>.wp-block-uagb-container {
    column-gap: 1rem !important;
    height: 100%;
    width: auto !important;
    max-width: 33.33% !important;
}
.about-section-buy-skinguru--benefits-grid>.wp-block-uagb-container>.wp-block-uagb-container:first-child {
    flex: 1;
    align-self: center;
}
.about-section-buy-skinguru--benefits-grid>.wp-block-uagb-container>.wp-block-uagb-container:last-child>p {
    font-size: .875rem !important;
    line-height: 1.25rem;
    margin: 0 !important;
}
.about-section-buy-skinguru .about-section-buy-skinguru--start .wp-block-uagb-image__figure {
    border-radius: 1rem;
    overflow: hidden;
}
.about-section-buy-skinguru .about-section-buy-skinguru--start .uagb-button__wrapper .uagb-buttons-repeater.wp-block-button__link {
    border-radius: 0px 30px;
    background-color: var(--brand-burgundy);
    font-weight: 600;
    padding: .875rem 2rem !important;
    color: #fff !important;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1) !important;
    line-height: 1.5;
}

.about-section-buy-skinguru .about-section-buy-skinguru--start .uagb-button__wrapper .uagb-buttons-repeater.wp-block-button__link:hover {
    background-color: var(--brand-burgundy);
    opacity: .9;
    transform: translateY(-.125rem);
}
.about-section-buy-skinguru .about-section-buy-skinguru--start h3.uagb-heading-text {
    font-size: 1.25rem !important;
    line-height: 1.75rem;
    font-family: "EB Garamond", serif;
    font-weight: 600;
}
@media (min-width: 768px) {
    .about-section-buy-skinguru .about-section-buy-skinguru--start h3.uagb-heading-text {
        font-size: 1.5rem !important;
        line-height: 2rem;
    }
}
@media (max-width: 767px) {
    .about-section-wrapper>.wp-block-uagb-container .uagb-container-inner-blocks-wrap {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .wp-block-uagb-container.about-section-affordable {
        padding-top: 2rem !important;
    }
    .about-section-affordable--pill {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .wp-block-uagb-advanced-heading.about-section-signature {
        text-align: left !important;
    }
    .about-section-why-skinguru {
        padding-top: 2rem !important;
    }
    .about-section-history .wp-block-uagb-content-timeline .uagb-timeline__marker,
    .about-section-history .wp-block-uagb-content-timeline .uagb-timeline__marker.uagb-timeline__in-view-icon {
        position: absolute;
        left: -1rem;
        margin: 0 !important;
    }
    .about-section-history .wp-block-uagb-content-timeline .uagb-timeline__day-new {
        margin-left: 1rem !important;
    }
    .about-section-history .wp-block-uagb-content-timeline .uagb-timeline__date-hide {
        display: none !important;
    }
    .about-section-history .wp-block-uagb-content-timeline .uagb-timeline__date-new {
        display: block !important;
        margin-left: 1rem;
        margin-bottom: 0.5rem;
    }
    .about-section-history .uagb-timeline__outer-wrap .uagb-timeline__field {
        flex-direction: column;
        align-items: flex-start !important;
        margin-left: calc(10px + 1rem);
    }
    .about-section-history .uagb-timeline__outer-wrap article.uagb-timeline__field:last-of-type {
        margin-bottom: 0 !important;
    }

    /* 1. Main container: Stack items in a single vertical column */
    .about-section-buy-skinguru--benefits-grid {
        display: flex;
        flex-direction: column;
        gap: 2rem !important;
        /* Space between rows */
        justify-content: flex-start !important;
    }

    /* 2. Benefit Row: Align icon and text side-by-side */
    .about-section-buy-skinguru--benefits-grid>.wp-block-uagb-container {
        display: flex;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 20px !important;
        text-align: left;
        max-width: 100% !important;
        height: auto;
    }

    /* 3. Icon Wrapper: Ensure it stays a fixed size and doesn't shrink */
    .about-section-buy-skinguru--benefits-grid>.wp-block-uagb-container>.wp-block-uagb-container {
        flex: 0 0 100px;
        /* Fixed width for the icon area */
        display: flex;
        justify-content: center;
    }

    /* 4. Text Wrapper: Let it take up the remaining space */
    .about-section-buy-skinguru--benefits-grid>.wp-block-uagb-container>.wp-block-uagb-container+.wp-block-uagb-container {
        flex: 1;
        gap: 0;
    }

    /* 5. Clean up heading and paragraph margins */
    .about-section-buy-skinguru--benefits-grid p {
        margin: 0;
    }

    .about-section-buy-skinguru--benefits-grid .uagb-heading-text {
        margin-bottom: 0;
    }

    .about-section-buy-skinguru--benefits-grid>.wp-block-uagb-container>.wp-block-uagb-container:first-child {
        flex: 0;
        align-self: flex-start;
    }
    .about-section-buy-skinguru--start {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
        gap: 3rem !important;
        text-align: center;
    }
    .uagb-timeline__center-block .uagb-timeline__line {
        left: calc(35px / 2) !important;
        right: auto !important;
    }
}
@media (max-width: 999px) {
    .about-section-products {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }
    .about-section-products--grid {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        /* Adjust spacing between items */
    }

    /* Target each product block to take up half the width minus the gap */
    .about-section-products--grid>.wp-block-uagb-container {
        flex: 0 1 calc(50% - 20px);
        box-sizing: border-box;
        row-gap: 0.5rem !important;
    }
    .about-section-products--grid>.wp-block-uagb-container p:last-child {
        margin-bottom: 0 !important;
    }
}

/* Brands Page */
.brands-page-header {
    background: linear-gradient(to bottom, #fdf2f7, #ffffff);
    padding-top: 48px !important;
    padding-bottom: 48px !important;
    row-gap: 0 !important;
}


.brands-page-header .uagb-heading-text {
    font-size: 30px !important;
    line-height: 36px !important;
    font-weight: 700;
    color: #71043D;
    margin-bottom: 12px !important;
}

/* sm:text-4xl (36px) */
@media (min-width: 640px) {
    .brands-page-header .uagb-heading-text {
        font-size: 36px !important;
        line-height: 40px !important;
    }
}

/* md:text-5xl (48px) */
@media (min-width: 768px) {
    .brands-page-header .uagb-heading-text {
        font-size: 48px !important;
        line-height: 1 !important;
    }
}

@media (min-width: 640px) {
    .brand-section {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }
}

.brands-page-header>p {
    color: #6b7280;
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
    max-width: 28rem;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 640px) {
    .brands-page-header>p {
        font-size: 1rem !important;
        line-height: 1.5rem !important;
    }
}

.brands-page-popular>.wp-block-uagb-advanced-heading .uagb-heading-text,
.brands-page-all>.wp-block-uagb-advanced-heading .uagb-heading-text {
    text-align: center;
    color: #111827;
    font-weight: 600;
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
}

/* sm:text-xl (1.25rem = 20px) */
@media (min-width: 640px) {
    .brands-page-popular>.wp-block-uagb-advanced-heading .uagb-heading-text,
    .brands-page-all>.wp-block-uagb-advanced-heading .uagb-heading-text {
        font-size: 1.25rem !important;
        line-height: 1.75rem !important;
    }
}

/* Target the inner line using your custom container class */
.brands-page-separator .wp-block-uagb-separator__inner {
    width: 3rem !important;
    border-top-width: 1px !important;
    border-top-color: rgba(113, 4, 61, 0.2) !important;

    /* Reset Spectra's default styling */
    border-top-style: solid !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;

    /* Centering */
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

/* Ensure the outer wrapper allows for centering */
.brands-page-separator {
    text-align: center !important;
}

/* Container and Typography */
#breadcrumbs {
    font-size: 0.75rem;
    /* text-xs */
    color: #9ca3af;
    /* text-gray-400 */
    font-weight: 400;
}
.brands-page-all #breadcrumbs {
    margin-top: 2.5rem;
    /* mt-10 */
    margin-bottom: 5rem;
    /* mt-10 */
}
/* Home Link */
#breadcrumbs a {
    color: inherit;
    text-decoration: none;
    transition: color 150ms ease;
}

#breadcrumbs a:hover {
    color: #71043D;
    /* hover:text-[#71043D] */
}

/* Separator styling (the » character) */
/* Yoast usually puts the separator inside a span or as plain text */
#breadcrumbs span {
    display: inline-block;
}

/* Specifically target the » character spacing */
#breadcrumbs .breadcrumb_last {
    color: #6b7280;
    /* text-gray-500 */
    margin-left: 0.375rem;
    /* mx-1.5 */
}

/* Add spacing around the separator itself */
#breadcrumbs span:not(.breadcrumb_last):after {
    /* If Yoast doesn't wrap the » in a tag, we apply margin to the spans around it */
    margin-left: 0.375rem;
    margin-right: 0.375rem;
}

/* Order Tracking Page */
.order-tracking-page {
    min-height: 100vh;
    background-image: linear-gradient(to bottom, rgba(255, 240, 245, 0.4), #ffffff);
    display: flex;
    flex-direction: column;
}
.order-tracking-header {
    /* bg-gradient-to-br from-[#fff0f5] via-[#fce4ec] to-[#fff8e1] */
    background-image: linear-gradient(135deg,
            #fff0f5 0%,
            #fce4ec 50%,
            #fff8e1 100%);
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.order-tracking-header .uagb-heading-text {
    font-size: 2.25rem;
    font-weight: 700;
    color: #71043D;
    line-height: 1.25;
    margin-bottom: 1rem;
    font-family: serif;
}

@media (min-width: 768px) {
    .order-tracking-header .uagb-heading-text {
        font-size: 3rem;
    }
}

/* Container Layout */
.order-tracking-headline {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

/* Icon Wrapper (The 48px column) */
.order-tracking-headline .wp-block-column:first-child {
    background-color: #f4e0eb;
    border-radius: 0.75rem;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px !important;
}

/* Image inside Icon Wrapper */
.order-tracking-headline .wp-block-column:first-child figure,
.order-tracking-headline .wp-block-column:first-child img {
    margin: 0;
    width: 24px;
    height: 24px;
    display: block;
}

/* Text Column */
.order-tracking-headline .wp-block-column:last-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Heading */
.order-tracking-headline .uagb-heading-text {
    font-size: 1.125rem;
    font-weight: 700;
    color: #111827;
    font-family: serif;
    margin: 0;
}

/* Subtext */
.order-tracking-headline p {
    font-size: 0.875rem;
    color: #6b7280;
    margin: 0;
}
.order-tracking-content {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important;
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
}
.order-tracking-wrapper-box {
    background-color: #ffffff;
    border-radius: 1rem;
    border: 1px solid #f3f4f6!important;
    padding: 2rem!important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);

}

@media (min-width: 768px) {
    .order-tracking-wrapper-box {
        padding: 2.5rem !important;
    }
}

.order-tracking-wrapper-box > p, .woocommerce-form-track-order > p {
    font-size: 0.875rem;
    color: #4b5563;
    line-height: 1.625;
    margin-bottom: 0.75rem;
}
/* Form Container */
.woocommerce-form-track-order {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Grid Layout for Desktop */
@media (min-width: 768px) {
    .woocommerce-form-track-order {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.25rem;
    }
    
    .woocommerce-form-track-order .form-row-first,
    .woocommerce-form-track-order .form-row-last {
        margin: 0;
        width: 100% !important;
    }
    
    .woocommerce-form-track-order p:not(.form-row-first):not(.form-row-last) {
        grid-column: span 2;
    }
}

/* Labels */
.woocommerce-form-track-order label {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.5rem;
}

/* Inputs */
.woocommerce-form-track-order input.input-text {
    width: 100%;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    border: 1px solid #e5e7eb;
    font-size: 0.875rem;
    color: #111827;
    transition: all 150ms ease-in-out;
    outline: none;
}

.woocommerce-form-track-order input.input-text::placeholder {
    color: #9ca3af;
}

.woocommerce-form-track-order input.input-text:focus {
    border-color: #71043D;
    box-shadow: 0 0 0 3px rgba(113, 4, 61, 0.1);
}

/* Submit Button */
.woocommerce-form-track-order .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #71043D !important;
    color: #ffffff !important;
    padding: 0.75rem 2rem!important;
    border-radius: 0.75rem!important;
    font-weight: 600!important;
    font-size: 0.875rem!important;
    line-height: 1.25rem!important;
    border: none;
    cursor: pointer;
    transition: all 300ms ease-in-out;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.woocommerce-form-track-order .button:hover {
    opacity: 0.9;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
}

/* Clear floating issues */
.woocommerce-form-track-order .clear {
    display: none;
}

/* Add padding to make room for the icons */
.woocommerce-form-track-order input.input-text {
    padding-left: 2.5rem !important;
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 16px 16px;
}

/* Order ID Icon (Lucide Hash) */
.woocommerce-form-track-order #orderid {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' x2='20' y1='9' y2='9'%3E%3C/line%3E%3Cline x1='4' x2='20' y1='15' y2='15'%3E%3C/line%3E%3Cline x1='10' x2='8' y1='3' y2='21'%3E%3C/line%3E%3Cline x1='16' x2='14' y1='3' y2='21'%3E%3C/line%3E%3C/svg%3E");
}

/* Email Icon (Lucide Mail) */
.woocommerce-form-track-order #order_email {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'%3E%3C/rect%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'%3E%3C/path%3E%3C/svg%3E");
}

/* Track Button Icon (Lucide Search) */
.woocommerce-form-track-order .button {
    position: relative;
    padding-left: 2.75rem !important;
}

.woocommerce-form-track-order .button::before {
    content: "";
    position: absolute;
    left: 1.25rem;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.3-4.3'%3E%3C/path%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}
.woocommerce-form-track-order .form-row{
    width: 100%!important;
    float: none!important;
}

/* Reset Astra's hidden/floating label logic for the tracking form */
.woocommerce-form-track-order .form-row label {
    position: relative !important; /* Move it back into the document flow */
    opacity: 1 !important;        /* Make it visible */
    pointer-events: auto !important;
    display: block !important;
    
    /* Reset dimensions and clipping */
    height: auto !important;
    width: auto !important;
    clip: auto !important;
    clip-path: none !important;
    overflow: visible !important;
    
    /* Styling to match your design */
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    color: #374151 !important;
    margin-bottom: 0.5rem !important;
    margin-top: 0 !important;
    padding: 0 !important;
    transition: none !important;
}

/* Ensure the form row doesn't collapse now that the label is relative */
.woocommerce-form-track-order .form-row {
    display: flex;
    flex-direction: column;
}