.elementor-20 .elementor-element.elementor-element-a5e74bc{--display:flex;--min-height:149px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-ec6a574.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-ec6a574 .elementor-wrapper{--video-aspect-ratio:1.77777;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-20 .elementor-element.elementor-element-5e3bd33{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-20 .elementor-element.elementor-element-b429c6c .elementor-button{border-style:solid;}.elementor-20 .elementor-element.elementor-element-ba8cb46 .elementor-button{border-style:solid;}.elementor-20 .elementor-element.elementor-element-d507702{text-align:center;}.elementor-20 .elementor-element.elementor-element-d507702 .elementor-heading-title{font-family:"Mattone", Kanit;font-size:19px;font-weight:200;text-decoration:underline;}.elementor-20 .elementor-element.elementor-element-6587ff1{text-align:center;}.elementor-20 .elementor-element.elementor-element-6587ff1 .elementor-heading-title{font-family:"Mattone", Kanit;font-size:19px;font-weight:200;text-decoration:underline;}.elementor-20 .elementor-element.elementor-element-a04ef2b{overflow:hidden;padding:0px 30px 0px 30px;}.elementor-20 .elementor-element.elementor-element-2da99c9 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:25px;}.elementor-20 .elementor-element.elementor-element-e79edef > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-e79edef{text-align:center;}.elementor-20 .elementor-element.elementor-element-e79edef .elementor-heading-title{font-weight:300;text-transform:uppercase;}.elementor-20 .elementor-element.elementor-element-f7f1597{--vamtam-cols:4;--vamtam-col-hint:20px;--vamtam-col-gap:20px;}.elementor-20 .elementor-element.elementor-element-f7f1597.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-20 .elementor-element.elementor-element-f7f1597.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:none;}.elementor-20 .elementor-element.elementor-element-f7f1597.elementor-wc-products ul.products li.product .star-rating{font-size:0.3em;}.elementor-20 .elementor-element.elementor-element-f7f1597.elementor-wc-products ul.products li.product{border-radius:0px;}.elementor-20 .elementor-element.elementor-element-c125c71{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-b78b269{--display:flex;--min-height:380px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-20 .elementor-element.elementor-element-b78b269:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-b78b269 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dr-rasheljo.com/wp-content/uploads/2025/12/Screenshot-2025-12-12-at-4.57.48-PM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-b78b269::before, .elementor-20 .elementor-element.elementor-element-b78b269 > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-b78b269 > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-b78b269 > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-b78b269 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-b78b269 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-43a46f3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-df05b1f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-df05b1f{text-align:center;}.elementor-20 .elementor-element.elementor-element-df05b1f .elementor-heading-title{font-weight:300;text-transform:uppercase;}.elementor-20 .elementor-element.elementor-element-b197bc7{--display:flex;}.elementor-20 .elementor-element.elementor-element-8ae04fa .elementor-image-carousel-caption{text-align:center;}.elementor-20 .elementor-element.elementor-element-70353d1{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-70353d1:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-70353d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dr-rasheljo.com/wp-content/uploads/2025/12/skincare-PACKAGES-6-scaled.png");background-position:center center;background-size:contain;}.elementor-20 .elementor-element.elementor-element-6cc0afd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-fce030c{--vamtam-cols:4;--vamtam-col-gap:20px;}.elementor-20 .elementor-element.elementor-element-fce030c.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-20 .elementor-element.elementor-element-fce030c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-20 .elementor-element.elementor-element-9e8c6d5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-7cb9bac{--display:flex;--min-height:372px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-7cb9bac:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-7cb9bac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dr-rasheljo.com/wp-content/uploads/2025/12/skincare-PACKAGES-8-scaled.png");background-position:center center;background-repeat:repeat;background-size:contain;}.elementor-20 .elementor-element.elementor-element-1110f03{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-bf22130 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-bf22130{text-align:center;}.elementor-20 .elementor-element.elementor-element-bf22130 .elementor-heading-title{font-weight:300;text-transform:uppercase;}.elementor-20 .elementor-element.elementor-element-7f9f017{--display:flex;}.elementor-20 .elementor-element.elementor-element-257fee2 .elementor-image-carousel-caption{text-align:center;}.elementor-20 .elementor-element.elementor-element-deca164{--display:flex;}.elementor-20 .elementor-element.elementor-element-44fad6f{--display:flex;--min-height:521px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-44fad6f:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-44fad6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dr-rasheljo.com/wp-content/uploads/2025/12/skincare-PACKAGES-9-3.png");background-position:center center;background-repeat:repeat-x;background-size:cover;}.elementor-20 .elementor-element.elementor-element-5dec700{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-bb544d7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-bb544d7{text-align:center;}.elementor-20 .elementor-element.elementor-element-bb544d7 .elementor-heading-title{font-weight:300;text-transform:uppercase;}.elementor-20 .elementor-element.elementor-element-fb62be3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-9c7893a{--vamtam-cols:4;--vamtam-col-gap:20px;}.elementor-20 .elementor-element.elementor-element-9c7893a.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-20 .elementor-element.elementor-element-9c7893a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-20 .elementor-element.elementor-element-8a6d49e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-cf9e056{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-883524d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-085ced9{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-20 .elementor-element.elementor-element-085ced9 .elementor-divider-separator{width:100%;}.elementor-20 .elementor-element.elementor-element-085ced9 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-20 .elementor-element.elementor-element-efa904f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-c41f8d9 p{margin-block-end:0px;}.elementor-20 .elementor-element.elementor-element-82c56b9{--grid-template-columns:repeat(0, auto);--icon-size:40px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-20 .elementor-element.elementor-element-82c56b9 .elementor-widget-container{text-align:center;}.elementor-20 .elementor-element.elementor-element-82c56b9 .elementor-social-icon{background-color:#FFFFFF;border-style:none;}.elementor-20 .elementor-element.elementor-element-82c56b9 .elementor-social-icon i{color:#000000;}.elementor-20 .elementor-element.elementor-element-82c56b9 .elementor-social-icon svg{fill:#000000;}.elementor-20 .elementor-element.elementor-element-815d302{--display:flex;}body.elementor-page-20:not(.elementor-motion-effects-element-type-background), body.elementor-page-20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-5e3bd33{--grid-auto-flow:row;}.elementor-20 .elementor-element.elementor-element-a04ef2b{padding:0px 10px 0px 10px;}.elementor-20 .elementor-element.elementor-element-2da99c9 > .elementor-element-populated{margin-block-start:0px;margin-inline-start:0px;margin-block-end:0px;margin-inline-end:0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding-block-start:0px;padding-inline-start:0px;padding-block-end:0px;padding-inline-end:0px;}.elementor-20 .elementor-element.elementor-element-f7f1597{--vamtam-cols:3;--vamtam-col-gap:20px;}.elementor-20 .elementor-element.elementor-element-f7f1597.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-20 .elementor-element.elementor-element-b78b269{--min-height:194px;}.elementor-20 .elementor-element.elementor-element-70353d1{--min-height:261px;}.elementor-20 .elementor-element.elementor-element-fce030c{--vamtam-cols:3;--vamtam-col-gap:20px;}.elementor-20 .elementor-element.elementor-element-fce030c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-20 .elementor-element.elementor-element-7cb9bac{--min-height:260px;}.elementor-20 .elementor-element.elementor-element-44fad6f{--min-height:313px;}.elementor-20 .elementor-element.elementor-element-9c7893a{--vamtam-cols:3;--vamtam-col-gap:20px;}.elementor-20 .elementor-element.elementor-element-9c7893a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-a5e74bc{--content-width:56%;}.elementor-20 .elementor-element.elementor-element-70353d1{--width:100%;}.elementor-20 .elementor-element.elementor-element-7cb9bac{--width:100%;}.elementor-20 .elementor-element.elementor-element-44fad6f{--width:94%;}}@media(max-width:1024px) and (min-width:768px){.elementor-20 .elementor-element.elementor-element-a5e74bc{--content-width:80%;}.elementor-20 .elementor-element.elementor-element-b78b269{--width:100%;}.elementor-20 .elementor-element.elementor-element-44fad6f{--width:100%;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-5e3bd33{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-20 .elementor-element.elementor-element-b429c6c .elementor-button{border-width:2px 2px 2px 2px;}.elementor-20 .elementor-element.elementor-element-ba8cb46 .elementor-button{border-width:2px 2px 2px 2px;}.elementor-20 .elementor-element.elementor-element-d507702{text-align:center;}.elementor-20 .elementor-element.elementor-element-d507702 .elementor-heading-title{font-size:14px;}.elementor-20 .elementor-element.elementor-element-6587ff1{text-align:center;}.elementor-20 .elementor-element.elementor-element-6587ff1 .elementor-heading-title{font-size:14px;}.elementor-20 .elementor-element.elementor-element-a04ef2b{margin-top:-10px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-20 .elementor-element.elementor-element-2da99c9 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-20 .elementor-element.elementor-element-e79edef > .elementor-widget-container{margin:20px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-e79edef{text-align:center;}.elementor-20 .elementor-element.elementor-element-f7f1597{--vamtam-cols:3;--vamtam-col-hint:0px;--vamtam-col-gap:20px;--vamtam-img-spacing:0px;}.elementor-20 .elementor-element.elementor-element-f7f1597.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:0px;}.elementor-20 .elementor-element.elementor-element-f7f1597.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-20 .elementor-element.elementor-element-f7f1597.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:8px;}.elementor-20 .elementor-element.elementor-element-f7f1597.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{margin-bottom:6px;}.elementor-20 .elementor-element.elementor-element-f7f1597.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{margin-bottom:6px;}.elementor-20 .elementor-element.elementor-element-f7f1597.elementor-wc-products ul.products li.product .star-rating{margin-bottom:0px;}.elementor-20 .elementor-element.elementor-element-c125c71{--justify-content:center;}.elementor-20 .elementor-element.elementor-element-b78b269:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-b78b269 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dr-rasheljo.com/wp-content/uploads/2025/12/Screenshot-2025-12-12-at-4.57.48-PM.png");background-repeat:no-repeat;background-size:contain;}.elementor-20 .elementor-element.elementor-element-b78b269{--min-height:150px;--margin-top:20px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-43a46f3{--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-df05b1f > .elementor-widget-container{margin:20px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-df05b1f{text-align:center;}.elementor-20 .elementor-element.elementor-element-b197bc7{--margin-top:-5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-8ae04fa{--e-image-carousel-slides-to-show:2;}.elementor-20 .elementor-element.elementor-element-70353d1:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-70353d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dr-rasheljo.com/wp-content/uploads/2025/12/skincare-PACKAGES-6-scaled.png");background-size:cover;}.elementor-20 .elementor-element.elementor-element-70353d1{--min-height:164px;--margin-top:35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-6cc0afd{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-fce030c{--vamtam-cols:2;--vamtam-col-gap:20px;}.elementor-20 .elementor-element.elementor-element-fce030c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-20 .elementor-element.elementor-element-9e8c6d5{--justify-content:center;}.elementor-20 .elementor-element.elementor-element-7cb9bac:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-7cb9bac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dr-rasheljo.com/wp-content/uploads/2025/12/skincare-PACKAGES-7-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-7cb9bac{--min-height:190px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-1110f03{--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-bf22130 > .elementor-widget-container{margin:20px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-bf22130{text-align:center;}.elementor-20 .elementor-element.elementor-element-257fee2{--e-image-carousel-slides-to-show:2;}.elementor-20 .elementor-element.elementor-element-44fad6f:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-44fad6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dr-rasheljo.com/wp-content/uploads/2025/12/skincare-PACKAGES-7-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-44fad6f{--min-height:190px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-bb544d7 > .elementor-widget-container{margin:20px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-bb544d7{text-align:center;}.elementor-20 .elementor-element.elementor-element-9c7893a{--vamtam-cols:2;--vamtam-col-gap:20px;}.elementor-20 .elementor-element.elementor-element-9c7893a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for heading, class: .elementor-element-e79edef *//* Wrapper: the Elementor heading widget with class "bestsellers-title" */
.bestsellers-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;              /* space between text and lines */
    margin: 20px 0;
}

/* The actual heading text inside */
.bestsellers-title .elementor-heading-title {
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    white-space: nowrap;    /* keeps "Bestsellers" on one line */
}

/* Left & right lines */
.bestsellers-title::before,
.bestsellers-title::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #d1d1d1;
    opacity: 0.7;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-f7f1597 *//* ---------------------------------------------- */
/* VOGACLOSET STYLE – FULL PRODUCT CARD REPLICA   */
/* ---------------------------------------------- */

/* Horizontal scrolling row */
.woocommerce ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 16px !important;
    padding: 6px 0 12px !important;
    scroll-behavior: smooth;
}

.woocommerce ul.products::-webkit-scrollbar {
    height: 0px;
}

/* Product card */
.woocommerce ul.products li.product {
    min-width: 150px !important;
    max-width: 150px !important;
    height: 290px !important; /* Voga proportion */
    background: #ffffff !important;
    border-radius: 14px !important;
    padding: 8px !important; /* tighter like Voga */
    box-shadow: 0px 2px 10px rgba(0,0,0,0.05) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    text-align: left !important;
    position: relative;
}

/* Product image */
.woocommerce ul.products li.product img {
    width: 100% !important;
    height: 150px !important; /* square-ish like Voga */
    object-fit: cover !important;
    border-radius: 12px !important;
    margin-bottom: 6px !important;
}

/* Title — always TWO lines */
.woocommerce-loop-product__title {
    font-weight: 300 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    color: #000 !important;

    min-height: 30px !important;
    max-height: 30px !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;

    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

/* FORCE 2-line block even when product name is short */
.woocommerce-loop-product__title::after {
    content: "" !important;
    visibility: hidden !important;
    display: block !important;
    height: 0 !important;
}

/* Price */
.woocommerce ul.products li.product .price {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #000 !important;
    margin: 2px 0 8px 0 !important; /* spacing above button */
    text-align: left !important;
}

/* Hide rating */
.woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .woocommerce-product-rating {
    display: none !important;
}

/* Add to cart button — Voga style */
.woocommerce ul.products li.product .button {
    display: block !important;
    width: 100% !important;

    font-size: 11px !important;
    font-weight: 400 !important;
    color: #000 !important;

    padding: 4px 0 !important; /* thinner button */
    height: 28px !important;
    line-height: 20px !important;

    border-radius: 14px !important; /* small curve */
    border: 1px solid #d1d1d1 !important;
    background: #ffffff !important;

    margin-top: auto !important; /* pushes it to bottom */
    margin-bottom: 2px !important;
    text-align: center !important;
}

/* Remove WooCommerce default cart icon */
.woocommerce ul.products li.product .button:before {
    display: none !important;
}

/* ==== 1) ALWAYS SHOW ADD TO CART (disable hover reveal) ==== */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product:hover .button {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* some themes fade it in from below on hover – kill that */
.woocommerce ul.products li.product .button {
    position: static !important;
}


/* ==== 2) FORCE SHORT TITLES TO BREAK INTO 2 LINES ==== */
/* use a slightly narrower text box so names like "Ouai Haircare"
   are forced to wrap instead of staying on one line */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    max-width: 120px !important;   /* narrower than card width (150px) */
    white-space: normal !important;
}

/* ============================================== */
/* 1) Reduce spacing between price and Add to Cart */
/* ============================================== */

.woocommerce ul.products li.product .price {
    margin-bottom: 4px !important; /* was 8px → now tighter */
}

/* Move Add to Cart slightly upward */
.woocommerce ul.products li.product .button {
    margin-top: -40px !important;
    /* was auto; now pulls it closer */
}


/* ============================================== */
/* 2) Center TITLE + PRICE horizontally            */
/* ============================================== */

/* Center title text */
.woocommerce-loop-product__title {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Center price text */
.woocommerce ul.products li.product .price {
    text-align: center !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Reduce empty space under the Add to Cart button */
.woocommerce ul.products li.product {
    padding-bottom: 0px !important;   /* was 8px */
    height: 270px !important;         /* was 290px */
}

/* Stronger shadow for white background */
.woocommerce ul.products li.product {
    box-shadow: 
        0 3px 10px rgba(0,0,0,0.10),   /* soft around edges */
        0 6px 18px rgba(0,0,0,0.08);   /* deeper main shadow */
}

.woocommerce ul.products li.product {
    padding-bottom: 0px !important;
    height: 270px !important;
}
.woocommerce ul.products li.product {
    border: 1px solid rgba(0,0,0,0.06) !important;
    box-shadow: 
        0 3px 10px rgba(0,0,0,0.08),
        0 6px 18px rgba(0,0,0,0.06) !important;
}

/* ================================================= */
/* DESKTOP FIX — RESTORE GRID & CLEAN LAYOUT         */
/* ================================================= */

@media (min-width: 1024px) {

    /* 1) Stop horizontal scroll on desktop */
    .woocommerce ul.products {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important; /* 4 per row */
        gap: 24px !important;
        overflow-x: hidden !important;
        padding: 0 !important;
    }

    /* 2) Reset product card size for desktop */
    .woocommerce ul.products li.product {
        min-width: auto !important;
        max-width: none !important;
        width: 100% !important;

        height: auto !important;
        padding: 14px !important;
        border-radius: 16px !important;

        display: flex !important;
        flex-direction: column !important;
    }

    /* 3) Bigger product image */
    .woocommerce ul.products li.product img {
        height: 260px !important;
        margin-bottom: 10px !important;
        border-radius: 14px !important;
    }

    /* 4) Title — allow 2–3 lines on desktop */
    .woocommerce-loop-product__title {
        font-size: 14px !important;
        line-height: 1.4 !important;

        min-height: unset !important;
        max-height: unset !important;
        -webkit-line-clamp: 3 !important;

        text-align: center !important;
        max-width: 100% !important;
    }

    /* Remove forced mobile title tricks */
    .woocommerce-loop-product__title::after {
        display: none !important;
    }

    /* 5) Price spacing */
    .woocommerce ul.products li.product .price {
        font-size: 15px !important;
        margin: 6px 0 12px !important;
        text-align: center !important;
    }

    /* 6) Fix Add to Cart button positioning */
    .woocommerce ul.products li.product .button {
        margin-top: auto !important;
        height: 36px !important;
        font-size: 13px !important;
        border-radius: 18px !important;
    }

    /* Undo mobile negative margin */
    .woocommerce ul.products li.product .button {
        margin-top: auto !important;
    }

    /* 7) Subtle desktop hover (optional, Voga-like) */
    .woocommerce ul.products li.product:hover {
        transform: translateY(-3px);
        transition: transform 0.25s ease, box-shadow 0.25s ease;
        box-shadow:
            0 8px 22px rgba(0,0,0,0.10),
            0 14px 40px rgba(0,0,0,0.08);
    }
}
/* ================================================= */
/* TABLET FIX — 2–3 cards per row, Voga feel         */
/* ================================================= */

@media (min-width: 768px) and (max-width: 1023px) {

    /* Switch from horizontal scroll to grid */
    .woocommerce ul.products {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important; /* 3 per row */
        gap: 18px !important;
        overflow-x: hidden !important;
        padding: 0 !important;
    }

    /* Tablet card sizing */
    .woocommerce ul.products li.product {
        min-width: auto !important;
        max-width: none !important;
        width: 100% !important;

        height: auto !important;
        padding: 12px !important;
        border-radius: 15px !important;

        display: flex !important;
        flex-direction: column !important;
    }

    /* Tablet image size */
    .woocommerce ul.products li.product img {
        height: 200px !important;
        margin-bottom: 8px !important;
    }

    /* Title — still clean, slightly larger */
    .woocommerce-loop-product__title {
        font-size: 13px !important;
        line-height: 1.3 !important;
        -webkit-line-clamp: 2 !important;
        text-align: center !important;
        max-width: 100% !important;
    }

    /* Price */
    .woocommerce ul.products li.product .price {
        font-size: 14px !important;
        margin: 6px 0 10px !important;
        text-align: center !important;
    }

    /* Add to cart — normal flow (no negative margin) */
    .woocommerce ul.products li.product .button {
        position: static !important;
        margin-top: auto !important;
        height: 32px !important;
        font-size: 12px !important;
        border-radius: 16px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-df05b1f *//* Wrapper: the Elementor heading widget with class "bestsellers-title" */
.bestsellers-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;              /* space between text and lines */
    margin: 20px 0;
}

/* The actual heading text inside */
.bestsellers-title .elementor-heading-title {
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    white-space: nowrap;    /* keeps "Bestsellers" on one line */
}

/* Left & right lines */
.bestsellers-title::before,
.bestsellers-title::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #d1d1d1;
    opacity: 0.7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b197bc7 *//* =========================================== */
/*  E L E M E N T O R   C A R O U S E L  S T Y L E  */
/* =========================================== */

/* Carousel container spacing */
.elementor-swiper-button-prev,
.elementor-swiper-button-next {
    display: none !important; /* hide arrows for clean scroll look */
}

.elementor-image-carousel-wrapper .swiper-slide {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0px;
}

/* Image styling */
.elementor-image-carousel-wrapper .swiper-slide img {
    width: 150px !important;      /* clean fixed size */
    height: 150px !important;     /* consistent crop */
    object-fit: cover !important;
    border-radius: 14px !important;
    box-shadow: 0px 3px 12px rgba(0,0,0,0.12);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Hover animation */
.elementor-image-carousel-wrapper .swiper-slide img:hover {
    transform: scale(1.03);
    box-shadow: 0px 6px 16px rgba(0,0,0,0.18);
}

/* Caption style */
.elementor-image-carousel-caption {
    margin-top: 5px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #000000 !important;
    text-align: center !important;
    width: 100%;
}

/* Increase spacing between items */
.elementor-image-carousel-wrapper .swiper-slide {
    margin-right: 5px !important; 
}

/* Make scroll smooth on mobile */
.swiper-wrapper {
    scroll-behavior: smooth !important;
}

/* =========================================== */
/* SHOW A BIT OF THE NEXT SLIDE (PEEK EFFECT)  */
/* =========================================== */

/* Make each slide slightly narrower so the next one peeks */
.elementor-image-carousel-wrapper .swiper-slide {
    flex: 0 0 48% !important;    /* instead of 50% → shows ~10-15px of next slide */
    max-width: 48% !important;
}

/* Add padding to the right so the peek doesn't get cut off */
.elementor-image-carousel-wrapper {
    padding-right: 20px !important;
}
/* ========================================= */
/* DESKTOP — REMOVE EXTRA SPACE BETWEEN SLIDES */
/* ========================================= */

@media (min-width: 1024px) {

  /* Kill swiper spacing logic */
  .elementor-image-carousel-wrapper .swiper-wrapper {
    gap: 0 !important;
    transform: translate3d(0,0,0) !important;
  }

  /* Force slides to hug each other */
  .elementor-image-carousel-wrapper .swiper-slide {
    flex: 0 0 auto !important;
    max-width: none !important;
    margin-right: 6px !important; /* 👈 CONTROL GAP HERE */
    padding: 0 !important;
  }

  /* Remove mobile peek padding */
  .elementor-image-carousel-wrapper {
    padding-right: 0 !important;
  }

  /* Compact desktop image size */
  .elementor-image-carousel-wrapper .swiper-slide img {
    width: 180px !important;
    height: 180px !important;
    margin: 0 !important;
  }

  /* Optional: tighten caption spacing */
  .elementor-image-carousel-caption {
    margin-top: 4px !important;
  }
}

@media (min-width: 1024px) {

  /* Disable swiper movement & make it a centered row */
  .elementor-image-carousel-wrapper .swiper-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 40px !important;        /* minimal spacing */
    transform: none !important;
    width: 100% !important;
  }

  /* Make slides natural size */
  .elementor-image-carousel-wrapper .swiper-slide {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Compact images = more slides visible */
  .elementor-image-carousel-wrapper .swiper-slide img {
    width: 160px !important;   /* adjust for density */
    height: 160px !important;
    margin: 0 !important;
  }

  /* Remove mobile padding / peek logic */
  .elementor-image-carousel-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
  }

  /* Hide arrows completely */
  .elementor-swiper-button-prev,
  .elementor-swiper-button-next {
    display: none !important;
  }

  /* Tight caption */
  .elementor-image-carousel-caption {
    margin-top: 4px !important;
    font-size: 14px !important;
  }
}
/* ================================================= */
/* TABLET — MATCH DESKTOP CAROUSEL EXACTLY           */
/* ================================================= */

@media (min-width: 768px) and (max-width: 1023px) {

  /* Disable swiper movement & center everything */
  .elementor-image-carousel-wrapper .swiper-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 40px !important;      /* SAME AS DESKTOP */
    transform: none !important;
    width: 100% !important;
  }

  /* Slides behave exactly like desktop */
  .elementor-image-carousel-wrapper .swiper-slide {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Same image size as desktop */
  .elementor-image-carousel-wrapper .swiper-slide img {
    width: 160px !important;
    height: 160px !important;
    margin: 0 !important;
  }

  /* Remove mobile peek logic */
  .elementor-image-carousel-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
  }

  /* Keep arrows hidden */
  .elementor-swiper-button-prev,
  .elementor-swiper-button-next {
    display: none !important;
  }

  /* Same caption styling as desktop */
  .elementor-image-carousel-caption {
    margin-top: 4px !important;
    font-size: 14px !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bf22130 *//* Wrapper: the Elementor heading widget with class "bestsellers-title" */
.bestsellers-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;              /* space between text and lines */
    margin: 20px 0;
}

/* The actual heading text inside */
.bestsellers-title .elementor-heading-title {
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    white-space: nowrap;    /* keeps "Bestsellers" on one line */
}

/* Left & right lines */
.bestsellers-title::before,
.bestsellers-title::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #d1d1d1;
    opacity: 0.7;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bb544d7 *//* Wrapper: the Elementor heading widget with class "bestsellers-title" */
.bestsellers-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;              /* space between text and lines */
    margin: 20px 0;
}

/* The actual heading text inside */
.bestsellers-title .elementor-heading-title {
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    white-space: nowrap;    /* keeps "Bestsellers" on one line */
}

/* Left & right lines */
.bestsellers-title::before,
.bestsellers-title::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #d1d1d1;
    opacity: 0.7;
}/* End custom CSS */
/* Start custom CSS */:root {
    --vamtam-sticky-header-bg-color:var(--vamtam-accent-color-6);
    --vamtam-givewp-form-dark:1;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Mattone';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://dr-rasheljo.com/wp-content/uploads/2021/07/Mattone-150.woff2') format('woff2'),
		url('https://dr-rasheljo.com/wp-content/uploads/2021/07/Mattone-150.woff') format('woff');
}
/* End Custom Fonts CSS */