/* Homepage refinement: quieter, more editorial, project-first. */
@media (min-width: 1px) {
  /* Hero: full-bleed, square-edged, minimal and brand-specific. */
  body.home-premium #hero-area { padding:0; }
  body.home-premium .hero-fullscreen { position:relative; min-height:620px; height:calc(100vh - 96px); max-height:780px; border-radius:0; overflow:hidden; }
  body.home-premium .hero-overlay { background:linear-gradient(90deg,rgba(7,35,23,.76) 0%,rgba(7,35,23,.50) 39%,rgba(7,35,23,.17) 68%,rgba(7,35,23,.03) 100%); }
  body.home-premium .hero-content { position:absolute; left:0; right:0; bottom:66px; z-index:2; width:100%; max-width:none; padding:0 clamp(28px,7.2vw,118px); margin:0; transform:none; text-align:left; }
  body.home-premium .hero-kicker { display:none !important; }
  body.home-premium .hero-title { max-width:920px; margin:0 0 18px; padding:0; border:0; font-size:clamp(36px,3.6vw,54px); line-height:1.08; letter-spacing:-.04em; font-weight:700; }
  body.home-premium .hero-title .white-line { color:#fff; }
  body.home-premium .hero-title .green-line { color:#9bcf31; }
  body.home-premium .hero-subtext { display:block; max-width:680px; margin:0 0 26px; color:rgba(255,255,255,.92); font-size:clamp(14px,1vw,16.5px); line-height:1.6; font-weight:500; }
  body.home-premium .hero-cta-row { display:flex; gap:14px; align-items:center; flex-wrap:wrap; }
  body.home-premium .hero-cta { position:relative; min-width:0; padding:14px 24px; border-radius:6px; font-size:13.5px; font-weight:800; display:inline-flex; align-items:center; gap:8px; transition:all .28s cubic-bezier(.2,.8,.2,1); overflow:hidden; }
  body.home-premium .hero-cta i { display:inline-block !important; font-size:13px; transition:transform .28s ease; }
  body.home-premium .hero-cta-primary { background:#6fae19; color:#fff; border:1px solid #6fae19; box-shadow:0 4px 18px rgba(111,174,25,.35); }
  body.home-premium .hero-cta-primary:hover { background:#5f9916; border-color:#5f9916; transform:translateY(-2px); box-shadow:0 8px 24px rgba(111,174,25,.50); }
  body.home-premium .hero-cta-primary:hover i { transform:scale(1.15) rotate(-10deg); }
  body.home-premium .hero-cta-secondary { background:rgba(8,28,18,.35); color:#fff; border:1px solid rgba(255,255,255,.65); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
  body.home-premium .hero-cta-secondary:hover { background:rgba(255,255,255,.16); border-color:#fff; transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.25); }
  body.home-premium .hero-cta-secondary:hover i { transform:translateY(-2px); }

  body.home-premium #biz-kimiz { padding-top:72px; padding-bottom:68px; }
  body.home-premium #uretim-gucumuz { padding-top:78px; padding-bottom:82px; }
  body.home-premium #hizmetlerimiz { padding-top:82px; padding-bottom:70px; }
  body.home-premium #projelerimiz { padding-top:86px; padding-bottom:92px; }

  body.home-premium .section-tag { font-size:12px; letter-spacing:.14em; font-weight:800; }
  body.home-premium .section-title { letter-spacing:-.035em; }

  /* Services: remove the duplicated hover presentation and make cards calmer. */
  body.home-premium .service-card { border-radius:10px; box-shadow:none; border:1px solid #dce6df; }
  body.home-premium .service-card:hover { transform:translateY(-2px); box-shadow:0 14px 34px rgba(18,45,30,.09); }
  body.home-premium .sc-overlay { display:none !important; }
  body.home-premium .sc-visual { height:250px; }
  body.home-premium .sc-body { padding:22px 22px 24px; }
  body.home-premium .sc-list { margin-bottom:0; }
  body.home-premium .sc-list li:nth-child(n+4) { display:none; }
  body.home-premium #services-area .services-extras { margin-top:18px; gap:8px; }
  body.home-premium #services-area .extra-service { background:transparent; border-radius:6px; padding:10px 12px; }

  /* Projects: equal tiles preserve a cleaner rhythm and consistent image crops. */
  body.home-premium #projelerimiz .section-header { text-align:left; margin-bottom:26px; }
  body.home-premium #projelerimiz .section-tag::before { display:none; }
  body.home-premium #projelerimiz .section-tag::after { width:56px; }
  body.home-premium .home-gallery-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:0; }
  body.home-premium .home-gallery-grid .g-item,
  body.home-premium .home-gallery-grid .g-item:nth-child(1),
  body.home-premium .home-gallery-grid .g-item:nth-child(2),
  body.home-premium .home-gallery-grid .g-item:nth-child(5),
  body.home-premium .home-gallery-grid .g-item:nth-child(6) { grid-column:auto; height:auto; aspect-ratio:4 / 3; border-radius:8px; box-shadow:none; }
  body.home-premium .home-gallery-grid .g-item-img { background-position:center; background-size:cover; }
  body.home-premium .g-item:hover { transform:none; box-shadow:none; }
  body.home-premium .g-item:hover .g-item-img { transform:scale(1.035); }
  body.home-premium .g-caption-bar { padding:58px 20px 18px; }
  body.home-premium .g-caption-icon { display:none; }
  body.home-premium .g-caption-text { font-size:13px; letter-spacing:.025em; }
  body.home-premium .gallery-more-btn-wrap { text-align:left; margin-top:24px; }
  body.home-premium .btn-outline-green { border:1px solid #1e5b35; color:#173d2a; border-radius:7px; padding:11px 20px; font-size:13px; }

  /* Instagram: four equal photo posts, sourced from the admin pool. */
  body.home-premium .ig-static-section { margin-top:58px; padding-top:34px; border-top:1px solid #dbe4dd; }
  body.home-premium .ig-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:20px; }
  body.home-premium .ig-section-head h3 { margin:0; color:#173d2a; font-size:clamp(25px,3vw,38px); letter-spacing:-.04em; }
  body.home-premium .ig-section-head h3 i { font-size:.75em; margin-right:8px; }
  body.home-premium .ig-section-head a,
  body.home-premium .ig-profile-link { color:#173d2a; font-size:13px; font-weight:700; text-decoration:none; transition:color .2s ease; }
  body.home-premium .ig-section-head a:hover,
  body.home-premium .ig-profile-link:hover { color:#278541; }
  body.home-premium .ig-cards-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; align-items:stretch; }
  body.home-premium .ig-static-card { position:relative; display:grid; grid-template-rows:1fr auto; min-width:0; border:1px solid #dbe4dd; border-radius:10px; overflow:hidden; box-shadow:none; background:#fff; text-decoration:none; transition:transform .28s ease, box-shadow .28s ease; }
  body.home-premium .ig-static-card:hover { transform:translateY(-3px); box-shadow:0 16px 34px rgba(20,54,34,.10); }
  body.home-premium .ig-card-img { position:relative; width:100%; aspect-ratio:4 / 5; min-height:350px; background-size:cover; background-position:center; background-repeat:no-repeat; }
  body.home-premium .ig-card-img::after { content:"GÖNDERİ"; position:absolute; left:14px; top:14px; padding:7px 9px; border-radius:999px; background:rgba(255,255,255,.92); color:#173d2a; font-size:10px; font-weight:800; letter-spacing:.10em; }
  body.home-premium .ig-card-img::before { display:none !important; content:none !important; }
  body.home-premium .ig-card-body { padding:15px 16px 17px; }
  body.home-premium .ig-likes { display:inline-flex; align-items:center; gap:6px; margin-bottom:9px; color:#7e514f; font-size:12px; font-weight:800; }
  body.home-premium .ig-likes i { font-size:12px; }
  body.home-premium .ig-card-body p { margin:0; color:#193f2c; font-size:14px; line-height:1.45; font-weight:650; }

  /* Production: reduce card-on-card visual noise. */
  body.home-premium .production-section { background:#f4f6f3; }
  body.home-premium .production-intro { background:transparent; border:0; box-shadow:none; padding:8px 0 12px; backdrop-filter:none; }
  body.home-premium .production-card { border-radius:10px; box-shadow:none; }
  body.home-premium .production-visual-badge { border-radius:10px; box-shadow:none; }
}

@media (max-width:992px) {
  body.home-premium #hero-area { padding:0; }
  body.home-premium .hero-fullscreen { min-height:560px; height:72vh; border-radius:0; }
  body.home-premium .hero-content { bottom:42px; padding:0 34px; }
  body.home-premium .hero-title { font-size:clamp(34px,6vw,46px); max-width:700px; margin-bottom:18px; line-height:1.1; }
  body.home-premium .hero-subtext { max-width:620px; margin-bottom:24px; font-size:14.5px; }
  body.home-premium .home-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.home-premium .home-gallery-grid .g-item,
  body.home-premium .home-gallery-grid .g-item:nth-child(1),
  body.home-premium .home-gallery-grid .g-item:nth-child(2),
  body.home-premium .home-gallery-grid .g-item:nth-child(5),
  body.home-premium .home-gallery-grid .g-item:nth-child(6) { height:auto; aspect-ratio:4 / 3; }
  body.home-premium .ig-cards-row { grid-template-columns:1fr 1fr; }
  body.home-premium .ig-card-img-wrap { aspect-ratio:4 / 5; }
}

@media (max-width:640px) {
  body.home-premium #hero-area { padding:0; }
  body.home-premium .hero-fullscreen { min-height:560px; height:72vh; border-radius:0; }
  body.home-premium .hero-content { bottom:30px; padding:0 20px; }
  body.home-premium .hero-title { padding:0; font-size:clamp(28px,7.2vw,36px); line-height:1.12; margin-bottom:14px; }
  body.home-premium .hero-subtext { font-size:13px; line-height:1.5; margin-bottom:20px; max-width:100%; }
  body.home-premium .hero-cta-row { gap:8px; flex-wrap:wrap; }
  body.home-premium .hero-cta { padding:12px 15px; font-size:12px; }
  body.home-premium #biz-kimiz,
  body.home-premium #uretim-gucumuz,
  body.home-premium #hizmetlerimiz,
  body.home-premium #projelerimiz { padding-top:62px; padding-bottom:62px; }
  body.home-premium .home-gallery-grid { grid-template-columns:1fr; gap:10px; }
  body.home-premium .home-gallery-grid .g-item,
  body.home-premium .home-gallery-grid .g-item:nth-child(1),
  body.home-premium .home-gallery-grid .g-item:nth-child(2),
  body.home-premium .home-gallery-grid .g-item:nth-child(5),
  body.home-premium .home-gallery-grid .g-item:nth-child(6) { height:auto; aspect-ratio:4 / 3; }
  body.home-premium .sc-visual { height:210px; }
  body.home-premium .ig-static-section { margin-top:44px; padding-top:26px; }
  body.home-premium .ig-section-head { align-items:flex-start; flex-direction:column; gap:10px; }
  body.home-premium .ig-cards-row { grid-template-columns:1fr; gap:10px; }
  body.home-premium .ig-card-img { min-height:380px; aspect-ratio:4 / 5; }
}

/* === 5x FRONTEND POLISH SUITE === */

/* 1. TRUST COUNTER BAND */
.trust-counter-band {
    background: #113121;
    color: #ffffff;
    padding: 34px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    position: relative;
    z-index: 5;
}
.trust-counter-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.t-counter-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 6px 10px;
}
.t-counter-icon {
    width: 46px;
    height: 46px;
    border-radius: 10px;
    background: rgba(111, 174, 25, 0.16);
    border: 1px solid rgba(111, 174, 25, 0.32);
    color: #9bcf31;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    flex-shrink: 0;
}
.t-counter-number {
    font-size: clamp(24px, 2.2vw, 32px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1;
    font-family: 'Sora', sans-serif;
}
.t-counter-suffix {
    font-size: clamp(18px, 1.8vw, 24px);
    font-weight: 800;
    color: #9bcf31;
}
.t-counter-label {
    display: block;
    margin-top: 4px;
    font-size: 12.5px;
    color: #b7cbbf;
    font-weight: 500;
    line-height: 1.35;
}

/* 2. INFINITE MARQUEE FOR REFERENCES */
.ref-marquee-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 28px 0 10px;
    padding: 8px 0;
    mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
}
.ref-marquee-track {
    display: flex;
    width: max-content;
    gap: 16px;
    animation: marqueeScroll 32s linear infinite;
}
.ref-marquee-wrap:hover .ref-marquee-track {
    animation-play-state: paused;
}
@keyframes marqueeScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.ref-cell-card {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #ffffff;
    border: 1px solid #dbe6dd;
    border-radius: 9px;
    padding: 14px 20px;
    min-width: 230px;
    box-shadow: 0 2px 6px rgba(20, 54, 34, 0.04);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.ref-cell-card:hover {
    transform: translateY(-3px);
    border-color: #6fae19;
    box-shadow: 0 10px 22px rgba(20, 54, 34, 0.08);
}
.ref-cell-card .ref-cell-name {
    font-weight: 700;
    font-size: 14px;
    color: #173d2a;
    margin-bottom: 3px;
}
.ref-cell-card .ref-cell-svc {
    font-size: 11.5px;
    color: #5c7566;
    font-weight: 500;
}

/* 3. GALLERY FILTER TABS */
/* 3. GALLERY FILTER TABS */
@media (max-width: 640px) {
  .gallery-filter-tabs {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px !important;
    margin-bottom: 16px !important;
    scrollbar-width: none;
  }
  .gallery-filter-tabs::-webkit-scrollbar {
    display: none;
  }
  .g-tab-btn {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
}
.gallery-filter-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 22px;
}
.g-tab-btn {
    border: 1px solid #d4dfd7;
    background: #fff;
    color: #2b553e;
    font-size: 12.5px;
    font-weight: 700;
    padding: 8px 18px;
    border-radius: 999px;
    cursor: pointer;
    transition: all 0.25s ease;
}
.g-tab-btn:hover {
    background: #f0f6f2;
    border-color: #4dca72;
    color: #173d2a;
}
.g-tab-btn.active {
    background: #173d2a;
    border-color: #173d2a;
    color: #fff;
    box-shadow: 0 4px 12px rgba(23, 61, 42, 0.2);
}

/* 4. MOBILE ACTION BAR POLISH */
@media (max-width: 768px) {
  .mobile-action-bar a {
      transition: all 0.2s ease;
  }
  .mobile-action-bar a:active {
      transform: scale(0.95);
      background: rgba(111, 174, 25, 0.12);
  }
  .mobile-action-bar a:nth-child(2) {
      background: linear-gradient(135deg, rgba(37, 211, 102, 0.09), rgba(30, 159, 80, 0.16));
      color: #15803d;
      font-weight: 900;
  }
  .mobile-action-bar a:nth-child(2) i {
      animation: pulseWhatsApp 2s infinite ease-in-out;
  }
  @keyframes pulseWhatsApp {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.22); color: #25d366; }
  }
  .trust-counter-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
}
@media (max-width: 540px) {
  .trust-counter-grid { grid-template-columns: 1fr; gap: 14px; }
  .trust-counter-band { padding: 24px 0; }
}
/* === MOBILE HORIZONTAL SNAP CAROUSEL (GALLERY & INSTAGRAM) === */
@media (max-width: 640px) {
  /* 1. Projelerimiz (Neler Yaptik) Snap Carousel */
  body.home-premium .home-gallery-grid {
    display: flex !important;
    grid-template-columns: none !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch;
    gap: 12px !important;
    padding: 4px 16px 14px !important;
    margin: 0 -16px 12px !important;
    scrollbar-width: none;
  }
  body.home-premium .home-gallery-grid::-webkit-scrollbar {
    display: none;
  }
  body.home-premium .home-gallery-grid .g-item,
  body.home-premium .home-gallery-grid .g-item:nth-child(n) {
    flex: 0 0 82% !important;
    max-width: 82% !important;
    scroll-snap-align: start !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  /* 2. Instagram Gonderileri Snap Carousel */
  body.home-premium .ig-cards-row {
    display: flex !important;
    grid-template-columns: none !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch;
    gap: 12px !important;
    padding: 4px 16px 14px !important;
    margin: 0 -16px !important;
    scrollbar-width: none;
  }
  body.home-premium .ig-cards-row::-webkit-scrollbar {
    display: none;
  }
  body.home-premium .ig-static-card {
    flex: 0 0 78% !important;
    max-width: 78% !important;
    scroll-snap-align: start !important;
    min-width: 0 !important;
  }
  body.home-premium .ig-card-img {
    min-height: 280px !important;
    height: 280px !important;
    aspect-ratio: 4 / 5 !important;
  }
}