/* herbaluyelik.com - ulke sayfalari ortak stil dosyasi (tum yabanci dil sayfalari bunu yukler).
   Hizli duzeltme: panelde Ayarlar > Genel CSS. Kalici degisiklik: bu dosya. */
:root{--gd:#1f5428;--g:#2f7d3a;--gm:#42a046;--gl:#5cba60;--mint:#e6f3e7;--off:#f6f9f6;--line:#dfe9e0;--txt:#26332a;--mid:#66756a;--amber:#fff6dc;--r:16px;--rl:24px;--sh:0 10px 40px rgba(31,84,40,.14)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--txt);background:var(--off);line-height:1.6;-webkit-text-size-adjust:100%;padding-bottom:0}
a{color:var(--g)}
button{font-family:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}
.proto{background:var(--amber);color:#6d4b00;border-bottom:1px solid #f0d58a;font-size:.8rem;padding:8px 16px;text-align:center}
/* nav */
nav.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.brandlogo{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}.brandlogo img{height:34px;width:auto;display:block;flex:none}.bl-div{width:2px;height:30px;background:var(--gd);flex:none}.bl-tag{font-weight:800;color:var(--gd);font-size:.86rem;line-height:1.15}
@media(max-width:480px){.brandlogo{gap:7px}.brandlogo img{height:26px}.bl-div{height:24px}.bl-tag{font-size:.68rem}nav.top{padding:10px 12px}.langbtn{padding:8px 9px;gap:6px}.langbtn>span:last-of-type{display:none}}
.brand{font-weight:900;font-size:1.15rem;color:var(--gd);letter-spacing:-.02em;text-decoration:none}.brand span{color:var(--gm)}
/* language switcher */
.langwrap{position:relative}
.langbtn{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:8px 12px;cursor:pointer;font-weight:700;font-size:.9rem;color:var(--gd);min-height:44px}
.langbtn:hover{border-color:var(--gl)}
.langbtn svg{width:18px;height:18px;flex:none}
.langbtn .chev{width:14px;height:14px;transition:transform .2s}
.langbtn[aria-expanded=true] .chev{transform:rotate(180deg)}

.langmenu{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,420px);background:#fff;border-radius:24px;box-shadow:0 30px 90px rgba(10,30,15,.4);padding:22px 20px 20px;display:none;z-index:91}
.langmenu{max-height:88vh;overflow-y:auto}.lm-grp{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mid);margin:12px 6px 6px}.langmenu a{padding:10px 14px}
.langmenu.open{display:block;animation:pop .18s ease-out}
@keyframes pop{from{opacity:0;transform:translate(-50%,-47%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.lm-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:0 4px}
.lm-top h2{font-size:1.15rem;font-weight:900;color:var(--gd);line-height:1.25}
.lm-x{width:40px;height:40px;border-radius:50%;border:0;background:var(--mint);color:var(--gd);cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none}
.lm-x:hover{background:var(--line)}
.lm-x svg{width:18px;height:18px}
.langmenu a{display:flex;align-items:center;gap:14px;padding:14px;border-radius:16px;text-decoration:none;color:var(--txt);border:2px solid transparent;margin-bottom:6px}
.langmenu a:hover,.langmenu a:focus-visible{background:var(--mint)}
.langmenu a[aria-current=true]{border-color:var(--gm);background:#f3faf3}
.flag{display:block;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.12);width:44px;height:44px}.flag svg{display:block;width:100%;height:100%}.flag-s{width:22px;height:22px}
.langmenu .code{width:44px;height:44px;border-radius:12px;background:var(--mint);color:var(--gd);font-weight:900;font-size:.9rem;display:flex;align-items:center;justify-content:center;flex:none}

.langmenu .nm{display:block;font-weight:800;font-size:1.05rem;line-height:1.2}
.langmenu .ct{display:block;font-size:.84rem;color:var(--mid)}
.langmenu .tick{margin-left:auto;width:20px;height:20px;color:var(--gm);visibility:hidden}
.langmenu a[aria-current=true] .tick{visibility:visible}
.langmenu{width:min(94vw,520px);padding:18px 16px 16px}.langmenu.open{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.langmenu .lm-top,.langmenu .lm-grp{grid-column:1/-1}.lm-top{margin-bottom:2px}.lm-grp{margin:8px 4px 0}
.langmenu a{margin:0;padding:8px 10px;gap:10px;border-radius:12px;min-width:0}.langmenu .flag{width:28px;height:28px}.langmenu .nm{font-size:.95rem}.langmenu .ct,.langmenu .tick{display:none}
@media(max-width:380px){.langmenu .nm{font-size:.88rem}.langmenu a{gap:8px;padding:8px}}
.lm-back{display:none;position:fixed;inset:0;background:rgba(15,30,18,.55);z-index:90}
.lm-back.open{display:block}
body.lm-lock{overflow:hidden}
/* quiz */
.quiz{background:#fff;border:1px solid var(--line);border-radius:var(--rl);padding:22px;margin-bottom:18px}
.quiz h3{font-size:1.1rem;color:var(--gd);margin-bottom:4px}
.quiz .qs{color:var(--mid);font-size:.9rem;margin-bottom:16px}
.q{border:0;margin-bottom:16px}
.q legend{font-weight:800;margin-bottom:8px;font-size:.96rem}
.opts{display:grid;gap:8px}
.opt{display:flex;gap:10px;align-items:flex-start;border:2px solid var(--line);border-radius:12px;padding:11px 14px;cursor:pointer;font-size:.93rem;background:var(--off)}
.opt:hover{border-color:var(--gl)}
.opt input{margin-top:4px;accent-color:var(--gm);flex:none}
.opt:has(input:checked){border-color:var(--gm);background:#f3faf3}
.qres{margin-top:6px;background:var(--mint);border-radius:14px;padding:16px}
.qres[hidden]{display:none}
.qres b{display:block;color:var(--gd);margin-bottom:4px}
.qres p{font-size:.92rem}
.qres .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.qres .btn{min-height:44px;padding:10px 18px;font-size:.92rem}
.qres small{display:block;margin-top:10px;color:var(--mid);font-size:.78rem}
/* hero */
.hero{background:radial-gradient(1200px 500px at 85% -10%,rgba(92,186,96,.55),transparent 60%),linear-gradient(135deg,var(--gd),var(--g));color:#fff;padding:46px 0 64px;position:relative;overflow:hidden}
.hero-grid{display:grid;gap:34px;align-items:center}
@media(min-width:900px){.hero-grid{grid-template-columns:1.1fr .9fr}}
.eyebrow{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);padding:6px 12px;border-radius:99px;font-size:.8rem;font-weight:700;margin-bottom:16px}
.hero h1{font-size:clamp(2rem,5.6vw,3.2rem);line-height:1.1;font-weight:900;letter-spacing:-.025em}
.hero p.lead{margin-top:16px;max-width:56ch;font-size:1.06rem;opacity:.95}
.cta-row{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:99px;font-weight:800;font-size:1rem;text-decoration:none;border:2px solid transparent;cursor:pointer;min-height:50px;text-align:center;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn-white{background:#fff;color:var(--gd)}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.btn-green{background:var(--gm);color:#fff}.btn-green:hover{background:var(--g)}
.btn-outline{background:#fff;color:var(--gd);border-color:var(--gm)}.btn-outline:hover{background:var(--mint)}
.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}
.btn svg{width:18px;height:18px}
/* flow card */
.flow{background:#fff;color:var(--txt);border-radius:var(--rl);padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.25)}
.flow h2{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mid);font-weight:800;margin:0 0 14px}
.flow ol{list-style:none;display:grid;gap:0;position:relative}
.flow li{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:10px 0;position:relative}
.flow li::before{content:"";position:absolute;left:19px;top:46px;bottom:-10px;width:2px;background:var(--line)}
.flow li:last-child::before{display:none}
.flow .n{width:40px;height:40px;border-radius:50%;background:var(--mint);color:var(--gd);font-weight:900;display:flex;align-items:center;justify-content:center}
.flow li.off .n{background:var(--gd);color:#fff}
.flow b{display:block;line-height:1.25}
.flow small{color:var(--mid);font-size:.85rem}
.flow .badge{display:inline-block;margin-left:6px;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:var(--gd);color:#fff;border-radius:6px;padding:2px 7px;vertical-align:2px}
/* trust */
.trust{margin-top:-30px;position:relative;z-index:2}
.trust ul{list-style:none;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#fff;border-radius:var(--rl);padding:14px;box-shadow:var(--sh);border:1px solid var(--line)}
@media(min-width:820px){.trust ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
.trust li{min-width:0;overflow-wrap:break-word;display:flex;gap:10px;align-items:flex-start;font-size:.86rem;font-weight:700;color:var(--gd);line-height:1.35;padding:6px}
.trust li span{min-width:0;overflow-wrap:anywhere}.trust svg{width:20px;height:20px;flex:none;color:var(--gm);margin-top:1px}
/* sections */
section{padding:46px 0}
h2.h{font-size:clamp(1.5rem,3.8vw,2.1rem);font-weight:900;color:var(--gd);line-height:1.2;letter-spacing:-.015em;margin-bottom:8px}
.sub{color:var(--mid);max-width:64ch;margin-bottom:24px}
/* chooser */
.choice{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:760px){.choice{grid-template-columns:1fr 1fr}}
.pick{position:relative;text-align:left;background:#fff;border:2px solid var(--line);border-radius:var(--rl);padding:22px 22px 22px 66px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;display:block;width:100%}
.pick:hover{border-color:var(--gl)}
.pick::before{content:"";position:absolute;left:22px;top:24px;width:26px;height:26px;border-radius:50%;border:2px solid var(--line);background:#fff;transition:.15s}
.pick[aria-selected=true]{border-color:var(--gm);box-shadow:var(--sh);background:linear-gradient(#fff,#f3faf3)}
.pick[aria-selected=true]::before{border-color:var(--gm);background:radial-gradient(circle,var(--gm) 45%,#fff 50%)}
.pick .tag{font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--gm)}
.pick h3{font-size:1.2rem;color:var(--gd);line-height:1.25;margin:2px 0 6px}
.pick p{font-size:.94rem;color:var(--txt)}
/* panel */
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--rl);padding:26px;margin-top:18px;box-shadow:var(--sh)}
.panel[hidden]{display:none}
.panel h3{font-size:1.35rem;color:var(--gd);margin-bottom:6px}
.panel .intro{color:var(--txt);max-width:70ch;margin-bottom:20px}
.pgrid{display:grid;gap:22px}
@media(min-width:900px){.pgrid{grid-template-columns:1.25fr .75fr}}
.panel h4{font-size:.8rem;letter-spacing:.07em;text-transform:uppercase;color:var(--mid);font-weight:800;margin-bottom:12px}
ol.steps{list-style:none;counter-reset:s;display:grid;gap:10px}
ol.steps li{counter-increment:s;background:var(--off);border-radius:14px;padding:14px 14px 14px 58px;position:relative;font-size:.96rem}
ol.steps li::before{content:counter(s);position:absolute;left:14px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--gm);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.92rem}
.check{list-style:none;display:grid;gap:10px}
.check li{display:flex;gap:10px;font-size:.93rem;align-items:flex-start}
.check li::before{content:"";width:20px;height:20px;border-radius:6px;border:2px solid var(--gl);flex:none;margin-top:2px;background:#fff}
.sidebox{background:var(--mint);border-radius:18px;padding:18px}
.know{margin-top:16px;background:var(--amber);border:1px solid #f0d58a;border-radius:14px;padding:14px 16px;font-size:.92rem}
.know b{display:block;margin-bottom:6px;color:#6d4b00}
.know ul{padding-left:18px;display:grid;gap:4px}
.panel .btn{margin-top:20px;width:100%}
@media(min-width:600px){.panel .btn{width:auto}}
.idstrip{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;background:var(--mint);border:2px dashed var(--gl);border-radius:16px;padding:14px 16px;margin:18px 0}.idstrip .it{display:flex;flex-direction:column;gap:2px}.idstrip .lb{font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mid)}.idstrip code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.3rem;font-weight:800;color:var(--gd);letter-spacing:.05em}.idstrip .row{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap}.idstrip .it{min-width:0;max-width:100%}.idstrip code{word-break:break-all}.idstrip{min-width:0}
.ctanote{display:block;margin-top:12px;font-size:.84rem;color:var(--mid);max-width:62ch}
.crumb{font-size:.8rem;opacity:.9;margin-bottom:16px}.crumb a{color:#fff}
.legal{padding:40px 0}.legal h1{font-size:clamp(1.7rem,4.5vw,2.4rem);color:var(--gd);font-weight:900;margin-bottom:6px}.legal h2{font-size:1.15rem;color:var(--gd);margin:26px 0 6px}.legal p,.legal li{font-size:.96rem;max-width:72ch}.legal ul{padding-left:20px;display:grid;gap:4px}.legal .upd{color:var(--mid);font-size:.85rem;margin-bottom:10px}
/* compare */
.table-wrap{overflow-x:auto;background:#fff;border-radius:var(--r);border:1px solid var(--line)}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:.93rem}
th,td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
th{background:var(--mint);color:var(--gd);font-weight:800}
tr:last-child td{border-bottom:0}
td:first-child{font-weight:800;color:var(--gd);white-space:nowrap}
/* sponsor */
.sponsor{background:linear-gradient(135deg,#fff,#f1f9f1);border:2px dashed var(--gl);border-radius:var(--rl);padding:26px}
.sponsor-grid{display:grid;gap:14px;grid-template-columns:1fr;margin-top:18px}
@media(min-width:700px){.sponsor-grid{grid-template-columns:1fr 1fr}}
.field{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px}
.field label{font-size:.76rem;font-weight:800;color:var(--mid);text-transform:uppercase;letter-spacing:.06em}
.field .row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.field code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.5rem;font-weight:800;color:var(--gd);letter-spacing:.05em;word-break:break-all}
.copy{font-weight:800;font-size:.88rem;padding:10px 16px;border-radius:99px;border:2px solid var(--gm);background:#fff;color:var(--gd);cursor:pointer;min-height:44px;display:inline-flex;gap:8px;align-items:center}
.copy svg{width:16px;height:16px}
.copy:hover{background:var(--mint)}
.copy.done{background:var(--gm);color:#fff}
.hint{margin-top:16px;font-size:.88rem;color:var(--mid)}
/* notes + faq */
.bullets{display:grid;gap:10px;list-style:none}
.bullets li{background:#fff;border-left:4px solid var(--gl);padding:13px 16px;border-radius:0 var(--r) var(--r) 0;font-size:.95rem;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
details{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px;transition:box-shadow .15s}
details[open]{box-shadow:var(--sh)}
summary{cursor:pointer;font-weight:800;color:var(--gd);padding:16px 18px;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:52px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:1.5rem;line-height:1;color:var(--gm);font-weight:600}
details[open] summary::after{content:"\2212"}
details p{padding:0 18px 18px;font-size:.95rem}
.disclaimer{background:#fff;border:1px solid var(--line);border-left:5px solid var(--gm);border-radius:var(--r);padding:16px 18px;font-size:.93rem}
footer{background:var(--gd);color:rgba(255,255,255,.85);padding:34px 0 96px;font-size:.88rem}
footer a{color:#fff}
footer .links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:14px}
footer p+p{margin-top:8px;color:rgba(255,255,255,.65)}
/* mobile bar */
.bar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 30px rgba(20,50,25,.12);padding:10px 14px calc(10px + env(safe-area-inset-bottom));display:flex;gap:10px;z-index:25;transform:translateY(110%);transition:transform .25s}
.bar.show{transform:none}
.bar .btn{flex:1;padding:12px 10px;min-height:48px;font-size:.92rem}
@media(min-width:900px){.bar{display:none}footer{padding-bottom:34px}}
.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%) translateY(20px);background:var(--gd);color:#fff;padding:12px 20px;border-radius:99px;font-weight:800;font-size:.9rem;opacity:0;pointer-events:none;transition:.25s;z-index:60}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
:focus-visible{outline:3px solid #1a73e8;outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* ulke sayfalari (28.10.2026) */
.prose{max-width:72ch}.prose p{margin:0 0 14px;font-size:1rem}
.cards{list-style:none;display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:700px){.cards{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.cards{grid-template-columns:repeat(3,1fr)}}
.cards a{display:flex;flex-direction:column;gap:4px;height:100%;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;text-decoration:none;color:var(--txt);transition:box-shadow .15s,border-color .15s}
.cards a:hover{border-color:var(--gl);box-shadow:var(--sh)}
.cards b{color:var(--gd);font-size:1.02rem;line-height:1.25}.cards span{color:var(--mid);font-size:.9rem}
.know a{font-weight:800}
.check li::before{content:"\2713";display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;flex:none;margin-top:2px;background:var(--gm);color:#fff;font-size:.7rem;font-weight:900;line-height:1}

/* ---- hero v2: tek ana dugme + 3 adim karti (28.10.2026) ---- */
.hero2 .hero-grid{align-items:center}
.hero2 .lead{max-width:56ch}
.hero2 .cta-row{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:22px}
.btn-hero{min-height:54px;padding:0 30px;font-size:1.05rem}
.hero-link{color:#dcefdd;font-weight:700;font-size:.93rem;text-decoration:underline;text-underline-offset:3px}
.hero-link:hover{color:#fff}
.hero-ticks{list-style:none;display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:20px;font-size:.84rem;font-weight:700;color:#dcefdd}
.hero-ticks li::before{content:"\2713";margin-right:7px;font-weight:900}
.steps3{background:#fff;color:var(--txt);border-radius:var(--rl);padding:22px 22px 18px;box-shadow:var(--sh)}
.steps3-h{font-size:.74rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--mid);margin-bottom:12px}
.st{display:flex;gap:12px;padding:10px 0}
.st .n{width:30px;height:30px;border-radius:50%;background:var(--mint);color:var(--gd);font-weight:900;font-size:.86rem;display:flex;align-items:center;justify-content:center;flex:none;transition:background .2s,color .2s}
.st1 .n{background:var(--gd);color:#fff}
.stb{flex:1;min-width:0}
.stb b{display:block;font-size:1rem;color:var(--txt);line-height:1.3}
.stb small{display:block;color:var(--mid);font-size:.84rem;margin:2px 0 8px}
.fld{margin-top:10px}
.fld .lb{display:block;font-size:.72rem;font-weight:800;color:var(--mid);margin-bottom:4px}
.fld .val{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--mint);border:1.5px dashed var(--gl);border-radius:10px;padding:6px 6px 6px 12px}
.fld code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem;font-weight:800;color:var(--gd);letter-spacing:.05em;word-break:break-all}
.fld .copy{min-height:38px;padding:6px 14px;font-size:.82rem}
.st2{border:1.5px solid transparent;border-radius:12px;padding:12px;margin:6px -6px 0;transition:border-color .2s,background .2s}
.st2 .btn{min-height:44px;width:100%;padding:10px 14px;font-size:.92rem;white-space:nowrap}
.steps3.is-copied .st1 .n{background:var(--gm)}
.steps3.is-copied .st2{border-color:var(--gm);background:#f1f9f1}
.steps3.is-copied .st2 .n{background:var(--gd);color:#fff}

/* ---- tekrar eden CTA bantlari ---- */
.ctaband{padding:6px 0 26px}
.ctaband .cb{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;justify-content:space-between;background:var(--mint);border:1.5px solid var(--gl);border-radius:var(--rl);padding:18px 22px}
.ctaband p{flex:1 1 280px;margin:0;font-size:.93rem;color:var(--txt)}
.ctaband .btn{flex:none}

/* ---- ID kopyalandi: devam balonu ---- */
.hb-next{position:fixed;left:50%;bottom:24px;transform:translate(-50%,24px);opacity:0;pointer-events:none;z-index:55;display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid var(--gm);border-radius:99px;padding:8px 8px 8px 18px;box-shadow:var(--sh);transition:opacity .25s,transform .25s;max-width:calc(100% - 24px)}
.hb-next.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.hb-next span{font-weight:800;color:var(--gd);font-size:.9rem;white-space:nowrap}
.hb-next .btn{min-height:42px;padding:0 18px;font-size:.9rem}
.hb-next .hb-x{width:34px;height:34px;border-radius:50%;border:0;background:var(--mint);color:var(--gd);cursor:pointer;font-size:1.1rem;line-height:1;flex:none}

/* ---- ulke onerisi bandi ---- */
.hb-geo{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:center;background:#fff6dc;border-bottom:1px solid #f0d58a;padding:10px 44px 10px 16px;position:relative;font-size:.92rem;color:#4a3500}
.hb-geo .btn{min-height:36px;padding:0 16px;font-size:.86rem}
.hb-geo .hb-x{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:0;background:transparent;color:#4a3500;cursor:pointer;font-size:1.2rem;line-height:1}

@media(max-width:700px){
  .hero2 .cta-row{flex-direction:column;align-items:stretch}
  .btn-hero{width:100%;justify-content:center}
  .hero-link{text-align:center}
  .hb-next{bottom:78px;width:calc(100% - 24px);justify-content:space-between}
  .hb-next span{white-space:normal;font-size:.84rem}
}

/* dil popup v2: bolge sutunlari + arama (28.10.2026) */
.langmenu{width:min(96vw,560px);padding:18px 18px 20px}
.langmenu.open{display:block}
.langmenu:has(.lm-cols[data-n="3"]){width:min(96vw,820px)}
.langmenu:has(.lm-cols[data-n="4"]){width:min(96vw,1020px)}
.langmenu .ct{display:block;font-size:.74rem;line-height:1.2}
.langmenu a{margin:0;padding:7px 8px}.langmenu .flag{width:26px;height:26px}
.lm-search{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:11px 14px;font:inherit;font-size:.95rem;margin:2px 0 6px;background:#fff;color:var(--txt)}
.lm-search:focus{outline:none;border-color:var(--gm)}
.lm-cols{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:2px 20px}
.lm-reg{padding:0}.lm-reg.wide{grid-column:span 2}
.lm-reg .lm-grp{margin:10px 8px 6px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.lm-reg.wide .lm-items{display:grid;grid-template-columns:1fr 1fr;column-gap:8px}
.lm-hide{display:none!important}
.lm-none{text-align:center;color:var(--mid);padding:18px}
.lm-none[hidden]{display:none}
@media(max-width:760px){.lm-cols{grid-template-columns:1fr 1fr!important}.lm-reg.wide{grid-column:1/-1}}
@media(max-width:480px){.lm-cols{grid-template-columns:1fr!important}.lm-reg.wide .lm-items{grid-template-columns:1fr}.langmenu{padding:14px 12px 16px}}