/** Shopify CDN: Minification failed

Line 522:5 Unexpected "@media"
Line 527:2 Expected identifier but found "+"
Line 528:7 Unexpected "@media"
Line 533:2 Expected identifier but found "+"
Line 534:7 Unexpected "@media"
Line 539:2 Expected identifier but found "+"
Line 541:2 Unexpected "-"
Line 542:2 Unexpected "-"
Line 549:2 Unexpected "-"
Line 550:2 Unexpected "-"
... and 8 more hidden warnings

**/
/* Disable search */

.header__search {
  display: none !important;
}




/* =============================
   Mobile – Dark liquid-glass pills for category/tags
   ============================= */
@media (max-width: 767px) {
  .adacted-category-pill,
  .adacted-bestsellers__category-pill,
  .adacted-bestsellers__pill,
  .adacted-card__category-pill,
  .adacted-product-card__category-pill,
  .adacted-pills .pill,
  .adacted-category-tag,
  .adacted-tag-pill {
    background: rgba(18, 20, 29, 0.72) !important; /* dark liquid glass */
    border-radius: 999px !important;
    backdrop-filter: blur(8px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(8px) saturate(120%) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    font-size: 0.6rem;
  }

  /* tighten gaps if pills are in a flex row */
  .adacted-pills,
  .adacted-bestsellers__pills,
  .adacted-category-pills {
    gap: 0.4rem !important;
  }
}
/* ==========================================================================
   SOFIA SANS FONT DECLARATIONS START
   ========================================================================== */

@font-face {
    font-family: 'Sofia Sans';
    font-style: normal;
    font-weight: 300;
    src: url('SofiaSans-Light.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Sans';
    font-style: normal;
    font-weight: 400;
    src: url('SofiaSans-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Sans';
    font-style: normal;
    font-weight: 500;
    src: url('SofiaSans-Medium.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Sans';
    font-style: normal;
    font-weight: 700;
    src: url('SofiaSans-Bold.ttf') format('truetype');
    font-display: swap;
}

/* ==========================================================================
   SOFIA SANS FONT DECLARATIONS END
   ========================================================================== */

/* ==========================================================================
   GLOBAL ADACTED FONT SIZING SYSTEM
   ========================================================================== */

    /* Global Font Size CSS Variables are now defined in snippets/adacted-global-css-variables.liquid */

    /* Global Font Size Classes - Use these classes throughout all Adacted sections */
    
    /* Hero Title Class - For main hero headings and primary titles */
    .adacted-font-hero-title {
        font-size: var(--adacted-hero-title-size) !important;
        line-height: var(--adacted-hero-title-line-height) !important;
        font-weight: 700;
        font-family: 'Sofia Sans', sans-serif;
    }

    /* Section Title Class - For section headings and sub-hero titles */
    .adacted-font-section-title {
        font-size: var(--adacted-section-title-size) !important;
        line-height: var(--adacted-section-title-line-height) !important;
        font-weight: 600;
        font-family: 'Sofia Sans', sans-serif;
    }

    /* Subtitle Class - For content headings and medium-sized text */
    .adacted-font-subtitle {
        font-size: var(--adacted-subtitle-size) !important;
        line-height: var(--adacted-subtitle-line-height) !important;
        font-weight: 500;
        font-family: 'Sofia Sans', sans-serif;
    }

    /* Paragraph Class - For body text, descriptions, and paragraph content */
    .adacted-font-paragraph {
        font-size: var(--adacted-paragraph-size) !important;
        line-height: var(--adacted-paragraph-line-height) !important;
        font-weight: 400;
        font-family: 'Sofia Sans', sans-serif;
    }

    /* Accent Text Class - For small labels, captions, and accent text (stats, labels) */
    .adacted-font-accent {
        font-size: var(--adacted-accent-size) !important;
        line-height: var(--adacted-accent-line-height) !important;
        font-weight: 500;
        font-family: 'Sofia Sans', sans-serif;
    }

    /* Accent 2 Text Class - For secondary accent text (popups, feature text) */
    .adacted-font-accent2 {
        font-size: var(--adacted-accent2-size) !important;
        line-height: var(--adacted-accent2-line-height) !important;
        font-weight: 500;
        font-family: 'Sofia Sans', sans-serif;
    }

    /* Responsive scaling for tablet devices (768px - 1023px) */
    @media (min-width: 768px) and (max-width: 1023px) {
        .adacted-font-hero-title {
            font-size: calc(var(--adacted-hero-title-size) * var(--tablet-scale) / 100) !important;
        }
        
        .adacted-font-section-title {
            font-size: calc(var(--adacted-section-title-size) * var(--tablet-scale) / 100) !important;
        }
        
        .adacted-font-subtitle {
            font-size: calc(var(--adacted-subtitle-size) * var(--tablet-scale) / 100) !important;
        }
        
        .adacted-font-paragraph {
            font-size: calc(var(--adacted-paragraph-size) * var(--tablet-scale) / 100) !important;
        }
        
        .adacted-font-accent {
            font-size: calc(var(--adacted-accent-size) * var(--tablet-scale) / 100) !important;
        }
        
        .adacted-font-accent2 {
            font-size: calc(var(--adacted-accent2-size) * var(--tablet-scale) / 100) !important;
        }
    }

    /* Responsive scaling for mobile devices (below 768px) */
    @media (max-width: 767px) {
        .adacted-font-hero-title {
            font-size: calc(var(--adacted-hero-title-size) * var(--mobile-scale) / 100) !important;
            /* Adjust line-height slightly for mobile readability */
            line-height: calc(var(--adacted-hero-title-line-height) + 0.1) !important;
        }
        
        .adacted-font-section-title {
            font-size: calc(var(--adacted-section-title-size) * var(--mobile-scale) / 100) !important;
            line-height: calc(var(--adacted-section-title-line-height) + 0.1) !important;
        }
        
        .adacted-font-subtitle {
            font-size: calc(var(--adacted-subtitle-size) * var(--mobile-scale) / 100) !important;
            line-height: calc(var(--adacted-subtitle-line-height) + 0.1) !important;
        }
        
        .adacted-font-paragraph {
            font-size: calc(var(--adacted-paragraph-size) * var(--mobile-scale) / 100) !important;
            line-height: calc(var(--adacted-paragraph-line-height) + 0.1) !important;
        }
        
        .adacted-font-accent {
            font-size: calc(var(--adacted-accent-size) * var(--mobile-scale) / 100) !important;
            line-height: calc(var(--adacted-accent-line-height) + 0.1) !important;
        }
        
        .adacted-font-accent2 {
            font-size: calc(var(--adacted-accent2-size) * var(--mobile-scale) / 100) !important;
            line-height: calc(var(--adacted-accent2-line-height) + 0.1) !important;
        }
    }

/* ==========================================================================
   ADACTED HERO SECTION CSS START
   ========================================================================== */

    
    /* Unified gradient text styling for all headings */
    .adacted-gradient-text {
    background: linear-gradient(to right, var(--gradient-color-from, #bd79fc), var(--gradient-color-to, #ec4899));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    }

    /* Emoji exclusion from gradient text effect */
    .adacted-gradient-text .emoji-exclude {
    -webkit-text-fill-color: initial !important;
    background: none !important;
    color: inherit !important;
    display: inline !important;
    }

    .adacted-paragraph {
    /* Old class - font-size removed, now use .adacted-font-paragraph instead */
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 1.5rem;
    }

    .adacted-hero {
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    font-family: 'Sofia Sans', sans-serif;
    color: #ffffff;
    z-index: 1;
    background-image: var(--hero-background-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    }

    .adacted-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--gradient-color-from, #9333ea)22, var(--gradient-color-to, #ec4899)22);
    z-index: -1;
    }

    .adacted-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, 
        rgba(18, 20, 30, 0) 0%, 
        rgba(18, 20, 30, 0.2) 50%,
        rgba(18, 20, 30, 0.8) 85%,
        rgba(18, 20, 30, 1) 100%
    );
    z-index: -1;
    }

    .adacted-hero__background {
    display: none;
    }

    /* Mobile-only gradient background support injected by section data attributes */
    @media (max-width: 480px) {
    .adacted-hero[data-mobile-gradient-init="true"] {
        background-image: none !important;
    }
    .adacted-hero[data-mobile-gradient-init="true"][data-mobile-gradient-type="linear"] {
        background-image: linear-gradient(var(--mobile-gradient-angle), var(--mobile-gradient-from-stop), var(--mobile-gradient-to-stop)) !important;
    }
    .adacted-hero[data-mobile-gradient-init="true"][data-mobile-gradient-type="radial"] {
        background-image: radial-gradient(circle at center, var(--mobile-gradient-from-stop), var(--mobile-gradient-to-stop)) !important;
    }
    .adacted-hero[data-mobile-gradient-init="true"] .adacted-hero__black-overlay {
        display: block !important;
        background: var(--mobile-gradient-overlay-color) !important;
        opacity: calc(var(--mobile-gradient-overlay-opacity) / 100) !important;
    }
    }

    .adacted-hero__container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2.5rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 4rem;
    }

    @media (min-width: 768px) {
    .adacted-hero__container {
        grid-template-columns: 1.2fr 0.8fr;
        align-items: center;
    }
    }

    .adacted-hero__content {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
    max-width: 100%;
    }

    .adacted-hero__title {
    /* font-size removed - now controlled by .adacted-font-hero-title */
    font-weight: 700;
    margin: 0;
    color: white;
    font-family: 'Sofia Sans', sans-serif;
    }

    /* Gradient text toggles for hero title */
    .adacted-hero__title--gradient-desktop {
      background-image: linear-gradient(90deg, var(--gradient-color-from, #bd79fc), var(--gradient-color-to, #ec4899));
      -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    }
    @media (max-width: 480px) {
      .adacted-hero__title--gradient-desktop { -webkit-text-fill-color: inherit; background: none; }
    }
    @media (max-width: 480px) {
      .adacted-hero__title--gradient-mobile {
        background-image: linear-gradient(90deg, var(--gradient-color-from, #bd79fc), var(--gradient-color-to, #ec4899));
        -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
      }
    }

    .adacted-hero__subtitle {
    /* font-size removed - now controlled by .adacted-font-section-title */
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    max-width: 700px;
    }

    .adacted-hero__description {
    margin-top: 0.5rem;
    /* font-size removed - now controlled by .adacted-font-paragraph */
    color: rgba(255, 255, 255, 0.8);
    max-width: 700px;
    line-height: 1.6;
    }

    .adacted-hero__cta {
    margin-top: 1rem;
    width: 100%;
    max-width: 73%;
    }

    .adacted-hero__cta:hover {
    /* All hover effects now handled by .adacted-button */
    }

    /* Apply the global button styles to hero CTA */
    .adacted-hero__cta {
    composes: adacted-button;
    }

    .adacted-hero__animation {
    position: relative;
    width: 115%;
    height: 115%;
    min-height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(1.15);
    }

    dotlottie-player {
    width: 115% !important;
    height: 115% !important;
    min-height: 520px;
    }

    /* Feature Popup Animation Styles */
    .adacted-hero__features-container {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 1000px;
    transform-style: preserve-3d;
    padding-inline: clamp(16px, 4vw, 56px);
    /* container scale to compress vertical spacing on narrower desktops */
    --feature-vertical-scale: 1;
    row-gap: calc(24px * var(--feature-vertical-scale));
    }

    /* gradually compress vertical spacing as viewport narrows (desktop only) */
    @media (max-width: 1536px) { .adacted-hero__features-container { --feature-vertical-scale: 0.95; } }
    @media (max-width: 1440px) { .adacted-hero__features-container { --feature-vertical-scale: 0.90; } }
    @media (max-width: 1366px) { .adacted-hero__features-container { --feature-vertical-scale: 0.86; } }
    @media (max-width: 1280px) { .adacted-hero__features-container { --feature-vertical-scale: 0.82; } }
    @media (max-width: 1200px) { .adacted-hero__features-container { --feature-vertical-scale: 0.78; } }
    @media (max-width: 1120px) { .adacted-hero__features-container { --feature-vertical-scale: 0.74; } }

    .adacted-feature-popup {
    position: absolute;
    width: 340px; /* base desktop width - placements unchanged */
    max-width: calc(100% - 48px);
    box-sizing: border-box;
    opacity: 1;
    /* shift up a bit as text scales down to reduce vertical gaps */
    --popup-text-scale: 1;
    --popup-spacing-shift: calc((1 - var(--popup-text-scale)) * -48px);
    transform: translateY(var(--popup-spacing-shift)) scale(1);
    transition: all 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    filter: drop-shadow(0 10px 25px rgba(0, 0, 0, 0.15));
    z-index: 5;
    }

    /* Desktop tightening in small increments (no placement changes) */
    @media (max-width: 1680px), (max-height: 900px) { .adacted-feature-popup { width: 330px; } }
    @media (max-width: 1536px), (max-height: 840px) { .adacted-feature-popup { width: 320px; } }
    @media (max-width: 1440px), (max-height: 800px) { .adacted-feature-popup { width: 305px; } }
    @media (max-width: 1366px), (max-height: 760px) { .adacted-feature-popup { width: 292px; } }
    @media (max-width: 1280px), (max-height: 720px) { .adacted-feature-popup { width: 280px; } }
    @media (max-width: 1200px), (max-height: 700px) { .adacted-feature-popup { width: 270px; } }
    @media (max-width: 1120px), (max-height: 680px) { .adacted-feature-popup { width: 260px; } }
    @media (max-width: 1080px), (max-height: 660px) { .adacted-feature-popup { width: 252px; } }
    @media (max-width: 1024px), (max-height: 640px) { .adacted-feature-popup { width: 244px; } }

    /* Desktop position tightening (top increases as viewport narrows) */
    @media (max-width: 1680px), (max-height: 900px) { .adacted-feature-popup--1 { top: 6% !important; left: 10% !important; } }
    @media (max-width: 1536px), (max-height: 840px) { .adacted-feature-popup--1 { top: 6.5% !important; left: 10.5% !important; } }
    @media (max-width: 1440px), (max-height: 800px) { .adacted-feature-popup--1 { top: 7% !important; left: 11% !important; } }
    @media (max-width: 1366px), (max-height: 760px) { .adacted-feature-popup--1 { top: 7.5% !important; left: 11.5% !important; } }
    @media (max-width: 1280px), (max-height: 720px) { .adacted-feature-popup--1 { top: 8% !important; left: 12% !important; } }
    @media (max-width: 1200px), (max-height: 700px) { .adacted-feature-popup--1 { top: 8.5% !important; left: 12.5% !important; } }
    @media (max-width: 1120px), (max-height: 680px) { .adacted-feature-popup--1 { top: 9% !important; left: 13% !important; } }
    @media (max-width: 1080px), (max-height: 660px) { .adacted-feature-popup--1 { top: 9.5% !important; left: 13% !important; } }
    @media (max-width: 1024px), (max-height: 640px) { .adacted-feature-popup--1 { top: 10% !important; left: 13.5% !important; } }

    @media (max-width: 1680px), (max-height: 900px) { .adacted-feature-popup--2 { top: 26% !important; right: 15% !important; } }
    @media (max-width: 1536px), (max-height: 840px) { .adacted-feature-popup--2 { top: 27% !important; right: 16% !important; } }
    @media (max-width: 1440px), (max-height: 800px) { .adacted-feature-popup--2 { top: 28% !important; right: 17% !important; } }
    @media (max-width: 1366px), (max-height: 760px) { .adacted-feature-popup--2 { top: 29% !important; right: 18% !important; } }
    @media (max-width: 1280px), (max-height: 720px) { .adacted-feature-popup--2 { top: 30% !important; right: 19% !important; } }
    @media (max-width: 1200px), (max-height: 700px) { .adacted-feature-popup--2 { top: 31% !important; right: 20% !important; } }
    @media (max-width: 1120px), (max-height: 680px) { .adacted-feature-popup--2 { top: 32% !important; right: 21% !important; } }
    @media (max-width: 1080px), (max-height: 660px) { .adacted-feature-popup--2 { top: 33% !important; right: 22% !important; } }
    @media (max-width: 1024px), (max-height: 640px) { .adacted-feature-popup--2 { top: 34% !important; right: 23% !important; } }

    @media (max-width: 1680px), (max-height: 900px) { .adacted-feature-popup--3 { top: 46% !important; left: 8% !important; } }
    @media (max-width: 1536px), (max-height: 840px) { .adacted-feature-popup--3 { top: 47% !important; left: 8.5% !important; } }
    @media (max-width: 1440px), (max-height: 800px) { .adacted-feature-popup--3 { top: 48% !important; left: 9% !important; } }
    @media (max-width: 1366px), (max-height: 760px) { .adacted-feature-popup--3 { top: 49% !important; left: 9.5% !important; } }
    @media (max-width: 1280px), (max-height: 720px) { .adacted-feature-popup--3 { top: 50% !important; left: 10% !important; } }
    @media (max-width: 1200px), (max-height: 700px) { .adacted-feature-popup--3 { top: 51% !important; left: 10.5% !important; } }
    @media (max-width: 1120px), (max-height: 680px) { .adacted-feature-popup--3 { top: 52% !important; left: 11% !important; } }
    @media (max-width: 1080px), (max-height: 660px) { .adacted-feature-popup--3 { top: 53% !important; left: 11.5% !important; } }
    @media (max-width: 1024px), (max-height: 640px) { .adacted-feature-popup--3 { top: 54% !important; left: 12% !important; } }

    @media (max-width: 1680px), (max-height: 900px) { .adacted-feature-popup--4 { top: 66% !important; right: 15% !important; } }
    @media (max-width: 1536px), (max-height: 840px) { .adacted-feature-popup--4 { top: 67% !important; right: 15.5% !important; } }
    @media (max-width: 1440px), (max-height: 800px) { .adacted-feature-popup--4 { top: 68% !important; right: 16% !important; } }
    @media (max-width: 1366px), (max-height: 760px) { .adacted-feature-popup--4 { top: 69% !important; right: 16.5% !important; } }
    @media (max-width: 1280px), (max-height: 720px) { .adacted-feature-popup--4 { top: 70% !important; right: 17% !important; } }
    @media (max-width: 1200px), (max-height: 700px) { .adacted-feature-popup--4 { top: 71% !important; right: 18% !important; } }
    @media (max-width: 1120px), (max-height: 680px) { .adacted-feature-popup--4 { top: 72% !important; right: 19% !important; } }
    @media (max-width: 1080px), (max-height: 660px) { .adacted-feature-popup--4 { top: 73% !important; right: 19% !important; } }
    @media (max-width: 1024px), (max-height: 640px) { .adacted-feature-popup--4 { top: 74% !important; right: 20% !important; } }

    /* Matched text/padding scaling */
    @media (max-width: 1680px), (max-height: 900px) { .adacted-feature-popup { --popup-text-scale: 0.98; } }
    @media (max-width: 1536px), (max-height: 840px) { .adacted-feature-popup { --popup-text-scale: 0.96; } }
    @media (max-width: 1440px), (max-height: 800px) { .adacted-feature-popup { --popup-text-scale: 0.94; } }
    @media (max-width: 1366px), (max-height: 760px) { .adacted-feature-popup { --popup-text-scale: 0.92; } }
    @media (max-width: 1280px), (max-height: 720px) { .adacted-feature-popup { --popup-text-scale: 0.90; } }
    @media (max-width: 1200px), (max-height: 700px) { .adacted-feature-popup { --popup-text-scale: 0.88; } }
    @media (max-width: 1120px), (max-height: 680px) { .adacted-feature-popup { --popup-text-scale: 0.86; } }
    @media (max-width: 1080px), (max-height: 660px) { .adacted-feature-popup { --popup-text-scale: 0.84; } }
    @media (max-width: 1024px), (max-height: 640px) { .adacted-feature-popup { --popup-text-scale: 0.82; } }


    @media (max-height: 750px) { 
      .adacted-feature-popup--1 { top: 12% !important; left: 11.5% !important; }
      .adacted-feature-popup--2 { top: 30% !important; right: 18% !important; }
      .adacted-feature-popup--3 { top: 46% !important; left: 9.5% !important; }
      .adacted-feature-popup--4 { top: 62% !important; right: 16.5% !important; }
      .adacted-font-hero-title { font-size: calc(var(--adacted-hero-title-size) * 0.9) !important; }
    }

    /* Height-constrained desktops/tablets: shrink popups based on viewport height */
    @media (max-height: 900px) and (min-width: 768px) {
      .adacted-feature-popup { --popup-text-scale: 0.92 !important; width: calc(340px * 0.92) !important; }
    }
    @media (max-height: 840px) and (min-width: 768px) {
      .adacted-feature-popup { --popup-text-scale: 0.88 !important; width: calc(340px * 0.88) !important; }
    }
    @media (max-height: 800px) and (min-width: 768px) {
      .adacted-feature-popup { --popup-text-scale: 0.85 !important; width: calc(340px * 0.85) !important; }
    }
    @media (max-height: 760px) and (min-width: 768px) {
      .adacted-feature-popup { --popup-text-scale: 0.82 !important; width: calc(340px * 0.82) !important; }
    }
    @media (max-height: 720px) and (min-width: 768px) {
      .adacted-feature-popup { --popup-text-scale: 0.78 !important; width: calc(340px * 0.78) !important; }
    }


/* Desktop/Tablet responsive scaling for stats (mobile has its own rules below) */
+    @media (max-width: 1920px) and (min-width: 768px) {
  +      .adacted-hero__stats { gap: 1.9rem !important; }
  +      .adacted-hero__stat { padding: 1.2rem 1.35rem !important; min-width: 146px; }
  +      .adacted-hero__stat-value { font-size: 1.85rem !important; }
  +      .adacted-hero__stat-label { font-size: 1rem !important; }
  +    }
  +    @media (max-width: 1680px) and (min-width: 768px) {
  +      .adacted-hero__stats { gap: 1.8rem !important; }
  +      .adacted-hero__stat { padding: 1.15rem 1.3rem !important; min-width: 142px; }
  +      .adacted-hero__stat-value { font-size: 1.8rem !important; }
  +      .adacted-hero__stat-label { font-size: 0.98rem !important; }
  +    }
  +    @media (max-width: 1600px) and (min-width: 768px) {
  +      .adacted-hero__stats { gap: 1.7rem !important; }
  +      .adacted-hero__stat { padding: 1.12rem 1.28rem !important; min-width: 141px; }
  +      .adacted-hero__stat-value { font-size: 1.78rem !important; }
  +      .adacted-hero__stat-label { font-size: 0.97rem !important; }
  +    }
       @media (max-width: 1536px) and (min-width: 768px) {
  -      .adacted-hero__stats { gap: 1.75rem; }
  -      .adacted-hero__stat { padding: 1.1rem 1.25rem; min-width: 140px; }
  +      .adacted-hero__stats { gap: 1.75rem !important; }
  +      .adacted-hero__stat { padding: 1.1rem 1.25rem !important; min-width: 140px; }
         .adacted-hero__stat-value { font-size: 1.75rem !important; }
         .adacted-hero__stat-label { font-size: 0.95rem !important; }
       }
       @media (max-width: 1366px) and (min-width: 768px) {
  -      .adacted-hero__stats { gap: 1.5rem; }
  -      .adacted-hero__stat { padding: 1rem 1.1rem; min-width: 132px; }
  +      .adacted-hero__stats { gap: 1.5rem !important; }
  +      .adacted-hero__stat { padding: 1rem 1.1rem !important; min-width: 132px; }
         .adacted-hero__stat-value { font-size: 1.6rem !important; }
         .adacted-hero__stat-label { font-size: 0.9rem !important; }
       }
       @media (max-width: 1280px) and (min-width: 768px) {
  -      .adacted-hero__stats { gap: 1.35rem; }
  -      .adacted-hero__stat { padding: 0.9rem 1rem; min-width: 124px; }
  +      .adacted-hero__stats { gap: 1.35rem !important; }
  +      .adacted-hero__stat { padding: 0.9rem 1rem !important; min-width: 124px; }
         .adacted-hero__stat-value { font-size: 1.5rem !important; }
         .adacted-hero__stat-label { font-size: 0.875rem !important; }
       }
       @media (max-width: 1200px) and (min-width: 768px) {
  -      .adacted-hero__stats { gap: 1.25rem; }
  -      .adacted-hero__stat { padding: 0.85rem 0.9rem; min-width: 118px; }
  +      .adacted-hero__stats { gap: 1.25rem !important; }
  +      .adacted-hero__stat { padding: 0.85rem 0.9rem !important; min-width: 118px; }
         .adacted-hero__stat-value { font-size: 1.4rem !important; }
         .adacted-hero__stat-label { font-size: 0.85rem !important; }
       }
       @media (max-width: 1120px) and (min-width: 768px) {
  -      .adacted-hero__stats { gap: 1.1rem; }
  -      .adacted-hero__stat { padding: 0.8rem 0.85rem; min-width: 112px; }
  +      .adacted-hero__stats { gap: 1.1rem !important; }
  +      .adacted-hero__stat { padding: 0.8rem 0.85rem !important; min-width: 112px; }
         .adacted-hero__stat-value { font-size: 1.3rem !important; }
         .adacted-hero__stat-label { font-size: 0.82rem !important; }
       }
       @media (max-width: 1024px) and (min-width: 768px) {
  -      .adacted-hero__stats { gap: 1rem; }
  -      .adacted-hero__stat { padding: 0.75rem 0.8rem; min-width: 106px; }
  +      .adacted-hero__stats { gap: 1rem !important; }
  +      .adacted-hero__stat { padding: 0.75rem 0.8rem !important; min-width: 106px; }
         .adacted-hero__stat-value { font-size: 1.2rem !important; }
         .adacted-hero__stat-label { font-size: 0.8rem !important; }
       }
  t {
          font-size: var(--adacted-accent-size) !important;
          line-height: var(--adacted-accent-line-height) !important;
          font-weight: 500;
          font-family: 'Sofia Sans', sans-serif;
      }
  
      /* Accent 2 Text Class - For secondary accent text (popups, feature text) */
      .adacted-font-accent2 {
          font-size: var(--adacted-accent2-size) !important;
          line-height: var(--adacted-accent2-line-height) !important;
          font-weight: 500;
          font-family: 'Sofia Sans', sans-serif;
      }
  
      


    
    .adacted-feature-popup:hover {
    z-index: 10;
    transform: translateY(calc(var(--popup-spacing-shift) - 5px)) scale(1.05) !important;
    filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.25));
    }

    .adacted-feature-popup--1 {
    top: 5%;
    left: 10%;
    animation: featureFloat 8s infinite ease-in-out;
    }

    .adacted-feature-popup--2 {
    top: 25%;
    right: 5%;
    animation: featureFloat 9s infinite ease-in-out reverse;
    }

    .adacted-feature-popup--3 {
    top: 45%;
    left: 8%;
    animation: featureFloat 7s infinite ease-in-out;
    }

    .adacted-feature-popup--4 {
    top: 65%;
    right: 15%;
    animation: featureFloat 10s infinite ease-in-out reverse;
    }

    @keyframes featureFloat {
    0%, 100% {
        transform: translateY(var(--popup-spacing-shift)) scale(1);
    }
    50% {
        transform: translateY(calc(var(--popup-spacing-shift) - 10px)) scale(1.02);
    }
    }

    .adacted-feature-popup__inner {
    background: rgba(31, 41, 55, 0.85);
    backdrop-filter: blur(8px);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1), 
                inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    }

    .adacted-feature-popup__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(8px * var(--popup-text-scale)) calc(16px * var(--popup-text-scale));
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

    .adacted-feature-popup__dots {
    display: flex;
    gap: 6px;
    }

    .adacted-feature-popup__dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    }

    .adacted-feature-popup__dot--red {
    background-color: #ff5f57;
    }

    .adacted-feature-popup__dot--yellow {
    background-color: #febc2e;
    }

    .adacted-feature-popup__dot--green {
    background-color: #28c840;
    }

    .adacted-feature-popup__title {
    font-family: 'Sofia Sans', sans-serif;
    font-size: calc(1.2rem * var(--popup-text-scale))!important;
    color: rgba(255, 255, 255, 0.8);
    margin-right: auto;
    margin-left: 8px;
    }

    .adacted-feature-popup__content {
    padding: calc(16px * var(--popup-text-scale))!important;
    display: flex;
    gap: 12px;
    align-items: center;
    }

    .adacted-feature-popup__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(48px * var(--popup-text-scale));
    height: calc(48px * var(--popup-text-scale));
    border-radius: 50%;
    background: rgba(var(--button-color-from-rgb, 147, 51, 234), 0.12);
    color: white;
    flex-shrink: 0;
    }

    .adacted-feature-popup__icon img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }

    .adacted-feature-popup__text {
    font-family: 'Sofia Sans', sans-serif;
    font-size: calc(1.2rem * var(--popup-text-scale))!important;
    color: rgba(255, 255, 255, 0.9);
    }


    /* Responsive Adjustments */
    @media (max-width: 767px) {
    .adacted-feature-popup {
        width: clamp(240px, 80vw, 300px);
        max-width: calc(100% - 32px);
    }
    
    .adacted-feature-popup--1 {
        top: 8%;
        left: 6%;
    }
    
    .adacted-feature-popup--2 {
        top: 28%;
        right: 6%;
    }
    
    .adacted-feature-popup--3 {
        top: 50%;
        left: 6%;
    }
    
    .adacted-feature-popup--4 {
        top: 72%;
        right: 6%;
    }
    }

    /* Extra small screens adjustments */
    @media (max-width: 480px) {
    .adacted-feature-popup {
        width: clamp(220px, 86vw, 280px);
        max-width: calc(100% - 24px);
    }
    
    .adacted-feature-popup--2 {
        top: 34%;
    }
    .adacted-feature-popup--4 {
        top: 82%;
    }
    
    /* Simplified animations for mobile */
    .adacted-feature-popup--1,
    .adacted-feature-popup--2,
    .adacted-feature-popup--3,
    .adacted-feature-popup--4 {
        animation-duration: 10s;
    }
    
    @keyframes featureFloat {
        0%, 100% {
        transform: translateY(var(--popup-spacing-shift)) scale(1);
        }
        50% {
        transform: translateY(calc(var(--popup-spacing-shift) - 5px)) scale(1.01);
        }
    }
    }

    /* Laptop/tablet landscape refinements to avoid overflows */
    @media (max-width: 1280px) and (min-width: 768px) {
      .adacted-feature-popup { width: clamp(280px, 32vw, 340px); }
      .adacted-feature-popup--1 { left: max(32px, 6vw); top: 8%; }
      .adacted-feature-popup--2 { right: max(32px, 6vw); top: 26%; }
      .adacted-feature-popup--3 { left: max(32px, 6vw); top: 46%; }
      .adacted-feature-popup--4 { right: max(32px, 6vw); top: 66%; }
    }

    @media (max-width: 1024px) and (min-width: 768px) {
      .adacted-feature-popup { width: clamp(260px, 36vw, 320px); }
      .adacted-feature-popup--1 { left: max(40px, 8vw); }
      .adacted-feature-popup--2 { right: max(40px, 8vw); }
      .adacted-feature-popup--3 { left: max(40px, 8vw); }
      .adacted-feature-popup--4 { right: max(40px, 8vw); }
    }
    .adacted-hero__stats {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    margin-top: 2rem;
    }

    .adacted-hero__stat {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    min-width: 150px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .adacted-hero__stat:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
    }

    .adacted-hero__stat-value {
    /* font-size removed - now controlled by .adacted-font-section-title */
    font-weight: 700;
    background: linear-gradient(to right, var(--gradient-color-from, #9333ea), var(--gradient-color-to, #ec4899));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    text-align: center;
    margin-bottom: 0.5rem;
    }

    .adacted-hero__stat-label {
    /* font-size removed - now controlled by .adacted-font-accent */
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    }
  /* Mobile Responsiveness - Complete Redesign */
  @media (max-width: 767px) {
    .adacted-hero {
      min-height: auto;
      padding: var(--mobile-padding-top) 0 var(--mobile-padding-bottom) 0;
      display: flex;
      align-items: flex-start;
      justify-content: center;
    }

    .adacted-hero__container {
      padding: 0 2rem;
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
      text-align: center;
      max-width: 100%;
      width: 100%;
      margin-top: 1rem;
    }

    .adacted-hero__content {
      gap: 1rem;
      z-index: 10;
      position: relative;
      width: 100%;
    }

    /* Hide animation section on mobile to prevent overlap issues */
    .adacted-hero__animation {
      display: none !important;
      visibility: hidden !important;
      height: 0 !important;
      min-height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
    }

    /* Hide features container that's taking up invisible space */
    .adacted-hero__features-container {
      display: none !important;
    }

    /* Hide all desktop feature popups on mobile */
    .adacted-feature-popup {
      display: none !important;
    }





    /* Mobile-optimized stats - horizontal layout */
    .adacted-hero__stats {
      gap: 0.5rem;
      margin-top: 1rem;
      justify-content: center;
      flex-wrap: nowrap;
      display: flex;
      flex-direction: row;
    }

    .adacted-hero__stat {
      min-width: 100px;
      padding: 0.8rem 0.5rem;
      flex: 1;
      max-width: 120px;
      margin: 0;
      font-size: 0.85rem;
            /* Dark liquid-glass background for contrast */
      background: rgba(18, 20, 29, 0.65);
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 14px;
      padding: 0.75rem;
      backdrop-filter: blur(10px) saturate(120%);
      -webkit-backdrop-filter: blur(10px) saturate(120%);
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    }


  }
  /* Extra small mobile devices */
  @media (max-width: 480px) {
    .adacted-hero {
      padding: var(--mobile-padding-top) 0 var(--mobile-padding-bottom) 0;
      min-height: auto;
    }

    .adacted-hero__container {
      padding: 0 2rem;
      gap: 1.5rem;
      margin-top: 1rem;
    }

    .adacted-hero__content {
      gap: 1.25rem;
    }

    /* Extra small mobile CTA optimization */
    .adacted-hero__content .adacted-hero__cta {
      max-width: 320px;
    }



    /* Extra small mobile stats - keep horizontal */
    .adacted-hero__stats {
      gap: 0.3rem;
      flex-direction: row;
      justify-content: center;
      flex-wrap: nowrap;
      margin: 1rem auto 0 auto;
    }

    .adacted-hero__stat {
      min-width: 90px;
      max-width: 110px;
      padding: 0.7rem 0.3rem;
      flex: 1;
            /* Dark liquid-glass background for contrast */
      background: rgba(18, 20, 29, 0.65);
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 14px;
      padding: 0.75rem;
      backdrop-filter: blur(10px) saturate(120%);
      -webkit-backdrop-filter: blur(10px) saturate(120%);
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    }




  }
  /* Touch optimization for mobile */
  @media (hover: none) and (pointer: coarse) {
    .adacted-hero__cta {
      min-height: 48px;
      touch-action: manipulation;
    }

    .adacted-hero__stat {
      transition: none;
    }

    .adacted-hero__stat:hover {
      transform: none;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    }
  }

  /* Mobile Feature List - Replace broken popups */
  @media (max-width: 767px) {
    .adacted-hero__mobile-features {
      display: block;
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
      padding: 0;
    }

   

    /* Repositioned CTA button styling - wider on mobile */
    .adacted-hero__content .adacted-hero__cta {
      margin: 1rem auto 0 auto;
      display: block;
      width: 100%;
      max-width: 350px;
    }

    .adacted-hero__mobile-feature {
      display: flex;
      align-items: center;
      gap: 1rem;
      padding: 1rem;
      margin-bottom: 0.8rem;
      background: rgba(31, 41, 55, 0.6);
      border-radius: 8px;
      border: 1px solid rgba(147, 51, 234, 0.2);
      backdrop-filter: blur(4px);
      opacity: 0;
      transform: translateY(20px);
      animation: mobileFeatureFadeIn 0.6s ease-out forwards;
    }

    .adacted-hero__mobile-feature:nth-child(1) {
      animation-delay: 0.1s;
    }

    .adacted-hero__mobile-feature:nth-child(2) {
      animation-delay: 0.2s;
    }

    .adacted-hero__mobile-feature:nth-child(3) {
      animation-delay: 0.3s;
    }

    .adacted-hero__mobile-feature:nth-child(4) {
      animation-delay: 0.4s;
    }

    @keyframes mobileFeatureFadeIn {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .adacted-hero__mobile-feature-icon {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: rgba(147, 51, 234, 0.2);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      color: white;
    }

    .adacted-hero__mobile-feature-content {
      flex: 1;
      text-align: left;
    }

    .adacted-hero__mobile-feature-title {
      font-size: 1.2rem;
      font-weight: 600;
      color: rgba(255, 255, 255, 0.9);
      margin-bottom: 0.25rem;
    }

    .adacted-hero__mobile-feature-text {
      font-size: 1.1rem;
      color: rgba(255, 255, 255, 0.7);
      line-height: 1.4;
    }
  }

  /* Black overlay styling */
  .adacted-hero__black-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #12141D;
    pointer-events: none;
    z-index: 1;
    /* Drive opacity from section variables with sensible defaults */
    opacity: calc((var(--overlay-opacity-desktop, 20)) / 100);
  }

  /* Mobile overlay opacity (match hero breakpoint at 480px) */
  @media (max-width: 480px) {
    .adacted-hero__black-overlay {
      opacity: calc((var(--overlay-opacity-mobile, 20)) / 100);
    }
  }

  /* Ensure content stays above overlay */
  .adacted-hero__container,
  .adacted-hero__content,
  .adacted-hero__mobile-features {
    position: relative;
    z-index: 5;
  }

  /* Desktop - Hide mobile features */
  @media (min-width: 768px) {
    .adacted-hero__mobile-features {
      display: none;
    }
  }

/* ==========================================================================
   ADACTED HERO SECTION CSS END
   ========================================================================== */



/* ==========================================================================
   ADACTED BESTSELLERS COLLECTION START
   ========================================================================== */

.adacted-bestsellers {
  position: relative;
  overflow: hidden;
  background-color: var(--background-color, #12141D);
  min-height: 100vh;
}

.adacted-bestsellers__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}

.adacted-bestsellers__container {
  position: relative;
  z-index: 10;
}

.adacted-bestsellers__header {
  text-align: center;
  margin-bottom: 4rem;
  padding-top: 2rem;
}

.adacted-bestsellers__title {
  color: #fff;
  font-family: 'Sofia Sans', sans-serif;
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background: linear-gradient(to right, #9333ea, #ec4899);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 15px rgba(147, 51, 234, 0.5);
}

@media (min-width: 768px) {
  .adacted-bestsellers__title {
    font-size: 5rem;
  }
}

.adacted-bestsellers__title-prefix {
  color: #50e3c2;
  -webkit-text-fill-color: #50e3c2;
  margin-right: 1rem;
}

.adacted-bestsellers__title-cursor {
  display: inline-block;
  width: 15px;
  height: 30px;
  background-color: #50e3c2;
  margin-left: 0.5rem;
  animation: blink 1s step-end infinite;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.adacted-bestsellers__description {
  max-width: 800px;
  margin: 0 auto 3rem;
}



.adacted-bestsellers__stats {
  display: flex;
  justify-content: center;
  gap: 1.5rem; /* Reduced gap from 2.5rem */
  flex-wrap: wrap;
  margin: 1.5rem 0; /* Reduced margin from 2rem */
}

.adacted-bestsellers__stat {
  background: rgba(30, 30, 50, 0.5);
  backdrop-filter: blur(5px);
  border: 1px solid rgba(80, 227, 194, 0.3);
  border-radius: 6px; /* Reduced from 8px */
  padding: 1rem 1.75rem; /* Changed from 1.5rem to make it shorter but wider */
  min-width: 180px; /* Increased from 150px to make it wider */
  max-height: 130px; /* Added max-height to make it shorter */
  text-align: center;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  display: flex; /* Added to control layout better */
  flex-direction: column;
  justify-content: center;
}

.adacted-bestsellers__stat:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px -5px rgba(80, 227, 194, 0.3);
}

.adacted-bestsellers__stat-value {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 2.2rem; /* Reduced from 2.5rem */
  font-weight: 700;
  color: #50e3c2;
  margin-bottom: 0.3rem; /* Reduced from 0.5rem */
  position: relative;
  z-index: 2;
  text-shadow: 0 0 15px rgba(80, 227, 194, 0.5);
  line-height: 1.1; /* Added to reduce vertical space */
}

    .adacted-bestsellers__stat-label {
    font-family: 'Sofia Sans', sans-serif;
    font-size: 0.9rem; /* Increased from 0.8rem */
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    z-index: 2;
    margin-top: 0.3rem; /* Reduced from 0.5rem */
    }

.adacted-bestsellers__grid-container {
  position: relative;
  z-index: 5;
}

.adacted-bestsellers__products {
  margin: 0;
  padding: 0;
  list-style: none;
}

.adacted-bestsellers__product-item {
  padding: 0;
}

.adacted-bestsellers__product-card {
  height: 100%;
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.adacted-bestsellers__product-card:hover {
    transform: translateY(-5px) scale(1.01);
  }

.adacted-bestsellers__product-frame {
  background: rgba(25, 25, 45, 0.6);
  border: 1px solid rgba(147, 51, 234, 0.3);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  height: 100%;
  backdrop-filter: blur(5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  transition: none;
}

.adacted-bestsellers__product-link:hover { box-shadow: none; border-color: inherit; transition: none; }


.adacted-bestsellers__product-frame .card {
  background: transparent;
}

.adacted-bestsellers__product-frame .card-information {
  padding: 1rem;
}

.adacted-bestsellers__product-frame .card__inner {
  background: transparent;
}

.adacted-bestsellers__product-frame .card__media {
  margin: 0;
  overflow: hidden;
  border-radius: 0;
}

/* Make media link fill the media area without altering layout */
.adacted-bestsellers__media-link {
  display: block;
}

/* Use the media wrapper (already positioned by Dawn) to anchor the overlay link */
.adacted-bestsellers__product-frame .media { position: relative; }

.adacted-bestsellers__product-frame .media > .adacted-bestsellers__media-link { position: absolute; inset: 0; z-index: 2; }

.adacted-bestsellers__product-frame .card__content {
  padding: 1rem 0 1rem 0;
  display: flex;
  flex-direction: column;
}

.adacted-bestsellers__product-frame .card__information {
  padding: 0;
}

/* restore horizontal padding after info row */
.adacted-bestsellers__product-frame .quick-add,
.adacted-bestsellers__product-frame .adacted-card__cta-row {
  padding-left: 1rem;
  padding-right: 1rem;
}



.adacted-bestsellers__empty {
  text-align: center;
  padding: 4rem 2rem;
  color: #ffffff;
}

.adacted-bestsellers__empty-title {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  color: #ffffff;
}

.adacted-bestsellers__empty-text {
  font-family: 'Sofia Sans', sans-serif;
  color: #b3b3b3;
}

.adacted-bestsellers__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
  gap: 1rem;
}

.adacted-bestsellers__pagination-button {
  padding: 0.75rem 1.5rem;
}

.adacted-bestsellers__pagination-info {
  font-family: 'Sofia Sans', sans-serif;
  color: #ffffff;
  padding: 0.75rem 1rem;
  background: rgba(30, 30, 50, 0.5);
  border-radius: 6px;
  border: 1px solid rgba(80, 227, 194, 0.3);
}
@media (max-width: 768px) {
  .adacted-bestsellers__title {
    font-size: 2.5rem;
  }
  
  .adacted-bestsellers__stats {
    gap: 0.75rem; /* Reduced from 1rem */
  }
  
  .adacted-bestsellers__stat {
    min-width: 150px; /* Changed from 120px */
    padding: 0.75rem 1.25rem; /* Changed from 1rem to make it more rectangular */
    max-height: 110px; /* Added max-height */
  }
  
  .adacted-bestsellers__stat-value {
    font-size: 1.8rem; /* Reduced from 2rem */
  }
  
  .adacted-bestsellers__pagination {
    flex-direction: column;
    gap: 0.75rem;
  }
}

@media (max-width: 480px) {
  .adacted-bestsellers__title {
    font-size: 2rem;
  }
  
  .adacted-bestsellers__title-prefix {
    margin-right: 0.5rem;
  }
  
  .adacted-bestsellers__header {
    margin-bottom: 2rem;
  }
  
  .adacted-bestsellers__stat {
    width: 100%;
  }
}

/* Enhanced Product Title Styling */
.adacted-bestsellers__product-frame .card__heading {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 1rem;
  color: #ffffff;
  margin-bottom: 0.5rem;
  background: rgba(20, 20, 40, 0.7);
  padding: 0.75rem;
  border-left: none;
  position: relative;
  overflow: hidden;
  transition: none;
  border-radius: 0 4px 4px 0;
  box-shadow: 0 2px 10px rgba(80, 227, 194, 0.1);
  text-align: center;
}
.adacted-bestsellers__product-frame .card__heading:before { content: none; }

.adacted-bestsellers__product-frame .card__heading:after { content: none; }

.adacted-bestsellers__product-frame .card__heading:hover:after { width: 0; }


.adacted-bestsellers__product-frame:hover .card__heading a { -webkit-text-fill-color: initial; text-shadow: none; background: none; }

/* Hide the default badge */
.adacted-bestsellers__product-frame .badge {
  display: none !important;
}

/* Custom Sale Badge Styling */
    .adacted-bestsellers__product-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 100; /* Increased from 10 to ensure visibility */
    background: rgba(236, 72, 153, 0.95); /* More opaque background */
    font-family: 'Sofia Sans', sans-serif;
    font-size: 0.9rem; /* Increased from 0.8rem for better readability */
    font-weight: 700;
    color: #ffffff;
    padding: 8px 14px; /* Increased padding */
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 0 15px rgba(236, 72, 153, 0.8);
    animation: pulse-sale 2s infinite;
    transform: rotate(5deg);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(236, 72, 153, 0.5);
    white-space: nowrap; /* Prevent text wrapping */
    }

.adacted-bestsellers__product-badge:before,
.adacted-bestsellers__product-badge:after {
  content: "";
  position: absolute;
  background: rgba(236, 72, 153, 0.3);
  z-index: -1;
}

.adacted-bestsellers__product-badge:before {
  height: 1px;
  width: 20px;
  top: 50%;
  right: -23px;
}

.adacted-bestsellers__product-badge:after {
  height: 20px;
  width: 1px;
  top: -10px;
  right: -14px;
}

@keyframes pulse-sale {
  0% {
    box-shadow: 0 0 10px rgba(236, 72, 153, 0.7);
  }
  50% {
    box-shadow: 0 0 20px rgba(236, 72, 153, 0.9);
  }
  100% {
    box-shadow: 0 0 10px rgba(236, 72, 153, 0.7);
  }
}




.adacted-bestsellers__product-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }

/* Enhanced Product Title Styling */
.adacted-bestsellers__product-link:focus {
    outline: none;
  }

.adacted-bestsellers__product-link:focus-visible {
  outline: 2px solid var(--gradient-color-from, #bd79fc);
  outline-offset: 2px;
  border-radius: 8px;
}

/* Category pill (top-left) */
.adacted-card__category-pill {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 21;
  background: rgba(80, 227, 194, 0.18);
  color: #50e3c2;
  border: 1px solid rgba(80, 227, 194, 0.6);
  font-family: 'Sofia Sans', sans-serif;
  font-size: 0.9rem;
  letter-spacing: 0.12em;
  padding: 8px 14px;
  border-radius: 999px;
  text-transform: uppercase;
  backdrop-filter: blur(5px);
  box-shadow: 0 2px 8px rgba(0,0,0,0.35);
}

/* Category color variants */
.adacted-card__category-pill--tools {
  background: rgba(var(--adacted-pill-tools-color-rgb, 80, 227, 194), var(--adacted-pill-bg-opacity, 0.18));
  color: var(--adacted-pill-tools-color, #50e3c2);
  border-color: rgba(var(--adacted-pill-tools-color-rgb, 80, 227, 194), 0.6);
}
.adacted-card__category-pill--creatives {
  background: rgba(var(--adacted-pill-creatives-color-rgb, 189, 121, 252), var(--adacted-pill-bg-opacity, 0.18));
  color: var(--adacted-pill-creatives-color, #bd79fc);
  border-color: rgba(var(--adacted-pill-creatives-color-rgb, 189, 121, 252), 0.6);
}
.adacted-card__category-pill--packages {
  background: rgba(var(--adacted-pill-packages-color-rgb, 236, 72, 153), var(--adacted-pill-bg-opacity, 0.18));
  color: var(--adacted-pill-packages-color, #ec4899);
  border-color: rgba(var(--adacted-pill-packages-color-rgb, 236, 72, 153), 0.6);
}

/* Hollow button style (match service section 6) */
.adacted-button--hollow {
  background: transparent !important;
  border: 2px solid var(--button-gradient-from, #9333ea) !important;
  color: var(--button-gradient-from, #9333ea) !important;
  box-shadow: none !important;
  opacity: 0.7;
  display: flex;
}
.adacted-button--hollow:hover {
  background: rgba(var(--button-color-from-rgb, 147, 51, 234), 0.1) !important;
  border-color: var(--button-gradient-to, #ec4899) !important;
  color: var(--button-gradient-to, #ec4899) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(147, 51, 234, 0.2) !important;
  opacity: 1;
}

.adacted-bestsellers__product-frame .card__heading a {
  display: inline;
  position: relative;
  line-height: 1.4;
  background: linear-gradient(90deg, #ffffff 0%, #e0e0e0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease;
}
/* Styling for making the entire product card clickable */
.adacted-bestsellers__product-card {
    position: relative;
  }
  
  
  /* Ensure other elements in the card can be seen above the link */
  .adacted-bestsellers__product-frame {
    position: relative;
    z-index: 0;
  }
  
  .adacted-bestsellers__product-badge {
    position: absolute; /* Keep as absolute, remove the relative positioning */
    z-index: 20; /* Increased z-index to ensure visibility above other elements */
  }



  .adacted-bestsellers__glassmorphic-container {
    background: rgba(20, 20, 35, 0.25);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    padding: 2.5rem;
    margin-bottom: 3rem;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    margin-bottom: 3rem;
    padding-bottom: 0;
    padding-top: 0;
  }
  
  .adacted-bestsellers__glassmorphic-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, 
      transparent, 
      rgba(255, 255, 255, 0.2) 20%, 
      rgba(255, 255, 255, 0.3) 50%, 
      rgba(255, 255, 255, 0.2) 80%, 
      transparent);
    z-index: 1;
  }
  
  .adacted-bestsellers__glassmorphic-container:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, 
      rgba(255, 255, 255, 0.1) 0%, 
      rgba(255, 255, 255, 0) 20%, 
      rgba(255, 255, 255, 0) 80%, 
      rgba(255, 255, 255, 0.05) 100%);
    z-index: -1;
    pointer-events: none;
  }

  
  .adacted-bestsellers__stat-image {
    height: 20px; /* Reduced from 24px */
    margin-bottom: 0.3rem; /* Reduced from 0.5rem */
    max-width: 100px; /* Reduced from 120px */
  }
  
  .adacted-bestsellers__stat-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%; /* Ensure it fills the parent height */
  }
  
  .adacted-bestsellers__stat-content {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
      .adacted-bestsellers__stat-text {
    font-size: 1rem; /* Increased from 0.9rem */
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
    margin-left: 0.3rem;
    }






/* Banner image styles */
.adacted-bestsellers__banner-image-container {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-top: 1.5rem;
    --banner-image-width: 75%;  /* Default fallback */
}

.adacted-bestsellers__banner-image {
  width: var(--banner-image-width, 75%);
  height: auto;
  display: block;
  object-fit: contain;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
/* Responsive adjustments */
@media (max-width: 768px) {
  .adacted-bestsellers__banner-image-container {
    --banner-image-width: min(var(--banner-image-width, 75%), 85%);
  }
}

@media (max-width: 480px) {
  .adacted-bestsellers__banner-image-container {
    --banner-image-width: min(var(--banner-image-width, 75%), 95%);
  }
}



/* Trustpilot Banner Styling */
.adacted-bestsellers__trustpilot-banner {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
  margin-bottom: 3rem;
}

.adacted-bestsellers__trustpilot-banner img {
  display: block;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}


/* ==========================================================================
   ADACTED BESTSELLERS COLLECTION END
   ========================================================================== */
/* ==========================================================================
   ADACTED LOGO MARQUEE SECTION CSS START
   ========================================================================== */

    /* Prevent horizontal scrolling on the entire page */
    html {
    max-width: 100%;
    }

    body {
    overflow-x: hidden;
    max-width: 100%;
    }

    /* Ensure header is always on top of other elements */
    .shopify-section-header-sticky,
    .section-header,
    .header-wrapper {
    z-index: 999 !important; /* High z-index to ensure it's above all other elements */ 
    }

    .adacted-logo-marquee {
    position: relative;
    overflow-x: hidden; /* Only hide horizontal overflow */
    overflow-y: visible; /* Allow vertical overflow for hover effects */
    background-color: #12141D;
    color: #ffffff;
    font-family: 'Sofia Sans', sans-serif;
    padding: 0px 0px 120px 0px;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    }

    .adacted-logo-marquee::before {
    content: none;
    }

    .adacted-logo-marquee__container {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    }

    .adacted-logo-marquee__heading {
    font-size: 2.9rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 2rem;
    display: inline-block;
    }

    @media (min-width: 768px) {
    .adacted-logo-marquee__heading {
        font-size: 3.45rem;
    }
    }

    .adacted-logo-marquee__subheading {
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 3rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    }

    @media (min-width: 768px) {
    .adacted-logo-marquee__subheading {
        font-size: 1.45rem;
    }
    }

    .adacted-logo-marquee__track {
    position: relative;
    display: flex;
    width: 100%;
    overflow: visible;
    padding: 8px 0;
    margin: 0;
    }

    /* Fade effect for sides */
    .adacted-logo-marquee__track::before,
    .adacted-logo-marquee__track::after {
    content: "";
    position: absolute;
    top: 0;
    width: 25%; /* Increased from 20% to 25% for even wider gradient */
    height: 100%;
    z-index: 2;
    pointer-events: none;
    }

    .adacted-logo-marquee__track::before {
    left: -2px; /* Extend further past the edge */
    background: linear-gradient(to right, #12141D 0%, rgba(18, 20, 29, 0) 100%);
    }

    .adacted-logo-marquee__track::after {
    right: -2px; /* Extend further past the edge */
    background: linear-gradient(to left, #12141D 0%, rgba(18, 20, 29, 0) 100%);
    }

    .adacted-logo-marquee__wrapper {
    display: flex;
    animation: scrollEffect var(--scroll-speed, 80s) linear infinite;
    animation-direction: var(--scroll-direction, normal);
    width: max-content;
    padding: 5px 0;
    }

    @keyframes scrollEffect {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-50%));
    }
    }

    .adacted-logo-marquee__logos {
    display: flex;
    flex-shrink: 0;
    gap: 3rem;
    padding: 0 1.5rem;
    width: max-content;
    }

    .adacted-logo-marquee__logo-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 1rem;
    border-radius: 0.5rem;
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: transform 0.3s ease, background-color 0.3s ease;
    width: 180px;
    height: 100px;
    overflow: visible;
    }

    .adacted-logo-marquee__logo-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
    }

    .adacted-logo-marquee__logo-wrapper:hover {
    transform: translateY(-5px);
    background-color: rgba(255, 255, 255, 0.05);
    }

    .adacted-logo-marquee__logo {
    max-width: 100%;
    max-height: 80px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: grayscale(var(--grayscale-amount, 100%)) opacity(var(--opacity-amount, 70%));
    transition: filter 0.3s ease;
    }

    .adacted-logo-marquee__logo-hover-color .adacted-logo-marquee__logo-wrapper:hover .adacted-logo-marquee__logo {
    filter: grayscale(0%) opacity(100%);
    }

    @media screen and (max-width: 767px) {
    .adacted-logo-marquee__logo-wrapper {
        width: 140px;
        height: 80px;
    }
    
    .adacted-logo-marquee__logo {
        max-height: 60px;
    }
    
    .adacted-logo-marquee__container {
        padding: 0 1rem;
    }
    }

    /* Add specific styles for the headings container */
    .adacted-logo-marquee__heading-container {
    padding: 0 2rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    }

/* ==========================================================================
   ADACTED LOGO MARQUEE SECTION CSS END
   ========================================================================== */
/* ==========================================================================
   ADACTED COMMAND CENTER SECTION CSS START
   ========================================================================== */

    .adacted-terminal {
    font-family: 'Sofia Sans', sans-serif;
    color: #ffffff;
    padding: var(--vertical-padding, 80px) 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: center;
    }

    /* Grid Background */
    .adacted-terminal-grid {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-size: 50px 50px;
    background-image: 
        linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    opacity: 0.2;
    pointer-events: none;
    }

    /* Background Bubbles */
    .adacted-terminal-bubble {
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.15;
    mix-blend-mode: screen;
    pointer-events: none;
    animation: terminalBubbleFade 12s infinite ease-in-out;
    }

    .adacted-terminal-bubble-1 {
    top: 15%;
    left: 5%;
    width: 30rem;
    height: 30rem;
    background: radial-gradient(circle at center, var(--gradient-color-from, #9333ea), rgba(124, 58, 237, 0.3));
    animation-delay: 0s;
    }

    .adacted-terminal-bubble-2 {
    bottom: 5%;
    right: 5%;
    width: 35rem;
    height: 35rem;
    background: radial-gradient(circle at center, rgba(59, 130, 246, 0.5), var(--gradient-color-to, #ec4899));
    animation-delay: 4s;
    }

    @keyframes terminalBubbleFade {
    0% {
        opacity: 0.10;
        transform: scale(0.98);
    }
    50% {
        opacity: 0.20;
        transform: scale(1);
    }
    100% {
        opacity: 0.10;
        transform: scale(0.98);
    }
    }

    .adacted-container {
    width: 100%;
    max-width: var(--container-width, 1280px);
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 2;
    }

    .adacted-heading {
    font-size: 2.9rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1rem;
    position: relative;
    z-index: 1;
    }

    @media (min-width: 768px) {
    .adacted-heading {
        font-size: 3.45rem;
    }
    }

    .adacted-subheading {

    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 1.5rem;
    }

    @media (min-width: 768px) {
    .adacted-subheading {
        font-size: 1.45rem;
    }
    }

    .adacted-divider {
    background: linear-gradient(to right, var(--gradient-color-from, #9333ea), var(--gradient-color-to, #ec4899));
    width: 6rem;
    height: 0.4rem;
    margin: 0 auto 2rem;
    border-radius: 9999px;
    }

    .adacted-terminal-window {
    border: 1px solid #1e2636;
    border-radius: 0.5rem;
    overflow: hidden;
    background-color: #12141D;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    }

    .adacted-terminal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #1a1f2e;
    padding: 0.625rem 1.5rem;
    border-bottom: 1px solid #1e2636;
    }

    .adacted-header-left {
    display: flex;
    align-items: center;
    gap: 1rem;
    }

    .adacted-terminal-dots {
    display: flex;
    align-items: center;
    gap: 6px;
    }

    .adacted-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    }

    .adacted-dot-red {
    background-color: #ff5f56;
    }

    .adacted-dot-yellow {
    background-color: #ffbd2e;
    }

    .adacted-dot-green {
    background-color: #27c93f;
    }

    .adacted-terminal-title {
    font-family: 'Sofia Sans', sans-serif;
    font-size: 1.25rem;
    color: #b4b7c5;
    }

    .adacted-status {
    font-family: 'Sofia Sans', sans-serif;
    font-size: 1.125rem;
    color: #727583;
    }

    .adacted-terminal-body {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    }

    @media (min-width: 768px) {
    .adacted-terminal-body {
        grid-template-columns: 420px 1fr;
        grid-auto-flow: row;
    }
    }

    .adacted-sidebar {
    background-color: #1e2636;
    padding: 1rem;
    border-right: 1px solid #1e2636;
    width: 420px;
    height: 100%;
    }

    .adacted-sidebar-title {
    font-family: 'Sofia Sans', sans-serif;
    font-size: 0.95rem;
    color: #727583;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1rem;
    }

    .adacted-service-item {
    position: relative;
    padding: 1.25rem 1rem 1.25rem 1rem;
    margin-bottom: 0.75rem;
    border-radius: 0.25rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    background-color: #1e2636;
    border-left: 4px solid transparent;
    transition: all 0.3s ease;
    justify-content: space-between;
    }
    
    /* Click indicator will now be handled by JavaScript like the status text */

    .adacted-service-item:hover:not(.active) {
    background-color: #2d3748;
    transform: translateX(2px);
    }
    
    /* Click indicator hover will now be handled by JavaScript */

    .adacted-service-item.active {
    background-color: #2d3748;
    border-left-color: var(--service-color, var(--gradient-color-from, #9333ea));
    box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.3), 0 0 20px rgba(var(--service-color-rgb, 147, 51, 234), 0.2);
    }
    
    /* Click indicator styling with continuous wave lighting effect */
    .adacted-service-click-me {
    background: linear-gradient(90deg, 
      #727583 0%, 
      #727583 40%, 
      #d1d5db 50%, 
      #727583 60%, 
      #727583 100%);
    background-size: 400% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: continuous-wave 4s linear infinite;
    transition: all 0.3s ease;
    }
    
    .adacted-service-item:hover .adacted-service-click-me {
    background: linear-gradient(90deg, 
      #9ca3af 0%, 
      #9ca3af 40%, 
      #f3f4f6 50%, 
      #9ca3af 60%, 
      #9ca3af 100%);
    background-size: 400% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: translateY(-1px);
    animation: continuous-wave 4s linear infinite;
    }
    
    @keyframes continuous-wave {
      0% {
        background-position: 0% 0;
      }
      100% {
        background-position: 400% 0;
      }
    }

    .adacted-service-item.active .adacted-service-title {
    color: #ffffff;
    }

    .adacted-service-icon {
    font-size: 1.5rem;
    margin-right: 0.75rem;
    flex-shrink: 0;
    line-height: 1;
    }

    .adacted-service-info {
    flex-grow: 1;
    margin-right: auto;
    }

    .adacted-service-title {
    font-weight: 600;
    color: #ffffff;
    font-size: 1rem;
    margin-bottom: 0.5rem;
    }

    .adacted-service-status {
    font-family: 'Sofia Sans', sans-serif;
    font-size: 0.85rem;
    color: #727583;
    line-height: 1.2;
    }

    .adacted-service-status-active {
    color: #10b981;
    }

    .adacted-indicator {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #727583;
    margin-left: auto;
    flex-shrink: 0;
    display: inline-block;
    opacity: 0.8;
    transition: all 0.2s ease;
    border: none;
    position: relative;
    z-index: 5;
    }

    .adacted-indicator.active {
    background-color: #10b981;
    opacity: 1;
    box-shadow: 0 0 6px rgba(16, 185, 129, 0.7);
    border: none;
    animation: none;
    }

    .adacted-cta-button {
    width: 100%;
    max-width: 100%;
    }

    .adacted-arrow-icon {
    margin-left: 0.5rem;
    }

    .adacted-content {
    background-color: #12141D;
    min-height: var(--min-height, 650px);
    position: relative;
    min-width: 100%;
    height: auto; /* Allow height to adjust automatically */
    transition: height 0.3s ease; /* Smooth transition when height changes */
    }

    .adacted-service-content {
    position: absolute;
    inset: 0;
    padding: 2rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, transform 0.5s ease;
    transform: translateX(20px);
    height: auto; /* Allow height to adjust with content */
    min-height: 100%; /* At minimum, take the full height of parent */
    }

    .adacted-service-content.active {
    position: relative; /* Change from absolute to relative positioning when active */
    inset: auto; /* Remove inset for relative positioning */
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    }

    .adacted-content-header {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    }

    .adacted-content-icon {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.75rem;
    font-size: 0.95rem;
    }

    .adacted-content-title {
    font-size: 2rem;
    font-weight: 600;
    color: #ffffff;
    }

    .adacted-module-id {
    font-family: 'Sofia Sans', sans-serif;
    font-size: 0.85rem;
    color: #727583;
    margin-bottom: 1.5rem;
    }

    .adacted-description {
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 1.5rem;
    line-height: 1.5;
    font-size: var(--paragraph-font-size, 18px);
    max-width: 100%;
    }

    .adacted-visualization {
    position: relative;
    border-radius: 0.25rem;
    background-color: rgba(0, 0, 0, 0.15);
    margin-bottom: 1.5rem;
    overflow: hidden;
    min-height: 300px;
    aspect-ratio: 16/9;
    }

    .adacted-visual-label {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    font-family: 'Sofia Sans', sans-serif;
    font-size: 0.85rem;
    color: #10b981;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0.25rem 0.5rem;
    border-radius: 0.125rem;
    z-index: 2;
    }

    .adacted-service-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 1rem;
    }

    .adacted-corners {
    position: absolute;
    inset: 0;
    pointer-events: none;
    }

    .adacted-corner {
    position: absolute;
    width: 3rem;
    height: 3rem;
    }

    .adacted-corner-tl {
    top: 0;
    left: 0;
    border-top: 2px solid;
    border-left: 2px solid;
    }

    .adacted-corner-tr {
    top: 0;
    right: 0;
    border-top: 2px solid;
    border-right: 2px solid;
    }

    .adacted-corner-bl {
    bottom: 0;
    left: 0;
    border-bottom: 2px solid;
    border-left: 2px solid;
    }

    .adacted-corner-br {
    bottom: 0;
    right: 0;
    border-bottom: 2px solid;
    border-right: 2px solid;
    }

    .adacted-signal {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 1rem;
    }

    .adacted-signal-text {
    font-family: 'Sofia Sans', sans-serif;
    font-size: 0.95rem;
    color: #727583;
    }

    .adacted-signal-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #10b981;
    margin-right: 0.5rem;
    }

/* ==========================================================================
   ADACTED COMMAND CENTER SECTION CSS END
   ========================================================================== */
/* ==========================================================================
   ADACTED TESTIMONIAL SECTION CSS START
   ========================================================================== */

    
    .adacted-testimonial {
    position: relative;
    background-color: #12141D;
    color: #ffffff;
    font-family: 'Sofia Sans', sans-serif;
    padding: var(--vertical-padding, 80px) 0;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
    }

    .adacted-testimonial__container {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    }


    .adacted-testimonial__terminal {
    position: relative;
    width: 100%;
    max-width: 950px;
    background-color: rgba(30, 38, 54, 0.6);
    border-radius: 12px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.05);
    }

    .adacted-testimonial__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(18, 20, 29, 0.8);
    padding: 0.75rem 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

    .adacted-testimonial__controls {
    display: flex;
    gap: 6px;
    }

    .adacted-testimonial__dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    }

    .adacted-testimonial__dot--red {
    background-color: #ff5f56;
    }

    .adacted-testimonial__dot--yellow {
    background-color: #ffbd2e;
    }

    .adacted-testimonial__dot--green {
    background-color: #27c93f;
    }

    .adacted-testimonial__title {
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 1px;
    }

    .adacted-testimonial__content {
    padding: 4rem 3rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 450px;
    }

    .adacted-testimonial__content-top {
    position: relative;
    flex: 1;
    }

    .adacted-testimonial__quote-icon {
    position: absolute;
    top: -1rem;
    left: -1rem;
    font-size: 4rem;
    line-height: 1;
    color: var(--gradient-color-from, #9333ea);
    opacity: 0.2;
    }

    .adacted-testimonial__text {
    line-height: 1.6;
    text-align: center;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    padding-top: 1rem;
    }

    .adacted-testimonial__text-highlight {
    font-weight: 700;
    display: inline;
    position: relative;
    }

    .adacted-testimonial__author {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
    margin-top: 2rem;
    flex-shrink: 0;
    }

    .adacted-testimonial__avatar-wrapper {
    position: relative;
    width: 120px;
    height: 120px;
    margin-bottom: 1.5rem;
    }

    .adacted-testimonial__avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid rgba(255, 255, 255, 0.1);
    }



    .adacted-testimonial__name {
    margin-bottom: 0.5rem;
    text-align: center;
    background: linear-gradient(to right, var(--gradient-color-from, #9333ea), var(--gradient-color-to, #ec4899));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }

    .adacted-testimonial__role {
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    }



    .adacted-testimonial__cursor {
    display: inline-block;
    width: 8px;
    height: 1.25em;
    background-color: var(--gradient-color-from, #9333ea);
    animation: blink 1s infinite;
    vertical-align: middle;
    margin-left: 0.25rem;
    }

    @keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
    }

    /* Dual Layout Styles */
    .adacted-testimonial__dual-header {
    text-align: center;
    margin-bottom: 4rem;
    }

    .adacted-testimonial__dual-title {
    margin: 0;
    }

    .adacted-testimonial__dual-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    width: 100%;
    }

    /* Triple Grid Layout */
    .adacted-testimonial__dual-grid--triple {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    }

    /* Ensure triple layout testimonials have consistent height and bottom alignment */
    .adacted-testimonial__dual-grid--triple .adacted-testimonial__terminal {
    height: 100%;
    position: relative;
    z-index: 1;
    max-width: none;
    padding-bottom: 2rem;
    box-sizing: border-box;
    }

    .adacted-testimonial__dual-grid--triple .adacted-testimonial__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    }

    /* Ensure proper spacing for triple layout */
    .adacted-testimonial__dual-grid--triple .adacted-testimonial__header {
    position: relative;
    z-index: 2;
    }

    /* Add breathing room for triple layout */
    .adacted-testimonial__container--dual .adacted-testimonial__dual-grid--triple {
    margin-top: 3rem;
    }

    .adacted-testimonial__container--dual {
    max-width: 1600px;
    }

    .adacted-testimonial__container--dual .adacted-testimonial__terminal {
    max-width: none;
    width: 100%;
    }

    .adacted-testimonial__container--dual .adacted-testimonial__content {
    padding: 2.5rem 2rem;
    min-height: 420px;
    }

    .adacted-testimonial__container--dual .adacted-testimonial__quote-icon {
    font-size: 3rem;
    top: -0.5rem;
    left: -0.5rem;
    }

    .adacted-testimonial__container--dual .adacted-testimonial__text {
    font-size: 0.95rem;
    line-height: 1.5;
    }

    .adacted-testimonial__container--dual .adacted-testimonial__avatar-wrapper {
    width: 80px;
    height: 80px;
    margin-bottom: 1rem;
    }

    .adacted-testimonial__container--dual .adacted-testimonial__name {
    font-size: 1rem;
    margin-bottom: 0.25rem;
    }

    .adacted-testimonial__container--dual .adacted-testimonial__role {
    font-size: 0.9rem;
    }

    /* Responsive for dual layout */
    @media screen and (max-width: 991px) {
    .adacted-testimonial__dual-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    /* Triple grid - show 2 columns on tablet */
    .adacted-testimonial__dual-grid--triple {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }
    
    .adacted-testimonial__container--dual .adacted-testimonial__dual-grid--triple {
        margin-top: 2.5rem;
    }
    
    .adacted-testimonial__dual-grid--triple .adacted-testimonial__terminal {
        padding-bottom: 1.25rem;
    }
    }

    /* Mobile responsive for triple layout */
    @media screen and (max-width: 767px) {
    .adacted-testimonial__dual-grid--triple {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }
    
    .adacted-testimonial__container--dual .adacted-testimonial__dual-grid--triple {
        margin-top: 2rem;
    }
    
    .adacted-testimonial__dual-grid--triple .adacted-testimonial__terminal {
        padding-bottom: 1rem;
    }
    }
    
    .adacted-testimonial__container--dual {
        max-width: 1400px;
    }
    
    .adacted-testimonial__dual-header {
        margin-bottom: 2.5rem;
    }
    
    .adacted-testimonial__container--dual .adacted-testimonial__content {
        padding: 3rem 2rem;
        min-height: 420px;
    }
    
    .adacted-testimonial__container--dual .adacted-testimonial__text {
        font-size: 1rem;
    }
    
    .adacted-testimonial__container--dual .adacted-testimonial__avatar-wrapper {
        width: 100px;
        height: 100px;
        margin-bottom: 1.25rem;
    }

    @media screen and (max-width: 767px) {
    .adacted-testimonial__content {
        padding: 3rem 1.5rem;
        min-height: 380px;
    }
    
    .adacted-testimonial__quote-icon {
        font-size: 3rem;
        top: -0.5rem;
        left: -0.5rem;
    }
    
    .adacted-testimonial__avatar-wrapper {
        width: 90px;
        height: 90px;
    }
    
    .adacted-testimonial__container--dual .adacted-testimonial__content {
        padding: 2.5rem 1.5rem;
        min-height: 350px;
    }
    
    .adacted-testimonial__container--dual .adacted-testimonial__text {
        font-size: 0.95rem;
        line-height: 1.5;
    }
    
    .adacted-testimonial__container--dual .adacted-testimonial__avatar-wrapper {
        width: 80px;
        height: 80px;
    }
    
    .adacted-testimonial__dual-header {
        margin-bottom: 2rem;
    }
    }

/* ==========================================================================
   ADACTED TESTIMONIAL SECTION CSS END
   ========================================================================== */

/* ==========================================================================
   ADACTED FAQ SECTION CSS START - Performance Optimized
   ========================================================================== */

.adacted-faq {
  /* Performance optimized CSS variables */
  --faq-terminal-bg: rgba(30, 38, 54, 0.6);
  --faq-accent-color: rgba(64, 224, 208, 0.8);
  --faq-border-color: rgba(255, 255, 255, 0.1);
  --faq-mono-font: 'SF Mono', 'Monaco', monospace;
  --faq-transition: 0.3s ease;
  
  position: relative;
  background-color: #12141D;
  color: #ffffff;
  font-family: 'Sofia Sans', sans-serif;
  padding: var(--vertical-padding, 80px) 0;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  overflow: hidden;
}

.adacted-faq__container {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}

.adacted-faq__header {
  text-align: center;
  margin-bottom: 3rem;
}

.adacted-faq__title {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.2;
  text-align: center;
}

.adacted-faq__subtitle {
  font-size: clamp(1.125rem, 2.5vw, 1.25rem);
  margin: 0 auto 0;
  max-width: 600px;
  line-height: 1.6;
}

.adacted-faq__terminal {
  position: relative;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  background-color: var(--faq-terminal-bg);
  border-radius: 12px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.adacted-faq__database-header {
  background: linear-gradient(135deg, rgba(20, 20, 20, 0.98), rgba(30, 30, 30, 0.95));
  border-bottom: 1px solid rgba(64, 224, 208, 0.3);
  overflow: hidden;
}

.adacted-faq__database-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(64, 224, 208, 0.15);
}

.adacted-faq__database-controls,
.adacted-faq__database-stats,
.adacted-faq__database-status {
  display: flex;
  align-items: center;
}

.adacted-faq__database-controls {
  gap: 10px;
}

.adacted-faq__database-stats {
  gap: 16px;
}

.adacted-faq__database-status {
  gap: 6px;
}

.adacted-faq__database-icon {
  font-size: 16px;
  filter: grayscale(1) brightness(0.8);
}

.adacted-faq__database-title,
.adacted-faq__database-count,
.adacted-faq__status-text,
.adacted-faq__query-prompt {
  font-family: var(--faq-mono-font);
}

.adacted-faq__database-title {
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.adacted-faq__database-count {
  color: var(--faq-accent-color);
  font-size: 12px;
  font-weight: 500;
}

.adacted-faq__status-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #27ca3f;
  box-shadow: 0 0 8px rgba(39, 202, 63, 0.6);
  animation: pulse-indicator 2s infinite;
  will-change: opacity;
}

.adacted-faq__status-text {
  color: #27ca3f;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.adacted-faq__database-query {
  padding: 8px 16px;
  background: rgba(10, 10, 10, 0.8);
  border-top: 1px solid rgba(64, 224, 208, 0.1);
}

.adacted-faq__query-prompt {
  color: rgba(64, 224, 208, 0.7);
  font-size: 12px;
  font-style: italic;
}

@keyframes pulse-indicator {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.adacted-faq__content {
  padding: 2rem;
}

.adacted-faq__item {
  border-bottom: 1px solid var(--faq-border-color);
  transition: background-color var(--faq-transition);
}

.adacted-faq__item:last-child {
  border-bottom: none;
}

.adacted-faq__item.active {
  background-color: rgba(147, 51, 234, 0.05);
}

.adacted-faq__question {
  width: 100%;
  padding: 1.5rem 0;
  background: none;
  border: none;
  color: #ffffff;
  font-family: inherit;
  font-size: 1.125rem;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: color var(--faq-transition);
}

.adacted-faq__question:hover,
.adacted-faq__question:focus {
  outline: none;
  color: var(--gradient-color-from, #9333ea);
}

.adacted-faq__question-text {
  flex: 1;
  margin-right: 1rem;
}

.adacted-faq__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--gradient-color-from, #9333ea), var(--gradient-color-to, #ec4899));
  transition: transform var(--faq-transition);
  will-change: transform;
}

.adacted-faq__item.active .adacted-faq__toggle {
  transform: rotate(45deg);
}

.adacted-faq__toggle-icon {
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1;
  transition: transform var(--faq-transition);
}

.adacted-faq__answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  will-change: max-height;
}

.adacted-faq__answer-content {
  padding-bottom: 1.5rem;
}

.adacted-faq__prompt {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  font-family: 'Courier New', monospace;
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.6);
}

.adacted-faq__prompt-symbol {
  color: var(--gradient-color-from, #9333ea);
  margin-right: 0.5rem;
  font-weight: bold;
}

.adacted-faq__prompt-text {
  color: #00ffff;
}

.adacted-faq__answer-text {
  font-size: 1rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.85);
  padding-left: 1.5rem;
  border-left: 2px solid var(--gradient-color-from, #9333ea);
}

.adacted-faq__answer-text p {
  margin-bottom: 1rem;
}

.adacted-faq__answer-text p:last-child {
  margin-bottom: 0;
}

.adacted-faq__cta {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid var(--faq-border-color);
  text-align: center;
}
.adacted-faq__cta-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

.adacted-faq__cta-text {
  font-size: 1.125rem;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
}

.adacted-faq__cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 2rem;
  min-width: 200px;
}

/* Optimized mobile styles */
@media screen and (max-width: 767px) {
  .adacted-faq__container {
    padding: 0 2rem;
  }
  
  .adacted-faq__content {
    padding: 1.5rem 1rem;
  }
  
  .adacted-faq__question {
    font-size: 1rem;
    padding: 1.25rem 0;
  }
  
  .adacted-faq__toggle {
    width: 28px;
    height: 28px;
  }
  
  .adacted-faq__toggle-icon {
    font-size: 1.125rem;
  }
  
  .adacted-faq__answer-text {
    font-size: 0.95rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  .adacted-faq__cta-content {
    gap: 1rem;
  }
  
  .adacted-faq__cta-button {
    min-width: auto;
    width: 100%;
    max-width: 280px;
  }
}

/* ==========================================================================
   ADACTED FAQ SECTION CSS END
   ========================================================================== */
/* ==========================================================================
   ADACTED IN-HOUSE SECTION CSS START
   ========================================================================== */

    
    /* Main container */
    .adacted-in-house {
    position: relative;
    background-color: var(--background-color, #12141D);
    color: #ffffff;
    padding: 6rem 0;
    overflow: hidden;
    font-family: 'Sofia Sans', sans-serif;
    }

    .adacted-in-house__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
    position: relative;
    z-index: 10;
    }


    /* Header styles */
    .adacted-in-house__header {
    text-align: center;
    margin-bottom: 5rem;
    position: relative;
    }

    .adacted-in-house__title {
    font-family: 'Sofia Sans', sans-serif;
    line-height: 1.2;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    }

    .adacted-in-house__title-main {
    display: block;
    color: #ffffff;
    position: relative;
    font-weight: 700;
    letter-spacing: -0.03em;
    }

    .adacted-in-house__title-accent {
    display: block;
    font-weight: 700;
    position: relative;
    animation: gradient-shift 8s ease infinite;
    background-size: 200% auto;
    }

    /* 3D Showcase panels */
    .adacted-in-house__showcase {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin-bottom: 4rem;
    border-radius: 12px;
    }

    .adacted-in-house__panel {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    height: 525px;
    perspective: 1000px;
    transform-style: preserve-3d;
    }

    .adacted-in-house__panel-inner {
    position: relative;
    width: 100%;
    height: 100%;
    background: var(--panel-bg, rgba(30, 32, 41, 0.7));
    backdrop-filter: blur(10px);
    border: 1px solid rgba(var(--accent-color-rgb, 0, 255, 255), 0.2);
    transform: translateZ(0);
    transition: transform 0.5s ease;
    border-radius: 12px;
    }

    .adacted-in-house__panel:hover .adacted-in-house__panel-inner {
    transform: translateZ(10px);
    }

    /* Image panel specifics */
    .panel-image .adacted-in-house__panel-content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 12px;
    }

    .adacted-in-house__main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
    transition: transform 0.5s ease;
    border-radius: 12px;
    }

    .adacted-in-house__panel:hover .adacted-in-house__main-image {
    transform: scale(1);
    }

    .adacted-in-house__image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, 
        rgba(0, 0, 0, 0.7) 0%,
        rgba(var(--gradient-color-from-rgb, 147, 51, 234), 0.3) 50%,
        rgba(var(--gradient-color-to-rgb, 236, 72, 153), 0.3) 100%);
    mix-blend-mode: overlay;
    border-radius: 12px;
    }

    .adacted-in-house__holo-specs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    }

    .adacted-in-house__holo-spec {
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(var(--accent-color-rgb, 0, 255, 255), 0.5);
    border-radius: 6px;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    opacity: 0.8;
    transform: translateZ(40px);
    box-shadow: 0 0 15px rgba(var(--accent-color-rgb, 0, 255, 255), 0.2);
    }

    .spec-1 {
    top: 2rem;
    right: 2rem;
    animation: float 8s ease-in-out infinite;
    }

    .spec-2 {
    bottom: 2rem;
    left: 2rem;
    animation: float 8s ease-in-out infinite 2s;
    }

    .holo-label {
    font-size: 0.9rem;
    color: var(--accent-color, #00ffff);
    margin-bottom: 0.3rem;
    font-family: 'Sofia Sans', sans-serif;
    }

    .holo-value {
    font-size: 1.1rem;
    color: #fff;
    font-weight: 600;
    font-family: 'Sofia Sans', sans-serif;
    }


    /* Content panel specifics */
    .panel-content .adacted-in-house__panel-inner {
    display: flex;
    flex-direction: column;
    }

    .adacted-in-house__panel-header {
    display: flex;
    align-items: center;
    background: rgba(18, 20, 29, 0.9);
    padding: 0.8rem 1rem;
    border-bottom: 1px solid rgba(var(--accent-color-rgb, 0, 255, 255), 0.2);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    }

    .adacted-in-house__panel-dots {
    display: flex;
    gap: 0.5rem;
    margin-right: 1rem;
    }

    .adacted-in-house__panel-dots span {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    }

    .adacted-in-house__panel-dots span:nth-child(1) {
    background-color: #ff5f56;
    }

    .adacted-in-house__panel-dots span:nth-child(2) {
    background-color: #ffbd2e;
    }

    .adacted-in-house__panel-dots span:nth-child(3) {
    background-color: #27c93f;
    }

    .adacted-in-house__panel-title {
    color: var(--accent-color, #00ffff);
    font-family: 'Sofia Sans', sans-serif;
    }

    .panel-content .adacted-in-house__panel-content {
    padding: 2rem;
    flex: 1;
    overflow-y: auto;
    }

    .adacted-in-house__content-title {
    font-weight: 900;
    margin: 0 0 1.5rem;
    color: #ffffff;
    font-family: 'Sofia Sans', sans-serif;
    }

    .adacted-in-house__content-text {
    line-height: 1.6;
    margin-bottom: 1.8rem;
    color: rgba(255, 255, 255, 0.9);
    }

    /* Feature list */
    .adacted-in-house__features {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 1rem;
    }

    .adacted-in-house__feature {
    display: flex;
    align-items: center;
    }

    .adacted-in-house__feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: linear-gradient(135deg, var(--gradient-color-from, #9333ea), var(--gradient-color-to, #ec4899));
    border-radius: 50%;
    margin-right: 1rem;
    flex-shrink: 0;
    font-size: 0.9rem;
    color: #ffffff;
    box-shadow: 0 0 15px rgba(var(--gradient-color-from-rgb, 147, 51, 234), 0.5);
    }

  

    /* Dashboard stats */
    .adacted-in-house__dashboard {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-bottom: 4rem;
    }

    .adacted-in-house__stat-card {
    position: relative;
    border-radius: 12px;
    background: var(--panel-bg, rgba(30, 32, 41, 0.7));
    border: 1px solid rgba(18, 20, 29, 0.8);
    padding: 1.5rem;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    min-height: 200px;
    }

    .adacted-in-house__stat-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
    }

    .adacted-in-house__stat-glow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(to right, var(--gradient-color-from, #9333ea), var(--gradient-color-to, #ec4899));
    box-shadow: 0 0 20px rgba(var(--gradient-color-from-rgb, 147, 51, 234), 0.8);
    animation: gradient-shift 4s ease infinite;
    background-size: 200% auto;
    }

    .adacted-in-house__stat-inner {
    position: relative;
    z-index: 1;
    }

    .adacted-in-house__stat-header {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    }

    .adacted-in-house__stat-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    background: rgba(18, 20, 29, 0.8);
    border: 1px solid rgba(var(--accent-color-rgb, 0, 255, 255), 0.3);
    overflow: hidden;
    }

    .adacted-in-house__stat-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    }

    .adacted-in-house__stat-icon .default-icon {
    font-size: 1.2rem;
    }

    .adacted-in-house__stat-label {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    }

    .adacted-in-house__stat-value {
    font-weight: 700;
    margin-bottom: 0.5rem;
    background: linear-gradient(to right, var(--gradient-color-from, #9333ea), var(--gradient-color-to, #ec4899));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradient-shift 8s ease infinite;
    background-size: 200% auto;
    }

    .adacted-in-house__stat-note {
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 1rem;
    }

    .adacted-in-house__stat-line {
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, 
        rgba(var(--gradient-color-from-rgb, 147, 51, 234), 0.3) 0%,
        rgba(var(--gradient-color-to-rgb, 236, 72, 153), 0.7) 50%,
        rgba(var(--gradient-color-from-rgb, 147, 51, 234), 0.3) 100%);
    border-radius: 1px;
    position: relative;
    overflow: hidden;
    }

    .adacted-in-house__stat-line::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    animation: stat-line 3s ease-in-out infinite;
    }

    /* CTA Button */
    .adacted-in-house__cta {
    text-align: center;
    margin-top: 2rem;
    }

    .adacted-in-house__button {
    display: inline-block;
    padding: 0.875rem 1.75rem;
    background: linear-gradient(to right, var(--button-color-from, #9333ea), var(--button-color-to, #ec4899));
    color: white;
    font-weight: 600;
    border-radius: 0.375rem;
    text-decoration: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: none;
    cursor: pointer;
    text-align: center;
    font-family: 'Sofia Sans', sans-serif;
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-shadow: 0 5px 15px -5px rgba(var(--button-color-from-rgb, 147, 51, 234), 0.3);
    }

    .adacted-in-house__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -5px rgba(var(--button-color-from-rgb, 147, 51, 234), 0.5);
    }

    .adacted-in-house__button-text {
    position: relative;
    z-index: 1;
    }

    .adacted-in-house__button-glow {
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    transform: skewX(-25deg);
    transition: all 0.5s ease;
    z-index: 0;
    }

    .adacted-in-house__button:hover .adacted-in-house__button-glow {
    left: 160%;
    }

    /* Responsive styles */
    @media (max-width: 992px) {
    .adacted-in-house__showcase {
        grid-template-columns: 1fr;
    }
    
    .adacted-in-house__dashboard {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .adacted-in-house__stat-card:last-child {
        grid-column: span 2;
    }
    }

    @media (max-width: 768px) {
    .adacted-in-house__dashboard {
        grid-template-columns: 1fr;
    }
    
    .adacted-in-house__stat-card:last-child {
        grid-column: auto;
    }
    
    .adacted-in-house__title {
        font-size: 2.5rem;
    }
    
    .adacted-in-house__panel {
        height: auto;
    }
    }

/* ==========================================================================
   ADACTED IN-HOUSE SECTION CSS END
   ========================================================================== */
/* ==========================================================================
   ADACTED INFO TILES SECTION CSS START
   ========================================================================== */

    .adacted-info-tiles {
    position: relative;
    background-color: #12141D;
    color: #ffffff;
    font-family: 'Sofia Sans', sans-serif;
    padding: var(--info-tiles-padding, 100px) 0;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
    }

    /* Background elements */
    .adacted-info-tiles__grid {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-size: 30px 30px;
    background-image: 
        linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    opacity: 0.2;
    pointer-events: none;
    animation: grid-pulse 8s infinite alternate ease-in-out;
    }

    @keyframes grid-pulse {
    0% {
        background-image: 
        linear-gradient(to right, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
    }
    50% {
        background-image: 
        linear-gradient(to right, rgba(var(--accent-color-rgb, 0, 255, 255), 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(var(--accent-color-rgb, 0, 255, 255), 0.05) 1px, transparent 1px);
    }
    100% {
        background-image: 
        linear-gradient(to right, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
    }
    }



    .adacted-info-tiles__container {
    position: relative;
    z-index: 1;
    max-width: var(--container-width, 1200px);
    margin: 0 auto;
    padding: 0 2rem;
    }

    .adacted-info-tiles__header {
    text-align: center;
    margin-bottom: 3.5rem;
    }

    @media (max-width: 768px) {
      .adacted-info-tiles__header {
        margin-bottom: 1rem;
      }
    }

    .adacted-info-tiles__title {
    font-weight: 700;
    margin-bottom: 1rem;
    position: relative;
    display: inline-block;
    }

    .adacted-info-tiles__title::after {
    content: "";
    position: absolute;
    bottom: -0.5rem;
    left: 25%;
    width: 50%;
    height: 3px;
    background: linear-gradient(to right, var(--gradient-color-from, #9333ea), var(--gradient-color-to, #ec4899));
    border-radius: 3px;
    }

    .adacted-info-tiles__title.no-underline::after {
    display: none;
    }

    .adacted-info-tiles__subtitle {
    max-width: 800px;
    margin: 0 auto;
    }

    /* Footer styling for subtitle when positioned below tiles */
    .adacted-info-tiles__footer {
    text-align: center;
    margin-top: 3rem;
    }

    .adacted-info-tiles__subtitle--below {
    max-width: 800px;
    margin: 0 auto;
    font-size: 1.2rem;
    line-height: 1.6;
    opacity: 0.9;
    }

    .adacted-info-tiles__grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    position: relative;
    }

    /* Make tiles that are alone on a row span full width */
    .adacted-info-tile:nth-child(3n+1):nth-last-child(1) {
    grid-column: 1 / -1;
    max-width: none;
    }

    /* Handle 4th item when it's alone (common with 4 total items in 3-column grid) */
    .adacted-info-tile:nth-child(4):last-child {
    grid-column: 1 / -1;
    max-width: none;
    }

    /* Handle 7th item when it's alone (common with 7 total items in 3-column grid) */
    .adacted-info-tile:nth-child(7):last-child {
    grid-column: 1 / -1;
    max-width: none;
    }

    /* General rule for any item that would be alone on the last row */
    .adacted-info-tile:nth-child(3n+1):last-child {
    grid-column: 1 / -1;
    max-width: none;
    }

    /* Handle scenarios where there are exactly 2 items on the last row */
    /* Use data attribute to target specific tile counts that result in 2 items on last row */
    
    /* When there are 5 items total - last two items share the width equally */
    .adacted-info-tiles__grid-container[data-tile-count="5"] {
        grid-template-columns: repeat(6, 1fr);
    }
    
    .adacted-info-tiles__grid-container[data-tile-count="5"] .adacted-info-tile:nth-child(1),
    .adacted-info-tiles__grid-container[data-tile-count="5"] .adacted-info-tile:nth-child(2),
    .adacted-info-tiles__grid-container[data-tile-count="5"] .adacted-info-tile:nth-child(3) {
        grid-column: span 2;
    }
    
    .adacted-info-tiles__grid-container[data-tile-count="5"] .adacted-info-tile:nth-child(4) {
        grid-column: 1 / 4;
    }
    
    .adacted-info-tiles__grid-container[data-tile-count="5"] .adacted-info-tile:nth-child(5) {
        grid-column: 4 / 7;
    }
    
    /* When there are 8 items total - last two items share the width equally */
    .adacted-info-tiles__grid-container[data-tile-count="8"] {
        grid-template-columns: repeat(6, 1fr);
    }
    
    .adacted-info-tiles__grid-container[data-tile-count="8"] .adacted-info-tile:nth-child(1),
    .adacted-info-tiles__grid-container[data-tile-count="8"] .adacted-info-tile:nth-child(2),
    .adacted-info-tiles__grid-container[data-tile-count="8"] .adacted-info-tile:nth-child(3),
    .adacted-info-tiles__grid-container[data-tile-count="8"] .adacted-info-tile:nth-child(4),
    .adacted-info-tiles__grid-container[data-tile-count="8"] .adacted-info-tile:nth-child(5),
    .adacted-info-tiles__grid-container[data-tile-count="8"] .adacted-info-tile:nth-child(6) {
        grid-column: span 2;
    }
    
    .adacted-info-tiles__grid-container[data-tile-count="8"] .adacted-info-tile:nth-child(7) {
        grid-column: 1 / 4;
    }
    
    .adacted-info-tiles__grid-container[data-tile-count="8"] .adacted-info-tile:nth-child(8) {
        grid-column: 4 / 7;
    }
    
    /* When there are 11 items total - last two items share the width equally */
    .adacted-info-tiles__grid-container[data-tile-count="11"] {
        grid-template-columns: repeat(6, 1fr);
    }
    
    .adacted-info-tiles__grid-container[data-tile-count="11"] .adacted-info-tile:nth-child(1),
    .adacted-info-tiles__grid-container[data-tile-count="11"] .adacted-info-tile:nth-child(2),
    .adacted-info-tiles__grid-container[data-tile-count="11"] .adacted-info-tile:nth-child(3),
    .adacted-info-tiles__grid-container[data-tile-count="11"] .adacted-info-tile:nth-child(4),
    .adacted-info-tiles__grid-container[data-tile-count="11"] .adacted-info-tile:nth-child(5),
    .adacted-info-tiles__grid-container[data-tile-count="11"] .adacted-info-tile:nth-child(6),
    .adacted-info-tiles__grid-container[data-tile-count="11"] .adacted-info-tile:nth-child(7),
    .adacted-info-tiles__grid-container[data-tile-count="11"] .adacted-info-tile:nth-child(8),
    .adacted-info-tiles__grid-container[data-tile-count="11"] .adacted-info-tile:nth-child(9) {
        grid-column: span 2;
    }
    
    .adacted-info-tiles__grid-container[data-tile-count="11"] .adacted-info-tile:nth-child(10) {
        grid-column: 1 / 4;
    }
    
    .adacted-info-tiles__grid-container[data-tile-count="11"] .adacted-info-tile:nth-child(11) {
        grid-column: 4 / 7;
    }

    .adacted-info-tile {
    position: relative;
    background-color: rgba(30, 38, 54, 0.4);
    border-radius: 12px;
    padding: 2rem;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
    overflow: hidden;
    }

    .adacted-info-tile:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);
    }

    .adacted-info-tile__corner {
    position: absolute;
    width: 15px;
    height: 15px;
    z-index: 2;
    transition: width 0.3s ease, height 0.3s ease;
    }



    .adacted-info-tile__hero-image {
    margin: -2rem -2rem 1.5rem -2rem;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    position: relative;
    }

    .adacted-info-tile__hero-img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
    }

    .adacted-info-tile:hover .adacted-info-tile__hero-img {
    transform: scale(1.05);
    }

    .adacted-info-tile__title {
    font-weight: 700;
    margin-bottom: 1rem;
    background: linear-gradient(to right, var(--gradient-color-from, #9333ea), var(--gradient-color-to, #ec4899));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: var(--gradient-color-from, #9333ea);
    }

    .adacted-info-tile__description {
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
    }

    /* Rich text paragraph margin elimination for info tiles */
    .adacted-info-tile__description p {
        margin-top: 0 !important;
        margin-bottom: 0.5em;
    }

    .adacted-info-tile__description p:first-child {
        margin-top: 0 !important;
    }

    .adacted-info-tile__description p:last-child {
        margin-bottom: 0 !important;
    }





    /* Responsive styles */
    @media screen and (max-width: 767px) {
    .adacted-info-tiles__grid-container {
        grid-template-columns: 1fr !important;
    }
    
    /* Reset all custom grid column assignments on mobile */
    .adacted-info-tiles__grid-container[data-tile-count] .adacted-info-tile {
        grid-column: auto !important;
    }
    
    .adacted-info-tile {
        padding: 1.5rem;
    }
    
    .adacted-info-tile__hero-image {
        margin: -1.5rem -1.5rem 1rem -1.5rem;
    }
    
    .adacted-info-tile__hero-img {
        height: 120px;
    }
    
    .adacted-info-tiles__title {
    }
    
    .adacted-info-tiles__subtitle {
    }
    }
/* ==========================================================================
   ADACTED INFO TILES SECTION CSS END
   ========================================================================== */
/* ==========================================================================
   ADACTED SUPPORTING FOUNDERS SECTION CSS START
   ========================================================================== */

    .adacted-supporting-founders {
    position: relative;
    background-color: #12141D;
    color: #ffffff;
    font-family: 'Sofia Sans', sans-serif;
    padding: var(--supporting-founders-padding, 100px) 0;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
    }

    /* Dynamic background */
    .supporting-founders__bg {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at center, rgba(30, 38, 54, 0.4) 0%, rgba(18, 20, 29, 0) 70%);
    z-index: 0;
    }

    /* Orbital rings */
    .supporting-founders__orbital {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.05);
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0;
    animation: rotate 50s linear infinite;
    }

    .supporting-founders__orbital::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: var(--accent-color, #00ffff);
    border-radius: 50%;
    box-shadow: 0 0 10px var(--accent-color, #00ffff);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    }

    .supporting-founders__orbital--large {
    width: 140%;
    height: 140%;
    left: 50%;
    top: 50%;
    opacity: 0.7;
    }

    .supporting-founders__orbital--medium {
    width: 100%;
    height: 100%;
    left: 30%;
    top: 60%;
    opacity: 0.5;
    animation-direction: reverse;
    }

    .supporting-founders__orbital--small {
    width: 60%;
    height: 60%;
    left: 70%;
    top: 30%;
    opacity: 0.3;
    animation-duration: 30s;
    }

    @keyframes rotate {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
    }

    /* Diagonal accent lines */
    .supporting-founders__diagonal {
    position: absolute;
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg, 
        transparent 0%, 
        var(--accent-color, #00ffff) 50%,
        transparent 100%);
    opacity: 0.3;
    transform-origin: 0 0;
    z-index: 0;
    }

    .supporting-founders__diagonal--1 {
    top: 20%;
    left: 0;
    transform: rotate(15deg);
    width: 120%;
    }

    .supporting-founders__diagonal--2 {
    top: 80%;
    left: 0;
    transform: rotate(-10deg);
    width: 120%;
    }

    /* Floating particles */
    .supporting-founders__particle {
    position: absolute;
    border-radius: 50%;
    background: var(--accent-color, #00ffff);
    opacity: 0.4;
    pointer-events: none;
    z-index: 0;
    animation: float 8s ease-in-out infinite alternate;
    }

    .supporting-founders__particle--1 {
    width: 6px;
    height: 6px;
    left: 10%;
    top: 30%;
    animation-delay: 0s;
    box-shadow: 0 0 10px var(--accent-color, #00ffff);
    }

    .supporting-founders__particle--2 {
    width: 4px;
    height: 4px;
    left: 85%;
    top: 15%;
    animation-delay: 1s;
    box-shadow: 0 0 8px var(--accent-color, #00ffff);
    }

    .supporting-founders__particle--3 {
    width: 8px;
    height: 8px;
    left: 70%;
    top: 80%;
    animation-delay: 2s;
    box-shadow: 0 0 15px var(--accent-color, #00ffff);
    }

    .supporting-founders__particle--4 {
    width: 5px;
    height: 5px;
    left: 25%;
    top: 70%;
    animation-delay: 3s;
    box-shadow: 0 0 12px var(--accent-color, #00ffff);
    }

    @keyframes float {
    0% { transform: translate(0, 0); }
    50% { transform: translate(20px, -20px); }
    100% { transform: translate(-20px, 20px); }
    }

    /* Main container */
    .supporting-founders__container {
    position: relative;
    z-index: 1;
    max-width: var(--container-width, 1200px);
    margin: 0 auto;
    padding: 0 2rem;
    }

    /* Header styles */
    .supporting-founders__header {
    text-align: center;
    margin-bottom: 1rem;
    position: relative;
    }

    .supporting-founders__highlight-title {
    font-size: clamp(1.5rem, 4vw, 2.5rem);
    font-weight: 700;
    margin-bottom: 1rem;
    position: relative;
    display: inline-block;
    }

    .supporting-founders__highlight-title::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, var(--gradient-color-from, #9333ea), var(--gradient-color-to, #ec4899));
    border-radius: 3px;
    }

    .supporting-founders__main-title {
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 700;
    margin-bottom: 2rem;
    line-height: 1.2;
    }

    /* 3D Image showcase */
    .supporting-founders__showcase {
    position: relative;
    margin-bottom: 8rem;
    perspective: 1000px;
    height: 400px;
    }

    .supporting-founders__showcase-inner {
    position: relative;
    height: 100%;
    transform-style: preserve-3d;
    }

    .supporting-founders__image-left,
    .supporting-founders__image-right {
    position: absolute;
    width: 45%;
    max-width: 400px;
    height: 100%;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
    transition: transform 0.5s ease, box-shadow 0.5s ease;
    }

    .supporting-founders__image-left {
    left: 5%;
    transform: rotateY(10deg) translateZ(30px);
    z-index: 2;
    }

    .supporting-founders__image-right {
    right: 5%;
    transform: rotateY(-10deg) translateZ(30px);
    z-index: 1;
    }

    .supporting-founders__image-left:hover,
    .supporting-founders__image-right:hover {
    transform: rotateY(0) translateZ(50px);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);
    z-index: 3;
    }

    .supporting-founders__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    }

    .supporting-founders__image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, 
        rgba(18, 20, 29, 0) 0%,
        rgba(18, 20, 29, 0.5) 100%);
    pointer-events: none;
    }

    .supporting-founders__image-glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at center, 
        rgba(var(--accent-color-rgb, 0, 255, 255), 0.3) 0%,
        transparent 70%);
    mix-blend-mode: screen;
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
    }

    .supporting-founders__image-left:hover .supporting-founders__image-glow,
    .supporting-founders__image-right:hover .supporting-founders__image-glow {
    opacity: 1;
    }

    /* Additional CSS for scroll animation */
    .supporting-founders__features {
    position: relative;
    margin: 6rem 0;
    padding: 2rem 0;
    }

    .supporting-founders__feature-container {
    display: flex;
    flex-direction: column;
    gap: 8rem;
    position: relative;
    }

    .supporting-founders__feature-wrapper {
    position: relative;
    }

    .supporting-founders__feature-wrapper:nth-child(odd) {
    align-self: flex-start;
    margin-right: 50%;
    padding-right: 3rem;
    }

    .supporting-founders__feature-wrapper:nth-child(even) {
    align-self: flex-end;
    margin-left: 50%;
    padding-left: 3rem;
    }

    .supporting-founders__feature-wrapper:nth-child(odd)::after,
    .supporting-founders__feature-wrapper:nth-child(even)::after {
    content: '';
    position: absolute;
    top: 2rem;
    height: 3px;
    background: linear-gradient(to right, 
        var(--gradient-color-from, #9333ea), 
        var(--gradient-color-to, #ec4899));
    z-index: 1;
    }



    .supporting-founders__feature {
    position: relative;
    padding: 2rem;
    background-color: rgba(28, 30, 41, 0.7);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 1rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    z-index: 2;
    max-width: 600px;
    }

    .supporting-founders__feature:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    }

    .supporting-founders__feature-number {
    position: absolute;
    top: -0.5rem;
    font-size: 3rem;
    font-weight: 800;
    opacity: 0.3;
    color: var(--accent-color, #00ffff);
    right: 1rem;
    }

    .supporting-founders__feature-wrapper:nth-child(odd) .supporting-founders__feature-number {
    right: 1rem;
    }

    .supporting-founders__feature-wrapper:nth-child(even) .supporting-founders__feature-number {
    right: 1rem;
    }

    .supporting-founders__feature-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #ffffff;
    }

    .supporting-founders__feature-description {
    color: rgba(255, 255, 255, 0.8);
    font-size: var(--paragraph-font-size, 18px)!important;
    line-height: 1.6;
    }

    /* 3D Button with glow effect */
    .supporting-founders__cta-container {
    text-align: center;
    margin-top: 3rem;
    perspective: 800px;
    }

    .supporting-founders__button {
    display: inline-block;
    padding: 0.875rem 1.75rem;
    background: linear-gradient(to right, var(--button-color-from, #9333ea), var(--button-color-to, #ec4899));
    color: white;
    font-weight: 600;
    border-radius: 0.375rem;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 5px 15px -5px rgba(var(--button-color-from-rgb, 147, 51, 234), 0.3);
    border: none;
    cursor: pointer;
    text-align: center;
    font-size: 1rem;
    font-family: 'Sofia Sans', sans-serif;
    z-index: 1;
    }

    .supporting-founders__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -5px rgba(var(--button-color-from-rgb, 147, 51, 234), 0.5);
    }

    .supporting-founders__button-text {
    position: relative;
    z-index: 1;
    }

    .supporting-founders__button-glow {
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    transform: skewX(-25deg);
    transition: all 0.5s ease;
    z-index: 0;
    }

    .supporting-founders__button:hover .supporting-founders__button-glow {
    left: 160%;
    }

    /* Scroll animation styles */
    .timeline-center-line {
    position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    height: 100% !important;
    width: 8px !important;
    transform: translateX(-50%) !important;
    z-index: 5 !important;
    background: linear-gradient(to bottom, var(--gradient-color-from, #9333ea), var(--gradient-color-to, #ec4899)) !important;
    box-shadow: 0 0 20px var(--gradient-color-from, #9333ea) !important;
    border-radius: 4px !important;
    display: block !important;
    transform-origin: center top;
    scale: 1 0;
    will-change: transform;
    transition: scale 0.05s linear;
    }

    .timeline-connector-dot {
    position: absolute !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 12px !important;
    height: 12px !important;
    background-color: var(--accent-color, #00ffff) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 15px var(--accent-color, #00ffff) !important;
    z-index: 15 !important;
    opacity: 0;
    transition: opacity 0.3s ease;
    }

    .timeline-connector-line-left {
    position: absolute !important;
    left: 50% !important;
    right: 10% !important;
    height: 4px !important;
    background-color: var(--accent-color, #00ffff) !important;
    box-shadow: 0 0 10px var(--accent-color, #00ffff) !important;
    z-index: 8 !important;
    transform-origin: left;
    scale: 0 1;
    transition: scale 0.3s ease;
    }

    .timeline-connector-line-right {
    position: absolute !important;
    left: 10% !important;
    right: 50% !important;
    height: 4px !important;
    background-color: var(--accent-color, #00ffff) !important;
    box-shadow: 0 0 10px var(--accent-color, #00ffff) !important;
    z-index: 8 !important;
    transform-origin: right;
    scale: 0 1;
    transition: scale 0.3s ease;
    }

    /* Animation keyframes */
    @keyframes fadeSlideIn {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
    }

    /* Responsive styles */
    @media screen and (max-width: 991px) {
    .supporting-founders__showcase {
        height: 600px;
    }
    
    .supporting-founders__image-left,
    .supporting-founders__image-right {
        width: 70%;
        max-width: 100%;
        height: 45%;
    }
    
    .supporting-founders__image-left {
        left: 50%;
        top: 0;
        transform: translateX(-50%) rotateX(10deg) translateZ(30px);
    }
    
    .supporting-founders__image-right {
        left: 50%;
        bottom: 0;
        top: auto;
        right: auto;
        transform: translateX(-50%) rotateX(-10deg) translateZ(30px);
    }
    
    .supporting-founders__image-left:hover,
    .supporting-founders__image-right:hover {
        transform: translateX(-50%) rotateX(0) translateZ(50px);
    }
    
    .supporting-founders__feature-wrapper:nth-child(odd),
    .supporting-founders__feature-wrapper:nth-child(even) {
        align-self: center;
        margin: 0;
        padding-left: 3rem;
    }
    
    .supporting-founders__feature-wrapper:nth-child(odd)::after,
    .supporting-founders__feature-wrapper:nth-child(even)::after {
        left: 0;
        width: 3rem;
    }
    
    .supporting-founders__feature-wrapper:nth-child(odd)::before,
    .supporting-founders__feature-wrapper:nth-child(even)::before {
        left: -0.5rem;
    }
    
    .supporting-founders__feature {
        max-width: 100%;
    }
    
    .supporting-founders__feature-wrapper:nth-child(odd) .supporting-founders__feature-number,
    .supporting-founders__feature-wrapper:nth-child(even) .supporting-founders__feature-number {
        left: 1rem;
    }
    }

    @media screen and (max-width: 767px) {
    .supporting-founders__header {
        margin-bottom: 4rem;
    }
    
    .supporting-founders__showcase {
        height: 500px;
        margin-bottom: 5rem;
    }
    
    .supporting-founders__features {
        grid-template-columns: 1fr;
    }
    
    .supporting-founders__orbital--large,
    .supporting-founders__orbital--medium {
        display: none;
    }
    }



/* ==========================================================================
   ADACTED SUPPORTING FOUNDERS SECTION CSS END
   ========================================================================== */
/* ==========================================================================
   ADACTED OWN BRANDS SECTION CSS START
   ========================================================================== */

    .adacted-own-brands {
    position: relative;
    width: 100%;
    padding: 6rem 0;
    overflow: hidden;
    font-family: 'Sofia Sans', sans-serif;
    color: #ffffff;
    z-index: 1;
    }


    .adacted-own-brands__container {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
    z-index: 2;
    overflow: hidden;
    }

    .adacted-own-brands__header {
    text-align: center;
    margin-bottom: 4rem;
    position: relative;
    }

    .adacted-own-brands__title {
    position: relative;
    display: inline-block;
    font-size: 2.75rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    line-height: 1.2;
    color: white;
    }

    .adacted-own-brands__eyebrow-emoji {
    position: absolute;
    font-size: 3rem;
        top: 0.5rem;
        right: -4rem;
    }

    .adacted-own-brands__subtitle {
    font-size: 1.25rem;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto;
    }

    .adacted-own-brands__showcase {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    }

    .adacted-own-brands__card {
    position: relative;
    margin-bottom: 2rem;
    overflow: hidden;
    border-radius: 12px;
    background-color: rgba(20, 22, 33, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .adacted-own-brands__card:hover {
    border-color: rgba(255, 255, 255, 0.2);
    transform: translateY(-5px);
    transition: all 0.3s ease-in-out;
    }

    .adacted-own-brands__card-inner {
    position: relative;
    padding: 2rem;
    background-color: rgba(10, 12, 23, 0.6);
    border-radius: 8px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    }

    .adacted-own-brands__main-content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
    align-items: flex-start;
    }

    .adacted-own-brands__brand-info {
    flex: 1;
    margin-right: 2rem;
    }

    .adacted-own-brands__card-logo {
    margin-bottom: 1rem;
    }

    .adacted-own-brands__logo-image {
    max-width: 180px;
    height: auto;
    }

    .adacted-own-brands__card-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: rgba(255, 255, 255, 0.9);
    }

    .adacted-own-brands__card-description {
    font-size: var(--paragraph-font-size, 18px);
    line-height: 1.5;
    opacity: 0.8;
    max-width: 500px;
    margin-bottom: 1rem;
    }

    /* Stats styling */
    .adacted-own-brands__stats {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: flex-start;
    justify-content: flex-end;
    min-width: 280px;
    }

    .adacted-own-brands__stat {
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 6px;
    padding: 0.75rem 1rem;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
    }

    .adacted-own-brands__stat:hover {
    background-color: rgba(255, 255, 255, 0.1);
    }

    .adacted-own-brands__stat-value {
    font-size: 1.5rem;
    font-weight: bold;
    color: #6161ff;
    background: linear-gradient(135deg, #6161ff, #9333ea);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 0.25rem;
    }

    .adacted-own-brands__stat-label {
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.7;
    }

    /* Marquee container - remove border */
    .adacted-own-brands__marquee-container {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    margin-top: 1rem;
    padding: 0;
    }

    .adacted-own-brands__marquee {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0.5rem 0;
    }

    .adacted-own-brands__marquee-track {
    display: flex;
    gap: 1rem;
    position: relative;
    white-space: nowrap;
    flex-wrap: nowrap;
    width: max-content;
    padding: 0 1rem;
    }

    .adacted-own-brands__marquee-track.animate {
    animation: marquee-scroll 30s linear infinite;
    }

    @keyframes marquee-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-50% - 1rem));
    }
    }

    .adacted-own-brands__marquee-item {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 4px;
    }

    .adacted-own-brands__marquee-image,
    .adacted-own-brands__marquee-video {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 4px;
    }




    /* Media queries for responsive design */
    @media (min-width: 768px) {
    .adacted-own-brands__title {
        font-size: 3.5rem;
    }
    
    .adacted-own-brands__eyebrow-emoji {
        font-size: 3rem;
        top: 0.5rem;
        right: -4rem;
    }
    
    .adacted-own-brands__subtitle {
        font-size: 1.5rem;
    }
    
    .adacted-own-brands__main-content {
        flex-wrap: nowrap;
    }
    
    .adacted-own-brands__stats {
        justify-content: space-around;
    }
    }

    @media (max-width: 767px) {
    .adacted-own-brands {
        padding: 4rem 0;
    }
    
    .adacted-own-brands__header {
        margin-bottom: 2rem;
    }
    
    .adacted-own-brands__card-inner {
        padding: 1.5rem;
    }
    
    .adacted-own-brands__stats {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 0.75rem;
        margin-top: 1rem;
        min-width: auto;
        width: 100%;
    }
    
    .adacted-own-brands__stat {
        flex: 1;
        min-width: 85px;
    }
    
    .adacted-own-brands__marquee-item {
        min-width: 150px;
        height: 150px;
    }
    
    .adacted-own-brands__main-content {
        flex-direction: column;
    }
    
    .adacted-own-brands__brand-info {
        margin-right: 0;
        margin-bottom: 1rem;
    }
    }

/* ==========================================================================
   ADACTED OWN BRANDS SECTION CSS END
   ========================================================================== */

/* ==========================================================================
   ADACTED CASE STUDIES SECTION CSS START
   ========================================================================== */

    /* Inherit base styles from own brands section */
    .case-studies-section {
    position: relative;
    padding: 60px 0;
    font-family: 'Sofia Sans', sans-serif;
    background-color: #12141D;
    color: white;
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    }

    .case-studies-section .container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    }

    /* Title styling */
    .case-studies-title-container.adacted-own-brands__header {
    margin-bottom: 4rem;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    }

    /* Case Studies Container */
    .case-studies-container.adacted-own-brands__showcase {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
    margin-bottom: 3rem;
    width: 100%;
    }

    /* Ensure card content displays correctly */
    .case-studies-section .adacted-own-brands__card {
    width: 100%;
    }

    .case-studies-section .adacted-own-brands__card-inner {
    min-height: 250px;
    width: 100%;
    }

    /* New side-by-side layout */
    .case-study-content-wrapper {
    display: flex;
    width: 100%;
    height: 100%;
    }

    /* Image container - left side */
    .case-study-image-container {
    flex: 0 0 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(18, 20, 29, 0.5);
    padding: 1rem;
    overflow: hidden;
    }

    @media screen and (max-width: 767px) {
      .case-study-image-container {
        padding-left: 0!important;
        padding-right: 0 !important;
      }
    }

    .case-study-image {
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    position: relative;
    }

    .case-study-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    }

    .case-study-image.placeholder-image {
    background-color: #333;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5rem;
    }

    /* Content container - right side */
    .case-study-content {
    flex: 0 0 50%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }

    .case-study-content-inner {
    width: 100%;
    max-width: 80%;
    display: flex;
    flex-direction: column;
    }

    /* Brand info */
    .case-study-brand-info {
    margin-bottom: 2rem;
    }

    .case-study-logo {
    margin-bottom: 30px;
    height: 60px;
    display: flex;
    align-items: center;
    }

    .case-study-logo img {
    max-width: 200px;
    height: auto;
    object-fit: contain;
    background-color: transparent;
    display: block;
    border-radius: 4px; /* Add subtle rounded corners */
    }

    .case-study-logo-placeholder {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #6161ff, #9333ea);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.8rem;
    font-weight: bold;
    }

    .case-study-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: rgba(255, 255, 255, 0.9);
    }

    .case-study-description {
    font-size: var(--paragraph-font-size, 18px);
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 1.5rem;
    }

    /* Stats styling - match own brands */
    .case-study-stats {
    display: flex;
    gap: 1.5rem;
    align-items: stretch; /* Make all stat boxes same height */
    margin-top: auto;
    }

    .case-study-stat {
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 6px;
    padding: 0.75rem 1rem;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Content aligns to top */
    }

    .case-study-stat:hover {
    background-color: rgba(255, 255, 255, 0.1);
    }

    /* Hide empty stats dynamically */
    .case-study-stat:has(.case-study-stat-value:empty):has(.case-study-stat-label:empty) {
    display: none;
    }

    /* Fallback for browsers that don't support :has() - controlled by JavaScript */
    .case-study-stat[data-empty="true"] {
    display: none;
    }

    .case-study-stat-value {
    font-size: 1.5rem;
    font-weight: bold;
    color: #6161ff;
    background: linear-gradient(135deg, #6161ff, #9333ea);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 0.25rem;
    }

    .case-study-stat-label {
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.7;
    color: white;
    }

    /* Button styling overrides */
    .case-studies-section .view-more-button {
    position: relative;
    z-index: 2;
    }

    .case-studies-section .view-more-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -5px rgba(var(--button-color-from-rgb, 147, 51, 234), 0.5);
    }

    /* Background elements */
    .case-studies-section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    }

    /* Media queries for responsive design */
    @media (min-width: 768px) {
    .case-studies-container.adacted-own-brands__showcase {
        grid-template-columns: repeat(1, 1fr);
    }
    }

    @media (max-width: 767px) {
    .case-studies-section {
        padding: 4rem 0;
    }
    
    .case-studies-title-container.adacted-own-brands__header {
        margin-bottom: 2rem;
    }
    
    .case-study-content-wrapper {
        flex-direction: column;
    }
    
    .case-study-image-container,
    .case-study-content {
        flex: 0 0 100%;
        width: 100%;
    }
    
    .case-study-image-container {
        max-height: 350px;
    }
    
    .case-study-content {
        padding: 1.5rem;
    }
    
    .case-study-content-inner {
        max-width: 100%;
    }
    
    .case-study-stats {
        flex-direction: row;
        gap: 0.75rem;
        flex-wrap: wrap;
    }
    
    .case-study-stat {
        min-width: calc(33% - 0.75rem);
        flex: 1 1 auto;
    }
    }

/* ==========================================================================
   ADACTED CASE STUDIES SECTION CSS END
   ========================================================================== */
/* ==========================================================================
   ADACTED RICH TEXT INFO SECTION CSS START
   ========================================================================== */

    /* Adacted Rich Text Boxes - Retrofuturistic styled text boxes */
    .adacted-rich-text-boxes {
    position: relative;
    background-color: #12141D;
    color: #ffffff;
    font-family: 'Sofia Sans', sans-serif;
    padding: 100px 0;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
    }


    .adacted-rich-text-boxes__container {
    position: relative;
    z-index: 2;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 2rem;
    }

    .adacted-rich-text-boxes__header {
    text-align: center;
    margin-bottom: 4rem;
    }

    @media screen and (max-width: 767px) {
      .adacted-rich-text-boxes__header {
        margin-bottom: 1rem;
      }
    }

    .adacted-rich-text-boxes__title {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    line-height: 1.2;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    }

    @media (min-width: 768px) {
    .adacted-rich-text-boxes__title {
        font-size: 3.5rem;
    }
    }

    .adacted-rich-text-boxes__subtitle {
    font-size: 1.2rem;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
    opacity: 0.9;
    }

    .adacted-rich-text-boxes__content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    }

    /* Dynamic box sizing based on number of boxes */
    
    /* When there's only 1 box - center it and limit width */
    .adacted-rich-text-box:only-child {
    grid-column: 1 / -1;
    max-width: 600px;
    margin: 0 auto;
    }

    /* When there are exactly 2 boxes - use flexbox for equal spacing */
    .adacted-rich-text-boxes .adacted-rich-text-boxes__content[data-count="2"] {
    display: flex !important;
    justify-content: center;
    gap: 2rem;
    }

    .adacted-rich-text-boxes .adacted-rich-text-boxes__content[data-count="2"] .adacted-rich-text-box {
    flex: 1;
    max-width: calc(50% - 1rem);
    }

    /* When there are 4 boxes - 2 rows of 2 */
    .adacted-rich-text-boxes .adacted-rich-text-boxes__content[data-count="4"] {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 2rem;
    max-width: 800px;
    margin: 0 auto;
    }

    /* When there are 5 boxes - custom layout with last 2 centered */
    .adacted-rich-text-boxes .adacted-rich-text-boxes__content[data-count="5"] {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 2rem;
    }

    /* First 3 boxes span 2 columns each */
    .adacted-rich-text-boxes .adacted-rich-text-boxes__content[data-count="5"] .adacted-rich-text-box:nth-child(1) {
    grid-column: 1 / 3;
    }

    .adacted-rich-text-boxes .adacted-rich-text-boxes__content[data-count="5"] .adacted-rich-text-box:nth-child(2) {
    grid-column: 3 / 5;
    }

    .adacted-rich-text-boxes .adacted-rich-text-boxes__content[data-count="5"] .adacted-rich-text-box:nth-child(3) {
    grid-column: 5 / 7;
    }

    /* Last 2 boxes centered, each spanning 2 columns with gap */
    .adacted-rich-text-boxes .adacted-rich-text-boxes__content[data-count="5"] .adacted-rich-text-box:nth-child(4) {
    grid-column: 2 / 4;
    }

    .adacted-rich-text-boxes .adacted-rich-text-boxes__content[data-count="5"] .adacted-rich-text-box:nth-child(5) {
    grid-column: 4 / 6;
    }

    .adacted-rich-text-box {
    position: relative;
    background-color: rgba(18, 20, 29, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 2rem;
    border-radius: 12px;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    overflow: hidden;
    }

    .adacted-rich-text-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px -10px rgba(151, 71, 255, 0.2);
    border-color: rgba(151, 71, 255, 0.3);
    }

    .adacted-rich-text-box__corner {
    position: absolute;
    width: 12px;
    height: 12px;
    border-color: #9333ea;
    z-index: 1;
    opacity: 0.7;
    transition: opacity 0.3s ease, border-color 0.3s ease;
    }


    .adacted-rich-text-box__icon-container {
    position: relative;
    width: 80px;
    height: 80px;
   
    display: flex;
    align-items: center;
    justify-content: center;
    }

    .adacted-rich-text-box__icon-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: radial-gradient(circle, rgba(147, 51, 234, 0.3) 0%, rgba(0, 0, 0, 0) 70%);
    border-radius: 50%;
    filter: blur(10px);
    opacity: 0.5;
    transition: opacity 0.3s ease, width 0.3s ease, height 0.3s ease;
    }

    .adacted-rich-text-box:hover .adacted-rich-text-box__icon-glow {
    opacity: 0.8;
    width: 70px;
    height: 70px;
    }

    .adacted-rich-text-box__icon {
    position: relative;
    z-index: 2;
    transition: transform 0.3s ease;
    }

    .adacted-rich-text-box:hover .adacted-rich-text-box__icon {
    transform: scale(1.1);
    }

    .adacted-rich-text-box__icon--emoji {
    font-size: 3rem;
    line-height: 1;
    filter: none;
    }

    .adacted-rich-text-box__title-emoji {
    margin-right: 1rem;
    font-size: 1.5em;
    vertical-align: middle;
    display: inline-block;
    }

    .adacted-rich-text-box__title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    }

    .adacted-rich-text-box__title-text {
    flex: 1;
    }


    .adacted-rich-text-box__title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    font-weight: 700;
    color: #ffffff;
    }

    .adacted-rich-text-box__description {
    font-size: var(--paragraph-font-size, 18px);
    line-height: 1.6;
    opacity: 0.8;
    }

    .adacted-rich-text-box__description p {
    margin: 0;
    }

    /* Media Queries */
    @media screen and (max-width: 991px) {
    .adacted-rich-text-boxes__content {
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* Override dynamic sizing for tablet */
    .adacted-rich-text-boxes__content[data-count="2"] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-content: initial;
    }
    
    .adacted-rich-text-boxes__content[data-count="2"] .adacted-rich-text-box {
        flex: initial;
        max-width: initial;
    }
    }

    @media screen and (max-width: 767px) {
    .adacted-rich-text-boxes {
        padding: 70px 0;
    }
    
    .adacted-rich-text-boxes__content,
    .adacted-rich-text-boxes__content[data-count="2"],
    .adacted-rich-text-boxes__content[data-count="3"],
    .adacted-rich-text-boxes__content[data-count="4"],
    .adacted-rich-text-boxes__content[data-count="5"] {
        display: grid;
        grid-template-columns: 1fr;
        justify-content: initial;
    }
    
    .adacted-rich-text-boxes__content[data-count="2"] .adacted-rich-text-box {
        flex: initial;
        max-width: initial;
    }
    
    .adacted-rich-text-boxes__title {
        font-size: 2rem;
    }
    
    .adacted-rich-text-boxes__subtitle {
        font-size: 1rem;
    }
    }

    /* Terminal header styling for each box */
    .adacted-rich-text-box__terminal-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin: -2rem -2rem 1.5rem;
    padding: 0.75rem 1rem;
    }

    .adacted-rich-text-box__terminal-dots {
    display: flex;
    gap: 6px;
    }

    .adacted-rich-text-box__terminal-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    }

    .adacted-rich-text-box__terminal-dot--red {
    background-color: #ff5f57;
    }

    .adacted-rich-text-box__terminal-dot--yellow {
    background-color: #febc2e;
    }

    .adacted-rich-text-box__terminal-dot--green {
    background-color: #28c840;
    }

    .adacted-rich-text-box__terminal-title {
    font-size: 0.9rem;
    opacity: 0.7;
    font-family: 'Sofia Sans', sans-serif;
    }

    /* Adjust padding to accommodate terminal header */
    .adacted-rich-text-box__icon-container {
    margin-top: 0.5rem;
    }
/* ==========================================================================
   ADACTED RICH TEXT INFO SECTION CSS END
   ========================================================================== */

/* ==========================================================================
   ADACTED BOTTOM CTA SECTION CSS START
   ========================================================================== */

    .adacted-bottom-cta {
    position: relative;
    width: 100%;
    min-height: 600px; /* Increased from 400px */
    padding: 180px 0; /* Increased from 120px */
    background-color: #12141D;
    color: #ffffff;
    font-family: 'Sofia Sans', sans-serif;
    overflow: hidden;
    z-index: 1;
    background-size: cover;
    background-position: center top;
    }

    .adacted-bottom-cta__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, 
        rgba(18, 20, 30, 1) 0%, 
        rgba(18, 20, 30, 0.9) 15%, 
        rgba(18, 20, 30, 0.7) 30%, 
        rgba(18, 20, 30, 0.5) 50%, 
        rgba(18, 20, 30, 0.3) 70%, 
        rgba(18, 20, 30, 0.1) 85%,
        rgba(18, 20, 30, 0) 100%);
    z-index: 1; /* Changed from 0 to 1, to ensure it's on top of the background */
    pointer-events: none; /* Allow clicks to pass through */
    }

    .adacted-bottom-cta__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 2; /* This was already 2, which is good */
    }

    .adacted-bottom-cta__content {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    }

    .adacted-bottom-cta__heading {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    /* Removing the direct color setting to allow gradient text to show */
    /* color: #ffffff; */
    text-transform: none;
    letter-spacing: 0;
    }

    .adacted-bottom-cta__paragraph {
    font-size: var(--paragraph-font-size, 18px);
    line-height: 1.6;
    margin-bottom: 2rem;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    }

    .adacted-bottom-cta__button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    border-radius: 8px;
    font-size: 1.125rem;
    font-weight: 500;
    text-decoration: none;
    color: #ffffff;
    background: linear-gradient(to right, var(--bottom-cta-button-color-from, #9333ea), var(--bottom-cta-button-color-to, #ec4899));
    border: none;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px -5px rgba(var(--bottom-cta-button-color-from-rgb, 147, 51, 234), 0.3);
    }

    .adacted-bottom-cta__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -5px rgba(var(--bottom-cta-button-color-from-rgb, 147, 51, 234), 0.5);
    }

    .adacted-bottom-cta__button-text {
    position: relative;
    z-index: 2;
    }

    .adacted-bottom-cta__button-glow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(var(--bottom-cta-button-color-from-rgb, 147, 51, 234), 0.5), rgba(var(--bottom-cta-button-color-to-rgb, 236, 72, 153), 0.5));
    filter: blur(15px);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    }

    .adacted-bottom-cta__button:hover .adacted-bottom-cta__button-glow {
    opacity: 0.8;
    }

    @media screen and (max-width: 767px) {
    .adacted-bottom-cta {
        padding: 120px 0; /* Increased from 80px */
        min-height: 500px; /* Added min-height for mobile */
    }
    
    .adacted-bottom-cta__heading {
        font-size: 2rem;
    }
    
    .adacted-bottom-cta__paragraph {
        font-size: 1.125rem;
    }
    
    .adacted-bottom-cta__button {
        padding: 14px 28px;
        font-size: 1rem;
    }
    }

/* ==========================================================================
   ADACTED BOTTOM CTA SECTION CSS END
   ========================================================================== */

/* ==========================================================================
   SHOPIFY PRIVACY CONSENT BANNER CUSTOMIZATION
   ========================================================================== */

    .shopify-pc__banner {
    font-family: 'Sofia Sans', sans-serif;
    }

    .shopify-pc__banner__dialog {
    background-color: #12141D !important;
    border: 1px solid rgba(147, 51, 234, 0.3) !important;
    box-shadow: 0 0 20px rgba(147, 51, 234, 0.15) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    
    }

    .shopify-pc__banner__dialog::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, rgba(147, 51, 234, 0.02), rgba(236, 72, 153, 0.02));
    pointer-events: none;
    }

    .shopify-pc__banner__wrapper {
    padding: 1.5rem !important;
    }

    .shopify-pc__banner__body-title {
    color: #ffffff !important;
    font-size: 1.25rem !important;
    margin-bottom: 0.75rem !important;
    font-weight: 600 !important;
    }

    .shopify-pc__banner__dialog h2 {
    color: #ffffff !important;
    font-size: 1.25rem !important;
    margin-bottom: 0.75rem !important;
    font-weight: 600 !important;
    }

    .shopify-pc__banner__body p {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    margin-bottom: 1.25rem !important;
    }

    .shopify-pc__banner__body a {
    color: #9333EA !important;
    text-decoration: none !important;
    
    transition: all 0.2s ease !important;
    }

    .shopify-pc__banner__body a:hover {
    color: #ec4899 !important;
    text-decoration: underline !important;
    }


    .shopify-pc__banner__btn-manage-prefs,
    .shopify-pc__banner__btn-accept,
    .shopify-pc__banner__btn-decline {
    padding: 0.6rem 1.25rem !important;
    border-radius: 4px !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
    border: none !important;
    cursor: pointer !important;
    overflow: hidden !important;
    font-family: 'Sofia Sans', sans-serif !important;
    }

    .shopify-pc__banner__btn-manage-prefs {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    }

    .shopify-pc__banner__btn-manage-prefs:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    }

    .shopify-pc__banner__btn-accept {
    background: linear-gradient(45deg, #9333EA, #ec4899) !important;
    color: #ffffff !important;
    }

    .shopify-pc__banner__btn-accept:hover {
    opacity: 0.9 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(236, 72, 153, 0.2) !important;
    }

    .shopify-pc__banner__btn-decline {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.8) !important;
    }

    .shopify-pc__banner__btn-decline:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    }

    @media (max-width: 640px) {
    .shopify-pc__banner__wrapper {
        padding: 1rem !important;
    }
    
    .shopify-pc__banner__btns {
        flex-direction: column !important;
    }
    
    .shopify-pc__banner__btn-manage-prefs,
    .shopify-pc__banner__btn-accept,
    .shopify-pc__banner__btn-decline {
        width: 100% !important;
    }
    }

/* ==========================================================================
   SHOPIFY PRIVACY CONSENT BANNER CUSTOMIZATION END
   ========================================================================== */
/* ==========================================================================
   GLOBAL BUTTON STYLES START
   ========================================================================== */

    /* Global Button Style */
    .adacted-button {
    display: inline-block;
    padding: var(--button-padding-vertical, 18px) var(--button-padding-horizontal, 36px);
    background: var(--button-background, linear-gradient(to right, var(--button-gradient-from, #9333ea), var(--button-gradient-to, #ec4899)));
    color: var(--button-text-color, #ffffff);
    font-weight: var(--button-font-weight, 700);
    font-size: var(--button-font-size, 18px);
    font-family: var(--button-font-family, 'Sofia Sans', sans-serif);
    border-radius: var(--button-border-radius, 6px);
    text-decoration: none;
    transition: all var(--button-transition-duration, 0.3s) cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border: none;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 5px 15px -5px rgba(147, 51, 234, 0.3);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden; /* Required for shine effect */
    }

    .adacted-button:hover {
    transform: translateY(calc(-1 * var(--button-hover-lift, 2px)));
    box-shadow: 0 10px 25px -5px rgba(147, 51, 234, 0.5);
    }

    .adacted-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    transform: skewX(-25deg);
    transition: all 0.5s ease;
    z-index: 0;
    opacity: var(--button-shine-opacity, 1);
    }

    .adacted-button:hover::after {
    left: 160%;
    }

    .supporting-founders__button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    }

    .supporting-founders__button-text {
    position: relative;
    z-index: 1;
    }

    .supporting-founders__button-glow {
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    transform: skewX(-25deg);
    transition: all 0.5s ease;
    z-index: 0;
    }

    .supporting-founders__button:hover .supporting-founders__button-glow {
    left: 160%;
    }

/* ==========================================================================
    GLOBAL BUTTON STYLES END
   ========================================================================== */

/* ==========================================================================
   POLICY PAGES STYLING
   ========================================================================== */

   .shopify-policy__title h1 {
    background: linear-gradient(to right, var(--gradient-color-from, #bd79fc), var(--gradient-color-to, #ec4899));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
  }

  /* ==========================================================================
   POLICY PAGES STYLING END
   ========================================================================== */

/* ==========================================================================
   ADACTED PLATFORMS SECTION CSS START
   ========================================================================== */

.adacted-platforms {
  position: relative;
  background-color: #12141D;
  color: #ffffff;
  font-family: 'Sofia Sans', sans-serif;
  padding: var(--vertical-padding, 100px) 0;
  overflow: hidden;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

.adacted-platforms__container {
  width: 100%;
  position: relative;
  z-index: 2;
}

.adacted-platforms__header {
  text-align: center;
  margin-bottom: 4rem;
  max-width: var(--container-width, 1200px);
  margin-left: auto;
  margin-right: auto;
  padding: 0 2rem;
}

.adacted-platforms__title {
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 1rem 0;
  font-family: 'Sofia Sans', sans-serif;
}

.adacted-platforms__subtitle {
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

.adacted-platforms__carousel-container {
  position: relative;
  width: 100%;
  overflow: visible;
}

.adacted-platforms__carousel {
  position: relative;
  width: 100%;
  height: 400px; /* Fixed height to contain absolutely positioned cards */
}

/* Navigation Buttons Container */
.adacted-platforms__nav-buttons {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 1rem;
}

/* Navigation Buttons */
.adacted-platforms__nav-btn {
  position: relative;
  z-index: 10;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(18, 20, 29, 0.8);
  backdrop-filter: blur(10px);
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.adacted-platforms__nav-btn:hover {
  border-color: var(--accent-color, #00ffff);
  color: #ffffff;
  background: rgba(18, 20, 29, 0.9);
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.3);
  transform: scale(1.1);
}

.adacted-platforms__nav-btn svg {
  transition: transform 0.3s ease;
}

.adacted-platforms__nav-btn:hover svg {
  transform: scale(1.2);
}
/* Platform Indicators */
.adacted-platforms__indicators {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 2rem;
}

.adacted-platforms__indicator {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}

.adacted-platforms__indicator:hover {
  border-color: var(--accent-color, #00ffff);
  transform: scale(1.2);
}

.adacted-platforms__indicator.active {
  background: var(--accent-color, #00ffff);
  border-color: var(--accent-color, #00ffff);
  box-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
}

.adacted-platforms__indicator.active::after {
  content: '';
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0, 255, 255, 0.3) 0%, transparent 70%);
}

.adacted-platform-card {
  width: 400px;
  position: absolute;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 2rem;
  backdrop-filter: blur(10px);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  overflow: hidden;
  min-height: 320px;
  opacity: 0.6;
  transform: scale(0.9);
  z-index: 1;
}

.adacted-platform-card.active,
.adacted-platform-card:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(77, 208, 225, 0.6);
  transform: translateY(-8px) scale(1);
  box-shadow: 0 20px 40px rgba(77, 208, 225, 0.08);
  opacity: 1;
}

.adacted-platform-card.active {
  opacity: 1;
  transform: scale(1);
  z-index: 10;
}

.adacted-platform-card__glow {
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, 
    var(--gradient-color-from, #9333ea), 
    var(--gradient-color-to, #ec4899)
  );
  border-radius: 18px;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: -1;
  filter: blur(8px);
}

.adacted-platform-card:hover .adacted-platform-card__glow {
  opacity: 0.15;
}

.adacted-platform-card.active .adacted-platform-card__glow {
  opacity: 0.08;
}

.adacted-platform-card__corner {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(77, 208, 225, 0.4);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.adacted-platform-card__corner--tl {
  top: 10px;
  left: 10px;
  border-right: none;
  border-bottom: none;
}

.adacted-platform-card__corner--tr {
  top: 10px;
  right: 10px;
  border-left: none;
  border-bottom: none;
}

.adacted-platform-card__corner--bl {
  bottom: 10px;
  left: 10px;
  border-right: none;
  border-top: none;
}

.adacted-platform-card__corner--br {
  bottom: 10px;
  right: 10px;
  border-left: none;
  border-top: none;
}

.adacted-platform-card:hover .adacted-platform-card__corner {
  opacity: 1;
}

.adacted-platform-card__header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.adacted-platform-card__icon-container {
  position: relative;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.adacted-platform-card__icon-glow {
  position: absolute;
  inset: -4px;
  background: linear-gradient(45deg, 
    var(--gradient-color-from, #9333ea), 
    var(--gradient-color-to, #ec4899)
  );
  border-radius: 16px;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: -1;
  filter: blur(8px);
}

.adacted-platform-card:hover .adacted-platform-card__icon-glow {
  opacity: 0.6;
}

.adacted-platform-card__icon {
  width: 40px;
  height: 40px;
  object-fit: contain;
  filter: brightness(1);
  transition: filter 0.3s ease;
}

.adacted-platform-card__icon--default {
  display: flex;
  align-items: center;
  justify-content: center;
}

.adacted-platform-card:hover .adacted-platform-card__icon {
  filter: brightness(1.2) drop-shadow(0 0 10px rgba(77, 208, 225, 0.3));
}

.adacted-platform-card__title {
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  line-height: 1.3;
  font-family: 'Sofia Sans', sans-serif;
}

.adacted-platform-card__content {
  flex: 1;
}

.adacted-platform-card__features {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.adacted-platform-card__feature {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}

.adacted-platform-card__feature-bullet {
  width: 6px;
  height: 6px;
  background: rgba(77, 208, 225, 0.6);
  border-radius: 50%;
  margin-top: 0.5rem;
  flex-shrink: 0;
  box-shadow: 0 0 8px rgba(77, 208, 225, 0.4);
  transition: all 0.3s ease;
}

.adacted-platform-card:hover .adacted-platform-card__feature-bullet {
  background: var(--gradient-color-from, #9333ea);
  box-shadow: 0 0 12px var(--gradient-color-from, #9333ea);
}



/* Responsive Design */
@media (max-width: 1200px) {
  .adacted-platform-card {
    flex: 0 0 350px;
    width: 350px;
  }
  
  .adacted-platforms__nav-btn--prev {
    left: 5%;
  }
  
  .adacted-platforms__nav-btn--next {
    right: 5%;
  }
}

@media (max-width: 768px) {
  .adacted-platforms__title {
  }
  
  .adacted-platforms__subtitle {
  }
  
  /* Hide navigation buttons on mobile */
  .adacted-platforms__nav-btn {
    display: none;
  }
  
  /* Reset to simple layout on mobile */
  .adacted-platforms__carousel-container {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0 2rem;
  }
  
  .adacted-platforms__carousel-container::-webkit-scrollbar {
    display: none;
  }
  
  .adacted-platforms__carousel {
    display: flex;
    gap: 1.5rem;
    height: auto;
    position: relative;
  }
  
  .adacted-platform-card {
    position: relative;
    flex: 0 0 280px;
    width: 280px;
    min-height: 280px;
    padding: 1.5rem;
    opacity: 1;
    transform: scale(1);
    left: auto;
    top: auto;
  }
  
  .adacted-platform-card.active {
    transform: scale(1);
  }
  
  .adacted-platform-card__header {
    margin-bottom: 1rem;
  }
  
  .adacted-platform-card__icon-container {
    width: 50px;
    height: 50px;
  }
  
  .adacted-platform-card__icon {
    width: 32px;
    height: 32px;
  }
  
  .adacted-platform-card__title {
  }
  
  /* Hide indicators on mobile since scrolling is manual */
  .adacted-platforms__indicators {
    display: none;
  }
}

@media (max-width: 480px) {
  .adacted-platforms__header {
    padding: 0 1rem;
  }
  
  .adacted-platforms__title {
  }
  
  .adacted-platforms__carousel-container {
    padding: 0 1rem;
  }
  
  .adacted-platform-card {
    flex: 0 0 260px;
    width: 260px;
    padding: 1.25rem;
    min-height: 260px;
  }
}

/* ==========================================================================
   ADACTED PLATFORMS SECTION CSS END
   ========================================================================== */

/* ==========================================================================
   ADACTED SERVICE PACKAGES SECTION CSS START
   ========================================================================== */

.adacted-service-packages {
  background: #12141d;
  color: white;
}

.adacted-service-packages__container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .adacted-service-packages__container {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

.adacted-service-packages__header {
  text-align: center;
  margin-bottom: 60px;
}

.adacted-service-packages__title {
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.2;
  text-align: center;
}

.adacted-service-packages__subtitle {
  font-size: 1.125rem;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
  text-align: center;
}

.adacted-service-packages__packages {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 30px;
  margin-bottom: 60px;
}

.adacted-service-package {
  background: rgba(20, 20, 30, 0.8);
  border: 1px solid rgba(147, 51, 234, 0.3);
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
}

.adacted-service-package:hover {
  border-color: rgba(147, 51, 234, 0.6);
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(147, 51, 234, 0.2);
}

.adacted-service-package__terminal-header {
  background: linear-gradient(135deg, rgba(147, 51, 234, 0.2), rgba(236, 72, 153, 0.2));
  border-bottom: 1px solid rgba(147, 51, 234, 0.3);
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 15px;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
  font-size: 0.875rem;
}

.adacted-service-package__terminal-dots {
  display: flex;
  gap: 6px;
}

.adacted-service-package__terminal-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.adacted-service-package__terminal-dot--red {
  background: #ff5f56;
}

.adacted-service-package__terminal-dot--yellow {
  background: #ffbd2e;
}

.adacted-service-package__terminal-dot--green {
  background: #27ca3f;
}

.adacted-service-package__terminal-title {
  color: #ffffff;
}

.adacted-service-package__content {
  padding: 40px 30px;
}
.adacted-service-package__icon-container {
  position: relative;
  text-align: center;
  margin-bottom: 25px;
}
.adacted-service-package__icon-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(0, 255, 255, 0.3), transparent 70%);
  border-radius: 50%;
  filter: blur(10px);
}

.adacted-service-package__icon {
  font-size: 3rem;
  position: relative;
  z-index: 2;
}

.adacted-service-package__name {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 15px;
  text-align: center;
  display: block;
  width: 100%;
}

.adacted-service-package__name.adacted-gradient-text {
  display: block;
  text-align: center;
}

.adacted-service-package__description {
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  margin-bottom: 30px;
  font-size: 0.95rem;
  line-height: 1.5;
}

.adacted-service-package__features {
  margin-bottom: 40px;
}

.adacted-service-package__feature {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  padding-left: 10px;
}

.adacted-service-package__feature-icon {
  color: #00ffff;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
  font-weight: bold;
  flex-shrink: 0;
}

.adacted-service-package__feature-text {
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.5;
  font-size: 0.9rem;
}

.adacted-service-package__cta {
  text-align: center;
}

.adacted-service-package__button {
  /* Inherit all global button styles */
  display: inline-block;
  padding: var(--button-padding-vertical, 14px) var(--button-padding-horizontal, 28px);
  background: var(--button-background, linear-gradient(to right, var(--button-gradient-from, #9333ea), var(--button-gradient-to, #ec4899)));
  color: var(--button-text-color, #ffffff);
  font-weight: var(--button-font-weight, 700);
  font-size: var(--button-font-size, 16px);
  font-family: var(--button-font-family, 'Sofia Sans', sans-serif);
  border-radius: var(--button-border-radius, 6px);
  text-decoration: none;
  transition: all var(--button-transition-duration, 0.3s) cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border: none;
  cursor: pointer;
  text-align: center;
  box-shadow: 0 5px 15px -5px rgba(147, 51, 234, 0.3);
  position: relative;
  overflow: hidden;
}

.adacted-service-package__button:hover {
  transform: translateY(calc(-1 * var(--button-hover-lift, 2px)));
  box-shadow: 0 10px 25px -5px rgba(147, 51, 234, 0.5);
}

/* Global button shine effect */
.adacted-service-package__button::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  transform: skewX(-25deg);
  transition: all 0.5s ease;
  z-index: 0;
  opacity: var(--button-shine-opacity, 1);
}

.adacted-service-package__button:hover::after {
  left: 160%;
}

.adacted-service-package__button-text {
  position: relative;
  z-index: 2;
}

.adacted-service-packages__footer {
  text-align: center;
  margin-top: 40px;
}

.adacted-service-packages__footer-note {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.95rem;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

/* Responsive Design */
@media (max-width: 768px) {
  .adacted-service-packages {
    padding: 60px 0;
  }
  
  .adacted-service-packages__packages {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  
  .adacted-service-package__content {
    padding: 30px 25px;
  }
  
  .adacted-service-packages__header {
    margin-bottom: 40px;
  }
}

/* 2+1 Layout Styles */
.adacted-service-packages__packages--2-plus-1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 30px;
  margin-bottom: 60px;
}

.adacted-service-packages__packages--2-plus-1 .adacted-service-package--full-width {
  grid-column: 1 / -1;
}

.adacted-service-packages__packages--2-plus-1 .adacted-service-package--full-width .adacted-service-package__content {
  padding: 30px 40px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 30px;
  align-items: center;
}

.adacted-service-packages__packages--2-plus-1 .adacted-service-package--full-width .adacted-service-package__icon-container {
  margin-bottom: 0;
  text-align: center;
}

.adacted-service-packages__packages--2-plus-1 .adacted-service-package--full-width .adacted-service-package__main-content {
  display: flex;
  flex-direction: column;
}

.adacted-service-packages__packages--2-plus-1 .adacted-service-package--full-width .adacted-service-package__name {
  margin-bottom: 8px;
  text-align: left;
}

.adacted-service-packages__packages--2-plus-1 .adacted-service-package--full-width .adacted-service-package__description {
  margin-bottom: 15px;
  text-align: left;
}

.adacted-service-packages__packages--2-plus-1 .adacted-service-package--full-width .adacted-service-package__features {
  margin-bottom: 0;
}

.adacted-service-packages__packages--2-plus-1 .adacted-service-package--full-width .adacted-service-package__feature {
  margin-bottom: 8px;
}

.adacted-service-packages__packages--2-plus-1 .adacted-service-package--full-width .adacted-service-package__cta {
  text-align: center;
  align-self: center;
}

/* Responsive adjustments for 2+1 layout */
@media (max-width: 768px) {
  .adacted-service-packages__packages--2-plus-1 {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  
  .adacted-service-packages__packages--2-plus-1 .adacted-service-package--full-width {
    grid-column: auto;
    max-width: none;
    margin: 0;
  }
  
  .adacted-service-packages__packages--2-plus-1 .adacted-service-package--full-width .adacted-service-package__content {
    display: block;
    padding: 30px 25px;
  }
  
  .adacted-service-packages__packages--2-plus-1 .adacted-service-package--full-width .adacted-service-package__icon-container {
    margin-bottom: 25px;
    text-align: center;
  }
  
  .adacted-service-packages__packages--2-plus-1 .adacted-service-package--full-width .adacted-service-package__name {
    text-align: center;
    margin-bottom: 15px;
  }
  
  .adacted-service-packages__packages--2-plus-1 .adacted-service-package--full-width .adacted-service-package__description {
    text-align: center;
    margin-bottom: 30px;
  }
  
  .adacted-service-packages__packages--2-plus-1 .adacted-service-package--full-width .adacted-service-package__features {
    margin-bottom: 40px;
  }
  
  .adacted-service-packages__packages--2-plus-1 .adacted-service-package--full-width .adacted-service-package__feature {
    margin-bottom: 12px;
  }
}

/* 2+2 Layout Styles */
.adacted-service-packages__packages--2-plus-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 30px;
  margin-bottom: 60px;
}

/* Responsive adjustments for 2+2 layout */
@media (max-width: 768px) {
  .adacted-service-packages__packages--2-plus-2 {
    grid-template-columns: 1fr;
    gap: 25px;
  }
}

/* 3+2 Layout Styles */
.adacted-service-packages__packages--3-plus-2 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto auto;
  gap: 30px;
  margin-bottom: 60px;
}

/* First three packages take up 2 columns each (2/6 = 1/3) */
.adacted-service-packages__packages--3-plus-2 .adacted-service-package:nth-child(1) {
  grid-column: 1 / 3;
  grid-row: 1;
}

.adacted-service-packages__packages--3-plus-2 .adacted-service-package:nth-child(2) {
  grid-column: 3 / 5;
  grid-row: 1;
}

.adacted-service-packages__packages--3-plus-2 .adacted-service-package:nth-child(3) {
  grid-column: 5 / 7;
  grid-row: 1;
}

/* Bottom two packages: centered and same size as top ones */
.adacted-service-packages__packages--3-plus-2 .adacted-service-package:nth-child(4) {
  grid-column: 2 / 4;
  grid-row: 2;
}

.adacted-service-packages__packages--3-plus-2 .adacted-service-package:nth-child(5) {
  grid-column: 4 / 6;
  grid-row: 2;
}

/* Responsive adjustments for 3+2 layout */
@media (max-width: 992px) {
  .adacted-service-packages__packages--3-plus-2 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto auto;
  }
  
  .adacted-service-packages__packages--3-plus-2 .adacted-service-package:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }
  
  .adacted-service-packages__packages--3-plus-2 .adacted-service-package:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
  }
  
  .adacted-service-packages__packages--3-plus-2 .adacted-service-package:nth-child(3) {
    grid-column: 1 / -1;
    grid-row: 2;
    max-width: 400px;
    margin: 0 auto;
  }
  
  .adacted-service-packages__packages--3-plus-2 .adacted-service-package:nth-child(4) {
    grid-column: 1;
    grid-row: 3;
  }
  
  .adacted-service-packages__packages--3-plus-2 .adacted-service-package:nth-child(5) {
    grid-column: 2;
    grid-row: 3;
  }
}
@media (max-width: 768px) {
  .adacted-service-packages__packages--3-plus-2 {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  
  .adacted-service-packages__packages--3-plus-2 .adacted-service-package {
    grid-column: auto !important;
    grid-row: auto !important;
    margin: 0 !important;
    max-width: none !important;
  }
}

/* ==========================================================================
   ADACTED SERVICE PACKAGES SECTION CSS END
   ========================================================================== */

/* ==========================================================================
   COMPREHENSIVE SOFIA SANS FONT OVERRIDE
   ========================================================================== */

/* Override theme font variables to use Sofia Sans everywhere */
:root {
  --font-body-family: 'Sofia Sans', sans-serif !important;
  --font-heading-family: 'Sofia Sans', sans-serif !important;
}

/* Global font family override - this ensures EVERYTHING uses Sofia Sans */
* {
  font-family: 'Sofia Sans', sans-serif !important;
}

/* Specific overrides for common elements */
body,
html,
h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5,
p, span, div, a, button,
input, textarea, select,
.text-body,
.btn, .button,
.card, .card__heading,
.price, .price__regular, .price__sale,
nav, .nav, .navigation,
.header, .footer,
.menu, .list-menu,
.product-title, .product-description,
.collection-title,
.page-title,
.section-title,
.field__input, .select__select {
  font-family: 'Sofia Sans', sans-serif !important;
}

/* Shopify theme specific overrides */
.shopify-section * {
  font-family: 'Sofia Sans', sans-serif !important;
}

/* Additional specific overrides for any remaining assistant font references */
[style*="font-family: assistant"],
[style*="font-family: Assistant"],
[class*="assistant"] {
  font-family: 'Sofia Sans', sans-serif !important;
}

/* Override any inline styles or computed styles */
.product-card *,
.card *,
.announcement-bar *,
.header__menu *,
.footer *,
.main-content *,
.shopify-section * {
  font-family: 'Sofia Sans', sans-serif !important;
}

/* Form elements specific override */
form *,
.field *,
.select *,
.customer *,
.newsletter *,
.contact-form * {
  font-family: 'Sofia Sans', sans-serif !important;
}

/* Product and collection specific overrides */
.product *,
.collection *,
.cart *,
.gift-card * {
  font-family: 'Sofia Sans', sans-serif !important;
}

/* Blog and article overrides */
.blog *,
.article * {
  font-family: 'Sofia Sans', sans-serif !important;
}

/* Override for any remaining system fonts */
.system-font,
[style*="system-ui"],
[style*="serif"],
[style*="monospace"] {
  font-family: 'Sofia Sans', sans-serif !important;
}

/* ==========================================================================
   END SOFIA SANS FONT OVERRIDE
   ========================================================================== */

/* ==========================================================================
   CASE STUDY ENHANCEMENTS - IMAGE RESPONSIVENESS & BEFORE/AFTER MODE
   ========================================================================== */

/* Override existing case study image styles to allow natural aspect ratios */
.case-study-image {
  /* Override the existing aspect-ratio: 1/1 rule */
  aspect-ratio: unset !important;
  min-height: 250px; /* Minimum height for consistency */
}

/* Override existing absolute positioning and fixed dimensions */
.case-study-image img,
.case-study-responsive-image {
  width: 100% !important;
  height: auto !important; /* Allow natural aspect ratio */
  max-width: 100%;
  display: block !important;
  object-fit: contain !important; /* Show full image without cropping */
  border-radius: 8px;
  position: relative !important; /* Override absolute positioning */
  top: unset !important;
  left: unset !important;
}

/* Placeholder for missing images - Enhanced */
.case-study-image.placeholder-image {
  min-height: 300px;
  background: rgba(255, 255, 255, 0.08);
  border: 2px dashed rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.6);
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* ==========================================================================
   CASE STUDY RICH TEXT STYLING
   ========================================================================== */

/* Rich text content in results */
.case-study-description {
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.9);
}

.case-study-description p {
  margin-bottom: 1rem;
  line-height: inherit;
}

.case-study-description p:last-child {
  margin-bottom: 0;
}

/* Ensure gradient text works within rich text */
.case-study-description .adacted-gradient-text {
  background: linear-gradient(135deg, var(--gradient-color-from, #bd79fc) 0%, var(--gradient-color-to, #ec4899) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-weight: 600;
  display: inline;
}

/* ==========================================================================
   BEFORE VS AFTER MODE STYLING
   ========================================================================== */

/* Before vs After Container */
.case-study-before-after-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
}

/* Section Titles */
.case-study-section-title {
  text-align: center;
  font-weight: 600;
  margin: 0;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  opacity: 0.9;
}

/* Before Section Styling (Red Theme) */
.case-study-before-section {
  position: relative;
  padding: 1.5rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(239, 68, 68, 0.4);
  box-shadow: 
    0 8px 32px rgba(239, 68, 68, 0.15),
    0 0 0 1px rgba(239, 68, 68, 0.1);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  overflow: hidden;
}

.case-study-before-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.08), rgba(220, 38, 38, 0.05));
  opacity: 1;
  z-index: 0;
}

.case-study-before-section:hover {
  transform: translateY(-2px);
  border-color: rgba(239, 68, 68, 0.6);
  box-shadow: 
    0 12px 40px rgba(239, 68, 68, 0.25),
    0 0 0 1px rgba(239, 68, 68, 0.15);
}

.case-study-before-section .case-study-section-title {
  color: rgba(239, 68, 68, 0.9);
  text-shadow: 0 0 15px rgba(239, 68, 68, 0.3);
  position: relative;
  z-index: 1;
}

/* After Section Styling (Green Theme) */
.case-study-after-section {
  position: relative;
  padding: 1.5rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(34, 197, 94, 0.4);
  box-shadow: 
    0 8px 32px rgba(34, 197, 94, 0.15),
    0 0 0 1px rgba(34, 197, 94, 0.1);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  overflow: hidden;
}

.case-study-after-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.08), rgba(22, 163, 74, 0.05));
  opacity: 1;
  z-index: 0;
}

.case-study-after-section:hover {
  transform: translateY(-2px);
  border-color: rgba(34, 197, 94, 0.6);
  box-shadow: 
    0 12px 40px rgba(34, 197, 94, 0.25),
    0 0 0 1px rgba(34, 197, 94, 0.15);
}

.case-study-after-section .case-study-section-title {
  color: rgba(34, 197, 94, 0.9);
  text-shadow: 0 0 15px rgba(34, 197, 94, 0.3);
  position: relative;
  z-index: 1;
}

/* Our Approach Section Styling (Yellow Theme) */
.case-study-approach-section {
  position: relative;
  padding: 1.5rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(251, 191, 36, 0.4);
  box-shadow: 
    0 8px 32px rgba(251, 191, 36, 0.15),
    0 0 0 1px rgba(251, 191, 36, 0.1);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  overflow: hidden;
}
.case-study-approach-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.08), rgba(245, 158, 11, 0.05));
  opacity: 1;
  z-index: 0;
}
.case-study-approach-section:hover {
  transform: translateY(-2px);
  border-color: rgba(251, 191, 36, 0.6);
  box-shadow: 
    0 12px 40px rgba(251, 191, 36, 0.25),
    0 0 0 1px rgba(251, 191, 36, 0.15);
}

.case-study-approach-section .case-study-section-title {
  color: rgba(251, 191, 36, 0.9);
  text-shadow: 0 0 15px rgba(251, 191, 36, 0.3);
  position: relative;
  z-index: 1;
}

/* Stats Container Modifications for Before/After/Approach Mode */
.case-study-stats--before,
.case-study-stats--after,
.case-study-stats--approach {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 1.5rem;
  align-items: stretch; /* Make all stat boxes same height */
}

/* Before/After/Approach stats inherit flex behavior for dynamic sizing */
.case-study-stat--before,
.case-study-stat--after,
.case-study-stat--approach {
  flex: 1;
  min-width: 0;
}

/* Hide empty before/after/approach stats */
.case-study-stat--before:has(.case-study-stat-value:empty):has(.case-study-stat-label:empty),
.case-study-stat--after:has(.case-study-stat-value:empty):has(.case-study-stat-label:empty),
.case-study-stat--approach:has(.case-study-stat-value:empty):has(.case-study-stat-label:empty) {
  display: none;
}

/* Fallback for browsers that don't support :has() */
.case-study-stat--before[data-empty="true"],
.case-study-stat--after[data-empty="true"],
.case-study-stat--approach[data-empty="true"] {
  display: none;
}

/* Individual Stat Styling for Before/After Mode */
.case-study-stat--before .case-study-stat-value {
  color: rgba(255, 255, 255, 0.95);
  text-shadow: 0 0 10px rgba(239, 68, 68, 0.2);
}

.case-study-stat--before .case-study-stat-label {
  color: rgba(239, 68, 68, 0.8);
}

.case-study-stat--after .case-study-stat-value {
  color: rgba(255, 255, 255, 0.95);
  text-shadow: 0 0 10px rgba(34, 197, 94, 0.2);
}

.case-study-stat--after .case-study-stat-label {
  color: rgba(34, 197, 94, 0.8);
}

.case-study-stat--approach .case-study-stat-value {
  color: rgba(255, 255, 255, 0.95);
  text-shadow: 0 0 10px rgba(251, 191, 36, 0.2);
}

.case-study-stat--approach .case-study-stat-label {
  color: rgba(251, 191, 36, 0.8);
}

/* Responsive Design for Before/After/Approach Mode */
@media (max-width: 767px) {
  .case-study-before-section,
  .case-study-after-section,
  .case-study-approach-section {
    padding: 1.25rem;
  }
  
  .case-study-before-after-container {
    gap: 1.25rem;
  }

  /* Image responsiveness on mobile */
  .case-study-image {
    min-height: 200px;
  }

  .case-study-image.placeholder-image {
    min-height: 250px;
  }
}




/* ==========================================================================
   ADACTED CART DRAWER OVERRIDES
   Align the cart drawer with Adacted typography, buttons, and colors.
   ========================================================================== */

   .adacted-cart-drawer {
    /* Subtle glassmorphic panel consistent with theme cards */
    background: rgba(18, 20, 29, 0.72) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(var(--gradient-color-from-rgb, 147, 51, 234), 0.25) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(147, 51, 234, 0.12) !important;
    z-index: 10010 !important;
  }

  
  /* Darken page overlay behind the drawer */
  .cart-drawer__overlay {
    background: rgba(0, 0, 0, 0.7) !important;
  }
  
  /* Header title uses gradient text and Adacted subtitle scale (class added in markup) */
  .adacted-cart-drawer .drawer__heading.adacted-gradient-text {
    background: linear-gradient(
      to right,
      var(--gradient-color-from, #9333ea),
      var(--gradient-color-to, #ec4899)
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 15px rgba(var(--gradient-color-from-rgb, 147, 51, 234), 0.35);
  }
  
  /* Product name and prices - ensure readability on dark panel */
  .adacted-cart-drawer .cart-item__name,
  .adacted-cart-drawer .price,
  .adacted-cart-drawer .totals__total-value {
    color: rgba(255, 255, 255, 0.95) !important;
  }
  
  .adacted-cart-drawer .product-option,
  .adacted-cart-drawer .unit-price,
  .adacted-cart-drawer .caption,
  .adacted-cart-drawer .caption-with-letter-spacing,
  .adacted-cart-drawer .tax-note {
    color: rgba(255, 255, 255, 0.75) !important;
  }
  
  /* Divider accents */
  .adacted-cart-drawer .drawer__footer,
  .adacted-cart-drawer .cart-items th,
  .adacted-cart-drawer .cart__items {
    border-color: rgba(255, 255, 255, 0.12) !important;
  }
  
  /* Quantity buttons and remove button - neon accents */
  .adacted-cart-drawer .quantity__button .svg-wrapper svg,
  .adacted-cart-drawer .cart-remove-button .svg-wrapper svg {
    filter: drop-shadow(0 0 6px rgba(0, 209, 232, 0.35));
  }
  
  /* Close button placement remains; ensure better contrast */
  .adacted-cart-drawer .drawer__close {
    color: #ffffff !important;
  }
  
  /* Continue shopping and Checkout buttons already receive .adacted-button in markup */
  .adacted-cart-drawer .adacted-button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
  
  
/* ==========================================================================
   ADACTED CART DRAWER OVERRIDES - END
   ========================================================================== */


/* ==========================================================================
   ADACTED CREATIVE PORTFOLIO CSS
   ========================================================================== */


/* Common styles for the portfolio page */
.adacted-portfolio {
  position: relative;
  overflow: hidden;
  background-color: #12141D;
  min-height: 50vh;
}

.adacted-portfolio__container {
  position: relative;
  z-index: 10;
  max-width: var(--container-width, 1200px);
  margin: 0 auto;
  padding: 0;
}

.adacted-portfolio__terminal {
  width: 100%;
  margin-bottom: 2rem;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.adacted-portfolio__header {
  text-align: center;
  margin-bottom: 3rem;
}

.adacted-portfolio__title {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
  background: linear-gradient(to right, var(--gradient-color-from, #9333ea), var(--gradient-color-to, #ec4899));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 15px rgba(147, 51, 234, 0.5);
  line-height: 1.2;
}

.adacted-portfolio__subtitle {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 1.25rem;
  color: #ffffff;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.6;
}

.adacted-portfolio__terminal-content {
  padding: 1.5rem;
  text-align: center;
}

/* Hero Section */
.adacted-portfolio-hero {
  position: relative;
  overflow: hidden;
  background-color: #12141D;
  padding: 6rem 0;
  display: flex;
  align-items: center;
}

.adacted-portfolio-hero__container {
  position: relative;
  z-index: 10;
  max-width: var(--container-width, 1200px);
  margin: 0 auto;
  padding: 0 1.5rem;
}

.adacted-portfolio-hero__content {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.adacted-portfolio-hero__title {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  background: linear-gradient(to right, var(--gradient-color-from, #9333ea), var(--gradient-color-to, #ec4899));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 15px rgba(147, 51, 234, 0.5);
  line-height: 1.2;
}

.adacted-portfolio-hero__description {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 1.5rem;
  color: #ffffff;
  margin-bottom: 2rem;
  line-height: 1.6;
}

.adacted-portfolio-hero__avatar-row {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 2.5rem;
}

.adacted-portfolio-hero__avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid var(--gradient-color-from, #9333ea);
  box-shadow: 0 0 15px rgba(147, 51, 234, 0.5);
  transition: all 0.3s ease;
}

.adacted-portfolio-hero__avatar:hover {
  transform: scale(1.1);
  border-color: var(--gradient-color-to, #ec4899);
}

.adacted-portfolio-hero__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Video Gallery */
.adacted-portfolio-video-gallery {
  position: relative;
  padding: 6rem 0;
  background-color: #12141D;
}

/* Video Marquee Styles */
.adacted-portfolio-video-marquee {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 -1px; /* Ensure full width by compensating for borders */
}

.adacted-portfolio-video-marquee__container {
  width: 100%;
  overflow: hidden;
}

.adacted-portfolio-video-marquee__track {
  display: flex;
  gap: 1.5rem;
  animation: marquee 60s linear infinite;
  width: fit-content;
  padding: 1.5rem 0;
}

.adacted-portfolio-video-marquee__item {
  flex: 0 0 350px;
  max-width: 350px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  border: 1px solid rgba(147, 51, 234, 0.3);
}

.adacted-portfolio-video-marquee__video-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.adacted-portfolio-video-marquee__video,
.adacted-portfolio-video-marquee__placeholder {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.adacted-portfolio-video-marquee__mute-toggle {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: rgba(30, 30, 50, 0.8);
  color: white;
  border: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.adacted-portfolio-video-marquee__mute-toggle:hover {
  background: rgba(147, 51, 234, 0.8);
  transform: scale(1.1);
}

.adacted-portfolio-video-marquee__caption {
  padding: 1rem;
  background: rgba(30, 30, 50, 0.8);
  backdrop-filter: blur(5px);
  border-radius: 0px 0px 8px 8px;
}

.adacted-portfolio-video-marquee__title {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0.5rem;
}

.adacted-portfolio-video-marquee__description {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 0.875rem;
  color: #b3b3b3;
}

.adacted-portfolio-video-marquee__fade {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100px;
  z-index: 2;
  pointer-events: none;
}

.adacted-portfolio-video-marquee__fade--left {
  left: 0;
  background: linear-gradient(to right, #1a1a2e, transparent);
}

.adacted-portfolio-video-marquee__fade--right {
  right: 0;
  background: linear-gradient(to left, #1a1a2e, transparent);
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-50%)); /* Make sure it loops perfectly regardless of content */
  }
}

/* Original video gallery styles - keeping for reference */
.adacted-portfolio-video-gallery__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 2rem;
  margin-top: 3rem;
}

.adacted-portfolio-video-gallery__frame {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  border: 1px solid rgba(147, 51, 234, 0.3);
  border-radius: 8px;
}

.adacted-portfolio-video-gallery__thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}

.adacted-portfolio-video-gallery__play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background: rgba(147, 51, 234, 0.7);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.adacted-portfolio-video-gallery__play-button::before {
  content: '';
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #ffffff;
  margin-left: 5px;
}
.adacted-portfolio-video-gallery__item:hover .adacted-portfolio-video-gallery__play-button {
  background: rgba(236, 72, 153, 0.9);
  transform: translate(-50%, -50%) scale(1.1);
}

.adacted-portfolio-video-gallery__modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 100;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}

.adacted-portfolio-video-gallery__modal-content {
  position: relative;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}

.adacted-portfolio-video-gallery__modal-video {
  width: 100%;
  aspect-ratio: 16/9;
}

.adacted-portfolio-video-gallery__modal-close {
  position: absolute;
  top: -40px;
  right: 0;
  width: 30px;
  height: 30px;
  background: transparent;
  border: none;
  color: white;
  font-size: 24px;
  cursor: pointer;
}

.adacted-portfolio-video-gallery__pagination {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  gap: 0.5rem;
}

.adacted-portfolio-video-gallery__pagination-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  cursor: pointer;
  transition: all 0.3s ease;
}

.adacted-portfolio-video-gallery__pagination-dot.active {
  background-color: var(--gradient-color-from, #9333ea);
  transform: scale(1.2);
}

/* Static Gallery */
.adacted-portfolio-static-gallery {
  position: relative;
  padding: 6rem 0;
  background-color: #12141D;
}

.adacted-portfolio-static-gallery__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 2rem;
  margin-top: 3rem;
}

.adacted-portfolio-static-gallery__item {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  border: 1px solid rgba(147, 51, 234, 0.3);
}

.adacted-portfolio-static-gallery__item:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(147, 51, 234, 0.3);
  border-color: rgba(236, 72, 153, 0.6);
}

.adacted-portfolio-static-gallery__image-container {
  position: relative;
  padding-top: 133%; /* 3:4 aspect ratio */
  overflow: hidden;
}

.adacted-portfolio-static-gallery__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.adacted-portfolio-static-gallery__item:hover .adacted-portfolio-static-gallery__image {
  transform: scale(1.05);
}

.adacted-portfolio-static-gallery__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1rem;
  background: rgba(30, 30, 50, 0.8);
  backdrop-filter: blur(5px);
  transform: translateY(100%);
  transition: transform 0.3s ease;
}

.adacted-portfolio-static-gallery__item:hover .adacted-portfolio-static-gallery__overlay {
  transform: translateY(0);
}

.adacted-portfolio-static-gallery__title {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0.5rem;
}

.adacted-portfolio-static-gallery__description {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 0.875rem;
  color: #b3b3b3;
}
/* Landing Page Gallery */
.adacted-portfolio-landing-gallery {
  position: relative;
  padding: 6rem 0;
  background-color: #12141D;
}

.adacted-portfolio-landing-gallery__slider {
  position: relative;
  margin-top: 3rem;
  overflow: hidden;
}
.adacted-portfolio-landing-gallery__track {
  display: flex;
  gap: 2rem;
  padding: 1rem;
  transition: transform 0.5s ease;
}

.adacted-portfolio-landing-gallery__item {
  flex: 0 0 80%;
  max-width: 80%;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  border: 1px solid rgba(147, 51, 234, 0.3);
}

.adacted-portfolio-landing-gallery__item:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(147, 51, 234, 0.3);
  border-color: rgba(236, 72, 153, 0.6);
}

.adacted-portfolio-landing-gallery__image-container {
  position: relative;
  padding-top: 150%; /* Tall aspect ratio for landing pages */
  overflow: hidden;
}

.adacted-portfolio-landing-gallery__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.adacted-portfolio-landing-gallery__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.5rem;
  background: rgba(30, 30, 50, 0.8);
  backdrop-filter: blur(5px);
}

.adacted-portfolio-landing-gallery__title {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0.5rem;
}

.adacted-portfolio-landing-gallery__description {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 0.875rem;
  color: #b3b3b3;
}

.adacted-portfolio-landing-gallery__nav {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  gap: 1rem;
}

.adacted-portfolio-landing-gallery__button {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(147, 51, 234, 0.2);
  border: 1px solid rgba(147, 51, 234, 0.5);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.adacted-portfolio-landing-gallery__button:hover {
  background: rgba(236, 72, 153, 0.3);
  border-color: rgba(236, 72, 153, 0.8);
  transform: scale(1.1);
}

.adacted-portfolio-landing-gallery__button--prev::before {
  content: '←';
  font-size: 1.5rem;
}

.adacted-portfolio-landing-gallery__button--next::before {
  content: '→';
  font-size: 1.5rem;
}

/* Email Gallery */
.adacted-portfolio-email-gallery {
  position: relative;
  padding: 6rem 0;
  background-color: #12141D;
}

.adacted-portfolio-email-gallery__slider {
  position: relative;
  margin-top: 3rem;
  overflow: hidden;
}

.adacted-portfolio-email-gallery__track {
  display: flex;
  gap: 2rem;
  padding: 1rem;
  transition: transform 0.5s ease;
}

.adacted-portfolio-email-gallery__item {
  flex: 0 0 300px;
  max-width: 300px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  border: 1px solid rgba(147, 51, 234, 0.3);
}

.adacted-portfolio-email-gallery__item:hover {
  transform: translateY(-10px) rotate(1deg);
  box-shadow: 0 15px 30px rgba(147, 51, 234, 0.3);
  border-color: rgba(236, 72, 153, 0.6);
}

.adacted-portfolio-email-gallery__image-container {
  position: relative;
  padding-top: 180%; /* Tall aspect ratio for emails */
  overflow: hidden;
}

.adacted-portfolio-email-gallery__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.adacted-portfolio-email-gallery__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1rem;
  background: rgba(30, 30, 50, 0.8);
  backdrop-filter: blur(5px);
}

.adacted-portfolio-email-gallery__title {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0.5rem;
}

.adacted-portfolio-email-gallery__stats {
  display: flex;
  gap: 1rem;
  margin-top: 0.5rem;
}

.adacted-portfolio-email-gallery__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.adacted-portfolio-email-gallery__stat-value {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #50e3c2;
}

.adacted-portfolio-email-gallery__stat-label {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 0.75rem;
  color: #b3b3b3;
}

/* Terminal Header for Sections */
.adacted-portfolio__terminal-header {
  background: #1e1e32;
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  border: 1px solid rgba(147, 51, 234, 0.3);
  border-bottom: none;
  border-radius: 8px 8px 0 0;
}

.adacted-portfolio__terminal-body {
  background: #1a1a2e;
  border-radius: 0 0 8px 8px;
  border: 1px solid rgba(147, 51, 234, 0.3);
  border-top: none;
  position: relative;
  overflow: hidden;
}

.adacted-portfolio__terminal-dots {
  display: flex;
  gap: 0.5rem;
  margin-right: 1.5rem;
}

.adacted-portfolio__terminal-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.adacted-portfolio__terminal-dot--red {
  background-color: #ff5f56;
}

.adacted-portfolio__terminal-dot--yellow {
  background-color: #ffbd2e;
}

.adacted-portfolio__terminal-dot--green {
  background-color: #27c93f;
}

.adacted-portfolio__terminal-title {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 0.875rem;
  color: #ffffff;
}

/* Static Gallery Marquee Styles */
.adacted-portfolio-static-marquee {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 -1px; /* Ensure full width by compensating for borders */
}

.adacted-portfolio-static-marquee__container {
  width: 100%;
  overflow: hidden;
}

.adacted-portfolio-static-marquee__track {
  display: flex;
  gap: 1.5rem;
  animation: marquee 60s linear infinite;
  width: fit-content;
  padding: 1.5rem 0;
  will-change: transform; /* Optimize for animation performance */
  transform: translateZ(0); /* Force GPU acceleration */
}

.adacted-portfolio-static-marquee__item {
  flex: 0 0 300px;
  max-width: 300px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  border: 1px solid rgba(147, 51, 234, 0.3);
}

.adacted-portfolio-static-marquee__image-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
}

.adacted-portfolio-static-marquee__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.adacted-portfolio-static-marquee__item:hover .adacted-portfolio-static-marquee__image {
  transform: scale(1.05);
}

.adacted-portfolio-static-marquee__caption {
  padding: 1rem;
  background: rgba(30, 30, 50, 0.8);
  backdrop-filter: blur(5px);
  border-radius: 0px 0px 8px 8px;
}

.adacted-portfolio-static-marquee__title {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0.5rem;
}

.adacted-portfolio-static-marquee__description {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 0.875rem;
  color: #b3b3b3;
}

.adacted-portfolio-static-marquee__fade {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100px;
  z-index: 2;
  pointer-events: none;
}

.adacted-portfolio-static-marquee__fade--left {
  left: 0;
  background: linear-gradient(to right, #1a1a2e, transparent);
}

.adacted-portfolio-static-marquee__fade--right {
  right: 0;
  background: linear-gradient(to left, #1a1a2e, transparent);
}

@media (max-width: 767px) {
  .adacted-portfolio-static-marquee__fade {
    width: 50px;
  }
  
  .adacted-portfolio-static-marquee__item {
    flex: 0 0 250px;
    max-width: 250px;
  }
}

/* Responsive Styles */
@media (min-width: 768px) {
  .adacted-portfolio__title {
    font-size: 4rem;
  }
  
  .adacted-portfolio-hero__title {
    font-size: 5rem;
  }
  
  .adacted-portfolio-hero__description {
    font-size: 1.75rem;
  }
  
  .adacted-portfolio-video-gallery__grid {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  }
  
  .adacted-portfolio-static-gallery__grid {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
  
  .adacted-portfolio-landing-gallery__item {
    flex: 0 0 40%;
    max-width: 40%;
  }
  
  .adacted-portfolio-email-gallery__item {
    flex: 0 0 350px;
    max-width: 350px;
  }
}

@media (max-width: 767px) {
  .adacted-portfolio__title {
    font-size: 2.5rem;
  }
  
  .adacted-portfolio-hero__title {
    font-size: 3rem;
  }
  
  .adacted-portfolio-hero__description {
    font-size: 1.25rem;
  }
  
  .adacted-portfolio-video-gallery__grid {
    grid-template-columns: 1fr;
  }
  
  .adacted-portfolio-static-gallery__grid {
    grid-template-columns: 1fr;
  }
  
  .adacted-portfolio-landing-gallery__item {
    flex: 0 0 90%;
    max-width: 90%;
  }
  
  .adacted-portfolio-video-marquee__fade {
    width: 50px;
  }
  
  .adacted-portfolio__subtitle {
    font-size: 1rem;
  }
}

/* Landing Page Marquee Styles */
.adacted-portfolio-landing-marquee {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 -1px; /* Ensure full width by compensating for borders */
}

.adacted-portfolio-landing-marquee__container {
  width: 100%;
  overflow: hidden;
}

.adacted-portfolio-landing-marquee__track {
  display: flex;
  gap: 1.5rem;
  animation: marquee 60s linear infinite;
  width: fit-content;
  padding: 1.5rem 0;
  will-change: transform; /* Optimize for animation performance */
  transform: translateZ(0); /* Force GPU acceleration */
}

.adacted-portfolio-landing-marquee__item {
  flex: 0 0 280px;
  max-width: 280px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  border: 1px solid rgba(147, 51, 234, 0.3);
}

.adacted-portfolio-landing-marquee__image-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 2/3; /* Adjusted aspect ratio for landing pages */
  overflow: hidden;
}

.adacted-portfolio-landing-marquee__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.adacted-portfolio-landing-marquee__item:hover .adacted-portfolio-landing-marquee__image {
  transform: scale(1.05);
}

.adacted-portfolio-landing-marquee__caption {
  padding: 1rem;
  background: rgba(30, 30, 50, 0.8);
  backdrop-filter: blur(5px);
  border-radius: 0px 0px 8px 8px;
}

.adacted-portfolio-landing-marquee__title {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0.5rem;
}

.adacted-portfolio-landing-marquee__description {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 0.875rem;
  color: #b3b3b3;
}

.adacted-portfolio-landing-marquee__fade {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100px;
  z-index: 2;
  pointer-events: none;
}

.adacted-portfolio-landing-marquee__fade--left {
  left: 0;
  background: linear-gradient(to right, #1a1a2e, transparent);
}

.adacted-portfolio-landing-marquee__fade--right {
  right: 0;
  background: linear-gradient(to left, #1a1a2e, transparent);
}

@media (max-width: 767px) {
  .adacted-portfolio-landing-marquee__fade {
    width: 50px;
  }
  
  .adacted-portfolio-landing-marquee__item {
    flex: 0 0 260px;
    max-width: 260px;
  }
}

/* Email Marquee Styles */
.adacted-portfolio-email-marquee {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 -1px; /* Ensure full width by compensating for borders */
}

.adacted-portfolio-email-marquee__container {
  width: 100%;
  overflow: hidden;
}

.adacted-portfolio-email-marquee__track {
  display: flex;
  gap: 1.5rem;
  animation: marquee 60s linear infinite;
  width: fit-content;
  padding: 1.5rem 0;
  will-change: transform; /* Optimize for animation performance */
  transform: translateZ(0); /* Force GPU acceleration */
}

.adacted-portfolio-email-marquee__item {
  flex: 0 0 250px;
  max-width: 250px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  border: 1px solid rgba(147, 51, 234, 0.3);
}

.adacted-portfolio-email-marquee__image-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 9/16; /* Tall aspect ratio for emails */
  overflow: hidden;
}

.adacted-portfolio-email-marquee__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.adacted-portfolio-email-marquee__item:hover .adacted-portfolio-email-marquee__image {
  transform: scale(1.05);
}

.adacted-portfolio-email-marquee__caption {
  padding: 1rem;
  background: rgba(30, 30, 50, 0.8);
  backdrop-filter: blur(5px);
  border-radius: 0px 0px 8px 8px;
}

.adacted-portfolio-email-marquee__title {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0.75rem;
}

.adacted-portfolio-email-marquee__stats {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}

.adacted-portfolio-email-marquee__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.adacted-portfolio-email-marquee__stat-value {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #50e3c2;
}

.adacted-portfolio-email-marquee__stat-label {
  font-family: 'Sofia Sans', sans-serif;
  font-size: 0.75rem;
  color: #b3b3b3;
}

.adacted-portfolio-email-marquee__fade {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100px;
  z-index: 2;
  pointer-events: none;
}

.adacted-portfolio-email-marquee__fade--left {
  left: 0;
  background: linear-gradient(to right, #1a1a2e, transparent);
}

.adacted-portfolio-email-marquee__fade--right {
  right: 0;
  background: linear-gradient(to left, #1a1a2e, transparent);
}
@media (max-width: 767px) {
  .adacted-portfolio-email-marquee__fade {
    width: 50px;
  }
  
  .adacted-portfolio-email-marquee__item {
    flex: 0 0 220px;
    max-width: 220px;
  }
  
  .adacted-portfolio-email-marquee__stats {
    gap: 0.25rem;
  }
  
  .adacted-portfolio-email-marquee__stat-value {
    font-size: 0.875rem;
  }
  
  .adacted-portfolio-email-marquee__stat-label {
    font-size: 0.7rem;
  }
}
/* ==========================================================================
   ADACTED CREATIVE PORTFOLIO CSS END
   ========================================================================== */