/* Ortak taban (renewal-cream-ornek-v3.html tokenları): petrol #063541 · metin #343c3f · ikincil #626b70 · vurgu #cff345 · su mavisi #c8edf0 · zemin #f4f8f8 */
.cc_izderma_pdp_concept_banner .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_concept_banner .pm.pm-soft {background:var(--soft)}
.cc_izderma_pdp_concept_banner .pm * {box-sizing:border-box}
.cc_izderma_pdp_concept_banner .pm img {max-width:100%;display:block}
.cc_izderma_pdp_concept_banner .pm a {color:inherit}
.cc_izderma_pdp_concept_banner .pm .pm-wrap {width:100%;max-width:1200px;margin:0 auto;padding:0 20px}
.cc_izderma_pdp_concept_banner .pm h1, .cc_izderma_pdp_concept_banner .pm h2, .cc_izderma_pdp_concept_banner .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_concept_banner .pm .pm-head {text-align:center;padding:0 0 28px}
.cc_izderma_pdp_concept_banner .pm .pm-head h2 {font-size:32px;line-height:1.12}
.cc_izderma_pdp_concept_banner .pm .pm-intro {color:var(--text);max-width:36em;margin:12px auto 0}
.cc_izderma_pdp_concept_banner .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_concept_banner .pm .pm-note {font-size:13px;color:var(--muted);margin:16px 0 0}
.cc_izderma_pdp_concept_banner .pm .pm-center {text-align:center}
.cc_izderma_pdp_concept_banner .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_concept_banner .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_concept_banner .pm .pm-stars::before {content:"★★★★★"}
.cc_izderma_pdp_concept_banner .pm .pm-stars>span {position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:var(--accent)}
.cc_izderma_pdp_concept_banner .pm .pm-stars>span::before {content:"★★★★★"}
.cc_izderma_pdp_concept_banner .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_concept_banner .pm .pm-btn:hover:not(:disabled) {filter:brightness(1.15)}
.cc_izderma_pdp_concept_banner .pm .pm-btn:disabled {opacity:.5;cursor:not-allowed}
.cc_izderma_pdp_concept_banner .pm :focus-visible {outline:3px solid #008e96;outline-offset:3px}
@media (min-width:760px){
 .cc_izderma_pdp_concept_banner .pm {padding:104px 0}
 .cc_izderma_pdp_concept_banner .pm .pm-wrap {padding:0 32px}
 .cc_izderma_pdp_concept_banner .pm .pm-head {padding-bottom:40px}
 .cc_izderma_pdp_concept_banner .pm .pm-head h2 {font-size:48px}
}
/* Modül: Konsept banner — v3 "ORTAM BANNER 1" (saf CSS/SVG, ürün dairenin içinde) */
.cc_izderma_pdp_concept_banner .pm-cb {--ink:#063541;--aqua:#c8edf0;--lime:#cff345;position:relative;margin:0;overflow:hidden;width:100%;aspect-ratio:4/5;color:#fff;font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(70% 50% at 100% 100%,rgba(200,237,240,.65),rgba(200,237,240,0) 70%),linear-gradient(160deg,#063541 0%,#0a4a59 45%,#3e8d97 85%,#8fd0d7 100%)}
.cc_izderma_pdp_concept_banner .pm-cb * {box-sizing:border-box}
.cc_izderma_pdp_concept_banner .pm-cb-label {position:absolute;top:12px;left:12px;z-index:5;font-size:11px;font-weight:700;letter-spacing:.04em;background:var(--lime);color:#063541;padding:3px 9px;border-radius:999px;max-width:calc(100% - 24px)}
.cc_izderma_pdp_concept_banner .pm-cb-blob {position:absolute;border-radius:58% 42% 63% 37% / 45% 55% 45% 55%;filter:blur(2px)}
.cc_izderma_pdp_concept_banner .pm-cb-b1 {width:70%;height:46%;right:-18%;top:-8%;background:radial-gradient(circle at 40% 40%,rgba(200,237,240,.30),rgba(200,237,240,.04) 70%)}
.cc_izderma_pdp_concept_banner .pm-cb-b2 {width:60%;height:38%;left:-22%;bottom:-6%;background:radial-gradient(circle at 60% 40%,rgba(6,53,65,.55),rgba(6,53,65,0) 72%)}
.cc_izderma_pdp_concept_banner .pm-cb-b3 {width:38%;height:26%;left:30%;top:30%;border-radius:40% 60% 50% 50%;background:radial-gradient(circle,rgba(255,255,255,.10),rgba(255,255,255,0) 70%)}
.cc_izderma_pdp_concept_banner .pm-cb-leaf {position:absolute;left:-8%;bottom:-4%;width:62%;height:auto;opacity:.9}
.cc_izderma_pdp_concept_banner .pm-cb-cream {position:absolute;right:-4%;bottom:-6%;width:58%;aspect-ratio:1/1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 34% 30%,#ffffff 0%,#fbfefe 18%,#eef9fa 38%,#d9f1f3 58%,#b9e3e8 78%,#9fd6dc 100%);box-shadow:inset -18px -24px 50px rgba(6,53,65,.18),inset 14px 18px 40px rgba(255,255,255,.9),0 30px 60px rgba(6,53,65,.35)}
.cc_izderma_pdp_concept_banner .pm-cb-swirl {position:absolute;inset:14%;border-radius:50%;opacity:.3;background:repeating-radial-gradient(circle at 46% 42%,rgba(255,255,255,0) 0 9px,rgba(6,53,65,.06) 10px 11px,rgba(255,255,255,0) 12px 20px);-webkit-mask:radial-gradient(circle,#000 55%,transparent 72%);mask:radial-gradient(circle,#000 55%,transparent 72%)}
.cc_izderma_pdp_concept_banner .pm-cb-prod {position:relative;z-index:1;display:block;width:74%;height:74%;object-fit:cover;border-radius:50%;box-shadow:0 18px 40px rgba(6,53,65,.28),0 0 0 6px rgba(255,255,255,.75)}
.cc_izderma_pdp_concept_banner .pm-cb-text {position:relative;z-index:3;padding:64px 20px 0;max-width:30em}
.cc_izderma_pdp_concept_banner .pm-cb-eyebrow {margin:0 0 10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--aqua);font-weight:600}
.cc_izderma_pdp_concept_banner .pm-cb h2 {color:#fff;font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.01em;font-size:30px;line-height:1.12;margin:0;overflow-wrap:anywhere}
.cc_izderma_pdp_concept_banner .pm-cb-p {margin:12px 0 0;color:#d7eef0;font-size:15px;max-width:22em}
.cc_izderma_pdp_concept_banner .pm-cb-btn {display:inline-flex;align-items:center;justify-content:center;margin-top:18px;background:#fff;color:#063541;text-decoration:none;font:inherit;font-weight:700;font-size:15px;padding:12px 22px;min-height:46px;border:0;border-radius:999px;cursor:pointer}
.cc_izderma_pdp_concept_banner .pm-cb-btn:hover {background:var(--aqua)}
.cc_izderma_pdp_concept_banner .pm-cb-btn:focus-visible {outline:3px solid var(--lime);outline-offset:3px}
.cc_izderma_pdp_concept_banner .pm-cb-msg {display:block;margin-top:8px;font-size:13px;color:#e6f6f8}
.cc_izderma_pdp_concept_banner .pm-cb-msg:empty {display:none}
@media (min-width:760px){
 .cc_izderma_pdp_concept_banner .pm-cb {aspect-ratio:21/9;background:radial-gradient(55% 90% at 80% 50%,rgba(200,237,240,.55),rgba(200,237,240,0) 70%),linear-gradient(110deg,#063541 0%,#0a4a59 42%,#3e8d97 78%,#9fd6dc 100%)}
 .cc_izderma_pdp_concept_banner .pm-cb-label {left:auto;right:12px}
 .cc_izderma_pdp_concept_banner .pm-cb-cream {right:7%;top:50%;bottom:auto;transform:translateY(-50%);width:auto;height:78%}
 .cc_izderma_pdp_concept_banner .pm-cb-leaf {left:auto;right:30%;bottom:-6%;width:30%}
 .cc_izderma_pdp_concept_banner .pm-cb-b1 {width:46%;height:90%;right:-6%;top:-20%}
 .cc_izderma_pdp_concept_banner .pm-cb-b2 {width:40%;height:70%;left:-10%;bottom:-30%}
 .cc_izderma_pdp_concept_banner .pm-cb-text {position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);max-width:1200px;margin:0 auto;padding:0 32px}
 .cc_izderma_pdp_concept_banner .pm-cb h2 {font-size:56px;max-width:11em}
 .cc_izderma_pdp_concept_banner .pm-cb-p {font-size:18px}
 .cc_izderma_pdp_concept_banner .pm-cb-btn {font-size:16px;padding:14px 26px}
}
.cc_izderma_pdp_concept_banner .pm-cb h2, .cc_izderma_pdp_concept_banner .pm-cb-p {display:block} /* başlık bir yerde inline çiziliyordu; max-width işlemiyordu */
/* Uzun başlık daireli görselin altına kaymasın (05.10): metin sütunu görselin solunda kalır */
@media (min-width:760px){
 .cc_izderma_pdp_concept_banner .pm-cb h2 {font-size:clamp(34px,3.6vw,52px);max-width:min(11em,52%)}
 .cc_izderma_pdp_concept_banner .pm-cb h2, .cc_izderma_pdp_concept_banner .pm-cb-p {display:block}
 .cc_izderma_pdp_concept_banner .pm-cb-p {max-width:min(26em,48%)}
}