:root {
--cosmod-ink: #111;
--cosmod-muted: #666;
--cosmod-line: #e8e8e8;
--cosmod-bg: #fff;
--cosmod-soft: #f6f5f2;
--cosmod-max: 1320px;
--cosmod-font: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
--cosmod-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body.cosmod-theme {
margin: 0;
min-height: 100%;
font-family: var(--cosmod-font);
font-size: 15px;
line-height: 1.5;
color: var(--cosmod-ink);
background: var(--cosmod-bg);
-webkit-font-smoothing: antialiased;
} :where(body.cosmod-theme) :where(img) {
max-width: 100%;
height: auto;
vertical-align: middle;
} body.cosmod-theme .cosmod-header .cosmod-logo img {
height: 48px;
width: auto;
max-width: 220px;
}
@media (max-width: 960px) {
body.cosmod-theme .cosmod-header .cosmod-logo img {
height: 26px;
max-width: 132px;
}
} :where(body.cosmod-theme) :where(a) {
color: inherit;
}
.cosmod-theme-main {
min-height: 40vh;
}
.cosmod-theme-shell {
width: min(100% - 32px, var(--cosmod-max));
margin-inline: auto;
}
.cosmod-theme-page {
padding: 28px 0 56px;
}
.cosmod-theme-page__title {
margin: 0 0 20px;
font-family: var(--cosmod-serif);
font-size: clamp(1.75rem, 3vw, 2.25rem);
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
text-align: center;
}
.cosmod-theme-page__title::after {
content: "";
display: block;
width: 72px;
height: 1px;
margin: 12px auto 0;
background: #ccc;
}
.cosmod-theme-content > *:first-child {
margin-top: 0;
}
.cosmod-theme-content > *:last-child {
margin-bottom: 0;
}
.cosmod-theme-empty,
.cosmod-theme-404 {
text-align: center;
padding: 64px 20px;
}
.cosmod-theme-empty__title,
.cosmod-theme-404__title {
font-family: var(--cosmod-serif);
font-size: 1.75rem;
margin: 0 0 12px;
}
.cosmod-theme-empty__text,
.cosmod-theme-404__text {
color: var(--cosmod-muted);
margin: 0 0 24px;
}
.cosmod-theme-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 22px;
border-radius: 999px;
background: #111;
color: #fff !important;
text-decoration: none !important;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.cosmod-theme-btn:hover {
background: #333;
}
.cosmod-theme-notice {
margin: 16px auto;
width: min(100% - 32px, var(--cosmod-max));
padding: 14px 16px;
border: 1px solid #f0d9a8;
background: #fff8ea;
color: #5c4813;
border-radius: 8px;
font-size: 14px;
} .woocommerce-page .cosmod-theme-shell--woo {
width: min(1240px, calc(100% - 48px));
max-width: none;
margin: 0 auto;
padding: 24px 0 48px;
box-sizing: border-box;
}
.woocommerce-page .cosmod-theme-shell--woo .cosmod-sp {
width: 100%;
max-width: none;
margin: 0;
}
@media (max-width: 767px) {
.woocommerce-page .cosmod-theme-shell--woo {
width: calc(100% - 24px);
padding-top: 12px;
}
}
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} body.cosmod-theme .cosmod-header .cosmod-nav-slot .cmm-menu {
flex-wrap: nowrap !important;
gap: 4px 10px !important;
justify-content: flex-start !important;
}
body.cosmod-theme .cosmod-header .cosmod-nav-slot .cmm-item > a {
font-size: 17px !important;
padding: 10px 14px !important;
gap: 7px !important;
}
body.cosmod-theme .cosmod-header .cosmod-nav-slot .cmm-caret {
font-size: 13px !important;
}
body.cosmod-theme .cosmod-header .cmm-panel-inner {
gap: 40px !important;
padding: 26px 40px !important;
}
body.cosmod-theme .cosmod-header .cmm-lane-col {
width: auto !important;
min-width: 230px !important;
max-width: 300px !important;
}
body.cosmod-theme .cosmod-header .cmm-col-title,
body.cosmod-theme .cosmod-header .cmm-col-links a {
overflow-wrap: normal !important;
word-break: normal !important;
}
@media (max-width: 1500px) and (min-width: 961px) {
body.cosmod-theme .cosmod-header .cosmod-nav-slot .cmm-item > a {
font-size: 15.5px !important;
padding: 9px 10px !important;
}
}
@media (max-width: 1280px) and (min-width: 961px) {
body.cosmod-theme .cosmod-header .cosmod-nav-slot .cmm-item > a {
font-size: 14px !important;
padding: 8px 8px !important;
}
} body.cosmod-theme .cosmod-header .cosmod-lang__menu .cosmod-lang__flag {
display: none !important;
}
body.cosmod-theme .cosmod-header .cosmod-lang__menu a {
justify-content: center !important;
padding: 10px 16px !important;
}
body.cosmod-theme .cosmod-header .cosmod-lang__menu {
min-width: 88px !important;
padding: 6px 0 !important;
} body.cosmod-theme .cosmod-home-shell .cosmod-lp-products--rail {
margin-top: 72px !important;
margin-bottom: 0 !important;
}
body.cosmod-theme .cosmod-home-shell .cosmod-lp-products--rail .cosmod-lp-title-wrap {
margin-bottom: 26px !important;
}
body.cosmod-theme .cosmod-home-shell .cosmod-lp-products--rail .cosmod-lp-view-all,
body.cosmod-theme .cosmod-home-shell .cosmod-lp-products--rail .cosmod-lp-viewall {
margin-top: 28px !important;
}
@media (max-width: 782px) {
body.cosmod-theme .cosmod-home-shell .cosmod-lp-products--rail {
margin-top: 44px !important;
}
} html,
body.cosmod-theme {
overflow-x: clip;
}
body.cosmod-theme .cosmod-header {
overflow-x: clip;
} body.cosmod-theme .cosmod-home-shell .cosmod-reviews {
margin-top: 20px !important;
} body.cosmod-theme .cosmod-brand-strip--cards .cosmod-brand-strip__logo {
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
}
body.cosmod-theme .cosmod-brand-strip--cards .cosmod-brand-strip__item img {
width: 120px !important;
height: 40px !important;
min-width: 120px !important;
max-width: 120px !important;
max-height: 40px !important;
object-fit: contain !important;
object-position: center center !important;
margin: 0 !important;
display: block !important;
filter: none !important;
mix-blend-mode: multiply !important;
opacity: 1 !important;
transition: opacity 0.25s ease, transform 0.25s ease !important;
}
body.cosmod-theme .cosmod-brand-strip--cards .cosmod-brand-strip__item:hover img {
opacity: 1 !important;
transform: scale(1.07) !important;
filter: none !important;
} body.cosmod-theme .cosmod-brand-strip--cards .cosmod-brand-strip__item img[alt="Nivea"],
body.cosmod-theme .cosmod-brand-strip--cards .cosmod-brand-strip__item img[alt="NYX"] {
filter: none !important;
} .cosmod-sp-crumbs{font-family:"DM Sans",system-ui,sans-serif;font-size:13px;color:#555;margin:0 0 18px;line-height:1.5}
.cosmod-sp-crumbs a{color:#1a5fb4;text-decoration:none}
.cosmod-sp-crumbs a:hover{text-decoration:underline}
.cosmod-sp-crumbs i{font-style:normal;margin:0 6px;color:#888}
.cosmod-sp-crumbs span{color:#555} body .cosmod-lp-img-wrap{position:relative}
body .cosmod-lp-img-wrap .cosmod-lp-cartbtn{position:absolute!important;top:8px!important;left:8px!important;right:auto!important;bottom:auto!important;z-index:6;width:36px!important;height:36px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.92)!important;box-shadow:0 1px 4px rgba(0,0,0,.12)!important;display:inline-flex!important;align-items:center;justify-content:center;cursor:pointer;color:#111!important;line-height:0;text-decoration:none!important;transition:transform .15s,background .15s,color .15s}
body .cosmod-lp-img-wrap .cosmod-lp-cartbtn:hover{transform:scale(1.06);background:#fff!important}
body .cosmod-lp-img-wrap .cosmod-lp-cartbtn svg{width:18px!important;height:18px!important;display:block!important;pointer-events:none;fill:none}
body .cosmod-lp-img-wrap .cosmod-lp-cartbtn svg path{stroke:currentColor}
body .cosmod-lp-img-wrap .cosmod-lp-cartbtn.is-loading{opacity:.5;pointer-events:none}
body .cosmod-lp-img-wrap .cosmod-lp-cartbtn.is-added{background:#111!important;color:#fff!important}
.cosmod-lp-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);z-index:99999;background:#111;color:#fff;padding:12px 22px;border-radius:100px;font:500 13px/1.2 "DM Sans",Arial,sans-serif;letter-spacing:.02em;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;box-shadow:0 8px 28px rgba(0,0,0,.25)}
.cosmod-lp-toast.show{opacity:1;transform:translate(-50%,0)}
body .cosmod-lp-img-wrap .cosmod-lp-cartbtn.is-in-cart{background:#111!important;color:#fff!important} body.woocommerce-checkout:not(.woocommerce-order-received) h1,
body.woocommerce-checkout:not(.woocommerce-order-received) .entry-title,
body.woocommerce-checkout:not(.woocommerce-order-received) .elementor-heading-title,
body.woocommerce-checkout:not(.woocommerce-order-received) .cosmod-theme-page__title{
font-family: var(--cosmod-serif) !important;
font-weight: 600 !important;
font-size: 32px !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
text-align: center !important;
color: #111 !important;
line-height: 1.15 !important;
margin: 28px 0 12px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .elementor-divider-separator,
body.woocommerce-checkout:not(.woocommerce-order-received) .elementor-widget-divider hr,
body.woocommerce-checkout:not(.woocommerce-order-received) .cosmod-theme-page__title + hr,
body.woocommerce-checkout:not(.woocommerce-order-received) .entry-header hr{
width: 220px !important;
max-width: 220px !important;
margin: 0 auto 28px !important;
border: 0 !important;
border-top: 1px solid #d6d3cc !important;
height: 0 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .elementor-widget-divider .elementor-divider{padding:0!important;text-align:center} .checkout-hero{width:100%;max-width:1320px;margin:0 auto;padding:28px 20px 8px;text-align:center;box-sizing:border-box}
.checkout-hero .line{width:220px;height:1px;background:#d6d3cc;margin:0 auto 24px}
body.woocommerce-checkout:not(.woocommerce-order-received) .cosmod-theme-content .elementor-widget-heading,
body.woocommerce-checkout:not(.woocommerce-order-received) .cosmod-theme-content .elementor-widget-divider,
body.woocommerce-checkout:not(.woocommerce-order-received) .cosmod-theme-content > h1,
body.woocommerce-checkout:not(.woocommerce-order-received) .cosmod-theme-content > hr{display:none!important}
.checkout-hero h1{font-size:32px!important} .checkout-hero{padding:14px 20px 0!important}
.checkout-hero h1{margin:0 0 10px!important}
.checkout-hero .line{margin:0 auto 10px!important}
body.woocommerce-checkout .cosmod-theme-content .woocommerce-notices-wrapper,
body.woocommerce-checkout .cosmod-theme-content .woocommerce-NoticeGroup{margin:0!important;padding:0!important}
body.woocommerce-checkout .cosmod-theme-content .woocommerce-message,
body.woocommerce-checkout .cosmod-theme-content .woocommerce-info{margin:0 0 10px!important}
body.woocommerce-checkout .cosmod-theme-content .woocommerce-checkout,
body.woocommerce-checkout .cosmod-theme-content form.checkout{margin-top:0!important;padding-top:0!important}
body.woocommerce-checkout .cosmod-theme-content .woocommerce{padding-top:0!important;margin-top:0!important}
body.woocommerce-checkout .cosmod-theme-shell{padding-top:0!important} body.woocommerce-checkout .checkout-hero{padding:32px 20px 0!important;margin:0 auto!important}
body.woocommerce-checkout .checkout-hero h1{margin:0 0 12px!important;padding:0!important}
body.woocommerce-checkout .checkout-hero .line{margin:0 auto!important}
body.woocommerce-checkout .checkout-hero + .cosmod-theme-content{margin:0!important;padding:32px 0 0!important}
body.woocommerce-checkout .cosmod-theme-content > *:first-child,
body.woocommerce-checkout .cosmod-theme-content .woocommerce > *:first-child,
body.woocommerce-checkout .woocommerce-notices-wrapper:empty{margin-top:0!important;padding-top:0!important}
body.woocommerce-checkout .cosmod-theme-content .woocommerce-message,
body.woocommerce-checkout .cosmod-theme-content .woocommerce-info,
body.woocommerce-checkout .cosmod-theme-content .woocommerce-error{margin-top:0!important;margin-bottom:16px!important}
body.woocommerce-checkout .cosmod-theme-content form.checkout{padding-top:0!important;margin-top:0!important}
body.woocommerce-checkout .cosmod-theme-content form.checkout > *:first-child{margin-top:0!important} body.woocommerce-checkout .checkout-hero + .cosmod-theme-content{padding:8px 0 0!important}
body.woocommerce-checkout .cosmod-theme-content .woocommerce-notices-wrapper{display:none!important}
body.woocommerce-checkout .cosmod-theme-content .woocommerce-notices-wrapper:has(.woocommerce-error),
body.woocommerce-checkout .cosmod-theme-content .woocommerce-notices-wrapper:has(.woocommerce-message),
body.woocommerce-checkout .cosmod-theme-content .woocommerce-notices-wrapper:has(.woocommerce-info){display:block!important}
body.woocommerce-checkout .cosmod-theme-content .elementor-section,
body.woocommerce-checkout .cosmod-theme-content .elementor-container,
body.woocommerce-checkout .cosmod-theme-content .elementor-column,
body.woocommerce-checkout .cosmod-theme-content .elementor-widget-wrap,
body.woocommerce-checkout .cosmod-theme-content .elementor-element,
body.woocommerce-checkout .cosmod-theme-content .e-con,
body.woocommerce-checkout .cosmod-theme-content .e-con-inner,
body.woocommerce-checkout .cosmod-theme-content .elementor-shortcode,
body.woocommerce-checkout .cosmod-theme-content .elementor-widget-container{padding-top:0!important;margin-top:0!important}
body.woocommerce-checkout .cosmod-theme-content .woocommerce-billing-fields > h3,
body.woocommerce-checkout .cosmod-theme-content #order_review_heading{margin-top:0!important;padding-top:0!important} body.woocommerce-checkout .elementor-element-69cf978,
body.woocommerce-checkout .elementor-element[data-id="69cf978"]{display:none!important} .cosmod-theme-page:has(.cosmod-lp-layout),
.cosmod-theme-page:has(.cosmod-lp-hero),
.cosmod-theme-page:has([data-cosmod-shop]){padding-top:20px!important}
.cosmod-theme-page:has(.cosmod-lp-layout) .cosmod-theme-content > *:first-child,
.cosmod-theme-page:has(.cosmod-lp-layout) .elementor-section,
.cosmod-theme-page:has(.cosmod-lp-layout) .elementor-container,
.cosmod-theme-page:has(.cosmod-lp-layout) .elementor-column,
.cosmod-theme-page:has(.cosmod-lp-layout) .elementor-widget-wrap,
.cosmod-theme-page:has(.cosmod-lp-layout) .elementor-element,
.cosmod-theme-page:has(.cosmod-lp-layout) .elementor-shortcode,
.cosmod-theme-page:has(.cosmod-lp-layout) .e-con,
.cosmod-theme-page:has(.cosmod-lp-layout) .e-con-inner{padding-top:0!important;margin-top:0!important}
.cosmod-theme-page:has(.cosmod-lp-layout) .cosmod-theme-page__title:empty{display:none} .cosmod-theme-page:has(.cosmod-lp-layout) .cosmod-theme-page__title,
.cosmod-theme-page:has(.cosmod-lp-layout) .entry-header,
.cosmod-theme-page:has(.cosmod-lp-layout) .elementor-widget-spacer,
.cosmod-theme-page:has(.cosmod-lp-layout) .elementor-spacer,
.cosmod-theme-page:has(.cosmod-lp-layout) .elementor-widget-heading:not(:has(.cosmod-lp-layout)):empty{display:none!important}
.cosmod-theme-page:has(.cosmod-lp-layout) :is(.cosmod-theme-content,.elementor,.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-element,.e-con,.e-con-inner,.elementor-widget-shortcode,.elementor-shortcode,.elementor-widget-container):has(.cosmod-lp-layout){padding-top:0!important;margin-top:0!important;min-height:0!important}
.cosmod-theme-page:has(.cosmod-lp-layout) .cosmod-lp-layout{margin-top:0!important} .cosmod-theme-content > .wp-block-spacer:has(+ .cosmod-lp-wrap),
.cosmod-theme-content > .wp-block-spacer:has(+ .cosmod-lp-layout),
.cosmod-theme-content > .wp-block-spacer:first-child,
.cosmod-theme-page:has(.cosmod-lp-layout) .wp-block-spacer{display:none!important;height:0!important;margin:0!important} .cosmod-theme-content > *:first-child{margin-top:20px!important}
.cosmod-theme-main--home .cosmod-home-shell > .cosmod-product-banner:first-child{margin-top:0!important} .cosmod-theme-main--home .cosmod-theme-content > *:first-child,
.cosmod-theme-main--home .cosmod-home-shell > *:first-child,
.cosmod-theme-main--home .cosmod-home-shell > .cosmod-product-banner:first-child{margin-top:0!important}
.cosmod-theme-main--home .cosmod-home-shell{padding-top:12px!important}