/* EticaretRadarı veri ve rehber sayfaları bileşenleri (etr-v8-bilesen.php). v8.css belirteçlerini (--or, --pu, --ln...) kullanır.
   Sınıf öneki .vs- ; v8.css'teki .met, .hb2, .v4 kurallarına dokunmaz. */

/* Sayfa başlığı */
.vs-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#fff 58%,var(--pu-s) 100%);border:1px solid var(--ln);border-radius:22px;padding:24px 28px 22px;margin:4px 0 18px;box-shadow:var(--sh)}
.vs-hero:after{content:"";position:absolute;right:-70px;top:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(93,62,188,.11),transparent 70%);pointer-events:none}
.vs-hero>*{position:relative;z-index:1}
.vs-ust{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.vs-ust .vs-etk{font:700 12px var(--hd);color:var(--mu)}
.vs-hero h1{font:800 34px/1.14 var(--hd);margin:12px 0 10px;color:var(--ink);letter-spacing:-.01em;max-width:880px}
.vs-spot{font-size:17.5px;line-height:1.6;color:var(--ink2);margin:0;max-width:800px}
.vs-istat{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:20px 0 0}
.vs-istat div{background:#fff;border:1px solid var(--ln);border-radius:14px;padding:12px 14px}
.vs-istat b{display:block;font:800 23px/1.15 var(--hd);color:var(--pu);overflow-wrap:anywhere}
.vs-istat span{display:block;font-size:12.5px;line-height:1.35;color:var(--mu);margin-top:5px}
.vs-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:16px 0 0;font-size:13px;color:var(--mu)}
.vs-meta span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--dn);margin-right:7px;vertical-align:2px}
.vs-meta a{color:var(--ink2);font-weight:600}
.vs-hero .vs-ara{margin:18px 0 0}

/* Kısa cevap */
.vs-kc{background:#fff;border:1px solid #e3dcff;border-left:5px solid var(--pu);border-radius:16px;padding:15px 20px;margin:0 0 18px;box-shadow:var(--sh)}
.vs-kc .vs-kb{display:flex;align-items:center;gap:8px;margin:0 0 6px;font:800 12px var(--hd);letter-spacing:.07em;text-transform:uppercase;color:var(--pu)}
.vs-kc .vs-kb:before{content:"";width:18px;height:18px;border-radius:50%;background:var(--pu) 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='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/11px no-repeat}
.vs-kc p,.vs-kc li{font-size:16.5px;line-height:1.6;color:var(--ink);margin:0}
.vs-kc ul{margin:0;padding-left:20px}.vs-kc li+li{margin-top:4px}

/* Sözlük tanımı */
.vs-tanim{background:linear-gradient(135deg,var(--pu),#7b5be0);color:#fff;border-radius:18px;padding:18px 22px;margin:0 0 14px;box-shadow:0 10px 26px rgba(93,62,188,.22)}
.vs-tanim .vs-kb{margin:0 0 6px;font:800 12px var(--hd);letter-spacing:.08em;text-transform:uppercase;color:#e4dcff}
.vs-tanim p{margin:0;font:600 19px/1.5 var(--hd);color:#fff}
.vs-tanim a{color:#fff}

/* Temel bilgi kutucukları */
.vs-olgu{display:grid;grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:12px;margin:0 0 22px}
.vs-o{position:relative;display:flex;flex-direction:column;gap:5px;min-width:0;background:#fff;border:1px solid var(--ln);border-radius:16px;padding:14px 16px;box-shadow:var(--sh)}
.vs-o small{font:700 11.5px var(--hd);letter-spacing:.06em;text-transform:uppercase;color:var(--mu)}
.vs-o b{font:800 23px/1.15 var(--hd);color:var(--ink);overflow-wrap:anywhere}
.vs-o b.kod{font:700 19px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em}
.vs-o span{font-size:13px;line-height:1.45;color:var(--ink2)}
.vs-o a{color:var(--or-d);font-weight:700;font-size:13px}
.vs-o.vurgu{background:linear-gradient(180deg,var(--or-s),#fff 70%);border-color:#ffd8b5}
.vs-kop{position:absolute;top:10px;right:10px;border:1px solid var(--ln);background:#fff;border-radius:9px;padding:4px 9px;font:700 11.5px var(--hd);color:var(--ink2);cursor:pointer}
.vs-kop:hover{border-color:var(--or);color:var(--or-d)}

/* Bölüm başlığı */
.vs-b{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:28px 0 10px;padding-bottom:8px;border-bottom:2px solid var(--ln)}
.vs-b h2{margin:0;font:800 21px/1.25 var(--hd);color:var(--ink);scroll-margin-top:16px}
.vs-b span{font-size:13px;color:var(--mu);white-space:nowrap}
.vs-b a{font:700 13px var(--hd);color:var(--or-d);white-space:nowrap}

/* Hızlı geçiş düğmeleri */
.vs-cip{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;margin:0 0 4px;scrollbar-width:thin}
.vs-cip a{flex:0 0 auto;font:700 13px var(--hd);padding:8px 13px;border-radius:999px;background:#fff;border:1px solid var(--ln);color:var(--ink2);text-decoration:none;white-space:nowrap}
.vs-cip a:hover,.vs-cip a.on{border-color:var(--or);color:var(--or-d);background:var(--or-s)}
.vs-cip a small{color:var(--mu);font-weight:600;margin-left:5px}

/* Kart ızgarası */
.vs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:10px 0 22px}
.vs-grid.sik{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.vs-k{display:flex;flex-direction:column;gap:5px;min-width:0;background:#fff;border:1px solid var(--ln);border-radius:16px;padding:14px 16px;box-shadow:var(--sh);color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}
.vs-k:hover{border-color:var(--or);transform:translateY(-2px);box-shadow:0 10px 24px rgba(60,40,120,.10)}
.vs-k i{font:800 11px var(--hd);letter-spacing:.06em;text-transform:uppercase;color:var(--pu);font-style:normal}
.vs-k b{font:700 15.5px/1.3 var(--hd);color:var(--ink)}
.vs-k span{font-size:13.5px;line-height:1.45;color:var(--ink2)}
.vs-k em{display:flex;flex-wrap:wrap;gap:6px;font-style:normal;margin-top:auto;padding-top:6px}
.vs-k em u{text-decoration:none;font:700 12px var(--tx);background:var(--bg);border-radius:999px;padding:3px 9px;color:var(--ink2)}
.vs-k em u.or{background:var(--or-s);color:var(--or-d)}
.vs-k em u.pu{background:var(--pu-s);color:var(--pu)}
.vs-grid.sik .vs-k{padding:12px 14px}

/* Arama */
.vs-ara{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--ln);border-radius:14px;padding:0 14px;height:52px;margin:0 0 6px;transition:border-color .15s}
.vs-ara:focus-within{border-color:var(--pu)}
.vs-ara svg{width:20px;height:20px;flex:0 0 20px;color:var(--pu)}
.vs-ara input{flex:1;min-width:0;border:0;outline:0;font:500 16px var(--tx);color:var(--ink);background:transparent}
.vs-ara-bilgi{min-height:18px;margin:0 0 6px;font-size:13px;color:var(--mu)}

/* Tablolar */
.vs-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--ln);border-radius:16px;box-shadow:var(--sh);margin:8px 0 18px}
.vs-tw.uzun{max-height:72vh;overflow:auto}
.vs-tw table,.met .vs-tw table{width:100%;min-width:560px;margin:0;border-collapse:separate;border-spacing:0;box-shadow:none;border-radius:0;background:#fff;font-size:15px}
.vs-tw.dar table{min-width:0}
.vs-tw thead th{position:sticky;top:0;z-index:2;background:#fff7ef;font:700 12.5px var(--hd);letter-spacing:.02em;color:var(--or-d);text-align:left;padding:11px 13px;border-bottom:1px solid #f6dcc4;white-space:nowrap}
.vs-tw td,.vs-tw tbody th{padding:11px 13px;border-bottom:1px solid var(--ln);vertical-align:top;text-align:left}
.vs-tw tbody th{font:700 14.5px/1.35 var(--hd);color:var(--ink);background:#fff}
.vs-tw tbody tr:nth-child(even) td,.vs-tw tbody tr:nth-child(even) th{background:#fbfaff}
.vs-tw tbody tr:hover td,.vs-tw tbody tr:hover th{background:#f5f2ff}
.vs-tw tbody tr:last-child td,.vs-tw tbody tr:last-child th{border-bottom:0}
.vs-tw .sa{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.vs-tw .kod{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;white-space:nowrap}
.vs-tw small{display:block;color:var(--mu);font-size:12.5px;line-height:1.4;margin-top:2px}
.vs-tw .alt td{color:var(--ink2)}
.vs-tw .secili td,.vs-tw .secili th{background:var(--pu-s)!important;font-weight:700}
.vs-oran{display:inline-block;font:800 15px var(--hd);color:var(--ink);background:var(--or-s);border-radius:8px;padding:2px 8px}

/* Sütunlu bağlantı listesi */
.vs-liste{columns:230px auto;column-gap:28px;margin:6px 0 20px;padding:0;list-style:none}
.vs-liste li{break-inside:avoid;margin:0 0 7px;padding-left:14px;position:relative;font-size:15px;line-height:1.4}
.vs-liste li:before{content:"›";position:absolute;left:0;color:var(--or);font-weight:800}
.vs-liste a{color:var(--ink);text-decoration:none}
.vs-liste a:hover{color:var(--or-d);text-decoration:underline}
.vs-liste small{color:var(--mu)}

/* Sık sorulanlar */
.vs-sss details{border:1px solid var(--ln);border-radius:14px;background:#fff;margin:8px 0;box-shadow:var(--sh)}
.vs-sss summary{list-style:none;cursor:pointer;padding:14px 46px 14px 16px;font:700 15.5px/1.4 var(--hd);color:var(--ink);position:relative}
.vs-sss summary::-webkit-details-marker{display:none}
.vs-sss summary:after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--pu-s);color:var(--pu);font:800 17px/24px var(--hd);text-align:center}
.vs-sss details[open] summary:after{content:"–"}
.vs-sss details>div{padding:0 16px 14px;font-size:15.5px;line-height:1.65;color:var(--ink2)}

/* Kaynak ve güven kutusu */
.vs-kay{display:grid;grid-template-columns:40px 1fr;gap:14px;background:var(--bg);border:1px solid var(--ln);border-radius:16px;padding:16px 18px;margin:28px 0 8px;font-size:14px;line-height:1.55;color:var(--ink2)}
.vs-kay:before{content:"";width:40px;height:40px;border-radius:12px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d3ebc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 6v6c0 4.5 3.4 8.2 8 9 4.6-.8 8-4.5 8-9V6z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") center/22px no-repeat;border:1px solid var(--ln)}
.vs-kay b{color:var(--ink);font-family:var(--hd)}
.vs-kay ul{margin:6px 0;padding-left:18px}
.vs-kay p{margin:0 0 6px}.vs-kay p:last-child{margin:0}
.vs-kay a{color:var(--ink2)}

/* Bağlamsal yan sütun */
.vs-yan{position:sticky;top:14px}
.vs-yk{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:16px 16px 12px}
.vs-yk+.vs-yk,.vs-yan .kutu{margin-top:14px}
.vs-yk h2{margin:0 0 10px;font:800 13px var(--hd);letter-spacing:.06em;text-transform:uppercase;color:var(--pu)}
.vs-yk ol,.vs-yk ul{list-style:none;margin:0;padding:0}
.vs-yk li{border-top:1px solid var(--ln)}
.vs-yk li:first-child{border-top:0}
.vs-yk li a{display:block;padding:8px 0;font-size:14px;line-height:1.35;color:var(--ink);text-decoration:none}
.vs-yk li a:hover{color:var(--or-d)}
.vs-yk li a small{display:block;color:var(--mu);font-size:12px}

/* Hesap şeridi (komisyon tablosu: satış fiyatı) */
.vs-hesap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;background:linear-gradient(135deg,var(--or-s),#fff);border:1px solid #ffd8b5;border-radius:16px;padding:12px 16px;margin:10px 0 12px}
.vs-hesap label{font:800 13px var(--hd);color:var(--or-d)}
.vs-hesap .in{display:flex;align-items:center;gap:6px;background:#fff;border:2px solid #ffd2a8;border-radius:12px;padding:0 12px;height:44px}
.vs-hesap .in:focus-within{border-color:var(--or)}
.vs-hesap input{border:0;outline:0;font:800 18px var(--hd);width:120px;background:transparent;color:var(--ink)}
.vs-hesap span{font-weight:700;color:var(--mu)}
.vs-hesap p{margin:0;font-size:13px;color:var(--ink2)}

/* Hesaplayıcı (etr_v8h_form) */
.vs-calc{background:#fff;border:1px solid var(--ln)!important;border-radius:20px;box-shadow:0 8px 26px rgba(60,40,120,.08);padding:18px 18px 16px;margin:0 0 22px}
.vs-gir{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.vs-calc label{font:700 13px var(--hd);color:var(--ink2)}
.vs-birim{font:600 12px var(--tx);color:var(--mu)}
.vs-yardim{display:block;color:var(--mu);font-size:12.5px;line-height:1.4;margin-top:5px}
.vs-sonuc{margin-top:16px;background:linear-gradient(135deg,var(--pu-s),#fff 75%);border:1px solid #e3dcff;border-radius:16px;padding:14px 16px 12px}
.vs-ana{margin:0 0 8px}
.vs-ana span{display:block;font:700 12px var(--hd);letter-spacing:.05em;text-transform:uppercase;color:var(--mu)}
.vs-ana b{display:block;font:800 32px/1.15 var(--hd);color:var(--pu);margin-top:2px;overflow-wrap:anywhere}
.vs-satir{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-top:1px dashed #d9d0f5;font-size:15px;color:var(--ink2)}
.vs-satir b{white-space:nowrap;color:var(--ink);font-family:var(--hd)}
.vs-cumle{margin:10px 0 4px;font-size:14px;line-height:1.5;color:var(--ink2)}
.vs-pay{margin:0;font-size:13px}.vs-pay small{color:var(--mu)}
.vs-formul{list-style:none;padding:0;margin:6px 0 16px}
.vs-formul li{background:var(--bg);border:1px solid var(--ln);border-radius:12px;padding:10px 14px;margin:0 0 8px;font:600 15px/1.5 var(--tx);color:var(--ink)}

.vs-grafik{background:#fff;border:1px solid var(--ln);border-radius:16px;padding:10px 14px;box-shadow:var(--sh);margin:8px 0 12px}
.vs-grafik figure{margin:4px 0!important}

/* Ürün satıcı dosyası (etr-v8-urun.php). Rapor düzeni: numaralı bölüm başlığı, çizgiyle bölünmüş tek panel, sade tablo; kart yığını yok. */
.uk-kb{display:flex;align-items:center;gap:8px;margin:22px 0 8px!important;font:800 12px var(--hd);letter-spacing:.07em;text-transform:uppercase;color:var(--pu)}
.uk-kb:before{content:"";width:18px;height:18px;border-radius:50%;background:var(--pu) 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='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/11px no-repeat}
.uk-pano{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;background:var(--ln);border:1px solid var(--ln);border-radius:16px;overflow:hidden}
.uk-p{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;background:#fff;padding:15px 17px 14px}
.uk-p:last-child:nth-child(3n+1){grid-column:span 3}.uk-p:last-child:nth-child(3n+2){grid-column:span 2}
.uk-p small{font:700 11px var(--hd);letter-spacing:.06em;text-transform:uppercase;color:var(--mu)}
.uk-p b{font:800 22px/1.15 var(--hd);color:var(--ink)}
.uk-p b.kod{font:700 18px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.01em;white-space:nowrap}
.uk-p span{font-size:12.5px;line-height:1.4;color:var(--ink2)}
.uk-p a{margin-top:auto;padding-top:4px;font:700 12.5px var(--hd);color:var(--or-d);text-decoration:none}
.uk-p a:hover{text-decoration:underline}

/* Bölüm */
.uk .uk-s{margin:56px 0 0}
.uk .uk-s:first-child{margin-top:30px}
.uk-sh{margin:0 0 18px}
.uk-ey{display:block;margin:0 0 6px;font:800 11.5px var(--hd);letter-spacing:.1em;text-transform:uppercase;color:var(--pu)}
.uk .uk-sh h2{margin:0!important;padding:0!important;border:0!important;font:800 26px/1.22 var(--hd);color:var(--ink);letter-spacing:-.015em;scroll-margin-top:16px}
.uk .uk-sh p{margin:8px 0 0!important;font-size:16px;line-height:1.6;color:var(--ink2);max-width:700px}
.uk .uk-sh p a{font:700 14px var(--hd);color:var(--or-d)}
.uk-panel{background:#fff;border:1px solid var(--ln);border-radius:18px;overflow:hidden}
.uk-pad{padding:20px 24px}
.uk .uk-bilgi{position:relative;margin:14px 0 0!important;padding:0 0 0 26px;font-size:13.5px;line-height:1.6;color:var(--ink2);max-width:760px}
.uk-bilgi:before,.uk-nt li:before{content:"i";position:absolute;left:0;top:2px;width:16px;height:16px;box-sizing:border-box;border-radius:50%;border:1.5px solid #a8a3bf;color:#8a85a3;font:700 10px/13px Georgia,serif;text-align:center}
.uk .uk-bilgi a,.uk-nt a{color:var(--ink);font-weight:600}
.uk .uk-nt{margin:14px 0 0!important;padding:0!important;list-style:none;max-width:760px}
.uk .uk-nt li{position:relative;margin:0 0 6px!important;padding:0 0 0 26px;font-size:13.5px;line-height:1.6;color:var(--ink2)}

/* Tablolar: sade başlık, tek vurgu */
.uk .vs-tw{box-shadow:none;border-radius:18px;margin:0}
.uk .vs-tw thead th{background:#f8f8fb;color:#77738f;font:700 11px var(--hd);letter-spacing:.07em;text-transform:uppercase;padding:13px 18px;border-bottom:1px solid var(--ln)}
.uk .vs-tw td,.uk .vs-tw tbody th{padding:15px 18px;vertical-align:middle}
.uk .vs-tw tbody tr:nth-child(even) td,.uk .vs-tw tbody tr:nth-child(even) th{background:#fff}
.uk .vs-tw tbody tr:hover td,.uk .vs-tw tbody tr:hover th{background:#fafafd}
.uk .vs-tw tbody tr.secili td,.uk .vs-tw tbody tr.secili th{background:#f5fbf7!important;font-weight:600}
.uk .vs-tw a{color:var(--ink);text-decoration:none}
.uk .vs-tw a:hover{color:var(--or-d)}
.uk .vs-tw small{display:block;margin-top:3px;font:500 12.5px/1.4 var(--tx);color:var(--mu)}
.uk .vs-oran{background:#f2f0fa;color:var(--ink)}
.uk-tag{display:inline-block;margin-left:8px;padding:4px 7px;border-radius:999px;background:#e2f5e9;color:#137a43;font:800 10px/1 var(--hd);letter-spacing:.05em;text-transform:uppercase;font-style:normal;vertical-align:2px}
.vs-oran.eksi{background:#fdecea!important;color:#b42318!important}

/* Kâr hesabı */
.vs-kar{position:relative;background:#fff;border:1px solid var(--ln);border-radius:18px;padding:24px 22px 16px;margin:0 0 14px}
.vs-kar label{font:700 13px var(--hd);color:var(--ink)}
.vs-kar .in{display:flex;align-items:center;gap:6px;background:#fafafd;border:1.5px solid var(--ln);border-radius:12px;padding:0 14px;height:48px;margin-top:6px;transition:border-color .15s,background .15s}
.vs-kar .in:focus-within{border-color:var(--pu);background:#fff}
.vs-kar input{border:0;outline:0;font:800 19px var(--hd);width:100%;min-width:0;background:transparent;color:var(--ink)}
.vs-kar .in span{font-weight:700;color:var(--mu)}
.vs-kar-durum{margin:14px 0 0!important;padding-top:12px;border-top:1px solid var(--ln);font-size:13px;color:var(--ink2)}
.vs-rozet{position:absolute;z-index:3;top:-12px;right:18px;background:var(--pu);color:#fff;font:800 11px/1 var(--hd);letter-spacing:.03em;padding:7px 12px;border-radius:999px;box-shadow:0 4px 12px rgba(60,40,120,.18);white-space:nowrap}

/* Kargo */
.uk-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 0 30px;background:var(--ln);border:1px solid var(--ln);border-radius:18px;overflow:hidden}
.uk-mini div{background:#fff;padding:15px 18px}
.uk-mini small{display:block;font:700 11px var(--hd);letter-spacing:.06em;text-transform:uppercase;color:var(--mu)}
.uk-mini b{display:block;font:800 19px/1.25 var(--hd);color:var(--ink);margin-top:4px}
.uk-mini span{display:block;font-size:12.5px;color:var(--ink2);margin-top:2px}
.uk-mini .vurgu b{color:#137a43}
.vs-kargo{position:relative}
.uk-tum:not(:checked)~.vs-tw .uk-fazla{display:none}
.uk-tum-d{display:block;margin:10px 0 0;padding:6px;text-align:center;font:700 13px var(--hd);color:var(--or-d);cursor:pointer}
.uk-tum-d:after{content:"Bütün firmaları göster (" attr(data-n) ") ▾"}
.uk-tum:checked~.uk-tum-d:after{content:"Daha az göster ▴"}

/* Yükümlülükler: durum satırları */
.uk-kl .uk-r{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:16px;align-items:start;padding:18px 22px;border-top:1px solid var(--ln)}
.uk-kl .uk-r:first-child{border-top:0}
.uk-ik{position:relative;display:block;width:26px;height:26px;border-radius:50%}
.uk-ik:after{position:absolute;inset:0;font:800 13px/26px var(--hd);text-align:center}
.uk-ik.ok{background:#e2f5e9}.uk-ik.ok:after{content:"✓";color:#137a43}
.uk-ik.uy{background:#fff0e0}.uk-ik.uy:after{content:"!";color:#c25a00}
.uk-r b{display:block;font:700 16px/1.35 var(--hd);color:var(--ink)}
.uk .uk-r p{margin:4px 0 0!important;font-size:14.5px;line-height:1.6;color:var(--ink2)}
.uk-pill{margin-top:1px;padding:7px 12px;border-radius:999px;font:700 12.5px/1 var(--hd);font-style:normal;white-space:nowrap}
.uk-pill.ok{background:#e2f5e9;color:#137a43}.uk-pill.uy{background:#fff0e0;color:#b4540a}
.uk-iki-s{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}
.uk-iki-s>div{padding:20px 22px;min-width:0}
.uk-iki-s>div+div{border-left:1px solid var(--ln)}
.uk .uk-iki-s h3,.uk .uk-h3{margin:0 0 12px!important;font:800 16px/1.3 var(--hd);color:var(--ink)}
.uk .uk-h3{margin:28px 0 12px!important}
.uk .uk-bl,.uk .uk-tik{margin:0!important;padding:0!important;list-style:none}
.uk .uk-bl li,.uk .uk-tik li{margin:0!important;padding:10px 0;border-top:1px solid #f0eef6;font-size:14.5px;line-height:1.6;color:var(--ink2)}
.uk .uk-bl li:first-child,.uk .uk-tik li:first-child{border-top:0;padding-top:0}
.uk-bl b{display:block;margin-bottom:2px;font:700 14.5px/1.4 var(--hd);color:var(--ink)}
.uk-bl a{font-weight:600;color:var(--or-d)}
.uk .uk-tik li{position:relative;padding-left:28px}
.uk-tik li:before{content:"✓";position:absolute;left:0;top:12px;width:18px;height:18px;border-radius:50%;background:#e2f5e9;color:#137a43;font:800 10px/18px var(--hd);text-align:center}
.uk-tik li:first-child:before{top:2px}
.uk .uk-alt{margin:16px 0 0!important;padding-top:14px;border-top:1px solid var(--ln);font-size:14.5px}
.uk-alt a{font-weight:700;color:var(--or-d)}

/* Sınıflandırma ve vergi: özellik tablosu */
.uk-spec .uk-sr{display:grid;grid-template-columns:220px minmax(0,1fr);border-top:1px solid var(--ln);scroll-margin-top:16px}
.uk-spec .uk-sr:first-child{border-top:0}
.uk-sl{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px;background:#fafafd;border-right:1px solid var(--ln);min-width:0}
.uk-sl small{font:700 11px var(--hd);letter-spacing:.07em;text-transform:uppercase;color:var(--mu)}
.uk-sl b{font:800 30px/1.1 var(--hd);color:var(--ink)}
.uk-sl b.kod{font:700 17px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}
.uk-sl b.or{color:var(--or-d)}.uk-sl b.pu{color:var(--pu)}
.uk-sl .vs-kop{position:static;margin-top:4px}
.uk-sv{padding:20px 24px;min-width:0}
.uk .uk-sv h3{margin:0 0 8px!important;font:800 17px/1.3 var(--hd);color:var(--ink)}
.uk .uk-sv p{margin:0!important;font-size:15.5px;line-height:1.65;color:var(--ink)}
.uk .uk-sv ul{margin:0!important;padding-left:18px}
.uk .uk-sv .uk-bilgi{margin-top:10px!important}

/* Satıcı notları: kutusuz, numaralı okuma metni */
.uk .uk-ol{list-style:none;margin:0!important;padding:0!important;counter-reset:uk}
.uk .uk-ol li{position:relative;counter-increment:uk;margin:0!important;padding:22px 0 22px 64px;border-top:1px solid var(--ln)}
.uk .uk-ol li:first-child{border-top:0;padding-top:4px}
.uk-ol li:before{content:counter(uk,decimal-leading-zero);position:absolute;left:0;top:22px;font:800 28px/1 var(--hd);color:#cfc6f3;letter-spacing:-.02em}
.uk-ol li:first-child:before{top:4px}
.uk .uk-ol p{margin:0!important;font-size:17px;line-height:1.75;color:var(--ink);max-width:720px}

/* Sık sorulanlar: tek panel, çizgili */
.uk .uk-sss{background:#fff;border:1px solid var(--ln);border-radius:18px;overflow:hidden}
.uk .uk-sss details{margin:0;border:0;border-top:1px solid var(--ln);border-radius:0;box-shadow:none}
.uk .uk-sss details:first-child{border-top:0}
.uk .uk-sss summary{padding:18px 56px 18px 22px;font-size:16px}
.uk .uk-sss summary:after{right:20px;background:#f2f0fa}
.uk .uk-sss details>div{padding:0 22px 18px;font-size:15.5px}

/* Aynı kategoride */
.uk-oteki{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0!important;padding:0!important}
.uk-oteki li{margin:0!important}
.uk-oteki a{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--ln);border-radius:999px;padding:8px 8px 8px 15px;font:700 13.5px/1.2 var(--hd);color:var(--ink);text-decoration:none;transition:border-color .15s}
.uk-oteki a:hover{border-color:var(--or);color:var(--or-d)}
.uk-oteki small{font:700 11px var(--hd);color:var(--mu);background:var(--bg);border-radius:999px;padding:3px 7px}
.uk .vs-kay{margin-top:56px}
.vs-kay details summary{cursor:pointer;font:700 13px var(--hd);color:var(--or-d);margin:2px 0 6px}

/* Sözlük (etr-v8-dikey.php, 25.10): terim sayfası ve merkez; rapor düzeni .uk bileşenlerini kullanır */
.vs-hero .vs-alt{margin:-4px 0 12px;font:700 15.5px/1.4 var(--hd);color:var(--pu);letter-spacing:.005em}
.sz-pano .uk-p b{font:700 16px/1.4 var(--hd);color:var(--ink)}
.uk .sz-liste{margin:0 0 18px!important;padding:0!important;list-style:none}
.uk .sz-liste li{position:relative;margin:0 0 8px!important;padding-left:20px;font-size:16.5px;line-height:1.65}
.sz-liste li:before{content:"";position:absolute;left:3px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--pu)}
.uk .sz-adim{list-style:none;margin:0 0 18px!important;padding:0!important;counter-reset:a}
.uk .sz-adim li{position:relative;counter-increment:a;margin:0!important;padding:2px 0 16px 46px;font-size:16px;line-height:1.65;color:var(--ink)}
.sz-adim li:before{content:counter(a);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--pu-s);color:var(--pu);font:800 13px/30px var(--hd);text-align:center}
.sz-adim li:after{content:"";position:absolute;left:14.5px;top:34px;bottom:4px;width:1px;background:#e2dcf6}
.sz-adim li:last-child{padding-bottom:4px}.sz-adim li:last-child:after{display:none}
.sz-ornek{padding:24px 26px}
.uk .sz-durum{margin:0 0 20px!important;padding:0 0 16px;border-bottom:1px solid var(--ln);font-size:16.5px;line-height:1.65;color:var(--ink)}
.sz-sonuc{margin-top:8px;background:#f5fbf7;border:1px solid #cfeadb;border-radius:14px;padding:14px 18px}
.sz-sonuc small{display:block;font:800 11px var(--hd);letter-spacing:.08em;text-transform:uppercase;color:#137a43}
.uk .sz-sonuc p{margin:4px 0 0!important;font:700 16.5px/1.5 var(--hd);color:var(--ink)}
.sz-kar .sz-kr{padding:18px 24px;border-top:1px solid var(--ln)}
.sz-kar .sz-kr:first-child{border-top:0}
.sz-kr b{display:block;font:800 16px/1.35 var(--hd);color:var(--ink)}
.sz-kr b i{font-style:normal;color:var(--or-d);margin:0 4px}
.uk .sz-kr p{margin:5px 0 0!important;font-size:15.5px;line-height:1.6;color:var(--ink2)}
.sz-uyari{background:#fbf9ff;margin:0 0 18px;font-size:15.5px;line-height:1.65}
.sz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sz-k{display:flex;flex-direction:column;gap:5px;min-width:0;background:#fff;border:1px solid var(--ln);border-radius:14px;padding:14px 16px;color:var(--ink);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.sz-k:hover{border-color:var(--or);box-shadow:0 6px 18px rgba(60,40,120,.08)}
.sz-k b{font:700 15.5px/1.3 var(--hd);color:var(--ink)}
.sz-k span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.45;color:var(--ink2)}
.uk .vs-tw+p:not(.uk-bilgi),.uk .vs-tw+h3{margin-top:18px!important}
.uk .uk-s>.vs-tw:last-child{margin-bottom:0}
#liste-sozluk .uk-s:first-child{margin-top:18px}
#liste-sozluk .uk-sh{margin-bottom:12px}
#liste-sozluk .uk-sh h2{font-size:21px}

/* Satıcı kontrol listesi (ürün kartı) */
.vs-kontrol{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:8px 0 16px}
.vs-kontrol div{position:relative;background:#fff;border:1px solid var(--ln);border-radius:14px;padding:12px 14px 12px 44px;box-shadow:var(--sh)}
.vs-kontrol div:before{position:absolute;left:12px;top:13px;width:22px;height:22px;border-radius:50%;font:800 13px/22px var(--hd);text-align:center;color:#fff}
.vs-kontrol .ok:before{content:"✓";background:var(--dn)}
.vs-kontrol .uy:before{content:"!";background:var(--or)}
.vs-kontrol small{display:block;font:700 11.5px var(--hd);letter-spacing:.05em;text-transform:uppercase;color:var(--mu)}
.vs-kontrol b{display:block;font:800 16px/1.3 var(--hd);color:var(--ink);margin:2px 0 4px}
.vs-kontrol span{display:block;font-size:13.5px;line-height:1.5;color:var(--ink2)}

/* Kod anatomisi (GTİP) */
.vs-anat{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}
.vs-anat div{flex:1 1 110px;background:#fff;border:1px solid var(--ln);border-radius:14px;padding:12px;text-align:center;box-shadow:var(--sh)}
.vs-anat div:nth-child(1){border-top:4px solid var(--pu)}.vs-anat div:nth-child(2){border-top:4px solid #7c5ce0}.vs-anat div:nth-child(3){border-top:4px solid var(--or)}.vs-anat div:nth-child(4){border-top:4px solid #f5a524}.vs-anat div:nth-child(5){border-top:4px solid var(--dn)}
.vs-anat b{display:block;font:800 24px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink)}
.vs-anat span{display:block;font:700 13px var(--hd);color:var(--ink);margin-top:4px}
.vs-anat small{display:block;font-size:12px;color:var(--mu);margin-top:2px;line-height:1.35}

/* Öteki */
.vs-not{font-size:13px;line-height:1.55;color:var(--mu);margin:6px 0 16px}
.vs-bos{display:none;padding:18px;border:1px dashed var(--ln);border-radius:14px;color:var(--mu);text-align:center}
.vs-ileri{display:flex;justify-content:space-between;gap:12px;margin:20px 0 6px}
.vs-ileri a{flex:1;max-width:48%;background:#fff;border:1px solid var(--ln);border-radius:14px;padding:12px 14px;color:var(--ink);text-decoration:none;font:700 14px/1.35 var(--hd)}
.vs-ileri a small{display:block;font:600 12px var(--tx);color:var(--mu);margin-bottom:3px}
.vs-ileri a:last-child{text-align:right;margin-left:auto}
.vs-ileri a:hover{border-color:var(--or)}

@media(max-width:1000px){
 .vs-yan{position:static}
}
@media(max-width:640px){
 .vs-hero{padding:18px 18px 16px;border-radius:18px}
 .vs-hero h1{font-size:26px}
 .vs-spot{font-size:16px}
 .vs-istat{grid-template-columns:1fr 1fr}
 .vs-istat b{font-size:20px}
 .vs-olgu{grid-template-columns:1fr}
 .vs-b h2{font-size:19px}
 .vs-grid{grid-template-columns:1fr}
 .vs-grid.sik{grid-template-columns:1fr 1fr}
 .vs-kc p,.vs-kc li{font-size:15.5px}
 .vs-tw table{font-size:14px}
 .vs-ileri{flex-direction:column}.vs-ileri a{max-width:none}
 .uk-pano{grid-template-columns:repeat(2,minmax(0,1fr))}
 .uk-p:last-child:nth-child(3n+1),.uk-p:last-child:nth-child(3n+2){grid-column:auto}
 .uk-p:last-child:nth-child(odd){grid-column:span 2}
 .uk-p{padding:12px 13px}.uk-p b{font-size:19px}.uk-p b.kod{font-size:14.5px}
 .uk-p .vs-kop{position:static;align-self:flex-start;order:9;margin-top:2px;padding:3px 8px}
 .uk .uk-s{margin-top:44px}
 .uk .uk-sh h2{font-size:22px}
 .uk .uk-sh p{font-size:15px}
 .uk-mini{grid-template-columns:1fr 1fr}.uk-mini .vurgu{grid-column:span 2}
 .vs-kar{padding:24px 16px 14px}
 .uk-kl .uk-r{grid-template-columns:24px minmax(0,1fr);gap:12px;padding:16px}
 .uk-pill{grid-column:2;justify-self:start;margin-top:-4px}
 .uk-iki-s{grid-template-columns:1fr}
 .uk-iki-s>div{padding:18px 16px}
 .uk-iki-s>div+div{border-left:0;border-top:1px solid var(--ln)}
 .uk-pad{padding:18px 16px}
 .uk-spec .uk-sr{grid-template-columns:1fr}
 .uk-sl{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:14px 16px;border-right:0;border-bottom:1px solid var(--ln)}
 .uk-sl small{flex-basis:100%}
 .uk-sl b{font-size:24px}.uk-sl b.kod{font-size:16px}
 .uk-sv{padding:16px}
 .uk .uk-ol li{padding:18px 0 18px 42px}
 .uk-ol li:before{font-size:20px;top:20px}
 .uk .uk-ol p{font-size:16px}
 .uk .uk-sss summary{padding:16px 50px 16px 16px;font-size:15px}
 .uk .uk-sss details>div{padding:0 16px 16px}
 .sz-grid{grid-template-columns:1fr}
 .sz-ornek{padding:18px 16px}
 .sz-kar .sz-kr{padding:16px}
 .uk .sz-adim li{padding-left:40px}
 /* Kâr ve komisyon tabloları dar ekranda pazaryeri başına kart olur (hücre etiketi data-l). */
 .vs-tw table.uk-kartla{min-width:0}
 .uk-kartla thead{display:none}
 .uk-kartla tbody{display:block}
 .uk-kartla tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 10px;padding:14px 16px;border-bottom:1px solid var(--ln)}
 .uk-kartla tr:last-child{border-bottom:0}
 .uk-kartla tr.secili{background:#f5fbf7}
 .vs-tw .uk-kartla tbody th,.vs-tw .uk-kartla td{display:block;padding:0!important;border:0;background:transparent!important;text-align:left;min-width:0}
 .uk-kartla tbody th{grid-column:1/-1}
 .uk-kartla td:before{content:attr(data-l);display:block;font:700 10.5px/1.3 var(--hd);letter-spacing:.04em;text-transform:uppercase;color:var(--mu);margin-bottom:3px}
 .uk-kartla td.uk-genis{grid-column:1/-1}
 .uk-mini{grid-template-columns:1fr 1fr}.uk-mini .vurgu{grid-column:span 2}
 .vs-kontrol.uk-iki,.uk-ikili{grid-template-columns:1fr}
 .vs-kontrol.uk-iki>div:last-child:nth-child(odd){grid-column:auto}
 .uk-kod section{grid-template-columns:1fr;gap:10px;padding:14px}
 .uk-n{padding:13px 14px 13px 12px;gap:11px}.uk-n p{font-size:15.5px}
}
@media print{.vs-kop,.vs-cip,.vs-ara,.vs-yan{display:none}.vs-hero{box-shadow:none}}