/* Ortak taban (renewal-cream-ornek-v3.html tokenları): petrol #063541 · metin #343c3f · ikincil #626b70 · vurgu #cff345 · su mavisi #c8edf0 · zemin #f4f8f8 */
.cc_izderma_pdp_how_to_steps .pm {--ink:#063541;--text:#343c3f;--muted:#626b70;--line:#d9e6e8;--soft:#f4f8f8;--aqua:#c8edf0;--aqua-l:#e6f6f8;--lime:#cff345;--accent:#063541;position:relative;padding:64px 0;background:#fff;color:var(--text);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.cc_izderma_pdp_how_to_steps .pm.pm-soft {background:var(--soft)}
.cc_izderma_pdp_how_to_steps .pm * {box-sizing:border-box}
.cc_izderma_pdp_how_to_steps .pm img {max-width:100%;display:block}
.cc_izderma_pdp_how_to_steps .pm a {color:inherit}
.cc_izderma_pdp_how_to_steps .pm .pm-wrap {width:100%;max-width:1200px;margin:0 auto;padding:0 20px}
.cc_izderma_pdp_how_to_steps .pm h1, .cc_izderma_pdp_how_to_steps .pm h2, .cc_izderma_pdp_how_to_steps .pm h3 {color:var(--ink);font-family:Georgia,"Times New Roman","Iowan Old Style",serif;font-weight:400;letter-spacing:-.01em;margin:0;overflow-wrap:anywhere}
.cc_izderma_pdp_how_to_steps .pm .pm-head {text-align:center;padding:0 0 28px}
.cc_izderma_pdp_how_to_steps .pm .pm-head h2 {font-size:32px;line-height:1.12}
.cc_izderma_pdp_how_to_steps .pm .pm-intro {color:var(--text);max-width:36em;margin:12px auto 0}
.cc_izderma_pdp_how_to_steps .pm .pm-eyebrow {font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:600;margin:0 0 10px}
.cc_izderma_pdp_how_to_steps .pm .pm-note {font-size:13px;color:var(--muted);margin:16px 0 0}
.cc_izderma_pdp_how_to_steps .pm .pm-center {text-align:center}
.cc_izderma_pdp_how_to_steps .pm .pm-sr {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cc_izderma_pdp_how_to_steps .pm .pm-stars {position:relative;display:inline-block;font-size:17px;letter-spacing:2px;color:#d3dfe1;line-height:1;white-space:nowrap}
.cc_izderma_pdp_how_to_steps .pm .pm-stars::before {content:"★★★★★"}
.cc_izderma_pdp_how_to_steps .pm .pm-stars>span {position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:var(--accent)}
.cc_izderma_pdp_how_to_steps .pm .pm-stars>span::before {content:"★★★★★"}
.cc_izderma_pdp_how_to_steps .pm .pm-btn {display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;text-decoration:none;font:inherit;font-weight:700;font-size:16px;padding:14px 26px;border-radius:999px;border:0;min-height:48px;cursor:pointer;text-align:center;max-width:100%}
.cc_izderma_pdp_how_to_steps .pm .pm-btn:hover:not(:disabled) {filter:brightness(1.15)}
.cc_izderma_pdp_how_to_steps .pm .pm-btn:disabled {opacity:.5;cursor:not-allowed}
.cc_izderma_pdp_how_to_steps .pm :focus-visible {outline:3px solid #008e96;outline-offset:3px}
@media (min-width:760px){
 .cc_izderma_pdp_how_to_steps .pm {padding:104px 0}
 .cc_izderma_pdp_how_to_steps .pm .pm-wrap {padding:0 32px}
 .cc_izderma_pdp_how_to_steps .pm .pm-head {padding-bottom:40px}
 .cc_izderma_pdp_how_to_steps .pm .pm-head h2 {font-size:48px}
}
/* Modül: Adım adım uygulama — v3 "6. KULLANIM" */
.cc_izderma_pdp_how_to_steps .pm-steps-list {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.cc_izderma_pdp_how_to_steps .pm-step {border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff;min-width:0}
.cc_izderma_pdp_how_to_steps .pm-step-img {display:block;width:calc(100% + 44px);max-width:none!important;margin:-22px -22px 18px;aspect-ratio:4/3;object-fit:cover;border-radius:20px 20px 0 0}
.cc_izderma_pdp_how_to_steps .pm-step-no {display:block;font-family:Georgia,"Times New Roman",serif;font-size:40px;line-height:1;color:var(--accent);margin-bottom:10px}
.cc_izderma_pdp_how_to_steps .pm-step h3 {font-size:21px;line-height:1.2;margin:0 0 6px}
.cc_izderma_pdp_how_to_steps .pm-step p {margin:0;color:var(--text);overflow-wrap:anywhere}
.cc_izderma_pdp_how_to_steps .pm-steps .pm-note {text-align:center}
@media (min-width:760px){
 .cc_izderma_pdp_how_to_steps .pm-steps-list {gap:18px}
 .cc_izderma_pdp_how_to_steps .pm-steps-list--2 {grid-template-columns:repeat(2,minmax(0,1fr))}
 .cc_izderma_pdp_how_to_steps .pm-steps-list--3 {grid-template-columns:repeat(3,minmax(0,1fr))}
 .cc_izderma_pdp_how_to_steps .pm-steps-list--4 {grid-template-columns:repeat(4,minmax(0,1fr))}
 .cc_izderma_pdp_how_to_steps .pm-steps-list--1 {max-width:560px;margin:0 auto}
}