/* -------------------------------------------------------------
 * Bölgesel Toptan Ürün Kataloğu & Grup / Bölge Detay Stilleri
 * (Seviye 2 - Ürün Grubu & Seviye 3 - Bölge + Grup)
 * ------------------------------------------------------------- */
.catalog-page{background:#fff;color:var(--ink);overflow-x:hidden}
.catalog-page .text-red{color:var(--red)}

/* Ortak Ekmek Kırıntısı (Breadcrumb) */
.catalog-breadcrumb{display:flex;align-items:center;gap:7px;font-size:12px;color:#94a3b8;margin-bottom:18px}
.catalog-breadcrumb a{color:#64748b;text-decoration:none;transition:color .15s}
.catalog-breadcrumb a:hover{color:var(--red)}
.catalog-breadcrumb .sep{color:#cbd5e1;font-size:10px}
.catalog-breadcrumb .current{color:var(--ink);font-weight:600}

/* Ortak Bölüm Etiketi (Section Eyebrow with Dash) */
.section-label{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px}
.section-label .label-dash{display:inline-block;width:18px;height:3px;background:var(--red);border-radius:2px}
.section-label .label-text{font-size:11.5px;font-weight:750;letter-spacing:1.5px;text-transform:uppercase;color:#475569}

/* =============================================================
   SEVİYE 2: GRUP DETAY SAYFASI (.group-detail-page)
   ============================================================= */
.group-hero{background:#fcfcfd;border-bottom:1px solid #edf2f7;padding:50px 0 60px}
.group-hero-container{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.group-hero-title{font-size:clamp(32px,3.4vw,50px);font-weight:850;line-height:1.12;letter-spacing:-0.02em;margin:0 0 16px;color:#0f172a}
.group-hero-desc{font-size:15px;line-height:1.65;color:#475569;margin:0 0 30px;max-width:540px}

/* Hero 3 Rozet */
.group-hero-badges{display:flex;flex-direction:column;gap:12px}
.group-badge-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e2e8f0;padding:12px 18px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.02);max-width:420px}
.group-badge-icon{width:36px;height:36px;border-radius:8px;background:#fef2f2;color:var(--red);display:grid;place-items:center;flex-shrink:0}
.group-badge-icon svg{width:20px;height:20px}
.group-badge-text{display:flex;flex-direction:column}
.group-badge-text strong{font-size:13.5px;color:#0f172a;line-height:1.25}
.group-badge-text span{font-size:11.5px;color:#64748b}

.group-hero-right{display:flex;justify-content:center}
.group-hero-visual-card{width:100%;max-width:440px;display:flex;align-items:center;justify-content:center}
.group-hero-bottles{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 15px 30px rgba(0,0,0,0.08))}

/* Grup Tanıtım Bölümü (2 Sütun) */
.group-intro-section{padding:70px 0;background:#fff}
.group-intro-container{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}
.group-intro-left h2{font-size:clamp(26px,2.6vw,38px);font-weight:800;line-height:1.2;margin:0 0 18px;color:#0f172a}
.intro-prose{font-size:14.5px;line-height:1.75;color:#475569}
.intro-boxes-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.intro-box-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:22px 18px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease}
.intro-box-card:hover{transform:translateY(-3px);border-color:#cbd5e1;box-shadow:0 8px 20px rgba(0,0,0,0.04);background:#fff}
.intro-box-icon{width:42px;height:42px;border-radius:8px;background:#fff;border:1px solid #e2e8f0;color:var(--red);display:grid;place-items:center}
.intro-box-icon svg{width:22px;height:22px}
.intro-box-info h3{font-size:14.5px;font-weight:700;color:#0f172a;margin:0 0 4px}
.intro-box-info p{font-size:12px;color:#64748b;margin:0;line-height:1.45}

/* Bölgelere Göre 10 Kart Gridi (5x2) */
.group-records-section{padding:65px 0 75px;background:#f8fafc;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7}
.group-records-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px;gap:30px}
.group-records-header-left h2{font-size:clamp(24px,2.5vw,36px);font-weight:800;color:#0f172a;margin:0}
.group-records-header-right{max-width:480px}
.group-records-header-right p{font-size:13.5px;line-height:1.6;color:#64748b;margin:0}

.catalog-cards-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.catalog-cards-grid .catalog-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(0,0,0,0.02);transition:all .22s ease}
.catalog-cards-grid .catalog-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,0.08);border-color:#cbd5e1}
.catalog-cards-grid .catalog-card-media{aspect-ratio:1.15;background:#e2e8f0;overflow:hidden;position:relative}
.catalog-cards-grid .catalog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.catalog-cards-grid .catalog-card:hover .catalog-card-media img{transform:scale(1.06)}
.catalog-cards-grid .catalog-card-body{padding:16px 14px 18px;display:flex;flex-direction:column;flex:1}
.catalog-cards-grid .catalog-card-city{display:flex;align-items:center;gap:6px;margin-bottom:4px}
.catalog-cards-grid .catalog-card-city .pin-icon{color:var(--red);display:grid;place-items:center}
.catalog-cards-grid .catalog-card-city .pin-icon svg{width:14px;height:14px}
.catalog-cards-grid .catalog-card-city h3{font-size:13px;font-weight:800;color:var(--red);margin:0;text-transform:uppercase;letter-spacing:0.5px}
.catalog-cards-grid .catalog-card-body h4{font-size:14px;font-weight:750;color:#0f172a;margin:0 0 6px;line-height:1.3}
.catalog-cards-grid .catalog-card-body p{font-size:11.5px;color:#64748b;line-height:1.45;margin:0 0 16px;flex:1}
.catalog-cards-grid .catalog-card-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;border:1px solid #e2e8f0;color:#0f172a;font-size:11.5px;font-weight:700;padding:8px 12px;border-radius:6px;text-decoration:none;transition:all .18s ease}
.catalog-cards-grid .catalog-card-btn .arrow{color:var(--red);font-size:12px;transition:transform .18s ease}
.catalog-cards-grid .catalog-card-btn:hover{background:var(--red);color:#fff;border-color:var(--red)}
.catalog-cards-grid .catalog-card-btn:hover .arrow{color:#fff;transform:translateX(3px)}

/* 4 Sütunlu Yatay Rozet Bandı */
.catalog-perks-strip{padding:50px 0;background:#fff;border-bottom:1px solid #edf2f7}
.perks-strip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.perk-strip-item{display:flex;align-items:center;gap:14px}
.perk-strip-icon{width:46px;height:46px;border-radius:10px;background:#fef2f2;color:var(--red);display:grid;place-items:center;flex-shrink:0}
.perk-strip-icon svg{width:24px;height:24px}
.perk-strip-text{display:flex;flex-direction:column}
.perk-strip-text strong{font-size:14px;font-weight:750;color:#0f172a;line-height:1.3}
.perk-strip-text span{font-size:12px;color:#64748b;line-height:1.4;margin-top:2px}

/* =============================================================
   SEVİYE 3: BÖLGE + ÜRÜN GRUBU SAYFASI (.product-group-page)
   ============================================================= */
.product-hero{position:relative;background:#0d1720;color:#fff;padding:60px 0 75px;overflow:hidden;isolation:isolate}
.product-hero-bg-wrap{position:absolute;inset:0;z-index:-2}
.product-hero-bg{width:100%;height:100%;object-fit:cover;opacity:.48}
.product-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,18,25,0.95) 0%,rgba(10,18,25,0.85) 45%,rgba(10,18,25,0.3) 85%);z-index:-1}
.product-hero-container{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.product-hero .catalog-breadcrumb{color:#94a3b8}
.product-hero .catalog-breadcrumb a{color:#cbd5e1}
.product-hero .catalog-breadcrumb a:hover{color:#fff}
.product-hero .catalog-breadcrumb .current{color:#fff}

.product-hero-title{font-size:clamp(34px,3.8vw,52px);font-weight:850;line-height:1.12;margin:0 0 16px;color:#fff}
.product-hero-title .city-prefix{display:inline-block;margin-right:10px}
.product-hero-desc{font-size:15.5px;line-height:1.65;color:#e2e8f0;margin:0 0 30px;max-width:560px}

/* 4 Üst Rozet (Level 3 Hero) */
.product-hero-badges{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:540px}
.product-badge-card{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,0.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.15);padding:10px 14px;border-radius:8px}
.product-badge-icon{width:32px;height:32px;border-radius:6px;background:rgba(223,16,32,0.8);color:#fff;display:grid;place-items:center;flex-shrink:0}
.product-badge-icon svg{width:18px;height:18px}
.product-badge-text{display:flex;flex-direction:column}
.product-badge-text strong{font-size:12.5px;color:#fff;line-height:1.2}
.product-badge-text span{font-size:11px;color:#cbd5e1}

.product-hero-right{display:flex;justify-content:center}
.product-hero-visual-card{width:100%;max-width:420px}
.product-hero-bottles{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 15px 30px rgba(0,0,0,0.3))}

/* Bölgesel Tedarikçi Tanıtımı (2 Sütun: Metin + Kamyon & 4 Mini-Rozet) */
.product-intro-section{padding:75px 0;background:#fff}
.product-intro-container{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:start}
.product-intro-left h2{font-size:clamp(26px,2.6vw,38px);font-weight:800;line-height:1.2;margin:0 0 20px;color:#0f172a}
.product-truck-card{border-radius:10px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 8px 24px rgba(0,0,0,0.06);margin-bottom:16px}
.product-truck-img{width:100%;height:auto;display:block}

.truck-mini-perks-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mini-perk-item{display:flex;align-items:flex-start;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px}
.mini-perk-icon{width:30px;height:30px;border-radius:6px;background:#fff;border:1px solid #e2e8f0;color:var(--red);display:grid;place-items:center;flex-shrink:0}
.mini-perk-icon svg{width:16px;height:16px}
.mini-perk-text{display:flex;flex-direction:column}
.mini-perk-text strong{font-size:12.5px;font-weight:750;color:#0f172a;line-height:1.25}
.mini-perk-text span{font-size:11px;color:#64748b;margin-top:2px}

/* Çözümler Bloğu (Görsel Solda, Metin Sağda) */
.product-solutions-section{padding:65px 0;background:#f8fafc;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7}
.product-solutions-container{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.product-solutions-container.no-solutions-media{display:block;max-width:850px}
.product-solutions-left{border-radius:10px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 8px 24px rgba(0,0,0,0.05)}
.solutions-img{width:100%;height:auto;display:block}
.product-solutions-right h2{font-size:clamp(24px,2.4vw,34px);font-weight:800;color:#0f172a;margin:0 0 16px;line-height:1.25}
.solutions-prose{font-size:14.5px;line-height:1.75;color:#475569}

/* İlçe Sevkiyatı (Sol Hap Etiketler, Sağ Göl/Doğa Görseli) */
.product-districts-section{padding:75px 0;background:#fff}
.product-districts-container{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}
.product-districts-container.no-districts-media{grid-template-columns:1fr}
.product-districts-left h2{font-size:clamp(24px,2.5vw,36px);font-weight:800;color:#0f172a;margin:0 0 12px;line-height:1.25}
.districts-lead{font-size:14.5px;line-height:1.65;color:#64748b;margin:0 0 24px}
.districts-cloud{display:flex;flex-wrap:wrap;gap:10px}
.district-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;padding:9px 16px;border-radius:30px;box-shadow:0 2px 6px rgba(0,0,0,0.03);font-size:13px;font-weight:650;color:#0f172a;transition:all .18s ease}
.district-pill:hover{border-color:var(--red);color:var(--red);transform:translateY(-2px)}
.pill-pin{color:var(--red);display:grid;place-items:center}
.pill-pin svg{width:14px;height:14px}
.district-visual-card{border-radius:10px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 8px 24px rgba(0,0,0,0.06)}
.district-lake-img{width:100%;height:auto;display:block}

/* Hizmet Verilen İşletmeler (5 Kart) */
.product-sectors-section{padding:65px 0 75px;background:#f8fafc;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7}
.product-sectors-header{margin-bottom:30px}
.sectors-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.sectors-title-row h2{font-size:clamp(24px,2.4vw,34px);font-weight:800;color:#0f172a;margin:0}
.sectors-lead{font-size:13.5px;color:#64748b;margin:0;max-width:440px}

.product-sectors-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.sector-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.02);display:flex;flex-direction:column;transition:all .2s ease}
.sector-card:hover{transform:translateY(-4px);box-shadow:0 10px 22px rgba(0,0,0,0.06);border-color:#cbd5e1}
.sector-card-media{aspect-ratio:1.45;background:#f1f5f9;overflow:hidden}
.sector-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.sector-card:hover .sector-card-media img{transform:scale(1.05)}
.sector-card-body{padding:14px 14px 16px;display:flex;flex-direction:column}
.sector-card-body h3{font-size:14px;font-weight:750;color:#0f172a;margin:0 0 4px}
.sector-card-body p{font-size:11.5px;color:#64748b;margin:0;line-height:1.4}

/* Kırmızı Kurumsal Teklif Bannerı (Ortak) */
.catalog-quote-banner-section{padding:30px 0 60px;background:#fff}
.catalog-quote-banner{background:linear-gradient(105deg,var(--red) 0%,#b80c1a 100%);color:#fff;border-radius:12px;padding:36px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 12px 32px rgba(223,16,32,0.22)}
.catalog-quote-left{display:flex;align-items:center;gap:20px}
.catalog-quote-icon{width:54px;height:54px;border-radius:12px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.25);display:grid;place-items:center;flex-shrink:0}
.catalog-quote-icon svg{width:26px;height:26px;color:#fff}
.catalog-quote-text h2{font-size:clamp(22px,2.2vw,30px);font-weight:800;color:#fff;margin:0 0 6px}
.catalog-quote-text p{font-size:14px;color:rgba(255,255,255,0.92);margin:0;max-width:540px;line-height:1.55}

.catalog-quote-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.btn-quote-white{background:#fff;color:var(--red);font-size:13px;font-weight:750;padding:12px 22px;border-radius:6px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:all .18s ease}
.btn-quote-white:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.15)}
.btn-quote-white .arrow{font-size:14px;transition:transform .18s ease}
.btn-quote-white:hover .arrow{transform:translateX(3px)}

.btn-quote-phone{background:rgba(0,0,0,0.2);color:#fff;border:1px solid rgba(255,255,255,0.3);font-size:13px;font-weight:700;padding:12px 20px;border-radius:6px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .18s ease}
.btn-quote-phone:hover{background:rgba(0,0,0,0.32);border-color:#fff}
.btn-quote-phone .phone-svg{width:16px;height:16px}

/* =============================================================
   RESPONSIVE UYUMLULUK
   ============================================================= */
@media(max-width:1150px){
  .catalog-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-sectors-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .perks-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:880px){
  .group-hero-container,
  .product-hero-container,
  .group-intro-container,
  .product-intro-container,
  .product-solutions-container,
  .product-districts-container{grid-template-columns:1fr;gap:35px}
  .group-records-header,
  .sectors-title-row{flex-direction:column;align-items:flex-start;gap:12px}
  .catalog-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-sectors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalog-quote-banner{flex-direction:column;align-items:flex-start;padding:30px 24px}
  .catalog-quote-actions{width:100%;flex-wrap:wrap}
  .btn-quote-white,
  .btn-quote-phone{flex:1;justify-content:center}
}
@media(max-width:560px){
  .group-hero,
  .product-hero{padding:40px 0 50px}
  .group-hero-title,
  .product-hero-title{font-size:27px}
  .intro-boxes-grid,
  .product-hero-badges,
  .truck-mini-perks-grid{grid-template-columns:1fr}
  .catalog-cards-grid{grid-template-columns:1fr}
  .product-sectors-grid{grid-template-columns:1fr}
  .perks-strip-grid{grid-template-columns:1fr}
}



.catalog-page .catalog-breadcrumb{flex-wrap:wrap}.catalog-empty{padding:32px;border:1px dashed #ddd;border-radius:8px;color:#64748b}.catalog-preview-note{padding:14px;background:#fff4d5;text-align:center}.catalog-page img{max-width:100%}.catalog-card-body h3{font-size:17px}.catalog-page .catalog-cards-grid{align-items:stretch}.catalog-page .catalog-card-body{display:flex;flex-direction:column}.catalog-page .catalog-card-btn{margin-top:auto}.catalog-pagination{padding:24px 0;display:flex;gap:12px}.catalog-pagination a,.catalog-pagination span{padding:8px 14px;border:1px solid #ddd;border-radius:5px}.catalog-children{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.catalog-children a{padding:10px 14px;border:1px solid #ddd;border-radius:5px}
/* Catalog components, scoped to these templates. */
.catalog-page .catalog-benefit{display:flex;align-items:flex-start;gap:12px;padding:12px 8px;min-width:0}.catalog-page .catalog-benefit-icon{color:var(--red);flex:0 0 32px}.catalog-page .catalog-benefit-icon svg{width:32px;height:32px}.catalog-page .catalog-benefit strong{display:block;font-size:14px;line-height:1.3}.catalog-page .catalog-benefit span{display:block;color:#64748b;font-size:12px;line-height:1.6;margin-top:4px}.catalog-page .intro-boxes-grid{background:#f8fafc;padding:20px}.catalog-page .perks-strip-grid .catalog-benefit+.catalog-benefit{border-left:1px solid #ddd}.catalog-page .catalog-intro-image{margin-top:16px;border-radius:8px}.catalog-page .catalog-cards-grid .catalog-card-media img{width:100%;height:100%;object-fit:cover}.catalog-page .catalog-cards-grid .catalog-card{height:100%;display:flex;flex-direction:column}.catalog-page .catalog-cards-grid .catalog-card-body{flex:1}.catalog-page .catalog-quote-icon svg{width:40px;height:40px}.catalog-page .group-hero{background:linear-gradient(100deg,#fff,#f0f8ff);position:relative}.catalog-page .group-hero:after,.catalog-page .product-hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:22px;background:var(--red);clip-path:polygon(0 0,40% 80%,100% 0,100% 100%,0 100%);pointer-events:none}.catalog-page .product-hero-title{display:block}.catalog-page .product-hero-title .text-red{display:inline}.catalog-page .product-hero-badges{flex-wrap:wrap}.catalog-page .product-hero-bg{width:100%;height:100%;object-fit:cover}.catalog-page .catalog-breadcrumb{font-size:13px;color:#344054}.catalog-page .product-hero-overlay{background:linear-gradient(90deg,#fffffff7 0%,#ffffffea 35%,#ffffff22 70%)}
@media(max-width:767px){.catalog-page .group-hero-container,.catalog-page .product-hero-container{gap:20px}.catalog-page .perks-strip-grid .catalog-benefit+.catalog-benefit{border-left:0}.catalog-page .catalog-benefit strong{font-size:13px}.catalog-page .group-hero-badges,.catalog-page .product-hero-badges{display:grid;grid-template-columns:1fr 1fr}.catalog-page .catalog-breadcrumb{font-size:11px}.catalog-page .group-hero,.catalog-page .product-hero{padding:24px 0 36px}}
.catalog-page .group-hero-badges{flex-direction:row;gap:6px;flex-wrap:wrap}.catalog-page .group-hero-badges .catalog-benefit{flex:1;min-width:130px}.catalog-page .group-hero{padding:32px 0 42px}.catalog-page .group-hero-visual-card{width:100%}.catalog-page .group-hero-bottles{width:100%;height:auto;max-height:320px;object-fit:cover}.catalog-page .catalog-card-btn{color:var(--red);border-color:#e6a1a7}.catalog-page .group-records-section{padding:30px 0 40px;background:#fff}.catalog-page .catalog-quote-banner-section{background:var(--red);padding:24px 0}.catalog-page .catalog-quote-banner{box-shadow:none;padding:10px 0}.catalog-page .group-intro-section{padding:32px 0}