/* Complete product framing: preserve the approved source images and colours. */
.hero{grid-template-columns:40% 60%;min-height:0;align-items:center}
.hero-copy{padding:52px 9% 42px 13%}
.hero h1{font-size:clamp(54px,5.6vw,94px)}
.hero-visual{min-height:0;aspect-ratio:3/2;width:100%;background:#dfe3e3;align-self:center}
.hero-visual img{position:static;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center}
.card-image{aspect-ratio:1/1}
.card-image img,.card-image:hover img{object-fit:contain;object-position:center;transform:none}
.feature,.feature-stacked,.feature-origin{min-height:0;align-items:center}
.feature-image,.feature-stacked .feature-image{min-height:0;aspect-ratio:1/1;align-self:center;background:#e4e8e8}
.feature-image img{position:static;display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.feature-origin .feature-image{min-height:0;aspect-ratio:3/2}
.mist-story{min-height:0;align-items:center}
.mist-story>figure{min-height:0;aspect-ratio:3/2;align-self:center}
.mist-story>figure img{position:static;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center}
.lip-gallery img{aspect-ratio:1/1;object-fit:contain;object-position:center}
.lip-gallery figure{display:flex;min-height:0;flex-direction:column;align-items:stretch;gap:12px}
.lip-gallery img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;margin:0}
.lip-gallery figcaption{margin:0;text-align:center}
.dialog-media{background:#edf0f0;min-height:0;max-height:none}
.dialog-media .dialog-visual{aspect-ratio:1/1;min-height:0;height:auto;background:#edf0f0}
.dialog-media .dialog-visual img{object-fit:contain;object-position:center;display:block}
.gallery-thumb img,.cart-item>img,.summary-photo img{object-fit:contain;object-position:center;background:#edf0f0}
.bundle-section .bundle-card{border:1px solid #dde3e3;border-radius:18px;overflow:hidden;background:#f8fafa;box-shadow:0 8px 28px #33484906}
.bundle-visual{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:10px;aspect-ratio:5/2;padding:18px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#fafcfc 0 24%,#edf2f2 66%,#e5ebeb 100%);align-self:center;width:100%;isolation:isolate}
.bundle-product{position:static;display:block;width:100%;height:auto;aspect-ratio:1/1;overflow:hidden;border-radius:46% 46% 18px 18px;background:transparent;filter:drop-shadow(0 8px 10px #33474b12);transform:none;-webkit-mask-image:linear-gradient(to bottom,#000 0 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0 88%,transparent 100%)}
.bundle-product img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:opacity .28s ease}
.bundle-product-2 img{object-fit:cover}
.bundle-product-1,.bundle-product-2,.bundle-product-3{position:static;transform:none}
.bundle-visual::after{content:"";position:absolute;z-index:4;inset:68% 0 0;pointer-events:none;background:linear-gradient(transparent,#f8fafa)}
.bundle-section .bundle-copy{padding:22px 28px 28px;background:#f8fafa}
.bundle-section .bundle-copy .bundle-value{font-size:12px;line-height:1.5;color:#5c6e6e;margin:4px 0 20px;min-height:0}
.bundle-section .bundle-price{margin-bottom:0}
.blush-story{padding:70px 5.2%;background:linear-gradient(130deg,#faf9f9,#e6e5e5)}
.blush-story h2{font-family:var(--serif);font-size:clamp(42px,4.5vw,67px);font-weight:400;line-height:1.12;letter-spacing:-.04em;margin-top:20px}
.blush-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.blush-gallery a{display:block}.blush-gallery img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.blush-gallery figcaption{display:flex;flex-direction:column;gap:2px;margin-top:17px;font-size:16px}.blush-gallery figcaption strong{font-family:var(--serif);font-size:24px;font-weight:400}.blush-gallery figcaption span{font-size:13px;color:var(--muted)}
.shade-dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--swatch);flex-shrink:0}
.blush-shades{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #cfd4d4;margin-top:38px;padding-top:24px}.blush-shades>div{display:flex;gap:24px;flex-wrap:wrap}.blush-shades>div>span{display:flex;align-items:center;gap:8px;font-size:14px}.blush-shades i{font-style:normal}

/* Header search: visible on desktop and on a dedicated mobile row. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
.header{gap:24px}.header nav{gap:22px;flex-wrap:nowrap;white-space:nowrap;font-size:13px}
.site-search{position:relative;width:260px;flex-shrink:1;min-width:180px}
#search-form{display:flex;align-items:center;border:1px solid #cad0d0;background:#f0f2f2;min-height:43px}
#search-form:focus-within{outline:2px solid #176f72;outline-offset:2px}
#product-search{background:none;border:0;outline:0!important;width:100%;min-width:0;padding:9px 0;font-family:var(--sans);font-size:13px;color:var(--ink);border-radius:0}
#product-search::-webkit-search-cancel-button{display:none}
.search-submit,#search-clear{background:none;border:0;display:grid;place-items:center;height:41px;min-width:37px;padding:7px;color:var(--ink)}
#search-clear{font-size:23px}
.search-results{position:absolute;top:calc(100% + 9px);right:0;width:400px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #d1d7d7;box-shadow:0 18px 38px #25333621;padding:16px;z-index:20;max-height:65dvh;overflow:auto}
.search-caption{text-transform:uppercase;letter-spacing:.12em;color:#637071;font-size:11px;margin:0 0 13px}
.search-product{display:flex;align-items:center;gap:13px;padding:10px 0;background:none;border:0;border-top:1px solid #edf0f0;width:100%;text-align:left;color:var(--ink)}
.search-product img{width:64px;height:64px;object-fit:contain;flex-shrink:0}
.search-product>span:nth-child(2){flex:1}.search-product strong{display:block;font-size:14px;font-weight:500}
.search-product small{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.search-product>span:last-child{font-size:13px;white-space:nowrap;text-align:right}
.search-product:hover{background:#f3f5f5}
.search-quick{display:flex;flex-wrap:wrap;gap:8px}.search-quick button{border:1px solid #d4dada;background:#f5f6f6;padding:9px 12px;font:inherit;font-size:13px}
.search-skin,.search-all{display:block;background:none;border:0;border-top:1px solid #dfe4e4;width:100%;text-align:left;font-size:13px;padding:15px 0 0;margin-top:15px;color:#176f72}
.search-empty{font-size:14px;padding:10px 0;color:var(--muted)}
.collection-empty{text-align:center;padding:40px 20px;background:#eef1f1}
.collection-empty h3{font-family:var(--serif);font-size:30px;font-weight:400;margin:0 0 8px}
.collection-empty .text-link{background:none;border-width:0 0 1px;cursor:pointer}
.collection-count{overflow-wrap:anywhere;white-space:normal;max-width:50%}
.footer-skin-link{background:none;border:0;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer}.footer-skin-link:hover{color:#b5dfdf}

/* A transparent, session-only guided conversation, not a live AI service. */
.skin-invitation{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:linear-gradient(120deg,#ecefef,#f8f9f9);border-top:1px solid #d8dddd;border-bottom:1px solid #d8dddd}
.skin-invitation h2{font-family:var(--serif);font-size:clamp(42px,4.6vw,67px);font-weight:400;line-height:1.1;letter-spacing:-.04em;margin-top:20px}
.skin-invitation>div:last-child>p:first-child{color:var(--muted);max-width:490px}
.skin-launcher{position:fixed;right:24px;bottom:24px;z-index:7;display:flex;align-items:center;gap:10px;border:1px solid #647375;background:#343c3e;color:#fff;padding:14px 20px;border-radius:28px;box-shadow:0 6px 24px #1d2c2c26;font-family:var(--sans);font-size:14px;min-height:48px}
.skin-launcher:hover{background:#176f72}.modal-open .skin-launcher{visibility:hidden}
.skin-dialog{position:fixed;inset:18px 18px 18px auto;margin:0;width:min(500px,calc(100% - 36px));height:calc(100dvh - 36px);max-width:none;max-height:none;padding:0;border:1px solid #cbd1d1;border-radius:12px;color:var(--ink);background:#f6f8f8;overflow:hidden}
.skin-dialog[open]{display:flex;flex-direction:column}
.skin-heading{display:flex;align-items:center;gap:12px;background:#fff;padding:20px;border-bottom:1px solid #dde2e2;flex-shrink:0}
.skin-avatar{display:grid;place-items:center;background:#e5e9e9;color:#176f72;width:40px;height:40px;flex-shrink:0;border-radius:50%;font-size:25px;font-family:var(--serif)}
.skin-heading>div{flex:1}.skin-heading .eyebrow{font-size:10px;letter-spacing:.08em}
.skin-heading h2{font-family:var(--serif);font-size:23px;line-height:1.2;letter-spacing:-.03em;font-weight:400;margin-top:5px}
.skin-heading .icon-close{height:36px;width:36px;min-width:36px;font-size:24px}
.skin-progress{padding:14px 22px 0;flex-shrink:0}.skin-progress span{font-size:12px;color:var(--muted)}
.skin-progress progress{display:block;width:100%;height:3px;margin:9px 0 0;accent-color:#176f72;border:0;background:#dfe4e4}
.skin-progress progress::-webkit-progress-bar{background:#dfe4e4}.skin-progress progress::-webkit-progress-value{background:#176f72}
.skin-conversation{padding:22px;overflow:auto;flex:1;min-height:0;overscroll-behavior:contain}
.message-label{display:block;font-size:10px;letter-spacing:.13em;color:#657172;margin-bottom:12px}
.guide-message{background:#fff;border:1px solid #dfe5e5;border-radius:0 14px 14px 14px;padding:21px}
.guide-message h3{font-family:var(--serif);font-size:29px;line-height:1.2;letter-spacing:-.035em;font-weight:400;margin:0 0 13px;outline:none}
.guide-message p{font-size:14px;line-height:1.65;color:#586365}.guide-message p+p{margin-top:13px}
.skin-start{width:100%;justify-content:space-between;margin-top:20px}
.user-message{margin:0 0 20px 32px;background:#e4ebeb;border-radius:13px 0 13px 13px;padding:15px 18px;font-size:14px}
.user-message .message-label{margin-bottom:6px}.skin-options{display:grid;gap:9px;margin-top:18px}
.skin-options button{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid #c5cece;border-radius:7px;background:#fff;text-align:left;font-family:var(--sans);font-size:14px;line-height:1.4;color:var(--ink);min-height:48px}
.skin-options button:hover{background:#e9eeee;border-color:#7b9090}.skin-options button>span{color:#687979}
.skin-actions{display:flex;justify-content:space-between;gap:20px;margin-top:24px}
.skin-actions button,.skin-answer-summary button{background:none;border:0;text-decoration:underline;text-underline-offset:3px;font-size:12px;padding:7px 0;color:#536364}
.skin-disclaimer{background:#edf1f1;padding:13px 22px;border-top:1px solid #d6dede;font-size:11px;line-height:1.55;color:#596566;flex-shrink:0}
.skin-result h3{font-size:38px;color:#176f72}.skin-caution{padding:16px;border:1px solid #d6cebe;background:#f4f0e9;margin-top:16px;font-size:13px;line-height:1.65}.skin-caution strong{font-weight:500}
.skin-recommendations{margin-top:25px}.skin-recommendations>.preview-note{margin-top:9px;margin-bottom:15px}
.skin-product{display:flex;gap:14px;align-items:center;width:100%;padding:12px;background:#fff;border:1px solid #d7dfdf;margin-top:10px;text-align:left;color:var(--ink)}
.skin-product img{width:76px;height:76px;object-fit:contain;flex-shrink:0}.skin-product strong{font-size:15px;font-weight:500}
.skin-product small{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin:4px 0}.skin-product b{font-size:12px;font-weight:500;color:#176f72}
.skin-sun-note,.skin-source{font-size:12px;color:#657172;line-height:1.65;margin-top:20px}.skin-source a{text-decoration:underline;text-underline-offset:2px}
.skin-answer-summary{border-block:1px solid #d8e0e0;margin-top:22px}.skin-answer-summary ol{padding:0 0 0 22px;font-size:12px}.skin-answer-summary li{padding:0 8px 14px 0}.skin-answer-summary strong{font-weight:500}.skin-answer-summary p{color:var(--muted);margin-top:4px}
@media(max-width:1200px){.header{gap:18px;padding-inline:4%}.header nav{gap:15px;font-size:12px}.site-search{width:230px;min-width:175px}.header .wordmark{font-size:32px}.bag-button{padding-left:0}.hero-copy{padding:40px 8% 38px 10%}.hero h1{font-size:clamp(48px,5.6vw,68px)}.hero-footnote{margin-top:28px}.hero-description{font-size:15px}.hero-visual figcaption{font-size:10px}}
@media(max-width:1000px) and (min-width:801px){.header{gap:12px}.header nav{gap:12px}.site-search{width:185px;min-width:170px}#product-search{font-size:12px}.bag-button>span:first-of-type{display:none}}
@media(max-width:800px){html{scroll-padding-top:142px}.header{height:auto;min-height:126px;padding:15px 5% 12px;flex-wrap:wrap;gap:13px}.header .wordmark{position:absolute;left:50%;top:20px;transform:translateX(-50%);font-size:29px}.header nav{font-size:16px;gap:8px}.menu-toggle{order:0}.bag-button{margin-left:auto}.site-search{order:3;flex:0 0 100%;width:100%;min-width:0}#product-search{font-size:16px}.search-results{left:0;right:0;width:100%;max-width:none;max-height:60dvh}.search-submit{min-width:42px}.hero-copy{padding:35px 8%}.hero h1{font-size:49px}.hero-description{font-size:14px}.hero-footnote{font-size:10px}.hero-visual figcaption{font-size:9px}.skin-invitation{gap:7%}.blush-story{padding:50px 6%}.blush-gallery{gap:12px}.blush-gallery figcaption{font-size:14px}.dialog-media .dialog-visual{aspect-ratio:1/1}}
@media(max-width:700px){.hero{display:flex;flex-direction:column;align-items:stretch}.hero-copy{padding:35px 7%}.hero h1{font-size:clamp(54px,12vw,80px)}.hero-description{font-size:16px}.hero-footnote{font-size:11px}.hero-visual{aspect-ratio:3/2;min-height:0}.hero-visual figcaption{font-size:10px;bottom:12px}.skin-invitation{grid-template-columns:1fr;gap:25px}}
@media(max-width:600px){.feature-image,.feature-stacked .feature-image{min-height:0;aspect-ratio:1/1}.feature-origin .feature-image{aspect-ratio:3/2}.mist-story>figure{aspect-ratio:3/2;min-height:0}.card-image{aspect-ratio:1/1}.lip-story-heading{margin-bottom:22px}.lip-gallery{grid-template-columns:1fr;gap:24px}.lip-gallery img{height:auto;aspect-ratio:1/1}.lip-gallery figcaption{margin:0}.dialog-media .dialog-visual{aspect-ratio:1/1;min-height:0}.blush-gallery{grid-template-columns:1fr;gap:26px}.blush-gallery figcaption{font-size:17px;margin-top:12px}.blush-story .lip-story-heading{margin-inline:0}.blush-shades{display:block}.blush-shades>div{margin-top:14px;gap:12px 20px}.collection-count{max-width:100%}.skin-launcher{bottom:16px;right:16px;padding:12px 16px;font-size:13px}.skin-dialog{inset:0;width:100%;height:100dvh;border-radius:0;border:0}.skin-heading{padding:17px 16px}.skin-heading h2{font-size:22px}.skin-conversation{padding:20px 16px}.skin-progress{padding-inline:16px}.skin-disclaimer{padding:12px 16px max(12px,env(safe-area-inset-bottom))}.guide-message{padding:19px}.skin-launcher{bottom:max(16px,env(safe-area-inset-bottom))}.footer{padding-bottom:88px}}
