/* TurkList public site. Bootstrap 5 + brand tokens from the approved design. */
:root{
  --tl-red:#D61F2C;--tl-red-dark:#B3141F;--tl-red-soft:rgba(214,31,44,.1);--tl-coral:#FF6B73;
  --tl-navy:#0B1B3F;--tl-navy-deep:#081330;--tl-muted:#5A6480;--tl-border:#E3E6EF;--tl-bg:#F5F6FA;--tl-blue-soft:#EEF4FA;
  --tl-green:#14693A;--tl-green-soft:#E6F6EC;--tl-radius:20px;
  --bs-body-font-family:'Poppins',system-ui,sans-serif;--bs-body-color:#0B1B3F;--bs-body-font-size:.95rem;
  --bs-link-color:#B3141F;--bs-link-color-rgb:179,20,31;--bs-link-hover-color:#8f0f18;--bs-link-hover-color-rgb:143,15,24;
}
body{background:#fff;color:var(--tl-navy);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}
main{flex:1 0 auto}
h1,h2,h3,h4,.tl-display{font-family:'Poppins',system-ui,sans-serif;font-weight:700;letter-spacing:-.015em;color:var(--tl-navy)}
a{text-decoration:none}
.text-muted-tl{color:var(--tl-muted)!important}
.btn{font-weight:600;border-radius:12px;padding:.65rem 1.2rem}
.btn-tl{background:var(--tl-red);border-color:var(--tl-red);color:#fff}
.btn-tl:hover,.btn-tl:focus{background:var(--tl-red-dark);border-color:var(--tl-red-dark);color:#fff}
.btn-outline-navy{border:1.5px solid var(--tl-navy);color:var(--tl-navy)}
.btn-outline-navy:hover{background:var(--tl-navy);color:#fff}
.btn-light-tl{background:#fff;border:1px solid var(--tl-border);color:var(--tl-navy)}
.btn-light-tl:hover{border-color:var(--tl-navy);color:var(--tl-navy)}
.btn-link{text-decoration:none}.btn-link:hover{color:var(--tl-red)!important}
.form-control,.form-select{border-radius:12px;padding:.7rem .9rem;border-color:var(--tl-border)}
.form-control:focus,.form-select:focus{border-color:#9FB0D3;box-shadow:0 0 0 .2rem rgba(11,27,63,.08)}
.form-label{font-weight:600;font-size:.9rem}
.form-check-input:checked{background-color:var(--tl-red);border-color:var(--tl-red)}
.alert{border-radius:14px}
.tl-container{max-width:1200px;margin:0 auto;padding:0 20px}
.lift{transition:transform .2s ease,box-shadow .2s ease}
.lift:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(11,27,63,.12)}
.visually-hidden-focusable:focus{position:static!important}

/* header */
.tl-header{background:#fff;border-bottom:1px solid var(--tl-border);position:sticky;top:0;z-index:1020}
.tl-header .navbar-brand img{height:44px;width:auto}
.tl-header .nav-link{font-weight:500;color:var(--tl-navy);font-size:.95rem}
.tl-header .nav-link:hover,.tl-header .nav-link.active{color:var(--tl-red)}
.tl-icon-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--tl-border);background:#fff;color:var(--tl-navy);display:inline-flex;align-items:center;justify-content:center}
.tl-icon-btn:hover{border-color:var(--tl-navy)}
.tl-searchbar{background:#fff;border-bottom:1px solid var(--tl-border)}

/* hero */
.tl-hero{background:radial-gradient(900px 420px at 88% 8%,rgba(214,31,44,.38),transparent 62%),radial-gradient(700px 520px at 0% 100%,rgba(125,180,214,.24),transparent 62%),var(--tl-navy);color:#fff;padding:64px 0 110px}
.tl-hero h1{color:#fff;font-size:clamp(2.1rem,5vw,3.8rem);line-height:1.05;font-weight:800;letter-spacing:-.02em}
.tl-hero h1 em{font-style:normal;color:var(--tl-coral)}
.tl-hero .lead{color:#C9D3EA;font-size:1.1rem;max-width:560px}
.tl-eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 14px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#CFE3F1}
.tl-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--tl-coral);display:inline-block}
.tl-search{background:#fff;border-radius:20px;padding:8px;display:flex;flex-wrap:wrap;gap:4px;box-shadow:0 28px 70px rgba(3,10,30,.45);max-width:760px;color:var(--tl-navy)}
.tl-search .fld{flex:1.4 1 220px;display:flex;align-items:center;gap:12px;padding:8px 14px}
.tl-search .fld+.fld{flex:1 1 170px;border-left:1px solid var(--tl-border)}
.tl-search label{font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tl-muted);display:block}
.tl-search input,.tl-search select{border:0;outline:0;background:transparent;font-size:.95rem;font-weight:500;color:var(--tl-navy);padding:2px 0;width:100%}
.tl-search .btn{min-height:56px;border-radius:14px;padding:0 28px;flex:0 0 auto}
.tl-chip-dark{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 14px;font-size:.85rem;font-weight:500;color:#fff}
.tl-chip-dark:hover{background:rgba(255,255,255,.18);color:#fff}
.tl-hero-visual{position:relative;min-height:420px}
.tl-hero-visual .panel{position:absolute;inset:0;border-radius:32px;background:linear-gradient(160deg,#1B2F66 0%,#0F2050 55%,#13275C 100%);border:1px solid rgba(255,255,255,.12);overflow:hidden}
.tl-hero-visual .panel::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:22px 22px;opacity:.7}
.tl-hero-visual .glow{position:absolute;right:-70px;top:-70px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--tl-red),transparent 70%)}
.tl-float{position:absolute;width:290px;background:#fff;color:var(--tl-navy);border-radius:18px;padding:12px;display:flex;gap:12px;align-items:center;box-shadow:0 22px 50px rgba(3,10,30,.4)}
.tl-float .ph{width:56px;height:56px;border-radius:12px;flex:0 0 auto;overflow:hidden;background:var(--tl-blue-soft)}
.tl-float .ph img{width:100%;height:100%;object-fit:cover}

/* stats strip */
.tl-stats{background:#fff;border:1px solid var(--tl-border);border-radius:20px;box-shadow:0 18px 40px rgba(11,27,63,.08);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));overflow:hidden;margin-top:-56px;position:relative}
.tl-stats>div{padding:22px 26px}
.tl-stats>div+div{border-left:1px solid var(--tl-border)}
.tl-stats .n{font-weight:800;font-size:2rem;line-height:1}
.tl-stats .l{font-size:.85rem;color:var(--tl-muted);margin-top:6px;font-weight:500}

/* sections */
.tl-section{padding:80px 0 0}
.tl-section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:26px}
.tl-section-head h2{font-size:clamp(1.6rem,3vw,2.3rem);margin:0 0 6px}
.tl-section-head p{margin:0;color:var(--tl-muted)}
.tl-more{font-weight:600;color:var(--tl-red);display:inline-flex;align-items:center;gap:6px;min-height:44px}
.tl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.tl-soft{background:var(--tl-bg)}

/* category card */
.tl-cat{background:#fff;border:1px solid var(--tl-border);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:18px;color:var(--tl-navy)}
.tl-cat .ico{width:52px;height:52px;border-radius:14px;background:var(--tl-blue-soft);display:flex;align-items:center;justify-content:center;font-size:1.3rem}
.tl-cat .name{font-weight:700;font-size:1.15rem;line-height:1.2}
.tl-cat .n{font-size:.85rem;color:var(--tl-muted);font-weight:500;margin-top:4px}
.tl-cat:hover{color:var(--tl-navy)}

/* listing card */
.tl-card{background:#fff;border:1px solid var(--tl-border);border-radius:var(--tl-radius);overflow:hidden;display:flex;flex-direction:column;position:relative}
.tl-card .ph{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,#1B2F66,#0B1B3F);overflow:hidden}
.tl-card .ph img{width:100%;height:100%;object-fit:cover;display:block}
.tl-card .ph .noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.35);font-size:2.6rem}
.tl-card .badge-promoted{position:absolute;left:12px;top:12px;background:var(--tl-red);color:#fff;border-radius:999px;padding:4px 11px;font-size:.72rem;font-weight:700}
.tl-card .fav{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:50%;border:0;background:#fff;color:var(--tl-navy);display:flex;align-items:center;justify-content:center;z-index:2}
.tl-card .fav.on{color:var(--tl-red)}
.tl-card .body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.tl-card h3{font-size:1.05rem;line-height:1.3;margin:0 0 6px}
.tl-card h3 a{color:var(--tl-navy)}
.tl-card h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.tl-card .where{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--tl-muted);font-weight:500}
.tl-card .foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid #EEF0F5}
.tl-type{font-size:.78rem;font-weight:600;color:var(--tl-navy);background:var(--tl-blue-soft);border-radius:8px;padding:4px 9px}
.tl-open{background:var(--tl-green-soft);color:var(--tl-green);border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600}
.tl-closed{background:#EEF0F5;color:var(--tl-muted);border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600}
.tl-stars{color:#F5A524;font-size:.8rem;white-space:nowrap}
.tl-card .body .mt-1{margin-top:2px!important}

/* borough tile */
.tl-boro{position:relative;height:170px;border-radius:20px;overflow:hidden;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(135deg,#27407f,#0c1a40)}
.tl-boro img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tl-boro::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,12,32,.82),rgba(5,12,32,.05) 65%)}
.tl-boro .txt{position:relative;z-index:1;padding:18px 20px;display:flex;align-items:flex-end;justify-content:space-between;width:100%}
.tl-boro .name{font-weight:700;font-size:1.3rem;line-height:1.1;color:#fff}
.tl-boro .n{font-size:.85rem;color:#D5DEF2;margin-top:4px}
.tl-boro .go{width:38px;height:38px;border-radius:50%;background:#fff;color:var(--tl-navy);display:flex;align-items:center;justify-content:center}
.tl-boro:hover{color:#fff}

/* how it works, CTA */
.tl-step{border:1px solid var(--tl-border);border-radius:20px;padding:28px;position:relative;overflow:hidden;height:100%}
.tl-step .num{font-weight:800;font-size:4.2rem;line-height:1;color:#EEF0F5;position:absolute;right:20px;top:10px}
.tl-step .ico{width:52px;height:52px;border-radius:14px;background:var(--tl-red-soft);color:var(--tl-red);display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:1.3rem}
.tl-cta{background:var(--tl-red);border-radius:28px;padding:52px 44px;color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;position:relative;overflow:hidden}
.tl-cta::before{content:"";position:absolute;right:-80px;top:-120px;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.1)}
.tl-cta h2{color:#fff;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;margin:0 0 10px}
.tl-cta p{color:#FFE3E5;margin:0;max-width:600px}
.tl-cta .btn-white{background:#fff;color:var(--tl-red-dark);font-weight:700;min-height:54px;display:inline-flex;align-items:center;padding:0 26px}
.tl-cta .btn-ghost{border:2px solid rgba(255,255,255,.7);color:#fff;min-height:54px;display:inline-flex;align-items:center;padding:0 22px}

/* article card */
.tl-post{display:block;border:1px solid var(--tl-border);border-radius:20px;overflow:hidden;background:#fff;color:var(--tl-navy);height:100%}
.tl-post .ph{aspect-ratio:16/9;background:linear-gradient(135deg,#27407f,#0c1a40);overflow:hidden}
.tl-post .ph img{width:100%;height:100%;object-fit:cover}
.tl-post .body{padding:20px 22px 22px}
.tl-post .kind{font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tl-red)}
.tl-post h3{font-size:1.15rem;line-height:1.3;margin:8px 0 10px}
.tl-post:hover{color:var(--tl-navy)}

/* page header for inner pages */
.tl-pagehead{background:var(--tl-navy);color:#fff;padding:36px 0 40px;background-image:radial-gradient(700px 300px at 90% 0%,rgba(214,31,44,.3),transparent 60%)}
.tl-pagehead h1{color:#fff;font-size:clamp(1.7rem,3.5vw,2.6rem);margin:6px 0 8px}
.tl-pagehead p{color:#C9D3EA;margin:0;max-width:760px}
.tl-crumbs{font-size:.82rem;color:#9FB0D3;display:flex;flex-wrap:wrap;gap:6px}
.tl-crumbs a{color:#C9D3EA}.tl-crumbs a:hover{color:#fff}
.tl-crumbs span+span::before{content:"/";margin-right:6px;color:#6C7EA8}
.tl-crumbs.dark{color:var(--tl-muted)}.tl-crumbs.dark a{color:var(--tl-navy)}

/* filters / chips */
.tl-chips{display:flex;flex-wrap:wrap;gap:8px}
.tl-chip{border:1px solid var(--tl-border);background:#fff;border-radius:999px;padding:6px 13px;font-size:.84rem;font-weight:500;color:var(--tl-navy);white-space:nowrap}
.tl-chip small{color:var(--tl-muted);margin-left:4px}
.tl-chip:hover,.tl-chip.on{border-color:var(--tl-navy);color:var(--tl-navy);background:var(--tl-blue-soft)}
.tl-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 18px}

/* listing page */
.tl-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:200px 200px;gap:10px;border-radius:24px;overflow:hidden}
.tl-gallery a{position:relative;display:block;background:var(--tl-blue-soft);overflow:hidden}
.tl-gallery a:first-child{grid-row:1/span 2}
.tl-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.tl-gallery a:hover img{transform:scale(1.03)}
.tl-gallery .more{position:absolute;inset:0;background:rgba(11,27,63,.55);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.tl-gallery.n1{grid-template-columns:1fr;grid-template-rows:380px}
.tl-gallery.n2{grid-template-columns:2fr 1fr;grid-template-rows:200px 200px}
.tl-gallery.n2 a:nth-child(2){grid-row:1/span 2}
.tl-gallery.n3{grid-template-columns:2fr 1fr;grid-template-rows:200px 200px}
.tl-box{background:#fff;border:1px solid var(--tl-border);border-radius:24px;padding:28px}
.tl-box h2{font-size:1.3rem;margin:0 0 14px}
.tl-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 12px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.tl-badge.red{background:var(--tl-red-soft);color:var(--tl-red-dark)}
.tl-badge.green{background:var(--tl-green-soft);color:var(--tl-green)}
.tl-badge.blue{background:var(--tl-blue-soft);color:#27407f}
.tl-hours div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #EEF0F6;font-weight:500}
.tl-hours div:last-child{border-bottom:0}
.tl-hours .today{color:var(--tl-red-dark);font-weight:700}
.tl-sidebar{position:sticky;top:96px}
.tl-contact-row{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #EEF0F6;word-break:break-word}
.tl-contact-row:last-child{border-bottom:0}
.tl-contact-row i{color:var(--tl-muted);width:18px;margin-top:4px}
.tl-claim{background:var(--tl-navy);color:#fff;border-radius:24px;padding:24px}
.tl-claim h3{color:#fff;font-size:1.15rem}
.tl-claim p{color:#C9D3EA;font-size:.9rem}
.tl-empty{background:var(--tl-bg);border-radius:16px;padding:26px;text-align:center;color:var(--tl-muted)}
.tl-map{border-radius:18px;overflow:hidden;border:1px solid var(--tl-border);background:var(--tl-blue-soft);aspect-ratio:2/1}
.tl-map img{width:100%;height:100%;object-fit:cover;display:block}
.tl-prose{font-size:1rem;line-height:1.75;color:#2B3858}
.tl-prose h2{font-size:1.4rem;margin:1.6em 0 .6em}.tl-prose h3{font-size:1.2rem;margin:1.4em 0 .5em}
.tl-prose img{max-width:100%;height:auto;border-radius:12px}
.tl-prose a{text-decoration:underline}
.tl-ad{display:block;border-radius:16px;overflow:hidden;position:relative;border:1px solid var(--tl-border)}
.tl-ad img{width:100%;height:auto;display:block}
.tl-ad .lbl{position:absolute;right:8px;top:8px;background:rgba(255,255,255,.9);color:var(--tl-muted);font-size:.68rem;font-weight:600;padding:2px 7px;border-radius:6px}

/* pagination */
.pagination .page-link{border-radius:10px!important;margin:0 3px;border-color:var(--tl-border);color:var(--tl-navy);font-weight:500;min-width:42px;text-align:center}
.pagination .active .page-link{background:var(--tl-navy);border-color:var(--tl-navy);color:#fff}

/* auth pages */
.tl-auth{background:radial-gradient(800px 380px at 90% 0%,rgba(214,31,44,.18),transparent 60%),var(--tl-bg);min-height:calc(100vh - 140px)}
.tl-auth .tl-panel{background:#fff;border:1px solid var(--tl-border);border-radius:24px;box-shadow:0 24px 60px rgba(11,27,63,.08)}

/* footer */
.tl-footer{background:var(--tl-navy-deep);color:#C9D3EA;margin-top:88px}
.tl-footer a{color:#C9D3EA}.tl-footer a:hover{color:#fff}
.tl-footer h3{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin:0 0 14px}
.tl-footer .links{display:flex;flex-direction:column;gap:9px;font-size:.88rem}
.tl-footer .nl input{min-height:52px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;padding:0 18px}
.tl-footer .nl input::placeholder{color:#9FB0D3}
.tl-footer .social a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center}
.tl-cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:1080;max-width:560px;background:#fff;border:1px solid var(--tl-border);border-radius:18px;box-shadow:0 20px 60px rgba(11,27,63,.25);padding:18px 20px}

@media (max-width:991px){
  .tl-hero{padding:40px 0 96px}
  .tl-hero-visual{display:none}
  .tl-stats>div+div{border-left:0;border-top:1px solid var(--tl-border)}
  .tl-gallery{grid-template-columns:1fr 1fr;grid-template-rows:240px 120px}
  .tl-gallery a:first-child{grid-column:1/span 2;grid-row:auto}
  .tl-gallery a:nth-child(n+4){display:none}
  .tl-gallery.n1{grid-template-rows:260px}
  .tl-sidebar{position:static}
  .tl-section{padding-top:56px}
  .tl-box{padding:20px}
  .tl-cta{padding:36px 26px}
}
@media (max-width:575px){
  .tl-search .fld+.fld{border-left:0;border-top:1px solid var(--tl-border)}
  .tl-search .btn{width:100%}
}
.tl-toolbar .form-select{min-width:170px;padding-right:2.2rem}