/* DigiGyor Amazon SEO Widgets — Global Styles */

/* ── HERO ── */
.dg-hero { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
.dg-hero h1 {line-height:1.2; margin-bottom:16px; }
.dg-hero-desc { line-height:1.7; margin-bottom:24px; }
.dg-hero-stats { display:flex; gap:20px; margin-bottom:24px; }
.dg-stat { text-align:center; }
.dg-stat-num {font-weight:800; }
.dg-stat-label { font-size:10px; text-transform:uppercase; letter-spacing:1px; }
.dg-hero-btns { display:flex; gap:12px; flex-wrap:wrap; }
.dg-btn { padding:12px 24px; border-radius:8px; font-weight:700; font-size:13px; cursor:pointer; border:none; }
.dg-hero-cards { display:flex; flex-direction:column; gap:12px; }
.dg-hero-card { border-radius:12px; padding:16px; }
.dg-hero-card-title { font-weight:700; font-size:13px; margin-bottom:4px; }
.dg-hero-card-text { font-size:12px; }

/* ── PAIN ── */
.dg-section-head { text-align:center; margin-bottom:28px; }
.dg-section-label { font-size:12px; font-weight:700; letter-spacing:2px; text-transform:uppercase; margin-bottom:8px; }
.dg-section-title {font-size:24px; }
.dg-pain-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.dg-pain-card { border-radius:12px; padding:20px; }
.dg-pain-card h4 { font-weight:700; font-size:13px; margin-bottom:6px; }
.dg-pain-card p { font-size:12px; line-height:1.6; }
.dg-pain-solution { border-radius:10px; padding:16px 24px; text-align:center; margin-top:20px; }
.dg-pain-solution p { font-weight:700; font-size:14px; }

/* ── WHAT IS ── */
.dg-whatis-grid { display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:center; }
.dg-whatis-left h2 {font-size:22px; margin-bottom:16px; }
.dg-whatis-left p { font-size:13px; line-height:1.7; margin-bottom:12px; }
.dg-wi-cards { display:flex; flex-direction:column; gap:12px; }
.dg-wi-card { padding:14px 16px; }
.dg-wi-card h4 { font-weight:700; font-size:13px; margin-bottom:4px; }
.dg-wi-card p { font-size:12px; }

/* ── SERVICES ── */
.dg-serv-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.dg-serv-card { border-radius:12px; padding:20px; position:relative; overflow:hidden; }
.dg-serv-num {font-size:32px; font-weight:800; position:absolute; top:12px; right:16px; opacity:0.2; }
.dg-serv-icon { font-size:22px; margin-bottom:8px; }
.dg-serv-card h4 { font-weight:700; font-size:14px; margin-bottom:8px; }
.dg-serv-card p { font-size:12px; line-height:1.6; margin-bottom:10px; }
.dg-serv-tags { display:flex; flex-wrap:wrap; gap:4px; }
.dg-serv-tag { font-size:10px; font-weight:600; padding:3px 8px; border-radius:4px; }

/* ── PROCESS ── */
.dg-proc-steps { display:flex; flex-direction:column; gap:16px; }
.dg-proc-step { display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:center; }
.dg-proc-num { width:64px; height:64px; border-radius:50%; display:flex; align-items:center; justify-content:center;font-size:24px; font-weight:800; flex-shrink:0; }
.dg-proc-content { border-radius:12px; padding:16px 20px; }
.dg-proc-content h4 { font-weight:700; font-size:14px; margin-bottom:6px; }
.dg-proc-content p { font-size:12px; line-height:1.6; }
.dg-proc-line { width:2px; height:20px; margin:0 31px; }

/* ── RESULTS ── */
.dg-res-table { width:100%; border-collapse:collapse; border-radius:12px; overflow:hidden; }
.dg-res-table th { padding:14px 20px; text-align:left; font-weight:700; font-size:13px; }
.dg-res-table td { padding:14px 20px; font-size:13px; }
.dg-res-val { font-weight:700; }

/* ── WHY US ── */
.dg-why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.dg-why-card { border-radius:12px; padding:20px; text-align:center; }
.dg-why-icon { font-size:28px; margin-bottom:10px; }
.dg-why-card h4 { font-weight:700; font-size:13px; margin-bottom:6px; }
.dg-why-card p { font-size:12px; line-height:1.6; }

/* ── CATEGORIES ── */
.dg-cats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.dg-cat-item { border-radius:8px; padding:12px; text-align:center; font-size:12px; font-weight:600; }

/* ── FAQ ── */
.dg-faq-list { display:flex; flex-direction:column; gap:10px; }
.dg-faq-item { border-radius:10px; overflow:hidden; }
.dg-faq-q { padding:16px 20px; display:flex; justify-content:space-between; align-items:center; font-weight:600; font-size:13px; cursor:pointer; user-select:none; gap:12px; }
.dg-faq-q-text { flex:1; }
.dg-faq-icon { width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:700; flex-shrink:0; transition:transform 0.3s ease; }
.dg-faq-item.open .dg-faq-icon { transform:rotate(45deg); }
.dg-faq-a { max-height:0; overflow:hidden; transition:max-height 0.35s ease, padding 0.3s ease; font-size:13px; line-height:1.75; padding:0 20px; }
.dg-faq-item.open .dg-faq-a { max-height:400px; padding:14px 20px 18px; }

/* ── CTA ── */
.dg-cta-wrap { text-align:center; }
.dg-cta-wrap h2 {font-size:26px; margin-bottom:12px; }
.dg-cta-wrap p { font-size:14px; line-height:1.7; max-width:600px; margin:0 auto 24px; }
.dg-cta-trust { display:flex; justify-content:center; gap:24px; margin-bottom:28px; flex-wrap:wrap; }
.dg-cta-trust-item { font-size:12px; font-weight:600; }
.dg-cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
/* DigiGyor Amazon SEO Widgets — Responsive Styles */
/* Tablet: max-width 1024px */
/* Mobile: max-width 600px */

/* ════════════════════════════════════════
   TABLET (≤1024px)
════════════════════════════════════════ */
@media (max-width: 1024px) {

  /* ── HERO ── */
  .dg-hero {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .dg-hero h1 { font-size: 22px; }
  .dg-hero-stats { gap: 14px; }

  /* ── PAIN ── */
  .dg-pain-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }

  /* ── WHAT IS ── */
  .dg-whatis-grid {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }

  /* ── SERVICES ── */
  .dg-serv-grid {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }

  /* ── WHY US ── */
  .dg-why-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
  }

  /* ── CATEGORIES ── */
  .dg-cats-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  /* ── RESULTS TABLE ── */
  .dg-res-table th,
  .dg-res-table td {
    padding: 12px 14px;
    font-size: 12px;
  }
}


/* ════════════════════════════════════════
   MOBILE (≤600px)
════════════════════════════════════════ */
@media (max-width: 600px) {

  /* ── HERO ── */
  .dg-hero {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .dg-hero h1 { font-size: 20px; }
  .dg-hero-desc { font-size: 13px; }
  .dg-hero-stats {
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .dg-stat-num { font-size: 20px; }
  .dg-hero-btns {
    flex-direction: column;
    align-items: stretch;
  }
  .dg-btn {
    width: 100%;
    text-align: center;
    padding: 13px 16px;
  }
  .dg-hero-cards { gap: 10px; }

  /* ── SECTION HEAD ── */
  .dg-section-title { font-size: 19px; }
  .dg-section-head { margin-bottom: 20px; }

  /* ── PAIN ── */
  .dg-pain-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .dg-pain-solution {
    padding: 14px 16px;
  }
  .dg-pain-solution p { font-size: 13px; }

  /* ── WHAT IS ── */
  .dg-whatis-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .dg-whatis-left h2 { font-size: 18px; }
  .dg-wi-cards { gap: 10px; }

  /* ── SERVICES ── */
  .dg-serv-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .dg-serv-card { padding: 16px; }
  .dg-serv-card h4 { font-size: 13px; }

  /* ── PROCESS ── */
  .dg-proc-step {
    grid-template-columns: 56px 1fr;
    gap: 14px;
  }
  .dg-proc-num {
    width: 48px;
    height: 48px;
    font-size: 18px;
  }
  .dg-proc-content { padding: 12px 14px; }
  .dg-proc-line { margin: 0 23px; }

  /* ── RESULTS TABLE ── */
  .dg-res-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .dg-res-table {
    min-width: 480px;
  }
  .dg-res-table th,
  .dg-res-table td {
    padding: 10px 12px;
    font-size: 12px;
  }

  /* ── WHY US ── */
  .dg-why-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .dg-why-card { padding: 16px; text-align: left; }
  .dg-why-icon { display: inline-block; margin-bottom: 6px; }

  /* ── CATEGORIES ── */
  .dg-cats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
  .dg-cat-item { font-size: 11px; padding: 10px 8px; }

  /* ── FAQ ── */
  .dg-faq-q { font-size: 13px; padding: 14px 16px; }
  .dg-faq-a { font-size: 12px; }
  .dg-faq-item.open .dg-faq-a { padding: 10px 16px 14px; }

  /* ── CTA ── */
  .dg-cta-wrap h2 { font-size: 20px; }
  .dg-cta-wrap p { font-size: 13px; }
  .dg-cta-trust {
    gap: 12px;
    flex-direction: column;
    align-items: center;
  }
  .dg-cta-btns {
    flex-direction: column;
    align-items: stretch;
  }
  .dg-cta-btns .dg-btn {
    width: 100%;
    text-align: center;
  }
  .dg-widget.dg-results-wrap {
    overflow: scroll;
}
}