/** Shopify CDN: Minification failed Line 352:18 Expected ":" Line 517:12 "text-fransform" is not a known CSS property Line 1135:4 Unexpected "}" Line 1162:0 Unexpected "}" **/ /* Font Import (Relies on preload link at the top of in theme.liquid) in case it gets removed because of updates to the theme just paste this at the start of in theme.liquid: */ @font-face { font-family: 'UrbaneRounded'; src: url('/cdn/shop/files/UrbaneRounded-Light.woff2?v=1759411214') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'UrbaneRounded'; src: url('/cdn/shop/files/UrbaneRounded-Medium.woff2?v=1759411728') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } h1, h2, h3, h4, h5, h6, p, span, div, ul, ol, li, a, button, input, select, option, label, legend, textarea, small { font-family: 'UrbaneRounded', sans-serif !important; } .button{ font-weight: 500 !important; } /* Dynamic body color transition */ body { transition: background-color 0.4s ease; } /* VARIABLES */ :root{ /* RAW */ /* Colors */ --color-black: #212631; --color-darkblue: #212631; --color-blue: #5AB3D5; --color-gray: #F8F8F8; --color-white: #FFFFFF; --color-darkgray: #707070; /* just menu seperator color */ /* Sizes (made with https://www.marcbacon.com/tools/clamp-calculator/ with min430px - max1920px) */ --size-250-50: clamp(3.125rem, -0.482rem + 13.423vw, 15.625rem); --size-200-100: clamp(6.25rem, 4.446rem + 6.711vw, 12.5rem); --size-150-100: clamp(6.25rem, 5.348rem + 3.356vw, 9.375rem); --size-150-50: clamp(3.125rem, 1.321rem + 6.711vw, 9.375rem); --size-128-128: clamp(8rem, 8rem + 0vw, 8rem); --size-120-120: clamp(7.5rem, 7.5rem + 0vw, 7.5rem); --size-100-100: clamp(6.25rem, 6.25rem + 0vw, 6.25rem); --size-100-75: clamp(4.688rem, 4.237rem + 1.678vw, 6.25rem); --size-100-60: clamp(3.75rem, 3.029rem + 2.685vw, 6.25rem); --size-100-50: clamp(3.75rem, 3.029rem + 2.685vw, 6.25rem); --size-100-40: clamp(2.5rem, 1.418rem + 4.027vw, 6.25rem); --size-95-40: clamp(2.5rem, 1.508rem + 3.691vw, 5.938rem); --size-90-105: clamp(6.563rem, 6.833rem + -1.007vw, 5.625rem); --size-90-85: clamp(5.313rem, 5.222rem + 0.336vw, 5.625rem); --size-90-60: clamp(3.75rem, 3.209rem + 2.013vw, 5.625rem); --size-90-55: clamp(3.438rem, 2.806rem + 2.349vw, 5.625rem); --size-90-50: clamp(3.125rem, 2.404rem + 2.685vw, 5.625rem); --size-90-30: clamp(1.875rem, 0.793rem + 4.027vw, 5.625rem); --size-80-50: clamp(3.125rem, 2.584rem + 2.013vw, 5rem); --size-80-40: clamp(2.5rem, 1.779rem + 2.685vw, 5rem); --size-80-35: clamp(2.188rem, 1.376rem + 3.02vw, 5rem); --size-75-50: clamp(3.125rem, 2.674rem + 1.678vw, 4.688rem); --size-70-50: clamp(3.125rem, 2.764rem + 1.342vw, 4.375rem); --size-70-40: clamp(2.5rem, 1.959rem + 2.013vw, 4.375rem); --size-70-30: clamp(1.875rem, 1.154rem + 2.685vw, 4.375rem); --size-60-40: clamp(2.5rem, 2.139rem + 1.342vw, 3.75rem); --size-55-55: clamp(3.438rem, 3.438rem + 0vw, 3.438rem); --size-55-40: clamp(2.5rem, 2.229rem + 1.007vw, 3.438rem); --size-55-28: clamp(1.75rem, 1.263rem + 1.812vw, 3.438rem); --size-50-40: clamp(2.5rem, 2.32rem + 0.671vw, 3.125rem); --size-50-30: clamp(1.875rem, 1.514rem + 1.342vw, 3.125rem); --size-50-20: clamp(1.25rem, 0.709rem + 2.013vw, 3.125rem); --size-40-40: clamp(2.5rem, 2.5rem + 0vw, 2.5rem); --size-40-30: clamp(1.875rem, 1.695rem + 0.671vw, 2.5rem); --size-40-25: clamp(1.563rem, 1.292rem + 1.007vw, 2.5rem); --size-35-35: clamp(2.188rem, 2.188rem + 0vw, 2.188rem); --size-35-25: clamp(1.563rem, 1.382rem + 0.671vw, 2.188rem); --size-35-20: clamp(1.25rem, 0.979rem + 1.007vw, 2.188rem); --size-30-30: clamp(1.875rem, 1.875rem + 0vw, 1.875rem); --size-30-22: clamp(1.375rem, 1.231rem + 0.537vw, 1.875rem); --size-30-20: clamp(1.25rem, 1.07rem + 0.671vw, 1.875rem); --size-25-25: clamp(1.563rem, 1.563rem + 0vw, 1.563rem); --size-25-22: clamp(1.375rem, 1.321rem + 0.201vw, 1.563rem); --size-20-20: clamp(1.25rem, 1.25rem + 0vw, 1.25rem); --size-20-18: clamp(1.125rem, 1.089rem + 0.134vw, 1.25rem); --size-20-15: clamp(0.938rem, 0.847rem + 0.336vw, 1.25rem); --size-18-15: clamp(0.938rem, 0.883rem + 0.201vw, 1.125rem); --size-18-18: clamp(1.125rem, 1.125rem + 0vw, 1.125rem); --size-14-14: clamp(0.875rem, 0.875rem + 0vw, 0.875rem); --size-12-12:clamp(0.75rem, 0.75rem + 0vw, 0.75rem); --size-10-10: clamp(0.625rem, 0.625rem + 0vw, 0.625rem); --size-10-5: clamp(0.313rem, 0.222rem + 0.336vw, 0.625rem); --size-5-5: clamp(0.313rem, 0.313rem + 0vw, 0.313rem); /* TYPO */ /* Font Sizes */ --fs-h1: var(--size-100-60); --fs-h2: var(--size-70-40); --fs-h3: var(--size-50-40); --fs-t1: var(--size-20-18); --fs-t2: var(--size-18-15); --fs-category: var(--size-20-15); --fs-pdp-mini: var(--size-10-10); --fs-review: var(--size-30-20); --fs-button-s: var(--size-12-12); --fs-quote: var(--size-50-40); --fs-bandrole: var(--size-50-30); /* Line Heights */ --lh-h1: var(--size-90-60); --lh-h2: var(--size-80-40); --lh-h3: var(--size-50-40); --lh-t1: var(--size-25-25); --lh-t2: var(--size-25-22); --lh-category: var(--size-20-15); --lh-pdp-mini: var(--size-10-10); --lh-pdp-mini: var(--size-40-25); --lh-button-s: var(--size-12-12); --lh-quote: var(--size-50-40); --lh-bandrole: var(--size-50-30); /* SPACINGS */ /* Section Spacings */ --section-spacing-s: var(--size-50-30); --section-spacing-m: var(--size-100-50); --section-spacing-l: var(--size-200-100); .section-spacing{ --section-spacing: var(--section-spacing-m); padding-top: var(--section-spacing); padding-bottom: var(--section-spacing); } /* Element Spacings */ --element-spacing-s: 0; --element-spacing-m: 0; --element-spacing-l: 0; --gap-s: 0; --gap-m: 0; --gap-l: 0; } /* GLOBAL CSS */ .badge-list{ pointer-events: none; } .badge{ background-color: var(--color-white); border-radius: 25px; text-box: unset; } .button{ font-size: var(--fs-button-s); line-height: var(--lh-button-s); font-weight: 500; padding-left: 75px; padding-right: 75px; } .drawer{ button{ padding: 0; } } .subheading{ font-size: var(--fs-t1); line-height: var(--lh-t1); display: flex; } .subheading:before{ width: 2.5cap!important; height: 2.5cap!important; align-self: center; } /* accent effect */ @supports (text-box: trim-both cap alphabetic) { .highlighted-heading:where([effect=marker],[effect=tilted-marker]) em ::part(line), .highlighted-heading:where([effect=marker],[effect=tilted-marker]) em ::part(line):before, .highlighted-heading:where([effect=marker],[effect=tilted-marker]) em ::part(line):after { text-box: unset!important; padding-block: unset!important; } } header{ .nav-desktop-drawer{ display: flex; gap: var(--size-30-30); } .tap-area{ display: flex; } @media (max-width: 999px){ .header{ grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); } .nav-desktop-drawer button{ display: none; } } @media (min-width: 1000px){ .header__logo--mobile{ display: none; } .header__primary-nav{ a{ font-weight: 500; } .tap-area{ display: none; } } } /* vanish the middle menu when not enough space */ @media (max-width: 1134px){ .header__primary-nav{ .contents{ display: none; } } } header-menu-drawer-panel{ /* main menu text */ .h4{ font-size: var(--fs-h3); line-height: var(--lh-h3); & > div{ gap: var(--size-40-25); } svg{ margin-top: var(--size-10-5); height: 100%; } } .menu-drawer__separator{ border-color: var(--color-darkgray); border-top-width: 0.75px; } /* sub menu text */ .link-reversed, .link-reversed:not(.subheading)::after{ font-size: var(--fs-t2); line-height: var(--lh-t2); font-weight: 400; } /* list gap */ .unstyled-list{ gap: var(--size-20-20); } /* nested menu (Shop ->) */ /* icon */ .link-reversed:not(.subheading){ position: relative; padding-left: 3.25rem; /* room for the badge */ &::before{ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1.8rem; height: 1.8rem; background-size: 100% 100%; background-repeat: no-repeat; background-image: url("/cdn/shop/files/Gruppe_265-dark.svg?v=1761233178"); } } /* number for nested menu */ counter-reset: linknum; .link-reversed:not(.subheading)::after { counter-increment: linknum; content: counter(linknum); position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1.8rem; height: 1.8rem; display: grid; place-items: center; pointer-events: none; } /* social media icons */ .social-media { --icon-max-width: 2.125rem!important; justify-content: space-around; } .menu-drawer__panel-footer .menu-drawer__footer-item{ border: none; } } .menu-promo__carousel{ gap: var(--size-18-15); .subheading{ font-weight: 300; font-size: var(--fs-t1); line-height: var(--lh-t1); } } } cart-drawer{ .button{ background-color: transparent; border: 1px solid var(--color-black); } } /* Cart Page */ .shopify-section--main-cart{ .empty-state{ .button{ background-color: transparent; border: 1px solid var(--color-black); } } } footer{ .footer{ border: none; } .subheading{ font-weight: 500; font-size: var(--fs-t1); line-height: var(--lh-t1); } .prose p, .link-reversed{ font-size_ var(--fs-t2); line-height: var(--lh-t2); } .separator{ display: none; } .footer__aside{ border: none; /* remove "powered by shopify" message */ .text-sm{ display: none; } } .footer__block--newsletter{ button{ width: 100%; border: 1px solid var(--color-white); background-color: transparent; text-transform: uppercase; } .form-control{ input{ background-color: var(--color-white); color: var(--color-black); } label{ color: var(--color-black); } } } /*bottoms links */ .footer__block--links:last-child{ @media screen and (min-width: 1000px){ padding-block: 2.5rem!important; } @media screen and (max-width: 999px){ & > div:first-child{ width: fit-content; margin: auto; } .unstyled-list{ justify-content: space-between; } } .unstyled-list{ display: flex; gap: var(--size-100-40); } width: 100%; max-width: calc( 100% - 2 * var(--container-gutter) ); grid-column: span 2; bottom: 0; position: absolute; padding-block: 1.5rem; } /* social media icons */ .social-media { /*space for bottom links */ @media screen and (max-width: 999px){ padding-bottom: var(--size-20-20)!important; } --icon-max-width: 2.125rem!important; --icon-mobile-max-width: 2.125rem!important; } } .product-card{ img{ width: 100%; } } /* SECTION CSS */ /* PRODUCT PAGE (PDP) */ /* Main Product*/ .shopify-section--main-product{ .badge{ border: 1px solid var(--color-black); border-radius: 25px; } .product-title{ text-transform: uppercase; } .product-title, sale-price, .product-info__block-item[data-block-type="complementary-products"] p{ font-size: var(--fs-t1); line-height: var(--lh-t1); font-weight: 500; } .pdp-price-per-amount, .inventory__text, .pdp-delivery-time{ font-size: var(--size-10-10); line-height: var(--size-10-10); color: rgb(var(--text-color)); } .inventory{ progress-bar{ display: none; } } .product-description{ font-size: var(--fs-t2); line-height: var(--lh-t2); } .button, quantity-selector{ border-radius: 50px; } .button, .quantity-selector__input{ padding-top: var(--size-10-10); padding-bottom: var(--size-10-10); font-size: var(--size-12-12); line-height: var(--size-12-12); font-weight: 500; text-transform: uppercase; } .button{ color: var(--color-white); background-color: rgb(var(--button-background)); padding-left: 0; padding-right: 0; } /* payment icons */ .product-info__block-item[data-block-type="icons-with-text"] .grid{ display: flex; gap: var(--size-20-20); } .product-info__block-item[data-block-type="accordion"]{ accordion-disclosure{ --border-color: var(--color-black); box-shadow: 0 0.6px var(--border-color), 0 0.6px var(--border-color) inset; } &:first-child, &:last-child{ accordion-disclosure{ box-shadow: none!important; } } } .pdp-info-heading{ font-weight: 500; font-size: var(--fs-t2); line-height: var(--lh-t2); text-transform: uppercase; } .accordion__summary span{ font-size: var(--fs-t2); line-height: var(--lh-t2); } .accordion__content span{ font-size: var(--size-14-14); line-height: var(--size-14-14); } .product-info__block-item[data-block-type="complementary-products"]{ sale-price, button, a, .product-category{ font-size: var(--fs-t2); line-height: var(--lh-t2); font-weight: 300; color: rgb(var(--text-color)); } sale-price, button, a{ font-weight: 500; } a{ text-fransform: uppercase; } } /* spacings */ .product-info__block-item{ &[data-block-type="price"]{ margin-top: 10px!important; margin-bottom: 0!important; } /* price per ml */ &[data-block-type="liquid"]{ margin-top: 0!important; margin-bottom: 0!important; } &[data-block-type="inventory"]{ margin-bottom: 10px!important; } &[data-block-type="buy-buttons"]{ margin-top: 0!important; } &[data-block-type="icons-with-text"]{ margin-bottom: 0!important; } &[data-block-type="description"]{ margin-bottom: var(--size-50-40); } } .pdp-delivery-time{ margin-top: 20px; } .pdp-price-per-amount{ margin-top: 5px; } .pdp-info-heading{ margin-top: var(--size-40-30); } .product-info__block-group[data-group-type="accordion-group"]{ margin-top: 5px!important; } } /* FAQ (PDP) */ .shopify-section--faq{ .accordion__disclosure{ background-color: var(--color-white); } .accordion.bg-secondary+.accordion { margin-block-start: .5rem; } } /* FEATURED COLLECTIONS (Home) */ .shopify-section--featured-collections{ /* nav buttons */ .featured-collections-header{ button{ font-weight: 300; font-size: var(--size-50-20); line-height: var(--size-60-40); } .featured-collections-header__tab-list{ column-gap: var(--size-60-40)!important; } } /* Gap */ .container > div{ gap: var(--size-100-50); } /* Product Cards Padding Left Right */ .featured-collections-products{ scroll-padding-inline: var(--distance-to-bleed); scroll-padding-inline-start: max(2rem, 0%); scroll-padding-inline-end: max(2rem, 0%); padding-inline-start: var(--distance-to-bleed); padding-inline-end: var(--distance-to-bleed); } /* Product Card */ .product-card{ display: block; background-color: transparent; outline: none; button{ background-color: transparent; border: 1px solid var(--color-white); color: var(--color-white); padding: 0; } /* Product Image */ .product-card__figure{ } /* Product Card Info */ .product-card__info{ div{ gap: 0; } *{ color: var(--color-black); } .product-category{ font-weight: 300; font-size: var(--fs-category); line-height: var(--lh-category); } .product-title{ margin-top: var(--size-18-18); font-weight: 600; font-size: var(--fs-t1); line-height: var(--lh-t1); } sale-price{ margin-top: var(--size-5-5); font-weight: 400; font-size: var(--fs-t1); line-height: var(--lh-t1); } .rating-badge { display: none; } } } } /* COLLECTIONS (Collections Page) */ .shopify-section--main-collection{ /* Promo Slide */ .product-list__promo{ .h2{ font-size: var(--fs-h3); line-height: var(--lh-h3); } p:not(.h2){ font-size: var(--fs-t1); line-height: var(--lh-t1); } div{ max-width: 100%; } } /* Product Card */ .product-card{ display: block; background-color: transparent; outline: none; button{ background-color: transparent; border: 1px solid var(--color-white); color: var(--color-white); padding: 0; } /* Product Image */ .product-card__figure{ } /* Product Card Info */ .product-card__info{ div{ gap: 0; } *{ color: var(--color-black); } .product-category{ font-weight: 300; font-size: var(--fs-category); line-height: var(--lh-category); } .product-title{ margin-top: var(--size-18-18); font-weight: 600; font-size: var(--fs-t1); line-height: var(--lh-t1); } sale-price{ margin-top: var(--size-5-5); font-weight: 400; font-size: var(--fs-t1); line-height: var(--lh-t1); } .rating-badge { display: none; } } } .empty-state{ .button{ background-color: transparent; border: 1px solid var(--color-black); } } } /* Main Blog (Blog page) */ .shopify-section--main-blog{ .blog-post-list{ --blog-post-list-grid: auto-flow dense / repeat(3, minmax(0, 1fr));; @media (max-width: 1249px){ --blog-post-list-grid: auto-flow dense / repeat(2, minmax(0, 1fr));; } @media (max-width: 799px){ --blog-post-list-grid: auto-flow dense / repeat(1, minmax(0, 1fr));; } --blog-post-list-gap: var(--size-55-55); } .blog-post-card__image-container{ img{ aspect-ratio: 559 / 705; } } .blog-post-list__newsletter{ .h6{ font-size: var(--fs-h3); line-height: var(--lh-h3); font-weight: 500; } p:not(.h6){ font-size: var(--fs-t2); line-height: var(--lh-t2); } *{ color: var(--color-white); } .blog-post-list__newsletter-inner{ background-color: var(--color-black); } input{ background-color: var(--color-black); border: 1px solid var(--color-white); } button{ background-color: var(--color-white); padding: 0; } .button__content{ color: var(--color-black); svg{ display: none; } } } .blog-post-card{ .h5{ font-size: var(--fs-h3); line-height: var(--lh-h3); font-weight: 500; } p{ font-size: var(--fs-t2); line-height: var(--lh-t2); } .subheading{ font-size: var(--fs-t1); line-height: var(--lh-t1); font-weight: 500; .shape{ --shape-size: 2cap; } span:last-child:before{ height: 1rem; width: 2px; } } } .blog-post-list__highlighted-article{ .subheading .shape{ display: none; } .content-box{ height: 95svh; min-height: 600px; } } } /* Text With Fixed Background */ .shopify-section--text-with-fixed-background{ .subheading{ font-size: var(--fs-t1); line-height: var(--lh-t1); } .h2{ font-size: var(--size-90-30); line-height: var(--size-90-30); } .text-with-fixed-background__content-block{ p{ font-size: var(--fs-t2); line-height: var(--lh-t2); } } } /* Products With Image (Day/Night) */ .shopify-section--products-with-image{ .prose{ text-align: start; & > div, .subheading{ margin-left: 0!important; font-size: var(--fs-t1); line-height: var(--lh-t1); } .subheading::before{ display: none; } .subheading{ text-decoration: underline; } .h2{ font-size: var(--fs-h1); line-height: var(--lh-h1); margin-top: var(--size-150-100); margin-bottom: var(--size-70-50); } } carousel-next-button, carousel-prev-button{ svg{ --icon-max-width: var(--size-30-30); } } .products-with-image__products-wrapper{ background-color: var(--color-white); } .product-list{ gap: var(--size-10-10)!important; background-color: transparent; } /*arrows gap */ .products-with-image__carousel-container{ & > div{ gap: var(--size-50-40); } } /* Product Card */ .product-card{ display: block; background-color: var(--color-gray); outline: none; button{ background-color: transparent; border: 1px solid var(--color-white); color: var(--color-white); padding: 0; } /* Product Image */ .product-card__figure{ } /* Product Card Info */ .product-card__info{ background-color: var(--color-white); div{ gap: 0; } *{ color: var(--color-black); } .product-category{ font-weight: 300; font-size: var(--fs-category); line-height: var(--lh-category); } .product-title{ margin-top: var(--size-18-18); font-weight: 600; font-size: var(--fs-t1); line-height: var(--lh-t1); } sale-price{ margin-top: var(--size-5-5); font-weight: 400; font-size: var(--fs-t1); line-height: var(--lh-t1); } .rating-badge { display: none; } } } } /* Scrolling Content */ .shopify-section--scrolling-content{ .scrolling-content__item{ --scrolling-content-calculated-gap: var(--size-50-30); .heading { font-size: var(--fs-bandrole); line-height: var(--lh-bandrole); display: flex; /* needed for "align-self: center" in .heading:before */ } .heading:before { content: ""; display: inline-block; background: currentColor; width: 0.7cap; height: 0.7cap; border-radius: 100%; margin-right: var(--scrolling-content-calculated-gap); align-self: center; /* (vertical alignment) needs "display: flex" in .heading */ } } .section-spacing { --section-spacing: var(--size-30-30); } } /* Reading Text */ .shopify-section--reading-text { overflow: visible !important; split-lines { font-size: var(--fs-h3); line-height: var(--lh-h3); } button { margin-top: var(--size-100-50); } .h3 { margin-top: var(--size-50-40); } } /* DYNAMIC GRIDS */ .shopify-section--dynamic-grid{ /* Neurocosmetics (Home) */ .neurocosmetics{ .dynamic-grid__cell:nth-child(5) p, .dynamic-grid__cell:nth-child(1) p{ /* Top(5) and Bottom(1) Text */ font-size: var(--size-30-20)!important; line-height: var(--size-30-20)!important; } .dynamic-grid__cell:nth-child(4) p{ /* Left Text */ white-space: nowrap; font-size: var(--size-70-40)!important; line-height: var(--size-50-40)!important; } .dynamic-grid__cell:nth-child(2) p{ /* Middle Text */ font-size: var(--size-35-25)!important; line-height: var(--size-40-30)!important; } .dynamic-grid__cell:nth-child(3) p{ /* Right Text */ font-size: var(--fs-h2)!important; line-height: var(--lh-h2)!important; } } /* Injooi your day / Injooi your night (Home) */ .discover{ .subheading{ font-size: var(--fs-t1); line-height: var(--lh-t1); display: flex; } .subheading:before{ width: 2.5cap!important; height: 2.5cap!important; align-self: center; } .heading{ font-size: var(--fs-h3)!important; line-height: var(--lh-h3)!important; } p:not(.heading){ margin-top: var(--size-75-50); font-size: var(--fs-t2); line-height: var(--lh-t2); } figure{ margin-top: var(--size-100-75); } img{ margin: auto; filter: blur(20px); justify-self: center; } button{ margin-top: var(--size-100-75); } } /* Not Just a Routine (Home) */ .routine{ padding-top: var(--section-spacing-l); img{ aspect-ratio: 219/277; } button{ margin-top: var(--size-100-75); } .heading{ font-size: var(--size-100-60)!important; line-height: var(--size-90-60)!important; } p{ margin-top: var(--size-75-50); font-size: var(--fs-t2)!important; line-height: var(--lh-t2)!important; } } /* behind-injooi (About) */ .behind-injooi{ .subheading{ margin-top: var(--size-90-85); } .prose > div{ margin-top: var(--size-90-50); } .heading{ margin-top: calc(2* var(--size-90-55)); font-size: var(--size-25-22)!important; line-height: var(--size-25-22)!important; font-weight: 400; } p:not(.heading){ font-size: var(--fs-t2); line-height: var(--lh-t2); max-width: 1400px; margin-left: auto; margin-right: auto; } } /* Trust Icons Header */ .trust-icons-header{ .heading{ margin-top: var(--size-90-55); font-size: var(--fs-t1)!important; line-height: var(--lh-t1)!important; } } /* Day/Night */ .day-night{ @media (max-width: 999px){ padding-bottom: var(--section-spacing-s); } figure:first-child img{ margin-left: auto; margin-right: auto; aspect-ratio: 1/1; border-radius: 100%; width: 288px; @media (max-width: 999px){ width: 224px; } } figure:last-child img{ aspect-ratio: 16/6; } /* thicker underline */ .heading-links a{ background: linear-gradient(to right, currentColor, currentColor) 0 100% / 100% 3px no-repeat; } .toptext{ font-size: var(--fs-t1); line-height: var(--lh-t1); } h1{ font-size: var(--size-80-50); line-height: var(--size-80-50); } .subtext{ margin-top: var(--size-40-40); font-size: var(--size-50-30); line-height: var(--size-35-35); } .description{ margin-top: var(--size-40-40); font-size: var(--fs-t2); line-height: var(--lh-t2); } .bottom-links{ margin-top: var(--size-40-40); display: flex; flex-direction: row; justify-content: space-between; gap: 0.4rem; } @media (max-width: 999px){ flex-direction: column; gap: var(--size-18-18); .bottom-link{ width: fit-content; margin-left: auto; margin-right: auto; } } } } /* About Neurocosmetics (Neurocosmetics) */ .about-neurocosmetics{ --section-spacing: var(--section-spacing-l); .heading{ font-size: var(--fs-t1)!important; line-height: var(--lh-t1)!important; } p:not(.heading){ font-size: var(--fs-h3)!important; line-height: var(--lh-h3)!important; } .bottom-links{ margin-top: var(--size-70-50); display: flex; flex-direction: row; justify-content: center; gap: 4rem; } @media (max-width: 999px){ flex-direction: column; gap: var(--size-18-18); .bottom-link{ width: fit-dontent; margin-left: auto; margin-right: auto; } } } } /* Hero (Neurocosmetics / Coming soon) */ .3-image-hero{ height: 100svh; align-self: center; justify-self: center; margin-left: auto; margin-right: auto; display: flex; .dynamic-grid{ align-self: center; margin-top: 0; } } /* Footer Logo */ .footer-logo{ padding-top: var(--size-50-40); padding-bottom: 0; .dynamic-grid{ --dynamic-grid-cell-size: 0!important; } img{ margin: auto; --image-max-width: var(--size-128-128)!important; --image-mobile-max-width: var(--size-128-128)!important; } } } /* COUNTDOWN SECTION */ .shopify-section--countdown{ padding-top: var(--section-spacing-m); padding-bottom: var(--section-spacing-m); .h1{ font-size: var(--fs-h3); line-height: var(--lh-h3); } p:not(.h1){ font-size: var(--fs-t2); line-height: var(--lh-t2); } span.countdown__timer-unit{ font-size: var(--fs-t1); line-height: var(--lh-t1); } img{ max-height: 85svh; } .h3.countdown__timer-flip{ font-size: var(--fs-h2); line-height: var(--lh-h2); } .countdown__timer{ border: none; } .countdown__timer-item{ gap: var(--size-50-30); } .countdown__timer-item:first-child .subheading{ transform: translatex(calc( -1 * var(--size-20-15))); } .countdown__timer-item:nth-child(2) .subheading{ transform: translatex(calc( -1 * var(--size-10-5))); } .countdown__timer-item:nth-child(3) .subheading{ transform: translatex(var(--size-10-5)); } .countdown__timer-item:last-child .subheading{ transform: translatex(var(--size-20-15)); } } /* BLOG POST SECTION */ .shopify-section--blog-posts{ blog-post-list{ @media (min-width: 1000px){ --blog-post-list-grid: auto / repeat(4, minmax(0, 1fr)); } } img, svg{ aspect-ratio: 450/568; } .subheading{ font-size: var(--fs-t1); line-height: var(--lh-t1); display: flex; } .subheading:before{ width: 2.5cap!important; height: 2.5cap!important; align-self: center; } h2, .h5{ font-size: var(--fs-h3); line-height: var(--lh-h3); } p:not(h2, .h5){ font-size: var(--size-14-14); line-height: var(--size-20-20); } .section-stack{ gap: var(--size-70-40)!important; } .shape{ width: 2cap; height: 2cap; } } /* Before After Day-Night (Home) */ .shopify-section--before-after-image{ .w-full{ max-width: unset; } .container{ margin: 0; } p{ font-size: var(--fs-t2); line-height: var(--lh-t2); color: var(--color-white); text-transform: uppercase; } } /* MULTI COLUMNS */ .shopify-section--multi-column{ /* Collection Slider (Home) (unused/backupcss) */ .collection-slider{ padding-bottom: 0; img{ margin-bottom: 0; } .multi-column{ --multi-column-column-gap: var(--size-10-5); --multi-column-grid: auto / auto-flow calc(50svw - var(--size-10-5)/2); padding: 0; scroll-snap-type: none; } img{ aspect-ratio: 958/986; max-height: 90svh; } .multi-column__item{ .prose{ position: relative; } p{ font-size: var(--fs-t2); line-height: var(--lh-t2); padding: var(--distance-to-bleed); position: absolute; color: var(--color-white); text-transform: uppercase; } } .multi-column__item:nth-child(odd) p{ top: 0; left: 0; } .multi-column__item:nth-child(even) p{ bottom: 0; right: 0; } } /* Catch (Day/Night) */ .catch{ img{ aspect-ratio: 1/1; } /* overlay for image letter */ .liquid{ aspect-ratio: 1/1; position: absolute; width: 100%; } .image-letter{ position: absolute; color: var(--color-white); font-size: var(--size-120-120); line-height: var(--size-120-120); top: 50%; left: 50%; transform: translate(-50%, -50%); } .subheading{ font-size: var(--fs-t1); line-height: var(--lh-t1); } h2{ font-size: var(--fs-h3); line-height: var(--lh-h3); } h3{ font-size: var(--size-35-35); line-height: var(--size-35-35); } p{ font-size: var(--fs-t2); line-height: var(--lh-t2); } } /* USP (Neurocosmetics) */ .neurocosmetics-usp{ padding-top: 0; padding-bottom: var(--section-spacing-l); img{ aspect-ratio: 1/1; } .subheading{ font-size: var(--fs-t1); line-height: var(--lh-t1); } .h4{ font-size: var(--size-35-35); line-height: var(--size-35-35); } .custom-richtext{ font-size: var(--fs-t2); line-height: var(--lh-t2); } } /* Routine (PDP) */ .pdp-routine{ } /* Routine Step (PDP) */ .pdp-routine-step{ padding: 0; .subheading{ font-size: var(--fs-t1); line-height: var(--lh-t1); font-weight: 300; } h2{ font-size: var(--fs-h3); line-height: var(--lh-h3); font-weight: 300; margin-top: var(--size-40-40); margin-bottom: var(--size-35-35); @media (max-width: 999px){ margin-top: var(--size-20-20); margin-bottom: var(--size-10-10); } } h2+div{ font-size: var(--fs-t2); line-height: var(--lh-t2); font-weight: 300; margin-bottom: var(--size-150-100); } .accordion .text-with-icon{ --text-with-icon-gap: var(--size-35-20); span{ font-size: var(--size-20-20); line-height: var(--size-35-35); font-weight: 300; } } .accordion{ margin-top: 0; --border-color: var(--color-black); box-shadow: 0 0.6px var(--border-color), 0 0.6px var(--border-color) inset; } .accordion__disclosure .subheading:before{ display: none; } .accordion__disclosure:has(span:empty){ display: none; } .multi-column{ padding: 0; } .multi-column__item:first-child{ padding-bottom: 15svw; padding-inline-start: var(--distance-to-bleed); padding-inline-end: var(--distance-to-bleed); @media (max-width: 999px){ order: 1; padding-bottom: var(--size-70-50); } @media (min-width: 1000px){ padding-top: 68px; } } .multi-column__item:last-child{ .prose{ height: 100%; } @media (max-width: 999px){ img{ aspect-ratio: 430 / 477; } } } } /* Happy Effect / Emotionen und deine Haut (Neurocosmetics) */ .neurocosmetics-multi-column{ img{ aspect-ratio: 1/1; margin: auto; } .prose{ align-self: center; height: 100%; display: flex; flex-direction: column; .h4{ margin-top: var(--size-50-20); flex-grow: 1; flex-shrink: 0; font-size: var(--size-70-40); line-height: var(--size-70-40); } p:not(.h4){ margin-top: var(--size-250-50); font-size: var(--fs-t2); line-height: var(--lh-t2); } } @media (max-width: 999px) { .multi-column__item:first-child { order: 1; } } } } /* COLLECTION LIST */ .shopify-section--collection-list{ /* COLLECTION HEADER (Collection Page) */ .collections-header{ .collection-list{ display: flex; } .section-stack{ row-gap: var(--size-60-40); } a:hover{ .h4{ text-decoration: underline; } } img{ aspect-ratio: 1/1!important; width: var(--size-150-100)!important; border-radius: 100%; transform: scale(1)!important; } .h3{ font-size: var(--fs-h2); line-height: var(--lh-h2); } p:not(.h4){ margin-top: var(--size-50-40); font-size: var(--size-30-20); line-height: var(--size-35-25); } .h4{ font-size: var(--fs-t1); line-height: var(--lh-t1); font-weight: 500; } } /* Image Split Home (unsed/backupcss) */ .collection-split{ .collection-list{ gap: var(--size-10-5); --collection-list-grid: auto / repeat(2, minmax(0, 1fr)); } img{ aspect-ratio: 958/986; max-height: 90svh; } .shopify-block{ p{ font-size: var(--fs-t2); line-height: var(--lh-t2); } &:first-child{ .prose{ align-self: start; text-align: start; } } &:last-child{ .prose{ align-self: end; text-align: end; } } } } } /* HOT SPOTS */ .shopify-section--hot-spots, .popover--hot-spot{ .hot-spot__dot{ background-color: rgba(255, 255, 255, 0.5); svg{ width: 50%; border-radius: 100%; background-color: var(--color-white); path{ stroke: transparent; } } } .h5{ font-size: var(--fs-t1)!important; line-height: var(--lh-t1)!important; } p:not(.h5){ font-size: var(--fs-t2)!important; line-height: var(--lh-t2)!important; } } /* TRUST ICONS */ .shopify-section--trust-icons{ .trust-icons{ --container-gutter-context: var(--container-gutter); --container-max-width: 100%; --distance-to-bleed: max(var(--container-gutter-context), 50% - var(--container-max-width) / 2); margin-inline-start: max(var(--container-gutter-context), 50% - var(--container-max-width) / 2); margin-inline-end: max(var(--container-gutter-context), 50% - var(--container-max-width) / 2); border: none; } .trust-icons__item{ box-shadow: none; } .h7{ font-size: var(--fs-t1); line-height: var(--lh-t1); font-weight: 500; } .text-subdued{ color: var(--color-white); font-size: var(--size-14-14); line-height: var(--size-20-20); font-weight: 500; } @media (min-width: 1000px){ .prose{ text-align: start; img{ margin-left: 0; margin-right: 0; } } } } /* TIMELINE */ .shopify-section--timeline{ h2 { font-size: var(--size-100-100); line-height: var(--size-100-100); margin-bottom: 150px; @media (max-width: 999px) { margin-top: 150px!important; margin-bottom: 80px!important; } } p, button { font-size: var(--fs-t1); line-height: var(--lh-t1); } button{ font-weight: 500; } @media (max-width: 999px){ .timeline{ display: grid; } .timeline__content-with-nav{ order: 1; } } .timeline__image-list{ height: 100svh; @media (max-width: 999px){ height: 50svh; } } .timeline__nav { padding-top: var(--size-55-28)!important; border: none; } .timeline__content-with-nav { height: unset; } .timeline__content-list { align-content: unset !important; align-items: stretch; } .timeline__content-list .prose { display: flex; flex-direction: column; } .timeline__content-list .prose h2 { margin-top: auto; margin-bottom: auto; } nav { gap: var(--size-60-40); } } /* MEDIA BLOCKS */ .shopify-section--media-blocks{ .section-spacing{ margin: 0; padding-bottom: 0; } .h4{ font-size: var(--size-70-30); line-height: var(--size-70-30); } p:not(.h4){ margin-top: var(--size-30-30); font-size: var(--fs-t1); line-height: var(--lh-t1); font-weight: 400; } button{ margin-top: var(--size-200-100); margin-bottom: var(--size-35-25)!important; } .media-blocks{ @media (max-width: 999px){ --media-blocks-grid: auto / repeat(1, minmax(0, 1fr))!important; } } } /* PRESS QUOTES */ .shopify-section--press{ blockquote:before { color: #464f60; stroke: #464f60; } blockquote { --quotation-mark-svg: url("/cdn/shop/files/quotationmarks.svg?v=1759435774"); font-size: var(--fs-h3); line-height: var(--lh-h3); } .subheading { font-size: var(--fs-t1); line-height: var(--lh-t1); display: flex; } .subheading:before { width: 2.5cap !important; height: 2.5cap !important; align-self: center; } /* Founder Quote Base (About) */ .founder-quote{ padding-bottom: calc(2 * var(--section-spacing-m)); } carousel-navigation{ gap: var(--size-100-100); } img { aspect-ratio: 1/1; border-radius: 100%; margin: auto; } .subheading{ font-size: var(--fs-t2); line-height: var(--lh-t2); } .press-navigation__button .subheading{ font-weight: 500; max-width: var(--size-100-100); text-align: center; } } /* Founder Quote Collections (Collection Page) */ .founder-quote--collection{ .press-carousel__item{ row-gap: var(--size-100-75); } blockquote{ font-size: var(--fs-h3)!important; line-height: var(--lh-h3)!important; } .subheading{ font-size: var(--fs-t1)!important; line-height: var(--lh-t1)!important; font-weight: 300!important; max-width: unset!important; text-align: center; } } .button { transition: none !important; } quantity-selector { transition: none !important; border-color: inherit !important; } quantity-selector .quantity-selector__button { transition: none !important; } quantity-selector .quantity-selector__input { transition: none !important; } product-form:not(.modal--quick-buy *) button[type="submit"].button.button--outline:not([name="checkout"]), product-sticky-add-to-cart button[type="submit"].button.button--outline:not([name="checkout"]) { background-color: rgb(var(--button-background)) !important; border-color: rgb(var(--button-background)) !important; color: #ffffff !important; } /* ===== HELLE Quick-Buys: Button wirklich als Outline + Quantity outlined ===== */ .modal--quick-buy .quick-buy button[type="submit"].button, .modal--quick-buy .quick-buy button[type="submit"].button.button--outline { background-color: transparent !important; border-color: #28334a !important; color: #28334a !important; } .modal--quick-buy .quick-buy button[type="submit"].button button-content, .modal--quick-buy .quick-buy button[type="submit"].button .button__content { color: #28334a !important; } .modal--quick-buy .quick-buy quantity-selector { border-color: #28334a !important; } /* ============================================================ */ /* Hotspot Quick-Buy DARK — gescoped via JS-Marker qb-hotspot-dark */ /* ============================================================ */ body.qb-hotspot-dark .modal--quick-buy::part(content) { background-color: #212631 !important; } body.qb-hotspot-dark .modal--quick-buy::part(close-button) { color: #ffffff !important; } body.qb-hotspot-dark .modal--quick-buy .quick-buy { background-color: #212631 !important; color: #ffffff !important; } body.qb-hotspot-dark .modal--quick-buy .quick-buy a, body.qb-hotspot-dark .modal--quick-buy .quick-buy p, body.qb-hotspot-dark .modal--quick-buy .quick-buy h2, body.qb-hotspot-dark .modal--quick-buy .quick-buy span, body.qb-hotspot-dark .modal--quick-buy .quick-buy legend, body.qb-hotspot-dark .modal--quick-buy .quick-buy sale-price, body.qb-hotspot-dark .modal--quick-buy .quick-buy .text-subdued { color: #ffffff !important; } body.qb-hotspot-dark .modal--quick-buy .quick-buy hr { border-color: rgba(255, 255, 255, 0.2) !important; } body.qb-hotspot-dark .modal--quick-buy .quick-buy button[type="submit"].button, body.qb-hotspot-dark .modal--quick-buy .quick-buy button[type="submit"].button.button--outline { background-color: transparent !important; border-color: #ffffff !important; color: #ffffff !important; } body.qb-hotspot-dark .modal--quick-buy .quick-buy button[type="submit"].button .button__content, body.qb-hotspot-dark .modal--quick-buy .quick-buy button[type="submit"].button button-content { color: #ffffff !important; } body.qb-hotspot-dark .modal--quick-buy .quick-buy quantity-selector { border-color: #ffffff !important; } body.qb-hotspot-dark .modal--quick-buy .quick-buy quantity-selector button, body.qb-hotspot-dark .modal--quick-buy .quick-buy quantity-selector input { color: #ffffff !important; border-color: #ffffff !important; } /* Judge.me Review-Count im Dark-Modal sichtbar machen */ body.qb-hotspot-dark .modal--quick-buy .quick-buy .jdgm-widget, body.qb-hotspot-dark .modal--quick-buy .quick-buy .jdgm-widget *, body.qb-hotspot-dark .modal--quick-buy .quick-buy .jdgm-prev-badge, body.qb-hotspot-dark .modal--quick-buy .quick-buy .jdgm-prev-badge__text { color: #ffffff !important; } /* Scrolling Content – kompakte Höhe */ .shopify-section--scrolling-content { font-size: 1rem !important; } #shopify-section-template--26574280982855__scrolling_content_ABf4c7 { --section-vertical-spacing: 6px !important; } .shopify-section--scrolling-content .section-spacing { padding-block: 6px !important; } .shopify-section--scrolling-content .scrolling-content__text .heading { font-size: clamp(1.2rem, 3.5vw, 2rem) !important; line-height: 1 !important; margin: 0 !important; } .shopify-section--scrolling-content marquee-text { display: flex !important; align-items: center !important; padding-block: 0 !important; } /* Cart Drawer Cross-Sell – transparenter Hintergrund */ .cart-drawer__cross-sell-carousel .product-cross-sell { background-color: rgba(255, 255, 255, 0.8) !important; border: 1px solid rgba(255, 255, 255, 1) !important; backdrop-filter: blur(4px) !important; -webkit-backdrop-filter: blur(4px) !important; } .cart-drawer__cross-sell-carousel .product-cross-sell { --background: 255 255 255 !important; background-color: rgba(var(--background), 0.8) !important; border: 1px solid white !important; backdrop-filter: blur(4px) !important; -webkit-backdrop-filter: blur(4px) !important; } /* Zweite Section (gARkVa) – Produktkarte transparent für Schema 3 */ [id="shopify-section-template--26312852209991__products_with_image_gARkVa"] .product-card.color-scheme--scheme-1, [id="shopify-section-template--26312852209991__products_with_image_gARkVa"] .products-with-image__products-wrapper.color-scheme--scheme-1 { background-color: transparent !important; } @media (max-width: 749px) { .multi-column__item .h4 { font-size: 22px !important; } } @media screen and (max-width: 699px) { .accordion .accordion__summary .text-with-icon span { font-size: 0.875rem !important; line-height: 1.4; } .accordion .accordion__content span { font-size: 0.8125rem !important; line-height: 1.5; } } .jdgm-prev-badge .jdgm-star { font-family: 'JudgemeStar' !important; } .jm-star-rating__font-icon { font-family: 'JudgemeStar' !important; } .color-scheme--scheme-3 .jm-review-widget, .color-scheme--scheme-3 .jm-review-item { --jm-review-widget-text-color: #ffffff !important; --jm-review-widget-lighter-text-color: rgba(255,255,255,0.6) !important; } .color-scheme--scheme-3 .jm-text, .color-scheme--scheme-3 .jm-review-content__body p, .color-scheme--scheme-3 .jm-reviewer-info__name, .color-scheme--scheme-3 .jm-sort-filter__select { color: #ffffff !important; } .color-scheme--scheme-3 .jm-button--secondary { color: #ffffff !important; border-color: #ffffff !important; } .footer__block--newsletter button-content { padding-top: 1rem !important; padding-bottom: 1rem !important; font-size: 0.75rem !important; line-height: 1 !important; }.footer__block .link-reversed { white-space: nowrap; } .footer__block .link-reversed { white-space: nowrap; } @media screen and (min-width: 1024px) { .footer__block--newsletter .button__content { font-size: 0.75rem; } .footer__block--newsletter .text-sm { font-size: 0.65rem; } .footer__block--newsletter .input { font-size: 0.75rem; padding: 0.5rem; } .footer__block--newsletter .text-sm { font-size: 0.65rem; } } .footer__block-list { padding-right: 3rem; } button-content.button__content { display: flex !important; justify-content: center !important; align-items: center !important; white-space: nowrap !important; width: 100% !important; } .jdgm-write-review-modal .jdgm-write-review-modal__nav-btn { background-color: transparent !important; color: #212631 !important; } .jdgm-preview-badge .jdgm-star { color: #212631 !important; } body.qb-hotspot-dark .modal--quick-buy .quick-buy .jdgm-prev-badge__text { display: none !important; } body.qb-hotspot-dark .modal--quick-buy .quick-buy .jdgm-prev-badge::after { content: "(" attr(data-number-of-reviews) ")"; color: #ffffff !important; font-size: 0.875em !important; margin-left: 0.5em !important; } @media (max-width: 749px) { #shopify-block-AMDVadkt0NEhqbFRtL__essential_loyalty_product_placement_qX7UEW .honeypop-pp { padding: 6px 10px !important; gap: 6px !important; } #shopify-block-AMDVadkt0NEhqbFRtL__essential_loyalty_product_placement_qX7UEW .honeypop-pp svg { width: 24px !important; height: 24px !important; } #shopify-block-AMDVadkt0NEhqbFRtL__essential_loyalty_product_placement_qX7UEW .honeypop-pp-text p:first-child { font-size: 12px !important; line-height: 18px !important; } #shopify-block-AMDVadkt0NEhqbFRtL__essential_loyalty_product_placement_qX7UEW .honeypop-pp-text p:last-child { font-size: 11px !important; line-height: 16px !important; } } .shopify-section--multi-column { & .pdp-routine-step { h2 + div { margin-bottom: 30px; } } } @media (max-width: 749px) { .multi-column__item:has(picture) .constrained-image { margin: 0 auto; display: block; } } @media (max-width: 749px) { #shopify-section-template--26172081209671__multi_column_DKmV7U .accordion__summary .text-with-icon span { line-height: 1.5 !important; } } /* Globale bottom-links — greift auch auf Custom-Liquid-Pages */ .bottom-links { display: flex; flex-direction: row; justify-content: center; gap: 12rem; margin-top: var(--size-70-40); } .bottom-links .bottom-link { font-size: var(--fs-t1); line-height: var(--lh-t1); } @media (max-width: 999px) { .bottom-links { flex-direction: column; gap: var(--size-18-18); } .bottom-links .bottom-link { width: fit-content; margin-left: auto; margin-right: auto; } } /* CATCH-Section global — Bilder quadratisch, Buchstaben groß zentriert, H3 schmaler */ .shopify-section--multi-column:has(.image-letter) img { aspect-ratio: 1 / 1; } .shopify-section--multi-column:has(.image-letter) .liquid { aspect-ratio: 1 / 1; position: absolute; width: 100%; } .shopify-section--multi-column .image-letter { position: absolute; color: var(--color-white); font-size: var(--size-120-120); line-height: var(--size-120-120); top: 50%; left: 50%; transform: translate(-50%, -50%); } /* Rohstoff/PAUSE-Section (products-with-image gARkVa) — Card transparent auf dunklem Scheme-3 */ #shopify-section-template--28590702723399__products_with_image_gARkVa .products-with-image__products-wrapper, #shopify-section-template--28590702723399__products_with_image_gARkVa .products-with-image__products-wrapper .product-card, #shopify-section-template--28590702723399__products_with_image_gARkVa .products-with-image__products-wrapper .product-card__info { background-color: transparent !important; } #shopify-section-template--28590702723399__products_with_image_gARkVa .products-with-image__products-wrapper .product-card__info, #shopify-section-template--28590702723399__products_with_image_gARkVa .products-with-image__products-wrapper .product-card__info * { color: white !important; } /* Weiße Sterne NUR in diesen beiden Sections — Produkt-Seiten bleiben komplett unberührt */ #shopify-section-template--28590702723399__products_with_image_gARkVa .jdgm-star.jdgm--on, #shopify-section-template--28590702723399__products_with_image_gARkVa .jdgm-star.jdgm--on::before, #shopify-section-template--28590702723399__featured_collections_cBYcXa .jdgm-star.jdgm--on, #shopify-section-template--28590702723399__featured_collections_cBYcXa .jdgm-star.jdgm--on::before { color: white !important; } /* MODERN MIND & SKINCARE — Hero-Bild rund und zentriert */ #shopify-section-template--28590702723399__dynamic_grid_iEmFpw .prose figure img { display: block; margin: 0 auto; width: 200px; max-width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; } /* Kleine Dynamic-Grid-Headings (Our Promises, About Neurocosmetics, …) auf t1-Größe + zentriert */ [id*="__dynamic_grid_heading_dqmXCP"], [id*="__dynamic_grid_heading_FVP8wT"], [id*="__dynamic_grid_heading_iPn9Ub"], [id*="__dynamic_grid_heading_qYHTPM"] { font-size: var(--fs-t1) !important; line-height: var(--lh-t1) !important; text-align: center !important; } #shopify-section-template--28590702788935__dynamic_grid_C8Y6L9 .color-scheme { background: transparent !important; overflow: visible !important; } #shopify-section-template--28590702788935__dynamic_grid_Ctb8xn .color-scheme { overflow: visible !important; background: transparent !important; } #shopify-section-template--28590702723399__dynamic_grid_iEmFpw .color-scheme { background: transparent !important; } /* Alle Multi-Column-Bilder quadratisch (1:1) */ .shopify-section--multi-column .multi-column__item img { aspect-ratio: 1 / 1 !important; object-fit: cover !important; } .shopify-section--multi-column { --multi-column-column-gap: 20px !important; } #shopify-section-template--28590702887239__press_z896Tt blockquote { margin-inline-start: 0 !important; margin-inline-end: 0 !important; text-align: center !important; } /* Alle Multi-Column-Headings: nowrap + dynamisch (H2 + H3) */ .shopify-section--multi-column h2, .shopify-section--multi-column h2.h4, .shopify-section--multi-column h3, .shopify-section--multi-column h3.h4 { white-space: nowrap !important; font-size: clamp(22px, 2.2vw, 35px) !important; line-height: 1.1 !important; } /* Collection-List: Kacheln rund (Face/Tools/Sets) */ .shopify-section--collection-list .collection-list { grid-template-columns: repeat(3, auto) !important; column-gap: 16px !important; justify-content: flex-start !important; } .shopify-section--collection-list .collection-list__item { width: 120px !important; } .shopify-section--collection-list .collection-list__item .content-box__background-media { width: 120px !important; max-width: 100% !important; aspect-ratio: 1 / 1 !important; height: auto !important; margin: 0 auto !important; border-radius: 50% !important; overflow: hidden !important; } .shopify-section--collection-list .collection-list__item .content-box__background-media img { width: 100% !important; height: 100% !important; object-fit: cover !important; } .shopify-section--collection-list .collection-list__item .h4 { font-size: 16px !important; line-height: 1.2 !important; } @media (max-width: 999px) { .shopify-section--multi-column .multi-column__item:has(picture), .shopify-section--multi-column .multi-column__item:has(img:only-child) { order: -1; margin-top: calc(-1 * var(--size-50-80)); margin-bottom: var(--size-50-80); } } @font-face { font-family: 'Autography'; src: url('https://injooi.myshopify.com/cdn/shop/t/15/assets/Autography.otf') format('opentype'); font-weight: normal; font-style: normal; } .handwriting { font-family: Autography, cursive !important; font-size: 1.3em; } html, body { overflow-x: clip; } a.bottom-link { opacity: 0; transition: opacity 0.2s; } .shopify-section--scrolling-content { overflow: hidden; max-width: 100vw; } /* peptides nicht lesbar */ #shopify-section-template--28590702723399__rich_text_qpFBLd highlighted-heading em { filter: blur(8px); user-select: none; } #shopify-section-template--28590702657863__reading_text_gPmA63 { margin-bottom: -230px !important; } #shopify-section-template--28590702657863__dynamic_grid_bUgTdm .color-scheme { background-color: transparent !important; } #shopify-section-template--28590702657863__dynamic_grid_bUgTdm .prose figure img { border-radius: 50% !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; width: 280px !important; height: 280px !important; margin: 0 auto !important; } #shopify-section-template--28590702657863__reading_text_gPmA63 .subheading-badge { font-size: 0 !important; display: inline-flex !important; flex-direction: column !important; align-items: center !important; gap: 0 !important; border: none !important; background: none !important; opacity: 1 !important; /* ← neu */ transform: none !important; /* ← neu */ } #shopify-section-template--28590702657863__reading_text_gPmA63 .subheading-badge::before { content: '' !important; display: block !important; border-radius: 0 !important; background: url('https://injooi.myshopify.com/cdn/shop/files/InjooiLogoBlau.svg') 35px center / 89px 39px no-repeat, radial-gradient(circle, rgb(40,51,74) 50%, transparent 50%) 0 center / 23px 23px no-repeat !important; width: 180px !important; height: 39px !important; } #shopify-section-template--28590702657863__reading_text_gPmA63 .subheading-badge::after { content: 'by azba cosmetics' !important; display: block !important; font-family: 'Autography', cursive !important; font-size: 32px !important; color: var(--color-foreground, rgb(40,51,74)) !important; padding-left: 180px !important; margin-top: -34px !important; } #shopify-section-template--28590702657863__dynamic_grid_bUgTdm .section-spacing { padding-top: 130px !important; padding-bottom: 20px !important; } /* Text Scroll-Reveal */ #shopify-section-template--28590702657863__reading_text_gPmA63 .reading-text__inner .prose > p:not(.injooi-visible) { visibility: hidden !important; } #shopify-section-template--28590702657863__reading_text_gPmA63 .reading-text__inner .prose > p.injooi-visible { visibility: visible !important; opacity: 1 !important; transition: opacity 0.8s ease; } @media screen and (max-width: 749px) { #shopify-section-template--28590702657863__text_with_media_XXwqkp .prose p { font-size: 1.075em !important; } } #shopify-section-template--28590702657863__rich_text_z7MNTc .section-spacing { padding-bottom: 24px !important; } #shopify-section-template--28590702657863__press_n4X7VA .section-spacing { padding-top: 24px !important; } #shopify-section-template--28590702723399__multi_column_adGaAz .section-header .subheading-badge, #shopify-section-template--28590702723399__rich_text_fBxmLi .subheading-badge, #shopify-section-template--28590702723399__rich_text_qpFBLd .subheading-badge { flex-direction: column !important; align-items: flex-start !important; gap: 0 !important; position: relative !important; padding-left: 1px !important; } #shopify-section-template--28590702723399__multi_column_adGaAz .section-header .subheading-badge::before, #shopify-section-template--28590702723399__rich_text_fBxmLi .subheading-badge::before, #shopify-section-template--28590702723399__rich_text_qpFBLd .subheading-badge::before { display: block !important; position: absolute !important; left: 0 !important; top: 60% !important; transform: translateY(-50%) !important; } #shopify-section-template--28590702723399__multi_column_adGaAz .subheading-badge .handwriting, #shopify-section-template--28590702723399__rich_text_fBxmLi .subheading-badge .handwriting, #shopify-section-template--28590702723399__rich_text_qpFBLd .subheading-badge .handwriting { transform: translateX(40px) !important; } #shopify-section-template--28590702723399__multi_column_adGaAz .section-header .subheading-badge img, #shopify-section-template--28590702723399__rich_text_fBxmLi .subheading-badge img, #shopify-section-template--28590702723399__rich_text_qpFBLd .subheading-badge img { margin-left: 40px !important; } #shopify-section-template--28590702788935__dynamic_grid_C8Y6L9 { margin-bottom: -100px !important; } @media screen and (min-width: 1000px) { #shopify-section-template--28590702788935__dynamic_grid_C8Y6L9 { margin-bottom: -120px !important; } } .header__account-link { display: flex !important; } @media screen and (max-width: 999px) { #shopify-block-AMjhXL1piZUdFaitQN__dynamic_grid_item_QCNBaD { --dynamic-grid-grid-area: 1 / 2 / -1 / 8 !important; } } @media screen and (min-width: 1000px) { #shopify-section-template--28590702788935__multi_column_Fgy6LY .multi-column { grid-template-columns: repeat(4, 1fr) !important; } } #shopify-section-template--28590702166343__dynamic_grid_K8LX3b .color-scheme { background-color: transparent !important; } #shopify-section-template--28590702166343__dynamic_grid_K8LX3b .subheading-badge { position: relative !important; padding-left: 34px !important; } #shopify-section-template--28590702166343__dynamic_grid_K8LX3b .subheading-badge::before { content: '' !important; display: block !important; position: absolute !important; left: 0 !important; top: 59px !important; transform: translateY(-50%) !important; width: 16px !important; height: 16px !important; border-radius: 50% !important; background: rgb(40,51,74) !important; } #shopify-section-template--28590702166343__dynamic_grid_qprNCN .subheading-badge { position: relative !important; padding-left: 34px !important; } #shopify-section-template--28590702166343__dynamic_grid_qprNCN .subheading-badge::before { content: '' !important; display: block !important; position: absolute !important; left: 0 !important; top: 64px !important; transform: translateY(-50%) !important; width: 16px !important; height: 16px !important; border-radius: 50% !important; background: white !important; } #shopify-section-template--28590702166343__dynamic_grid_qprNCN { position: static !important; } #shopify-section-template--28590702166343__press_VxJitb .color-scheme { position: static !important; } #shopify-section-template--28590702166343__dynamic_grid_rRrt7z { position: static !important; } #shopify-section-template--28590702166343__dynamic_grid_U9GVN4 { position: static !important; } @media screen and (max-width: 999px) { #shopify-section-template--28590702166343__dynamic_grid_K8LX3b .subheading-badge::before { top: 46px !important; } #shopify-section-template--28590702166343__dynamic_grid_qprNCN .subheading-badge::before { top: 51px !important; } } #shopify-section-template--28590702166343__before_after_kpdLDf before-after, #shopify-section-template--28590702166343__before_after_kpdLDf .before-after__image { height: 600px !important; max-height: 600px !important; } #shopify-section-template--28590702166343__before_after_kpdLDf .before-after__image--before img, #shopify-section-template--28590702166343__before_after_kpdLDf .before-after__image--after img { height: 600px !important; width: 100% !important; object-fit: cover !important; } @media screen and (max-width: 999px) { #shopify-section-template--28590702166343__hot_spots_EJ9iEi img { object-fit: contain !important; transform: scale(0.8) !important; } } @media screen and (max-width: 999px) { #shopify-section-template--28590702166343__hot_spots_EJ9iEi .content-box { height: 450px !important; } } @media (max-width: 999px) { #shopify-section-template--28590702723399__dynamic_grid_iEmFpw .bottom-links { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; justify-items: center !important; align-items: start !important; gap: var(--size-18-18) !important; } #shopify-section-template--28590702723399__dynamic_grid_iEmFpw .bottom-links .bottom-link:first-child { grid-column: 1 / -1 !important; } } @media screen and (max-width: 749px) { #shopify-section-template--28590702657863__reading_text_gPmA63 .subheading-badge::before { width: 130px !important; background-size: 65px 29px, 17px 17px !important; } #shopify-section-template--28590702657863__reading_text_gPmA63 .subheading-badge::after { padding-left: 90px !important; font-size: 24px !important; } } header-menu-drawer-panel .h4 { font-size: 26px !important; line-height: 1.2 !important; } #shopify-section-template--28590702166343__hot_spots_EJ9iEi .color-scheme { background-color: transparent !important; } @media screen and (min-width: 1000px) { #shopify-section-template--28590702166343__hot_spots_EJ9iEi .content-box { max-width: 700px !important; margin: 0 auto !important; } } #shopify-section-template--28590702166343__featured-collections product-card[handle="viva"] .product-card__figure { overflow: hidden !important; } .product-card button[aria-controls*="quick-buy"] { color: rgb(40, 51, 74) !important; border-color: rgb(40, 51, 74) !important; } .product-gallery__controls-floating { display: contents !important; } #shopify-section-template--28590702166343__featured-collections product-card[handle="pulse"] .product-card__figure, #shopify-section-template--28590702166343__featured-collections product-card[handle="lume"] .product-card__figure { overflow: hidden !important; } .badge.badge--transform { background-color: rgb(224, 17, 95) !important; color: rgb(255, 255, 255) !important; } .badge.badge--activate { background-color: rgb(255, 130, 0) !important; color: rgb(255, 255, 255) !important; } .badge.badge--care { background-color: rgb(253, 218, 36) !important; color: rgb(255, 255, 255) !important; } #shopify-section-template--28590702166343__featured-collections product-card[handle="set"] .product-card__figure { overflow: hidden !important; } #shopify-section-template--28590702166343__featured-collections product-card .product-card__media { padding: 15% !important; box-sizing: border-box !important; } .shopify-section--featured-collections product-card .product-card__media { padding: 15% 15% 5% 15% !important; box-sizing: border-box !important; } .shopify-section--featured-collections product-card img { aspect-ratio: 2 / 3 !important; object-fit: cover !important; transform: none !important; max-width: 100% !important; width: 100% !important; margin: 0 !important; display: block !important; } .shopify-section--main-collection product-card .product-card__media { padding: 22% 15% 5% 15% !important; box-sizing: border-box !important; } .shopify-section--main-collection product-card img { aspect-ratio: 2 / 3 !important; object-fit: cover !important; transform: none !important; max-width: 100% !important; width: 100% !important; margin: 0 !important; display: block !important; } .badge-list--row .badge { border: none !important; } #shopify-section-template--28590702231879__multi_column_rc3cE7 .multi-column__item:not(:has(highlighted-heading)) img { filter: grayscale(1) brightness(0) invert(0.933) !important; } #shopify-section-template--28590702887239__multi_column_rc3cE7 .multi-column__item:not(:has(highlighted-heading)) img { filter: grayscale(1) brightness(0) invert(0.933) !important; } #shopify-section-template--28590702887239__main .color-scheme, #shopify-section-template--28590702887239__multi_column_rc3cE7 .color-scheme, #shopify-section-template--28590702887239__multi_column_DKmV7U .color-scheme, #shopify-section-template--28590702887239__multi_column_3McQz9 .color-scheme, #shopify-section-template--28590702887239__multi_column_rmY7aF .color-scheme, #shopify-section-template--28590702887239__dynamic_grid_LxMWUf .color-scheme, #shopify-section-template--28590702887239__trust_icons_UKqUUP .color-scheme, #shopify-section-template--28590702887239__rich_text_dr9GG9 .color-scheme, #shopify-section-template--28590702887239__featured_collections_a8LLkE .color-scheme, #shopify-section-template--28590702887239__reading_text_MzddU4 .color-scheme, #shopify-section-template--28590702887239__1774100084fdcdf74e .color-scheme { background-color: transparent !important; } #shopify-section-template--28590702231879__main .color-scheme, #shopify-section-template--28590702231879__multi_column_rc3cE7 .color-scheme, #shopify-section-template--28590702231879__multi_column_DKmV7U .color-scheme, #shopify-section-template--28590702231879__dynamic_grid_LxMWUf .color-scheme, #shopify-section-template--28590702231879__trust_icons_UKqUUP .color-scheme, #shopify-section-template--28590702231879__press_z896Tt .color-scheme, #shopify-section-template--28590702231879__rich_text_dr9GG9 .color-scheme, #shopify-section-template--28590702231879__featured_collections_a8LLkE .color-scheme, #shopify-section-template--28590702231879__faq_c8QyxX .color-scheme, #shopify-section-template--28590702231879__reading_text_MzddU4 .color-scheme, #shopify-section-template--28590702231879__1774099752970b53a1 .color-scheme { background-color: transparent !important; } @keyframes injooiVibrate { 10%, 90% { transform: translateX(-1px); } 20%, 80% { transform: translateX(2px); } 30%, 50%, 70% { transform: translateX(-4px); } 40%, 60% { transform: translateX(4px); } } .injooi-vibrating { animation: injooiVibrate 0.35s ease-in-out; } /* VIVA / PULSE / LUME (gemeinsames Template) */ #shopify-section-template--28590702231879__main h1.product-title { font-size: 1.5rem !important; font-weight: 700 !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-id="title"] + .product-info__block-item[data-block-type="description"] { margin-top: 6px !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-type="description"] .prose > p:first-child { font-size: 1.25rem !important; font-weight: 300 !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-type="description"] .prose > p:first-child strong { font-weight: 300 !important; } /* CORE COLLECTION (Set) – eigenes Template */ #shopify-section-template--28590702887239__main h1.product-title { font-size: 1.5rem !important; font-weight: 700 !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-id="title"] + .product-info__block-item[data-block-type="description"] { margin-top: 6px !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-type="description"] .prose > p:first-child { font-size: 1.25rem !important; font-weight: 300 !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-type="description"] .prose > p:first-child strong { font-weight: 300 !important; } ._LabelLauncher_q8pf8_1 svg { display: none !important; } ._LabelLauncher_q8pf8_1 ._LabelLauncherContent_q8pf8_12::before { content: ""; display: block; width: 22px; height: 22px; background: url('https://injooi.myshopify.com/cdn/shop/files/Logo_Kreis.svg') center / contain no-repeat; margin: 0 auto; } .predictive-search__products .product-title { font-size: 18px !important; font-weight: 600 !important; } .predictive-search__products .product-category { font-size: 13px !important; font-weight: 300 !important; margin-bottom: 6px !important; display: block !important; } #shopify-section-template--28590702723399__products_with_image_iNeb6n product-card.color-scheme, #shopify-section-template--28590702723399__featured_collections_CrktTk product-card.color-scheme { background-color: transparent !important; } [class*="HeaderPoints"] span::before { background: transparent !important; opacity: 0 !important; } /* Preis fetter - gilt für Web UND Mobile */ #shopify-section-template--28590702231879__main .product-info__block-item[data-block-id="price_JphXC8"] sale-price { font-weight: 600 !important; } @media screen and (max-width: 999px) { #shopify-section-template--28590702231879__main .product { row-gap: 0 !important; } #shopify-section-template--28590702231879__main .product-info, #shopify-section-template--28590702231879__main .product-info__block-list { display: contents !important; } /* Reihenfolge der Blöcke */ #shopify-section-template--28590702231879__main .product-info__block-item[data-block-id="badges-rating-injooi"] { order: 10 !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-id="title"] { order: 30 !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-id="description-short-injooi"] { order: 40 !important; } #shopify-section-template--28590702231879__main .product-gallery { order: 50 !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-id="description"] { order: 55 !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-id="price_JphXC8"] { order: 60 !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-id="variant_picker_mFY7Rh"] { order: 70 !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-type="@app"]:not(:has([class*="jdgm"])) { order: 80 !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-id="liquid_yrVThY"] { order: 90 !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-id="separator_JagQhk"] { order: 100 !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-id="buy_buttons"] { order: 110 !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-id="inventory_za3bHg"] { order: 115 !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-id="icons_with_text_qJjb8h"] { order: 120 !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-id="liquid_PgYPMY"] { order: 130 !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-id="liquid_tHp9Vg"] { order: 140 !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-id="liquid_rnNhAp"] { order: 150 !important; } #shopify-section-template--28590702231879__main .product-info__block-group.accordion-group { order: 160 !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-id="complementary_products_drpfEp"] { order: 170 !important; } /* Schriftgröße des kurzen Textes oben */ #shopify-section-template--28590702231879__main .product-info__block-item[data-block-id="description"] .prose > p:first-child { font-size: 15px !important; font-weight: 300 !important; } /* Abstände: nur noch margin-top zählt (verhindert doppelte Abstände) */ #shopify-section-template--28590702231879__main .product-info__block-item, #shopify-section-template--28590702231879__main .product-info__block-group { margin-bottom: 0 !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-id="title"] { margin-top: 12px !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-id="price_JphXC8"] { margin-top: 24px !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-id="variant_picker_mFY7Rh"] { margin-top: 12px !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-type="@app"]:not(:has([class*="jdgm"])) { margin-top: 12px !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-id="separator_JagQhk"] { margin-top: 14px !important; } #shopify-section-template--28590702231879__main .product-info__block-item[data-block-id="buy_buttons"] { margin-top: 14px !important; } } sold-out-badge.badge.badge--sold-out { color: rgb(255, 255, 255) !important; background-color: rgb(40, 51, 74) !important; font-weight: 600 !important; font-family: UrbaneRounded, sans-serif !important; } .product-card__media > sold-out-badge.badge--sold-out { position: absolute !important; top: 16px !important; right: 16px !important; left: auto !important; z-index: 2 !important; } .shopify-section--announcement-bar .color-scheme { background-color: rgba(255, 255, 255, 0.5) !important; backdrop-filter: blur(10px) saturate(180%) !important; -webkit-backdrop-filter: blur(10px) saturate(180%) !important; } .shopify-section--announcement-bar .subheading { display: flex !important; justify-content: center !important; align-items: center !important; text-align: center !important; } [id^="shopify-section-template--28590702788935__multi_column"] .multi-column__item { position: static !important; background-color: transparent !important; } #shopify-section-template--28590702788935__press_Wf7WPN .relative.color-scheme { position: static !important; background-color: transparent !important; } #shopify-section-template--28590702657863__rich_text_z7MNTc .color-scheme { background-color: transparent !important; } #shopify-section-template--28590702657863__dynamic_grid_KYADhL { position: static !important; } #shopify-section-template--28590702657863__dynamic_grid_KYADhL .color-scheme { background-color: transparent !important; } #shopify-section-template--28590702657863__press_n4X7VA .relative.color-scheme { position: static !important; background-color: transparent !important; } #shopify-section-sections--28590702559559__dynamic_grid_NwyJ8D { position: relative !important; } .injooi-decor-dot { position: absolute; border-radius: 50%; background: radial-gradient(circle, rgba(180,185,200,0.9) 0%, rgba(180,185,200,0) 70%); pointer-events: none; animation: injooiDotFloat 6s ease-in-out infinite; z-index: 2; } @keyframes injooiDotFloat { 0%, 100% { transform: translateY(0) scale(1); opacity: 0.7; } 50% { transform: translateY(-8px) scale(1.15); opacity: 1; } } .shopify-section--main-collection .product-card__floating-size-selector, .shopify-section--featured-collections .product-card__floating-size-selector { inset-block-end: 2% !important; } .shopify-section--main-collection .floating-size-selector__button, .shopify-section--featured-collections .floating-size-selector__button { color: rgb(40, 51, 74) !important; border-color: rgb(40, 51, 74) !important; background-color: rgba(255, 255, 255, 0.85) !important; } .shopify-section--main-collection .floating-size-selector__button, .shopify-section--featured-collections .floating-size-selector__button { color: rgb(40, 51, 74) !important; border-color: rgb(40, 51, 74) !important; background-color: rgba(255, 255, 255, 0.4) !important; backdrop-filter: blur(8px) saturate(180%) !important; -webkit-backdrop-filter: blur(8px) saturate(180%) !important; } .injooi-model-next-arrow { position: absolute; top: 50%; right: 16px; transform: translateY(-50%); width: 48px; height: 48px; background: transparent; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 5; padding: 0; color: rgb(0, 0, 0); } .injooi-model-next-arrow svg { width: 12px; height: 12px; } @media screen and (max-width: 999px) { #shopify-section-template--28590702887239__main .product { row-gap: 0 !important; } #shopify-section-template--28590702887239__main .product-info, #shopify-section-template--28590702887239__main .product-info__block-list { display: contents !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-id="badges-rating-injooi"] { order: 10 !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-id="title"] { order: 30 !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-id="description"] { order: 40 !important; } #shopify-section-template--28590702887239__main .product-gallery { order: 50 !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-id="price"] { order: 60 !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-id="variant_picker_cAqfze"] { order: 70 !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-type="@app"]:not(:has([class*="jdgm"])) { order: 80 !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-id="liquid_yrVThY"] { order: 90 !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-id="separator_9FMRCm"] { order: 100 !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-id="buy_buttons"] { order: 110 !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-id="inventory_NTJK6p"] { order: 115 !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-id="icons_with_text_qJjb8h"] { order: 120 !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-id="liquid_PgYPMY"] { order: 130 !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-id="liquid_tHp9Vg"] { order: 140 !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-id="liquid_eV6F6G"] { order: 150 !important; } #shopify-section-template--28590702887239__main .product-info__block-group.accordion-group { order: 160 !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-id="complementary_products_drpfEp"] { order: 170 !important; } #shopify-section-template--28590702887239__main .product-info__block-item, #shopify-section-template--28590702887239__main .product-info__block-group { margin-bottom: 0 !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-id="title"] { margin-top: 16px !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-id="price"] { margin-top: 24px !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-id="variant_picker_cAqfze"] { margin-top: 12px !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-type="@app"]:not(:has([class*="jdgm"])) { margin-top: 12px !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-id="separator_9FMRCm"] { margin-top: 14px !important; } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-id="buy_buttons"] { margin-top: 14px !important; } } #shopify-section-template--28590702887239__main .product-info__block-item[data-block-id="price"] sale-price { font-weight: 600 !important; } .text-on-sale { color: rgb(40, 51, 74) !important; } .product-info__block-item p.subheading:has(button[aria-controls^="drawer-shipping-policy"]) { display: block !important; font-size: 12px !important; visibility: hidden !important; } .product-info__block-item p.subheading.injooi-text-ready:has(button[aria-controls^="drawer-shipping-policy"]) { visibility: visible !important; } .product-info__block-item p.subheading button[aria-controls^="drawer-shipping-policy"] { display: inline !important; width: auto !important; font-size: 12px !important; } @media screen and (max-width: 999px) { .injooi-model-next-arrow { display: none !important; } } .product-info__block-item[data-block-id*="price"] unit-price { font-size: 12px !important; } product-card price-list { justify-content: center !important; } product-card price-list, .product-cross-sell price-list { justify-content: center !important; } .shopify-section--featured-collections product-card .product-card__image--secondary, .shopify-section--main-collection product-card .product-card__image--secondary { opacity: 0 !important; } .shopify-section--featured-collections product-card:hover .product-card__image--secondary, .shopify-section--main-collection product-card:hover .product-card__image--secondary { opacity: 1 !important; }