/* v4 katmanı (30 Eyl 2026, DESIGN.md "Ana sayfa v4"). Sıra: A yazı ölçeği + düğmeler + ikonlar + kenar çubuğu (bütün sayfalar),
   B hero, C keşif ve filtre çubuğu, D bölümler. Yüz kararı bekliyor: yalnız --f-body / --f-head değişir. */
:root{--f-body:'Libre Franklin',Manrope,system-ui,sans-serif;--f-head:var(--f-body);--ic-fill:#e7e7e1;--r2:#d6d6d0;--soft2:#efefea;--shadow-v4:0 18px 40px -26px rgba(20,20,18,.45)}
@media(min-width:1200px){:root{--sidebar:244px}}

/* ---------- A. yazı ölçeği ---------- */
body.design-v4{font-family:var(--f-body);font-size:16px;line-height:1.6}
.design-v4 h1,.design-v4 h2,.design-v4 h3,.design-v4 h4{font-family:var(--f-head)}
.design-v4 .icon .f{fill:var(--ic-fill)}
.design-v4 .section-heading h2,.design-v4 .hf-col h2,.design-v4 .home-trust h2{font-size:clamp(26px,2.6vw,34px);line-height:1.15;letter-spacing:-.015em;font-weight:700;margin:0 0 8px}
.design-v4 .section-heading p,.design-v4 .results-info p{font-size:16px;line-height:1.55;color:#555;max-width:64ch}
.design-v4 .topbar{font-size:14px}
.design-v4 .topbar a{font-size:14px;font-weight:600}
@media(max-width:679px){body.design-v4{font-size:16px}}

/* düğmeler: 15px/600, ≥44px */
.design-v4 .button{min-height:44px;padding:0 20px;font-size:15px;font-weight:600;line-height:1;letter-spacing:0;border-width:1px;border-radius:10px;gap:10px;transition:background .15s,border-color .15s,color .15s}
.design-v4 .button .icon{width:18px;height:18px;transition:transform .15s}
.design-v4 .button:hover .icon{transform:translateX(3px)}
.design-v4 .button.small,.design-v4 .filters .button{min-height:44px}
.design-v4 .button.secondary{border-color:var(--r2)}
.design-v4 .button.secondary:hover,.design-v4 .button.secondary[aria-pressed="true"]{border-color:#1f1f1f}
.design-v4 .text-link{font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:8px;min-height:44px}
.design-v4 .text-link .icon{width:18px;height:18px;transition:transform .15s}
.design-v4 .text-link:hover .icon{transform:translateX(3px)}
.design-v4 .compare-tray .button,.design-v4 .comparison-table .button,.design-v4 .hero-search .button{font-size:15px}

/* çipler */
.design-v4 .filter-chip,.design-v4 button.filter-chip{min-height:38px;padding:0 14px;font-size:14px;font-weight:500;line-height:1}
.design-v4 button.filter-chip[aria-pressed=true]{background:#1f1f1f;border-color:#1f1f1f;color:#fff}
.design-v4 .tc2 .tc-access{font-size:13px;padding:5px 11px}
.design-v4 .tc2 .price-label{font-size:15px}
.design-v4 .tc2 .card-description{font-size:15px;line-height:1.55}
.design-v4 .tc2 .tc-cat{font-size:14px}
.design-v4 .tc2 h3{font-size:19px}
.design-v4 .tool-card .tag{font-size:13px}

/* kenar çubuğu */
.design-v4 .sidebar{padding:22px 14px 24px;background:#fff}
.design-v4 .primary-nav{gap:2px;margin:26px 0 22px}
.design-v4 .primary-nav a,.design-v4 .category-nav a{min-height:44px;padding:8px 12px;font-size:15px;font-weight:500;color:#333;border-radius:10px;gap:12px}
.design-v4 .category-nav a{font-size:14px;line-height:1.3}
.design-v4 .primary-nav a.active,.design-v4 .category-nav a.active{background:var(--soft2);color:#1f1f1f;font-weight:600}
.design-v4 .primary-nav a.active .icon .f,.design-v4 .category-nav a.active .icon .f{fill:#cfcfc7}
.design-v4 .primary-nav .icon,.design-v4 .category-nav .icon{width:22px;height:22px;flex:none}
.design-v4 .nav-count{font-size:12px;font-weight:600;line-height:1;padding:5px 8px;min-width:0;border-radius:999px;background:#f7f7f5;border:1px solid var(--rule);color:#555}
.design-v4 .nav-section-title{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#555;padding:0 12px;margin:0 0 8px}
.design-v4 .sidebar-note{font-size:14px;line-height:1.5;color:#555}
.design-v4 .sidebar-note p{font-size:14px}

/* ---------- B. hero ---------- */
.design-v4 .v4-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:56px;align-items:start;padding:34px 0 52px}
.design-v4 .v4-copy{min-width:0}
.design-v4 .v4-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#555}
.design-v4 .v4-eyebrow .icon{width:18px;height:18px;color:#1f7a4d}
.design-v4 .v4-hero h1{font-family:var(--f-head);font-size:clamp(44px,5vw,68px);line-height:1;letter-spacing:-.03em;font-weight:700;color:#1f1f1f;margin:0}
.design-v4 .v4-hero h1 span{display:block;color:#555;font-weight:500}
.design-v4 .v4-hero .v4-lead{font-size:19px;line-height:1.55;color:#333;max-width:34em;margin:22px 0 30px}
.design-v4 .v4-cmd,.design-v4 .hero-search.v4-cmd{position:relative;display:block;margin:0;max-width:640px;padding:0;min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.design-v4 .v4-cmd-box{display:flex;align-items:center;gap:12px;height:64px;padding:0 8px 0 20px;border:1px solid var(--r2);border-radius:14px;background:#fff;box-shadow:var(--shadow-v4);transition:border-color .15s}
.design-v4 .v4-cmd-box:focus-within{border-color:#1f1f1f}
.design-v4 .v4-cmd-box>.icon{width:24px;height:24px;color:#1f1f1f;flex:none}
.design-v4 .v4-cmd-box input,.design-v4 .hero-search .v4-cmd-box input{width:auto;min-height:0;flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font:500 18px/1 var(--f-body);color:#1f1f1f;padding:0;box-shadow:none;border-radius:0}
.design-v4 .v4-cmd-box input::placeholder{color:#6b6b66}
.design-v4 .v4-cmd-box kbd{font:600 12px/1 var(--f-body);color:#555;border:1px solid var(--rule);border-bottom-width:2px;border-radius:6px;padding:5px 8px}
.design-v4 .v4-cmd-box .button,.design-v4 .hero-search .v4-cmd-box .button{min-height:48px;padding:0 22px;font-size:15px;flex:none}
.design-v4 .v4-sug{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--r2);border-radius:14px;box-shadow:0 24px 60px -30px rgba(0,0,0,.45);padding:8px;max-height:min(460px,70vh);overflow:auto}
.design-v4 .v4-sug[hidden]{display:none}
.design-v4 .v4-sug h3{font:600 12px/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:#555;padding:12px 12px 6px;margin:0}
.design-v4 .v4-sug a{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 12px;border-radius:10px;color:#333;text-decoration:none;font-size:16px}
.design-v4 .v4-sug a b{font-weight:600;color:#1f1f1f}
.design-v4 .v4-sug a small{font-size:13px;color:#555}
.design-v4 .v4-sug a:hover,.design-v4 .v4-sug a[aria-selected=true]{background:#f7f7f5}
.design-v4 .v4-sug .s-ic{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--rule);border-radius:9px;background:#fff;flex:none;overflow:hidden}
.design-v4 .v4-sug .s-ic img{width:22px;height:22px;object-fit:contain}
.design-v4 .v4-sug .s-ic .icon{width:20px;height:20px}
.design-v4 .v4-sug .s-tag{margin-left:auto;font-size:13px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--rule);background:#fff;color:#555;white-space:nowrap}
.design-v4 .v4-sug .s-tag.free{color:#1f7a4d;background:#f4f8f5;border-color:#dce9df}
.design-v4 .v4-sug .s-empty{padding:16px 12px;color:#555}
.design-v4 .v4-starts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 0;font-size:14px}
.design-v4 .v4-starts>span{font-size:14px;color:#555;margin-right:4px}
.design-v4 .v4-starts a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid var(--rule);border-radius:999px;background:#fff;font-size:14px;font-weight:500;color:#333;text-decoration:none}
.design-v4 .v4-starts a:hover{border-color:#1f1f1f;color:#1f1f1f}
.design-v4 .v4-starts .home-task-start{margin:0;font-weight:600;border-color:#1f1f1f;color:#1f1f1f}

.design-v4 .v4-art{display:grid;justify-items:end;gap:0;min-width:0}
.design-v4 .v4-slide{display:grid;grid-template:auto/1fr;width:100%;min-width:0;animation:v4-rise .6s cubic-bezier(.2,.7,.2,1) both}
.design-v4 .v4-slide[hidden]{display:none}
.design-v4 .v4-slide>*{grid-area:1/1}
.design-v4 .v4-shot{margin:0;align-self:start;justify-self:start;width:82%;background:#fff;border:1px solid var(--rule);border-radius:14px;box-shadow:var(--shadow-v4);overflow:hidden;display:flex;flex-direction:column}
.design-v4 .v4-shot img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;display:block}
.design-v4 .v4-shot .src-line{order:-1;margin:0;border-bottom:1px solid var(--rule);background:#f7f7f5;padding:9px 12px;font-size:13px}
.design-v4 .v4-label{align-self:start;justify-self:end;width:min(350px,66%);margin-top:132px;position:relative;z-index:2}
.design-v4 .v4-label::before,.design-v4 .v4-label::after{content:"";position:absolute;inset:0;border:1px solid var(--r2);border-radius:16px;background:#fff;z-index:-1}
.design-v4 .v4-label::before{transform:translate(12px,-14px) scale(.97);opacity:.9}
.design-v4 .v4-label::after{transform:translate(24px,-28px) scale(.94);opacity:.7;z-index:-2}
.design-v4 .v4-label .facts-label{margin:0;padding:18px 20px 20px;background:#fff;border:1px solid var(--r2);border-radius:16px;box-shadow:var(--shadow-v4);max-width:none;width:100%}
.design-v4 .v4-label .facts-label h2{font-size:26px;line-height:1;letter-spacing:-.02em;font-weight:800;margin:0}
.design-v4 .v4-label .facts-serving{font-size:15px}
.design-v4 .v4-label .facts-row dt,.design-v4 .v4-label .facts-row dd{font-size:15px}
.design-v4 .v4-label .facts-row dd small{font-size:13px;color:#555}
.design-v4 .v4-label .button.wide{margin-top:14px;width:100%}
.design-v4 .v4-picks{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin-top:22px;width:100%}
.design-v4 .v4-picks>span{font-size:14px;color:#555;margin-right:4px}
.design-v4 .v4-pick{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 6px;border:1px solid var(--rule);border-radius:999px;background:#fff;font:600 14px/1 var(--f-body);color:#333;cursor:pointer}
.design-v4 .v4-pick .tool-logo{width:28px;height:28px;border-radius:50%;margin:0}
.design-v4 .v4-pick .tool-logo img{width:18px;height:18px}
.design-v4 .v4-pick:hover{border-color:#1f1f1f}
.design-v4 .v4-pick[aria-pressed=true]{border-color:#1f1f1f;background:var(--soft2);color:#1f1f1f}
.design-v4 .v4-art .v4-note{margin:12px 0 0;max-width:46ch;font-size:14px;line-height:1.5;color:#555;text-align:right;justify-self:end}
@keyframes v4-rise{from{transform:translateY(18px);opacity:0}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.design-v4 .v4-slide{animation:none}.design-v4 .button .icon,.design-v4 .text-link .icon{transition:none}}
@media(max-width:1199px){.design-v4 .v4-hero{grid-template-columns:minmax(0,1fr);gap:40px}.design-v4 .v4-art{justify-items:start}.design-v4 .v4-picks{justify-content:flex-start}.design-v4 .v4-art .v4-note{text-align:left;justify-self:start}}
@media(max-width:959px){.design-v4 .v4-label{width:min(340px,80%);margin-top:150px}.design-v4 .v4-shot{width:92%}}
@media(max-width:679px){
  .design-v4 .v4-hero{padding:18px 0 36px}
  .design-v4 .v4-hero h1{font-size:44px}
  .design-v4 .v4-hero .v4-lead{font-size:17px}
  .design-v4 .v4-cmd-box{height:58px;padding-left:16px}
  .design-v4 .v4-cmd-box input{font-size:16px}
  .design-v4 .v4-cmd-box kbd{display:none}
  .design-v4 .v4-cmd-box .button{padding:0 16px}
  .design-v4 .v4-label{width:min(320px,88%);margin-top:118px}
  .design-v4 .v4-label::before{transform:translate(8px,-10px) scale(.97)}
  .design-v4 .v4-label::after{transform:translate(16px,-20px) scale(.94)}
  .design-v4 .v4-shot{width:100%}
}

/* ---------- C. keşif ve filtre çubuğu ---------- */
.design-v4 .catalog-results{display:flex;flex-direction:column}
.design-v4 .catalog-results>.filters{order:1;position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 4px;padding:14px 16px;background:rgba(255,255,255,.97);backdrop-filter:blur(6px);border:1px solid var(--rule);border-radius:14px}
.design-v4 .catalog-results>.results-info{order:2;margin:14px 0 16px;font-size:15px;color:#555}
.design-v4 .catalog-results>.results-info strong{font-size:inherit;color:#1f1f1f}
.design-v4 .catalog-results>.results-info a{font-size:15px;font-weight:600;color:#1f1f1f;text-decoration:underline;text-underline-offset:3px}
.design-v4 .catalog-results>*:not(.filters):not(.results-info){order:3}
.design-v4 .filters .filter-search{flex:1 1 300px;min-width:0;position:relative}
.design-v4 .filters .filter-search>.icon{left:14px;top:12px;width:20px;height:20px;color:#1f1f1f}
.design-v4 .filters .filter-search input{height:44px;padding:0 14px 0 44px;font:500 15px/1 var(--f-body);border:1px solid var(--r2);border-radius:10px;background:#fff}
.design-v4 .filters .filter-search input:focus{border-color:#1f1f1f;outline:0}
@media(min-width:680px){.design-v4 .filters .select-wrap{display:block;margin:0}}
.design-v4 .filters .select-wrap{margin:0}
.design-v4 .filters .select-wrap label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.design-v4 .filters .select-wrap select{height:44px;min-width:0;padding:0 34px 0 12px;font:500 15px/1 var(--f-body);border:1px solid var(--r2);border-radius:10px;background-color:#fff;color:#1f1f1f}
.design-v4 .filters .quick-chips{order:9;flex:1 0 100%;display:flex;flex-wrap:wrap;gap:8px;padding:2px 0;align-items:center}
.design-v4 .filters .quick-chips>*{flex:none}
.design-v4 .filters .quick-chips-label{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#555;margin-right:4px}
.design-v4 .filters>button[type=submit].button{order:8}
.design-v4 .filters.is-auto>button[type=submit].button{display:none}
.design-v4 .view-toggle button,.design-v4 .view-toggle a{font-size:14px}

.design-v4 .tool-grid{gap:16px}
.design-v4 .tool-card.tc2{padding:20px 20px 0;border-radius:16px}
.design-v4 .tool-card.tc2:hover{transform:translateY(-2px);box-shadow:var(--shadow-v4)}
.design-v4 .tc2 .tool-logo{width:56px;height:56px}

@media(max-width:679px){
  .design-v4 .catalog-results>.filters{position:static;padding:12px;gap:8px}
  .design-v4 .filters .filter-search{flex:1 0 100%}
  .design-v4 .filters .filters-toggle{flex:1 0 100%;min-height:44px}
  .design-v4 .filters .quick-chips{order:2;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .design-v4 .filters .quick-chips>*{flex:none}
  .design-v4 .catalog-results>.results-info{order:0;margin:0 0 12px}
}

/* ---------- D. bölümler ---------- */
.design-v4 .home-stats{margin:0}
.design-v4 .home-stats dd{font-size:40px;font-weight:700;letter-spacing:-.03em}
.design-v4 .home-stats dt{font-size:14px;font-weight:500;color:#555}
.design-v4 .home-intro .quick-answer p{font-size:17px;line-height:1.65}
.design-v4 .home-tasks .ht-list button{min-height:52px}
.design-v4 .home-tasks .ht-list strong{font-size:16px}
.design-v4 .home-tasks .ht-list span{font-size:13px}
.design-v4 .ht-tools strong{font-size:16px}
.design-v4 .ht-acc,.design-v4 .ht-price{font-size:14px}
.design-v4 .hn-title{font-size:18px}
.design-v4 .hn-body small,.design-v4 .hf-list small,.design-v4 .hf-list time{font-size:14px}
.design-v4 .hf-list strong{font-size:16px}

.design-v4 .hd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.design-v4 .hd-cat{min-width:0;position:relative;padding:20px 22px;border-radius:16px;transition:border-color .15s,box-shadow .15s}
.design-v4 .hd-cat:hover{border-color:var(--r2);box-shadow:var(--shadow-v4)}
.design-v4 .hd-cat h3{display:flex;align-items:center;gap:14px;margin:0 0 6px;font-size:20px}
.design-v4 .hd-cat h3 a{font-size:20px;font-weight:700;gap:14px;min-height:44px;flex:1;min-width:0}
.design-v4 .hd-cat h3 a::before{content:"";position:absolute;inset:0;border-radius:16px}
.design-v4 .hd-cat h3 .icon{width:44px;height:44px;padding:10px;border-radius:12px;background:#f7f7f5;color:#1f1f1f;flex:none}
.design-v4 .hd-cat h3 a span{font-size:13px;font-weight:600;padding:4px 10px}
.design-v4 .hd-cat h3 .hd-logos{display:flex;align-items:center;flex:none;border:0;background:none;padding:0;margin:0}
.design-v4 .hd-cat .hd-logos .tool-logo{width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 3px #fff;margin:0}
.design-v4 .hd-cat .hd-logos .tool-logo+.tool-logo{margin-left:-10px}
.design-v4 .hd-cat .hd-logos .tool-logo img{width:20px;height:20px}
.design-v4 .hd-sum{font-size:14px;color:#555;margin:0 0 10px}
.design-v4 .hd-cat ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.design-v4 .hd-cat li a{font-size:15px;min-height:44px;position:relative;z-index:1}

.design-v4 .hv-title{font-size:18px;font-weight:700}
.design-v4 .hv-diff dt{font-size:12px}
.design-v4 .hv-diff dd{font-size:14px}
.design-v4 .hv-picker select{font-size:15px}
.design-v4 .hr-list a{font-size:16px}
.design-v4 .hr-list time{font-size:13px}
.design-v4 .home-trust li{font-size:15px}
.design-v4 .home-faq summary{font-size:17px}
.design-v4 .home-faq details p{font-size:16px}

@media(max-width:959px){.design-v4 .hd-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:679px){.design-v4 .hd-cat ul{grid-template-columns:1fr}.design-v4 .hd-cat .hd-logos{display:none}}
.design-v4 .v4-cmd-box input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.design-v4 .use-case-card h2 a,.design-v4 .prose li>a{padding:6px 0}
.design-v4 .cb-trigger{min-height:36px}
.design-v4 .hm-more summary{display:inline-block;padding:8px 0}
.design-v4 .alt-card th a,.design-v4 tr th>a{min-width:32px;min-height:32px}
.design-v4 .who-list li>a,.design-v4 .category-close p a,.design-v4 .prose li a,.design-v4 .article-figure figcaption a{padding:8px 0}
.design-v4 .acc-foot{font-size:13px}
.design-v4 .use-case-page h3>a:not(.tc-link),.design-v4 .left-out li>a,.design-v4 .decision-source-links li>a{padding:9px 0}
.design-v4 .use-case-page h3>a:not(.tc-link),.design-v4 .left-out li>a{display:inline-block;min-width:32px;min-height:32px;padding:7px 0}
.design-v4 .decision-actions a,.design-v4 .decision-next a{padding:8px 0;min-height:32px}

/* Karşılaştırma: skor tablosu bandı + yapışık bölüm gezgini (30 Eyl 2026) */
.design-v4 .va-tape{border-top:4px solid #1f1f1f;padding:6px 32px 10px}
.design-v4 .vt-row{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);padding:14px 0}
.design-v4 .vt-row dt{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#555}
.design-v4 .vt-row dd{font-size:16px;font-weight:500;color:#666}
.design-v4 .vt-row.is-diff dd{font-size:22px;font-weight:800;line-height:1.2;letter-spacing:-.01em;color:#1f1f1f}
.design-v4 .vt-row.is-diff dt{color:#1f1f1f}
.design-v4 .vt-row.is-diff dt::before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#1f1f1f;vertical-align:1px}
.design-v4 .vt-yn{gap:7px}
.design-v4 .vt-row.is-diff .vt-yn{font-size:20px}
@media(min-width:1000px){
  .design-v4 .cmp-toc{position:sticky;top:0;z-index:30;margin-inline:-8px;padding:8px;display:flex;align-items:center;gap:14px;background:#fff!important;border-bottom:1px solid var(--r2)}
  .design-v4 .cmp-toc>strong{flex:none;margin:0}
  .design-v4 .cmp-toc>div{margin:0}
  .design-v4.has-sticky-bar .cmp-toc{top:49px}
}
@media(max-width:700px){
  .design-v4 .va-tape{padding:4px 16px 8px}
  .design-v4 .vt-row.is-diff dd{font-size:18px}
  .design-v4 .vt-row{padding:12px 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 16px}
  .design-v4 .vt-row dt{grid-column:1/-1;grid-row:1}
  .design-v4 .vt-row .vt-a{grid-column:1;grid-row:2;text-align:center}
  .design-v4 .vt-row .vt-b{grid-column:2;grid-row:2;text-align:center}
}
/* Profil başlığı, mobil (30 Eyl): logo başlıkla aynı satırda, rozet/yorum ve açıklama tam genişlikte */
@media (max-width:679px){
  .design-v4 .v3-hero .tool-title-row{display:block;position:relative}
  .design-v4 .v3-hero .tool-title-row>.tool-logo{position:absolute;left:0;top:0;width:56px;height:56px;border-radius:14px}
  .design-v4 .v3-hero .tool-title-row>.tool-logo img{width:36px;height:36px}
  .design-v4 .v3-hero .tool-title-row>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
  .design-v4 .v3-hero .tool-title-row h1{flex:1 0 100%;min-height:56px;display:flex;align-items:center;padding-left:70px;margin:0}
  .design-v4 .v3-hero .tool-title-row .check-badge,.design-v4 .v3-hero .tool-title-row .hero-rating{margin:0}
  .design-v4 .v3-hero .tool-title-row p{flex:1 0 100%;margin:2px 0 0}
}
/* Görev sayfası (1 Eki): başlığı sarmalayıcı içinde kalan bölümler de profile-block>h2 ayırıcısını alır; karar bölümünün sonraki adımları düğme satırı */
.design-v4 .use-case-page>.profile-block>.section-heading,.design-v4 .use-case-page>.decision-worksheet{border-top:1px solid var(--rule);padding-top:30px;margin-top:64px}
.design-v4 .use-case-page>.profile-block>.section-heading h2,.design-v4 .use-case-page>.decision-worksheet h2{margin-top:0}
.design-v4 .decision-next{justify-content:flex-start;gap:10px;margin-top:20px}
.design-v4 .decision-next a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:1px solid var(--rule);border-radius:10px;font-size:15px;font-weight:600;color:var(--ink);text-decoration:none;background:#fff}
.design-v4 .decision-next a:hover{border-color:var(--ink)}
@media (max-width:679px){
  .design-v4 .use-case-proof{padding:16px 18px}
  .design-v4 .use-case-proof h2{font-size:16px;margin:0 0 6px}
  .design-v4 .use-case-proof .who-list li{padding:7px 0;font-size:14.5px;line-height:1.45}
}
/* Gövde tabloları, mobil (1 Eki): v4.js etiketlediyse satır kartı; kelime ortadan bölünmez */
@media (max-width:679px){
  .design-v4 .prose table.is-stacked,.design-v4 .prose table.is-stacked tbody,.design-v4 .prose table.is-stacked tr,.design-v4 .prose table.is-stacked td,.design-v4 .prose table.is-stacked th{display:block;width:auto}
  .design-v4 .prose table.is-stacked thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .design-v4 .prose table.is-stacked tr{border-bottom:1px solid var(--rule);padding:12px 0}
  .design-v4 .prose table.is-stacked td,.design-v4 .prose table.is-stacked th{border:0;padding:3px 0;overflow-wrap:break-word;word-break:normal;background:none}
  .design-v4 .prose table.is-stacked td::before{content:attr(data-label);display:block;font-size:12px;font-weight:700;letter-spacing:.02em;color:#666}
  .design-v4 .prose table.is-stacked td:first-child{font-weight:600;color:var(--ink)}
}

/* ---------- E. gönderim ve e-posta formları (1 Eki 2026, DESIGN.md "Formlar") ---------- */
.design-v4 .submit-page{max-width:1120px}
.design-v4 .submit-lead{font-size:17px;line-height:1.6;color:#444;max-width:62ch;margin:0}
.design-v4 .submit-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start;margin-top:28px}
.design-v4 .submit-form{display:grid;gap:28px}
.design-v4 .sf-group{border:1px solid #e4e4e0;border-radius:16px;padding:22px 24px 8px;margin:0;background:#fff;min-width:0}
.design-v4 .sf-group>legend{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#555;padding:0 8px;margin-left:-8px}
.design-v4 .sf-field{display:grid;gap:6px;margin:0 0 18px;min-width:0;border:0;padding:0;align-content:start}
.design-v4 .sf-field>label.sf-check{font-weight:400;font-size:14px}
.design-v4 .sf-field>label,.design-v4 .sf-choices>legend{font-size:15px;font-weight:600;color:#2b2b2b;padding:0}
.design-v4 .sf-opt{font-weight:500;color:#666;font-size:13px;margin-left:6px}
.design-v4 .sf-field input[type=text],.design-v4 .sf-field input[type=url],.design-v4 .sf-field input[type=email],.design-v4 .sf-field select,.design-v4 .sf-field textarea,.design-v4 .pa-row input{width:100%;min-height:46px;padding:10px 14px;border:1px solid #cfcfcb;border-radius:10px;background:#fff;color:#1f1f1f;font:inherit;font-size:16px;line-height:1.45}
.design-v4 .sf-field textarea{resize:vertical;min-height:96px}
.design-v4 .sf-field input:focus,.design-v4 .sf-field select:focus,.design-v4 .sf-field textarea:focus,.design-v4 .pa-row input:focus{outline:3px solid rgba(248,103,52,.28);outline-offset:0;border-color:#1f1f1f}
.design-v4 .sf-field [aria-invalid=true]{border-color:#a65a26;background:#fcf6f0}
.design-v4 .sf-help{font-size:13px;line-height:1.5;color:#555;margin:0}
.design-v4 .sf-count{float:right;color:#666;font-variant-numeric:tabular-nums}
.design-v4 .sf-error{font-size:14px;color:#a65a26;font-weight:600;margin:0}
.design-v4 .sf-row{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.design-v4 .sf-radios{display:flex;flex-wrap:wrap;gap:8px}
.design-v4 .sf-radio{position:relative;display:inline-flex}
.design-v4 .sf-radio input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.design-v4 .sf-radio span{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid #d6d6d0;border-radius:999px;font-size:14px;font-weight:500;color:#333;background:#fff;transition:border-color .15s,background .15s}
.design-v4 .sf-radio input:checked+span{background:#1f1f1f;border-color:#1f1f1f;color:#fff}
.design-v4 .sf-radio input:focus-visible+span{outline:3px solid rgba(248,103,52,.4);outline-offset:2px}
.design-v4 .sf-check{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.55;color:#333;font-weight:400}
.design-v4 .sf-check input{width:24px;height:24px;margin:2px 0 0;flex:none;accent-color:#1f1f1f}
.design-v4 .sf-check a,.design-v4 .submit-page .prose a,.design-v4 .sf-panel a:not(.button):not(.text-link),.design-v4 .submit-faq a{text-decoration:underline}
.design-v4 .sf-submit{justify-self:start;min-height:50px;padding:0 26px}
.design-v4 .submit-aside{display:grid;gap:16px;position:sticky;top:24px}
.design-v4 .sf-card{border:1px solid #e4e4e0;border-radius:16px;padding:20px 22px;background:#fff}
.design-v4 .sf-card-muted{background:#f7f7f5}
.design-v4 .sf-card h2{font-size:17px;letter-spacing:-.01em;margin:0 0 10px;color:#2b2b2b}
.design-v4 .sf-list,.design-v4 .sf-steps{margin:0;padding:0;list-style:none;display:grid;gap:10px;font-size:14.5px;line-height:1.5;color:#333}
.design-v4 .sf-list li{position:relative;padding-left:22px}
.design-v4 .sf-list li::before{content:"";position:absolute;left:2px;top:.55em;width:8px;height:8px;border-radius:50%;background:#1f7a4d}
.design-v4 .sf-list-no li::before{background:#a65a26}
.design-v4 .sf-steps{counter-reset:sf}
.design-v4 .sf-steps li{position:relative;padding-left:36px;counter-increment:sf}
.design-v4 .sf-steps li::before{content:counter(sf);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:#1f1f1f;color:#fff;font-size:13px;font-weight:600;display:grid;place-items:center}
.design-v4 .sf-card .text-link{margin-top:6px}
.design-v4 .sf-panel{border:1px solid #e4e4e0;border-radius:16px;padding:20px 22px;background:#fff;margin:24px 0}
.design-v4 .sf-panel p:last-child,.design-v4 .sf-panel ul:last-child{margin-bottom:0}
.design-v4 .sf-panel h2{font-size:22px;margin:0 0 8px}
.design-v4 .sf-done{display:flex;gap:16px;align-items:flex-start;background:#f4f8f5;border-color:#dce9df}
.design-v4 .sf-done>.icon{width:28px;height:28px;color:#1f7a4d;margin-top:2px}
.design-v4 .sf-note{background:#f7f7f5}
.design-v4 .sf-alert{background:#fcf6f0;border-color:#f0e1d2;color:#333}
.design-v4 .sf-alert ul{margin:6px 0 0;padding-left:20px}
.design-v4 #sf-errors:focus{outline:none}
.design-v4 .submit-faq{margin-top:48px;max-width:760px}
.design-v4 .submit-faq h2{font-size:24px;margin:0 0 12px}
.design-v4 .submit-faq details{border-top:1px solid #e4e4e0;padding:4px 0}
.design-v4 .submit-faq details:last-child{border-bottom:1px solid #e4e4e0}
.design-v4 .submit-faq summary{cursor:pointer;font-weight:600;font-size:16px;padding:14px 0;color:#2b2b2b;min-height:44px}
.design-v4 .submit-faq details p{margin:0 0 14px;color:#444}
.design-v4 .topbar .topbar-submit{margin-left:20px;padding:8px 14px;border:1px solid #d6d6d0;border-radius:10px;color:#1f1f1f}
.design-v4 .topbar .topbar-submit:hover{border-color:#1f1f1f;color:#1f1f1f}
/* fiyat uyarısı (profil) + haftalık özet (footer) */
.design-v4 .price-alert{margin-top:16px}
.design-v4 .pa-form{display:grid;gap:10px}
.design-v4 .pa-row{display:flex;gap:8px;max-width:520px}
.design-v4 .pa-row input{flex:1;min-width:0}
.design-v4 .pa-row .button{flex:none}
.design-v4 .pa-weekly{display:flex;gap:10px;align-items:center;font-size:14px;color:#333}
.design-v4 .pa-weekly input{width:18px;height:18px;accent-color:#1f1f1f;margin:0}
.design-v4 .footer-weekly{margin-top:22px;max-width:420px}
.design-v4 .footer-weekly h2{font-size:15px;margin:0 0 4px;letter-spacing:0}
.design-v4 .footer-weekly p{font-size:14px;margin:0 0 10px}
@media(max-width:999px){.design-v4 .submit-layout{grid-template-columns:1fr;gap:28px}.design-v4 .submit-aside{position:static}}
@media(max-width:679px){.design-v4 .sf-row{grid-template-columns:1fr}.design-v4 .sf-group{padding:18px 16px 4px}.design-v4 .sf-submit{width:100%;justify-content:center}.design-v4 .pa-row{flex-direction:column}.design-v4 .pa-row .button{width:100%}.design-v4 .topbar .topbar-submit{margin-left:12px;padding:6px 10px}}

/* ---------- F. görsel kütüphanesi (1 Eki 2026, DESIGN.md "görsel kütüphanesi") ---------- */
.design-v4 .emblem{display:inline-grid;place-items:center;width:var(--em,56px);height:var(--em,56px);border-radius:calc(var(--em,56px) * .24);background:#f7f7f5;border:1px solid #e4e4e0;flex:none}
.design-v4 .emblem svg{width:calc(var(--em,56px) * .62);height:calc(var(--em,56px) * .62)}
.design-v4 .stat-chips{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.design-v4 .stat-chips li{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:0 14px;border:1px solid #d6d6d0;border-radius:999px;font-size:14px;color:#333;background:#fff}
.design-v4 .stat-chips b{font-weight:700;color:#1f1f1f}
.design-v4 .logo-strip{display:flex;align-items:center;gap:16px;margin:0 0 20px;flex-wrap:wrap}
.design-v4 .ls-logos{display:inline-flex}
.design-v4 .ls-logos img{width:40px;height:40px;object-fit:contain;padding:4px;border-radius:11px;background:#fff;box-shadow:0 0 0 1px #e4e4e0;border:2px solid #fff;margin-right:-8px}
.design-v4 .ls-logos img:last-child{margin-right:0}
.design-v4 .ls-label{font-size:14px;color:#555}
/* kategori hero */
.design-v4 .cat-hero.has-chart{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:48px;align-items:start;max-width:none}
.design-v4 .cat-hero .emblem{margin-bottom:18px}
.design-v4 .cat-hero h1{font-size:clamp(34px,4vw,52px);letter-spacing:-.025em;line-height:1.06;margin-bottom:14px}
.design-v4 .cat-hero-main>p{font-size:17px;line-height:1.6;color:#444;max-width:46ch;margin-bottom:20px}
/* giriş fiyatı grafiği */
.design-v4 .entry-chart{margin:0;border:1px solid #e4e4e0;border-radius:16px;padding:22px 24px 16px;background:#fff;box-shadow:var(--shadow-v4)}
.design-v4 .ec-kicker{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#555}
.design-v4 .ec-title{font-size:19px;letter-spacing:-.01em;margin:6px 0 4px;color:#2b2b2b}
.design-v4 .ec-sub{font-size:14px;color:#555;margin:0 0 14px}
.design-v4 .ec-rows{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.design-v4 .ec-rows a,.design-v4 .ec-rows .ec-row{display:grid;grid-template-columns:24px minmax(90px,150px) 1fr auto;align-items:center;gap:10px;min-height:36px;border-radius:8px;padding:0 6px;color:#1f1f1f}
.design-v4 .ec-rows a:hover{background:#f7f7f5;color:#1f1f1f}
.design-v4 .ec-rows img{width:24px;height:24px;object-fit:contain;border-radius:6px}
.design-v4 .ec-dot{width:10px;height:10px;border-radius:50%;background:#d6d6d0;justify-self:center}
.design-v4 .ec-name{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.design-v4 .ec-track{height:12px;border-radius:6px;background:#f2f2ee}
.design-v4 .ec-bar{display:block;height:100%;width:var(--w);border-radius:6px;background:#1f1f1f}
.design-v4 .ec-rows a:hover .ec-bar{background:#F86734}
.design-v4 .ec-val{font-weight:700;font-size:14.5px;text-align:right;font-variant-numeric:tabular-nums;min-width:64px}
.design-v4 .ec-val small{font-weight:500;color:#666;font-size:12px;margin-left:1px}
.design-v4 .ec-note{border-top:1px solid #e4e4e0;margin-top:12px;padding-top:10px;font-size:13px;line-height:1.5;color:#555}
/* plan merdiveni */
.design-v4 .plan-ladder{max-width:640px;margin:0 0 20px;border:1px solid #e4e4e0;border-radius:14px;padding:16px 18px 12px;background:#fff}
.design-v4 .plan-ladder figcaption{font-size:15px;font-weight:600;color:#2b2b2b;margin-bottom:10px}
.design-v4 .plan-ladder figcaption small{font-weight:500;color:#666;font-size:13px;margin-left:6px}
.design-v4 .plan-ladder ol{list-style:none;margin:0;padding:0;display:flex;align-items:flex-end;gap:14px;height:170px}
.design-v4 .plan-ladder li{flex:1;min-width:0;max-width:120px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;text-align:center}
.design-v4 .pl-col{display:block;height:calc(var(--h) * .68);border-radius:8px 8px 3px 3px;background:#1f1f1f}
.design-v4 .plan-ladder li:first-child .pl-col{background:#F86734}
.design-v4 .pl-val{font-weight:700;font-size:15px;margin-bottom:6px;font-variant-numeric:tabular-nums}
.design-v4 .pl-name{font-size:13px;color:#555;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* süreç şeması */
.design-v4 .process-diagram{margin:28px 0;border:1px solid #e4e4e0;border-radius:16px;padding:20px 22px;background:#f7f7f5}
.design-v4 .process-diagram figcaption{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#555;margin-bottom:14px}
.design-v4 .process-diagram ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:none}
.design-v4 .process-diagram li{position:relative;display:grid;gap:4px;align-content:start;padding:14px;border-radius:12px;background:#fff;border:1px solid #e4e4e0}
.design-v4 .process-diagram li:not(:last-child)::after{content:"";position:absolute;right:-12px;top:30px;width:12px;height:2px;background:#d6d6d0}
.design-v4 .pd-n{width:28px;height:28px;border-radius:50%;background:#1f1f1f;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:600;margin-bottom:4px}
.design-v4 .process-diagram li:last-child .pd-n{background:#F86734}
.design-v4 .process-diagram strong{font-size:15px;color:#2b2b2b}
.design-v4 .process-diagram li span:last-child{font-size:13.5px;line-height:1.45;color:#555}
@media(max-width:1099px){.design-v4 .cat-hero.has-chart{grid-template-columns:1fr;gap:28px}}
@media(max-width:899px){.design-v4 .process-diagram ol{grid-template-columns:1fr 1fr}.design-v4 .process-diagram li::after{display:none}}
@media(max-width:679px){.design-v4 .ec-rows a,.design-v4 .ec-rows .ec-row{grid-template-columns:22px minmax(70px,110px) 1fr auto;gap:8px}.design-v4 .entry-chart{padding:18px 14px 12px}.design-v4 .process-diagram ol{grid-template-columns:1fr}.design-v4 .plan-ladder ol{gap:8px;height:150px}}
.design-v4 .uc-hero-top{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.design-v4 .use-case-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.design-v4 .use-case-card .logo-strip{margin:6px 0 12px}
.design-v4 .use-case-card .ls-logos img{width:32px;height:32px;border-radius:9px}
.design-v4 .use-case-tools .entry-chart{margin-top:28px;max-width:760px;box-shadow:none}
/* ana sayfa (1 Eki 2026) */
.design-v4 .v4-copy .logo-strip{margin:22px 0 4px}
.design-v4 .hd-cat h3 a{display:flex;align-items:center;gap:12px}
.design-v4 .hd-cat h3 .emblem{border-radius:12px;padding:0;margin:0;min-width:0;font-size:0;line-height:0;background:#f7f7f5;border:1px solid #e4e4e0;color:inherit}
.design-v4 .hv-pair .tool-logo{width:52px;height:52px;border-radius:14px}
.design-v4 .hv-pair .tool-logo img{width:36px;height:36px}
.design-v4 .hr-guides a{display:flex;align-items:center;gap:16px}
.design-v4 .hr-thumb{width:132px;height:69px;object-fit:cover;border-radius:10px;border:1px solid #e4e4e0;flex:none}
.design-v4 .home-trust .process-diagram{margin:18px 0}
.design-v4 .trust-line{font-size:15px;color:#444;margin:0 0 10px}
@media(max-width:679px){.design-v4 .hr-thumb{width:96px;height:50px}.design-v4 .hr-guides a{flex-wrap:wrap}}
@media(max-width:400px){.design-v4 .hr-thumb{display:none}}
.design-v4 .catalog-heading .logo-strip{margin-top:16px}
.design-v4 .nf-cats a{display:inline-flex;align-items:center;gap:8px}
.design-v4 .nf-cats .emblem{border-radius:9px;padding:0;background:#f7f7f5}
.design-v4 .prose .process-diagram{margin:24px 0 28px}
.design-v4 .prose .process-diagram ol{padding:0;margin:0}
.design-v4 .prose .process-diagram li{margin:0}
.design-v4 .submit-page .sf-panel a:not(.button):not(.text-link),.design-v4 .submit-page .sf-check a,.design-v4 .submit-faq a{display:inline-block;padding:3px 0}
/* dokunma hedefi ≥32px (design_audit): kutu görünüşte 22px, tıklama alanı 32px */
.design-v4 .sf-check input,.design-v4 .pa-weekly input{appearance:none;-webkit-appearance:none;width:32px;height:32px;margin:-5px -5px -5px -5px;border-radius:9px;background:#fff;cursor:pointer;flex:none;box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 6.5px #8a8a85}
.design-v4 .sf-check input:checked,.design-v4 .pa-weekly input:checked{background:#1f1f1f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:inset 0 0 0 5px #fff}
.design-v4 .sf-check input:focus-visible,.design-v4 .pa-weekly input:focus-visible{outline:3px solid rgba(248,103,52,.45);outline-offset:-2px}
.design-v4 .sf-check{align-items:center}
.design-v4 .acc-foot a,.design-v4 .submit-page .sf-check a,.design-v4 .submit-page .sf-panel a:not(.button):not(.text-link),.design-v4 .submit-faq a{display:inline-block;padding:8px 0;margin:-8px 0;min-width:32px}
.design-v4 .compare-heading .logo-strip{margin-top:16px}
/* reklam alanı (ads.php): etiketli, içerikten ayrı, CLS için ayrılmış yükseklik */
.design-v4 .ad-slot{margin:32px 0;padding:10px 0 14px;border-top:1px solid #e4e4e0;border-bottom:1px solid #e4e4e0;min-height:290px}
.design-v4 .ad-label{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#666;margin-bottom:8px}
/* bağlantı kartları (1 Eki 2026): atlas_link_list */
.design-v4 .who-list.link-cards{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.design-v4 .link-cards .lc{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #e4e4e0;border-radius:14px;background:#fff;transition:border-color .15s,box-shadow .15s;margin:0}
.design-v4 .link-cards .lc::before{display:none}
.design-v4 .link-cards .lc:hover{border-color:#1f1f1f;box-shadow:var(--shadow-v4)}
.design-v4 .lc-media{flex:none;display:flex;align-items:center}
.design-v4 .lc-media:empty{display:none}
.design-v4 .lc-media .tool-logo{width:44px;height:44px;border-radius:12px}
.design-v4 .lc-media .tool-logo img{width:30px;height:30px}
.design-v4 .lc-pair{display:flex;align-items:center;gap:4px}
.design-v4 .lc-pair .tool-logo{width:38px;height:38px}
.design-v4 .lc-pair .tool-logo img{width:26px;height:26px}
.design-v4 .lc-vs{font-size:11px;font-weight:700;color:#fff;background:#1f1f1f;border-radius:999px;padding:3px 6px}
.design-v4 .lc-vs::before{content:"vs"}
.design-v4 .lc-thumb{width:96px;height:50px;object-fit:cover;border-radius:8px;border:1px solid #e4e4e0}
.design-v4 .lc-body{display:grid;gap:4px;min-width:0}
.design-v4 .lc-body>a{font-weight:600;font-size:15.5px;line-height:1.35;color:#1f1f1f;text-decoration:none}
.design-v4 .lc-body>a::after{content:"";position:absolute;inset:0;border-radius:14px}
.design-v4 .lc-body>a:focus-visible::after{outline:3px solid rgba(248,103,52,.45)}
.design-v4 .lc-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#555}
.design-v4 .lc-meta .logo-strip{margin:0}
.design-v4 .lc-meta .ls-logos img{width:24px;height:24px;padding:2px;border-radius:7px;margin-right:-6px}
/* kriter karoları ve uyarı kartları (1 Eki 2026) */
.design-v4 .crit-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.design-v4 .crit-grid li{display:grid;gap:6px;align-content:start;padding:16px 18px;border:1px solid #e4e4e0;border-radius:14px;background:#fff;margin:0}
.design-v4 .crit-grid li::before{display:none}
.design-v4 .crit-grid strong{font-size:15.5px;color:#2b2b2b}
.design-v4 .crit-grid li>span:last-child{font-size:14.5px;line-height:1.55;color:#444}
.design-v4 .crit-ico{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#fde3d8;color:#1f1f1f;margin-bottom:4px}
.design-v4 .criteria-grid article .crit-ico{margin-bottom:10px}
.design-v4 .watch-cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.design-v4 .watch-cards li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid #f0e1d2;border-radius:14px;background:#fcf6f0;margin:0}
.design-v4 .watch-cards .crit-ico{background:#fff;color:#a65a26;flex:none;margin:0}
.design-v4 .watch-cards li>span:last-child{font-size:14.5px;line-height:1.55;color:#333}
/* plan uygunluk kartları (profil gövdesi, 1 Eki 2026) */
.design-v4 .prose .plan-fit{list-style:none;padding:0;margin:18px 0 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.design-v4 .prose .plan-fit li{margin:0;padding:16px 18px;border:1px solid #e4e4e0;border-radius:14px;background:#fff}
.design-v4 .prose .plan-fit li::before{display:none}
.design-v4 .prose .plan-fit li.is-free{background:#f4f8f5;border-color:#dce9df}
.design-v4 .pf-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid #e4e4e0;padding-bottom:8px;margin-bottom:8px}
.design-v4 .pf-head strong{font-size:16px;color:#2b2b2b}
.design-v4 .pf-price{font-weight:700;font-size:14.5px;color:#1f1f1f;font-variant-numeric:tabular-nums;text-align:right}
.design-v4 .plan-fit p{margin:0;font-size:14.5px;line-height:1.55;color:#444}
/* mobil katlanan listeler */
@media(max-width:679px){
  .design-v4 .hv-grid.is-collapsed>li:nth-child(n+7){display:none}
  .design-v4 .hd-cat ul.is-collapsed>li:nth-child(n+5){display:none}
  .design-v4 .collapse-more{width:100%;justify-content:center;margin-top:10px;position:relative;z-index:3}
}
/* "bir bakışta" istatistik şeridi (3. seviye) */
.design-v4 .glance{margin:8px 0 32px}
.design-v4 .glance h2{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#555;margin:0 0 10px}
.design-v4 .glance ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.design-v4 .glance li{padding:16px 18px;border:1px solid #e4e4e0;border-radius:14px;background:#f7f7f5;display:grid;gap:4px}
.design-v4 .glance strong{font-size:26px;letter-spacing:-.02em;color:#1f1f1f;font-variant-numeric:tabular-nums}
.design-v4 .glance li span{font-size:14px;line-height:1.45;color:#555}
.design-v4 .glance-more{font-size:14px;color:#555;margin:10px 0 0}
/* AI Pricing Index (3. seviye) */
.design-v4 .index-page{max-width:1040px}
.design-v4 .index-hero h1{font-size:clamp(36px,4.4vw,56px);letter-spacing:-.025em;margin:8px 0 14px}
.design-v4 .index-glance{margin:24px 0 32px}
.design-v4 .index-chart{margin:0 0 28px;box-shadow:none}
.design-v4 .index-chart .ec-row .emblem{border-radius:7px}
.design-v4 .index-chart .ec-row{grid-template-columns:24px minmax(110px,200px) 1fr auto}
.design-v4 .hist{list-style:none;margin:8px 0 0;padding:0;display:flex;align-items:flex-end;gap:12px;height:220px}
.design-v4 .hist li{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;text-align:center}
.design-v4 .hist-col{display:block;height:calc(var(--h) * .72);background:#1f1f1f;border-radius:8px 8px 3px 3px}
.design-v4 .hist li:nth-child(2) .hist-col,.design-v4 .hist li:nth-child(3) .hist-col{background:#F86734}
.design-v4 .hist-n{font-weight:700;font-size:16px;margin-bottom:6px}
.design-v4 .hist-l{font-size:13px;color:#555;margin-top:8px}
.design-v4 .index-table{width:100%;border-collapse:collapse;font-size:15px}
.design-v4 .index-table th,.design-v4 .index-table td{text-align:left;padding:10px 12px;border-bottom:1px solid #e4e4e0;white-space:nowrap}
.design-v4 .index-table th{font-size:13px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.04em}
.design-v4 .index-table .muted{color:#666}
@media(max-width:679px){.design-v4 .hist{gap:6px;height:180px}.design-v4 .hist-l{font-size:12px}.design-v4 .index-chart .ec-row{grid-template-columns:22px minmax(80px,120px) 1fr auto}}
/* yeni araçlar listesi */
.design-v4 .nt-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.design-v4 .nt-list li{display:grid;gap:6px;margin:0}
.design-v4 .nt-date{font-size:13px;font-weight:600;color:#555;letter-spacing:.02em}
/* ---------- AI Pricing Index v2 ---------- */
.design-v4 .index-hero2{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:40px;align-items:center;margin:8px 0 28px}
.design-v4 .index-hero2 h1{font-size:clamp(38px,4.6vw,60px);letter-spacing:-.03em;line-height:1.02;margin:8px 0 14px;color:#2b2b2b}
.design-v4 .ih-donut .donut{margin:0}
/* halka grafik */
.design-v4 .donut{display:grid;justify-items:center;gap:8px;margin:0;text-align:center}
.design-v4 .donut-ring{width:var(--d);height:var(--d);border-radius:50%;background:conic-gradient(#F86734 calc(var(--p) * 1%),#ecebe6 0);display:grid;place-items:center;position:relative}
.design-v4 .donut-ring::before{content:"";position:absolute;inset:16%;border-radius:50%;background:#fff}
.design-v4 .donut-ring span{position:relative;font-weight:700;font-size:calc(var(--d) * .2);letter-spacing:-.02em;color:#1f1f1f;font-variant-numeric:tabular-nums}
.design-v4 .donut figcaption{display:grid;gap:2px}
.design-v4 .donut figcaption strong{font-size:14.5px;color:#2b2b2b;font-weight:600}
.design-v4 .donut figcaption small{font-size:13px;color:#555}
.design-v4 .ih-donut .donut figcaption strong{font-size:16px}
/* KPI */
.design-v4 .ix-kpis ul{list-style:none;margin:0 0 36px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.design-v4 .ix-kpis li{padding:18px 20px;border:1px solid #e4e4e0;border-radius:16px;background:#fff;display:grid;gap:6px;align-content:start}
.design-v4 .ix-kpis strong{font-size:34px;letter-spacing:-.03em;line-height:1;color:#1f1f1f;font-variant-numeric:tabular-nums}
.design-v4 .ix-kpis strong small{font-size:16px;font-weight:600;color:#555;margin-left:2px}
.design-v4 .ix-kpis span{font-size:14.5px;line-height:1.45;color:#333}
.design-v4 .ix-kpis em{font-style:normal;font-size:12.5px;color:#666}
.design-v4 .ix-kpis .kpi-accent{background:#fff4ee;border-color:#f7c9b4}
.design-v4 .ix-kpis .kpi-accent strong{color:#c4471d}
/* bloklar */
.design-v4 .ix-block{margin:0 0 40px;padding:26px 28px;border:1px solid #e4e4e0;border-radius:18px;background:#fff}
.design-v4 .ix-block h2{font-size:clamp(22px,2.4vw,28px);letter-spacing:-.015em;margin:6px 0 6px;color:#2b2b2b}
.design-v4 .ix-block .ec-sub{max-width:72ch;margin-bottom:18px}
/* fiyat haritası */
.design-v4 .pm{position:relative;padding:0 18px;margin-top:30px}
.design-v4 .pm-compact{margin-top:0}
.design-v4 .pm-field{position:relative;height:var(--pm-h);border-bottom:1px solid #d6d6d0;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),#f2f2ee calc(10% - 1px) 10%)}
.design-v4 .pm-dot{position:absolute;transform:translateX(-50%);width:32px;height:32px;border-radius:9px;background:#fff;box-shadow:0 0 0 1px #e4e4e0,0 4px 10px -6px rgba(0,0,0,.4);display:grid;place-items:center;transition:transform .15s}
.design-v4 .pm-dot:hover{transform:translateX(-50%) scale(1.35);z-index:3}
.design-v4 .pm-dot img{width:24px;height:24px;object-fit:contain}
.design-v4 .pm-dot b{font-size:13px}
.design-v4 .pm-median{position:absolute;top:-6px;bottom:-6px;width:0;border-left:2px dashed #F86734;z-index:2}
.design-v4 .pm-median em{position:absolute;top:-24px;left:6px;font-style:normal;font-size:12.5px;font-weight:600;color:#c4471d;white-space:nowrap}
.design-v4 .pm-axis{position:relative;height:26px;margin:0 18px}
.design-v4 .pm-axis span{position:absolute;transform:translateX(-50%);top:6px;font-size:12.5px;color:#555;font-variant-numeric:tabular-nums}
.design-v4 .pm-compact .pm-dot{width:24px;height:24px;border-radius:7px}
.design-v4 .pm-compact .pm-dot img{width:18px;height:18px}
.design-v4 .pm-compact .pm-median em{display:none}
/* kategori şeritleri */
.design-v4 .ix-strips{display:grid;gap:4px;padding-top:18px}
.design-v4 .ix-strip{display:grid;grid-template-columns:200px minmax(0,1fr) 110px;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid #f0f0ec}
.design-v4 .ix-strip-name{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14.5px;color:#1f1f1f}
.design-v4 .ix-strip-name .emblem{border-radius:8px}
.design-v4 .ix-strip .pm{padding:0 12px}
.design-v4 .ix-strip .pm-field{border-bottom:0;background:none}
.design-v4 .ix-strip-val{font-size:13px;color:#555;text-align:right;font-variant-numeric:tabular-nums}
.design-v4 .ix-strip .muted{font-size:13px;color:#666;margin:0}
.design-v4 .ix-strip-axis{margin:0 122px 0 222px}
/* halkalar */
.design-v4 .ix-donuts{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:22px 12px}
/* yıllık tasarruf */
.design-v4 .ix-save .ec-bar.is-save{background:#1f7a4d}
.design-v4 .ix-save .ec-val{min-width:150px}
/* en ucuz giriş */
.design-v4 .ix-cheap{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.design-v4 .ix-cheap li{display:grid;gap:10px;padding:16px 18px;border:1px solid #e4e4e0;border-radius:14px;background:#f7f7f5;margin:0}
.design-v4 .ixc-cat{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#555}
.design-v4 .ixc-cat .emblem{border-radius:7px;background:#fff}
.design-v4 .ixc-tool{display:flex;align-items:center;gap:12px}
.design-v4 .ixc-tool img{width:40px;height:40px;object-fit:contain;padding:5px;border-radius:11px;background:#fff;box-shadow:0 0 0 1px #e4e4e0}
.design-v4 .ixc-tool a{font-weight:600;font-size:16px;color:#1f1f1f}
.design-v4 .ixc-price{font-size:26px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.design-v4 .ixc-price small{display:block;font-size:13px;font-weight:500;color:#555;letter-spacing:0}
/* logo duvarı */
.design-v4 .ix-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:18px}
.design-v4 .ixw-cat h3{display:flex;align-items:center;gap:8px;font-size:14.5px;margin:0 0 10px;color:#2b2b2b}
.design-v4 .ixw-cat .emblem{border-radius:7px}
.design-v4 .ixw-cat ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.design-v4 .ixw-cat li{margin:0;position:relative}
.design-v4 .ixw-cat a{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #e4e4e0;transition:box-shadow .15s,transform .15s}
.design-v4 .ixw-cat a:hover{box-shadow:0 0 0 2px #1f1f1f;transform:translateY(-2px)}
.design-v4 .ixw-cat img{width:30px;height:30px;object-fit:contain}
.design-v4 .ixw-cat li.is-free::after,.design-v4 .wall-free-key{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:#1f7a4d;box-shadow:0 0 0 2px #fff}
.design-v4 .ixw-cat li.is-free::after{position:absolute;right:-2px;top:-2px}
@media(max-width:899px){.design-v4 .index-hero2{grid-template-columns:1fr}.design-v4 .ih-donut{justify-self:start}.design-v4 .ix-strip{grid-template-columns:1fr;gap:4px}.design-v4 .ix-strip-val{text-align:left}.design-v4 .ix-strip-axis{margin:0 12px}}
@media(max-width:679px){.design-v4 .ix-block{padding:18px 14px}.design-v4 .pm{padding:0 10px}.design-v4 .pm-dot{width:24px;height:24px;border-radius:7px}.design-v4 .pm-dot img{width:18px;height:18px}.design-v4 .pm-axis{margin:0 10px}.design-v4 .ix-save .ec-val small{display:none}.design-v4 .ix-save .ec-val{min-width:0}}
.design-v4 .pm-m{display:none}
@media(max-width:679px){.design-v4 .pm-d{display:none}.design-v4 .pm-m{display:block}.design-v4 .ix-strip-axis{display:none}.design-v4 .pm-m .pm-axis span{font-size:11px}}
.design-v4 .glance-more a,.design-v4 .catalog-heading p a,.design-v4 .sf-card .sf-help a{display:inline-block;padding:7px 0;margin:-7px 0}
/* ücretsiz plan listesi (GEO A2, 2 Eki 2026) */
.design-v4 .free-plans{margin:0 0 40px;padding:24px 26px;border:1px solid #e4e4e0;border-radius:18px;background:#fff}
.design-v4 .free-plans h2{margin-top:0}
.design-v4 .fp-lead{font-size:16px;color:#444;max-width:70ch}
.design-v4 .fp-jump{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 22px}
.design-v4 .fp-jump a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px 0 6px;border:1px solid #d6d6d0;border-radius:999px;font-size:14px;font-weight:500;color:#1f1f1f;text-decoration:none}
.design-v4 .fp-jump a span{font-weight:700;color:#555}
.design-v4 .fp-jump .emblem{border-radius:7px;border:0}
.design-v4 .fp-group{margin:0 0 24px;scroll-margin-top:24px}
.design-v4 .fp-group h3{display:flex;align-items:center;gap:10px;font-size:18px;margin:0 0 10px}
.design-v4 .fp-group h3 .emblem{border-radius:8px}
.design-v4 .fp-table{width:100%;border-collapse:collapse;font-size:14.5px}
.design-v4 .fp-table th{white-space:nowrap;font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#555;text-align:left;padding:8px 10px;border-bottom:1px solid #e4e4e0}
.design-v4 .fp-table td{padding:10px;border-bottom:1px solid #f0f0ec;vertical-align:top;line-height:1.5;color:#333}
.design-v4 .fp-tool{white-space:nowrap;font-weight:600}
.design-v4 .fp-tool img{width:28px;height:28px;object-fit:contain;vertical-align:middle;margin-right:8px;border-radius:7px}
.design-v4 .fp-paid,.design-v4 .fp-date{white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:679px){
  .design-v4 .free-plans{padding:16px 12px}
  .design-v4 .fp-table thead{display:none}
  .design-v4 .fp-table tr{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:10px 0;border-bottom:1px solid #e4e4e0}
  .design-v4 .fp-table td{border:0;padding:0}
  .design-v4 .fp-table td:nth-child(2){grid-column:1 / -1;order:3}
  .design-v4 .fp-date{display:none}
}
.design-v4 .facts-row small a{display:inline-block;padding:7px 0;margin:-7px 0}
/* 2 Eki 2026: Advertise sayfası ve etiketli sponsor yerleri (ai-directory-core/advertise.php). Her ücretli yer "Sponsored" etiketi taşır. */
.design-v4 .advertise-page{display:grid;gap:28px}
.design-v4 .ad-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.design-v4 .ad-fact{border:1px solid #e4e4e0;border-radius:16px;padding:16px 18px;background:#fff;display:grid;gap:4px}
.design-v4 .ad-fact strong{font-size:26px;letter-spacing:-.02em;color:#1f1f1f}
.design-v4 .ad-fact span{font-size:13.5px;line-height:1.45;color:#555}
.design-v4 .ad-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.design-v4 .ad-card{border:1px solid #e4e4e0;border-radius:16px;padding:20px;background:#fff;display:flex;flex-direction:column;gap:10px}
.design-v4 .ad-card h3{margin:0;font-size:17px}
.design-v4 .ad-card p{margin:0;font-size:14.5px;line-height:1.5;color:#333}
.design-v4 .ad-price strong{font-size:28px;letter-spacing:-.02em}
.design-v4 .ad-price span{color:#666;font-size:14px}
.design-v4 .ad-choose{margin-top:auto;justify-self:start;align-self:flex-start}
.design-v4 .ad-order{max-width:760px}
.design-v4 .sponsor-label{display:inline-flex;align-items:center;margin:0 0 10px;padding:2px 10px;border:1px solid #e8d9c8;border-radius:999px;background:#fcf6f0;color:#8a4a1c;font-size:12px;font-weight:600;letter-spacing:.02em}
.design-v4 .sponsored-block{margin:24px 0;padding:16px;border:1px dashed #e8d9c8;border-radius:16px;background:#fffdfb}
.design-v4 .sponsored-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.design-v4 .sponsored-card{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #e4e4e0;border-radius:12px;background:#fff}
.design-v4 .sponsored-card h3{margin:0 0 4px;font-size:15.5px}
.design-v4 .sponsored-card p{margin:0 0 8px;font-size:13.5px;line-height:1.45;color:#444}
.design-v4 .sc-visit{font-size:13.5px;font-weight:600;text-decoration:underline}
.design-v4 .sponsor-why{margin:8px 0 0;font-size:12.5px}
.design-v4 .sponsor-why a{color:#666;text-decoration:underline}
.design-v4 .sponsor-strip{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 18px;padding:10px 14px;border:1px dashed #e8d9c8;border-radius:12px;background:#fffdfb;font-size:14px}
.design-v4 .sponsor-strip .sponsor-label{margin:0}
.design-v4 .sponsor-note{color:#555}
/* Nabız şeridi (atlas_pulse): canlı veri, tek satır, mobilde kayar. */
.design-v4 .pulse{display:flex;align-items:center;gap:10px;margin:10px 0 14px;font-size:13.5px;color:#444;overflow-x:auto;scrollbar-width:none}
.design-v4 .pulse::-webkit-scrollbar{display:none}
.design-v4 .pulse ul{display:flex;gap:6px;margin:0;padding:0;list-style:none;flex-wrap:wrap;align-items:center}
.design-v4 .pulse li a{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border:1px solid #e4e4e0;border-radius:999px;background:#fff;color:#333;text-decoration:none;white-space:nowrap}
.design-v4 .pulse li a:hover{border-color:#1f1f1f}
.design-v4 .pulse-live{display:inline-flex;align-items:center;gap:6px;padding-right:4px;font-weight:600;color:#1f7a4d;white-space:nowrap}
.design-v4 .pulse-dot{width:8px;height:8px;border-radius:50%;background:#1f7a4d;box-shadow:0 0 0 0 rgba(31,122,77,.5);animation:pulse-ring 2s infinite}
@keyframes pulse-ring{0%{box-shadow:0 0 0 0 rgba(31,122,77,.45)}70%{box-shadow:0 0 0 8px rgba(31,122,77,0)}100%{box-shadow:0 0 0 0 rgba(31,122,77,0)}}
@media (prefers-reduced-motion:reduce){.design-v4 .pulse-dot{animation:none}}
@media (max-width:640px){.design-v4 .pulse ul{flex-wrap:nowrap}}
/* Yorum yokken tek satır davet (atlas_reviews_section). */
.design-v4 .reviews-empty{padding-top:18px;padding-bottom:18px}
.design-v4 .rv-invite{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:14.5px;color:#444}
.design-v4 .rv-invite a{font-weight:600;text-decoration:underline}
/* 2 Eki 2026: profile özel kısa düzen (aidir_compact). */
.design-v4 .decide-more{list-style:none;margin:14px 0 0;padding:12px 16px;border-radius:12px;background:#f7f7f5;font-size:14px;line-height:1.5;color:#3d3d39}
.design-v4 .fc-limit.is-compact{display:block;margin:6px 0 0;padding:0;background:none;border:0;font-size:13px;color:#7a4a22}
.design-v4 .fc-limit.is-compact .icon{display:none}
.design-v4 .fc-limit.is-compact b{font-weight:700}
.design-v4 .method-sources{border:1px solid #e4e4e0;border-radius:16px;background:#fff;padding:0}
.design-v4 .method-sources>summary{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;padding:18px 22px;cursor:pointer;font-size:20px;font-weight:800;letter-spacing:-.01em;list-style:none}
.design-v4 .method-sources>summary::-webkit-details-marker{display:none}
.design-v4 .method-sources>summary::after{content:"+";margin-left:auto;font-weight:600;font-size:22px}
.design-v4 .method-sources[open]>summary::after{content:"–"}
.design-v4 .method-sources>summary small{font-size:13px;font-weight:500;color:#5b5b55}
.design-v4 .method-sources>.profile-block{margin:0;padding:6px 22px 22px;border:0}

/* Profil v4 pilotu (2 Eki 2026, inc/profile-v4.php): kullanıcı sesi, resmi video galerisi, plan hesaplayıcı, fiyat geçmişi */
.design-v4 .voice-stores{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:14px 0 6px}
.design-v4 .voice-store{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:14px 16px;border:1px solid #e4e4e0;border-radius:14px;background:#fff;color:#2b2b2b;text-decoration:none}
.design-v4 .voice-store:hover{border-color:#bdbdb6}
.design-v4 .voice-store strong{grid-row:1/3;font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1}
.design-v4 .voice-store .vs-name{font-weight:700;font-size:15px}
.design-v4 .voice-store .vs-meta{font-size:13px;line-height:1.4;color:#5b5b55}
.design-v4 .voice-store-note{grid-column:1/-1;margin:0;font-size:13px;color:#5b5b55}
.design-v4 .voice-summary{font-size:16px;line-height:1.6;margin:16px 0}
.design-v4 .voice-themes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}
.design-v4 .voice-themes li{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #e4e4e0;border-radius:12px;background:#fff}
.design-v4 .voice-themes li p{margin:4px 0;font-size:14px;line-height:1.5;color:#3d3d39}
.design-v4 .voice-themes li small{font-size:12px;color:#6b6b64}
.design-v4 .vt-badge{flex:none;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:700;background:#efefeb;color:#3d3d39}
.design-v4 .vt-praise .vt-badge{background:#e3f1e6;color:#1d5b2c}
.design-v4 .vt-complaint .vt-badge{background:#f8e5e2;color:#8a2b1d}
.design-v4 .voice-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin:14px 0}
.design-v4 .voice-quote{margin:0;padding:14px 16px;border-left:3px solid #2b2b2b;background:#f7f7f5;border-radius:0 12px 12px 0}
.design-v4 .voice-quote p{margin:0 0 6px;font-size:15px;line-height:1.5}
.design-v4 .voice-quote footer{font-size:12px;color:#5b5b55}
.design-v4 .vg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:12px}
.design-v4 .vg-item{margin:0}
.design-v4 .vg-item .video-facade{aspect-ratio:16/9;border-radius:12px;overflow:hidden}
.design-v4 .vg-item .video-facade img{width:100%;height:100%;object-fit:cover}
.design-v4 .vg-item figcaption{display:grid;gap:2px;margin-top:8px;font-size:14px;line-height:1.4}
.design-v4 .vg-item figcaption span{font-size:12px;color:#6b6b64}
.design-v4 .plan-calc,.design-v4 .price-history{margin:16px 0 8px;padding:18px 20px;border:1px solid #e4e4e0;border-radius:14px;background:#f7f7f5}
.design-v4 .plan-calc h3,.design-v4 .price-history h3{margin:0 0 10px;font-size:17px;font-weight:700;color:#2b2b2b}
.design-v4 .pc-row{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
.design-v4 .pc-row label{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;font-weight:600}
.design-v4 .pc-row select{min-height:40px;padding:6px 10px;border:1px solid #cfcfc8;border-radius:10px;background:#fff;font:inherit}
.design-v4 .pc-row input[type=range]{width:180px;accent-color:#2b2b2b}
.design-v4 .pc-row output{min-width:2ch;font-weight:800}
.design-v4 .pc-result{margin:12px 0 4px;padding:12px 14px;background:#fff;border:1px solid #e4e4e0;border-radius:10px;font-size:15px;line-height:1.5}
.design-v4 .ph-list{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid #d6d6d0;display:grid;gap:12px}
.design-v4 .ph-list li{position:relative;display:grid;gap:2px;font-size:14px;line-height:1.45}
.design-v4 .ph-list li::before{content:"";position:absolute;left:-21px;top:5px;width:10px;height:10px;border-radius:50%;background:#2b2b2b}
.design-v4 .ph-list time{font-size:12px;color:#6b6b64}
.design-v4 .ph-list span{color:#3d3d39}
.design-v4 .voice-more{margin:14px 0;border:1px solid #e4e4e0;border-radius:12px;background:#fff}
.design-v4 .voice-more>summary{padding:12px 16px;cursor:pointer;font-weight:700;font-size:15px}
.design-v4 .voice-more>.voice-quotes{margin:0;padding:0 12px 12px}
@media (max-width:640px){
.design-v4 .voice-themes li{padding:12px;gap:10px}
.design-v4 .voice-themes li p{font-size:13.5px}
.design-v4 .vt-badge{font-size:11px}
.design-v4 .vg-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.design-v4 .vg-item{scroll-snap-align:start}
.design-v4 .voice-store strong{font-size:28px}
}
.design-v4 .voice-more>.voice-themes{padding:0 12px 12px}
@media (max-width:640px){.design-v4 .voice-themes li{flex-direction:column;gap:6px}}
.design-v4 .plan-calc .um-note,.design-v4 .price-history .um-note{margin:8px 0 0;font-size:13px;line-height:1.5;color:#5b5b55}