/* thePlus.so acilis sayfalari ortak stiller (notion.php'den cikarildi). Dikkat: notion.php kendi satir ici kopyasini kullanir. */
    :root{
      --ink:#0a0a0a; --paper:#fff; --soft:#fafafa; --line:#e5e5e5; --mute:#737373;
      --green:#4ade80; --green-d:#16a34a; --shadow:rgba(0,0,0,.14);
    }
    html.dark{
      --ink:#f0efed; --paper:#191919; --soft:#1e1e1e; --line:#2f2f2e; --mute:#9b9b96;
      --green:#4ade80; --green-d:#4ade80; --shadow:rgba(0,0,0,.55);
    }
    html{ scroll-behavior:smooth; }
    ::selection{ color:#fff; background:#000; }
    html.dark ::selection{ color:#000; background:#f0efed; }
    ::-webkit-scrollbar{ width:2px; height:2px; }
    ::-webkit-scrollbar-thumb{ background:#000; border-radius:50px; }
    section[id]{ scroll-margin-top:90px; }

    /* ── temel yuzeyler ── */
    .lp-card{ background:var(--paper); border:1px solid var(--line); border-radius:.9rem; }
    .lp-soft{ background:var(--soft); }
    .lp-lab{ display:block; font-size:.7rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--mute); margin-bottom:.35rem; }
    .lp-in{ width:100%; background:var(--paper); color:var(--ink); border:1px solid var(--line); border-radius:.5rem; padding:.6rem .8rem; font-size:.9rem; transition:border-color .15s, box-shadow .15s; }
    .lp-in:focus{ outline:none; border-color:var(--ink); box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 12%, transparent); }
    .lp-chip{ display:inline-flex; align-items:center; gap:.4rem; font-size:.7rem; font-weight:700; padding:.25rem .6rem; border-radius:999px; border:1px solid var(--line); background:var(--soft); color:var(--mute); }
    .lp-eyebrow{ font-size:.75rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#737373; margin-bottom:1.25rem; display:flex; align-items:center; gap:.65rem; }
    .lp-eyebrow::before{ content:""; width:1.25rem; height:1px; background:currentColor; }
    a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible{ outline:2px solid var(--ink); outline-offset:3px; }

    /* ── dugmeler: basinca ezilme, parlama, dalga ── */
    .lp-btn{ position:relative; overflow:hidden; isolation:isolate; display:inline-flex; align-items:center; justify-content:center; gap:.5rem; font-weight:800; font-size:.9rem; padding:.85rem 1.4rem; border-radius:.55rem; transition:transform .18s cubic-bezier(.3,1.6,.5,1), box-shadow .2s, background .2s, color .2s; will-change:transform; cursor:pointer; text-decoration:none; }
    .lp-btn-dark{ background:#0a0a0a; color:#fff; box-shadow:0 1px 0 rgba(255,255,255,.12) inset, 0 6px 0 -2px #000, 0 10px 18px -8px rgba(0,0,0,.5); }
    html.dark .lp-btn-dark{ background:#f0efed; color:#0a0a0a; box-shadow:0 6px 0 -2px #8d8c88, 0 10px 18px -8px rgba(0,0,0,.6); }
    .lp-btn-line{ background:var(--paper); color:var(--ink); border:1px solid var(--line); box-shadow:0 3px 0 -1px var(--line); }
    .lp-btn-green{ background:var(--green); color:#052e16; box-shadow:0 6px 0 -2px #16a34a, 0 10px 18px -8px rgba(22,163,74,.6); }
    .lp-btn:hover{ transform:translateY(-3px); }
    .lp-btn:active{ transform:translateY(2px) scale(.96); box-shadow:none; transition-duration:.06s; }
    .lp-btn::after{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(105deg, transparent 35%, rgba(255,255,255,.35) 50%, transparent 65%); transform:translateX(-120%); }
    .lp-btn:hover::after{ transform:translateX(120%); transition:transform .7s ease; }
    .lp-rip{ position:absolute; border-radius:50%; background:currentColor; opacity:.28; pointer-events:none; transform:scale(0); animation:rip .6s ease-out forwards; z-index:-1; }
    @keyframes rip{ to{ transform:scale(1); opacity:0; } }
    .lp-ping{ animation:ping 2s ease-out infinite; }
    @keyframes ping{ 0%{ outline:2px solid color-mix(in srgb, var(--ink) 55%, transparent); outline-offset:0; } 75%,100%{ outline:2px solid transparent; outline-offset:12px; } }

    /* ── giris animasyonlari ── */
    .js [data-reveal]{ opacity:0; transform:translateY(22px) scale(.985); }
    .js [data-reveal].in{ opacity:1; transform:none; transition:opacity .7s ease, transform .8s cubic-bezier(.2,1.1,.3,1); transition-delay:calc(var(--i,0) * 80ms); }
    .w{ display:inline-block; }
    .js .w{ transform:translateY(.3em) rotate(2deg); animation:wordIn .75s cubic-bezier(.2,1.3,.4,1) forwards; animation-delay:calc(var(--i) * 55ms + 120ms); }
    @keyframes wordIn{ to{ transform:none; } }
    .outline-t{ color:transparent; -webkit-text-stroke:2px var(--ink); }
    #lp-bar{ position:fixed; top:0; left:0; height:3px; width:100%; transform:scaleX(0); transform-origin:left; background:linear-gradient(90deg, var(--ink), var(--green)); z-index:70; pointer-events:none; }

    /* ── parcaciklar ve ucan yazilar ── */
    #fx{ position:fixed; inset:0; pointer-events:none; z-index:9999; overflow:hidden; }
    .pt{ position:absolute; font-weight:900; line-height:1; will-change:transform,opacity; }
    .ft{ position:absolute; font-weight:900; font-size:.95rem; white-space:nowrap; padding:.2rem .6rem; border-radius:999px; background:var(--ink); color:var(--paper); will-change:transform,opacity; }
    .ft.combo{ background:var(--green); color:#052e16; font-size:1.05rem; }
    .shake{ animation:shake .42s cubic-bezier(.36,.07,.19,.97); }
    @keyframes shake{ 10%,90%{ transform:translate3d(-1px,0,0); } 20%,80%{ transform:translate3d(2px,1px,0); } 30%,50%,70%{ transform:translate3d(-4px,-1px,0); } 40%,60%{ transform:translate3d(4px,1px,0); } }

    /* ── egim ve parilti ── */
    .tilt{ transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)); transition:transform .25s ease-out, box-shadow .25s; position:relative; }
    .tilt.on{ transition:transform .08s linear, box-shadow .25s; box-shadow:0 18px 40px -18px var(--shadow); }
    .tilt::after{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; opacity:0; background:radial-gradient(240px circle at var(--gx,50%) var(--gy,50%), rgba(255,255,255,.35), transparent 60%); transition:opacity .25s; }
    html.dark .tilt::after{ background:radial-gradient(240px circle at var(--gx,50%) var(--gy,50%), rgba(255,255,255,.08), transparent 60%); }
    .tilt.on::after{ opacity:1; }

    /* ── hero demo ── */
    .dot3 i{ display:inline-block; width:9px; height:9px; border-radius:50%; background:var(--line); margin-right:5px; }
    .sw{ width:30px; height:30px; border-radius:50%; border:3px solid var(--paper); box-shadow:0 0 0 1px var(--line); background:var(--c); cursor:pointer; transition:transform .2s cubic-bezier(.3,1.8,.5,1), box-shadow .2s; }
    .sw:hover{ transform:scale(1.15); }
    .sw[aria-checked="true"]{ transform:scale(1.18); box-shadow:0 0 0 2px var(--ink); }
    .pre{ font-size:.75rem; font-weight:700; padding:.4rem .7rem; border-radius:999px; border:1px dashed var(--line); background:var(--paper); color:var(--ink); cursor:pointer; transition:transform .15s cubic-bezier(.3,1.8,.5,1), border-color .15s, background .15s; }
    .pre:hover{ transform:translateY(-2px) rotate(-1.5deg); border-color:var(--ink); }
    .pre:active{ transform:scale(.94); }
    .copy{ padding:1rem; overflow:hidden; position:relative; }
    .bn{ position:relative; display:flex; align-items:center; gap:.6rem; padding:.65rem .8rem; border-radius:.55rem; background:var(--bc,#737373); color:#fff; font-size:.8rem; font-weight:700; transition:background .4s; transform-origin:50% 50%; }
    .bn-t{ flex:1; min-width:0; line-height:1.25; }
    .bn-b{ flex:none; background:rgba(255,255,255,.95); color:#0a0a0a; font-size:.7rem; font-weight:800; padding:.3rem .6rem; border-radius:.35rem; white-space:nowrap; }
    .upd{ position:absolute; right:.5rem; top:-.7rem; background:var(--green); color:#052e16; font-size:.65rem; font-weight:900; padding:.15rem .5rem; border-radius:999px; opacity:0; transform:scale(.4) translateY(6px); pointer-events:none; }
    .upd.show{ animation:updPop 2.4s ease forwards; }
    @keyframes updPop{ 0%{ opacity:0; transform:scale(.4) translateY(6px); } 12%{ opacity:1; transform:scale(1.15) translateY(0); } 20%{ transform:scale(1); } 80%{ opacity:1; } 100%{ opacity:0; transform:scale(.9) translateY(-4px); } }
    .sk{ height:9px; border-radius:6px; background:linear-gradient(90deg, var(--line) 25%, color-mix(in srgb, var(--line) 45%, var(--paper)) 50%, var(--line) 75%); background-size:200% 100%; animation:shimmer 2.4s linear infinite; }
    @keyframes shimmer{ to{ background-position:-200% 0; } }
    .av{ width:26px; height:26px; border-radius:50%; display:grid; place-items:center; font-size:.7rem; font-weight:900; color:#fff; flex:none; }
    #draft{ opacity:0; transform:translateY(4px); transition:.25s; }
    #draft.on{ opacity:1; transform:none; }

    /* ── satis simulatoru ── */
    .lane{ position:relative; height:260px; border-radius:.7rem; background:
        radial-gradient(circle at 1px 1px, var(--line) 1px, transparent 0) 0 0/18px 18px, var(--soft); overflow:hidden; }
    .you{ position:absolute; left:6%; top:50%; width:58px; height:58px; margin:-29px 0 0 0; border-radius:50%; background:var(--ink); color:var(--paper); display:grid; place-items:center; font-size:1.3rem; z-index:3; box-shadow:0 8px 20px -8px var(--shadow); }
    .you small{ position:absolute; top:calc(100% + 6px); left:50%; transform:translateX(-50%); font-size:.65rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--mute); }
    .buyer{ position:absolute; width:34px; height:34px; margin:-17px 0 0 -17px; border-radius:50%; display:grid; place-items:center; color:#fff; font-size:.8rem; font-weight:900; z-index:2; transition:filter .4s, opacity .4s, background .4s; }
    .buyer.cut{ filter:grayscale(1); opacity:.5; }
    .buyer .lk{ position:absolute; right:-6px; bottom:-6px; width:16px; height:16px; border-radius:50%; background:var(--ink); color:var(--paper); font-size:.5rem; display:grid; place-items:center; opacity:0; transform:scale(0); transition:.25s cubic-bezier(.3,1.8,.5,1); }
    .buyer.cut .lk{ opacity:1; transform:scale(1); }
    svg.tethers{ position:absolute; inset:0; width:100%; height:100%; z-index:1; pointer-events:none; }
    svg.tethers line{ stroke:var(--green-d); stroke-width:2; stroke-linecap:round; stroke-dasharray:3 6; animation:flow 1s linear infinite; }
    @keyframes flow{ to{ stroke-dashoffset:-18; } }
    .snip{ position:absolute; z-index:4; font-size:.9rem; color:var(--ink); transform:translate(-50%,-50%); }
    .tog{ position:relative; width:58px; height:32px; border-radius:999px; background:var(--line); border:0; cursor:pointer; transition:background .3s; flex:none; }
    .tog i{ position:absolute; top:3px; left:3px; width:26px; height:26px; border-radius:50%; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.3); transition:transform .35s cubic-bezier(.3,1.7,.5,1); }
    .tog[aria-checked="true"]{ background:var(--green-d); }
    html.dark .tog[aria-checked="true"]{ background:#16a34a; }
    .tog[aria-checked="true"] i{ transform:translateX(26px); }

    /* ── fayda kartlari ── */
    .mini{ height:64px; display:flex; align-items:flex-end; gap:6px; margin-bottom:1rem; }
    .bar{ width:14px; border-radius:4px 4px 0 0; background:var(--ink); height:6%; transition:height .8s cubic-bezier(.3,1.4,.5,1); transition-delay:calc(var(--k) * 90ms); }
    .in .bar, .bar.go{ height:var(--h); }
    .ico{ width:54px; height:54px; border-radius:.8rem; display:grid; place-items:center; font-size:1.4rem; background:var(--ink); color:var(--paper); position:relative; }
    .fan{ position:relative; width:70px; height:56px; }
    .fan b{ position:absolute; left:15px; top:4px; width:38px; height:48px; border-radius:.5rem; border:2px solid var(--ink); background:var(--paper); transition:transform .45s cubic-bezier(.3,1.6,.5,1); }
    .fan b:nth-child(1){ transform:translate(-9px,2px) rotate(-9deg); z-index:1; }
    .fan b:nth-child(2){ z-index:3; }
    .fan b:nth-child(3){ background:var(--ink); transform:translate(9px,2px) rotate(9deg); z-index:2; }
    .lp-ben:hover .fan b:nth-child(1){ transform:translate(-18px,4px) rotate(-18deg); }
    .lp-ben:hover .fan b:nth-child(2){ transform:translateY(-6px) scale(1.06); }
    .lp-ben:hover .fan b:nth-child(3){ transform:translate(18px,4px) rotate(18deg); }
    .lp-ben:hover .bell{ animation:ring .8s ease; }
    .bell{ transform-origin:50% 10%; }
    @keyframes ring{ 0%,100%{ transform:rotate(0); } 15%{ transform:rotate(18deg); } 30%{ transform:rotate(-16deg); } 45%{ transform:rotate(11deg); } 60%{ transform:rotate(-8deg); } 75%{ transform:rotate(4deg); } }
    .lp-ben:hover .tagx{ animation:swing 1.1s ease; }
    .tagx{ transform-origin:50% 0; display:inline-block; }
    @keyframes swing{ 0%,100%{ transform:rotate(0); } 20%{ transform:rotate(22deg); } 45%{ transform:rotate(-16deg); } 70%{ transform:rotate(8deg); } }
    .badge-n{ position:absolute; right:-6px; top:-6px; min-width:20px; height:20px; padding:0 5px; border-radius:999px; background:var(--green); color:#052e16; font-size:.65rem; font-weight:900; display:grid; place-items:center; animation:badgePop 2.8s ease infinite; }
    @keyframes badgePop{ 0%,70%,100%{ transform:scale(1); } 80%{ transform:scale(1.35); } 90%{ transform:scale(.95); } }

    /* ── widget minyaturleri ── */
    .wmock{ height:150px; border-radius:.7rem; background:var(--soft); border:1px solid var(--line); position:relative; overflow:hidden; display:grid; place-items:center; padding:.8rem; }
    .abn{ width:100%; display:flex; align-items:center; gap:.5rem; padding:.55rem .7rem; border-radius:.5rem; background:#0a0a0a; color:#fff; font-size:.78rem; font-weight:700; transition:transform .5s cubic-bezier(.5,0,.3,1), opacity .5s; }
    html.dark .abn{ background:#2563eb; }
    .abn.out{ transform:translateX(110%); opacity:0; }
    .abn button{ margin-left:auto; color:rgba(255,255,255,.7); cursor:pointer; padding:.1rem .3rem; transition:transform .15s, color .15s; }
    .abn button:hover{ color:#fff; transform:rotate(90deg) scale(1.2); }
    .car{ position:absolute; inset:0; display:flex; transition:transform .6s cubic-bezier(.6,0,.2,1); }
    .car > div{ flex:none; width:100%; height:100%; display:grid; place-items:center; color:#fff; font-weight:900; font-size:.9rem; gap:.3rem; text-align:center; padding:1rem; cursor:pointer; }
    .dots{ position:absolute; bottom:.5rem; left:0; right:0; display:flex; justify-content:center; gap:6px; z-index:2; }
    .dots button{ width:7px; height:7px; border-radius:99px; background:rgba(255,255,255,.5); transition:width .3s, background .3s; }
    .dots button.on{ width:20px; background:#fff; }
    .cd{ display:flex; gap:.4rem; align-items:center; font-weight:900; font-size:1.7rem; font-variant-numeric:tabular-nums; }
    .cd span.dg{ display:inline-block; min-width:2.1rem; text-align:center; background:var(--ink); color:var(--paper); border-radius:.45rem; padding:.2rem .3rem; }
    .cd span.dg.tk{ animation:tick .35s cubic-bezier(.3,1.6,.5,1); }
    @keyframes tick{ 0%{ transform:translateY(-35%); opacity:.3; } 100%{ transform:none; opacity:1; } }

    /* ── hesap bolumu ── */
    #grid100{ display:grid; grid-template-columns:repeat(20,1fr); gap:5px; }
    #grid100 i{ aspect-ratio:1; border-radius:50%; background:var(--line); transition:background .3s, transform .4s cubic-bezier(.3,1.8,.5,1); }
    #grid100 i.lit{ background:var(--ink); }
    #grid100 i.need{ background:var(--green); transform:scale(1.5); box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 35%, transparent); animation:needPulse 1.4s ease-in-out infinite; z-index:1; }
    @keyframes needPulse{ 50%{ transform:scale(1.8); } }
    input[type=range].lp-r{ -webkit-appearance:none; appearance:none; width:100%; height:10px; border-radius:99px; background:linear-gradient(90deg, var(--ink) var(--p,50%), var(--line) var(--p,50%)); outline-offset:6px; }
    input[type=range].lp-r::-webkit-slider-thumb{ -webkit-appearance:none; width:28px; height:28px; border-radius:50%; background:var(--paper); border:4px solid var(--ink); cursor:grab; transition:transform .15s cubic-bezier(.3,1.8,.5,1); }
    input[type=range].lp-r::-webkit-slider-thumb:hover{ transform:scale(1.18); }
    input[type=range].lp-r::-webkit-slider-thumb:active{ transform:scale(.92); cursor:grabbing; }
    input[type=range].lp-r::-moz-range-thumb{ width:20px; height:20px; border-radius:50%; background:var(--paper); border:4px solid var(--ink); cursor:grab; }
    .pc{ font-weight:800; font-size:.85rem; padding:.5rem .9rem; border-radius:.5rem; border:1px solid var(--line); background:var(--paper); color:var(--ink); cursor:pointer; transition:transform .15s cubic-bezier(.3,1.8,.5,1), background .15s, color .15s; }
    .pc:hover{ transform:translateY(-2px); }
    .pc[aria-pressed="true"]{ background:var(--ink); color:var(--paper); border-color:var(--ink); transform:translateY(-2px) scale(1.06); }
    .big-n{ font-weight:900; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }

    /* ── plan tablosu ── */
    .pt-row{ transition:background .2s; }
    .pt-row:hover th, .pt-row:hover td:not(.pro-col){ background:var(--soft); }
    .pro-col{ background:#0a0a0a; color:#fff; }
    html.dark .pro-col{ background:#262626; }
    .pop-ck{ display:inline-block; transform:scale(0); }
    .in .pop-ck, .pop-ck.go{ animation:ckPop .5s cubic-bezier(.3,1.9,.5,1) forwards; animation-delay:calc(var(--i,0) * 90ms + 250ms); }
    @keyframes ckPop{ to{ transform:scale(1); } }
    .seg{ display:inline-flex; padding:4px; border-radius:999px; background:var(--soft); border:1px solid var(--line); position:relative; }
    .seg button{ position:relative; z-index:1; padding:.4rem 1rem; font-size:.8rem; font-weight:800; border-radius:999px; color:var(--mute); transition:color .25s; cursor:pointer; }
    .seg button[aria-pressed="true"]{ color:var(--paper); }
    .seg .knob{ position:absolute; top:4px; bottom:4px; left:4px; border-radius:999px; background:var(--ink); transition:transform .35s cubic-bezier(.3,1.5,.5,1), width .35s cubic-bezier(.3,1.5,.5,1); }
    .priceroll{ display:inline-block; }
    .priceroll.sw2{ animation:roll .45s cubic-bezier(.3,1.5,.5,1); }
    @keyframes roll{ 0%{ transform:translateY(60%) rotateX(-70deg); opacity:0; } 100%{ transform:none; opacity:1; } }

    /* ── SSS ── */
    details.fq{ border:1px solid var(--line); border-radius:.8rem; background:var(--paper); overflow:hidden; transition:border-color .2s, transform .2s; }
    details.fq:hover{ border-color:var(--ink); }
    details.fq summary{ cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.05rem 1.3rem; font-weight:800; font-size:.95rem; }
    details.fq summary::-webkit-details-marker{ display:none; }
    details.fq summary h3.fq-q{ font:inherit; margin:0; }
    details.fq summary i{ transition:transform .4s cubic-bezier(.3,1.7,.5,1); color:var(--mute); }
    details.fq[open] summary i{ transform:rotate(135deg); color:var(--ink); }
    details.fq .ans{ padding:0 1.3rem 1.2rem; font-size:.9rem; color:var(--mute); line-height:1.65; animation:ansIn .45s cubic-bezier(.2,1.2,.4,1); }
    @keyframes ansIn{ from{ opacity:0; transform:translateY(-8px); } }

    /* ── kapanis ── */
    .finale{ background:#0a0a0a; color:#fff; border-radius:1.2rem; position:relative; overflow:hidden; }
    html.dark .finale{ background:#262626; }
    .drift{ position:absolute; font-weight:900; color:rgba(255,255,255,.07); animation:drift linear infinite; pointer-events:none; user-select:none; }
    @keyframes drift{ from{ transform:translateY(40px) rotate(0); } to{ transform:translateY(-420px) rotate(180deg); } }
    #snd{ position:fixed; left:16px; bottom:16px; z-index:60; width:42px; height:42px; border-radius:50%; background:var(--paper); border:1px solid var(--line); color:var(--ink); display:grid; place-items:center; box-shadow:0 8px 20px -10px var(--shadow); cursor:pointer; transition:transform .2s cubic-bezier(.3,1.8,.5,1); }
    #snd:hover{ transform:scale(1.12) rotate(-8deg); }
    #snd:active{ transform:scale(.9); }

    @media (prefers-reduced-motion: reduce){
      html{ scroll-behavior:auto; }
      *, *::before, *::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
      .js [data-reveal], .js .w{ opacity:1 !important; transform:none !important; }
      .tilt{ transform:none !important; }
      .drift{ display:none; }
    }

/* ── platform sayfalari: tarayici cercevesi ve geri sayim kutusu ── */
.bframe-bar{ display:flex; align-items:center; gap:.75rem; padding:.6rem .9rem; background:var(--soft); border-bottom:1px solid var(--line); }
.bframe-url{ flex:1; min-width:0; font-size:.7rem; color:var(--mute); background:var(--paper); border:1px solid var(--line); border-radius:.4rem; padding:.2rem .6rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cdw{ background:var(--cw,#0a0a0a); color:#fff; border-radius:.7rem; padding:1.1rem 1.2rem; text-align:center; transition:background .4s; transform-origin:50% 50%; }
.cdw-t{ font-size:.72rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; opacity:.85; margin-bottom:.6rem; }
.cdw .cd{ justify-content:center; font-size:1.5rem; }
.cdw .cd span.dg{ background:rgba(255,255,255,.95); color:var(--cw,#0a0a0a); }
.cdw .cd small{ font-size:.65rem; font-weight:800; opacity:.8; margin:0 .35rem 0 .1rem; align-self:flex-end; padding-bottom:.35rem; }
.cdw-s{ padding:.8rem; display:flex; align-items:center; justify-content:space-between; gap:.5rem; text-align:left; }
.cdw-s .cdw-t{ margin:0; }
html.dark .cdw .cd span.dg{ color:#0a0a0a; }

/* ── fotografli hero, logo seridi, urun cercevesi ── */
.lp-hero-photo{ position:relative; background-size:cover; background-position:center; }
.lp-hero-photo::before{ content:""; position:absolute; inset:0; background:rgba(255,255,255,.62); backdrop-filter:saturate(1.05); }
html.dark .lp-hero-photo::before{ background:rgba(25,25,25,.68); }
.lp-hero-photo > *{ position:relative; }
.brand-logo{ height:1.4rem; width:auto; display:inline-block; vertical-align:middle; }
.logo-strip{ display:flex; align-items:center; gap:2rem; flex-wrap:wrap; opacity:.85; }
.logo-strip .brand-logo{ height:1.6rem; filter:grayscale(1); opacity:.6; transition:filter .25s, opacity .25s; }
.logo-strip a:hover .brand-logo, .logo-strip .brand-logo:hover{ filter:none; opacity:1; }
.plat-ico{ width:40px; height:40px; display:grid; place-items:center; background:var(--paper); border:1px solid var(--line); border-radius:.6rem; }
.plat-ico .brand-logo{ height:1.5rem; }
.pshot{ border-radius:.7rem; border:1px solid var(--line); overflow:hidden; background:var(--paper); }
.pshot img{ display:block; width:100%; height:auto; }