/* Requested About details, two floating white cards and third-hero CTA color. */
@layer soft-flow {
  /* Explicit final request: the third hero reuses the VIP action's material,
     typography and pointer transitions. Only its navigation stays in-page. */
  main > section.apple-panel:nth-of-type(3) .apple-panel-copy > a.btn.action[href="#premium-vip"] {
    display: flex !important;align-items: center !important;justify-content: center !important;
    width: max-content !important;max-width: 100% !important;min-width: auto !important;
    min-height: 44px !important;padding: 11px 21px !important;margin-inline: auto !important;
    border: 1px solid #0066cc !important;border-radius: 980px !important;
    background: transparent !important;color: #0066cc !important;
    box-shadow: 0 8px 20px rgba(0,113,227,.12) !important;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 17px !important;font-weight: 400 !important;letter-spacing: -.022em !important;
    line-height: 20px !important;text-align: center !important;text-shadow: none !important;
    text-decoration: none !important;white-space: normal !important;gap: normal !important;
    -webkit-backdrop-filter: none !important;backdrop-filter: none !important;
    transform: none !important;scale: none !important;opacity: 1 !important;
    transition: background-color .38s cubic-bezier(.16,1,.3,1),
      border-color .38s cubic-bezier(.16,1,.3,1),color .38s cubic-bezier(.16,1,.3,1),
      box-shadow .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1) !important;
  }
  main > section.apple-panel:nth-of-type(3) .apple-panel-copy > a.btn.action[href="#premium-vip"]:hover {
    border-color: #0071e3 !important;background: #0071e3 !important;
    color: #fff !important;box-shadow: none !important;
    transform: translateY(-2px) !important;
  }
  @media (max-width: 820px) and (any-hover: none) {
    main > section.apple-panel:nth-of-type(3) .apple-panel-copy > a.btn.action[href="#premium-vip"] {
      width: min(100%,calc(100vw - 78px)) !important;border-radius: 999px !important;
      transform: translateZ(0) !important;
      transition: transform 180ms cubic-bezier(.2,.8,.2,1),background-color 260ms ease,
        border-color 260ms ease,color 260ms ease,opacity 260ms ease !important;
    }
    main > section.apple-panel:nth-of-type(3) .apple-panel-copy > a.btn.action[href="#premium-vip"]:hover {transform: none !important;}
    main > section.apple-panel:nth-of-type(3) .apple-panel-copy > a.btn.action[href="#premium-vip"]:active {
      transform: scale(.975) !important;opacity: .9 !important;
      transition-duration: 80ms !important;
    }
  }
  #despre .about-text-only > div[data-about-length="105"] {
    padding-top: calc(var(--about-padding-top) + var(--about-extra-padding)) !important;
    padding-bottom: calc(var(--about-padding-bottom) + var(--about-extra-padding)) !important;
  }
  #despre .glass-scroll-reflection,
  #despre .glass-scroll-reflection::before {
    /* One continuous controller owns these values; no second CSS transition
       repeatedly restarts behind it on quick scroll reversals. */
    transition: none !important;
  }
  .card-float-slot {
    display: block !important;
    position: relative !important;
    min-width: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .card-float-slot > .card-float-carrier {
    display: flow-root !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  :is(#testimoniale .google-review-summary, #seminarii .wide-card) {
    /* The carrier supplies exactly the gallery wave. Old reveal/hover drift
       must not compete with it or move its stationary shadow. */
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    animation: none !important;
  }
}