/** Shopify CDN: Minification failed

Line 336:0 All "@import" rules must come first
Line 363:0 All "@import" rules must come first

**/
/* ////////////////////////////// Footer /////////////////////////////////// */
#shopify-section-template--25829000118652__product-form div {
    margin-bottom: 0 !important;
}
#shopify-section-template--25787869987196__product-form div {
    margin-bottom: 0 !important;
}
#mdrn-rejuvenation-set #shopify-section-template--25787895153020__product-form div {
    margin-bottom: 0 !important;
}
.accordian_icon_li {
    display: none;
}
  .product-details-wrapper .shopify-product-form .header {
    padding-bottom: 10px;
}
.footer-wrapper .social-media-footer ul li svg {
    fill: #fff !important;
}  
body.compensate-for-scrollbar {
    overflow: auto !important;
}
.fancybox-container {
    display: none !important;
}
#hydrogel-eyepatches-cooling-amp-anti-aging #shopify-section-template--17140811726900__product-form div {
    margin-bottom: 0 !important;
}

.product-gallery .swiper-slide video {
    width: 100%;
    height: 100%;
    background: #000;
}
.my-product-main-swiper .swiper-slide video {
    width: 100%;
    height: 100%;
    background: #000;
}
.product-single-wrapper .product-gallery .swiper-slide {
    height: auto;
}
.product-single-wrapper .product-gallery .swiper-wrapper {
    align-items: stretch;
}
.thumb-video {
    height: 100%;
    position: relative;
    margin: 0 !important;
}
.thumb-video video {
    height: 100%;
    width: 100%;
}
span.play-icon {
    position: absolute;
    top: 50px;
    left: 50px;
    color: #fff;
    background: #1A215E;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    font-size: 10px;
    align-items: center;
}
.product-gallery video {
  width: 100%;
  height: auto;
  display: block;
}
.thumb-video video,
.thumb-video img {
  width: 100%;
  height: 100%;
}
.mobile__container{
  display:none;
}
.kaching-bundles .kaching-bundles__subscriptions.kaching-bundles__subscriptions--checkbox .kaching-bundles__bar-container {
    border: 2px solid #1A215E !important;
}
footer.footer-main .grid .image-footer #sm-icons li {
    list-style: none;
    padding: 10px;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 50%;
}
footer.footer-main .grid .image-footer #sm-icons li a {
    color: #000000 !important;
    height: 24px;
    width: 24px;
}
footer.footer-main .grid .image-footer #sm-icons li a svg {
    height: max-content;
}
footer.footer-main .grid .image-footer #sm-icons {
    margin: 0;
    gap: 10px;
}
.bottom--footer {
    display: flex;
    padding-bottom: 60px;
    justify-content: space-between;
}
.bottom--footer .footer-description {
    display: flex;
    align-items: center;
}
.bottom--footer .footer-description p {
    margin: 0;
}
.bottom--footer .footer-description a {
    font-size: 14px;
    color: #fff;
}
@media screen and (min-width: 768px){
footer.footer-main .grid .image-footer {
    min-width: 500px;
}
footer.footer-main .grid .image-footer .footer-image-block-text {
    max-width: 300px;
}
}
@media screen and (max-width: 767px){
  .custom___thumb__slider span.play-icon { top: 26px; left: 27px; }
  .mobile__container{ display:block !important; }
  .features-benefits__center { display: none; }
  .RB_Product_List .RB_Product_Card .RB_PC_Media img { border-radius: 0 !important; height: unset !important; }
  .bottom--footer { flex-direction: column; align-items: center; }
  footer.footer-main .grid .image-footer { text-align: left; }
  footer.footer-main .grid .image-footer .responsive-image-wrapper { justify-content: center !important; }
}
.product-gallery .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; font-size: 10px; color: #000; }
.product-gallery .swiper-scrollbar-drag { background: #1A215E; height: 5px; display: flex; align-items: center; margin-top: -2px; }
.my-swiper-scrollbar.swiper-scrollbar.swiper-scrollbar-horizontal { height: 1px; }
.product-gallery .swiper-wrapper { padding-bottom: 20px; }
.product-gallery .pdp_arrow { border: 1px solid #000; border-radius: 0; width: 38px; height: 38px; margin: 0; }
.product-gallery .my-swiper-button-next.swiper-button-next.pdp_arrow.swiper-button-disabled { background: unset; }
.product-gallery .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; font-size: 10px; color: #000; }
.product-gallery .my-swiper-button-prev.swiper-button-prev { background: unset; }
.product-gallery .my-product-main-swiper.swiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden { margin-bottom: 0 !important; }
.my-product-main-swiper .swiper-slide img, .my-product-thumb-swiper .swiper-slide img { width: 100%; display: block; object-fit: cover; }
.my-product-thumb-swiper .swiper-slide { width: calc((100% - 40px)/5); cursor: pointer; margin-right: 10px; }
.my-swiper-scrollbar.swiper-scrollbar.swiper-scrollbar-horizontal { margin-bottom: 0 !important; }
.my-swiper-scrollbar { height: 6px; background: #e0e0e0; border-radius: 3px; }
.my-swiper-scrollbar-drag { background: #888; border-radius: 3px; }
#hydrogel-eyepatches-cooling-amp-anti-aging .kaching-bundles__block.kaching-bundles__block--loaded { gap: 5px; }
#hydrogel-eyepatches-cooling-amp-anti-aging #shopify-section-template--25642665443708__product-form div { margin-bottom: 0; }
@media screen and (min-width: 1024px) {
  .features-benefits__center img { width: 100%; border-radius: 8px; max-width: 600px; }
  .ingredients-right { padding-left: 50px; }
  .custom__pdp__about_section .homepage-featured-content-box-inner { padding-left: 60px; }
  .product-form-vue .product-sticky { margin-top: -8px !important; padding-left: 80px !important; }
  .product-form-vue .product-details-wrapper { padding-top: 0; }
  .wrapper-padded.product-form-vue.main-page-container { padding-top: 50px; }
  .product-recommendations h2.page--title { padding-left: 15px; }
  .video___inner { width: 100%; max-width: 64rem; margin: 0 auto; }
  .product-recommendations .product-page-related-products .grid__item { padding: 0 8px; }
}
.product__payment-icons { text-align: center; }
.shipping-icons-wrapper { justify-content: center; }
.footer-newsletter-wrapper button#newsletter_submit { background: #1b215f !important; }
section.video-section { padding-top: 60px; }
.video-section { text-align: center; }
.video-section__heading { margin-bottom: 20px; font-size: 12px; font-weight: 100; }
.video-section__video { width: 100%; height: auto; display: block; margin: 0 auto; }
.product-recommendations .grid-view-item { text-align: left; }
.product-recommendations .product-grid--price { text-align: left; }
.product-recommendations .product-grid--title { font-weight: 600; }
#hydrogel-eyepatches .kaching-bundles__block.kaching-bundles__block--loaded { gap: 0; }
.product-recommendations .swiper-button--prev.swiper-button-disabled { border: 1px solid #2A2A2A !important; }
.product-recommendations .product-page-related-products .swiper-button--prev { right: 100px; top: 0; left: unset; background: none; box-shadow: unset; border: 1px solid #000; width: 33px; height: 26px; transform: rotate(180deg); }
.product-recommendations .product-page-related-products .swiper-button--next { right: 52px; top: 0; background: none; box-shadow: unset; border: 1px solid #000; width: 33px; height: 26px; }
.product-recommendations h2.page--title { text-align: left; font-weight: normal; text-transform: uppercase; font-size: 24px; }
.kaching-bundles__free-gift { margin: 0 !important; }
video.features-benefits__center-video { max-width: 400px; height: 100%; }
#shopify-section-template--25642665509244__product-form div { margin-bottom: 0 !important; }
.kaching-bundles__block-title { display: none !important; }
.kaching-bundles__bar-subtitle { display: none !important; }
#shopify-section-template--25642665542012__product-form div { margin-bottom: 0 !important; }
span.label__image { display: flex; flex-direction: column; }
#mdrn-rejuvenation-set span.label__name { font-size: 10px; font-weight: bold; padding-top: 10px; }
#mdrn-rejuvenation-set .swatch .swatch-element label { padding: 8px 8px; }
img.swatch-metafield-image { width: 100%; max-width: 150px; }
#mdrn-rejuvenation-set .swatch .swatch-items-wrapper { display: flex; align-items: center; flex-wrap: nowrap; }
.product__benefits { margin-top: 20px; border-top: 1px solid #1A215E; padding-top: 16px; margin-bottom: 40px !important; }
.product__benefits h3 { color: #1A215E; font-size: 15px; }
.product__benefits ul li { color: #1A215E; font-size: 12px; }
.product__benefits ul { margin: 0; }
.product-check-list ul { list-style: none; padding: 0; margin: 20px 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 40px; }
.product-check-list li { position: relative; padding-left: 24px; margin-bottom: 8px; line-height: 1.2; display: flex; align-items: center; }
.product-check-list li::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'><path d='M0.289062 2.73792L2.73828 5.18713L7.63672 0.288696' stroke='%231A215E' stroke-width='0.816406' stroke-linecap='round' stroke-linejoin='round'/></svg>"); }
.shipping-icons-wrapper { display: flex; }
.shipping__icon { display: flex; align-items: center; gap: 20px; }
.shipping__icon img { width: 100%; max-width: 30px; height: 30px; }
.custom__pdp__about_section .homepage-featured-box-btn { float: left; background: #fff; color: #1A215E !important; font-weight: 600; }
.shipping__icon p { margin: 0; color: #008001; }
.ingredients-section .swiper-scrollbar { width: 85%; }
.shipping-icons-wrapper { padding-top: 20px; }
.product-details-wrapper .collapsible-tab-container .collapsible-tab, .product-details-wrapper .collapsible-tab-container .collapsible-tab .text-with-icon, .product-details-wrapper .collapsible-tab-container .collapsible-tab .text-with-icon .text-with-icon--content, .product-details-wrapper .collapsible-tab-container { margin-bottom: 0 !important; }
.template-product { background: #FAF7F1; }
.template-product .product-details-wrapper { background: transparent; }
.footer-newsletter-wrapper .row--table { display: flex !important; flex-direction: column; align-items: center; }
.newsletter--section .grid__item { text-align: center; }
.fooetr-newsletter .btn span { color: #fff; font-size: 14px; }
.fooetr-newsletter #newsletter-wrapper { display: flex !important; justify-content: center; gap: 10px; }
.fooetr-newsletter #newsletter-wrapper .email { border: 1px solid #1A215E80; }
.fooetr-newsletter .btn { line-height: 20px; }
.faq-wrapper { text-align: center; padding: 60px 10px; }
.faq-heading { font-size: 28px; margin-bottom: 30px; font-weight: 100; }
.faq-list { text-align: left; }
.faq-item { border-bottom: 1px solid #e2e2e2; }
.faq-question { width: 100%; background: #0d1b4c; color: #fff; padding: 20px; text-align: left; font-size: 18px; display: flex; justify-content: space-between; align-items: center; border: none; cursor: pointer; }
.faq-question[aria-expanded="true"] .faq-icon { transform: rotate(45deg); }
.faq-icon { font-size: 20px; transition: transform 0.3s ease; }
.faq-answer { max-height: 0; overflow: hidden; background: #0d1b4c; color: #fff; padding: 0 20px; transition: max-height 0.4s ease, padding 0.4s ease; }
.faq-item.active .faq-answer { max-height: 300px; padding: 20px; }
.marquee-container{ overflow:hidden; margin-top:100px; }
.marquee_page-width{ width:100%; }
.marquee-content{ display:flex; align-items:center; gap:0; white-space:nowrap; animation: marquee-scroll var(--marquee-speed, 20s) linear infinite; }
.marquee-item{ display:inline-flex; align-items:center; gap:10px; padding:0 36px; }
.marquee-icon{ max-height:32px; width:auto; height:auto; display:block; }
.marquee-label{ font-size:14px; line-height:1; letter-spacing:.04em; text-transform:uppercase; color:#000; white-space:nowrap; }
@keyframes marquee-scroll{ 0%{ transform: translateX(0%); } 100%{ transform: translateX(-50%); } }
.marquee-container:hover .marquee-content{ animation-play-state:paused; }
@media (max-width: 749px){ .marquee-item{ padding:0 20px; } .marquee-icon{ max-height:28px; } .marquee-label{ font-size:13px; } }
.ingredients-section { padding: 80px 0; }
.ingredients-wrapper { display: flex; gap: 50px; align-items: flex-start; }
.ingredients-left { flex: 1; max-width: 35%; }
.ingredients-heading { font-size: 36px; margin-bottom: 20px; text-align: left; font-weight: 100; }
.ingredients-description { font-size: 12px; margin-bottom: 20px; }
.ingredients-accordion .accordion-item { border-bottom: 1px solid #ccc; }
.ingredients-accordion { padding-top: 40px; }
.accordion-title { background: none; border: none; width: 100%; text-align: left; font-size: 14px; padding: 12px 0; display: flex; justify-content: space-between; cursor: pointer; font-weight: 600; text-transform: capitalize; }
.accordion-icon { transition: transform 0.3s ease; }
.accordion-item.active .accordion-icon { transform: rotate(45deg); }
.accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; padding: 0; font-size: 12px; }
.accordion-item.active .accordion-content { padding: 12px 0 0 0; }
.ingredients-right { flex: 1; max-width: 60%; position: relative; }
.ingredient-card { position: relative; }
.ingredients-section .swiper-scrollbar-drag { background: #252525; height: 5px; margin-top: -2px; }
.ingredients-section .swiper-scrollbar.swiper-scrollbar-horizontal { height: 1px; max-width: 500px; width:100%; }
.ingredient-image img { width: 100%; }
.ingredients-pagination { text-align: center; margin-top: 10px; }
.ingredients-nav { display: flex; justify-content: flex-end; gap: 10px; margin-top: 10px; }
.ingredients-section .swiper-wrapper { padding-bottom: 50px; }
.ingredients-prev, .ingredients-next { border: 1px solid #000; padding: 10px; cursor: pointer; transition: all .3s ease; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; }
.ingredients-prev:hover, .ingredients-next:hover { background: #000; color: #fff; }
@media (max-width: 768px) { .ingredients-wrapper { flex-direction: column; } .ingredients-left, .ingredients-right { max-width: 100%; } }
.features-benefits { text-align: center; padding-top: 100px; padding-bottom: 70px; }
.features-benefits__heading h4 { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 20px; }
.features-benefits__heading h2 { font-size: 36px; max-width: 800px; margin: 0 auto 50px; font-weight: 500; line-height: 40px; }
.features-benefits__wrapper { display: flex; justify-content: space-between; align-items: center; gap: 60px; max-width: 1296px; margin: auto; }
.features-benefits__column { display: flex; flex-direction: column; gap: 150px; flex: 1 1 200px; max-width: 250px; align-items:center; }
.features-benefits__center img { width: 100%; border-radius: 8px; }
.features-benefits__item img { width:100%; max-width: 86px; margin-bottom: 10px; }
.features-benefits__item h5 { font-size: 12px; text-transform: uppercase; margin-bottom: 6px; font-weight: 600; }
.features-benefits__item p { font-size: 14px; margin: 0; }
.kaching-bundles__block.kaching-bundles__block--loaded { gap: 5px; }
@media screen and (max-width: 767px) {
  .features-benefits__wrapper { flex-direction: column; align-items: center; padding-top: 30px; }
  .product-recommendations .product-page-related-products .swiper-button--prev { top: unset; }
  .faq-wrapper { margin-top: 30px !important; }
  .product-recommendations h2.page--title { text-align: center; font-weight: 100; }
  .product-recommendations .product-page-related-products .swiper-button--next { right: 52px; top: unset; }
  .product-single-wrapper .grid__item.large--six-twelfths.context.mobile--no-top-margin { position: unset !important; top: unset !important; }
  svg.mobile__cart { fill: none !important; }
  .features-benefits__column { align-items: baseline; max-width: 100%; gap: 30px; flex-direction: row; justify-content: center !important; width: 100%; }
  .features-benefits__center img { width: 100%; }
}
@media (max-width: 992px) and (min-width: 600px) {
  .mobile__container { display: block!important; padding-bottom: 30px; }
  .product-check-list ul { grid-template-columns: repeat(1,1fr); }
  .features-benefits__center { display: none; }
  .product-form-vue .product-details-wrapper { padding-left: 0; padding-right:0; }
  .ingredients-section .swiper-scrollbar.swiper-scrollbar-horizontal { height: 1px; width: 300px !important; }
  .shipping-icons-wrapper { flex-wrap: wrap; }
  .features-benefits__wrapper { align-items: baseline; }
}
.custom__review_section .custom-review-prev, .custom__review_section .custom-review-next { color: #fff !important; border: 1px solid !important; width: max-content; height: max-content; padding: 10px; }
.custom__review_section .custom-review-prev::after, .custom__review_section .custom-review-next::after { font-size: 10px; }
.reviews__inner { position: relative; }
section.custom__review_section { padding: 80px 0; }
.reviews__block { text-align: center; max-width: 1000px; margin: 0 auto; }
p.revies_subhead { font-size: 16px; color: #fff; }
p.reviews__head { font-size: 48px; color: #fff; line-height: 50px; }
.custom-review-prev, .custom-review-next { color: #111; transition: all 0.3s ease; }
.custom-review-prev:hover, .custom-review-next:hover { color: #000; }
.custom-review-pagination .swiper-pagination-bullet { background: #aaa; opacity: 0.6; }
.custom-review-pagination .swiper-pagination-bullet-active { background: #111; opacity: 1; }
.footer-bottom, .footer-main { background-color: #1A215E !important; color: #ffffff !important; }
.footer-main .h3, .footer-main a, .footer-main p { color: #ffffff !important; }
footer.footer-main .grid { display: flex; }
footer.footer-main .grid .image-footer .responsive-image-wrapper { justify-content: left; margin-bottom: 20px; }
footer.footer-main .grid .image-footer #sm-icons { display: flex; }
.product-single-wrapper .grid__item.large--six-twelfths.context.mobile--no-top-margin { position: sticky; top: 0; }
@media screen and (max-width: 767px){
  .ingredients-section .swiper-scrollbar.swiper-scrollbar-horizontal { max-width: 250px; width:100% }
  svg.humburger__icon { width: 60px; height: 30px; }
  .mobile-menu--close-btn { padding-top: 40px; }
  section.ingredients-section { padding-top: 30px !important; padding-bottom: 40px !important; }
  .marquee-container { margin-top: 30px !important; }
  .faq-wrapper { padding-top: 0 !important; }
  .shopify-section .homepage-sections-wrapper { padding-top: 0 !important; }
  .custom__pdp__about_section .responsive-image-wrapper { padding-top: 40px; }
  .features-benefits { padding-top: 50px !important; }
  .homepage-featured-content-box-inner { padding-left: 0 !important; }
  footer.footer-main .grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; align-items: baseline; }
  footer.footer-main .grid__item.content-footer .rte.footer-article { text-align: left; }
  footer.footer-main .grid__item.links-footer { display: flex; flex-direction: column; align-items: flex-start; text-align: left; margin-top: 20px; }
  footer.footer-main .grid__item .h3.footer-header { padding-top: 0; text-align: left; }
  footer.footer-main .grid .image-footer { text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center; }
  footer.footer-main .grid > .grid__item:first-child { grid-column: 1 / -1; }
  .fooetr-newsletter #newsletter-wrapper { flex-direction: column; padding: 0 20px !important; }
  .fooetr-newsletter #newsletter-wrapper .email { width: 100%; }
  p.reviews__head { font-size: 30px; line-height: 36px; padding: 0 20px; }
  .features-benefits__heading h2 { font-size: 25px; line-height: 30px; }
}
.hero-wrapper > .homepage-sections-wrapper { padding-top: 0 !important; padding-bottom: 0 !important; }
.template-index .collage-builder__header { padding-top: 40px; }
.wrapper-padded:has(.product-sticky) { padding-top: 15px; }
.product-sticky { margin-top: -8px !important; }
.product-media-templates { margin: 0 !important; }
.product-medias__main .swiper-container, .product-medias__thumbnail { margin-bottom: -10px !important; }
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap");
.announcement-bar.sticky { position: fixed; width: 100%; z-index: 1001; }
.sticky-header.sticked .header-section--wrapper { position: relative; }
.shopify-section:has(.announcement-bar.sticky) + .sticky-header .header-section--wrapper { top: 46px; }
@media screen and (max-width: 767px) {
  .shopify-section:has(.announcement-bar.sticky) + .sticky-header .header-section--wrapper { top: 33px; position: relative; }
  .template-index .advanced-layout--hero__text-block.advanced-layout--hero__text-block--mobile { padding: 0; }
  .template-index .collage-builder__header .homepage-sections--title:last-child, .template-index h2.homepage-sections--title { font-size: 25px; }
  .template-index .homepage-product-grid-wrapper .grid__item { padding: 5.5px 7.5px; }
  .template-index .image-with-text-wrapper .homepage-content--image.large--one-half { margin-top: 0; }
  #shopify-section-template--15680668106804__featured-collection .homepage-sections-wrapper { padding: 25px 0; }
  .template-index .shopify-section .homepage-sections-wrapper.newsletter--section { padding-left: 20px; padding-right: 20px; }
}
.nlp-bar { text-align: center; padding: 10px; background: #009245; display: none; }
.nlp-bar p { margin: 0; font-size: 14px; font-weight: 600; color: white; }
#hypren-skincare-system-mdrn-mr .announcement-bar, #hypren-skincare-system .announcement-bar { display: none; }
#hypren-skincare-system-mdrn-mr .nlp-bar, #hypren-skincare-system .nlp-bar { display: block; }
body:has(.sticky-header.sticked) .nlp-bar { position: fixed; width: 100%; left: 0; top: 0; z-index: 1001; }
.product-details-wrapper .payment-icon[aria-labelledby="pi-american_express"], .product-details-wrapper .payment-icon[aria-labelledby="pi-diners_club"], .product-details-wrapper .payment-icon[aria-labelledby="pi-google_pay"], .product-details-wrapper .payment-icon[aria-labelledby="pi-discover"], .product-details-wrapper .payment-icon[aria-labelledby="pi-maestro"] { display:none; }
@media screen and (max-width: 749px) {
  .nlp-bar p { font-size: 12px; }
}

/* =============================================================
   MDRN EXPOSURE CLASS — Brand Design System v2 (Claude Edits 2026)
   ============================================================= */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@1,700&family=Space+Mono:wght@400;700&display=swap');

:root {
  --mdrn-navy: #0A0E1A;
  --mdrn-navy-mid: #111827;
  --mdrn-navy-surface: #161D2E;
  --mdrn-navy-border: #1E2A40;
  --mdrn-blue: #3B6BE0;
  --mdrn-blue-muted: #2A4A8E;
  --mdrn-amber: #C9863A;
  --mdrn-amber-light: #E8A855;
  --mdrn-white: #F4F2EE;
  --mdrn-off-white: #C8C4BC;
  --mdrn-muted: #6B7280;
  --mdrn-dim: #3D4555;
}

body { background-color: var(--mdrn-navy) !important; color: var(--mdrn-white) !important; }

.header-section--wrapper, .header-wrapper, .site-header { background-color: var(--mdrn-navy) !important; border-bottom: 1px solid var(--mdrn-navy-border) !important; }
.header-section--wrapper .site-nav__link, .header-section--wrapper a, .site-header a { color: var(--mdrn-muted) !important; font-family: 'Space Mono', monospace !important; font-size: 9px !important; letter-spacing: 2.5px !important; text-transform: uppercase !important; }
.header-section--wrapper .site-nav__link:hover, .site-header a:hover { color: var(--mdrn-white) !important; }

.announcement-bar { background-color: var(--mdrn-blue-muted) !important; color: rgba(244,242,238,0.75) !important; font-family: 'Space Mono', monospace !important; letter-spacing: 2.5px !important; text-transform: uppercase !important; }
.announcement-bar strong, .announcement-bar b { color: var(--mdrn-white) !important; }

.template-index, .template-product, .template-page, .template-collection { background-color: var(--mdrn-navy) !important; }
.template-product { background: var(--mdrn-navy) !important; }
.template-product .product-details-wrapper { background: transparent !important; }

/* =============================================================
   MDRN HEADLINE FONT — Barlow Condensed Bold Italic
   Targets all section headings, image-with-text titles,
   slideshow captions, page titles, and product titles
   ============================================================= */

h1, h2, h3, h4, h5, h6,
.homepage-sections--title,
.page--title,
.homepage-featured-content-box-inner h2,
.homepage-featured-content-box-inner h3,
.image-with-text-wrapper .homepage-sections--title,
.image-with-text-wrapper h2,
.advanced-layout--hero__text-block h2,
.advanced-layout--hero__text-block h3,
.collage-builder__header .homepage-sections--title,
.featured-row__text h2,
.featured-row__text h3,
.video--video-hero h2,
.slideshow__text-content h2,
.caption-content h2,
.caption-content h3,
.text-advert-section--header,
.product-details-wrapper .product-title,
.product-details-wrapper h1,
.blog-post__title,
.article__title,
p.reviews__head {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  font-style: italic !important;
  text-transform: uppercase !important;
  letter-spacing: -0.5px !important;
  color: var(--mdrn-white) !important;
  line-height: 0.95 !important;
}

/* Size scale — keep proportions, just swap the font */
h1, .product-details-wrapper h1, .product-details-wrapper .product-title { font-size: clamp(36px, 5vw, 64px) !important; line-height: 0.92 !important; }
h2, .homepage-sections--title { font-size: clamp(28px, 4vw, 52px) !important; }
h3 { font-size: clamp(22px, 3vw, 36px) !important; }
h4 { font-size: clamp(18px, 2.5vw, 28px) !important; }
h5, h6 { font-size: clamp(14px, 2vw, 20px) !important; }

/* Image-with-text specific — these use a larger display size */
.image-with-text-wrapper .homepage-sections--title,
.image-with-text-wrapper h2 {
  font-size: clamp(40px, 5.5vw, 72px) !important;
  line-height: 0.9 !important;
}

/* Slideshow captions */
.caption-content h2, .slideshow__text-content h2 {
  font-size: clamp(36px, 5vw, 68px) !important;
  line-height: 0.9 !important;
}

/* Product price in amber */
.product-details-wrapper .product-price,
.product-details-wrapper .price {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 36px !important;
  color: var(--mdrn-amber) !important;
}

/* Body text */
body, p, li, .rte { font-family: 'Montserrat', sans-serif; color: var(--mdrn-off-white); }

/* Buttons */
.btn, .btn--primary, button[type="submit"], .shopify-payment-button__button--unbranded {
  background-color: var(--mdrn-white) !important;
  color: var(--mdrn-navy) !important;
  font-family: 'Space Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 0 !important;
  font-weight: 700 !important;
  font-style: normal !important;
}
.btn:hover, .btn--primary:hover { opacity: 0.88 !important; }
.btn--secondary { background-color: transparent !important; color: var(--mdrn-off-white) !important; border: 1px solid var(--mdrn-navy-border) !important; font-family: 'Space Mono', monospace !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important; border-radius: 0 !important; font-style: normal !important; }

/* Footer */
.footer-bottom, .footer-main { background-color: var(--mdrn-navy-surface) !important; border-top: 1px solid var(--mdrn-navy-border) !important; }
.footer-newsletter-wrapper button#newsletter_submit { background: var(--mdrn-amber) !important; color: var(--mdrn-navy) !important; }

/* Product page */
.product__benefits { border-top: 1px solid var(--mdrn-navy-border) !important; }
.collapsible-tab-container .collapsible-tab { border-bottom: 1px solid var(--mdrn-navy-border) !important; background: transparent !important; }
.collapsible-tab-container .collapsible-tab__heading { color: var(--mdrn-white) !important; font-family: 'Space Mono', monospace !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important; font-style: normal !important; }
.product-gallery, .product-medias__main { background: var(--mdrn-navy-surface) !important; }
.product-gallery .swiper-scrollbar-drag { background: var(--mdrn-blue) !important; }

/* Section backgrounds */
.homepage-sections-wrapper { background-color: var(--mdrn-navy); }
.homepage-sections-wrapper--dark { background-color: var(--mdrn-navy-surface) !important; }

/* Forms */
input[type="text"], input[type="email"], input[type="password"], textarea, select { background: var(--mdrn-navy-surface) !important; border: 1px solid var(--mdrn-navy-border) !important; color: var(--mdrn-white) !important; border-radius: 0 !important; }
input::placeholder { color: var(--mdrn-muted) !important; }

/* Cart */
.cart-drawer { background: var(--mdrn-navy-surface) !important; border-left: 1px solid var(--mdrn-navy-border) !important; }

/* Mobile nav */
.mobile-nav, .menu-drawer { background: var(--mdrn-navy) !important; }
.mobile-nav a, .menu-drawer a { color: var(--mdrn-off-white) !important; font-family: 'Space Mono', monospace !important; letter-spacing: 2px !important; text-transform: uppercase !important; font-size: 11px !important; }

/* Collection cards */
.grid-view-item, .product-card { background: var(--mdrn-navy-surface) !important; border: 1px solid var(--mdrn-navy-border) !important; }
.product-grid--price { color: var(--mdrn-amber) !important; font-family: 'Barlow Condensed', sans-serif !important; font-weight: 700 !important; font-style: normal !important; }

/* Marquee */
.marquee-label { color: var(--mdrn-muted) !important; }

/* HyPrEn page overrides */
#hypren-skincare-system .announcement-bar, #hypren-skincare-system-mdrn-mr .announcement-bar { display: none; }
#hypren-skincare-system .nlp-bar, #hypren-skincare-system-mdrn-mr .nlp-bar { display: block; background: var(--mdrn-blue-muted) !important; }

/* Mobile headline sizes */
@media screen and (max-width: 767px) {
  h1, .product-details-wrapper h1 { font-size: 40px !important; }
  h2, .homepage-sections--title { font-size: 32px !important; }
  .image-with-text-wrapper .homepage-sections--title, .image-with-text-wrapper h2 { font-size: 36px !important; }
  .caption-content h2 { font-size: 32px !important; }
}

/* end MDRN brand system */