/* Add custom CSS styles below */ 
.store-header .top-navbar {








    padding: 0 !important;








}








 








.store-header .main-nav-container {








    min-height: unset;








    height: auto !important;








}








.store-header .header-menu-icon {








    height: 40px;








    vertical-align: middle;








    align-items: center;








}
/* CHARM approved draft layout, 12 October 2026. */
.charm-en{display:none}html[lang^="en"] .charm-ar{display:none}html[lang^="en"] .charm-en{display:inline}
.charm-departments{max-width:1440px;margin:36px auto 0;padding:0 24px;color:#18271e}
.charm-departments h2{font-size:24px;line-height:1.5;margin:0 0 22px}
.charm-category-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.charm-category-grid a{display:block;text-align:center;font-size:13px;line-height:1.5}
.charm-category-grid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#faf8f3;padding:10px;border:1px solid #e8ebe5;border-radius:4px;margin-bottom:10px}
.charm-category-grid a:focus-visible,.charm-show-more:focus-visible{outline:3px solid #63946f;outline-offset:4px}
.charm-curated{scroll-margin-top:110px}
.charm-curated .s-products-list-vertical-cards{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:18px!important}
#beauty-picks .s-products-list-vertical-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.charm-curated custom-salla-product-card{min-width:0;border-radius:4px!important;border-color:#e8ebe5!important;overflow:hidden}
.charm-curated .thumb-wrapper img{object-fit:contain!important}
.charm-show-more{display:none}
.prod-main-content>.product-form{order:8!important;margin-block:18px}
.prod-main-content>.p-share{order:18!important}
.prod-main-content>.product-sku-wrapper{order:19!important}
@media(max-width:1199px){.charm-category-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.charm-curated .s-products-list-vertical-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:767px){.charm-departments{padding:0 16px;margin-top:28px}.charm-departments h2{font-size:21px}.charm-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.charm-category-grid a{font-size:12px}.charm-curated .s-products-list-vertical-cards,#beauty-picks .s-products-list-vertical-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.charm-curated:not(#beauty-picks):not(.charm-expanded) .s-products-list-vertical-cards>*:nth-child(n+5){display:none!important}.charm-show-more{display:block;width:100%;padding:13px 16px;min-height:44px;border:1px solid #e8ebe5;background:white;color:#174b36;margin-top:18px}.charm-show-more[hidden]{display:none!important}.charm-curated{scroll-margin-top:135px}}
@media(prefers-reduced-motion:reduce){.charm-category-grid *, .charm-curated *{animation:none!important;transition:none!important}}




/* Mobile purchase controls: verified against the native Salla product page. */
@media(max-width:767px){body.product-single .mobile-nav-inner{display:none!important}body.product-single div[id^="gb-widget-"]{transform:translateY(-130px)!important}body:not(.product-single) div[id^="gb-widget-"]{transform:translateY(-62px)!important}}


/* CHARM native banners and category image polish, 15 October 2026. */
body section.charm-departments-native.s-block .banner-entry{aspect-ratio:1!important;height:auto!important;background-color:#faf8f3!important;overflow:hidden}
body section.charm-departments-native.s-block .banner-img{width:100%!important;height:100%!important;object-fit:contain!important;padding:10px;transform:none!important}
body section.charm-departments-native.s-block .banner__title{font-size:15px;line-height:1.5}
body section.charm-departments-native.s-block .banner-entry__text:focus-visible,body section.charm-hero.s-block-fullscreen-banners .fs_banners_btn:focus-visible,body section.charm-campaign.s-block-fullscreen-banners .fs_banners_btn:focus-visible{outline:3px solid #63946f;outline-offset:4px}
body section.charm-hero.s-block-fullscreen-banners,body section.charm-campaign.s-block-fullscreen-banners{overflow:hidden}
body section.charm-campaign.s-block-fullscreen-banners{max-width:1440px;margin:40px auto 0!important;border-radius:8px}
body section.charm-campaign.s-block-fullscreen-banners .bg__image{height:360px!important;background:#faf8f3}
.charm-campaign-charm .bg__image,.charm-campaign-perfume .bg__image{background:#153e2d}
body section.charm-campaign.s-block-fullscreen-banners .bg__image img{height:100%!important;width:100%!important;object-fit:cover!important}
body section.charm-hero.s-block-fullscreen-banners .floating-wrapper,body section.charm-campaign.s-block-fullscreen-banners .floating-wrapper{width:54%!important;right:0!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;height:auto!important}
body section.charm-hero.s-block-fullscreen-banners .floating_text,body section.charm-campaign.s-block-fullscreen-banners .floating_text{padding:24px 32px!important}
body section.charm-hero.s-block-fullscreen-banners .title{font-size:clamp(28px,2.8vw,44px)!important;line-height:1.5!important}
body section.charm-campaign.s-block-fullscreen-banners .title{font-size:clamp(26px,2.3vw,36px)!important;line-height:1.5!important}
body section.charm-hero.s-block-fullscreen-banners .subtitle,body section.charm-campaign.s-block-fullscreen-banners .subtitle{font-size:16px!important;line-height:1.8!important;margin-top:8px}
body section.charm-hero.s-block-fullscreen-banners .fs_banners_btn,body section.charm-campaign.s-block-fullscreen-banners .fs_banners_btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:12px 24px!important;line-height:1.5!important;border-radius:4px!important;margin-top:18px!important}
@media(max-width:1023px){
body section.charm-hero.s-block-fullscreen-banners .bg__image{height:clamp(420px,105vw,480px)!important;background:#faf8f3}
body section.charm-campaign.s-block-fullscreen-banners{margin-top:28px!important;border-radius:0}
body section.charm-campaign.s-block-fullscreen-banners .bg__image{height:360px!important}
body section.charm-hero.s-block-fullscreen-banners .bg__image img,body section.charm-campaign.s-block-fullscreen-banners .bg__image img{height:auto!important;width:100%!important;position:absolute!important;bottom:0!important;left:0!important;object-fit:contain!important}
body section.charm-hero.s-block-fullscreen-banners .floating-wrapper,body section.charm-campaign.s-block-fullscreen-banners .floating-wrapper{width:100%!important;top:0!important;right:0!important;left:0!important;transform:none!important}
body section.charm-hero.s-block-fullscreen-banners .floating_text,body section.charm-campaign.s-block-fullscreen-banners .floating_text{padding:20px 18px!important;max-width:540px;margin:auto}
body section.charm-hero.s-block-fullscreen-banners .title{font-size:26px!important;line-height:1.4!important}
body section.charm-campaign.s-block-fullscreen-banners .title{font-size:23px!important;line-height:1.4!important}
body section.charm-hero.s-block-fullscreen-banners .subtitle,body section.charm-campaign.s-block-fullscreen-banners .subtitle{font-size:13px!important;line-height:1.6!important;margin-top:7px}
body section.charm-hero.s-block-fullscreen-banners .fs_banners_btn,body section.charm-campaign.s-block-fullscreen-banners .fs_banners_btn{margin-top:12px!important;font-size:14px!important}
}
@media(max-width:767px){body section.charm-departments-native.s-block .banner__title{font-size:12px!important}body section.charm-departments-native.s-block .banner-img{padding:8px}body section.charm-departments-native.s-block .grid{gap:18px 12px!important}}


@media(max-width:1023px){body section.charm-hero.s-block-fullscreen-banners .bg__image{min-height:clamp(420px,105vw,480px)!important}body section.charm-campaign.s-block-fullscreen-banners .bg__image{min-height:360px!important}}
/* Category photo backgrounds remain fully visible within equal square tiles. */
body section.charm-departments-native.s-block .banner-entry{padding:10px!important;aspect-ratio:1!important;height:auto!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background-origin:content-box!important;transform:none!important}

/* Match native per-section height rules for the approved fixed section order. */
body section#fullscreen-banner-7.s-block-fullscreen-banners.height-auto.charm-campaign salla-slider,body section#fullscreen-banner-7.s-block-fullscreen-banners.height-auto.charm-campaign .swiper,body section#fullscreen-banner-7.s-block-fullscreen-banners.height-auto.charm-campaign .swiper-wrapper,body section#fullscreen-banner-7.s-block-fullscreen-banners.height-auto.charm-campaign .swiper-slide,body section#fullscreen-banner-7.s-block-fullscreen-banners.height-auto.charm-campaign .bg__image,body section#fullscreen-banner-9.s-block-fullscreen-banners.height-auto.charm-campaign salla-slider,body section#fullscreen-banner-9.s-block-fullscreen-banners.height-auto.charm-campaign .swiper,body section#fullscreen-banner-9.s-block-fullscreen-banners.height-auto.charm-campaign .swiper-wrapper,body section#fullscreen-banner-9.s-block-fullscreen-banners.height-auto.charm-campaign .swiper-slide,body section#fullscreen-banner-9.s-block-fullscreen-banners.height-auto.charm-campaign .bg__image,body section#fullscreen-banner-11.s-block-fullscreen-banners.height-auto.charm-campaign salla-slider,body section#fullscreen-banner-11.s-block-fullscreen-banners.height-auto.charm-campaign .swiper,body section#fullscreen-banner-11.s-block-fullscreen-banners.height-auto.charm-campaign .swiper-wrapper,body section#fullscreen-banner-11.s-block-fullscreen-banners.height-auto.charm-campaign .swiper-slide,body section#fullscreen-banner-11.s-block-fullscreen-banners.height-auto.charm-campaign .bg__image,body section#fullscreen-banner-13.s-block-fullscreen-banners.height-auto.charm-campaign salla-slider,body section#fullscreen-banner-13.s-block-fullscreen-banners.height-auto.charm-campaign .swiper,body section#fullscreen-banner-13.s-block-fullscreen-banners.height-auto.charm-campaign .swiper-wrapper,body section#fullscreen-banner-13.s-block-fullscreen-banners.height-auto.charm-campaign .swiper-slide,body section#fullscreen-banner-13.s-block-fullscreen-banners.height-auto.charm-campaign .bg__image,body section#fullscreen-banner-15.s-block-fullscreen-banners.height-auto.charm-campaign salla-slider,body section#fullscreen-banner-15.s-block-fullscreen-banners.height-auto.charm-campaign .swiper,body section#fullscreen-banner-15.s-block-fullscreen-banners.height-auto.charm-campaign .swiper-wrapper,body section#fullscreen-banner-15.s-block-fullscreen-banners.height-auto.charm-campaign .swiper-slide,body section#fullscreen-banner-15.s-block-fullscreen-banners.height-auto.charm-campaign .bg__image,body section#fullscreen-banner-17.s-block-fullscreen-banners.height-auto.charm-campaign salla-slider,body section#fullscreen-banner-17.s-block-fullscreen-banners.height-auto.charm-campaign .swiper,body section#fullscreen-banner-17.s-block-fullscreen-banners.height-auto.charm-campaign .swiper-wrapper,body section#fullscreen-banner-17.s-block-fullscreen-banners.height-auto.charm-campaign .swiper-slide,body section#fullscreen-banner-17.s-block-fullscreen-banners.height-auto.charm-campaign .bg__image{height:360px!important;min-height:0!important;max-height:360px!important}
body section#fullscreen-banner-7.s-block-fullscreen-banners.height-auto.charm-campaign .bg__image img,body section#fullscreen-banner-9.s-block-fullscreen-banners.height-auto.charm-campaign .bg__image img,body section#fullscreen-banner-11.s-block-fullscreen-banners.height-auto.charm-campaign .bg__image img,body section#fullscreen-banner-13.s-block-fullscreen-banners.height-auto.charm-campaign .bg__image img,body section#fullscreen-banner-15.s-block-fullscreen-banners.height-auto.charm-campaign .bg__image img,body section#fullscreen-banner-17.s-block-fullscreen-banners.height-auto.charm-campaign .bg__image img{height:100%!important;object-fit:cover!important;object-position:center bottom!important}
@media(max-width:1023px){body section#fullscreen-banner-7.s-block-fullscreen-banners.height-auto.charm-campaign .bg__image img,body section#fullscreen-banner-9.s-block-fullscreen-banners.height-auto.charm-campaign .bg__image img,body section#fullscreen-banner-11.s-block-fullscreen-banners.height-auto.charm-campaign .bg__image img,body section#fullscreen-banner-13.s-block-fullscreen-banners.height-auto.charm-campaign .bg__image img,body section#fullscreen-banner-15.s-block-fullscreen-banners.height-auto.charm-campaign .bg__image img,body section#fullscreen-banner-17.s-block-fullscreen-banners.height-auto.charm-campaign .bg__image img{height:auto!important;object-fit:contain!important}}

/* Dark campaign surfaces keep white copy and white buttons legible. */
body section.charm-campaign.charm-campaign-charm .bg__image,body section.charm-campaign.charm-campaign-perfume .bg__image{background-color:#174b36!important}
body section.charm-campaign.charm-campaign-charm .fs_banners_btn,body section.charm-campaign.charm-campaign-perfume .fs_banners_btn{background:#ffffff!important;color:#174b36!important}

/* Medium screens use the wider image and side-by-side editorial layout. */
@media(min-width:600px) and (max-width:1023px){
body section#fullscreen-banner-0.s-block-fullscreen-banners .bg__image img[class~="lg:hidden"],body section#fullscreen-banner-7.s-block-fullscreen-banners .bg__image img[class~="lg:hidden"],body section#fullscreen-banner-9.s-block-fullscreen-banners .bg__image img[class~="lg:hidden"],body section#fullscreen-banner-11.s-block-fullscreen-banners .bg__image img[class~="lg:hidden"],body section#fullscreen-banner-13.s-block-fullscreen-banners .bg__image img[class~="lg:hidden"],body section#fullscreen-banner-15.s-block-fullscreen-banners .bg__image img[class~="lg:hidden"],body section#fullscreen-banner-17.s-block-fullscreen-banners .bg__image img[class~="lg:hidden"]{display:none!important}
body section#fullscreen-banner-0.s-block-fullscreen-banners .bg__image img[class~="lg:block"],body section#fullscreen-banner-7.s-block-fullscreen-banners .bg__image img[class~="lg:block"],body section#fullscreen-banner-9.s-block-fullscreen-banners .bg__image img[class~="lg:block"],body section#fullscreen-banner-11.s-block-fullscreen-banners .bg__image img[class~="lg:block"],body section#fullscreen-banner-13.s-block-fullscreen-banners .bg__image img[class~="lg:block"],body section#fullscreen-banner-15.s-block-fullscreen-banners .bg__image img[class~="lg:block"],body section#fullscreen-banner-17.s-block-fullscreen-banners .bg__image img[class~="lg:block"]{display:block!important;height:100%!important;position:static!important;object-fit:cover!important}
body section#fullscreen-banner-0.s-block-fullscreen-banners .bg__image{height:340px!important;min-height:340px!important;max-height:340px!important}
body section#fullscreen-banner-0.s-block-fullscreen-banners .floating-wrapper,body section#fullscreen-banner-7.s-block-fullscreen-banners .floating-wrapper,body section#fullscreen-banner-9.s-block-fullscreen-banners .floating-wrapper,body section#fullscreen-banner-11.s-block-fullscreen-banners .floating-wrapper,body section#fullscreen-banner-13.s-block-fullscreen-banners .floating-wrapper,body section#fullscreen-banner-15.s-block-fullscreen-banners .floating-wrapper,body section#fullscreen-banner-17.s-block-fullscreen-banners .floating-wrapper{width:54%!important;top:50%!important;right:0!important;left:auto!important;transform:translateY(-50%)!important}
body section#fullscreen-banner-0.s-block-fullscreen-banners .title,body section#fullscreen-banner-7.s-block-fullscreen-banners .title,body section#fullscreen-banner-9.s-block-fullscreen-banners .title,body section#fullscreen-banner-11.s-block-fullscreen-banners .title,body section#fullscreen-banner-13.s-block-fullscreen-banners .title,body section#fullscreen-banner-15.s-block-fullscreen-banners .title,body section#fullscreen-banner-17.s-block-fullscreen-banners .title{font-size:24px!important}
}

@media(min-width:600px){body section#fullscreen-banner-7.charm-campaign .bg__image img[class~="lg:block"],body section#fullscreen-banner-9.charm-campaign .bg__image img[class~="lg:block"],body section#fullscreen-banner-11.charm-campaign .bg__image img[class~="lg:block"],body section#fullscreen-banner-13.charm-campaign .bg__image img[class~="lg:block"],body section#fullscreen-banner-15.charm-campaign .bg__image img[class~="lg:block"],body section#fullscreen-banner-17.charm-campaign .bg__image img[class~="lg:block"]{min-height:360px!important;max-height:360px!important}}
@media(min-width:600px) and (max-width:1023px){body section#fullscreen-banner-0.s-block-fullscreen-banners .bg__image img[class~="lg:block"]{min-height:340px!important;max-height:340px!important}}

@media(min-width:600px){body section#fullscreen-banner-13.s-block-fullscreen-banners.height-auto.charm-campaign-body .bg__image img[class~="lg:block"]{object-position:center 70%!important}}

/* Curated homepage cards: readable titles and comfortable touch targets. */
.charm-curated custom-salla-product-card .product-subtitle{display:none!important}
.charm-curated custom-salla-product-card .product-title{display:block!important;height:auto!important;min-height:0!important}
.charm-curated custom-salla-product-card h3.title{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden!important;font-size:13px!important;line-height:1.5!important;height:58.5px!important;min-height:58.5px!important;margin:10px 0!important}
.charm-curated custom-salla-product-card .product-block__info{height:auto!important}
.charm-curated custom-salla-product-card salla-add-product-button button{min-height:44px!important;border-radius:4px!important}

/* Product-led banner revisions, 16 October 2026. Fixed native section order verified in preview. */
body section:is(#fullscreen-banner-15,#fullscreen-banner-17,#fullscreen-banner-20,#fullscreen-banner-22)[id].s-block-fullscreen-banners.height-auto.charm-campaign :is(salla-slider,.swiper,.swiper-wrapper,.swiper-slide,.bg__image){height:360px!important;min-height:0!important;max-height:360px!important}
body section.charm-campaign.charm-campaign-perfume .bg__image{background-color:#f4e9d7!important}
body section.charm-campaign.charm-campaign-perfume .fs_banners_btn{background:#174b36!important;color:#fff!important}
body section.charm-campaign.charm-campaign-dyes .bg__image{background:#ead2b2!important}
body section.charm-campaign.charm-campaign-lenses .bg__image{background:#f5f1eb!important}
body section#fullscreen-banner-15[id].s-block-fullscreen-banners.height-auto.charm-campaign-charm a.fs_banners_btn{background:#fff!important;color:#174b36!important}
@media(min-width:600px){
body section:is(#fullscreen-banner-15,#fullscreen-banner-17,#fullscreen-banner-20,#fullscreen-banner-22)[id].s-block-fullscreen-banners.height-auto.charm-campaign :is(salla-slider,.swiper,.swiper-wrapper,.swiper-slide,.bg__image){height:440px!important;min-height:0!important;max-height:440px!important}
body section:is(#fullscreen-banner-15,#fullscreen-banner-17,#fullscreen-banner-20,#fullscreen-banner-22)[id].s-block-fullscreen-banners.height-auto.charm-campaign .bg__image img[class~="lg:block"]{display:block!important;position:static!important;width:100%!important;height:440px!important;min-height:440px!important;max-height:440px!important;object-fit:cover!important;object-position:center center!important}
body section:is(#fullscreen-banner-15,#fullscreen-banner-17,#fullscreen-banner-20,#fullscreen-banner-22)[id].s-block-fullscreen-banners.height-auto.charm-campaign .bg__image img[class~="lg:hidden"]{display:none!important}
body section:is(#fullscreen-banner-15,#fullscreen-banner-17,#fullscreen-banner-20,#fullscreen-banner-22)[id].s-block-fullscreen-banners.height-auto.charm-campaign .floating-wrapper{width:54%!important;top:50%!important;right:0!important;left:auto!important;transform:translateY(-50%)!important}
}
@media(max-width:599px){
body section:is(#fullscreen-banner-15,#fullscreen-banner-17,#fullscreen-banner-20,#fullscreen-banner-22)[id].s-block-fullscreen-banners.height-auto.charm-campaign .bg__image img{position:absolute!important;bottom:0!important;left:0!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important}
body section:is(#fullscreen-banner-15,#fullscreen-banner-17,#fullscreen-banner-20,#fullscreen-banner-22)[id].s-block-fullscreen-banners.height-auto.charm-campaign .floating_text{padding:18px 16px!important}
body section:is(#fullscreen-banner-15,#fullscreen-banner-17,#fullscreen-banner-20)[id].s-block-fullscreen-banners.height-auto.charm-campaign .bg__image img{width:140%!important;max-width:none!important;left:-20%!important}
}

body section:is(#fullscreen-banner-15,#fullscreen-banner-17,#fullscreen-banner-20,#fullscreen-banner-22)[id].s-block-fullscreen-banners.height-auto.charm-campaign .floating-wrapper{z-index:10!important}

body section:is(#fullscreen-banner-15,#fullscreen-banner-17,#fullscreen-banner-20,#fullscreen-banner-22)[id].s-block-fullscreen-banners.height-auto.charm-campaign .fs_banners_btn{position:relative!important;z-index:11!important;transform:none!important}

/* Client additions, 16 October 2026: native curated groups and brand banners. */
@media(min-width:768px){#best-sellers.charm-curated .s-products-list-vertical-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}#new-products.charm-curated .s-products-list-vertical-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
body section.charm-brand-banners.s-block .banner-entry{height:auto!important;aspect-ratio:5/4!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;transform:none!important}
body section.charm-brand-banners.s-block .banner__title{font-size:17px!important;line-height:1.5!important;margin-top:10px!important}
body section.charm-brand-banners.s-block .banner-entry__text{min-height:44px;display:block}
body section.charm-brand-banners.s-block .banner__title{display:flex;align-items:center;justify-content:center;min-height:44px}
@media(min-width:768px){#best-sellers.charm-curated .s-products-list-vertical-cards{max-width:1000px;margin-inline:auto}#new-products.charm-curated .s-products-list-vertical-cards{max-width:760px;margin-inline:auto}}
body section.charm-brand-banners.s-block a:focus-visible{outline:3px solid #63946f;outline-offset:4px}
@media(max-width:767px){body section.charm-brand-banners.s-block .banner__title{font-size:14px!important}body section.charm-brand-banners.s-block .grid{gap:18px 12px!important}body:not(.product-single) div[id^="gb-widget-"]{transform:translateY(-62px)!important}body:not(.product-single) div[id^="gb-widget-"] a[href^="https://wa.me/"]:not([aria-label]){display:none!important}body:not(.product-single) div[id^="gb-widget-"] div[size="50"],body:not(.product-single) div[id^="gb-widget-"] a[aria-label="Go to whatsapp"]{width:44px!important;height:44px!important;min-width:44px!important}}