.ilan-sayfa{padding-top:112px;overflow-x:hidden}
.dt-ust>*{min-width:0}
.dt-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.dt-yol{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;margin-bottom:16px;white-space:nowrap;overflow:hidden}
.dt-yol a{color:#64748b;text-decoration:none}
.dt-yol a:hover{color:var(--secondary)}
.dt-yol i{font-size:9px;color:#94a3b8}
.dt-yol span{overflow:hidden;text-overflow:ellipsis;color:var(--dark);font-weight:600}
.dt-ust{display:grid;grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:32px;align-items:start}
.dt-sag h1{font-size:clamp(1.1rem,1.7vw,1.4rem);font-weight:800;color:var(--dark);margin:0 0 10px;line-height:1.35;overflow-wrap:anywhere}
.dt-fiyat{font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:800;color:var(--secondary);line-height:1;padding-bottom:18px;margin-bottom:6px;border-bottom:2px solid #eef1f6}
.dt-galeri{background:#fff;border-radius:18px;padding:10px;box-shadow:0 8px 30px rgba(15,23,42,.07)}
.dt-ana{touch-action:pan-y;position:relative;border-radius:12px;overflow:hidden;background:#f1f4f9;aspect-ratio:4/3;cursor:zoom-in;user-select:none}
.dt-ana img{width:100%;height:100%;object-fit:contain;display:block}
.dt-ana.yuk::after,.lb.yuk::after{content:"";position:absolute;top:14px;left:50%;margin-left:-11px;width:22px;height:22px;border:3px solid rgba(255,255,255,.9);border-top-color:var(--secondary);border-radius:50%;animation:dtdon .8s linear infinite;z-index:4;box-shadow:0 0 0 2px rgba(15,23,42,.25)}
@keyframes dtdon{to{transform:rotate(360deg)}}
.dt-ok{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.95);color:var(--dark);font-size:15px;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:3;cursor:pointer}
.dt-ok:hover{transform:translateY(-50%) scale(1.07)}
.dt-ok.on{left:10px}
.dt-ok.sn{right:10px}
.dt-sayac{position:absolute;right:10px;bottom:10px;background:rgba(15,23,42,.75);color:#fff;font-size:12px;font-weight:600;padding:4px 12px;border-radius:50px;z-index:3}
.dt-buyut{position:absolute;left:10px;bottom:10px;background:rgba(15,23,42,.75);color:#fff;font-size:12px;padding:4px 12px;border-radius:50px;z-index:3}
.dt-seri{position:relative;display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:calc(20% - 6.4px);gap:8px;overflow-x:auto;overflow-y:hidden;padding:10px 2px 6px;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.dt-seri::-webkit-scrollbar{height:5px}
.dt-seri::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}
.dt-seri img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px;opacity:.6;cursor:pointer;border:2px solid transparent;transition:opacity .15s,border-color .15s;scroll-snap-align:start}
.dt-seri img:hover{opacity:1}
.dt-seri img.aktif{opacity:1;border-color:var(--secondary)}
.dt-bilgi div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #eef1f6;font-size:14.5px}
.dt-bilgi span{color:#64748b;font-weight:600}
.dt-bilgi b{color:var(--dark);text-align:right;overflow-wrap:anywhere}
.dt-kart{background:#fff;border-radius:18px;box-shadow:0 8px 30px rgba(15,23,42,.06);padding:24px;margin-top:24px}
.dt-kart h2{font-size:18px;font-weight:800;color:var(--dark);margin:0 0 16px;display:flex;align-items:center;gap:10px}
.dt-kart h2::before{content:"";width:4px;height:18px;border-radius:4px;background:var(--secondary)}
.dt-aciklama{font-size:15px;line-height:1.8;color:#334155;overflow-wrap:anywhere;word-break:break-word;max-width:100%;overflow:hidden}
.dt-aciklama *{max-width:100%}
.dt-aciklama p{margin:0 0 .9em}
.dt-aciklama h3,.dt-aciklama h4{font-weight:800;margin:1.2em 0 .5em;font-size:1.05rem;color:var(--dark)}
.dt-aciklama ul,.dt-aciklama ol{padding-left:1.4em}
.dt-aciklama a{color:var(--secondary);text-decoration:underline}
.dt-aciklama hr{border-color:#e2e8f0;opacity:1}
.dt-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px}
.dt-liste div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eef1f6;font-size:14px;font-weight:600;color:var(--dark)}
.dt-rozet{font-size:12px;font-weight:700;padding:3px 11px;border-radius:50px;white-space:nowrap}
.r-orijinal{background:#dcfce7;color:#166534}
.r-lokal{background:#fef9c3;color:#854d0e}
.r-boyali{background:#ffedd5;color:#9a3412}
.r-degisen{background:#fee2e2;color:#991b1b}
.dt-ozetyazi{margin-top:16px;padding:12px 16px;border-radius:12px;background:#f8fafc;color:#334155;font-size:14.5px;line-height:1.6}
.dt-chip{display:inline-block;background:#eef2ff;color:var(--primary);font-size:13px;font-weight:600;padding:6px 14px;border-radius:50px;margin:0 6px 8px 0}
.dt-gb{font-size:12px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.6px;margin:18px 0 10px}
.dt-gb:first-of-type{margin-top:0}
.lb{position:fixed;background:rgba(2,6,23,.97)}
@media(max-width:991px){.dt-seri{grid-auto-columns:calc(25% - 6px)}.dt-ust{grid-template-columns:minmax(0,1fr);gap:20px}.dt-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.dt-wrap{padding:0 14px}.dt-kart{padding:18px;border-radius:14px;margin-top:16px}.dt-liste{grid-template-columns:minmax(0,1fr)}.ilan-sayfa{padding-top:92px}}
html{overflow-x:clip;max-width:100%}
#navbar .container{max-width:100%}
@media(max-width:575px){#navbar .container{padding-left:14px;padding-right:14px}.navbar-brand{margin-right:0}}