/* ============================================================ Phlur-style overrides for Shopline theme Reference: public/reference/phlur-framework.css ============================================================ */ :root { --phlur-bg: #ffffff; --phlur-bg-muted: #f7f7f5; --phlur-text: #1a1a1a; --phlur-text-muted: #6b6b6b; --phlur-border: #e5e5e5; --phlur-serif: Georgia, "Times New Roman", serif; --phlur-sans: "Helvetica Neue", Arial, sans-serif; --phlur-section-y: 96px; /* hQ@\Q[:S[^dƉY@b ggWW~Ndk

div QB\=container */ --phlur-banner-outer-left: 30px; --phlur-banner-outer-right: 24px; --phlur-banner-outer-bottom: 0px; --phlur-banner-inner-left: 30px; --phlur-banner-inner-bottom: 40px; } /* ---- Base ---- */ body { font-family: var(--phlur-sans); letter-spacing: 0.01em; color: var(--phlur-text); background: var(--phlur-bg); -webkit-font-smoothing: antialiased; } /* ============================================================ hQ@\Hrb1420px E\-NƉ:SWWdY O9e[^S9e :root ̑v --phlur-content-width ============================================================ */ .page-width { box-sizing: border-box; width: 100%; max-width: var(--phlur-content-width) !important; margin-inline: auto !important; padding-inline: var(--page-padding); } #shopline-section-slideshow > .page-width, #shopline-section-image-banner > .page-width, #shopline-section-17866179192410088083 .page-width, .section-featured-collection-wrapper .page-width, .collection-list-wrapper .page-width, .image-with-text-section .page-width, .sign-up-and-save__container.page-width, .header__container-top-wrap.page-width, .footer .page-width { max-width: var(--phlur-content-width) !important; margin-inline: auto !important; } .collection-list-wrapper .page-width, .image-with-text-section .page-width, .sign-up-and-save__container.page-width { overflow: hidden; } .section-featured-collection-wrapper .page-width { overflow: visible; } .image-banner-section.page-width { position: relative; } .image-banner__content > div { width: 100%; } #shopline-section-17864461894696f42485, #shopline-section-17864461894696f42485 .video { max-width: none !important; width: 100% !important; } #shopline-section-17864461894696f42485 .video { padding-inline: 0 !important; } .block-product-list__button--previous, .block-collection-list__button--previous { transform: translate(-50%, -50%) !important; } .block-product-list__button--next, .block-collection-list__button--next { transform: translate(50%, -50%) !important; } /* e page-width Sev CSS \Q^N9e CSS _NuHe */ #shopline-section-slideshow .slideshow, #shopline-section-image-banner .image-banner-section { box-sizing: border-box !important; width: 100% !important; max-width: var(--phlur-content-width) !important; margin-inline: auto !important; padding-inline: var(--page-padding) !important; } #shopline-section-image-banner .image-banner-section { position: relative; } .slideshow .page-width, #shopline-section-slideshow > .page-width { padding-inline: var(--page-padding); } #shopline-section-17866179192410088083 > .page-width { padding-inline: var(--page-padding); } /* ---- Buttons ---- */ .button, .btn, button[type="submit"] { border-radius: 0 !important; letter-spacing: 0.08em; text-transform: uppercase; font-size: 12px; min-height: 48px; padding-inline: 32px; } /* ---- Announcement bar ---- */ .announcement-bar__group-item { background-color: var(--phlur-bg-muted) !important; } .announcement-bar__group-item-inner .rte { font-weight: 400; font-size: 12px; letter-spacing: 0.06em; } /* ---- Header (minimal, centered logo feel) ---- */ .header-section { background-color: var(--phlur-bg); } .header__container-top-wrap { min-height: 72px; } .header-nav__menu-item > a { font-weight: 400 !important; font-size: 13px; letter-spacing: 0.04em; text-transform: uppercase; } .header__logo-link { font-family: var(--phlur-serif); letter-spacing: 0.16em; font-weight: 400; } .header-action-bar .button--icon { border-radius: 0; } /* u4Y^@\S header-group custom_css ]y,g0W */ .header-action-bar.left { display: none !important; } .header__logo { margin-right: auto; } .header-action-bar theme-locale-picker, .header-action-bar .button--hidden-mobile { display: none !important; } .header-action-bar.right .header-action-bar__search { display: inline-flex !important; order: 1; } .header-action-bar.right .header-action-bar__menu { display: inline-flex !important; order: 3; } .header-action-bar.right > :last-child { order: 2; } @media (max-width: 959px) { .header__container-bottom { display: none !important; } } /* ---- Hero / Slideshow (1420px, fill + center overlay) ---- */ #shopline-section-slideshow { background: #fff !important; } .slideshow theme-carousel { display: block; width: 100%; background: #fff; } .slideshow .carousel__track { width: 100%; min-height: unset !important; height: auto !important; aspect-ratio: var(--desktop-aspect-ratio, 2.4) !important; background: #fff !important; align-items: stretch !important; } .slideshow .carousel__track > li { display: flex !important; width: 100% !important; height: 100% !important; min-height: 100% !important; } .slideshow__image { position: relative !important; width: 100% !important; height: 100% !important; min-height: 100% !important; } .slideshow__image--desktop, .slideshow__image--mobile { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; z-index: 1; } .slideshow__image--desktop img, .slideshow__image--mobile img, .slideshow__image--desktop svg, .slideshow__image--mobile svg { width: 100% !important; height: 100% !important; object-fit: cover !important; } .slideshow__image-container { position: absolute !important; inset: 0 !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; padding: 0 !important; margin: 0 !important; background: transparent !important; pointer-events: none; } .slideshow__group { position: relative; z-index: 4; width: auto !important; max-width: min(720px, 90%); margin: 0 !important; padding: 0 !important; text-align: center; pointer-events: auto; } .slideshow__group .title, .slideshow__group h2.title1, .slideshow__group h2.title2, .slideshow__group h2.title3, .slideshow__group h2.title4 { font-family: var(--phlur-serif); font-weight: 400; letter-spacing: -0.02em; line-height: 1.1; } .slideshow__group .body3 { font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 400; } .slideshow__group .body1 { font-weight: 400; opacity: 0.95; } .slideshow__pager--dot { width: 6px; height: 6px; background-color: #fff; opacity: 0.4; } .slideshow__pager--dot.is-active { width: 10px; height: 10px; opacity: 1; } /* ---- Featured collection ---- */ .section-featured-collection-wrapper { background-color: var(--phlur-bg); } .section-featured-collection { row-gap: 48px !important; } .heading-with-link { justify-content: center; text-align: center; } .heading-with-link__title { font-family: var(--phlur-serif) !important; font-weight: 400 !important; width: 100%; } .heading-with-link__view-more { display: none; } .block-product-card { text-align: center; } .block-product-card__image-wrapper { aspect-ratio: 4 / 5; border-radius: 0 !important; background-color: var(--phlur-bg-muted); } .block-product-card__title { color: var(--phlur-text) !important; font-size: 14px; font-weight: 400; margin-top: 16px; -webkit-line-clamp: 2; } .block-product-card__price { font-size: 13px; color: var(--phlur-text-muted); justify-content: center; } .block-product-list__button { border-radius: 0; } .block-product-list__button--previous { inset-inline-start: 0; transform: translate(-50%, -50%) !important; } .block-product-list__button--next { inset-inline-end: 0; transform: translate(50%, -50%) !important; } /* NTndb` Y grid R[ MQ carousel v flex bYR$cbNLelnR */ theme-carousel.block-product-list__carousel .block-product-list.grid.carousel__track { display: grid !important; width: 100%; overflow-x: auto !important; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; cursor: grab; scrollbar-width: none; -ms-overflow-style: none; } theme-carousel.block-product-list__carousel .block-product-list.grid.carousel__track::-webkit-scrollbar { display: none; } theme-carousel.block-product-list__carousel .block-product-list.grid.carousel__track:active { cursor: grabbing; } theme-carousel.block-product-list__carousel .block-product-list.grid.carousel__track > li { scroll-snap-align: start; list-style: none; } @media (min-width: 960px) { theme-carousel.block-product-list__carousel .block-product-list.grid.carousel__track { grid-template-columns: repeat(var(--desktop-columns), var(--column-width)); grid-auto-flow: var(--desktop-auto-flow, column); grid-auto-columns: var(--column-width); } } @media (max-width: 959px) { theme-carousel.block-product-list__carousel .block-product-list.grid.carousel__track { grid-template-columns: repeat(var(--mobile-columns), var(--column-width)); grid-auto-flow: var(--mobile-auto-flow, column); grid-auto-columns: var(--column-width); } } .section-featured-collection-wrapper, .collection-list-wrapper, .image-with-text-section, .sign-up-and-save-section, #shopline-section-slideshow, #shopline-section-featured-collection, #shopline-section-17865388783441cbe24d { background-color: #fff !important; } html, body, main, .shopline-section, .color-scheme-1, .section-featured-collection-wrapper, .block-product-list { background-color: #fff !important; } .color-scheme-1 { --color-background: 255, 255, 255; --color-media-background: 255, 255, 255; --color-card-background: 255, 255, 255; } /* ---- Image with text ---- */ .image-with-text-section { background-color: var(--phlur-bg); } .image-with-text__group { padding: 80px; background-color: var(--phlur-bg-muted); justify-content: center; } .image-with-text__heading { font-family: var(--phlur-serif); font-weight: 400; font-size: clamp(28px, 3vw, 36px); line-height: 1.2; } .image-with-text__subheading { font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--phlur-text-muted); } .image-with-text__rich-text { color: var(--phlur-text-muted); max-width: 420px; } .image-with-text__image { min-height: unset; aspect-ratio: 4 / 5; } /* 5uz]S^@\S image-with-text section custom_css ]y,g0W */ @media (min-width: 960px) { #shopline-section-image-with-text.image-with-text-section, .image-with-text-section { padding: 0 !important; } #shopline-section-image-with-text .page-width, .image-with-text-section .page-width { box-sizing: border-box; display: flex !important; flex-direction: row !important; justify-content: flex-start !important; gap: 16px !important; max-width: calc(var(--page-padding) * 2 + var(--page-width)) !important; margin: 0 auto !important; padding-inline: var(--page-padding) !important; padding-block: 0 !important; } #shopline-section-image-with-text .image-with-text__group, .image-with-text-section .image-with-text__group { order: 1; flex: 1 !important; } #shopline-section-image-with-text .image-with-text__image, .image-with-text-section .image-with-text__image { order: 2; flex: 0 0 25% !important; max-width: 25%; } } /* ---- Collection list ---- */ .collection-list-wrapper { background-color: var(--phlur-bg); } .block-collection-card__title { font-family: var(--phlur-serif); font-weight: 400 !important; font-size: clamp(20px, 2.5vw, 28px); } .block-collection-card__image-title-wrapper { border-radius: 0; } /* ---- Image banner (proportional height) ---- */ .image-banner-section.page-width { --image-banner-height: auto; } .image-banner__image { width: 100%; overflow: hidden; border-radius: 0; } .image-banner__image-item { height: auto !important; aspect-ratio: 1420 / 520; } .image-banner-section.small .image-banner__image-item { aspect-ratio: 1420 / 360; } .image-banner-section.big .image-banner__image-item { aspect-ratio: 1420 / 680; } .image-banner__image-item img, .image-banner__image-item svg { height: auto !important; aspect-ratio: inherit; } @media (max-width: 959px) { #shopline-section-image-banner .image-banner__image-item, .image-banner-section .image-banner__image-item { aspect-ratio: 375 / 480 !important; min-height: 360px; } #shopline-section-image-banner .image-banner__image-item img, .image-banner-section .image-banner__image-item img { object-fit: cover !important; object-position: center center !important; } } .image-banner__heading { font-family: var(--phlur-serif); font-weight: 400; text-align: center; } /* BLIND BOX EVENTcHr/MOn[P MEMBERS GET MOREslideshow ,{NO\ */ #shopline-section-image-banner .image-banner__content, .image-banner-section .image-banner__content { position: absolute !important; inset: 0 !important; z-index: 4 !important; display: block !important; width: 100% !important; height: 100% !important; padding: 0 !important; margin: 0 !important; text-align: left !important; pointer-events: none; } /* YB\[MOv] N҉ */ #shopline-section-image-banner .image-banner__content > div, .image-banner-section .image-banner__content > div { position: absolute !important; inset: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-end !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding-block-end: var(--phlur-banner-inner-bottom) !important; padding-block-start: 0 !important; padding-inline-end: var(--phlur-banner-outer-right) !important; padding-inline-start: calc(var(--phlur-banner-outer-left) + var(--phlur-banner-inner-left)) !important; box-sizing: border-box !important; pointer-events: none; } /* QB\I{ T slideshow__group */ #shopline-section-image-banner .image-banner__container, .image-banner-section .image-banner__container { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-end !important; gap: 8px !important; row-gap: 8px !important; column-gap: 8px !important; text-align: left !important; width: auto !important; max-width: min(720px, 100%) !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; pointer-events: auto; } /* h/fN slideshow__group v T */ #shopline-section-image-banner .image-banner__container h2.title4, #shopline-section-image-banner .image-banner__heading.title4, .image-banner-section .image-banner__container h2.title4, .image-banner-section .image-banner__heading.title4 { font-family: var(--phlur-serif) !important; font-style: normal !important; font-weight: 400 !important; letter-spacing: -0.02em !important; line-height: 1.1 !important; text-align: left !important; text-transform: none !important; white-space: pre-wrap; margin: 0 !important; } #shopline-section-image-banner .image-banner__description.body1, .image-banner-section .image-banner__description.body1 { font-weight: 400 !important; text-align: left !important; opacity: 0.95; margin: 0 !important; } #shopline-section-image-banner .image-banner__button-group, .image-banner-section .image-banner__button-group { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 14px !important; width: auto !important; margin: 0 !important; padding-block-start: 8px !important; } #shopline-section-image-banner .image-banner__button-group .button, .image-banner-section .image-banner__button-group .button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-height: 48px !important; padding-inline: 32px !important; border-radius: 0 !important; font-size: 12px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; white-space: nowrap !important; background: transparent !important; color: #fff !important; border: 1px solid #fff !important; box-shadow: none !important; } @media (max-width: 959px) { :root { --phlur-banner-outer-left: 0px; --phlur-banner-outer-right: 0px; --phlur-banner-inner-left: 0px; --phlur-banner-inner-bottom: 20px; } /* FEATURED EVENTS h + BLIND BOX *jE^Kb:gz]SYu}v5uz NS */ #shopline-section-178669320118626ce93a .page-width { padding-inline: 20px !important; box-sizing: border-box !important; } #shopline-section-image-banner .image-banner-section.page-width, #shopline-section-image-banner .image-banner-section { padding-inline: 20px !important; box-sizing: border-box !important; max-width: 100% !important; } #shopline-section-image-banner .image-banner__content > div, .image-banner-section .image-banner__content > div { padding-inline-start: 0 !important; padding-inline-end: 0 !important; padding-block-end: var(--phlur-banner-inner-bottom) !important; } #shopline-section-image-banner .image-banner__container h2.title4, #shopline-section-image-banner .image-banner__heading.title4, .image-banner-section .image-banner__heading.title4 { font-size: clamp(15px, 4.2vw, 20px) !important; line-height: 1.15 !important; } #shopline-section-image-banner .image-banner__description.body1, .image-banner-section .image-banner__description.body1 { font-size: clamp(11px, 3vw, 13px) !important; line-height: 1.5 !important; max-width: 92% !important; word-break: normal !important; overflow-wrap: break-word !important; } #shopline-section-image-banner .image-banner__button-group .button, .image-banner-section .image-banner__button-group .button { min-height: 36px !important; padding: 8px 14px !important; font-size: 10px !important; border-radius: 0 !important; } } .image-banner__subheading { font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 400 !important; } .image-banner__description { opacity: 0.95; } /* ---- Rich text ---- */ .rich-text { background-color: var(--phlur-bg); } .rich-text__content .heading, .rich-text__content h2 { font-family: var(--phlur-serif); font-weight: 400; text-align: center; } .rich-text__content .rte { color: var(--phlur-text-muted); text-align: center; max-width: 640px; margin-inline: auto; } /* ---- Newsletter / Sign up ---- */ .sign-up-and-save-section { text-align: center; border-top: 1px solid var(--phlur-border); border-bottom: 1px solid var(--phlur-border); } .sign-up-and-save__container { padding-block: 64px; } .sign-up-and-save__content h2, .sign-up-and-save__content .heading { font-family: var(--phlur-serif); font-weight: 400; } .sign-up-and-save__content .rte { color: var(--phlur-text-muted); font-size: 15px; } .sign-up-and-save__inline-form { max-width: 480px; margin-inline: auto; border-bottom: 1px solid var(--phlur-text); } .sign-up-and-save__inline-form .field { width: 100%; flex: 1; } .sign-up-and-save__inline-form .field::after { display: none; } .sign-up-and-save__inline-form input[type="email"], .sign-up-and-save__inline-form .field__input { border: none !important; border-radius: 0; background: transparent; text-align: center; box-shadow: none; } .sign-up-and-save__inline-form .button { flex: 0 0 auto; background: transparent !important; color: var(--phlur-text) !important; border: none !important; min-height: auto; padding-inline: 16px; } /* ---- Footer ---- */ .footer { padding-top: 64px; padding-bottom: 32px; background-color: var(--phlur-bg) !important; } .footer__navigation-title, .footer__custom-text-title, .footer__social-media-title, .footer__email-subscribe-title { font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 400 !important; } .footer__navigation-item a, .footer a { color: var(--phlur-text-muted); font-size: 14px; font-weight: 400; } .footer__navigation-item a:hover { color: var(--phlur-text); } .footer__inner { row-gap: 40px; } /* ---- Responsive ---- */ @media (max-width: 959px) { :root { --phlur-section-y: 64px; } .slideshow .carousel__track { min-height: unset !important; height: auto !important; aspect-ratio: var(--mobile-aspect-ratio, 0.75) !important; background: #fff !important; } .slideshow__image--mobile { display: block !important; } .image-banner__image-item { aspect-ratio: 1 / 1.1; } .block-product-list, .block-collection-list { width: 100% !important; margin-inline: 0 !important; padding-inline: 0 !important; } .image-with-text__group { padding: 48px 24px; } .image-with-text__image { min-height: unset; aspect-ratio: 4 / 5; } .sign-up-and-save__inline-form { flex-direction: column; border-bottom: none; } .sign-up-and-save__inline-form input[type="email"], .sign-up-and-save__inline-form .field__input { border-bottom: 1px solid var(--phlur-text) !important; width: 100%; } } /* ---- Fragrance notesN fragrance-notes-grid.css Tek SOi ---- */ #shopline-section-17866179192410088083 { overflow-x: clip; } #shopline-section-17866179192410088083 .page-width { max-width: 1420px !important; padding-inline: var(--page-padding) !important; overflow: hidden !important; } #shopline-section-17866179192410088083 .fragrance-notes-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; } #shopline-section-17866179192410088083 .fragrance-notes-grid > .group { width: 100% !important; max-width: 100% !important; min-width: 0 !important; position: relative !important; overflow: hidden !important; } #shopline-section-17866179192410088083 .group .block-heading { position: absolute !important; inset: 0 !important; z-index: 2 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #000 !important; -webkit-text-stroke: 2px #fff !important; paint-order: stroke fill !important; pointer-events: none !important; } #shopline-section-17866179192410088083 .group .block-image { display: block !important; width: 100% !important; line-height: 0 !important; } #shopline-section-17866179192410088083 .group .block-image::before { display: none !important; } #shopline-section-17866179192410088083 .group .block-image img { width: 100% !important; height: auto !important; aspect-ratio: unset !important; object-fit: unset !important; } @media (max-width: 959px) { #shopline-section-17866179192410088083 .fragrance-notes-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* h section NQ