/* ============================================
   BUSINESS PAGE - SPECIFIC STYLES
   ============================================ */

/* Business Page Layout */
body{--biz-section-pad:clamp(48px,6vw,72px)}
.business-page{padding:40px 0 40px;min-height:80vh}
.business-page .container{overflow:hidden}
.business-page h1{font-weight:800;font-size:clamp(36px,7vw,80px);letter-spacing:-.02em;line-height:1.05;margin:0 0 16px}
.business-page .subtext{margin-bottom:0}
.business-hero{text-align:center;margin-bottom:0;overflow:hidden;padding-bottom:clamp(16px,3vw,32px)}
.business-hero h1{font-weight:800;font-size:clamp(32px,5vw,56px);letter-spacing:-.02em;line-height:1.1;margin:0 0 16px;color:var(--text)}
.business-subtitle{font-size:clamp(15px,1.8vw,20px);color:var(--muted);max-width:680px;margin:0 auto;line-height:1.6}
.business-content{max-width:1000px;margin:0 auto}
.promo-banner{margin:clamp(16px,3vw,28px) 0 clamp(20px,3vw,32px);padding:clamp(20px,3vw,28px) clamp(20px,3vw,32px);background:linear-gradient(135deg,rgba(59,130,246,0.12) 0%,rgba(16,185,129,0.12) 100%);border:1px solid rgba(59,130,246,0.2);border-radius:18px;display:flex;align-items:center;gap:clamp(16px,2vw,24px);box-shadow:0 14px 40px rgba(0,0,0,0.08);position:relative;overflow:hidden}
.promo-banner::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,0.18),transparent 40%);transform:rotate(-6deg);pointer-events:none}
.promo-banner h3{margin:6px 0 8px;font-size:clamp(22px,2.5vw,28px);font-weight:800;color:var(--text);letter-spacing:-.01em}
.promo-banner p{margin:0;font-size:clamp(14px,1.5vw,16px);color:var(--muted);line-height:1.6}
.promo-left{flex:1;position:relative;z-index:1;display:flex;flex-direction:column;gap:8px}
.promo-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:rgba(59,130,246,0.18);color:var(--blue);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.02em;width:max-content;box-shadow:0 6px 16px rgba(59,130,246,0.18)}
.promo-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}
.promo-cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;background:linear-gradient(135deg,var(--blue),#2563eb);color:#fff;font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 10px 30px rgba(37,99,235,0.35);transition:transform .2s ease,box-shadow .2s ease}
.promo-cta:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(37,99,235,0.4)}
.promo-note{font-size:13px;color:var(--muted)}
.promo-metrics{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:clamp(10px,1.2vw,14px);align-items:center;position:relative;z-index:1}
.metric{background:rgba(255,255,255,0.65);border:1px solid rgba(59,130,246,0.18);border-radius:14px;padding:12px 14px;text-align:center;backdrop-filter:blur(6px)}
.metric-value{display:block;font-weight:800;font-size:clamp(18px,2vw,22px);color:var(--text);letter-spacing:-.01em}
.metric-label{display:block;font-size:13px;color:var(--muted)}

/* Category Icons */
@keyframes scrollLogos{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes scrollLogosReverse{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}
.trusted-logos{display:flex;gap:clamp(20px,2.5vw,32px);margin-top:clamp(14px,2vw,22px);margin-bottom:clamp(8px,1vw,16px);animation:scrollLogos 30s linear infinite;width:max-content}
.trusted-logos-reverse{display:flex;gap:clamp(20px,2.5vw,32px);margin-top:clamp(10px,1.5vw,18px);margin-bottom:0;animation:scrollLogosReverse 30s linear infinite;width:max-content}
.logo-item{display:flex;align-items:center;justify-content:center;padding:clamp(12px,1.5vw,16px);background:rgba(255,255,255,0.6);border:1px solid var(--border);border-radius:10px;transition:all 0.3s ease;min-height:clamp(60px,8vw,80px);width:clamp(100px,12vw,120px);flex-shrink:0}
.logo-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.08);border-color:rgba(29,78,216,0.3)}
.logo-item:hover .category-icon i{color:var(--blue);transform:scale(1.1)}
.category-icon{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,0.8vw,8px)}
.category-icon i{font-size:clamp(24px,3vw,32px);color:var(--text);transition:all 0.3s ease}
.category-icon span{font-size:clamp(11px,1.2vw,13px);font-weight:600;color:var(--text);text-align:center}
.logo-placeholder{font-size:clamp(14px,1.6vw,18px);font-weight:600;color:var(--muted);text-align:center}

/* Testimonials Section */
.section{padding:var(--biz-section-pad) 0}
.testimonials{padding:var(--biz-section-pad) 0;background:linear-gradient(135deg,rgba(147,197,253,0.08) 0%,rgba(191,219,254,0.05) 100%)}
.testimonials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,20px);margin-top:clamp(20px,2.5vw,28px)}
.testimonial-card{background:rgba(255,255,255,0.9);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:12px;padding:clamp(16px,2vw,20px);transition:all 0.3s ease;display:flex;flex-direction:column;gap:clamp(10px,1.2vw,12px)}
.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.1);border-color:rgba(29,78,216,0.3)}
.testimonial-rating{display:flex;gap:2px;color:#fbbf24}
.testimonial-rating svg{width:clamp(12px,1.4vw,14px);height:clamp(12px,1.4vw,14px)}
.testimonial-text{font-size:clamp(11px,1.2vw,13px);line-height:1.6;color:var(--text);margin:0;font-style:italic}
.testimonial-author{display:flex;align-items:center;gap:8px;margin-top:auto;font-weight:700;color:var(--text);font-size:clamp(11px,1.3vw,13px)}
.author-avatar{display:none}
.author-info h4{margin:0;font-size:inherit;font-weight:inherit;color:inherit;line-height:1.3}
.author-info p{margin:0;font-size:clamp(10px,1.1vw,11px);color:var(--muted);line-height:1.4}
.testimonial-category{display:inline-flex;align-items:center;padding:3px 8px;margin-left:6px;border-radius:10px;background:rgba(29,78,216,0.08);color:var(--blue);font-size:11px;font-weight:700;line-height:1.2;vertical-align:middle}

/* Commission Section */
@keyframes scrollCommission{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.commission-section{background:linear-gradient(135deg,rgba(29,78,216,0.03) 0%,rgba(147,197,253,0.05) 100%);padding:var(--biz-section-pad) 0;overflow:hidden;position:relative}
.commission-section::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:90%;max-width:1200px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(29,78,216,0.15) 50%,transparent 100%);display:none}
.commission-section .section-title{margin-bottom:clamp(8px,1.2vw,16px)}
.commission-section .subtext{margin-bottom:clamp(12px,1.8vw,20px)}
.commission-grid{display:flex;gap:clamp(20px,3vw,32px);animation:scrollCommission 25s linear infinite;width:max-content}
.commission-grid:hover{animation-play-state:running}
.commission-card{background:rgba(255,255,255,0.8);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:16px;padding:clamp(28px,3.5vw,40px);text-align:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;aspect-ratio:1/1;width:clamp(280px,22vw,320px);display:flex;flex-direction:column;justify-content:center;flex-shrink:0}
.commission-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,0.12);border-color:rgba(29,78,216,0.3)}
.commission-card.highlight{background:linear-gradient(135deg,rgba(16,185,129,0.95) 0%,rgba(16,185,129,0.85) 100%);border-color:rgb(16,185,129);box-shadow:0 12px 32px rgba(16,185,129,0.25)}
.commission-card.highlight:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 48px rgba(16,185,129,0.35)}
.commission-card.highlight h3,.commission-card.highlight p{color:#fff}
.commission-card.highlight .commission-icon{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3)}
.commission-card.highlight .commission-icon svg{stroke:#fff}
.commission-icon{width:clamp(56px,7vw,72px);height:clamp(56px,7vw,72px);margin:0 auto clamp(16px,2vw,20px);border:2px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}
.commission-icon svg{width:clamp(28px,3.5vw,36px);height:clamp(28px,3.5vw,36px);transition:stroke 0.3s ease}
.commission-card:nth-child(1) .commission-icon,.commission-card:nth-child(5) .commission-icon{background:rgba(249,115,22,0.12);border-color:rgba(249,115,22,0.25)}
.commission-card:nth-child(1) .commission-icon svg,.commission-card:nth-child(5) .commission-icon svg{stroke:#f97316}
.commission-card:nth-child(3) .commission-icon,.commission-card:nth-child(7) .commission-icon{background:rgba(236,72,153,0.12);border-color:rgba(236,72,153,0.25)}
.commission-card:nth-child(3) .commission-icon svg,.commission-card:nth-child(7) .commission-icon svg{stroke:#ec4899}
.commission-card:nth-child(4) .commission-icon,.commission-card:nth-child(8) .commission-icon{background:rgba(6,182,212,0.12);border-color:rgba(6,182,212,0.25)}
.commission-card:nth-child(4) .commission-icon svg,.commission-card:nth-child(8) .commission-icon svg{stroke:#06b6d4}
.commission-card h3{font-size:clamp(18px,2.2vw,24px);font-weight:700;margin:0 0 clamp(10px,1.2vw,14px);color:var(--text);line-height:1.2}
.commission-card p{font-size:clamp(14px,1.5vw,16px);color:var(--muted);margin:0;line-height:1.6}

/* How It Works Section */
.how-it-works{background:rgba(0,0,0,0.01);padding:var(--biz-section-pad) 0}
.how-it-works .section-title{margin-bottom:clamp(16px,2.5vw,28px)}
.steps-horizontal{display:flex;align-items:flex-start;justify-content:center;gap:clamp(12px,1.5vw,20px);max-width:1200px;margin:0 auto;flex-wrap:wrap;padding:clamp(8px,1vw,16px) 0}
.step-item{flex:1 1 0;min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center}
.step-image{margin-bottom:clamp(12px,1.5vw,16px);display:flex;align-items:center;justify-content:center;width:100%;height:clamp(140px,18vw,200px)}
.step-image img{max-width:100%;height:100%;object-fit:contain;border-radius:20px;transition:transform 0.3s ease;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.08));mix-blend-mode:multiply;background:transparent}
.step-item:hover .step-image img{transform:scale(1.05);filter:drop-shadow(0 6px 16px rgba(0,0,0,0.12))}
.step-item h3{font-size:clamp(14px,1.6vw,18px);font-weight:700;margin:0 0 clamp(6px,0.8vw,10px);color:var(--text);line-height:1.3}
.step-item p{font-size:clamp(12px,1.3vw,14px);color:var(--muted);margin:0;line-height:1.5}
.step-arrow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;align-self:center;color:var(--blue);opacity:0.7}
.step-arrow svg{width:clamp(24px,3vw,40px);height:clamp(24px,3vw,40px)}

/* Additional Business Components */
.info-card{background:linear-gradient(135deg,rgba(147,197,253,0.15) 0%,rgba(191,219,254,0.1) 100%);border:1px solid rgba(29,78,216,0.2);border-radius:20px;padding:clamp(32px,4vw,48px);text-align:center;margin-bottom:clamp(48px,6vw,64px);box-shadow:0 10px 40px rgba(0,0,0,0.06)}
.info-icon{font-size:clamp(48px,6vw,64px);margin-bottom:16px}
.info-card h2{font-size:clamp(24px,3vw,32px);font-weight:700;margin:0 0 12px;color:var(--text)}
.info-card p{font-size:clamp(15px,1.6vw,18px);color:var(--muted);margin:0;line-height:1.6}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(20px,3vw,32px);margin-bottom:clamp(56px,7vw,80px)}
.feature-card{background:rgba(255,255,255,0.6);border:1px solid var(--border);border-radius:16px;padding:clamp(24px,3vw,32px);transition:all 0.3s ease}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.08);border-color:rgba(29,78,216,0.3)}
.feature-icon{font-size:clamp(36px,4vw,48px);margin-bottom:12px}
.feature-card h3{font-size:clamp(18px,2vw,22px);font-weight:700;margin:0 0 10px;color:var(--text)}
.feature-card p{font-size:clamp(14px,1.5vw,16px);color:var(--muted);margin:0;line-height:1.6}
.cta-section{background:linear-gradient(135deg,rgba(167,139,250,0.15) 0%,rgba(196,181,253,0.1) 100%);border:1px solid rgba(139,92,246,0.2);border-radius:20px;padding:clamp(40px,5vw,56px);text-align:center}
.cta-section h2{font-size:clamp(24px,3.5vw,36px);font-weight:800;margin:0 0 12px;color:var(--text)}
.cta-section p{font-size:clamp(15px,1.7vw,18px);color:var(--muted);margin:0 0 24px;line-height:1.6}

/* ============================================
   RESPONSIVE - BUSINESS PAGE
   ============================================ */

/* Laptop Small (1024px - 1199px) */
@media (max-width: 1199px) {
  .business-page { padding: 40px 0 40px; }
}

/* Tablet Landscape (768px - 1023px) */
@media (max-width: 1023px) {
  .business-page { padding: 40px 0 40px; }
}

/* Tablet/Mobile Transition (< 900px) */
@media (max-width: 900px) {
  body{--biz-section-pad:clamp(36px,6vw,60px)}
  .business-page { min-height: auto; }
  .promo-banner{flex-direction:column;align-items:flex-start}
  .promo-metrics{width:100%;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}

  /* Features grid tek kolona geç */
  .features-grid { grid-template-columns: 1fr; }

  /* Testimonials - Medium screens */
  .testimonials-grid { grid-template-columns: repeat(2,1fr); }

  /* Adımları dikey düzene geçir */
  .steps-horizontal {
    flex-direction: column !important;
    gap: clamp(24px, 4vw, 36px);
    padding: clamp(8px, 1.5vw, 16px) 0;
  }

  .step-item {
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100%;
    flex: 0 0 auto;
  }

  /* Ok ikonları 90 derece döndür */
  .step-arrow {
    transform: rotate(90deg);
    margin: clamp(12px, 2vw, 20px) 0;
  }
}

/* Tablet Portrait (600px - 767px) */
@media (max-width: 767px){
  body{--biz-section-pad:clamp(32px,5vw,48px)}
  .business-page { padding: 24px 0 40px; }
  .promo-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}

  /* Category Icons - Tablet */
  .logo-item { min-height: clamp(60px, 10vw, 75px); }

  /* Testimonials - Tablet */
  .testimonials-grid { grid-template-columns: repeat(2,1fr); gap: clamp(12px, 2vw, 16px); }
  .testimonial-card { padding: clamp(14px, 2.5vw, 18px); }

  /* How It Works - Tablet spacing */
  .how-it-works .section-title{margin-bottom:clamp(12px,2vw,20px)}

  /* Commission Section - Tablet - 2x2 grid + divider */
  .commission-section { margin-top: 0; }
  .commission-section::before { display: block; }
  .commission-section .section-title{margin-bottom:clamp(6px,1vw,12px)}
  .commission-section .subtext{margin-bottom:clamp(10px,1.5vw,16px)}
  .commission-grid {
    gap: clamp(16px, 2.5vw, 24px);
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    animation: none;
    width: 100%;
  }
  .commission-grid .commission-card:nth-child(n+5) { display: none; }
  .commission-card { padding: clamp(20px, 3vw, 28px); width: 100%; aspect-ratio: auto; }

  /* How It Works - Tablet */
  .step-image { height: clamp(130px, 30vw, 180px); }
  .step-item h3 { font-size: clamp(14px, 3vw, 17px); }
  .step-item p { font-size: clamp(12px, 2.5vw, 14px); }
}

/* Mobile Large (480px - 599px) */
@media (max-width: 599px) {
  body{--biz-section-pad:clamp(24px,4vw,36px)}
  .business-page { padding: 16px 0 10px; }
  .promo-banner{padding:clamp(14px,4vw,18px);gap:10px;background:#f8fafc;border:1px solid var(--border);box-shadow:none}
  .promo-banner::before{background:none}
  .promo-badge{padding:6px 10px;font-size:12px}
  .promo-banner h3{font-size:clamp(18px,4vw,22px)}
  .promo-banner p{font-size:clamp(13px,3vw,15px)}
  .promo-actions{width:100%}
  .promo-metrics{grid-template-columns:1fr 1fr;gap:10px}
  .metric{background:#fff;border:1px solid var(--border);box-shadow:none}

  /* Hero icon band / spacing tweaks */
  .trusted-logos,
  .trusted-logos-reverse {
    margin-top: 8px;
    margin-bottom: 4px;
  }

  /* Category Icons - Mobile */
  .logo-item { padding: clamp(10px, 2vw, 14px); min-height: clamp(55px, 9vw, 65px); }
  .category-icon i { font-size: clamp(18px, 3.5vw, 24px); }
  .category-icon span { font-size: clamp(9px, 2vw, 11px); }

  /* Testimonials - Mobile */
  .testimonials-grid { grid-template-columns: 1fr; gap: clamp(10px, 2vw, 14px); }
  .testimonial-card { padding: clamp(12px, 3vw, 16px); }

  /* How It Works - Mobile - Increased spacing */
  .how-it-works .section-title{margin-bottom:clamp(10px,1.8vw,16px)}

  /* Commission Section - Mobile - Divider + spacing */
  .commission-section { margin-top: 0; }
  .commission-section::before { display: block; }
  .commission-section .section-title{margin-bottom:clamp(4px,0.8vw,8px)}
  .commission-section .subtext{margin-bottom:clamp(8px,1.2vw,12px)}
  .commission-grid {
    grid-template-columns: 1fr;
    gap: clamp(14px, 3vw, 20px);
    max-width: 100%;
    display: grid;
    animation: none;
    width: 100%;
  }
  .commission-grid .commission-card:nth-child(n+5) { display: none; }
  .commission-card { padding: clamp(18px, 4vw, 24px); width: 100%; aspect-ratio: auto; }
  .commission-icon {
    width: clamp(48px, 10vw, 60px);
    height: clamp(48px, 10vw, 60px);
    margin-bottom: clamp(12px, 3vw, 16px);
  }
  .commission-icon svg {
    width: clamp(24px, 5vw, 30px);
    height: clamp(24px, 5vw, 30px);
  }
}

/* Mobile Ultra Small (< 520px) */
@media (max-width:520px){
  body{--biz-section-pad:clamp(20px,3.5vw,30px)}
  .promo-metrics{grid-template-columns:1fr}
  .promo-actions{gap:8px}
  /* Category Icons - Küçük ekran */
  .logo-item { min-height: 52px; padding: 8px; }
  .category-icon i { font-size: 16px; }
  .category-icon span { font-size: 9px; }
  .category-icon { gap: 4px; }

  /* Testimonials - Küçük ekran */
  .testimonial-card { gap: clamp(8px, 2vw, 10px); padding: clamp(10px, 2.5vw, 14px); }
  .author-avatar { width: 26px; height: 26px; font-size: 10px; }
  .testimonial-rating svg { width: 11px; height: 11px; }
  .testimonial-text { font-size: clamp(10px, 2.5vw, 11px); }

  /* How It Works - Mobile spacing */
  .how-it-works .section-title{margin-bottom:clamp(6px,1.4vw,10px)}

  /* Komisyon - Mobile divider + spacing */
  .commission-section { margin-top: 0; }
  .commission-section::before { display: block; }
  .commission-section .section-title{margin-bottom:clamp(4px,0.6vw,6px)}
  .commission-section .subtext{margin-bottom:clamp(6px,1vw,10px)}

  .commission-grid {
    gap: clamp(12px, 3vw, 18px);
    animation: none;
    display: grid;
  }
  .commission-grid .commission-card:nth-child(n+5) { display: none; }
  .commission-card { padding: clamp(16px, 4vw, 20px); aspect-ratio: auto; }
  .commission-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 12px;
  }
  .commission-icon svg {
    width: 24px;
    height: 24px;
  }

  /* How It Works - Küçük ekran ayarları */
  .step-image { height: clamp(100px, 25vw, 140px); }
  .step-item h3 { font-size: clamp(12px, 3vw, 14px); margin-bottom: 6px; }
  .step-item p { font-size: clamp(10px, 2.5vw, 12px); line-height: 1.4; }

  .step-arrow {
    margin: clamp(10px, 2vw, 16px) 0;
  }

  .step-arrow svg {
    width: clamp(24px, 4vw, 32px);
    height: clamp(24px, 4vw, 32px);
  }
}

/* Mobile Medium (375px - 479px) */
@media (max-width: 479px) {
  body{--biz-section-pad:clamp(18px,3vw,28px)}
  .business-page { padding: 16px 0 30px; }

  /* How It Works - Daha küçük */
  .how-it-works .section-title{margin-bottom:clamp(6px,1.1vw,10px)}
  .step-image { height: clamp(80px, 20vw, 110px); }
  .step-item h3 { font-size: 12px; }
  .step-item p { font-size: 10px; }

  /* Commission - Mobile divider + spacing */
  .commission-section { margin-top: 0; }
  .commission-section::before { display: block; }
}

/* Mobile Small (320px - 374px) */
@media (max-width: 374px) {
  body{--biz-section-pad:clamp(16px,3vw,24px)}
  .business-page { padding: 16px 0 25px; }

  /* How It Works - En küçük */
  .how-it-works .section-title{margin-bottom:clamp(4px,0.9vw,8px)}
  .step-image { height: clamp(70px, 18vw, 90px); }
  .step-item h3 { font-size: 11px; }
  .step-item p { font-size: 9px; }
  .step-arrow svg { width: 20px; height: 20px; }

  /* Commission - Mobile divider + spacing */
  .commission-section { margin-top: 0; }
  .commission-section::before { display: block; }
}