ZEN'GI

UNIQUE'E LUXURY Verified independent store

→

/* CHICELLE — unified design system */ .chicelle-page { --ch-font-display: "Big Caslon CC", "Big Caslon", Baskerville, Georgia, serif; --ch-font-ui: Arial, Helvetica, sans-serif; - -ch-ink: #302724; --ch-muted: #695b56; --ch-pink: #d77d9b; --ch-gold: #b59564; --ch-paper: #ffffff; --ch-cream: #fcfaf7; --ch-border: rgba(181, 149, 100, 0.38); --ch-section-space: 56px; --ch-title-size: 32px; --ch-body-size: 17px; width: 100%; color: var(--ch-ink); } .chicelle-page, .chicelle-page * { box-sizing: border-box; } .chicelle-section { width: 100%; max-width: 1200px; margin: var(--ch-section-space) auto; } .chicelle-section-title { margin: 0 0 28px !important; padding: 0 !important; color: var(--ch-ink) !important; font-family: var(--ch-font-display) !important; font-size: var(--ch-title-size) !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.15 !important; letter-spacing: -0.3px !important; text-align: center !important; text-transform: none !important; } /* 1. Hero banner */ .chicelle-banner { position: relative; max-width: 1400px; overflow: hidden; background: #d4a5b5; } .chicelle-banner__image { display: block; width: 100%; height: auto; } .chicelle-banner__text { position: absolute; z-index: 2; top: 50%; left: 6%; right: auto; width: 43%; transform: translateY(-50%); margin: 0 !important; padding: 0 20px !important; color: #ffffff !important; font-family: var(--ch-font-display) !important; font-size: 28px !important; font-weight: 400 !important; font-style: italic !important; line-height: 1.3 !important; letter-spacing: -0.3px !important; text-align: center !important; text-transform: none !important; text-shadow: 0 1px 7px rgba(72, 39, 56, 0.16); } /* 2. Note pyramid */ .chicelle-pyramid { padding: 52px 25px; background: var(--ch-paper); text-align: center; } .chicelle-pyramid__product { margin: 0 0 22px !important; padding: 0 !important; color: var(--ch-pink) !important; font-family: var(--ch-font-display) !important; font-size: 48px !important; font-weight: 400 !important; font-style: italic !important; line-height: 1 !important; letter-spacing: -0.8px !important; text-align: center !important; text-transform: none !important; } .chicelle-pyramid__bottle { display: flex; align-items: center; justify-content: center; width: 100%; margin: 0 auto 30px; } .chicelle-pyramid__bottle-image { display: block; width: auto; max-width: 380px; max-height: 350px; height: auto; object-fit: contain; filter: drop-shadow(0 18px 20px rgba(57, 31, 38, 0.12)); } .chicelle-pyramid__groups { display: flex; flex-direction: column; align-items: center; gap: 32px; } .chicelle-pyramid__group { width: 100%; } .chicelle-pyramid__heading { margin: 0 0 9px !important; padding: 0 !important; color: var(--ch-ink) !important; font-family: var(--ch-font-ui) !important; font-size: 13px !important; font-weight: 600 !important; font-style: normal !important; line-height: 1.2 !important; letter-spacing: 2.1px !important; text-align: center !important; text-transform: uppercase !important; } .chicelle-pyramid__notes { margin: 0 !important; padding: 0 !important; color: var(--ch-ink) !important; font-family: var(--ch-font-display) !important; font-size: 30px !important; font-weight: 400 !important; font-style: italic !important; line-height: 1.4 !important; letter-spacing: -0.3px !important; text-align: center !important; text-transform: none !important; } .chicelle-pyramid__highlight { color: var(--ch-pink) !important; } .chicelle-pyramid__dot { display: inline-block; margin: 0 7px; color: var(--ch-ink) !important; font-size: 0.5em; font-style: normal; vertical-align: middle; } /* 3. Key-note cards */ .chicelle-key-notes { padding: 36px 20px; overflow: hidden; background: var(--ch-paper); } .chicelle-key-notes__grid { display: grid; grid-auto-flow: column; grid-auto-columns: 132px; grid-template-rows: 1fr; justify-content: start; gap: 12px; width: max-content; max-width: min(100%, 852px); margin: 0 auto; padding: 3px 0 13px; box-sizing: border-box; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: rgba(181, 140, 81, 0.55) transparent; } .chicelle-page .chicelle-pyramid .chicelle-key-notes__heading { margin: 44px 0 24px !important; padding: 0 !important; color: var(--ch-ink) !important; font-family: var(--ch-font-ui) !important; font-size: 13px !important; font-weight: 600 !important; font-style: normal !important; line-height: 1.2 !important; letter-spacing: 2.1px !important; text-align: center !important; text-transform: uppercase !important; } .chicelle-pyramid>.chicelle-key-notes__grid { margin-top: 0; margin-bottom: 0; } .chicelle-key-notes__grid::-webkit-scrollbar { height: 4px; } .chicelle-key-notes__grid::-webkit-scrollbar-track { background: transparent; } .chicelle-key-notes__grid::-webkit-scrollbar-thumb { border-radius: 20px; background: rgba(181, 140, 81, 0.55); } .chicelle-note-card { display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 132px; min-width: 132px; min-height: 158px; padding: 17px 10px 14px; background: var(--ch-cream); border: 1px solid var(--ch-border); scroll-snap-align: start; transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } .chicelle-note-card:hover { transform: translateY(-3px); border-color: rgba(181, 140, 81, 0.75); box-shadow: 0 10px 25px rgba(79, 54, 40, 0.08); } .chicelle-note-card__image-area { display: flex; align-items: center; justify-content: center; width: 82px; height: 82px; } .chicelle-note-card__image { display: block; width: 76px; height: 76px; object-fit: contain; filter: drop-shadow(0 7px 8px rgba(52, 37, 29, 0.08)); } .chicelle-note-card__line { display: block; width: 26px; height: 1px; margin: 4px auto 10px; background: var(--ch-gold); } .chicelle-note-card__name { margin: 0 !important; padding: 0 !important; color: var(--ch-ink) !important; font-family: var(--ch-font-display) !important; font-size: 16px !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.2 !important; text-align: center !important; text-transform: none !important; } /* 4. Fragrance story */ .chicelle-story { max-width: 1400px; padding: 64px 7%; overflow: hidden; background: radial-gradient(circle at 22% 48%, rgba(218, 182, 190, 0.08), transparent 38%), linear-gradient(135deg, #ffffff 0%, #fcfaf8 55%, #f8f5f2 100%); } .chicelle-story__inner { display: grid; grid-template-columns: minmax(300px, 1fr) minmax(300px, 0.78fr); align-items: center; gap: clamp(55px, 8vw, 125px); width: 100%; max-width: 1080px; margin: 0 auto; } .chicelle-story__visual { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; } .chicelle-story__visual::before { position: absolute; z-index: 0; width: 78%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(207, 168, 177, 0.17), rgba(207, 168, 177, 0.05) 48%, transparent 72%); content: ""; } .chicelle-story__image { position: relative; z-index: 1; display: block; width: 100%; max-width: 430px; height: auto; object-fit: contain; filter: drop-shadow(0 25px 25px rgba(57, 31, 38, 0.12)); } .chicelle-story__content { position: relative; width: 100%; max-width: 410px; padding: 50px 46px 44px; background: rgba(255, 255, 255, 0.92); border: 1px solid var(--ch-border); box-shadow: 0 22px 55px rgba(77, 51, 44, 0.07), inset 0 0 0 5px rgba(255, 255, 255, 0.45); backdrop-filter: blur(5px); } .chicelle-story__content::before { position: absolute; top: 25px; left: 46px; width: 42px; height: 1px; background: var(--ch-gold); content: ""; } .chicelle-story__eyebrow { display: block; margin: 0 0 12px !important; padding: 0 !important; color: #9b7949 !important; font-family: var(--ch-font-ui) !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: 2.4px !important; text-transform: uppercase !important; } .chicelle-story__title { margin: 0 0 22px !important; padding: 0 !important; color: var(--ch-ink) !important; font-family: var(--ch-font-display) !important; font-size: var(--ch-title-size) !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.15 !important; letter-spacing: -0.3px !important; text-align: left !important; text-transform: none !important; } .chicelle-story__description { margin: 0 !important; padding: 0 !important; color: var(--ch-muted) !important; font-family: var(--ch-font-display) !important; font-size: var(--ch-body-size) !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.7 !important; letter-spacing: 0 !important; text-align: left !important; text-transform: none !important; } .chicelle-story__ornament { display: flex; align-items: center; gap: 11px; margin-top: 27px; } .chicelle-story__ornament::before, .chicelle-story__ornament::after { width: 30px; height: 1px; background: rgba(181, 149, 100, 0.7); content: ""; } .chicelle-story__diamond { width: 5px; height: 5px; border: 1px solid var(--ch-gold); transform: rotate(45deg); } @media screen and (min-width: 1400px) { .chicelle-banner__text { font-size: 31px !important; } } @media screen and (max-width: 990px) { .chicelle-page { --ch-section-space: 44px; --ch-title-size: 29px; --ch-body-size: 16px; } .chicelle-banner__text { font-size: 23px !important; } .chicelle-pyramid { padding: 44px 22px; } .chicelle-pyramid__product { font-size: 43px !important; } .chicelle-pyramid__notes { font-size: 27px !important; } .chicelle-key-notes__grid { grid-auto-columns: 125px; max-width: 100%; gap: 11px; } .chicelle-note-card { width: 125px; min-width: 125px; } .chicelle-story { padding: 54px 5%; } .chicelle-story__inner { grid-template-columns: minmax(250px, 1fr) minmax(300px, 0.82fr); gap: 40px; } .chicelle-story__image { max-width: 370px; } .chicelle-story__content { padding: 46px 35px 38px; } .chicelle-story__content::before { left: 35px; } } @media screen and (max-width: 749px) { .chicelle-page { --ch-section-space: 30px; --ch-title-size: 27px; --ch-body-size: 16px; } .chicelle-banner { height: 380px; } .chicelle-banner__image { height: 100%; object-fit: cover; object-position: 38% center; } .chicelle-banner__text { top: 50%; left: 5%; right: auto; width: 54%; padding: 0 10px !important; font-size: 17px !important; line-height: 1.23 !important; } .chicelle-pyramid { padding: 38px 18px 42px; } .chicelle-pyramid__product { margin-bottom: 18px !important; font-size: 38px !important; } .chicelle-pyramid__bottle { margin-bottom: 25px; } .chicelle-pyramid__bottle-image { max-width: 145px; max-height: 190px; } .chicelle-pyramid__groups { gap: 27px; } .chicelle-pyramid__heading { font-size: 11px !important; letter-spacing: 1.8px !important; } .chicelle-pyramid__notes { font-size: 22px !important; line-height: 1.5 !important; } .chicelle-pyramid__dot { margin: 0 4px; } .chicelle-key-notes { padding: 32px 0; } .chicelle-key-notes .chicelle-section-title { padding: 0 18px !important; } .chicelle-page .chicelle-pyramid .chicelle-key-notes__heading { margin: 34px 0 20px !important; padding: 0 18px !important; font-size: 11px !important; letter-spacing: 1.8px !important; } .chicelle-key-notes__grid { grid-auto-columns: 116px; width: max-content; max-width: 100%; margin: 0 auto; padding: 3px 18px 13px; gap: 10px; scroll-padding-left: 18px; } .chicelle-note-card { width: 116px; min-width: 116px; min-height: 148px; padding: 15px 8px 13px; } .chicelle-note-card__image-area { width: 74px; height: 74px; } .chicelle-note-card__image { width: 68px; height: 68px; } .chicelle-note-card__name { font-size: 15px !important; } .chicelle-story { padding: 45px 18px; } .chicelle-story__inner { display: flex; flex-direction: column; gap: 35px; } .chicelle-story__image { width: 76%; max-width: 310px; } .chicelle-story__content { width: 94%; max-width: 390px; padding: 47px 27px 35px; } .chicelle-story__content::before { left: 50%; transform: translateX(-50%); } .chicelle-story__eyebrow, .chicelle-story__title, .chicelle-story__description { text-align: center !important; } .chicelle-story__ornament { justify-content: center; } } @media screen and (max-width: 380px) { .chicelle-banner { height: 340px; } .chicelle-banner__image { object-position: 39% center; } .chicelle-banner__text { top: 7%; font-size: 15px !important; } .chicelle-pyramid__notes { font-size: 20px !important; } .chicelle-story { padding: 38px 12px; } .chicelle-story__content { width: 96%; padding: 44px 21px 31px; } } /* Separate mobile banner — existing image URLs are preserved */ .chicelle-banner__image--mobile { display: none; } @media screen and (max-width: 749px) { .chicelle-banner { height: auto !important; overflow: visible; background: #ffffff; } .chicelle-banner__image--desktop { display: none !important; } .chicelle-banner__image--mobile { display: block !important; width: 100%; height: auto !important; object-fit: contain !important; object-position: center !important; } .chicelle-banner__text { position: relative !important; top: auto !important; left: auto !important; right: auto !important; width: 100% !important; margin: 0 !important; padding: 34px 26px 38px !important; transform: none !important; background: #ffffff; color: var(--ch-muted) !important; font-size: 24px !important; line-height: 1.36 !important; text-align: left !important; text-shadow: none !important; } } @media screen and (max-width: 380px) { .chicelle-banner__text { padding: 28px 21px 32px !important; font-size: 21px !important; } } /* Final mobile banner styling */ @media screen and (max-width: 749px) { .chicelle-banner, .chicelle-banner__text { box-shadow: none !important; } .chicelle-banner__text { color: #BF863F !important; text-shadow: none !important; border: none !important; border-radius: 0 !important; } } /* Keep every product accent synchronized */ .chicelle-note-card__line { background: var(--ch-pink) !important; } Sparkling citrus, golden honey and warm woods give ZEN’GI its balance of energy and depth, with an elegant, unexpectedly refined signature. Zen’gi Top Notes Grapefruit•Bergamot•Ginger•Wine•Pink Pepper Heart Notes Honey•Olibanum•Patchouli•Vetiver Base Notes Vanilla•Cedarwood•Amber Key Notes Grapefruit Bergamot Honey Pink Pepper Wine The composition Radiance with inner depth Grapefruit and bergamot open with vivid freshness as wine and pink pepper introduce warmth and character. Olibanum, patchouli and vetiver deepen the composition before vanilla, cedarwood and amber reveal a rich, polished and lasting finish. Show more