/* =========================================================================
   BERK HALI — giris.css (yalnızca ana sayfa)
   Kampanya bandı, koleksiyon kutuları, blog şeridi, hakkımızda şeridi
   ========================================================================= */

.bh-bolum--ilk { padding-top: 48px; }
.bh-bolumbas--orta { text-align: center; }
.bh-bolumbas--orta .bh-dugme { margin-top: 20px; }

/* ---------- Kampanya bandı ---------- */
.bh-kampanya {
   position: relative; overflow: hidden;
   display: flex; align-items: center; justify-content: space-between; gap: 40px;
   padding: 26px 26px 26px 64px; border-radius: 6px; color: #fff;
   background-color: var(--bh-petrol);
   background-image:
      radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .07) 1px, transparent 0),
      linear-gradient(120deg, rgba(255, 255, 255, .04), transparent 60%);
   background-size: 14px 14px, 100% 100%;
}
.bh-kampanya__sol { max-width: 520px; }
.bh-kampanya__sol h2 { color: #fff; font-weight: 800; font-size: 26px; text-transform: uppercase; letter-spacing: -.01em; }
.bh-kampanya__sol p { margin-top: 10px; font-size: 13px; line-height: 1.75; color: rgba(255, 255, 255, .78); }

.bh-kampanya__kart { flex: none; width: 360px; background: #fff; border-radius: var(--bh-yaricap); color: var(--bh-lacivert); overflow: hidden; }
.bh-kampanya__kart-ust { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; padding: 22px 20px 20px; }
.bh-kampanya__kart-ust .bh-ikon { width: 30px; height: 30px; margin-bottom: 6px; color: var(--bh-lacivert); }
.bh-kampanya__kart-ust strong { font-family: var(--bh-baslikFont); font-weight: 700; font-size: 15px; }
.bh-kampanya__kart-ust span { font-size: 13.5px; color: #3c4650; }
.bh-kampanya__kart-alt { position: relative; display: block; padding: 14px; border-top: 1px solid var(--bh-cizgi); text-align: center; font-size: 12px; font-weight: 500; }
.bh-kampanya__kart-alt::before {
   content: ""; position: absolute; left: 50%; top: -7px; width: 12px; height: 12px;
   border: 1px solid var(--bh-cizgi); border-radius: 50%; background: #fff; transform: translateX(-50%);
}
.bh-kampanya__kart-alt:hover { color: var(--bh-turuncu); }

/* ---------- Koleksiyon kutuları ---------- */
.bh-koleksiyon { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 280px; gap: 16px; margin-top: 36px; }
.bh-koleksiyon--3 .bh-koleksiyon__oge:first-child,
.bh-koleksiyon--5 .bh-koleksiyon__oge:first-child { grid-row: span 2; }
.bh-koleksiyon--5 { grid-template-columns: 1.2fr 1fr 1fr; }
.bh-koleksiyon--5 .bh-koleksiyon__oge:first-child { grid-row: span 2; }
.bh-koleksiyon--1 { grid-template-columns: 1fr; grid-auto-rows: 380px; }

.bh-koleksiyon__oge { position: relative; display: block; overflow: hidden; border-radius: 6px; background: var(--bh-menu); }
.bh-koleksiyon__oge img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.bh-koleksiyon__oge::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(20, 24, 32, .55) 0%, rgba(20, 24, 32, .05) 55%, rgba(20, 24, 32, .25) 100%); }
.bh-koleksiyon__oge:hover img { transform: scale(1.05); }
.bh-koleksiyon__metin { position: absolute; z-index: 1; left: 22px; right: 22px; top: 20px; color: #fff; }
.bh-koleksiyon__metin strong { display: block; font-family: var(--bh-baslikFont); font-weight: 900; font-size: 28px; line-height: 1.05; text-transform: uppercase; text-shadow: 0 2px 10px rgba(0, 0, 0, .35); }
.bh-koleksiyon__metin small { display: block; margin-top: 4px; font-size: 14px; opacity: .9; }
.bh-koleksiyon__oge:first-child .bh-koleksiyon__metin { top: auto; bottom: 26px; text-align: center; }
.bh-koleksiyon__oge:first-child .bh-koleksiyon__metin strong { font-size: 38px; }
.bh-koleksiyon__oge--duz { background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, .04) 0 12px, transparent 12px 24px); }
.bh-koleksiyon__oge--duz .bh-koleksiyon__metin { top: auto; bottom: 22px; }

/* ---------- Blog şeridi ---------- */
.bh-serit { position: relative; }
.bh-serit__ray {
   display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 48px) / 3); gap: 24px;
   overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;
   padding: 4px 2px 12px; scrollbar-width: none;
}
.bh-serit__ray::-webkit-scrollbar { display: none; }
.bh-serit__oge { scroll-snap-align: start; }
.bh-serit__kontrol { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 14px; }
.bh-serit__ok { width: 28px; height: 28px; display: grid; place-items: center; color: #6b737c; }
.bh-serit__ok:hover { color: var(--bh-lacivert); }
.bh-serit__ok--geri .bh-ikon { transform: rotate(180deg); }
.bh-serit__noktalar { display: flex; gap: 6px; }
.bh-serit__noktalar button { width: 8px; height: 8px; border-radius: 50%; background: #d2d5d9; transition: background .2s, transform .2s; }
.bh-serit__noktalar button.is-secili { background: var(--bh-lacivert); transform: scale(1.15); }

/* ---------- Hakkımızda şeridi ---------- */
.bh-hakkimizda { background: var(--bh-zemin); padding: 40px 0 44px; border-top: 30px solid #fff; }
.bh-hakkimizda h2 { font-weight: 600; font-size: 20px; margin-bottom: 12px; }
.bh-hakkimizda p { font-size: 13px; line-height: 1.9; color: #5d6670; max-width: 1040px; }

/* ---------- Duyarlı ---------- */
@media (max-width: 991px) {
   .bh-kampanya { flex-direction: column; align-items: stretch; padding: 32px 24px 24px; gap: 24px; }
   .bh-kampanya__kart { width: 100%; }
   .bh-koleksiyon, .bh-koleksiyon--5 { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 220px; }
   .bh-koleksiyon--5 .bh-koleksiyon__oge:first-child { grid-row: span 1; grid-column: span 2; }
   .bh-serit__ray { grid-auto-columns: calc((100% - 16px) / 2); gap: 16px; }
}

@media (max-width: 599px) {
   .bh-bolum--ilk { padding-top: 24px; }
   .bh-kampanya__sol h2 { font-size: 21px; }
   .bh-koleksiyon, .bh-koleksiyon--5 { grid-template-columns: 1fr; grid-auto-rows: 200px; }
   .bh-koleksiyon .bh-koleksiyon__oge:first-child { grid-row: span 1; grid-column: auto; }
   .bh-koleksiyon__oge:first-child .bh-koleksiyon__metin strong { font-size: 28px; }
   .bh-koleksiyon__metin strong { font-size: 22px; }
   .bh-serit__ray { grid-auto-columns: 82%; gap: 12px; }
}