/* ============================================================
   ModaKadin -- Makale icerik stilleri (.cap / .okt)
   Tema icine tasindi; yeni yazilar bu siniflari kullanir, satir-ici <style> gerekmez.
   ============================================================ */

:root{--cap-acc:#b06ab3;--cap-acc2:#7b4397;--cap-ink:#3a2540;--cap-soft:#faf5ff}.cap *{box-sizing:border-box}.cap{line-height:1.7;color:#332b3a}.cap h2{font-size:1.55em;color:var(--cap-ink);margin:1.8em 0 .6em}.cap-resumen{background:var(--cap-soft);border-left:5px solid var(--cap-acc);padding:18px 24px;border-radius:12px;margin:0 0 26px}.cap-resumen h2{margin:0 0 10px;font-size:1.25em}.cap-resumen ul{margin:8px 0 0;padding-left:20px}.cap-intro{font-size:1.06em;line-height:1.78;margin:0 0 16px}.cap-band{display:flex;gap:0;background:linear-gradient(120deg,var(--cap-acc2),var(--cap-acc));border-radius:18px;color:#fff;text-align:center;margin:24px 0 34px;overflow:hidden;box-shadow:0 12px 30px rgba(123,67,151,.28)}.cap-band div{flex:1;padding:20px 10px}.cap-band .n{display:block;font-size:2.1em;font-weight:800;line-height:1}.cap-band .l{display:block;font-size:.82em;opacity:.92;margin-top:4px;letter-spacing:.4px}.cap-band div+div{border-left:1px solid rgba(255,255,255,.25)}.cap-toc{background:#fff;border:1px solid #efe7f3;border-radius:14px;padding:14px 22px 16px;margin:22px 0 8px;box-shadow:0 5px 16px rgba(80,40,90,.07)}.cap-toc strong{display:block;font-size:1.05em;color:var(--cap-ink);margin:0 0 8px}.cap-toc ol{margin:0;padding-left:22px;columns:2;column-gap:30px}.cap-toc li{margin:5px 0}.cap-toc a{color:var(--cap-acc2);text-decoration:none;font-weight:600}.cap-toc a:hover{text-decoration:underline;color:var(--cap-acc)}.cap-how{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:14px 0 6px}.cap-how div{background:var(--cap-soft);border-radius:14px;padding:16px 18px}.cap-how h4{margin:0 0 6px;color:var(--cap-acc2);font-size:1.02em}.cap-how p{margin:0;font-size:.94em}.cap-sec{margin:34px 0}.cap-sec-head{display:flex;align-items:center;gap:12px;margin:0 0 6px}.cap-sec-head .ic{font-size:1.7em}.cap-sec-head h2{margin:0}.cap-sec-intro{margin:0 0 18px;color:#5a4c63}.cap-tips{background:#f6f9ff;border-radius:14px;padding:8px 24px 16px;margin:24px 0}.cap-tips ul{line-height:1.85;margin:6px 0 0}.cap-faq h3{margin-top:1.25em;color:var(--cap-ink)}.cap-faq{margin:6px 0 0}.cap-q{background:#fff;border:1px solid #efe7f3;border-radius:14px;margin:0 0 12px;box-shadow:0 4px 14px rgba(80,40,90,.06);overflow:hidden;transition:box-shadow .15s}.cap-q[open]{box-shadow:0 10px 26px rgba(80,40,90,.13)}.cap-q summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 20px}.cap-q summary::-webkit-details-marker{display:none}.cap-q summary h3{margin:.1em 0;font-size:1.04em;color:var(--cap-ink);font-weight:700}.cap-q summary:hover h3{color:var(--cap-acc2)}.cap-q .cap-qi{flex:none;width:26px;height:26px;border-radius:50%;background:var(--cap-soft);color:var(--cap-acc2);font-size:1.35em;font-weight:700;line-height:25px;text-align:center;transition:transform .2s,background .2s,color .2s}.cap-q[open] .cap-qi{transform:rotate(45deg);background:var(--cap-acc);color:#fff}.cap-q .cap-qa{padding:0 20px 16px}.cap-q .cap-qa p{margin:0;color:#6a5d72;font-size:.95em;line-height:1.72}.cap-star{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(120deg,#fff7fb,#f3e9fa);border:1px solid #ecdcf0;border-radius:16px;padding:18px 22px;margin:26px 0;box-shadow:0 6px 20px rgba(123,67,151,.10)}.cap-star .em{font-size:1.9em;line-height:1}.cap-star h3{margin:0 0 5px;color:var(--cap-acc2);font-size:1.12em}.cap-star p{margin:0;font-size:.97em;color:#4a3d54}.cap-related{margin:30px 0 6px}.cap-related h2{margin:0 0 4px}.cap-related .sub{margin:0 0 14px;color:#6a5d72}.cap-rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.cap-rel-grid a{display:block;text-decoration:none;background:#fff;border:1px solid #efe7f3;border-radius:14px;padding:16px 18px;box-shadow:0 5px 16px rgba(80,40,90,.07);transition:transform .15s,box-shadow .15s}.cap-rel-grid a:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(80,40,90,.16)}.cap-rel-grid .tg{display:inline-block;background:var(--cap-soft);color:var(--cap-acc2);font-size:.72em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;border-radius:999px;margin-bottom:8px}.cap-rel-grid .tt{display:block;color:var(--cap-ink);font-weight:700;font-size:1.02em;line-height:1.35}.cap-rel-grid .ar{color:var(--cap-acc);font-weight:700;font-size:.9em;margin-top:8px;display:inline-block}
/* ===== "OUTFIT KARTI" KONSEPTİ (.okt) ===== */
.okt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px;margin:8px 0 6px}.okt{background:#fff;border:1px solid #efe7f3;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(80,40,90,.10);display:flex;flex-direction:column;scroll-margin-top:90px;transition:transform .15s,box-shadow .15s}.okt:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(80,40,90,.18)}.okt-foto{position:relative}.okt-foto img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;background:#f3eef6}.okt-no{position:absolute;top:12px;left:12px;background:var(--cap-acc2);color:#fff;font-weight:800;font-size:.92em;width:34px;height:34px;line-height:34px;text-align:center;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.25)}.okt-tag{position:absolute;top:14px;right:12px;background:rgba(255,255,255,.92);color:var(--cap-acc2);font-size:.72em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:5px 11px;border-radius:999px;backdrop-filter:blur(4px)}.okt-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:9px}.okt-body h3{margin:0;font-size:1.16em;color:var(--cap-ink)}.okt-where{margin:0;font-size:.9em;color:var(--cap-acc2);font-weight:600}.okt-row{font-size:.92em;color:#5a4c63}.okt-row .lbl{display:block;font-size:.7em;text-transform:uppercase;letter-spacing:.6px;color:var(--cap-acc);font-weight:700;margin-bottom:2px}.okt-pal{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.okt-pal i{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.12);background:var(--c);display:inline-block;flex:none}.okt-pal span{font-size:.85em;color:#6a5d72}.okt-ab{display:flex;flex-wrap:wrap;gap:8px}.okt-ab span{display:inline-flex;align-items:center;gap:5px;background:var(--cap-soft);border:1px solid #ecdcf0;color:var(--cap-acc2);font-size:.83em;font-weight:600;padding:5px 11px;border-radius:999px}.okt-why{margin:2px 0 0;font-size:.9em;color:#6a5d72;line-height:1.55}.okt-why strong{color:var(--cap-acc2)}.okt-pin{margin-top:4px;border-top:1px dashed #ecdcf0;padding-top:10px}.okt-pin summary{cursor:pointer;list-style:none;font-size:.82em;font-weight:700;color:var(--cap-acc);display:flex;align-items:center;gap:6px}.okt-pin summary::-webkit-details-marker{display:none}.okt-pin p{margin:8px 0 0;font-size:.82em;color:#8a7d92;line-height:1.5;background:#faf7fc;border-radius:10px;padding:10px 12px}@media(max-width:600px){.cap-band .n{font-size:1.7em}.cap-band div{padding:16px 6px}.cap-toc ol{columns:1}}