/* =========================================================
   TheBigos Theme (Global) - style.css
   - tüm sayfalar için tek tasarım dili
   - mevcut vendor/tema css’leri bozmadan override
   ========================================================= */

/* ---------------------------
   ROOT + BASE
---------------------------- */
:root{
  --bg:#fff7e6;
  --ink:#0f0f0f;
  --muted:#555;
  --muted2: rgba(0,0,0,.66);
  --line:rgba(0,0,0,.10);
  --line2:rgba(0,0,0,.14);
  --card:#ffffff;

  --shadow: 0 18px 40px rgba(0,0,0,.12);
  --shadow2: 0 10px 20px rgba(0,0,0,.10);
  --shadow3: 0 8px 16px rgba(0,0,0,.08);

  --brand:#f2b500;
  --brand2:#ff3b30;
  --brand3:#16a34a;
  --warn:#f97316;
  --dark:#111;

  --radius:18px;
  --radius2:26px;

  --max:1180px;
  --font:'Montserrat', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  --focus: 0 0 0 4px rgba(242,181,0,.35);

  --gap:14px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:var(--font);
  color:var(--ink);
  background:
    radial-gradient(900px 380px at 15% 0%, rgba(242,181,0,.25), transparent 60%),
    radial-gradient(900px 380px at 85% 10%, rgba(255,59,48,.18), transparent 60%),
    var(--bg);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
::selection{background: rgba(242,181,0,.35);}

/* container helper */
.tb-container{max-width:var(--max); margin:0 auto; padding:0 18px;}

/* ---------------------------
   LAYOUT
---------------------------- */
.tb-main{
  max-width: var(--max);
  margin: 0 auto;
  padding: 18px 18px 24px;
  min-height: 56vh;
}

.tb-footer-wrap{
  margin-top: 18px;
  border-top: 1px solid var(--line);
  background: rgba(255,255,255,.65);
}

/* Section spacing standard */
.tb-section{padding: 26px 0;}
.tb-section.sm{padding: 18px 0;}
.tb-section.lg{padding: 34px 0;}

/* Generic cards */
.tb-card{
  background: rgba(255,255,255,.88);
  border:1px solid var(--line);
  border-radius: var(--radius2);
  box-shadow: var(--shadow2);
  overflow:hidden;
}
.tb-card.pad{padding:14px;}
.tb-card.pad-lg{padding:18px;}
.tb-card.hover{
  transition: transform .14s ease, box-shadow .14s ease;
}
.tb-card.hover:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 30px rgba(0,0,0,.14);
}

/* Grid system */
.tb-grid{display:flex; flex-wrap:wrap; margin:-10px;}
.tb-grid > *{padding:10px; width:100%;}
.tb-grid-2 > *{width:50%;}
.tb-grid-3 > *{width:33.3333%;}
.tb-grid-4 > *{width:25%;}
@media (max-width: 980px){
  .tb-grid-4 > *{width:50%;}
  .tb-grid-3 > *{width:50%;}
  .tb-grid-2 > *{width:100%;}
}
@media (max-width: 560px){
  .tb-grid-4 > *{width:100%;}
  .tb-grid-3 > *{width:100%;}
}

/* Head blocks */
.tb-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom: 14px;
}
.tb-title{
  margin:0;
  font-weight:900;
  letter-spacing:-.4px;
  font-size: 28px;
}
.tb-sub{
  margin:6px 0 0;
  font-weight:800;
  color: var(--muted2);
  font-size: 13px;
  line-height: 1.45;
}

/* Pills */
.tb-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius: 999px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.75);
  box-shadow: var(--shadow2);
  font-weight:900;
  font-size: 13px;
  transition: transform .14s ease;
}
.tb-pill:hover{transform: translateY(-1px);}

/* ---------------------------
   MINI TOP BAR
---------------------------- */
.tb-mini{
  background: rgba(0,0,0,.06);
  border-bottom:1px solid rgba(0,0,0,.06);
}
.tb-mini .roww{
  max-width:var(--max);
  margin:0 auto;
  padding:10px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  font-weight:900;
  font-size:12px;
  color: rgba(0,0,0,.78);
}
.tb-mini .left, .tb-mini .right{display:flex; gap:14px; flex-wrap:wrap; align-items:center}
.tb-mini a{opacity:.9}
.tb-mini a:hover{opacity:1; text-decoration:underline; text-underline-offset:4px}

/* ---------------------------
   TOPBAR / NAV
---------------------------- */
.tb-topbar{
  position:sticky; top:0; z-index:9999;
  background: rgba(255,247,230,.86);
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--line);
}
.tb-inner{
  max-width:var(--max);
  margin:0 auto;
  padding:14px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.tb-brand{display:flex; gap:12px; align-items:center; min-width: 220px;}
.tb-logo{width:auto;height:46px;}
.tb-logo img{width:100%; height:100%; object-fit:contain; padding:6px; background:transparent}
.tb-title-small{font-weight:900; letter-spacing:.2px; line-height:1}
.tb-sub-small{font-weight:800; color:var(--muted); font-size:12px; margin-top:2px}

.tb-nav{
  display:flex; gap:18px; align-items:center;
  font-weight:900; font-size:13px;
}
.tb-nav > a{opacity:.92}
.tb-nav > a:hover{opacity:1; text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:6px}
.tb-caret{opacity:.7}

/* Dropdown */
.tb-drop{position:relative}
.tb-drop > a{display:flex; gap:6px; align-items:center}
.tb-menu{
  position:absolute; top:42px; left:0;
  min-width:220px;
  background: rgba(255,255,255,.95);
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow: var(--shadow2);
  padding:8px;
  display:none;
}
.tb-menu a{
  display:block;
  padding:10px 10px;
  border-radius:12px;
  font-weight:900;
  opacity:.95;
}
.tb-menu a:hover{background: rgba(242,181,0,.18); opacity:1}
.tb-drop:hover .tb-menu{display:block}

.tb-cta{display:flex; gap:10px; align-items:center}
.tb-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  border-radius:14px;
  padding:10px 12px;
  font-weight:900;
  border:1px solid rgba(0,0,0,.12);
  box-shadow: var(--shadow2);
  cursor:pointer;
  user-select:none;
  background: rgba(255,255,255,.86);
}
.tb-btn.primary{background: var(--brand)}
.tb-btn.dark{background:#111; color:#fff; border-color:#111}
.tb-btn:focus{outline:none; box-shadow: var(--shadow2), var(--focus)}
.tb-btn:active{transform:translateY(1px)}

.tb-burger{
  display:none;
  width:42px; height:42px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.86);
  box-shadow: var(--shadow2);
  font-weight:900;
  cursor:pointer;
}
.tb-mobile{
  display:none;
  border-top:1px solid var(--line);
  background: rgba(255,247,230,.92);
}
.tb-mobile a{
  display:block; padding:14px 18px;
  font-weight:900;
  border-bottom:1px solid rgba(0,0,0,.06);
}
@media (max-width: 980px){
  .tb-nav{display:none}
  .tb-burger{display:inline-flex; align-items:center; justify-content:center}
}

/* ---------------------------
   FIXED PHONE BUTTONS
---------------------------- */
.aphone, .amobile{
  position: fixed;
  left: 15px;
  z-index: 999;
  transition: all .2s ease;
}
.aphone{bottom:190px}
.amobile{bottom:120px}
.aphone a, .amobile a{
  height: 50px; width: 50px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: var(--shadow2);
  font-size: 22px;
  display: grid;
  place-items: center;
  color: white;
  border:1px solid rgba(0,0,0,.12);
}
.aphone a{background:#111}
.amobile a{background: var(--brand2)}
.aphone:hover, .amobile:hover{transform: translateY(-2px)}
.aphone .tooltiptext, .amobile .tooltiptext{
  visibility: hidden;
  width: max-content;
  max-width: 220px;
  background-color: #111;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  padding: 6px 10px;
  position: absolute;
  z-index: 1;
  line-height: normal;
  font-size: 12px;
  top: 11px;
  left: 110%;
  white-space: nowrap;
}
.aphone:hover .tooltiptext, .amobile:hover .tooltiptext{visibility: visible}

/* ------------------------------------------------------------------ */
/* ✅ THEME OVERRIDES - MEVCUT CLASS’LARA “TheBigos” DOKUNUŞ            */
/* ------------------------------------------------------------------ */

/* Buttons (tema içindeki main-btn) */
.main-btn{
  border-radius:14px !important;
  font-weight:900 !important;
  border:1px solid rgba(0,0,0,.12) !important;
  box-shadow: var(--shadow2);
  background: var(--brand) !important;
  color:#1a1200 !important;
  padding:10px 14px !important;
}
.main-btn:hover{filter:brightness(.98)}
.main-btn.main-btn-2{
  background: rgba(255,255,255,.86) !important;
  color: var(--ink) !important;
}

/* Bootstrap button harmony (varsa) */
.btn, button.btn{
  border-radius: 14px !important;
  font-weight: 900 !important;
  border:1px solid rgba(0,0,0,.12) !important;
  box-shadow: var(--shadow3);
}
.btn:focus, button:focus{outline:none; box-shadow: var(--shadow2), var(--focus) !important;}
.btn-primary{
  background: var(--brand) !important;
  color: #1a1200 !important;
}
.btn-primary:hover{filter:brightness(.98)}
.btn-dark{
  background:#111 !important;
  border-color:#111 !important;
}

/* Inputs / forms */
input, textarea, select{font-family: var(--font);}
.form-control, .nice-select, input[type="text"], input[type="email"], input[type="tel"], textarea, select{
  border-radius: 14px !important;
  border: 1px solid var(--line2) !important;
  background: rgba(255,255,255,.92) !important;
  font-weight: 800 !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.04);
}
.form-control:focus, input:focus, textarea:focus, select:focus{
  outline: none !important;
  border-color: rgba(242,181,0,.55) !important;
  box-shadow: var(--focus) !important;
}
textarea{min-height: 120px;}

/* Alerts */
.alert, .swal2-popup{
  border-radius: 18px !important;
}

/* ---------------------------
   HERO / SLIDER
---------------------------- */
.banner-area{margin-top:12px}
.banner-active .single-banner{
  border-radius: var(--radius2);
  overflow:hidden;
  border:1px solid rgba(0,0,0,.12);
  box-shadow: var(--shadow);
  min-height: 380px;
  position:relative;
}
.banner-active .single-banner::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(90deg, rgba(0,0,0,.70), rgba(0,0,0,.18));
}
.banner-active .banner-overlay{position:relative; z-index:2}
.banner-content .title{
  color:#fff !important;
  font-weight:900;
  letter-spacing:-.6px;
  font-size: 42px;
  line-height:1.05;
}
.banner-content p{
  color: rgba(255,255,255,.92);
  font-weight:700;
  max-width: 720px;
}
.banner-content .main-btn{background: var(--brand) !important;}
@media (max-width: 980px){
  .banner-content .title{font-size: 32px}
}
@media (max-width: 560px){
  .banner-active .single-banner{min-height: 320px}
}

/* ---------------------------
   REFERENCES (brand-area)
---------------------------- */
.brand-area{
  margin: 14px auto 0;
  max-width: var(--max);
  padding: 12px 12px;
  background: rgba(255,255,255,.65);
  border:1px solid var(--line);
  border-radius: 22px;
  box-shadow: var(--shadow2);
}
.brand-item{
  background: rgba(255,255,255,.95);
  border:1px solid var(--line);
  border-radius: 18px;
  padding: 10px;
  box-shadow: 0 1px 0 rgba(0,0,0,.05);
}
.brand-item img{filter: grayscale(1) contrast(1.05); opacity:.92}
.brand-item:hover img{filter:none; opacity:1}

/* ---------------------------
   ABOUT
---------------------------- */
.about-area{border-radius: 22px}
.about-area .about-item{
  background: rgba(255,255,255,.86);
  border:1px solid var(--line);
  border-radius: 22px;
  box-shadow: var(--shadow2);
  padding: 16px;
}
.about-area .about-thumb img{
  border-radius: 22px;
  border:1px solid var(--line);
  box-shadow: var(--shadow2);
}

/* ---------------------------
   PRODUCTS GRID (anasayfa)
---------------------------- */
.pro-list .list{margin-top:10px}
.pro-list .item{
  background: rgba(255,255,255,.90);
  border:1px solid var(--line);
  border-radius: 22px;
  overflow:hidden;
  box-shadow: var(--shadow2);
  transition: transform .12s ease, box-shadow .12s ease;
}
.pro-list .item:hover{transform: translateY(-2px); box-shadow: 0 18px 30px rgba(0,0,0,.14)}
.pro-list .hovers{
  background: rgba(0,0,0,.55) !important;
  backdrop-filter: blur(6px);
  font-weight:900;
}
.pro-list .text{padding: 12px}
.pro-list .text .name b{font-weight:900}
.pro-list .right b{
  background: rgba(242,181,0,.35);
  border:1px solid rgba(0,0,0,.10);
  padding:6px 10px;
  border-radius:999px;
  white-space:nowrap;
}

/* ---------------------------
   SERVICES CARDS
---------------------------- */
.single-services{
  background: rgba(255,255,255,.90);
  border:1px solid var(--line);
  border-radius: 22px;
  overflow:hidden;
  box-shadow: var(--shadow2);
}
.single-services .services-thumb img{
  width:100%;
  border-bottom:1px solid var(--line);
}
.single-services .services-content{padding:14px}
.single-services .services-content .title{font-weight:900}
.single-services .services-content p{
  color: var(--muted);
  font-weight:700;
  font-size: 13px;
  line-height: 1.55;
}

/* ---------------------------
   PROJECTS
---------------------------- */
.case-studies-area .single-case-studies{
  border-radius: 22px;
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow: var(--shadow2);
}
.case-studies-area .case-overlay{
  background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.70)) !important;
}
.case-studies-area .case-overlay span,
.case-studies-area .case-overlay h5{color:#fff}
.case-studies-area .projekapak{min-height: 240px}

/* ---------------------------
   TEAM
---------------------------- */
.leadership-item{
  background: rgba(255,255,255,.90);
  border:1px solid var(--line);
  border-radius: 22px;
  box-shadow: var(--shadow2);
  overflow:hidden;
}
.leadership-item img{width:100%}
.leadership-content{padding:12px}
.leadership-content .title{font-weight:900}
.leadership-content span{font-weight:800; color: var(--muted)}
.media-links .social-icons a{
  border-radius: 999px;
  background: rgba(242,181,0,.20);
  border:1px solid rgba(0,0,0,.10);
}

/* ---------------------------
   FAQ / ACCORDION
---------------------------- */
.faq-area .card{
  border-radius: 16px !important;
  border:1px solid var(--line) !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.05);
  overflow:hidden;
  margin-bottom: 10px;
}
.faq-area .card-header a{
  font-weight:900;
  display:block;
  padding: 12px 14px;
}
.faq-area .card-body{
  background: rgba(255,255,255,.86);
  color: var(--muted);
  font-weight:700;
}

/* ---------------------------
   BLOG / NEWS (GENERIC)
---------------------------- */
.blog-grid-item.kapak,
.blog-grid-item{
  border-radius: 22px;
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow: var(--shadow2);
}
.blog-grid-item .blog-grid-overlay{
  background: linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.70)) !important;
}
.blog-grid-item .title{color:#fff; font-weight:900}

/* =========================================================
   ✅ INNER PAGES (tüm sayfalar) - Page Header + Content
   - kurumsal / hizmet / ürün / proje / haber detay / iletişim / sss
   ========================================================= */

/* Page head (breadcrumb + title) */
.tb-page-head{
  margin: 12px 0 14px;
}
.tb-page-hero{
  border-radius: var(--radius2);
  border:1px solid var(--line);
  background: rgba(255,255,255,.78);
  box-shadow: var(--shadow2);
  padding: 14px;
}
.tb-page-hero .h{
  margin:0;
  font-weight: 900;
  letter-spacing:-.4px;
  font-size: 26px;
}
.tb-breadcrumb{
  margin-top: 8px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  color: rgba(0,0,0,.62);
  font-weight: 800;
  font-size: 12px;
}
.tb-breadcrumb a{
  opacity: .92;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
}
.tb-breadcrumb .sep{opacity:.55}

/* If your theme uses "breadcrumb" */
.breadcrumb, .breadcrumb-area, .breadcrumb-content{
  border-radius: var(--radius2);
}
.breadcrumb{background: transparent !important; padding:0 !important;}
.breadcrumb li, .breadcrumb-item{font-weight:900;}
.breadcrumb-item + .breadcrumb-item::before{opacity:.5;}

/* Main content + sidebar layout helper */
.tb-layout{
  display:grid;
  grid-template-columns: 1.7fr 1fr;
  gap: var(--gap);
  align-items:start;
}
@media (max-width: 980px){
  .tb-layout{grid-template-columns: 1fr;}
}

/* Content box */
.tb-content{
  background: rgba(255,255,255,.88);
  border:1px solid var(--line);
  border-radius: var(--radius2);
  box-shadow: var(--shadow2);
  padding: 16px;
}
.tb-content h1, .tb-content h2, .tb-content h3{
  font-weight: 900;
  letter-spacing: -.3px;
}
.tb-content p{
  color: var(--muted);
  font-weight: 700;
  line-height: 1.65;
}
.tb-content ul, .tb-content ol{font-weight:800; color: rgba(0,0,0,.72);}
.tb-content img{
  border-radius: 18px;
  border:1px solid var(--line);
  box-shadow: var(--shadow3);
}

/* Sidebar widgets */
.tb-sidebar .widget,
.widget-item-2,
.widget,
.sidebar-widget{
  background: rgba(255,255,255,.88);
  border:1px solid var(--line);
  border-radius: var(--radius2);
  box-shadow: var(--shadow2);
  padding: 14px;
  margin-bottom: 14px;
}
.tb-sidebar .widget .title,
.widget .title,
.sidebar-widget .title{
  margin:0 0 10px;
  font-weight: 900;
}

/* Lists in sidebar */
.tb-sidebar ul, .widget ul{
  margin:0;
  padding:0;
  list-style:none;
}
.tb-sidebar ul li, .widget ul li{
  padding: 10px 10px;
  border:1px solid rgba(0,0,0,.06);
  background: rgba(0,0,0,.02);
  border-radius: 14px;
  margin-bottom: 10px;
  font-weight: 900;
}
.tb-sidebar ul li a{display:block; opacity:.92;}
.tb-sidebar ul li:hover{background: rgba(242,181,0,.12);}

/* Tables */
table{
  width:100%;
  border-collapse: collapse;
  overflow:hidden;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.92);
}
table th, table td{
  padding: 12px 12px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  font-weight: 800;
}
table th{
  background: rgba(242,181,0,.18);
  font-weight: 900;
}
table tr:hover td{background: rgba(0,0,0,.02);}

/* Pagination */
.pagination{
  gap:8px;
}
.page-link{
  border-radius: 14px !important;
  border:1px solid var(--line) !important;
  font-weight: 900 !important;
  background: rgba(255,255,255,.85) !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.04);
}
.page-item.active .page-link{
  background: var(--brand) !important;
  color: #1a1200 !important;
  border-color: rgba(0,0,0,.14) !important;
}

/* Badges / tags */
.tb-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 10px;
  border-radius: 999px;
  border:1px solid var(--line);
  background: rgba(0,0,0,.03);
  font-weight: 900;
  font-size: 12px;
}
.tb-tag.brand{background: rgba(242,181,0,.25); border-color: rgba(242,181,0,.35);}
.tb-tag.red{background: rgba(255,59,48,.12); border-color: rgba(255,59,48,.18);}
.tb-tag.green{background: rgba(22,163,74,.12); border-color: rgba(22,163,74,.18);}

/* Image gallery wrappers (foto/video) */
.tb-gallery{
  display:flex;
  flex-wrap:wrap;
  margin: -8px;
}
.tb-gallery > *{width: 33.3333%; padding:8px;}
.tb-gallery a, .tb-gallery .item{
  display:block;
  border-radius: 18px;
  border:1px solid var(--line);
  overflow:hidden;
  box-shadow: var(--shadow3);
}
.tb-gallery img{width:100%; height:220px; object-fit:cover;}
@media (max-width: 980px){
  .tb-gallery > *{width: 50%;}
  .tb-gallery img{height:200px;}
}
@media (max-width: 560px){
  .tb-gallery > *{width: 100%;}
  .tb-gallery img{height:220px;}
}

/* Contact blocks */
.tb-contact-box{
  background: rgba(255,255,255,.88);
  border:1px solid var(--line);
  border-radius: var(--radius2);
  box-shadow: var(--shadow2);
  padding: 16px;
}
.tb-contact-box .k{font-weight:900;}
.tb-contact-box .v{font-weight:800; color: var(--muted); margin-top:4px;}

/* Modals (remodal/iziModal) */
.remodal, .iziModal{
  border-radius: var(--radius2) !important;
}
.remodal .remodal-close{opacity:.8;}
.remodal h5, .iziModal h4{font-weight: 900;}

/* Back to top */
.back-to-top a{
  border-radius: 999px;
  box-shadow: var(--shadow2);
  border:1px solid rgba(0,0,0,.12);
}

/* =========================================================
   ✅ TheBigos - HABERLER (senin eklediğin news block uyumlu)
   ========================================================= */

.tb-news{margin-top: 8px;}

.tb-news-card .tb-news-link{display:block; height:100%;}
.tb-news-media{
  position:relative;
  aspect-ratio: 16 / 10;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.tb-news-media::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.72) 100%);
}
.tb-news-badges{
  position:absolute;
  top:12px;
  left:12px;
  display:flex;
  gap:8px;
  z-index:2;
}
.tb-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.88);
  border:1px solid rgba(0,0,0,.10);
  font-weight:900;
  font-size: 12px;
  box-shadow: 0 8px 16px rgba(0,0,0,.10);
}
.tb-news-body{padding: 14px 14px 16px;}
.tb-news-title{
  margin: 0;
  font-weight: 900;
  letter-spacing: -.2px;
  font-size: 16px;
  line-height: 1.25;
  color: var(--ink);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 40px;
}
.tb-news-cta{
  margin-top: 10px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:900;
  color: rgba(0,0,0,.78);
  opacity: .95;
}
.tb-news-card:hover .tb-news-cta{opacity:1;}
.tb-arrow{
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(242,181,0,.28);
  border:1px solid rgba(0,0,0,.10);
  transition: transform .14s ease;
}
.tb-news-card:hover .tb-arrow{transform: translateX(2px);}

/* ---------------------------
   Responsive small tweaks
---------------------------- */
@media (max-width: 560px){
  .tb-title{font-size: 24px;}
  .tb-page-hero .h{font-size: 22px;}
}

/* =========================================================
   TheBigos HERO / SLIDER (Pro)
   ========================================================= */

.tb-hero{margin-top:12px}

/* Slide container */
.tb-hero-slide{
  border-radius: var(--radius2);
  overflow:hidden;
  border:1px solid rgba(0,0,0,.12);
  box-shadow: var(--shadow);
  min-height: 420px;
  position:relative;
  isolation: isolate;
}

/* Arkaplan parıltıları + overlay */
.tb-hero-slide::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(900px 420px at 15% 10%, rgba(242,181,0,.30), transparent 60%),
    radial-gradient(900px 420px at 85% 0%, rgba(255,59,48,.22), transparent 60%),
    linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.22));
  z-index:0;
}
.tb-hero-slide::after{
  content:"";
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 44px 44px;
  opacity:.16;
  z-index:0;
}

/* Overlay içerik */
.tb-hero-overlay{position:relative; z-index:1}
.tb-hero-container{padding-top: 18px; padding-bottom: 18px;}

.tb-hero-content{
  padding: 10px 0;
  position:relative;
}

/* üst pill + meta */
.tb-hero-top{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom: 10px;
}
.tb-hero-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background: rgba(242,181,0,.95);
  color:#1a1200;
  padding: 8px 12px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  width: fit-content;
  border:1px solid rgba(0,0,0,.14);
  box-shadow: 0 10px 18px rgba(0,0,0,.18);
}
.tb-hero-pill-ico{filter: drop-shadow(0 6px 10px rgba(0,0,0,.2));}
.tb-hero-meta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  color: rgba(255,255,255,.92);
  font-weight: 900;
  font-size: 12px;
  backdrop-filter: blur(8px);
}

/* Başlık + açıklama */
.tb-hero-title{
  color:#fff !important;
  font-weight: 900;
  letter-spacing:-.8px;
  font-size: 46px;
  line-height: 1.05;
  margin: 0 0 10px;
  text-shadow: 0 18px 40px rgba(0,0,0,.28);
}
.tb-hero-desc{
  color: rgba(255,255,255,.92);
  font-weight: 750;
  max-width: 760px;
  line-height: 1.6;
  margin: 0 0 14px;
}

/* Aksiyonlar */
.tb-hero-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.tb-hero-btn{
  display:inline-flex !important;
  align-items:center;
  gap:10px;
  border-radius: 16px !important;
  padding: 12px 14px !important;
}
.tb-hero-btn2{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 14px;
  border-radius: 16px;
  font-weight: 900;
  background: rgba(255,255,255,.12);
  color: rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter: blur(10px);
  box-shadow: 0 12px 22px rgba(0,0,0,.22);
  transition: transform .14s ease, background .14s ease, opacity .14s ease;
}
.tb-hero-btn2:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.16);
}

/* Sağ alt float info */
.tb-hero-float{
  margin-top: 16px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.tb-hero-fitem{
  display:flex;
  gap:10px;
  align-items:center;
  padding: 10px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(10px);
  box-shadow: 0 12px 22px rgba(0,0,0,.22);
  color: rgba(255,255,255,.95);
  min-width: 240px;
}
.tb-hero-fitem i{
  font-size: 18px;
  width: 36px; height: 36px;
  display:grid;
  place-items:center;
  border-radius: 14px;
  background: rgba(242,181,0,.24);
  border:1px solid rgba(255,255,255,.18);
}
.tb-hero-fitem b{display:block; font-weight: 900; line-height:1.05;}
.tb-hero-fitem span{display:block; font-weight: 800; opacity:.9; font-size: 12px; margin-top: 2px;}

/* Sağ side glass box */
.tb-hero-side{
  height: 100%;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.tb-hero-glass{
  width: 100%;
  max-width: 340px;
  border-radius: var(--radius2);
  padding: 16px;
  background: rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.20);
  box-shadow: 0 20px 40px rgba(0,0,0,.22);
  backdrop-filter: blur(12px);
  color: rgba(255,255,255,.92);
}
.tb-hero-side-title{
  font-weight: 900;
  font-size: 14px;
  letter-spacing: .2px;
}
.tb-hero-side-sub{
  margin-top: 6px;
  font-weight: 800;
  font-size: 12px;
  opacity: .9;
}
.tb-hero-side-line{
  height: 1px;
  background: rgba(255,255,255,.18);
  margin: 12px 0;
}
.tb-hero-side-row{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-bottom: 10px;
  font-weight: 850;
  font-size: 12px;
  opacity: .95;
}
.tb-dot{
  width: 10px; height: 10px;
  margin-top: 3px;
  border-radius: 999px;
  background: rgba(242,181,0,.9);
  box-shadow: 0 10px 16px rgba(0,0,0,.24);
}

/* Slick ok/nokta uyumu (varsa) */
.banner-area .slick-dots{
  bottom: 14px !important;
}
.banner-area .slick-dots li button:before{
  font-size: 10px !important;
  opacity: .35 !important;
  color: #fff !important;
}
.banner-area .slick-dots li.slick-active button:before{
  opacity: 1 !important;
  color: var(--brand) !important;
}
.banner-area .slick-arrow{
  width: 46px !important;
  height: 46px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 30px rgba(0,0,0,.22);
}
.banner-area .slick-arrow:hover{
  background: rgba(255,255,255,.20) !important;
}

/* Responsive */
@media (max-width: 1200px){
  .tb-hero-title{font-size: 40px;}
}
@media (max-width: 980px){
  .tb-hero-slide{min-height: 380px;}
  .tb-hero-title{font-size: 32px;}
  .tb-hero-fitem{min-width: 210px;}
}
@media (max-width: 560px){
  .tb-hero-slide{min-height: 340px;}
  .tb-hero-title{font-size: 28px;}
  .tb-hero-desc{font-size: 13px;}
  .tb-hero-fitem{width:100%;}
}

/* =========================================================
   TheBigos - Contact Page (HTML updated)
   ========================================================= */

.tb-pt{padding: 18px 0;}
.tb-card{
  background: rgba(255,255,255,.74);
  border: 1px solid var(--line);
  border-radius: var(--radius2);
  box-shadow: var(--shadow2);
}
.tb-pad{padding: 16px;}
.tb-g-16{margin-left:-8px; margin-right:-8px;}
.tb-g-16 > [class*="col-"]{padding-left:8px; padding-right:8px;}

.tb-block{margin-top: 12px;}
.tb-block-head{margin-bottom: 10px;}
.tb-block-title{
  font-weight: 900;
  letter-spacing: -.2px;
  font-size: 18px;
  margin: 0;
}
.tb-block-sub{
  margin-top: 8px;
  font-weight: 800;
  color: rgba(0,0,0,.66);
  line-height: 1.55;
}

/* info cards */
.tb-info-card{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  padding: 14px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 22px;
  box-shadow: 0 10px 20px rgba(0,0,0,.08);
  min-height: 110px;
}
.tb-ic{
  width: 52px;
  height: 52px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(242,181,0,.22);
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 10px 18px rgba(0,0,0,.10);
  flex: 0 0 auto;
}
.tb-ic i{font-size: 18px; color: rgba(0,0,0,.85);}
.tb-info-title{font-weight: 900; margin: 0 0 6px;}
.tb-info-text{font-weight: 800; color: rgba(0,0,0,.74); word-break: break-word;}
a.tb-info-text:hover{text-decoration: underline; text-underline-offset: 4px;}

/* fields */
.tb-field{
  position:relative;
}
.tb-field-ic{
  position:absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: rgba(242,181,0,.22);
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 10px 18px rgba(0,0,0,.10);
  color: rgba(0,0,0,.80);
  pointer-events:none;
}
.tb-field input,
.tb-field textarea{
  width: 100%;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.92);
  padding: 14px 14px 14px 70px;
  font-weight: 800;
  outline: none;
  transition: box-shadow .14s ease, border-color .14s ease;
}
.tb-field textarea{
  min-height: 170px;
  resize: vertical;
  padding-top: 16px;
}
.tb-field input:focus,
.tb-field textarea:focus{
  border-color: rgba(242,181,0,.75);
  box-shadow: var(--focus), 0 18px 30px rgba(0,0,0,.10);
}
.tb-field-textarea .tb-field-ic{
  top: 18px;
  transform: none;
}

/* submit */
.tb-submit{
  width: 100%;
  border: 1px solid rgba(0,0,0,.12);
  background: var(--brand);
  color: #1a1200;
  font-weight: 900;
  border-radius: 18px;
  padding: 14px 16px;
  box-shadow: 0 18px 30px rgba(0,0,0,.14);
  cursor:pointer;
  transition: transform .14s ease, filter .14s ease;
}
.tb-submit:hover{filter: brightness(.98);}
.tb-submit:active{transform: translateY(1px);}

/* social cover */
.tb-social-cover{
  border-radius: var(--radius2);
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 18px 30px rgba(0,0,0,.12);
  background-size: cover;
  background-position: center;
  overflow:hidden;
  position:relative;
  padding: 22px 16px;
}
.tb-social-cover::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(900px 320px at 15% 0%, rgba(242,181,0,.22), transparent 60%),
    radial-gradient(900px 320px at 85% 10%, rgba(255,59,48,.16), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.55));
}
.tb-social-row{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  flex-wrap: wrap;
}
.tb-social-row a{
  width: 54px;
  height: 54px;
  display:grid;
  place-items:center;
  border-radius: 18px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.22);
  color: #fff !important;
  font-size: 18px;
  box-shadow: 0 18px 30px rgba(0,0,0,.22);
  backdrop-filter: blur(10px);
  transition: transform .14s ease, background .14s ease;
}
.tb-social-row a:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.18);
}

/* map */
.tb-map iframe{
  width: 100% !important;
  border: 0 !important;
  border-radius: var(--radius2);
  box-shadow: 0 18px 30px rgba(0,0,0,.12);
  min-height: 360px;
}
@media (max-width: 560px){
  .tb-pad{padding: 14px;}
  .tb-map iframe{min-height: 320px;}
}

/* =========================
   TheBigos - ÜRÜNLER
   ========================= */

.tb-head--split{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom: 14px;
}
.tb-head-left .title{margin:0; font-weight:900; letter-spacing:-.4px;}
.tb-head-left .tb-sub{margin:6px 0 0; font-weight:800; color:rgba(0,0,0,.66);}

/* Grid zaten sende var: .tb-grid + .tb-grid-3 kullanıyoruz */
.tb-products .tb-grid{margin-top: 8px;}

.tb-product-card{
  display:block;
  height:100%;
  overflow:hidden;
  border-radius: var(--radius2);
  border: 1px solid var(--line);
  background: rgba(255,255,255,.88);
  box-shadow: var(--shadow2);
  transition: transform .14s ease, box-shadow .14s ease;
}
.tb-product-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 30px rgba(0,0,0,.14);
}

/* Media */
.tb-product-media{
  position:relative;
  aspect-ratio: 16 / 11;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.tb-product-grad{
  position:absolute; inset:0;
  background:
    radial-gradient(700px 260px at 20% 0%, rgba(242,181,0,.22), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.62) 100%);
  opacity: 1;
}

/* Badge + price chips */
.tb-product-badge,
.tb-product-price{
  position:absolute;
  top: 12px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight:900;
  font-size: 12px;
  box-shadow: 0 10px 18px rgba(0,0,0,.16);
  border:1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.92);
}
.tb-product-badge{left: 12px;}
.tb-product-price{right: 12px; background: rgba(242,181,0,.95); color:#1a1200; border-color: rgba(0,0,0,.12);}

/* Quick CTA over image */
.tb-product-quick{
  position:absolute;
  left: 14px;
  bottom: 14px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 16px;
  font-weight: 900;
  font-size: 13px;
  color:#fff;
  background: rgba(0,0,0,.38);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(10px);
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .14s ease, transform .14s ease;
}
.tb-product-card:hover .tb-product-quick{
  opacity: 1;
  transform: translateY(0);
}

/* Zoom hover */
.tb-product-card:hover .tb-product-media{
  transform: scale(1.01);
}
.tb-product-media{transition: transform .25s ease;}

/* Body */
.tb-product-body{
  padding: 14px 14px 16px;
}
.tb-product-name{
  font-weight: 900;
  letter-spacing: -.2px;
  font-size: 16px;
  line-height: 1.25;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 40px;
}

/* Footer link */
.tb-product-footer{
  margin-top: 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.tb-product-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:900;
  color: rgba(0,0,0,.78);
}
.tb-product-link .tb-arrow{
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(242,181,0,.28);
  border:1px solid rgba(0,0,0,.10);
  transition: transform .14s ease;
}
.tb-product-card:hover .tb-product-link .tb-arrow{transform: translateX(2px);}

/* Responsive tune */
@media (max-width: 560px){
  .tb-product-media{aspect-ratio: 16 / 12;}
  .tb-product-quick{left: 12px; bottom: 12px; font-size: 12px;}
}

/* =========================
   TheBigos - BAYİLER / ŞUBELER
   ========================= */

.tb-branches{
  padding: 10px 0;
}
.tb-branches .container{
  position: relative;
}

/* Header */
.tb-branches-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin: 0 0 14px;
  padding: 14px;
  border-radius: var(--radius2);
  background: rgba(255,255,255,.72);
  border: 1px solid var(--line);
  box-shadow: var(--shadow2);
}
.tb-branches-title h3{
  margin:0;
  font-weight:900;
  letter-spacing:-.4px;
  font-size: 22px;
}
.tb-branches-title p{
  margin:6px 0 0;
  font-weight:800;
  color: rgba(0,0,0,.66);
  font-size: 13px;
}

.tb-branches-tools{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.tb-search{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 999px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.85);
  box-shadow: 0 10px 18px rgba(0,0,0,.10);
  min-width: 320px;
}
.tb-search i{opacity:.75}
.tb-search input{
  border:0;
  outline:none;
  background: transparent;
  width: 100%;
  font-weight:900;
  font-size: 13px;
}
.tb-search input::placeholder{color: rgba(0,0,0,.45); font-weight:800;}

.tb-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: rgba(242,181,0,.22);
  font-weight:900;
  font-size: 13px;
  white-space: nowrap;
}

/* Grid */
.tb-branches-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 980px){
  .tb-branches-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .tb-search{min-width: 260px;}
}
@media (max-width: 560px){
  .tb-branches-head{flex-direction:column; align-items:stretch;}
  .tb-branches-tools{justify-content:flex-start;}
  .tb-search{min-width: 100%;}
  .tb-branches-grid{grid-template-columns: 1fr;}
}

/* Card */
.tb-branch-card{
  height:100%;
  border-radius: var(--radius2);
  border: 1px solid var(--line);
  background: rgba(255,255,255,.90);
  box-shadow: var(--shadow2);
  overflow:hidden;
  transition: transform .14s ease, box-shadow .14s ease;
  position: relative;
}
.tb-branch-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 30px rgba(0,0,0,.14);
}

/* Top */
.tb-branch-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding: 14px 14px 0;
}
.tb-branch-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.tb-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.92);
  font-weight:900;
  font-size: 12px;
  box-shadow: 0 10px 18px rgba(0,0,0,.10);
}
.tb-badge--city{background: rgba(242,181,0,.22);}
.tb-badge--dist{background: rgba(255,59,48,.10);}

.tb-branch-chevron{
  width: 34px; height: 34px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  border:1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.04);
  opacity:.9;
}

/* Body */
.tb-branch-body{
  padding: 10px 14px 12px;
}
.tb-branch-name{
  margin: 0;
  font-weight: 900;
  letter-spacing: -.2px;
  font-size: 16px;
  line-height: 1.25;
}
.tb-branch-adres{
  margin-top: 10px;
  display:flex;
  gap:10px;
  align-items:flex-start;
  color: rgba(0,0,0,.70);
  font-weight: 800;
  font-size: 13px;
  line-height: 1.45;
}
.tb-branch-adres i{
  margin-top: 2px;
  opacity: .8;
}

/* Actions */
.tb-branch-actions{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 12px 14px 14px;
  border-top: 1px solid rgba(0,0,0,.06);
  background: rgba(255,247,230,.55);
}
@media (max-width: 560px){
  .tb-branch-actions{grid-template-columns: 1fr;}
}

.tb-action{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.86);
  font-weight: 900;
  font-size: 13px;
  box-shadow: 0 10px 18px rgba(0,0,0,.08);
  transition: transform .14s ease, filter .14s ease;
}
.tb-action .ic{
  width: 30px; height: 30px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(242,181,0,.22);
  border: 1px solid rgba(0,0,0,.08);
}
.tb-action:hover{transform: translateY(-1px); filter: brightness(.99);}

.tb-action--map{
  background: rgba(242,181,0,.95);
  color:#1a1200;
  border-color: rgba(0,0,0,.12);
}
.tb-action--map .ic{
  background: rgba(255,255,255,.55);
}

/* Empty */
.tb-empty{padding: 12px;}
.tb-empty-card{
  border-radius: var(--radius2);
  border:1px solid var(--line);
  background: rgba(255,255,255,.85);
  box-shadow: var(--shadow2);
  padding: 16px;
  display:flex;
  align-items:center;
  gap:12px;
}
.tb-empty-ic{
  width: 48px; height: 48px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(242,181,0,.25);
  font-size: 22px;
}
.tb-empty-card h4{margin:0; font-weight:900;}
.tb-empty-card p{margin:6px 0 0; font-weight:800; color: rgba(0,0,0,.66);}

/* Eski temadaki liste paddingle çakışma olmasın */
.tb-branches .box.list,
.tb-branches .turkey-map__list,
.tb-branches ul.row{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}