/* =========================================================
       01 — SECTION RHYTHM REFINEMENT
       ========================================================= */
    
    .service-page .idea-services-breakdown,
    .service-page .idea-results-section,
    .service-page .idea-process-section,
    .service-page .idea-why-section,
    .service-page .idea-faq-section,
    .service-page .idea-final-cta-section {
      padding-top: clamp(68px, 7vw, 104px);
      padding-bottom: clamp(68px, 7vw, 104px);
    }
    
    .service-page .idea-section-head {
      margin-bottom: clamp(34px, 4.2vw, 54px);
    }
    
    .service-page .idea-title {
      letter-spacing: -0.025em;
    }
    
    .service-page .idea-subtitle {
      max-width: 780px;
    }
    
    /* =========================================================
       02 — CARD DEPTH + MICRO INTERACTIONS
       ========================================================= */
    
    .service-page .idea-service-card,
    .service-page .idea-result-card,
    .service-page .idea-process-card,
    .service-page .idea-why-card,
    .service-page .idea-premium-faq details {
      transition-duration: var(--idea-fast);
    }
    
    @media (hover: hover) and (pointer: fine) {
      .service-page .idea-service-card:hover,
      .service-page .idea-process-card:hover,
      .service-page .idea-why-card:hover {
        transform: translateY(-4px) scale(1.01);
      }
    
      .service-page .idea-result-card:hover {
        transform: translateY(-3px) scale(1.008);
      }
    }
    
    /* =========================================================
       03 — EQUAL HEIGHT SYSTEM
       ========================================================= */
    
    .service-page .idea-services-grid .wp-block-column,
    .service-page .idea-results-columns .wp-block-column,
    .service-page .idea-results-columns .idea-result-column,
    .service-page .idea-process-columns .wp-block-column,
    .service-page .idea-final-trust .wp-block-column {
      display: flex;
      align-items: stretch;
    }
    
    .service-page .idea-services-grid .wp-block-column > *,
    .service-page .idea-results-columns .wp-block-column > *,
    .service-page .idea-results-columns .idea-result-column > *,
    .service-page .idea-process-columns .wp-block-column > *,
    .service-page .idea-final-trust .wp-block-column > * {
      width: 100%;
    }
    
    .service-page .idea-service-card {
      height: 100%;
      min-height: 340px;
      display: flex;
      flex-direction: column;
    }
    
    .service-page .idea-result-card {
      height: 100%;
      min-height: 268px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    
    .service-page .idea-process-card {
      height: 100%;
      min-height: 315px;
      display: flex;
      flex-direction: column;
    }
    
    .service-page .idea-why-cards {
      align-items: stretch;
    }
    
    .service-page .idea-why-card {
      height: 100%;
      min-height: 278px;
      display: flex;
      flex-direction: column;
    }
    
    .service-page .idea-final-trust-item {
      height: 100%;
      min-height: 108px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    
    /* =========================================================
       04 — CARD TEXT RHYTHM
       ========================================================= */
    
    .service-page .idea-service-title,
    .service-page .idea-process-title,
    .service-page .idea-why-card-title {
      min-height: 2.6em;
    }
    
    .service-page .idea-result-title {
      min-height: 3em;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .service-page .idea-service-text,
    .service-page .idea-process-text,
    .service-page .idea-why-card-text {
      margin-top: auto;
    }
    
    .service-page .idea-result-number {
      flex: 0 0 auto;
    }
    
    .service-page .idea-result-text {
      flex: 1 1 auto;
      display: flex;
      align-items: flex-start;
      justify-content: center;
    }
    
    /* =========================================================
       05 — FAQ POLISH
       ========================================================= */
    
    .service-page .idea-premium-faq summary strong {
      color: var(--idea-heading);
    }
    
    .service-page .idea-premium-faq details[open] summary strong {
      color: var(--idea-primary);
    }
    
    /* =========================================================
       06 — CTA POLISH
       ========================================================= */
    
    .service-page .idea-final-cta-shell::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 50% 0%, rgba(245, 178, 26, 0.16), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent);
      pointer-events: none;
    }
    
    .service-page .idea-final-btn .wp-block-button__link,
    .service-page .idea-services-cta .wp-block-button__link,
    .service-page .idea-process-summary .wp-block-button__link,
    .service-page .idea-faq-help .wp-block-button__link {
      transform: translateZ(0);
      transition-duration: var(--idea-fast);
    }
    
    @media (hover: hover) and (pointer: fine) {
      .service-page .idea-final-btn .wp-block-button__link:hover,
      .service-page .idea-services-cta .wp-block-button__link:hover,
      .service-page .idea-process-summary .wp-block-button__link:hover,
      .service-page .idea-faq-help .wp-block-button__link:hover {
        transform: translateY(-2px) scale(1.01);
      }
    }
    
    /* =========================================================
       07 — WHY DARK CARD CONTRAST FIX
       ========================================================= */
    
    .service-page .idea-why-card--dark .idea-why-card-title,
    .service-page .idea-why-card--dark h3,
    .service-page .idea-why-card--dark h4 {
      color: #ffffff !important;
    }
    
    .service-page .idea-why-card--dark .idea-why-card-text,
    .service-page .idea-why-card--dark p {
      color: rgba(255, 255, 255, 0.78) !important;
    }
    
    .service-page .idea-why-card--dark .idea-why-icon {
      background: var(--idea-accent);
      color: var(--idea-heading);
    }
    
    /* =========================================================
       08 — MOBILE POLISH
       ========================================================= */
    
    @media (max-width: 768px) {
      .service-page .idea-services-breakdown,
      .service-page .idea-results-section,
      .service-page .idea-process-section,
      .service-page .idea-why-section,
      .service-page .idea-faq-section,
      .service-page .idea-final-cta-section {
        padding-top: 58px;
        padding-bottom: 58px;
      }
    
      .service-page .idea-service-card,
      .service-page .idea-result-card,
      .service-page .idea-process-card,
      .service-page .idea-why-card {
        min-height: auto;
        padding: 26px 20px;
      }
    
      .service-page .idea-service-title,
      .service-page .idea-result-title,
      .service-page .idea-process-title,
      .service-page .idea-why-card-title {
        min-height: auto;
      }
    
      .service-page .idea-service-text,
      .service-page .idea-result-text,
      .service-page .idea-process-text,
      .service-page .idea-why-card-text {
        margin-top: 0;
        display: block;
      }
    
      .service-page .idea-hero-premium {
        padding-top: 42px !important;
        padding-bottom: 52px !important;
      }
    
      .service-page .idea-hero-visual img {
        max-width: 92%;
        margin-inline: auto;
      }
    }
    
    /* =========================================================
       09 — REDUCED MOTION
       ========================================================= */
    
    @media (prefers-reduced-motion: reduce) {
      .service-page .idea-service-card,
      .service-page .idea-result-card,
      .service-page .idea-process-card,
      .service-page .idea-why-card,
      .service-page .idea-premium-faq details,
      .service-page .idea-final-btn .wp-block-button__link,
      .service-page .idea-services-cta .wp-block-button__link,
      .service-page .idea-process-summary .wp-block-button__link,
      .service-page .idea-faq-help .wp-block-button__link {
        transition: none;
        transform: none;
      }
    }
    
    /*
    Header
    */
    
    /* =========================================================
       IDEA — HEADER FINAL PREMIUM LOCK
       Chrome + Firefox Stable / Desktop + Mobile Safe
       ========================================================= */
    
    /* Desktop only */
    @media (min-width: 1000px) {
    
      header [data-row="middle"] {
        min-height: 82px !important;
        background: rgba(255, 255, 255, 0.98);
        border-bottom: 3px solid var(--idea-primary);
        box-shadow: 0 8px 24px rgba(7, 17, 31, 0.045);
      }
    
      header [data-row="middle"] .ct-container-fluid {
        max-width: 1240px;
        margin-inline: auto;
        padding-inline: 28px;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 26px;
        direction: rtl;
      }
    
      header [data-column="start"],
      header [data-column="middle"],
      header [data-column="end"] {
        display: flex !important;
        align-items: center !important;
      }
    
      header [data-column="start"] {
        flex: 0 0 305px;
        justify-content: flex-start;
      }
    
      header [data-column="middle"] {
        flex: 1 1 auto;
        justify-content: center;
        min-width: 0;
      }
    
      header [data-column="end"] {
        flex: 0 0 240px;
        justify-content: flex-end;
      }
    
      /* Branding */
      header .site-branding {
        display: flex !important;
        align-items: center !important;
        gap: 13px;
        direction: rtl;
      }
    
      header .site-logo-container img {
        width: 140px !important;
        height: 140px !important;
        object-fit: contain;
        border-radius: 18px;
        background: #ffffff;
        padding: 4px;
        box-shadow:
          0 14px 30px rgba(7, 17, 31, 0.11),
          0 0 0 1px rgba(31, 51, 198, 0.08);
      }
    
      header .site-title a {
        font-family: var(--idea-font-main, inherit);
        font-size: 15.5px;
        line-height: 1.32;
        font-weight: 950;
        letter-spacing: -0.02em;
        color: var(--idea-heading);
      }
    
      /* Main menu */
      header .header-menu-1 .menu {
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 5px;
        direction: rtl;
      }
    
      header .header-menu-1 .ct-menu-link {
        padding: 11px 14px;
        border-radius: 999px;
        font-family: var(--idea-font-main, inherit);
        font-size: 14.5px;
        font-weight: 850;
        color: rgba(9, 24, 48, 0.78);
        transition:
          color var(--idea-fast),
          background-color var(--idea-fast),
          transform var(--idea-fast);
      }
    
      header .header-menu-1 .ct-menu-link:hover,
      header .header-menu-1 .current-menu-item > .ct-menu-link,
      header .header-menu-1 .current-menu-parent > .ct-menu-link,
      header .header-menu-1 .current-menu-ancestor > .ct-menu-link {
        color: var(--idea-primary);
        background: rgba(31, 51, 198, 0.07);
      }
    
      header .header-menu-1 .ct-menu-link:hover {
        transform: translateY(-1px);
      }
    
      /* Dropdown */
      header .header-menu-1 .sub-menu {
        min-width: 230px;
        padding: 12px;
        border-radius: 22px;
        border: 1px solid rgba(31, 51, 198, 0.12);
        background: #ffffff;
        box-shadow:
          0 24px 60px rgba(7, 17, 31, 0.16),
          inset 0 1px 0 rgba(255, 255, 255, 0.95);
      }
    
      header .header-menu-1 .sub-menu .ct-menu-link {
        display: flex;
        justify-content: flex-start;
        padding: 12px 14px;
        border-radius: 15px;
        font-size: 14.5px;
        font-weight: 850;
        color: var(--idea-heading);
        background: transparent;
      }
    
      header .header-menu-1 .sub-menu .ct-menu-link:hover,
      header .header-menu-1 .sub-menu .current-menu-item > .ct-menu-link {
        color: var(--idea-primary);
        background: rgba(31, 51, 198, 0.08);
      }
    
      /* CTA */
      header .ct-header-cta .ct-button {
        min-height: 44px;
        padding: 0 21px;
        border-radius: 999px;
        border: 1px solid rgba(245, 178, 26, 0.55);
        background: linear-gradient(135deg, var(--idea-accent), #f7c85a);
        color: var(--idea-heading);
        font-family: var(--idea-font-main, inherit);
        font-size: 14px;
        font-weight: 950;
        white-space: nowrap;
        box-shadow:
          0 12px 28px rgba(245, 178, 26, 0.26),
          inset 0 1px 0 rgba(255, 255, 255, 0.55);
        transition:
          transform var(--idea-fast),
          box-shadow var(--idea-fast),
          filter var(--idea-fast);
      }
    
      header .ct-header-cta .ct-button:hover {
        transform: translateY(-2px);
        filter: saturate(1.05);
        box-shadow:
          0 18px 38px rgba(245, 178, 26, 0.34),
          inset 0 1px 0 rgba(255, 255, 255, 0.62);
      }
    }
    
    /* Medium desktop */
    
    /*
    @media (min-width: 1000px) and (max-width: 1180px) {
      header [data-row="middle"] .ct-container-fluid {
        padding-inline: 20px;
        gap: 18px;
      }
    
      header [data-column="start"] {
        flex-basis: 285px;
      }
    
      header [data-column="end"] {
        flex-basis: 215px;
      }
    
      header .site-logo-container img {
        width: 58px !important;
        height: 58px !important;
      }
    
      header .site-title a {
        font-size: 14.5px;
      }
    
      header .header-menu-1 .ct-menu-link {
        padding-inline: 10px;
        font-size: 13.5px;
      }
    
      header .ct-header-cta .ct-button {
        min-height: 42px;
        padding-inline: 17px;
        font-size: 13.5px;
      }
    }
    */
    
    /* Mobile branding only — do not touch menu trigger */
   
   /*
   
    @media (max-width: 999px) {
    
      header .site-branding {
    
        display: flex;
    
        align-items: center;
    
        gap: 12px;
    
      }
    
      header .site-logo-container img {
    
        width: auto !important;
    
        height: auto !important;
    
        max-height: 140px !important;
    
        object-fit: contain;
    
        border-radius: 15px;
    
      }
    
      header .site-title a {
    
        font-family: var(--idea-font-main, inherit);
    
        font-size: 15px;
    
        line-height: 1.25;
    
        font-weight: 900;
    
        color: var(--idea-heading);
    
      }
    
    }
    */
    /* Mobile branding only — do not touch menu trigger */
    /*
    @media (max-width: 999px) {
      header .site-branding {
        display: flex;
        align-items: center;
        gap: 10px;
      }
    
      header .site-logo-container img {
        width: 52px !important;
        height: 52px !important;
        object-fit: contain;
        border-radius: 15px;
      }
    
      header .site-title a {
        font-family: var(--idea-font-main, inherit);
        font-size: 14px;
        line-height: 1.28;
        font-weight: 900;
        color: var(--idea-heading);
      }
    }
    
    */
    .service-page .idea-hero-visual img {
      box-shadow:
        0 30px 80px rgba(7, 17, 31, 0.14),
        0 0 0 1px rgba(31, 51, 198, 0.05);
    }
    
    /*
    last padding
    */
    
    /* =========================================================
       IDEA — MASTER TEMPLATE COMPATIBILITY PATCH
       Restore Premium Service Page Result
       Service Page Only
       ========================================================= */
    
    /* Restore full width section behavior */
    .service-page > .wp-block-group.alignfull,
    .service-page .wp-block-group.alignfull {
      width: 100vw;
      max-width: 100vw;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
    }
    
    /* Container lock */
    .service-page .idea-container,
    .service-page .idea-hero-premium > .wp-block-columns,
    .service-page .service-page-trust-bar > *,
    .service-page .service-problem-solution-section > * {
      max-width: var(--idea-container, 1240px);
      margin-inline: auto;
    }
    
    /* Hero restore */
    .service-page .idea-hero-premium {
      position: relative;
      overflow: hidden;
      padding: clamp(72px, 7vw, 112px) 20px;
      background:
        radial-gradient(circle at 80% 10%, rgba(245, 178, 26, 0.12), transparent 34%),
        radial-gradient(circle at 18% 20%, rgba(31, 51, 198, 0.08), transparent 36%),
        linear-gradient(180deg, #ffffff 0%, var(--idea-bg-warm) 100%);
    }
    
    .service-page .idea-hero-layout {
      gap: clamp(38px, 5vw, 78px);
      align-items: center;
    }
    
    .service-page .idea-hero-content {
      text-align: right;
    }
    
    .service-page .idea-hero-title {
      margin: 0 0 24px;
      color: var(--idea-heading);
      font-size: clamp(38px, 5.2vw, 68px);
      line-height: 1.08;
      font-weight: 950;
      letter-spacing: -0.045em;
    }
    
    .service-page .idea-hero-description {
      max-width: 720px;
      margin: 0 0 28px;
      color: #5d6878;
      font-size: clamp(16px, 1.45vw, 19px);
      line-height: 1.95;
    }
    
    .service-page .idea-hero-visual img {
      width: 100%;
      border-radius: 30px;
      box-shadow:
        0 30px 80px rgba(7, 17, 31, 0.14),
        0 0 0 1px rgba(31, 51, 198, 0.05);
    }
    
    /* Hero metrics restore */
    .service-page .idea-hero-metrics {
      gap: 18px;
      margin: 0 0 28px;
    }
    
    .service-page .idea-hero-metric-card {
      padding: 20px 18px;
      border: 1px solid rgba(9, 24, 48, 0.08);
      border-radius: 20px;
      background: rgba(255, 255, 255, 0.86);
      box-shadow: 0 12px 30px rgba(7, 17, 31, 0.045);
      text-align: center;
    }
    
    .service-page .idea-hero-metric-number {
      margin: 0 0 6px !important;
      color: var(--idea-primary);
      font-size: 20px;
      font-weight: 950;
    }
    
    .service-page .idea-hero-metric-text {
      margin: 0;
      color: #5d6878;
      font-size: 14px;
      line-height: 1.6;
    }
    
    /* Trust bar restore */
    .service-page .service-page-trust-bar {
      padding: 34px 20px;
      background: linear-gradient(135deg, var(--idea-primary), var(--idea-primary-dark));
    }
    
    .service-page .idea-trust-title {
      margin: 0 0 18px;
      color: #ffffff;
      font-weight: 800;
    }
    
    .service-page .idea-trust-tools {
      gap: 14px;
      margin: 0;
    }
    
    .service-page .service-trust-tool-card {
      margin: 0;
      padding: 14px 18px;
      border-radius: 14px;
      background: rgba(255, 255, 255, 0.12);
      color: #ffffff;
      text-align: center;
      font-weight: 800;
    }
    
    /* Problem cards restore */
    .service-page .service-problem-solution-section {
      padding: clamp(72px, 7vw, 112px) 20px;
      background: var(--idea-bg-warm);
    }
    
    .service-page .service-problem-card {
      height: 100%;
      min-height: 220px;
      padding: 28px 22px;
      border-radius: 24px;
      background: #ffffff;
      box-shadow: 0 16px 38px rgba(7, 17, 31, 0.075);
      text-align: center;
    }
    
    .service-page .service-problem-card h3 {
      margin: 0 0 12px;
      color: var(--idea-heading);
      font-size: 18px;
      font-weight: 900;
    }
    
    .service-page .service-problem-card p {
      margin: 0;
      color: #5d6878;
      font-size: 14.5px;
      line-height: 1.8;
    }
    
    .service-page .service-solution-card {
      max-width: 980px;
      margin: 34px auto 0;
      padding: 30px 28px;
      border-radius: 24px;
      background: #ffffff;
      box-shadow: 0 18px 44px rgba(7, 17, 31, 0.08);
      text-align: center;
    }
    
    .service-page .service-solution-card h3 {
      margin: 0 0 12px;
      color: var(--idea-primary);
      font-size: 22px;
      font-weight: 950;
    }
    
    /* Buttons restore */
    .service-page .idea-hero-actions,
    .service-page .idea-services-cta,
    .service-page .idea-final-btn {
      gap: 14px;
      justify-content: center;
    }
    
    .service-page .wp-block-button__link {
      border-radius: 14px;
      font-weight: 900;
    }
    
    /* Mobile restore */
    @media (max-width: 768px) {
      .service-page .idea-hero-premium {
        padding: 52px 18px;
      }
    
      .service-page .idea-hero-layout {
        gap: 28px;
      }
    
      .service-page .idea-hero-title {
        font-size: clamp(32px, 9vw, 44px);
        text-align: center;
      }
    
      .service-page .idea-hero-description,
      .service-page .idea-hero-content {
        text-align: center;
      }
    
      .service-page .idea-hero-metrics {
        gap: 12px;
      }
    
      .service-page .idea-hero-metric-card,
      .service-page .service-problem-card {
        min-height: auto;
      }
    }
    /* =========================================================
       IDEA — SAFE GUTENBERG SERVICE TEMPLATE FINAL PATCH
       Fix wp-block-group nesting after Attempt Recovery cleanup
       Add at END of idea-ui-polish.css
       ========================================================= */
    
    /* Force service page full visual activation */
    .service-page{
      direction: rtl;
    }
    
    /* Hero layout lock */
    .service-page .idea-hero-premium .idea-hero-layout{
      max-width: var(--idea-container, 1240px);
      margin-inline: auto;
    }
    
    /* Fix nested Gutenberg group cards */
    .service-page .idea-hero-metric-card,
    .service-page .service-trust-tool-card,
    .service-page .service-problem-card,
    .service-page .service-solution-card,
    .service-page .idea-service-card,
    .service-page .idea-result-card,
    .service-page .idea-process-card,
    .service-page .idea-why-card,
    .service-page .idea-final-trust-item{
      display: flex;
      flex-direction: column;
    }
    
    /* Trust bar text reset */
    .service-page .service-trust-tool-card p,
    .service-page .idea-final-trust-item p{
      margin: 0 !important;
      color: inherit;
      font-weight: inherit;
    }
    
    /* Problem/Solution Gutenberg heading fix */
    .service-page .service-problem-card .wp-block-heading,
    .service-page .service-solution-card .wp-block-heading{
      margin-top: 0 !important;
    }
    
    /* Process text classes after safe conversion */
    .service-page .idea-process-title{
      margin: 0 0 14px !important;
      color: var(--idea-heading);
      font-size: clamp(20px, 2vw, 24px);
      font-weight: 900;
    }
    
    .service-page .idea-process-text{
      margin: 0;
      color: #5d6878;
      font-size: 16px;
      line-height: 1.85;
    }
    
    /* Why section inner typography after safe conversion */
    .service-page .idea-why-icon{
      display: flex;
      align-items: center;
      justify-content: center;
      width: 58px;
      height: 58px;
      margin: 0 0 20px !important;
      border-radius: 20px;
      background: rgba(31, 51, 198, 0.08);
      color: var(--idea-primary);
      font-size: 28px;
      line-height: 1;
    }
    
    .service-page .idea-why-card-title{
      margin: 0 0 14px !important;
      color: var(--idea-heading);
      font-size: clamp(20px, 2vw, 24px);
      font-weight: 900;
    }
    
    .service-page .idea-why-card-text{
      margin: 0;
      color: #5d6878;
      font-size: 16px;
      line-height: 1.85;
    }
    
    /* Final CTA inner spacing lock */
    .service-page .idea-final-cta-shell{
      padding: clamp(34px, 5vw, 58px);
      text-align: center;
    }
    
    .service-page .idea-final-cta-shell > .wp-block-heading{
      margin: 0 auto 18px !important;
      max-width: 820px;
      color: #ffffff;
      font-size: clamp(26px, 3vw, 32px);
      font-weight: 950;
    }
    
    .service-page .idea-final-cta-shell > p{
      max-width: 760px;
      margin: 0 auto 28px !important;
      color: rgba(255,255,255,.78);
    }
    
    /* FAQ details stability */
    .service-page .idea-premium-faq details p{
      margin: 0;
      padding: 0 24px 22px;
    }
    
    /* Mobile lock */
    @media (max-width: 768px){
      .service-page .idea-hero-metrics,
      .service-page .idea-trust-tools,
      .service-page .idea-services-grid,
      .service-page .idea-process-columns,
      .service-page .idea-why-layout,
      .service-page .idea-faq-layout,
      .service-page .idea-final-trust{
        gap: 18px !important;
      }
    
      .service-page .idea-final-cta-shell{
        padding: 32px 20px;
      }
    }