/* efp-solutions-mobile-recreated-v20260911d.css
 * Precision B2B Mobile Solutions for Event Furniture Pro
 * Strict isolation: < 768px on /solutions only.
 * Full Backend Data Hydration & Functional Navigation.
 */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,600&family=Inter:wght@300;400;500;600;700;800;900&display=swap');

.efp-sol-mobile-root {
  display: none;
}

@media (max-width: 767px) {
  html {
    scroll-behavior: smooth !important;
  }

  body.efp-solutions-mobile-active {
    overflow-x: hidden !important;
    background-color: #ffffff !important;
  }

  /* Hide default desktop solutions hero and sections on mobile strictly on solutions */
  body.efp-solutions-mobile-active .solutions-split-hero,
  body.efp-solutions-mobile-active #customer-paths,
  body.efp-solutions-mobile-active .customer-paths,
  body.efp-solutions-mobile-active .efp-support-path,
  body.efp-solutions-mobile-active .efp-wedding-show,
  body.efp-solutions-mobile-active section[aria-labelledby="solution-paths"],
  body.efp-solutions-mobile-active section[aria-labelledby="shared-support"],
  body.efp-solutions-mobile-active div[data-efp-react-cta] {
    display: none !important;
  }

  /* Mobile Root Container strictly when active */
  body.efp-solutions-mobile-active .efp-sol-mobile-root {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    background-color: #ffffff !important;
    color: #1a1a1a !important;
    overflow-x: hidden !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    line-height: 1.45 !important;
    padding-top: 0 !important;
  }

  /* Universal font resets inside mobile root */
  #root .efp-sol-mobile-root,
  #root .efp-sol-mobile-root * {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    box-sizing: border-box !important;
  }

  /* Cormorant Garamond Serif Headings */
  #root .efp-sol-mobile-root h1,
  #root .efp-sol-mobile-root h2,
  #root .efp-sol-mobile-root h3,
  #root .efp-sol-mobile-root .font-serif,
  #root .efp-sol-mobile-root .efp-sol-hero-title,
  #root .efp-sol-mobile-root .efp-sol-paths-title,
  #root .efp-sol-mobile-root .efp-sol-results-title,
  #root .efp-sol-mobile-root .efp-sol-process-title,
  #root .efp-sol-mobile-root .efp-sol-showcase-title,
  #root .efp-sol-mobile-root .efp-sol-card-h3,
  #root .efp-sol-mobile-root .efp-sol-case-h3,
  #root .efp-sol-mobile-root .efp-sol-proc-h3,
  #root .efp-sol-mobile-root .efp-sol-feat-title {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    text-transform: none !important;
    letter-spacing: normal !important;
  }

  /* ================= SECTION 1: HERO ================= */
  .efp-sol-hero {
    position: relative !important;
    min-height: 520px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding: 95px 24px 56px 24px !important;
    overflow: hidden !important;
    background-color: #1a1a1a !important;
  }
  .efp-sol-hero-bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
  }
  .efp-sol-hero-bg img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: opacity 0.4s ease !important;
  }
  .efp-sol-hero-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(20, 5, 12, 0.45) 0%, rgba(20, 5, 12, 0.65) 50%, rgba(20, 5, 12, 0.92) 100%) !important;
    z-index: 2 !important;
  }
  .efp-sol-hero-content {
    position: relative !important;
    z-index: 3 !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .efp-sol-hero-eyebrow {
    font-size: 11px !important;
    letter-spacing: 0.22em !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.95) !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.5 !important;
  }
  .efp-sol-hero-title {
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.12 !important;
    color: #ffffff !important;
    margin: 4px 0 12px 0 !important;
  }
  .efp-sol-hero-copy {
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    margin: 0 0 24px 0 !important;
    font-weight: 400 !important;
  }
  .efp-sol-hero-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 270px !important;
  }
  .efp-sol-btn-primary {
    background-color: #80183b !important;
    color: #ffffff !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    border-radius: 9999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.3) !important;
    text-decoration: none !important;
    border: none !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, transform 0.15s ease !important;
  }
  .efp-sol-btn-primary:active {
    background-color: #961d46 !important;
    transform: scale(0.98) !important;
  }
  .efp-sol-btn-secondary {
    background: rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.65) !important;
    color: #ffffff !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    padding: 10px 24px !important;
    border-radius: 9999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, transform 0.15s ease !important;
  }
  .efp-sol-btn-secondary:active {
    background-color: rgba(255, 255, 255, 0.15) !important;
    transform: scale(0.98) !important;
  }
  .efp-sol-dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 28px !important;
  }
  .efp-sol-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    background-color: rgba(255,255,255,0.4) !important;
    transition: background-color 0.2s ease !important;
  }
  .efp-sol-dot.active {
    background-color: #ffffff !important;
  }

  /* ================= SECTION 2: CUSTOMER PATHS ================= */
  .efp-sol-paths {
    background-color: #f6f5f4 !important;
    padding: 40px 16px 48px 16px !important;
    scroll-margin-top: 60px !important;
  }
  .efp-sol-paths-intro {
    text-align: center !important;
    max-width: 340px !important;
    margin: 0 auto 24px auto !important;
  }
  .efp-sol-paths-title {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #270716 !important;
    line-height: 1.15 !important;
    margin: 0 0 8px 0 !important;
  }
  .efp-sol-paths-copy {
    font-size: 13px !important;
    color: #4b5563 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
  }
  .efp-sol-card-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }
  .efp-sol-card {
    position: relative !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    min-height: 350px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 20px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.12) !important;
    cursor: pointer !important;
    text-decoration: none !important;
    color: inherit !important;
    transition: transform 0.15s ease !important;
  }
  .efp-sol-card:active {
    transform: scale(0.985) !important;
  }
  .efp-sol-card-bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }
  .efp-sol-card-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(0,0,0,0.52) 0%, rgba(0,0,0,0.38) 45%, rgba(0,0,0,0.92) 100%) !important;
  }
  .efp-sol-card-top {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  .efp-sol-card-tag {
    font-size: 10.5px !important;
    letter-spacing: 0.22em !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,0.85) !important;
    text-transform: uppercase !important;
  }
  .efp-sol-card-num {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 32px !important;
    font-weight: 300 !important;
    color: rgba(255,255,255,0.92) !important;
    line-height: 1 !important;
  }
  .efp-sol-card-bottom {
    position: relative !important;
    z-index: 2 !important;
  }
  .efp-sol-card-sub {
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,0.75) !important;
    text-transform: uppercase !important;
    margin: 0 0 6px 0 !important;
  }
  .efp-sol-card-h3 {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.15 !important;
    margin: 0 0 8px 0 !important;
  }
  .efp-sol-card-p {
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: rgba(255,255,255,0.88) !important;
    margin: 0 0 16px 0 !important;
  }
  .efp-sol-card-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background-color: #80183b !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 8px 16px !important;
    border-radius: 9999px !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
    transition: background-color 0.2s ease, transform 0.15s ease !important;
  }
  .efp-sol-card-btn:active {
    background-color: #961d46 !important;
  }

  /* ================= SECTION 3: REAL SPACES. REMARKABLE RESULTS ================= */
  .efp-sol-results {
    background-color: #1c040d !important;
    padding: 44px 16px 48px 16px !important;
  }
  .efp-sol-results-intro {
    text-align: center !important;
    max-width: 340px !important;
    margin: 0 auto 24px auto !important;
  }
  .efp-sol-results-eyebrow {
    font-size: 10.5px !important;
    letter-spacing: 0.24em !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,0.7) !important;
    text-transform: uppercase !important;
    margin: 0 0 6px 0 !important;
  }
  .efp-sol-results-title {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.15 !important;
    margin: 0 0 8px 0 !important;
  }
  .efp-sol-results-copy {
    font-size: 13px !important;
    color: rgba(255,255,255,0.85) !important;
    line-height: 1.5 !important;
    margin: 0 !important;
  }
  .efp-sol-case-card {
    background-color: #ffffff !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    color: #1a1a1a !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.35) !important;
    position: relative !important;
  }
  .efp-sol-case-img-wrap {
    position: relative !important;
    width: 100% !important;
    height: 220px !important;
    overflow: hidden !important;
    background-color: #111 !important;
  }
  .efp-sol-case-img-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: opacity 0.3s ease !important;
  }
  .efp-sol-case-arrow-left,
  .efp-sol-case-arrow-right {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background-color: rgba(255,255,255,0.95) !important;
    color: #270716 !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 10 !important;
    transition: transform 0.15s ease, background-color 0.15s ease !important;
  }
  .efp-sol-case-arrow-left { left: 10px !important; }
  .efp-sol-case-arrow-right { right: 10px !important; }
  .efp-sol-case-arrow-left:active {
    transform: translateY(-50%) scale(0.92) !important;
  }
  .efp-sol-case-arrow-right:active {
    transform: translateY(-50%) scale(0.92) !important;
  }

  .efp-sol-case-body {
    padding: 24px 20px 24px 20px !important;
  }
  .efp-sol-case-cat {
    font-size: 10px !important;
    letter-spacing: 0.2em !important;
    font-weight: 700 !important;
    color: #80183b !important;
    text-transform: uppercase !important;
    margin: 0 0 4px 0 !important;
  }
  .efp-sol-case-h3 {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #270716 !important;
    line-height: 1.2 !important;
    margin: 0 0 6px 0 !important;
  }
  .efp-sol-case-loc {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #6b7280 !important;
    font-size: 12px !important;
    margin-bottom: 16px !important;
  }
  .efp-sol-case-points {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
  }
  .efp-sol-point-lbl {
    font-size: 11.5px !important;
    font-weight: 700 !important;
    color: #270716 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.14em !important;
    margin: 0 0 2px 0 !important;
    display: block !important;
  }
  .efp-sol-point-txt {
    font-size: 12.5px !important;
    color: #374151 !important;
    line-height: 1.45 !important;
    margin: 0 !important;
  }
  .efp-sol-case-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #80183b !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: gap 0.2s ease, color 0.2s ease !important;
  }
  .efp-sol-case-link:active {
    color: #961d46 !important;
    gap: 9px !important;
  }

  /* ================= SECTION 4: OUR PROCESS ================= */
  .efp-sol-process {
    background-color: #faf9f8 !important;
    padding: 40px 16px 48px 16px !important;
    scroll-margin-top: 60px !important;
  }
  .efp-sol-process-intro {
    text-align: center !important;
    max-width: 340px !important;
    margin: 0 auto 28px auto !important;
  }
  .efp-sol-process-tag {
    font-size: 11px !important;
    letter-spacing: 0.24em !important;
    font-weight: 700 !important;
    color: #80183b !important;
    text-transform: uppercase !important;
    margin: 0 0 4px 0 !important;
  }
  .efp-sol-process-title {
    font-size: 27px !important;
    font-weight: 700 !important;
    color: #270716 !important;
    line-height: 1.15 !important;
    margin: 0 0 8px 0 !important;
  }
  .efp-sol-process-copy {
    font-size: 12.5px !important;
    color: #4b5563 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
  }
  .efp-sol-process-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }
  .efp-sol-proc-card {
    position: relative !important;
    display: flex !important;
    border-radius: 20px !important;
    overflow: visible !important;
    border: 1px solid #e5e5e5 !important;
    background-color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.05) !important;
    min-height: 135px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    color: inherit !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease !important;
  }
  .efp-sol-proc-card:active {
    transform: scale(0.985) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
  }
  .efp-sol-proc-img-col {
    width: 40% !important;
    position: relative !important;
    overflow: hidden !important;
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    background-color: #f3f3f3 !important;
  }
  .efp-sol-proc-img-col img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .efp-sol-proc-badge {
    position: absolute !important;
    left: calc(40% - 18px) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background-color: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 20 !important;
  }
  .efp-sol-proc-badge svg {
    width: 20px !important;
    height: 20px !important;
    color: #b08850 !important;
  }
  .efp-sol-proc-content-col {
    width: 60% !important;
    padding: 14px 14px 14px 30px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    background-color: #ffffff !important;
  }
  .efp-sol-proc-numrow {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 2px !important;
  }
  .efp-sol-proc-num {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #270716 !important;
  }
  .efp-sol-proc-dash {
    width: 24px !important;
    height: 1px !important;
    background-color: #d9b8c3 !important;
    display: inline-block !important;
  }
  .efp-sol-proc-h3 {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #270716 !important;
    line-height: 1.15 !important;
    margin: 0 0 4px 0 !important;
  }
  .efp-sol-proc-p {
    font-size: 11.5px !important;
    color: #4b5563 !important;
    line-height: 1.4 !important;
    margin: 0 0 8px 0 !important;
  }
  .efp-sol-proc-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #80183b !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }
  .efp-sol-discuss-banner {
    background-color: #751636 !important;
    color: #ffffff !important;
    border-radius: 22px !important;
    padding: 14px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-shadow: 0 6px 18px rgba(117,22,54,0.3) !important;
    margin-top: 20px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: transform 0.15s ease, background-color 0.2s ease !important;
  }
  .efp-sol-discuss-banner:active {
    transform: scale(0.985) !important;
    background-color: #85183e !important;
  }
  .efp-sol-discuss-left {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }
  .efp-sol-discuss-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
  }
  .efp-sol-discuss-title {
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
    margin: 0 !important;
  }
  .efp-sol-discuss-sub {
    font-size: 10.5px !important;
    color: rgba(255,255,255,0.8) !important;
    margin: 2px 0 0 0 !important;
  }
  .efp-sol-discuss-btn {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background-color: #ffffff !important;
    color: #751636 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
  }

  /* ================= SECTION 5: WEDDING SHOWCASE & FEATURED PROJECT ================= */
  .efp-sol-showcase-sec {
    background-color: #f3f3f3 !important;
    padding: 16px 14px 48px 14px !important;
  }
  .efp-sol-showcase-card {
    position: relative !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    min-height: 460px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding: 24px !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.18) !important;
  }
  .efp-sol-showcase-bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: opacity 0.4s ease !important;
  }
  .efp-sol-showcase-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.45) 50%, rgba(0,0,0,0.9) 100%) !important;
  }
  .efp-sol-showcase-content {
    position: relative !important;
    z-index: 2 !important;
  }
  .efp-sol-showcase-eyebrow {
    font-size: 10px !important;
    letter-spacing: 0.24em !important;
    font-weight: 600 !important;
    color: #e8c39e !important;
    text-transform: uppercase !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.4 !important;
  }
  .efp-sol-showcase-title {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.18 !important;
    margin: 0 0 18px 0 !important;
  }
  .efp-sol-showcase-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background-color: #80183b !important;
    color: #ffffff !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 10px 20px !important;
    border-radius: 9999px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25) !important;
    margin-bottom: 24px !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, transform 0.15s ease !important;
  }
  .efp-sol-showcase-btn:active {
    background-color: #961d46 !important;
    transform: scale(0.98) !important;
  }
  .efp-sol-slider-bar {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }
  .efp-sol-slider-num {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,0.7) !important;
    font-variant-numeric: tabular-nums !important;
  }
  .efp-sol-slider-track {
    flex: 1 !important;
    height: 2px !important;
    background-color: rgba(255,255,255,0.2) !important;
    position: relative !important;
    border-radius: 9999px !important;
    overflow: hidden !important;
  }
  .efp-sol-slider-fill {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    height: 100% !important;
    background-color: #ffffff !important;
    transition: width 0.3s ease !important;
  }
  .efp-sol-slider-arrow {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.12) !important;
    border: 1px solid rgba(255,255,255,0.4) !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: transform 0.15s ease, background 0.15s ease !important;
  }
  .efp-sol-slider-arrow:active {
    transform: scale(0.9) !important;
    background: rgba(255,255,255,0.25) !important;
  }

  /* Featured Project Card */
  .efp-sol-feat-card {
    background-color: #ffffff !important;
    border-radius: 20px !important;
    padding: 12px !important;
    margin-top: 14px !important;
    display: flex !important;
    gap: 14px !important;
    align-items: center !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.06) !important;
    cursor: pointer !important;
    text-decoration: none !important;
    color: inherit !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease !important;
  }
  .efp-sol-feat-card:active {
    transform: scale(0.985) !important;
  }
  .efp-sol-feat-thumb {
    width: 100px !important;
    height: 90px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    background-color: #f3f3f3 !important;
  }
  .efp-sol-feat-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .efp-sol-feat-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    flex: 1 !important;
  }
  .efp-sol-feat-tag {
    font-size: 9.5px !important;
    letter-spacing: 0.16em !important;
    font-weight: 700 !important;
    color: #80183b !important;
    text-transform: uppercase !important;
    margin: 0 0 2px 0 !important;
  }
  .efp-sol-feat-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #270716 !important;
    line-height: 1.2 !important;
    margin: 0 0 2px 0 !important;
  }
  .efp-sol-feat-loc {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 11px !important;
    color: #6b7280 !important;
    margin-bottom: 6px !important;
  }
  .efp-sol-feat-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #80183b !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }
  .efp-sol-dots-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin-top: 14px !important;
  }
  .efp-sol-dot-bot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    background-color: rgba(0,0,0,0.2) !important;
    transition: background-color 0.2s ease !important;
  }
  .efp-sol-dot-bot.active {
    background-color: #80183b !important;
  }
}

@media (min-width: 768px) {
  .efp-sol-mobile-root {
    display: none !important;
  }
}


@media (max-width: 767px) {
  body:not(.efp-solutions-mobile-active) .efp-sol-mobile-root {
    display: none !important;
  }
}