/* =========================================================
       VIBRANT, IMAGE-HEAVY, SHAPE-DRIVEN THEME
       ========================================================= */
    body.enterprise-theme {
      background: #F4F7FB; /* Clean, very light blue/white */
      color: #0B1120; /* Deep navy instead of grey */
      overflow-x: hidden;
    }

    /* Navbar Pill */
    .enterprise-theme .navbar {
      background: #ffffff !important;
      backdrop-filter: blur(20px) !important;
      -webkit-backdrop-filter: none !important;
      border: 1px solid rgba(255, 255, 255, 0.5) !important;
      box-shadow: 0 20px 40px rgba(0, 87, 255, 0.05) !important;
      border-radius: 100px !important;
      margin: 0 30px !important;
      width: calc(100% - 60px) !important;
      top: 30px !important;
      padding: 12px 30px !important;
    }
    .enterprise-theme .navbar .nav-link,
    .enterprise-theme .navbar .logo-text { color: #0B1120 !important; }
    .enterprise-theme .navbar .nav-link svg { stroke: #0B1120 !important; }
    .enterprise-theme .navbar .logo-accent { color: #255bbd !important; } 

    /* Text Gradients */
    .text-gradient-vibrant {
      background: linear-gradient(135deg, #255bbd, #00F0FF);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      display: inline-block;
    }

    /* --- HERO SECTION --- */
    .creative-hero {
      position: relative;
      padding: 160px 0 100px;
      overflow: hidden;
      background: linear-gradient(180deg, #E6F0FF 0%, #F4F7FB 100%);
    }

    .hero-container {
      max-width: 1400px;
      margin: 0 auto;
      padding: 0 24px;
      position: relative;
      z-index: 10;
      display: grid;
      grid-template-columns: 1.1fr 0.9fr;
      gap: 60px;
      align-items: center;
    }

    .hero-title {
      font-family: 'Space Grotesk', sans-serif;
      font-size: clamp(40px, 5.5vw, 72px);
      font-weight: 900;
      line-height: 1.2;
      color: #0B1120;
      margin-bottom: 24px;
    }

    /* Dynamic Shapes in Hero */
    .hero-visual-area {
      position: relative;
      height: 600px;
    }
    .hero-main-img {
      width: 80%;
      height: 70%;
      object-fit: cover;
      border-radius: 40px 10px 40px 10px;
      position: absolute;
      top: 10%; left: 0;
      box-shadow: 0 30px 60px rgba(0, 87, 255, 0.2);
      border: 4px solid #FFFFFF;
      z-index: 5;
      animation: float-creative 8s infinite ease-in-out alternate;
    }
    .hero-secondary-img {
      width: 50%;
      height: 50%;
      object-fit: cover;
      border-radius: 50%;
      position: absolute;
      bottom: 0; right: 0;
      box-shadow: 0 20px 40px rgba(0, 87, 255, 0.15);
      border: 4px solid #FFFFFF;
      z-index: 6;
      animation: float-creative 10s infinite ease-in-out alternate-reverse;
    }

    .floating-shape-text {
      position: absolute;
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(10px);
      padding: 16px 24px;
      border-radius: 100px;
      box-shadow: 0 20px 40px rgba(0, 87, 255, 0.1);
      z-index: 10;
      display: flex;
      align-items: center;
      gap: 12px;
      font-family: 'Space Grotesk', sans-serif;
      font-weight: 800;
      color: #255bbd;
      font-size: 1.1rem;
    }
    .fst-1 { top: 10%; right: 0%; animation-delay: -2s; animation: float-bounce 6s infinite alternate; }
    .fst-2 { bottom: 15%; left: 0%; animation-delay: -4s; animation: float-bounce 7s infinite alternate-reverse; }

    @keyframes float-creative {
      0% { transform: translateY(0px); }
      100% { transform: translateY(-20px); }
    }
    @keyframes float-bounce {
      0% { transform: translateY(0px) scale(1); }
      100% { transform: translateY(-15px) scale(1.05); }
    }

    /* Floating Orbs */
    .bg-orb {
      position: absolute;
      border-radius: 50%;
      filter: blur(80px);
      z-index: 1;
      animation: float-orb 15s infinite ease-in-out alternate;
    }
    .orb-blue { width: 40vw; height: 40vw; background: rgba(0, 87, 255, 0.15); top: -10%; right: -5%; }
    .orb-cyan { width: 35vw; height: 35vw; background: rgba(0, 240, 255, 0.15); bottom: -10%; left: -5%; animation-delay: -5s; }

    @keyframes float-orb {
      0% { transform: translate(0, 0) scale(1); }
      100% { transform: translate(5vw, -5vw) scale(1.1); }
    }

    /* --- LAYOUT BLOCKS --- */
    .section-wrap {
      padding: 120px 0;
      position: relative;
      z-index: 10;
    }
    
    .glass-card {
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(20px);
      border: 1px solid #FFFFFF;
      border-radius: 32px;
      padding: 50px;
      box-shadow: 0 20px 40px rgba(0, 87, 255, 0.05);
      transition: transform 0.4s ease, box-shadow 0.4s ease;
      position: relative;
      overflow: hidden;
    }
    .glass-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 30px 60px rgba(0, 87, 255, 0.15);
    }
    
    .section-title {
      font-family: 'Space Grotesk', sans-serif;
      font-size: clamp(32px, 4vw, 56px);
      font-weight: 900;
      color: #0B1120;
      margin-bottom: 20px;
      letter-spacing: -0.02em;
    }
    
    /* Replaced all grey texts with deep navy blue */
    .body-text {
      font-size: 1.15rem;
      color: #1E293B; /* Deep slate/navy, not grey */
      line-height: 1.8;
      margin-bottom: 20px;
      font-weight: 500;
    }

    /* Solutions Grid with Images inside */
    .solutions-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
    }
    
    .solution-card {
      background: #FFFFFF;
      border-radius: 32px;
      padding: 40px;
      box-shadow: 0 20px 40px rgba(0, 87, 255, 0.05);
      border: 1px solid rgba(0,0,0,0.03);
      display: flex;
      flex-direction: column;
      gap: 24px;
      transition: transform 0.3s ease;
      position: relative;
      overflow: hidden;
    }
    .solution-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 30px 60px rgba(0, 240, 255, 0.15);
    }
    .sc-img {
      width: 100%;
      height: 200px;
      object-fit: cover;
      border-radius: 16px;
      transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    }
    .solution-card:hover .sc-img {
      transform: scale(1.08) rotate(-1deg);
    }
    .sc-content h3 { font-size: 1.8rem; font-weight: 900; color: #0B1120; margin-bottom: 12px; font-family: 'Space Grotesk', sans-serif; }
    .sc-content p { color: #1E293B; font-size: 1.1rem; line-height: 1.7; font-weight: 500; }

    /* Process Zigzag Layout */
    .process-step {
      display: flex;
      align-items: center;
      gap: 60px;
      margin-bottom: 60px;
    }
    .process-step:nth-child(even) {
      flex-direction: row-reverse;
    }
    .ps-visual {
      flex: 1;
      position: relative;
    }
    .ps-img {
      width: 100%;
      height: 350px;
      object-fit: cover;
      border-radius: 32px;
      box-shadow: 0 20px 40px rgba(0, 87, 255, 0.1);
      transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    }
    .ps-visual:hover .ps-img {
      transform: scale(1.04) translateY(-10px) rotate(1deg);
      box-shadow: 0 40px 80px rgba(0, 240, 255, 0.25);
    }
    .ps-num-shape {
      position: absolute;
      top: -20px; left: -20px;
      width: 80px; height: 80px;
      background: linear-gradient(135deg, #255bbd, #00F0FF);
      color: white;
      border-radius: 20px;
      display: flex; align-items: center; justify-content: center;
      font-size: 2.5rem; font-weight: 900; font-family: 'Space Grotesk', sans-serif;
      box-shadow: 0 15px 30px rgba(0, 87, 255, 0.3);
      transform: rotate(-10deg);
    }
    .process-step:nth-child(even) .ps-num-shape {
      left: auto; right: -20px; transform: rotate(10deg);
    }
    .ps-content {
      flex: 1;
    }
    .ps-content h3 { font-size: 2.2rem; font-weight: 900; color: #0B1120; margin-bottom: 16px; font-family: 'Space Grotesk', sans-serif; }

    /* List Styles */
    .vibrant-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 16px;
    }
    .vibrant-list li {
      display: flex;
      align-items: center;
      gap: 16px;
      font-size: 1.2rem;
      color: #0B1120;
      font-weight: 700;
      background: #FFFFFF;
      padding: 16px 24px;
      border-radius: 16px;
      box-shadow: 0 10px 20px rgba(0,0,0,0.03);
    }
    .vibrant-list li .v-icon {
      width: 32px; height: 32px;
      background: #00F0FF;
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      color: #0B1120;
    }

    /* Huge Colorful CTA */
    .huge-cta-wrap {
      background: #0B1120;
      color: white;
      padding: 120px 24px 80px;
      position: relative;
      overflow: hidden;
    }
    .cta-glass-panel {
      position: relative;
      z-index: 10;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(0, 240, 255, 0.2);
      backdrop-filter: blur(30px);
      -webkit-backdrop-filter: blur(30px);
      border-radius: 40px;
      padding: 80px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 60px;
      max-width: 1400px;
      margin: 0 auto;
      box-shadow: 0 40px 80px rgba(0, 240, 255, 0.1);
    }
    .cta-left-content {
      flex: 1;
    }
    .cta-right-box {
      flex: 0 0 400px;
      position: relative;
    }
    .cta-right-img {
      width: 100%;
      height: 300px;
      object-fit: cover;
      border-radius: 32px;
      border: 2px solid rgba(0, 240, 255, 0.5);
      animation: float-creative 6s infinite ease-in-out alternate;
    }

    /* --- ANIMATIONS --- */
    .reveal-up {
      opacity: 0;
      transform: translateY(40px);
      transition: opacity 0.8s ease-out, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .reveal-visible {
      opacity: 1;
      transform: translateY(0);
    }

    @media (max-width: 1024px) {
      .hero-container, .process-step { flex-direction: column; }
      .solutions-grid { grid-template-columns: 1fr; }
      .cta-glass-panel { flex-direction: column; padding: 40px 24px; text-align: center; }
      .cta-right-box { width: 100%; }
      .hero-visual-area { height: 400px; width: 100%; }
    }
  
      section.seo-hero .container,
      section.seo-solutions .container,
      section.seo-choose .container,
      section.seo-process .container,
      section.seo-massive-cta .container,
      section.seo-final-cta .container {
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
      }

      .seo-hero { position: relative; padding: 180px 1cm 100px 1cm; background: linear-gradient(135deg, #F0F4FF 0%, #E6E6FA 100%); overflow: hidden; }
      .seo-hero h1 { font-family: 'Space Grotesk', sans-serif; font-size: clamp(40px, 5.5vw, 72px); font-weight: 900; color: #1A237E; line-height: 1.1; margin-bottom: 20px; }
      .seo-hero p { font-size: 1.15rem; color: #3949AB; line-height: 1.8; margin-bottom: 30px; }
      
      /* Rocket Animation */
      .rocket-container { position: absolute; right: 5%; bottom: 0; width: 600px; height: 600px; z-index: 5; pointer-events: none; }
      .chart-path { stroke-dasharray: 2000; stroke-dashoffset: 2000; animation: drawChart 4s ease-out infinite; }
      .seo-rocket { position: absolute; width: 120px; height: 120px; left: 0; bottom: 0; animation: blastOff 4s ease-in infinite; filter: drop-shadow(0 20px 20px rgba(0,0,0,0.3)); }
      
      @keyframes drawChart {
        0% { stroke-dashoffset: 2000; }
        50%, 100% { stroke-dashoffset: 0; }
      }
      @keyframes blastOff {
        0% { transform: translate(0, 0) rotate(15deg) scale(0.8); opacity: 0; }
        10% { opacity: 1; transform: translate(60px, -60px) rotate(30deg) scale(1); }
        40% { opacity: 1; transform: translate(300px, -300px) rotate(45deg) scale(1.2); }
        50% { opacity: 0; transform: translate(600px, -600px) rotate(45deg) scale(1.5); }
        100% { opacity: 0; transform: translate(600px, -600px); }
      }

      /* Sections */
      .seo-solutions { padding: 100px 1cm; background: #FFFFFF; }
      .sol-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 50px; }
      .sol-card { padding: 40px; border-radius: 20px; background: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.95)), url('https://images.unsplash.com/photo-1620712943543-bcc4688e7485?q=80&w=800&auto=format&fit=crop') center/cover; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); border-top: 5px solid #255bbd; position: relative; overflow: hidden; z-index: 1; }
      .sol-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%); transform: skewX(-25deg); z-index: -1; transition: left 0.6s ease; }
      .sol-card:hover::before { left: 150%; }
      .sol-card:hover { transform: translateY(-12px) scale(1.02); box-shadow: 0 25px 50px rgba(0,87,255,0.2); }
      .sol-icon { width: 50px; height: 50px; margin-bottom: 20px; color: #255bbd; transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); }
      .sol-card:hover .sol-icon { transform: scale(1.25) rotate(10deg); }

      .empty-space-anim { display: flex; align-items: center; justify-content: center; position: relative; min-height: 250px; grid-column: auto; }
      .seo-chart-anim { width: 120px; height: 120px; filter: drop-shadow(0 20px 20px rgba(0,0,0,0.1)); animation: floatUpDown 4s ease-in-out infinite; }
      .seo-mag-anim { width: 80px; height: 80px; position: absolute; filter: drop-shadow(0 10px 10px rgba(0,0,0,0.2)); animation: circleScan 5s linear infinite; }
      @keyframes floatUpDown { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } }
      @keyframes circleScan { 0% { transform: rotate(0deg) translateX(100px) rotate(0deg); } 100% { transform: rotate(360deg) translateX(100px) rotate(-360deg); } }
      
      @media (min-width: 1200px) {
        .empty-space-anim { grid-column: span 2; }
      }

      .seo-choose { padding: 100px 1cm; background: #F8FAFC; }
      .choose-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
      .check-list { list-style: none; padding: 0; }
      .check-list li { font-size: 1.2rem; font-weight: 600; color: #1E293B; margin-bottom: 20px; display: flex; align-items: center; }
      .check-list li svg { margin-right: 15px; color: #1E3A8A; flex-shrink: 0; }

      .seo-process { padding: 100px 1cm 20px; background: #0F172A; color: #FFF; }
      .timeline-wrap { position: relative; max-width: 800px; margin: 60px auto 0; padding-left: 40px; }
      .timeline-wrap::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: rgba(0,240,255,0.1); border-radius: 4px; }
      .timeline-wrap::after { content: ''; position: absolute; left: 0; top: 0; height: var(--light-pos, 0%); width: 4px; background: linear-gradient(180deg, #255bbd, #00F0FF); border-radius: 4px; transition: height 0.1s ease-out; box-shadow: 0 0 15px #00F0FF; }
      .scroll-light {
        position: absolute;
        left: -8px;
        width: 20px;
        height: 20px;
        background: #FFF;
        border-radius: 50%;
        box-shadow: 0 0 20px 10px #00F0FF, 0 0 40px 20px #255bbd;
        z-index: 10;
        top: var(--light-pos, 0%);
        transition: top 0.1s ease-out;
        transform: translateY(-50%);
      }
      .timeline-item { position: relative; margin-bottom: 60px; }
      .timeline-item::before { content: ''; position: absolute; left: -49px; top: 0; width: 22px; height: 22px; background: #00F0FF; border: 4px solid #0F172A; border-radius: 50%; box-shadow: 0 0 20px rgba(0,240,255,0.5); }
      .timeline-item h3 { color: #00F0FF; margin-bottom: 10px; font-size: 1.5rem; }

      .seo-cta { padding: 120px 1cm; background: linear-gradient(135deg, #255bbd 0%, #7B1FA2 100%); text-align: center; color: #FFF; }
      .seo-cta h2 { font-size: 3rem; font-weight: 900; margin-bottom: 20px; font-family: 'Space Grotesk', sans-serif; }
      
      @media (max-width: 991px) {
        .rocket-container { display: none; }
        .choose-grid { grid-template-columns: 1fr; }
      }
      .seo-final-cta { padding: 120px 1cm; background: #F8FAFC; overflow: hidden; perspective: 1200px; }
      .laptop-mockup {
        position: relative;
        width: 1000px;
        max-width: 100%;
        margin: 0 auto;
        transform: rotateX(15deg) scale(0.95);
        transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
        transform-style: preserve-3d;
      }
      .laptop-mockup:hover {
        transform: rotateX(0deg) scale(1) translateY(-10px);
      }
      .laptop-screen {
        background: #0B1120;
        border: 18px solid #1E293B;
        border-radius: 20px 20px 0 0;
        padding: 80px 40px;
        position: relative;
        box-shadow: 0 30px 60px rgba(0,0,0,0.4);
        text-align: center;
        overflow: hidden;
        z-index: 2;
      }
      .laptop-screen::after {
        content: ''; position: absolute; top: 0; left: -50%; width: 200%; height: 100%; background: linear-gradient(to bottom right, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%); pointer-events: none; z-index: 5;
      }
      .laptop-base {
        height: 25px;
        background: #94A3B8;
        border-radius: 0 0 20px 20px;
        position: relative;
        width: 110%;
        left: -5%;
        box-shadow: inset 0 -5px 15px rgba(0,0,0,0.4), 0 30px 50px rgba(0,0,0,0.2);
        z-index: 3;
      }
      .laptop-base::before {
        content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 140px; height: 6px; background: #64748B; border-radius: 0 0 6px 6px;
      }
      .laptop-cta-btn {
        display: inline-block; padding: 20px 50px; background: linear-gradient(90deg, #255bbd, #00F0FF); color: #FFF; font-weight: 900; font-size: 1.2rem; border-radius: 100px; text-decoration: none; box-shadow: 0 10px 30px rgba(0,240,255,0.4); transition: transform 0.3s, box-shadow 0.3s; position: relative; z-index: 10;
      }
      .laptop-cta-btn:hover {
        transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,240,255,0.6); color: #FFF;
      }
      .screen-glow-1 {
        position: absolute; width: 400px; height: 400px; background: #255bbd; border-radius: 50%; filter: blur(120px); top: -150px; left: -150px; opacity: 0.4; z-index: 1; animation: floatGlow 6s infinite alternate;
      }
      .screen-glow-2 {
        position: absolute; width: 400px; height: 400px; background: #00F0FF; border-radius: 50%; filter: blur(120px); bottom: -150px; right: -150px; opacity: 0.4; z-index: 1; animation: floatGlow 8s infinite alternate-reverse;
      }
      @keyframes floatGlow {
        0% { transform: translate(0, 0); }
        100% { transform: translate(50px, 50px); }
      }
      @media (max-width: 768px) {
        .laptop-base { width: 100%; left: 0; border-radius: 0; }
        .laptop-screen { border-width: 10px; padding: 50px 20px; border-radius: 10px 10px 0 0; }
        .laptop-mockup { transform: rotateX(0deg) scale(1); }
      }
      .cta-wave { position: absolute; top: -1px; left: 0; width: 100%; height: 100px; z-index: 5; }
      .seo-massive-cta {
        position: relative;
        padding: 110px 1cm 160px;
        background: linear-gradient(135deg, #255bbd, #00F0FF);
        color: #FFF;
        overflow: hidden;
      }
      .seo-massive-cta::before {
        content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('data:image/svg+xml;utf8,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><circle cx="2" cy="2" r="2" fill="rgba(255,255,255,0.1)"/></svg>'); z-index: 1;
      }
      .seo-massive-cta .container { position: relative; z-index: 10; max-width: 1000px; margin: 0 auto; }
      .massive-title { font-size: 4rem; font-weight: 900; margin-bottom: 30px; font-family: 'Space Grotesk', sans-serif; text-shadow: 0 10px 20px rgba(0,0,0,0.2); }
      .massive-text-box p { font-size: 1.35rem; line-height: 1.8; margin-bottom: 25px; opacity: 0.95; font-weight: 500; }
      .massive-btn {
        display: inline-block; margin-top: 20px; padding: 25px 60px; background: #FFF; color: #255bbd; font-weight: 900; font-size: 1.4rem; border-radius: 100px; text-decoration: none; box-shadow: 0 20px 40px rgba(0,0,0,0.3); transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s;
      }
      .massive-btn:hover { transform: translateY(-10px) scale(1.05); box-shadow: 0 30px 60px rgba(0,0,0,0.4); color: #255bbd; }
      .particle { position: absolute; border-radius: 50%; background: rgba(255,255,255,0.2); animation: floatUp 10s infinite linear; pointer-events: none; }
      .p1 { width: 100px; height: 100px; bottom: -100px; left: 10%; animation-duration: 12s; }
      .p2 { width: 200px; height: 200px; bottom: -200px; left: 40%; animation-duration: 18s; animation-delay: 2s; }
      .p3 { width: 50px; height: 50px; bottom: -50px; right: 20%; animation-duration: 8s; animation-delay: 5s; }
      .p4 { width: 150px; height: 150px; bottom: -150px; right: 5%; animation-duration: 15s; }
      @keyframes floatUp {
        0% { transform: translateY(0) rotate(0deg); opacity: 0; }
        20% { opacity: 1; }
        80% { opacity: 1; }
        100% { transform: translateY(-1000px) rotate(360deg); opacity: 0; }
      }
      @media (max-width: 768px) {
        .massive-title { font-size: 2.5rem; }
        .massive-text-box p { font-size: 1.15rem; }
      .seo-massive-cta { padding: 100px 20px; }
      }
    
/* --- GLOBAL MOBILE OPTIMIZATION PATCH --- */
@media (max-width: 768px) {
  /* Fix container paddings */
  section, .container, .container-balanced, .container-expanded, .main-content, .hero-container, .content-wrapper {
    padding-left: 15px !important;
    padding-right: 15px !important;
    min-width: 0 !important;
  }
  
  /* Reset rigid min-widths causing overflow or squishing */
  [style*="min-width"], .bento-card, .glass-card, .r-card, .step-card, .folder-box, .glass-box {
    min-width: 0 !important;
    width: 100% !important;
  }
  
  /* Force inline flex containers to wrap */
  [style*="display: flex"] {
    flex-wrap: wrap !important;
  }
  
  /* Force common grid/flex layouts to stack vertically */
  .hero-bubble-layout, .bento-container, .glass-grid, .retail-grid, .hero-container, .zig-zag-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 30px !important;
  }
  
  /* Reduce massive padding inside cards and CTA sections */
  .bento-card, .glass-card, .r-card, .step-card, .folder-box, .bento-glass, .glass-box, .massive-cta, .cta-glass-panel, .retail-cta, .r-cta-content {
    padding: 25px 20px !important;
  }
  
  /* Fix overlapping absolute elements in hero sections (e.g., Shopify page) */
  section > div > div[style*="position: relative; width: 100%; display: flex"] {
    flex-direction: column !important;
    gap: 30px !important;
  }
  
  /* Avoid giant box shadows pushing width */
  .folder-box, .glass-card, .step-card, .bento-card {
    box-shadow: 5px 5px 15px rgba(0,0,0,0.05) !important;
  }
}

/* --- MOBILE FIX FOR HERO ELEMENTS --- */
@media (max-width: 768px) {
  .floating-stat, .hero-img-box, .deco-star, .pr-float-orb, .py-why-graphics {
    z-index: 1 !important;
  }
  .hero-intro-text {
    position: relative !important;
    z-index: 10 !important;
    background: #ffffff !important;
  }
}