body[data-cosmetics-overview=enhanced]{--co-gold:#d7b672;--co-blue:#1d4c84;--co-ink:#102941}
body[data-cosmetics-overview=enhanced] .ai-chapter-panel[hidden],body[data-cosmetics-overview=enhanced] .ai-chapter-image[hidden]{display:none!important}
body[data-cosmetics-overview=enhanced] .ai-chapter-panel.is-entering{animation:co-copy-in .72s cubic-bezier(.2,.72,.2,1) both}
body[data-cosmetics-overview=enhanced] .ai-chapter-image.is-entering .ai-backdrop{animation:co-image-in 1s cubic-bezier(.2,.72,.2,1) both}
body[data-cosmetics-overview=enhanced] .ai-chapter-tabs button{position:relative;overflow:hidden;border-top:1px solid #ffffff5c}
body[data-cosmetics-overview=enhanced] .ai-chapter-tabs button::before{display:none}
body[data-cosmetics-overview=enhanced] .co-progress{position:absolute;inset:0 0 auto;height:2px;background:#ffffff20;overflow:hidden}
body[data-cosmetics-overview=enhanced] .co-progress i{display:block;width:100%;height:100%;background:var(--co-gold);transform:scaleX(0);transform-origin:left}
html[dir=rtl] body[data-cosmetics-overview=enhanced] .co-progress i{transform-origin:right}
body[data-cosmetics-overview=enhanced][data-ai-motion=on] .ai-chapter-tabs [aria-selected=true] .co-progress i{animation:co-progress 5s linear both}
body[data-cosmetics-overview=enhanced][data-ai-motion=off] .ai-chapter-tabs [aria-selected=true] .co-progress i{transform:scaleX(1)}
body[data-cosmetics-overview=enhanced] .s4-service-tile .s4-tile-inner{position:relative;padding-top:84px}
body[data-cosmetics-overview=enhanced] .co-icon{display:grid;place-items:center;width:54px;height:54px;color:var(--co-blue);background:#edf3f7;border:1px solid #d4dfe7;margin-bottom:22px;transition:transform .45s cubic-bezier(.2,.72,.2,1),background .3s,color .3s}
body[data-cosmetics-overview=enhanced] .s4-service-tile .co-icon{position:absolute;top:22px;left:0}
body[data-cosmetics-overview=enhanced] .co-icon svg{width:30px;height:30px}
body[data-cosmetics-overview=enhanced] .s4-service-tile:hover .co-icon{transform:translateY(-5px) rotate(-3deg);background:var(--co-blue);color:#fff}
body[data-cosmetics-overview=enhanced] .s4-mini-step{position:relative;min-height:190px;padding-top:86px;overflow:hidden}
body[data-cosmetics-overview=enhanced] .s4-mini-step .co-icon{position:absolute;top:22px;left:22px}
body[data-cosmetics-overview=enhanced] .s4-mini-step:hover .co-icon{transform:scale(1.08);background:var(--co-blue);color:#fff}
body[data-cosmetics-overview=enhanced] .co-explore{position:relative;overflow:hidden;padding:clamp(75px,9vw,140px) 0;background:linear-gradient(130deg,#0c2540,#12395c);color:#fff}
body[data-cosmetics-overview=enhanced] .co-explore::before{content:'';position:absolute;width:52vw;aspect-ratio:1;border:1px solid #d7b67235;border-radius:50%;right:-20vw;top:-24vw;box-shadow:0 0 0 9vw #ffffff06,0 0 0 18vw #ffffff04;animation:co-orbit 24s linear infinite}
body[data-cosmetics-overview=enhanced] .co-explore-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(35px,7vw,100px);align-items:stretch}
body[data-cosmetics-overview=enhanced] .co-explore article{position:relative}
body[data-cosmetics-overview=enhanced] .co-explore-lead{padding:clamp(35px,5vw,72px);background:#ffffff0b;border:1px solid #ffffff28;backdrop-filter:blur(8px)}
body[data-cosmetics-overview=enhanced] .co-explore-links{padding:clamp(35px,5vw,70px) 0}
body[data-cosmetics-overview=enhanced] .co-explore h2{font-size:clamp(30px,3.6vw,58px);line-height:1.25;color:#fff;margin:0 0 20px}
body[data-cosmetics-overview=enhanced] .co-explore p{color:#cad6e1;line-height:1.85}
body[data-cosmetics-overview=enhanced] .co-kicker{font-size:10px;letter-spacing:.2em;color:var(--co-gold)!important;margin-bottom:18px}
body[data-cosmetics-overview=enhanced] .co-explore-icon{display:grid;place-items:center;width:64px;height:64px;color:var(--co-gold);border:1px solid #d7b67282;margin-bottom:30px}
body[data-cosmetics-overview=enhanced] .co-explore-icon svg{width:36px;height:36px}
body[data-cosmetics-overview=enhanced] .co-explore .btn-link{display:inline-flex;margin-top:26px;color:#fff;border-bottom:1px solid var(--co-gold);padding-bottom:9px}
body[data-cosmetics-overview=enhanced] .co-explore-actions{display:flex;flex-wrap:wrap;gap:0 24px;align-items:flex-start}
body[data-cosmetics-overview=enhanced] .co-explore-actions .btn-link{max-width:100%;gap:12px;line-height:1.6}
body[data-cosmetics-overview=enhanced] .co-explore-actions .ui-arrow{flex:0 0 22px}
body[data-cosmetics-overview=enhanced] .co-explore .b2b-buyer-group{background:transparent;border:0;padding:0;color:#fff}
body[data-cosmetics-overview=enhanced] .co-explore .b2b-buyer-group>h3{display:none}
body[data-cosmetics-overview=enhanced] .co-explore .b2b-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}
body[data-cosmetics-overview=enhanced] .co-explore .b2b-links a{min-height:70px;display:flex;align-items:center;padding:18px;border:1px solid #ffffff2c;color:#fff;background:#ffffff08;transition:transform .3s,background .3s,border-color .3s}
body[data-cosmetics-overview=enhanced] .co-explore .b2b-links a:hover{transform:translateY(-4px);background:#ffffff13;border-color:#d7b6727a}
body[data-cosmetics-overview=enhanced] .co-explore .btn-main{display:inline-flex;margin-top:24px;background:var(--co-gold);color:#102941}
@keyframes co-progress{to{transform:scaleX(1)}}
@keyframes co-copy-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes co-image-in{from{opacity:.3;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}
@keyframes co-orbit{to{transform:rotate(360deg)}}
@media(max-width:760px){body[data-cosmetics-overview=enhanced] .co-explore-grid{grid-template-columns:1fr}body[data-cosmetics-overview=enhanced] .co-explore-links{padding-bottom:0}body[data-cosmetics-overview=enhanced] .co-explore .b2b-links{grid-template-columns:1fr}body[data-cosmetics-overview=enhanced] .s4-service-tile .s4-tile-inner{padding-top:80px}}
@media(prefers-reduced-motion:reduce){body[data-cosmetics-overview=enhanced] *,body[data-cosmetics-overview=enhanced] *::before,body[data-cosmetics-overview=enhanced] *::after{animation:none!important;transition:none!important}.co-progress i{transform:scaleX(1)!important}}

/* A continuous editorial journey: one surface, shared rhythm and connected rules. */
body[data-cosmetics-overview=enhanced] main{background:#f6f5f1}
body[data-cosmetics-overview=enhanced] .co-obrdem-intro{padding:clamp(70px,9vw,130px) 0 clamp(35px,4vw,65px);background:linear-gradient(#fff,#f6f5f1);color:var(--co-ink);overflow:hidden}
body[data-cosmetics-overview=enhanced] .co-obrdem-intro h2{font-size:clamp(26px,3.2vw,46px);line-height:1.5;width:100%;max-width:none;margin:0 0 35px;text-wrap:wrap;word-break:normal}
body[data-cosmetics-overview=enhanced] .co-obrdem-word{display:flex;justify-content:space-between;gap:0;width:100%;font-family:"VG Brand Sora",Arial,sans-serif;font-size:clamp(46px,15.2vw,204px);font-weight:500;line-height:1.2;letter-spacing:-.07em;margin:24px 0 38px;color:var(--co-blue);user-select:none}
body[data-cosmetics-overview=enhanced] .co-obrdem-word span{display:block;min-width:0}
body[data-cosmetics-overview=enhanced] .co-obrdem-intro.is-in-view .co-obrdem-word span{animation:co-letter-arrive 1.1s cubic-bezier(.2,.72,.2,1) both;animation-delay:calc(var(--co-order)*90ms)}
body[data-cosmetics-overview=enhanced] .co-models{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid #bcc7cb;position:relative}
body[data-cosmetics-overview=enhanced] .co-models::before{content:'';position:absolute;inset:-1px 0 auto;height:2px;background:var(--co-gold);transform-origin:left;pointer-events:none}
body[data-cosmetics-overview=enhanced] .co-obrdem-intro.is-in-view .co-models::before{animation:co-progress 1.8s ease both}
body[data-cosmetics-overview=enhanced] .co-model{padding:25px 20px;display:flex;align-items:center;gap:18px;color:var(--co-ink);min-width:0;transition:background .3s}
body[data-cosmetics-overview=enhanced] .co-model+.co-model{border-inline-start:1px solid #d1d8d9}
body[data-cosmetics-overview=enhanced] .co-model strong{font-family:"VG Brand Sora",Arial,sans-serif;font-size:clamp(19px,2.5vw,32px);font-weight:500;min-width:0}
body[data-cosmetics-overview=enhanced] .co-model-symbol{color:var(--co-blue);flex:0 0 34px}
body[data-cosmetics-overview=enhanced] .co-model-symbol .b2b-obrdem-icon{width:34px;height:34px;display:block;border:0;background:none;padding:0;margin:0}
body[data-cosmetics-overview=enhanced] .co-model-symbol svg{width:100%;height:100%}
body[data-cosmetics-overview=enhanced] .co-model-arrow{margin-inline-start:auto;color:#9b7b36;transition:transform .3s}
body[data-cosmetics-overview=enhanced] .co-model:hover{background:#e9edef}
body[data-cosmetics-overview=enhanced] .co-model:hover .co-model-arrow{transform:translate(3px,-3px)}
body[data-cosmetics-overview=enhanced] .co-obrdem-context{margin-top:35px;width:100%;max-width:none}
body[data-cosmetics-overview=enhanced] .co-obrdem-context>p{font-size:17px;line-height:1.9;max-width:100%;color:#526273}
body[data-cosmetics-overview=enhanced] .s4-block{background:#f6f5f1;padding:clamp(45px,6vw,90px) 0;border:0}
body[data-cosmetics-overview=enhanced] .s4-block.s4-soft{background:linear-gradient(#f6f5f1,#edf1f5);padding-bottom:clamp(75px,8vw,120px)}
body[data-cosmetics-overview=enhanced] .s4-section-heading{padding-top:35px;border-top:1px solid #c9d1d3;margin-bottom:35px}
body[data-cosmetics-overview=enhanced] .s4-section-heading h2{font-size:clamp(27px,3.2vw,44px);color:var(--co-ink);line-height:1.45;margin:0}
body[data-cosmetics-overview=enhanced] .s4-service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-block:1px solid #cbd3d9}
body[data-cosmetics-overview=enhanced] .s4-service-tile{min-width:0;min-height:0;background:transparent;border:0;border-radius:0;padding:0;color:var(--co-ink);box-shadow:none;transition:background .3s}
body[data-cosmetics-overview=enhanced] .s4-service-tile+.s4-service-tile{border-inline-start:1px solid #cbd3d9}
body[data-cosmetics-overview=enhanced] .s4-service-tile .s4-tile-inner{padding:100px 22px 45px;min-height:100%;height:auto}
body[data-cosmetics-overview=enhanced] .s4-service-tile .co-icon{inset:25px auto auto 22px;background:transparent;border:0;margin:0;width:43px;height:43px}
body[data-cosmetics-overview=enhanced] .s4-service-tile h3{font-size:19px;line-height:1.55;margin:0 0 16px;overflow-wrap:anywhere}
body[data-cosmetics-overview=enhanced] .s4-service-tile p{font-size:14px;line-height:1.85;color:#607080;margin:0 0 28px}
body[data-cosmetics-overview=enhanced] .s4-service-tile strong{position:absolute;inset:auto 22px 18px auto;color:#9b7b36}
body[data-cosmetics-overview=enhanced] .s4-service-tile:hover{background:#e9edf0;transform:none}
body[data-cosmetics-overview=enhanced] .s4-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #cbd3d9}
body[data-cosmetics-overview=enhanced] .s4-mini-step{background:transparent;border:0;border-bottom:1px solid #cbd3d9;min-height:180px;padding:88px 22px 28px;display:block;border-radius:0;color:var(--co-ink)}
body[data-cosmetics-overview=enhanced] .s4-mini-step .co-icon{background:transparent;border:0;width:43px;height:43px;top:25px;margin:0}
body[data-cosmetics-overview=enhanced] .s4-mini-step h3{font-size:20px;line-height:1.6;margin:0;overflow-wrap:anywhere}
body[data-cosmetics-overview=enhanced] .co-model:focus-visible,body[data-cosmetics-overview=enhanced] .s4-service-tile:focus-visible{outline:3px solid var(--co-blue);outline-offset:4px;position:relative;z-index:2}
.co-document-bridge{padding-block:35px 70px;border-top:1px solid #d0d9e1;display:flex;justify-content:flex-end;gap:20px}
.co-document-bridge a{font-size:clamp(20px,2.4vw,32px);line-height:1.5;color:#1d4c84;display:inline-flex;gap:25px;align-items:center;border-bottom:1px solid #c5a143;padding-bottom:10px}
@keyframes co-letter-arrive{from{transform:translateY(24px);color:#ad8d4d}to{transform:translateY(0);color:var(--co-blue)}}
@media(max-width:1100px){body[data-cosmetics-overview=enhanced] .s4-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-cosmetics-overview=enhanced] .s4-service-tile{border-bottom:1px solid #cbd3d9}body[data-cosmetics-overview=enhanced] .s4-service-tile:nth-child(odd){border-inline-start:0}body[data-cosmetics-overview=enhanced] .s4-service-tile:last-child{grid-column:1/-1;border-bottom:0}body[data-cosmetics-overview=enhanced] .s4-service-tile .s4-tile-inner{padding:24px 55px 24px 85px;min-height:150px}body[data-cosmetics-overview=enhanced] .s4-service-tile .co-icon{inset:26px auto auto 22px}body[data-cosmetics-overview=enhanced] .s4-service-tile p{margin-bottom:0}body[data-cosmetics-overview=enhanced] .co-model{gap:10px;padding-inline:12px}body[data-cosmetics-overview=enhanced] .co-model-symbol{flex-basis:26px}body[data-cosmetics-overview=enhanced] .co-model-symbol .b2b-obrdem-icon{width:26px;height:26px}}
@media(max-width:600px){body[data-cosmetics-overview=enhanced] .co-models{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-cosmetics-overview=enhanced] .co-model:nth-child(3){border-inline-start:0}body[data-cosmetics-overview=enhanced] .co-model:nth-child(n+3){border-top:1px solid #cbd3d9}body[data-cosmetics-overview=enhanced] .co-model{padding:20px 12px}body[data-cosmetics-overview=enhanced] .s4-service-grid{grid-template-columns:1fr}body[data-cosmetics-overview=enhanced] .s4-service-tile+.s4-service-tile{border-inline-start:0}body[data-cosmetics-overview=enhanced] .s4-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-cosmetics-overview=enhanced] .co-obrdem-context>p{font-size:16px}body[data-cosmetics-overview=enhanced] .s4-mini-step{padding-inline:16px}body[data-cosmetics-overview=enhanced] .s4-mini-step .co-icon{left:16px}body[data-cosmetics-overview=enhanced] .s4-mini-step h3{font-size:18px}}
html[dir=rtl] body[data-cosmetics-overview=enhanced] .s4-service-tile .co-icon{left:auto;right:22px}
html[dir=rtl] body[data-cosmetics-overview=enhanced] .s4-mini-step .co-icon{left:auto;right:22px}
html[dir=rtl] body[data-cosmetics-overview=enhanced] .s4-service-tile strong{inset:auto auto 18px 22px}
@media(max-width:1100px){html[dir=rtl] body[data-cosmetics-overview=enhanced] .s4-service-tile .s4-tile-inner{padding:24px 85px 24px 55px}}
@media(prefers-reduced-motion:reduce){body[data-cosmetics-overview=enhanced] .co-obrdem-word span,body[data-cosmetics-overview=enhanced] .co-models::before{animation:none!important;transform:none!important}}