/* Varejo de beleza: fotos próprias, leitura centrada e exemplos identificados. */
.cosmetics-page{--cos-border:#dce4ef;--cos-pale:#f5f7fc;--cos-navy:#14294a}
.cos-kicker{display:block;font-size:11px;font-weight:750;line-height:1.6;letter-spacing:.09em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
.cos-hero{padding:24px 0 0}.cos-hero .breadcrumbs{font-size:12px;margin-bottom:24px}
.cos-main-heading{text-align:center;margin:0 auto 26px}.cos-main-heading h1{font-size:clamp(34px,3.7vw,48px);font-weight:650;line-height:1.18;letter-spacing:-0.019em;text-wrap:initial}
.cos-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px;align-items:center}
.cos-hero-copy{text-align:center}.cos-hero-copy h2{font-size:clamp(27px,2.7vw,36px);line-height:1.25;color:var(--blue);font-weight:650;letter-spacing:-0.017em;text-wrap:initial}
.cos-hero-copy>p{font-size:17px;line-height:1.8;color:var(--text);max-width:530px;margin:18px auto 22px}
.cos-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 20px}
.cos-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;font-size:14px;font-weight:650;color:var(--blue);line-height:1.6}.cos-link>.icon{width:17px;height:17px}
.cos-hero-copy>.cos-device-note{display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;margin:18px auto 0}.cos-device-note>.icon{width:16px;height:16px;color:var(--blue)}
.cos-hero-photo{min-width:0}.cos-hero-photo img{display:block;width:100%;height:350px;object-fit:cover;object-position:center;border-radius:18px}.cos-hero-photo figcaption{text-align:center;font-size:11px;color:var(--muted);line-height:1.7;margin-top:12px}
.cos-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;text-align:center;padding:24px 0 28px;margin-top:28px;border-top:1px solid var(--cos-border)}
.cos-benefits .icon{color:var(--blue);width:24px;height:24px;margin-bottom:10px}.cos-benefits h2{font-size:16px;font-weight:650;line-height:1.5;letter-spacing:-.02em;text-wrap:initial}.cos-benefits p{font-size:12px;color:var(--text);margin-top:5px;line-height:1.7}
.cos-section{padding:60px 0}.cos-section-heading{text-align:center;margin:0 auto 28px;max-width:1120px}.cos-section-heading h2{font-size:clamp(29px,3.1vw,40px);line-height:1.25;font-weight:650;letter-spacing:-0.019em;text-wrap:initial}.cos-section-heading>p{font-size:16px;line-height:1.8;color:var(--text);max-width:900px;margin:12px auto 0}
.cos-stock{background:var(--cos-pale);border-block:1px solid #e7ecf4}
.cos-shade-demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center;background:#fff;border:1px solid var(--cos-border);border-radius:18px;padding:24px;max-width:1000px;margin:auto}
.cos-product-photo img{display:block;width:100%;height:340px;object-fit:cover;border-radius:12px}.cos-product-photo figcaption{text-align:center;font-size:10px;color:var(--muted);line-height:1.6;margin-top:9px}
.cos-shade-control{padding:10px 8px;text-align:center}.cos-example-label{display:block;color:var(--blue);font-size:10px;letter-spacing:.08em;font-weight:750;text-transform:uppercase;line-height:1.7;margin-bottom:10px}
.cos-shade-control h3{font-size:24px;font-weight:650;line-height:1.3;letter-spacing:-.02em}.cos-shade-control>p{font-size:14px;line-height:1.75;color:var(--text);margin:10px auto 0}
.cos-tones{padding:0;margin:20px 0;border:0;display:flex;justify-content:center;gap:10px}.cos-tones legend{font-size:12px;color:var(--text);margin:0 auto 12px;line-height:1.6}.cos-tones label{position:relative;cursor:pointer}.cos-tones input{position:absolute;opacity:0;width:1px;height:1px}.cos-tones label>span{display:flex;justify-content:center;align-items:center;gap:8px;min-width:90px;min-height:48px;padding:10px 15px;border:1px solid var(--cos-border);border-radius:9px;font-size:14px;font-weight:650;color:var(--text);background:#fff}.cos-tones i{display:block;width:18px;height:18px;background:var(--tone);border-radius:50%;border:1px solid #00000012}.cos-tones input:checked+span{border-color:var(--blue);background:#f1f5ff;color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.cos-tones input:focus-visible+span{outline:3px solid var(--blue);outline-offset:4px}
.cos-stock-result{padding:20px 0 0;background:#fff;border-radius:0;border:0;border-top:1px solid var(--cos-border)}.cos-stock-result>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.cos-stock-result>div>span{font-size:14px;font-weight:650}.cos-stock-result strong{font-size:31px;font-weight:650;line-height:1.2;color:var(--ink)}.cos-stock-result strong small{font-size:11px;font-weight:500;color:var(--text)}.cos-stock-status{display:block;margin-top:14px;font-size:12px;color:var(--text);font-weight:550}.cos-stock-result>p{font-size:12px;line-height:1.7;color:var(--text);margin-top:6px}.cos-stock-result.is-empty .cos-stock-status::before{background:#98622c}
.cos-shade-control>.cos-demo-note{font-size:10px;line-height:1.7;margin-top:14px;color:var(--muted)}
.cos-stock-explainer{max-width:900px;margin:22px auto 8px;text-align:center;color:var(--text);font-size:15px;line-height:1.8}.cos-centered-link{display:flex;width:fit-content;margin:auto}
.cos-expiry-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;align-items:center;max-width:1080px;margin:auto}.cos-expiry-copy h3{font-size:24px;line-height:1.3;font-weight:650;letter-spacing:-.02em;text-align:center}.cos-expiry-copy>p{font-size:15px;line-height:1.85;color:var(--text);margin-top:14px}.cos-expiry-copy>.cos-link{display:flex;width:fit-content;margin:12px auto 0}
.cos-condition{display:flex;gap:12px;align-items:flex-start;padding:16px;background:var(--cos-pale);border-radius:10px;margin-top:18px}.cos-condition>.icon{color:var(--blue);width:20px;height:20px;margin-top:3px}.cos-condition>p{font-size:12px;line-height:1.8;color:var(--text)}
.cos-batch-example{border:1px solid var(--cos-border);border-radius:16px;padding:24px;background:#fff}.cos-batch-heading{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.cos-batch-heading>.icon{width:26px;height:26px;color:var(--blue)}.cos-batch-heading span{font-size:10px;color:var(--muted);line-height:1.6}.cos-batch-heading h3{font-size:19px;font-weight:650;line-height:1.4}
.cos-batch-example table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;line-height:1.6}.cos-batch-example th,.cos-batch-example td{padding:14px 6px;border-bottom:1px solid var(--cos-border)}.cos-batch-example thead th{font-size:11px;color:var(--muted);font-weight:500}.cos-batch-example tbody th{font-weight:650}.cos-batch-example th:last-child,.cos-batch-example td:last-child{text-align:right;white-space:nowrap}.cos-batch-example tbody tr:first-child{background:#f1f5ff}.cos-batch-example>p{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;line-height:1.7;color:var(--blue);margin-top:18px}.cos-batch-example>p>.icon{width:17px;height:17px}.cos-batch-example figcaption{font-size:10px;line-height:1.7;text-align:center;color:var(--muted);margin-top:12px}
.cos-catalog{background:var(--cos-navy);color:#fff}.cos-catalog .cos-kicker{color:#aec8ff}.cos-catalog .cos-section-heading>p{color:#d2ddf0}.cos-catalog-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;align-items:center;max-width:1030px;margin:auto}.cos-catalog-example{background:#fff;color:var(--ink);border-radius:16px;overflow:hidden;max-width:430px;width:100%;margin:auto}.cos-catalog-brand{font-size:18px;font-weight:650;padding:17px 22px;text-align:center;border-bottom:1px solid var(--cos-border)}.cos-catalog-brand>span{display:block;font-size:10px;line-height:1.6;font-weight:500;color:var(--muted);margin-top:3px}.cos-catalog-example>img{display:block;width:100%;height:240px;object-fit:cover;object-position:center}.cos-catalog-product{padding:18px 22px}.cos-catalog-product>span{font-size:10px;color:var(--muted);line-height:1.6}.cos-catalog-product h3{font-size:21px;line-height:1.4;font-weight:650;margin-top:5px}.cos-catalog-product>p{font-size:12px;line-height:1.7;color:var(--text);margin-top:6px}.cos-catalog-options{display:flex;gap:8px;margin-top:13px}.cos-catalog-options>span{border:1px solid var(--cos-border);border-radius:7px;min-width:49px;font-size:11px;padding:7px 10px;text-align:center}.cos-catalog-message{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:550;line-height:1.75;color:var(--blue);background:#eff4ff;border-radius:9px;margin-top:16px;padding:13px}.cos-catalog-message>.icon{width:20px;height:20px}.cos-catalog-example figcaption{font-size:10px;line-height:1.7;text-align:center;padding:0 16px 16px;color:var(--muted)}
.cos-catalog-steps{list-style:none;display:grid;gap:24px;margin:0 0 16px;padding:0}.cos-catalog-steps li{display:flex;align-items:flex-start;gap:15px}.cos-catalog-steps li>span{font-size:12px;color:#b7ceff;font-weight:650;padding-top:3px}.cos-catalog-steps h3{font-size:20px;line-height:1.4;font-weight:650;letter-spacing:-.015em}.cos-catalog-steps p{font-size:14px;line-height:1.8;color:#cedbee;margin-top:8px}.cos-catalog .cos-link{color:#b7ceff;display:flex;width:fit-content;margin:auto}
.cos-routine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.cos-routine-grid article{display:flex;flex-direction:column;align-items:center;text-align:center;border-top:1px solid var(--cos-border);padding-top:22px}.cos-routine-grid article>.icon{width:27px;height:27px;color:var(--blue);margin-bottom:14px}.cos-routine-grid h3{font-size:20px;line-height:1.4;font-weight:650;letter-spacing:-.02em}.cos-routine-grid p{font-size:14px;line-height:1.8;color:var(--text);margin:10px 0 12px}.cos-routine-grid a{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;line-height:1.7;color:var(--blue);font-weight:650;min-height:36px}.cos-routine-grid a>.icon{width:15px;height:15px}
.cos-closing{background:var(--blue);color:white;text-align:center;padding:44px 0}.cos-closing .cos-kicker{color:#d3e2ff}.cos-closing h2{font-size:clamp(28px,3vw,40px);line-height:1.25;max-width:1120px;margin:auto;text-wrap:initial}.cos-closing>.container>p:not(.app-note){font-size:16px;line-height:1.8;max-width:900px;margin:12px auto 20px;color:#e3ecff}.cos-closing .cos-link{color:#fff}.cos-closing .app-note{max-width:850px;margin:14px auto 0;font-size:11px;line-height:1.7;color:#d8e5ff}.cos-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}
@media(max-width:1000px){.cos-hero-grid{gap:28px}.cos-hero-photo img{height:360px}.cos-hero-copy>p{font-size:16px}.cos-shade-demo{gap:24px;padding:20px}.cos-product-photo img{height:310px}.cos-expiry-grid{gap:28px}.cos-catalog-grid{gap:32px}.cos-tones label>span{min-width:78px;padding:10px}.cos-routine-grid{gap:22px}}
@media(max-width:760px){.cos-hero-grid,.cos-shade-demo,.cos-expiry-grid,.cos-catalog-grid{grid-template-columns:1fr;gap:26px}.cos-hero-copy{max-width:650px;margin:auto}.cos-hero-photo{width:100%;max-width:650px;margin:auto}.cos-benefits{gap:18px}.cos-benefits h2{font-size:14px}.cos-benefits p{font-size:11px}.cos-hero-photo img{height:350px}.cos-product-photo img{height:310px;max-width:450px;margin:auto}.cos-shade-control{padding:0;max-width:520px;width:100%;margin:auto}.cos-expiry-copy{max-width:600px;margin:auto}.cos-batch-example{width:100%;max-width:600px;margin:auto}.cos-catalog-steps{max-width:600px;margin:auto}.cos-catalog .cos-link{margin-top:16px}.cos-routine-grid{grid-template-columns:1fr;gap:24px}.cos-routine-grid article{max-width:600px;width:100%;margin:auto}.cos-routine-grid p{max-width:550px}}
@media(max-width:500px){.cos-hero{padding-top:18px}.cos-hero .breadcrumbs{font-size:11px;margin-bottom:20px}.cos-kicker{font-size:10px;letter-spacing:.07em}.cos-main-heading{margin-bottom:22px}.cos-main-heading h1{font-size:34px;line-height:1.2}.cos-hero-copy h2{font-size:28px}.cos-hero-copy>p{font-size:16px;margin:14px auto 18px}.cos-actions{gap:10px;flex-direction:column}.cos-actions>.button{width:100%}.cos-device-note{font-size:10px!important}.cos-hero-photo img{height:290px;border-radius:12px}.cos-hero-photo figcaption{font-size:10px}.cos-benefits{grid-template-columns:1fr;gap:0;padding-block:0;margin-top:22px}.cos-benefits>div{padding:18px 0;display:grid;grid-template-columns:25px 1fr;column-gap:12px;text-align:left}.cos-benefits>div+div{border-top:1px solid var(--cos-border)}.cos-benefits .icon{grid-column:1;grid-row:1/3;margin:2px 0 0}.cos-benefits h2{font-size:15px;grid-column:2}.cos-benefits p{font-size:11px;grid-column:2;margin-top:4px}.cos-section{padding-block:40px}.cos-section-heading{margin-bottom:24px}.cos-section-heading h2{font-size:28px}.cos-section-heading>p{font-size:15px;line-height:1.8}.cos-shade-demo{padding:16px;gap:20px;border-radius:12px}.cos-product-photo img{height:240px}.cos-shade-control h3{font-size:22px}.cos-shade-control>p{font-size:13px}.cos-tones{gap:8px;margin:18px 0}.cos-tones legend{font-size:11px}.cos-tones label>span{min-width:77px;font-size:13px;padding:10px}.cos-stock-result{padding:18px 0 0}.cos-stock-result strong{font-size:28px}.cos-stock-explainer{font-size:14px;margin-top:18px}.cos-expiry-copy h3{font-size:23px}.cos-expiry-copy>p{font-size:14px}.cos-condition{padding:14px;gap:9px}.cos-condition p{font-size:11px}.cos-batch-example{padding:18px 14px;border-radius:12px}.cos-batch-heading h3{font-size:18px}.cos-batch-example table{font-size:11px}.cos-batch-example th,.cos-batch-example td{padding:12px 4px}.cos-batch-example>p{font-size:11px}.cos-batch-example figcaption{font-size:9px}.cos-catalog-example>img{height:190px}.cos-catalog-steps h3{font-size:19px}.cos-catalog-steps p{font-size:14px}.cos-routine-grid h3{font-size:19px}.cos-closing{padding-block:36px}.cos-closing>.container>p:not(.app-note){font-size:15px}.cos-closing .app-note{font-size:10px}}

.cos-hero-copy>.app-note{max-width:500px;margin:8px auto 0;font-size:10px;line-height:1.7;color:var(--muted)}

.cos-result-label{display:block;font-size:10px;font-weight:500;color:var(--muted);margin-bottom:4px}.cos-stock-status::before{content:"";display:inline-block;width:5px;height:5px;margin:0 7px 2px 0;border-radius:50%;background:var(--muted)}.cos-stock-result>p{min-height:42px;text-align:left}.cos-stock-result>div>span{text-align:left}