/* 2Polovinka homepage styles consolidated 2026-08-10.
   Loaded after td-main-20260528.css. */

/* HOME_MOBILE_HERO_DATING_20260602_2035 */
  .hero-mobile-actions{display:none;}
  @media (max-width: 760px){
    body{background:#fbf8f7;}
    main{overflow:hidden;}
    .hero{
      position:relative;
      padding:16px 0 22px !important;
      background:linear-gradient(180deg,#fff 0%,#fff6f4 46%,#f7eee8 100%) !important;
    }
    .hero .container,
    .hero-grid{
      width:100% !important;
      max-width:none !important;
      padding:0 16px !important;
      display:block !important;
    }
    .hero-copy{
      position:relative !important;
      min-height:720px !important;
      overflow:hidden !important;
      border-radius:30px !important;
      padding:34px 26px 32px !important;
      background-image:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.90) 32%,rgba(255,255,255,.34) 55%,rgba(255,255,255,.78) 100%),url('/assets/img/home/hero-mobile-dating-israel.webp') !important;
      background-size:cover !important;
      background-position:center bottom !important;
      box-shadow:0 22px 58px rgba(88,54,39,.16) !important;
      border:1px solid rgba(255,255,255,.72) !important;
      isolation:isolate !important;
    }
    .hero-copy::before{
      content:'';
      position:absolute;
      inset:0;
      background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.94) 0 26%,rgba(255,255,255,.18) 56%,rgba(255,255,255,0) 72%),linear-gradient(180deg,rgba(185,18,63,.05),rgba(185,18,63,.12));
      z-index:-1;
      pointer-events:none;
    }
    .hero-copy h1{
      max-width:360px !important;
      margin:0 0 16px !important;
      color:#1b2233 !important;
      font-family:Georgia,'Times New Roman',serif !important;
      font-size:clamp(46px,11.5vw,68px) !important;
      line-height:.98 !important;
      letter-spacing:-.045em !important;
      font-weight:650 !important;
      text-wrap:balance;
    }
    .hero-copy h1 br{display:none !important;}
    .hero-copy h1 .hero-accent{
      display:block !important;
      margin-top:8px !important;
      color:#c70f48 !important;
      font-family:inherit !important;
      font-size:.58em !important;
      line-height:1.08 !important;
      letter-spacing:-.02em !important;
      font-style:italic !important;
      font-weight:700 !important;
    }
    .hero-copy p{
      max-width:310px !important;
      margin:0 0 18px !important;
      color:#253044 !important;
      font-size:18px !important;
      line-height:1.54 !important;
      font-weight:650 !important;
      text-shadow:0 1px 0 rgba(255,255,255,.55);
    }
    .hero-trust{
      display:flex !important;
      flex-wrap:wrap !important;
      gap:8px !important;
      margin:0 0 0 !important;
      max-width:360px !important;
    }
    .hero-trust span{
      display:inline-flex !important;
      align-items:center !important;
      gap:7px !important;
      min-height:34px !important;
      padding:7px 12px !important;
      border-radius:999px !important;
      background:rgba(255,255,255,.82) !important;
      border:1px solid rgba(255,255,255,.78) !important;
      color:#253044 !important;
      box-shadow:0 10px 26px rgba(70,52,44,.10) !important;
      font-size:13px !important;
      line-height:1.15 !important;
      font-weight:800 !important;
      backdrop-filter:blur(12px);
    }
    .hero-trust span::before{
      content:'';
      width:8px;
      height:8px;
      border-radius:50%;
      background:#c70f48;
      box-shadow:0 0 0 6px rgba(199,15,72,.10);
      flex:0 0 auto;
    }
    .hero-features{
      position:absolute !important;
      left:18px !important;
      right:18px !important;
      bottom:160px !important;
      display:grid !important;
      grid-template-columns:repeat(3,minmax(0,1fr)) !important;
      gap:8px !important;
      margin:0 !important;
      padding:14px 12px !important;
      border-radius:24px !important;
      background:rgba(255,255,255,.84) !important;
      border:1px solid rgba(255,255,255,.72) !important;
      box-shadow:0 16px 45px rgba(43,32,28,.18) !important;
      backdrop-filter:blur(16px);
    }
    .hero-feature{
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:flex-start !important;
      gap:7px !important;
      min-height:94px !important;
      padding:8px 4px !important;
      border-radius:18px !important;
      background:transparent !important;
      border:0 !important;
      box-shadow:none !important;
      color:#202a3d !important;
      text-align:center !important;
      font-size:13px !important;
      line-height:1.18 !important;
      font-weight:850 !important;
    }
    .hero-feature .icon-circle{
      width:42px !important;
      height:42px !important;
      border-radius:999px !important;
      background:rgba(199,15,72,.08) !important;
      box-shadow:0 10px 24px rgba(199,15,72,.13) !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
    }
    .hero-feature svg{
      width:24px !important;
      height:24px !important;
      fill:none !important;
      stroke:#c70f48 !important;
      stroke-width:1.9 !important;
    }
    .hero-feature svg path,
    .hero-feature svg circle{
      fill:none !important;
      stroke:#c70f48 !important;
      stroke-width:1.9 !important;
      stroke-linecap:round !important;
      stroke-linejoin:round !important;
    }
    .hero-mobile-actions{
      position:absolute !important;
      left:28px !important;
      right:28px !important;
      bottom:34px !important;
      display:grid !important;
      gap:11px !important;
      z-index:3 !important;
    }
    .hero-mobile-actions a{
      min-height:56px !important;
      border-radius:999px !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      gap:10px !important;
      text-decoration:none !important;
      font-size:17px !important;
      font-weight:900 !important;
      letter-spacing:-.01em !important;
    }
    .hero-mobile-primary{
      color:#fff !important;
      background:linear-gradient(135deg,#e41662 0%,#b70d3c 100%) !important;
      box-shadow:0 18px 36px rgba(183,13,60,.30) !important;
    }
    .hero-mobile-secondary{
      color:#c70f48 !important;
      background:rgba(255,255,255,.86) !important;
      border:1.5px solid rgba(199,15,72,.32) !important;
      box-shadow:0 12px 28px rgba(35,27,24,.12) !important;
    }
    .hero-mobile-primary svg,
    .hero-mobile-secondary svg{
      width:22px !important;
      height:22px !important;
      fill:currentColor !important;
    }
    .search-card{
      position:relative !important;
      margin:18px 0 0 !important;
      border-radius:26px !important;
      box-shadow:0 18px 44px rgba(41,45,59,.12) !important;
    }
  }
  @media (max-width: 390px){
    .hero-copy{min-height:700px !important;padding:30px 22px 28px !important;}
    .hero-copy h1{font-size:42px !important;}
    .hero-copy p{font-size:16px !important;max-width:290px !important;}
    .hero-features{bottom:154px !important;}
    .hero-feature{font-size:12px !important;min-height:88px !important;}
    .hero-mobile-actions{left:22px !important;right:22px !important;}
  }

/* HOME_MOBILE_HERO_POLISHED_20260602_2055
     Fixes the first mobile hero: less technical, cleaner dating layout, no overlapping trust badges. */
  @media (max-width: 760px){
    .hero{
      padding:14px 0 18px !important;
      background:linear-gradient(180deg,#fff 0%,#fff8f7 45%,#f8eee9 100%) !important;
    }
    .hero-copy{
      min-height:650px !important;
      padding:30px 26px 28px !important;
      border-radius:30px !important;
      background-image:
        linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.94) 38%,rgba(255,255,255,.55) 58%,rgba(255,255,255,.08) 100%),
        linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.68) 32%,rgba(255,255,255,.05) 55%,rgba(255,244,247,.88) 100%),
        url('/assets/img/home/hero-mobile-dating-israel.webp') !important;
      background-size:cover !important;
      background-position:60% bottom !important;
      box-shadow:0 22px 58px rgba(88,54,39,.14) !important;
    }
    .hero-copy::before{
      background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(199,15,72,.10)) !important;
    }
    .hero-copy h1{
      max-width:320px !important;
      margin:0 0 14px !important;
      color:#1b2233 !important;
      font-size:clamp(40px,9.8vw,54px) !important;
      line-height:1.04 !important;
      letter-spacing:-.04em !important;
      font-weight:750 !important;
    }
    .hero-copy h1 .hero-accent{
      margin-top:5px !important;
      color:#c20f45 !important;
      font-size:.66em !important;
      line-height:1.06 !important;
    }
    .hero-copy p{
      max-width:304px !important;
      margin:0 0 13px !important;
      color:#273247 !important;
      font-size:16.5px !important;
      line-height:1.48 !important;
      font-weight:650 !important;
    }
    .hero-trust{
      display:flex !important;
      flex-wrap:wrap !important;
      gap:8px !important;
      max-width:310px !important;
      margin:0 !important;
    }
    .hero-trust span{
      min-height:30px !important;
      padding:6px 10px !important;
      font-size:12px !important;
      line-height:1.1 !important;
      background:rgba(255,255,255,.88) !important;
      border:1px solid rgba(255,255,255,.78) !important;
      box-shadow:0 8px 20px rgba(70,52,44,.09) !important;
    }
    .hero-trust span:nth-child(1),
    .hero-trust span:nth-child(4){
      display:none !important;
    }
    .hero-features{
      left:26px !important;
      right:26px !important;
      bottom:140px !important;
      gap:6px !important;
      padding:10px !important;
      border-radius:22px !important;
      background:rgba(255,255,255,.92) !important;
      border:1px solid rgba(255,255,255,.76) !important;
      box-shadow:0 14px 36px rgba(43,32,28,.16) !important;
    }
    .hero-feature{
      min-height:82px !important;
      gap:6px !important;
      padding:6px 3px !important;
      font-size:12.5px !important;
      line-height:1.14 !important;
      font-weight:850 !important;
    }
    .hero-feature .icon-circle{
      width:38px !important;
      height:38px !important;
      background:rgba(199,15,72,.09) !important;
    }
    .hero-feature svg{
      width:22px !important;
      height:22px !important;
    }
    .hero-mobile-actions{
      left:26px !important;
      right:26px !important;
      bottom:24px !important;
      gap:9px !important;
    }
    .hero-mobile-actions a{
      min-height:52px !important;
      font-size:16px !important;
    }
    .search-card{
      margin:18px 0 0 !important;
    }
  }
  @media (max-width: 390px){
    .hero-copy{
      min-height:625px !important;
      padding:28px 22px 26px !important;
      background-position:63% bottom !important;
    }
    .hero-copy h1{
      max-width:285px !important;
      font-size:38px !important;
    }
    .hero-copy p{
      max-width:276px !important;
      font-size:15.5px !important;
    }
    .hero-trust span{
      font-size:11.5px !important;
      padding:6px 9px !important;
    }
    .hero-features{
      left:22px !important;
      right:22px !important;
      bottom:132px !important;
      padding:9px !important;
    }
    .hero-feature{
      min-height:78px !important;
      font-size:11.5px !important;
    }
    .hero-mobile-actions{
      left:22px !important;
      right:22px !important;
      bottom:22px !important;
    }
  }

/* HOME_MOBILE_HERO_NO_FEATURE_BLOCK_20260602_2105
     Removes the three-card feature block from the mobile hero and compacts the first screen. */
  @media (max-width: 760px){
    .hero .hero-features{
      display:none !important;
    }
    .hero-copy{
      min-height:570px !important;
      padding-bottom:118px !important;
    }
    .hero-mobile-actions{
      bottom:24px !important;
    }
  }
  @media (max-width: 390px){
    .hero-copy{
      min-height:545px !important;
      padding-bottom:112px !important;
    }
    .hero-mobile-actions{
      bottom:22px !important;
    }
  }

/* HOME_MOBILE_HERO_REDUCED_PINK_20260602_2115
     Reduces the pink-heavy look on mobile: warmer neutral hero, slate/rosewood accents, calmer quick-search controls. */
  @media (max-width: 760px){
    body{
      background:#f7f4ef !important;
    }
    .hero{
      background:linear-gradient(180deg,#fff 0%,#f8f5ef 48%,#efe7de 100%) !important;
    }
    .hero-copy{
      background-image:
        linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.92) 38%,rgba(255,255,255,.50) 60%,rgba(255,255,255,.04) 100%),
        linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.62) 34%,rgba(255,255,255,.03) 58%,rgba(244,238,230,.84) 100%),
        url('/assets/img/home/hero-mobile-dating-israel.webp') !important;
      box-shadow:0 22px 58px rgba(48,55,70,.12) !important;
    }
    .hero-copy::before{
      background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(49,95,125,.08)) !important;
    }
    .hero-copy h1 .hero-accent{
      color:#8f2f4c !important;
    }
    .hero-trust span{
      background:rgba(255,255,255,.88) !important;
      border-color:rgba(223,216,205,.86) !important;
      color:#263246 !important;
      box-shadow:0 8px 20px rgba(45,55,72,.08) !important;
    }
    .hero-trust span::before{
      background:#315f7d !important;
      box-shadow:0 0 0 6px rgba(49,95,125,.10) !important;
    }
    .hero-mobile-primary{
      color:#fff !important;
      background:linear-gradient(135deg,#315f7d 0%,#4f86a6 100%) !important;
      box-shadow:0 18px 36px rgba(49,95,125,.26) !important;
    }
    .hero-mobile-secondary{
      color:#315f7d !important;
      background:rgba(255,255,255,.88) !important;
      border:1.5px solid rgba(49,95,125,.28) !important;
      box-shadow:0 12px 28px rgba(35,45,58,.10) !important;
    }
    .hero-mobile-actions a svg{
      color:currentColor !important;
    }

    /* Calm down the mobile quick-search block directly after hero. */
    .search-card{
      background:#ffffff !important;
      border:1px solid #dbe3ee !important;
      box-shadow:0 18px 44px rgba(31,36,48,.10) !important;
    }
    .search-card h2,
    .search-card .form-label{
      color:#172033 !important;
    }
    .search-card .segmented{
      border-color:#dbe3ee !important;
      background:#fff !important;
    }
    .search-card .segmented label{
      color:#172033 !important;
    }
    .search-card .segmented input:checked + label{
      background:#315f7d !important;
      color:#fff !important;
      box-shadow:none !important;
    }
    .search-card select,
    .search-card input[type='text'],
    .search-card input[type='number']{
      border-color:#dbe3ee !important;
      background:#fff !important;
      color:#172033 !important;
    }
    .search-card .checkbox-row input:checked{
      accent-color:#315f7d !important;
    }
    .search-card .btn-primary,
    .search-card button[type='submit']{
      background:linear-gradient(135deg,#315f7d 0%,#4f86a6 100%) !important;
      box-shadow:0 14px 28px rgba(49,95,125,.22) !important;
    }
  }

/* HOME_MOBILE_HERO_SOFT_WARM_20260602_2125
     Adds a little warmth back to the reduced-pink mobile hero without returning to the bright pink look. */
  @media (max-width: 760px){
    body{
      background:#f8f1ea !important;
    }
    .hero{
      background:linear-gradient(180deg,#fff 0%,#faf3ec 46%,#f1e5da 100%) !important;
    }
    .hero-copy{
      background-image:
        linear-gradient(90deg,rgba(255,252,248,.99) 0%,rgba(255,249,243,.92) 38%,rgba(255,246,239,.48) 61%,rgba(255,246,239,.04) 100%),
        linear-gradient(180deg,rgba(255,252,248,.94) 0%,rgba(255,248,241,.60) 34%,rgba(255,244,235,.05) 58%,rgba(244,232,220,.82) 100%),
        url('/assets/img/home/hero-mobile-dating-israel.webp') !important;
      box-shadow:0 22px 58px rgba(112,76,54,.13) !important;
    }
    .hero-copy::before{
      background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(184,113,86,.10)) !important;
    }
    .hero-copy h1 .hero-accent{
      color:#a85446 !important;
    }
    .hero-trust span{
      background:rgba(255,251,247,.90) !important;
      border-color:rgba(226,206,188,.86) !important;
      box-shadow:0 8px 20px rgba(112,76,54,.08) !important;
    }
    .hero-trust span::before{
      background:#b66a55 !important;
      box-shadow:0 0 0 6px rgba(182,106,85,.12) !important;
    }
    .hero-mobile-primary{
      background:linear-gradient(135deg,#315f7d 0%,#b36a55 100%) !important;
      box-shadow:0 18px 36px rgba(112,76,54,.22) !important;
    }
    .hero-mobile-secondary{
      color:#9a4f42 !important;
      background:rgba(255,251,247,.90) !important;
      border-color:rgba(179,106,85,.34) !important;
      box-shadow:0 12px 28px rgba(112,76,54,.10) !important;
    }
    .search-card{
      background:#fffdfa !important;
      border-color:#e5d8cc !important;
      box-shadow:0 18px 44px rgba(112,76,54,.10) !important;
    }
    .search-card .segmented{
      border-color:#e5d8cc !important;
    }
    .search-card .segmented input:checked + label,
    .search-card .btn-primary,
    .search-card button[type='submit']{
      background:linear-gradient(135deg,#315f7d 0%,#b36a55 100%) !important;
    }
    .search-card select,
    .search-card input[type='text'],
    .search-card input[type='number']{
      border-color:#e2d7cc !important;
      background:#fffdfa !important;
    }
    .search-card .checkbox-row input:checked{
      accent-color:#b36a55 !important;
    }
  }

/* HOME_MOBILE_HERO_SOLID_BUTTONS_20260602_2135
     Buttons must be solid color, no gradients. Primary button color follows the approved mobile mockup. */
  @media (max-width: 760px){
    .hero-mobile-primary,
    .search-card .segmented input:checked + label,
    .search-card .btn-primary,
    .search-card button[type='submit'],
    .cta .btn-primary,
    .btn.btn-primary{
      background:#c40f46 !important;
      background-image:none !important;
      color:#fff !important;
      border-color:#c40f46 !important;
      box-shadow:0 14px 30px rgba(196,15,70,.22) !important;
    }
    .hero-mobile-primary:hover,
    .search-card .btn-primary:hover,
    .search-card button[type='submit']:hover,
    .cta .btn-primary:hover,
    .btn.btn-primary:hover{
      background:#b30d3f !important;
      background-image:none !important;
      border-color:#b30d3f !important;
    }
    .hero-mobile-secondary,
    .cta .btn-ghost,
    .btn.btn-ghost{
      background:#fffdfa !important;
      background-image:none !important;
      color:#c40f46 !important;
      border-color:rgba(196,15,70,.36) !important;
      box-shadow:0 10px 24px rgba(122,72,57,.10) !important;
    }
    .hero-mobile-secondary:hover,
    .cta .btn-ghost:hover,
    .btn.btn-ghost:hover{
      background:#fff7f3 !important;
      background-image:none !important;
      color:#b30d3f !important;
      border-color:rgba(179,13,63,.44) !important;
    }
  }

/* HOME_MOBILE_HERO_FULLSCREEN_FLOW_20260602_2145
     Mobile hero: full-screen first panel, solid buttons only, CTA buttons in normal flow so they do not cover trust chips. */
  @media (max-width: 760px){
    html{
      scroll-behavior:smooth;
    }
    .hero{
      min-height:calc(100svh - 104px) !important;
      padding:10px 0 12px !important;
      background:#f8f1ea !important;
      background-image:none !important;
      display:flex !important;
      align-items:stretch !important;
    }
    .hero .container,
    .hero-grid{
      display:flex !important;
      flex-direction:column !important;
      width:100% !important;
      min-height:100% !important;
    }
    .hero-copy{
      display:flex !important;
      flex-direction:column !important;
      min-height:calc(100svh - 126px) !important;
      height:auto !important;
      padding:28px 26px 24px !important;
      overflow:hidden !important;
      background-image:
        linear-gradient(90deg,rgba(255,252,248,.99) 0%,rgba(255,249,243,.91) 39%,rgba(255,246,239,.48) 62%,rgba(255,246,239,.04) 100%),
        linear-gradient(180deg,rgba(255,252,248,.92) 0%,rgba(255,248,241,.54) 34%,rgba(255,244,235,.06) 58%,rgba(244,232,220,.82) 100%),
        url('/assets/img/home/hero-mobile-dating-israel.webp') !important;
      background-size:cover !important;
      background-position:62% bottom !important;
    }
    .hero-copy h1{
      max-width:315px !important;
      margin-bottom:13px !important;
      font-size:clamp(38px,9.2vw,52px) !important;
      line-height:1.04 !important;
    }
    .hero-copy p{
      max-width:300px !important;
      margin-bottom:14px !important;
      font-size:16px !important;
      line-height:1.48 !important;
    }
    .hero-trust{
      max-width:315px !important;
      gap:8px !important;
      margin-bottom:18px !important;
      position:relative !important;
      z-index:2 !important;
    }
    .hero-trust span{
      background:rgba(255,251,247,.92) !important;
      border-color:rgba(226,206,188,.9) !important;
      color:#263246 !important;
      box-shadow:0 8px 20px rgba(112,76,54,.08) !important;
    }
    .hero-trust span::before{
      background:#c40f46 !important;
      box-shadow:0 0 0 6px rgba(196,15,70,.10) !important;
    }
    .hero-mobile-actions{
      position:relative !important;
      left:auto !important;
      right:auto !important;
      bottom:auto !important;
      display:grid !important;
      gap:10px !important;
      width:100% !important;
      margin-top:auto !important;
      padding-top:22px !important;
      z-index:4 !important;
    }
    .hero-mobile-actions a{
      min-height:54px !important;
      border-radius:999px !important;
      font-size:16px !important;
      font-weight:900 !important;
    }
    .hero-mobile-primary{
      background:#c40f46 !important;
      background-image:none !important;
      color:#fff !important;
      border:1px solid #c40f46 !important;
      box-shadow:0 14px 30px rgba(196,15,70,.20) !important;
    }
    .hero-mobile-secondary{
      background:#fffdfa !important;
      background-image:none !important;
      color:#c40f46 !important;
      border:1.5px solid rgba(196,15,70,.36) !important;
      box-shadow:0 10px 24px rgba(122,72,57,.10) !important;
    }
    .hero-mobile-primary:hover,
    .hero-mobile-primary:focus{
      background:#b30d3f !important;
      background-image:none !important;
    }
    .hero-mobile-secondary:hover,
    .hero-mobile-secondary:focus{
      background:#fff7f3 !important;
      background-image:none !important;
      color:#b30d3f !important;
    }
    #home-quick-search-submit{
      scroll-margin-top:calc(100svh - 120px) !important;
    }
    .search-card{
      margin:18px 0 0 !important;
    }
  }
  @media (max-width: 390px){
    .hero{
      padding-top:8px !important;
      padding-bottom:10px !important;
    }
    .hero-copy{
      min-height:calc(100svh - 118px) !important;
      padding:24px 22px 22px !important;
      background-position:64% bottom !important;
    }
    .hero-copy h1{
      max-width:285px !important;
      font-size:36px !important;
      margin-bottom:11px !important;
    }
    .hero-copy p{
      max-width:272px !important;
      font-size:15px !important;
      line-height:1.45 !important;
    }
    .hero-trust{
      max-width:285px !important;
      gap:7px !important;
      margin-bottom:14px !important;
    }
    .hero-trust span{
      min-height:28px !important;
      padding:6px 9px !important;
      font-size:11.5px !important;
    }
    .hero-mobile-actions{
      padding-top:18px !important;
      gap:9px !important;
    }
    .hero-mobile-actions a{
      min-height:50px !important;
      font-size:15px !important;
    }
  }

/* HOME_NEW_PROFILES_SPLIT_CAROUSELS_20260605
     New profiles are split into two independent carousels: women and men. */
  .new-profiles-section .section-head{
    align-items:flex-end;
  }
  .new-profiles-section .section-head p{
    margin:8px 0 0;
    color:#667085;
    font-size:15px;
    line-height:1.45;
  }
  .new-profiles-split{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:18px;
    align-items:stretch;
  }
  .new-profiles-card{
    min-width:0;
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:18px 16px 16px;
    border-radius:28px;
    background:#fffdfa;
    border:1px solid rgba(229,216,204,.92);
    box-shadow:0 18px 45px rgba(41,45,59,.08);
  }
  .new-profiles-card::before{
    content:'';
    position:absolute;
    inset:0 0 auto 0;
    height:78px;
    background:linear-gradient(180deg,rgba(255,244,238,.88),rgba(255,244,238,0));
    z-index:-1;
    pointer-events:none;
  }
  .new-profiles-men::before{
    background:linear-gradient(180deg,rgba(238,246,250,.9),rgba(238,246,250,0));
  }
  .new-profiles-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin:0 0 14px;
    padding:0 2px;
  }
  .new-profiles-card-head h3{
    margin:0;
    color:#172033;
    font-size:20px;
    line-height:1.15;
    letter-spacing:-.02em;
  }
  .new-profiles-card-head p{
    margin:5px 0 0;
    color:#667085;
    font-size:13px;
    line-height:1.35;
  }
  .new-carousel-controls{
    display:flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
    padding:2px;
  }
  .new-profiles-card .carousel-btn{
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    z-index:3 !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    border:1px solid rgba(196,15,70,.22) !important;
    background:#fff !important;
    color:#c40f46 !important;
    box-shadow:0 8px 20px rgba(41,45,59,.09) !important;
    cursor:pointer;
    touch-action:manipulation;
  }
  .new-profiles-card .carousel-btn svg{
    width:20px;
    height:20px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:2.2;
    stroke-linecap:round;
    stroke-linejoin:round;
    pointer-events:none;
  }
  .new-profiles-card .carousel-btn:disabled{
    opacity:.38;
    cursor:default;
    box-shadow:none !important;
  }
  .new-profiles-card .carousel-btn:not(:disabled):hover,
  .new-profiles-card .carousel-btn:not(:disabled):focus-visible{
    background:#fff7f3 !important;
    border-color:rgba(196,15,70,.36) !important;
    outline:none;
  }
  .new-profiles-card .new-profile-carousel{
    margin:0;
    padding:0;
    position:relative;
    overflow:hidden;
  }
  .new-profiles-card .profile-viewport{
    width:100%;
    overflow:hidden;
  }
  .new-profiles-card .profile-track{
    display:flex;
    align-items:stretch;
    gap:14px;
    transition:transform .32s ease;
    will-change:transform;
  }
  .new-profiles-card .profile-card{
    flex:0 0 clamp(174px,17vw,205px);
    max-width:205px;
  }
  .new-profiles-card .profile-empty{
    flex:1 0 100%;
    min-height:210px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    border-radius:22px;
    background:#fff;
    color:#667085;
    border:1px dashed rgba(102,112,133,.28);
  }
  @media (max-width: 980px){
    .new-profiles-split{
      grid-template-columns:1fr;
      gap:16px;
    }
    .new-profiles-card .profile-card{
      flex-basis:clamp(180px,34vw,215px);
    }
  }
  @media (max-width: 760px){
    .new-profiles-section .section-head{
      align-items:flex-start;
    }
    .new-profiles-section .section-head p{
      font-size:14px;
    }
    .new-profiles-split{
      gap:14px;
    }
    .new-profiles-card{
      padding:16px 14px 14px;
      border-radius:24px;
    }
    .new-profiles-card-head{
      align-items:center;
      gap:10px;
      margin-bottom:12px;
    }
    .new-profiles-card-head h3{
      font-size:18px;
    }
    .new-profiles-card-head p{
      display:none;
    }
    .new-carousel-controls{
      gap:7px;
    }
    .new-profiles-card .carousel-btn{
      width:42px !important;
      height:42px !important;
      min-width:42px !important;
      min-height:42px !important;
    }
    .new-profiles-card .profile-viewport{
      overflow:hidden;
    }
    .new-profiles-card .profile-track{
      gap:12px;
    }
    .new-profiles-card .profile-card{
      flex:0 0 min(68vw,218px);
      max-width:218px;
    }
  }
  @media (max-width: 390px){
    .new-profiles-card{
      padding:15px 12px 13px;
    }
    .new-profiles-card-head h3{
      font-size:17px;
    }
    .new-profiles-card .carousel-btn{
      width:40px !important;
      height:40px !important;
      min-width:40px !important;
      min-height:40px !important;
    }
    .new-profiles-card .profile-card{
      flex-basis:min(72vw,210px);
    }
  }

/* HOME_CAROUSEL_ARROWS_VISIBLE_20260605
     Makes all homepage carousel arrows more visible and easier to tap. Solid colors only, no gradients. */
  .profiles-wrap[data-profile-carousel] > .carousel-btn,
  .cities-wrap[data-city-carousel] > .carousel-btn,
  .new-profiles-card .carousel-btn{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    background:#c40f46 !important;
    background-image:none !important;
    color:#fff !important;
    border:2px solid #fff !important;
    box-shadow:0 14px 32px rgba(196,15,70,.28),0 0 0 1px rgba(196,15,70,.18) !important;
    cursor:pointer !important;
    opacity:1 !important;
    transition:background-color .18s ease, box-shadow .18s ease, transform .18s ease, opacity .18s ease !important;
    touch-action:manipulation !important;
    -webkit-tap-highlight-color:transparent !important;
  }
  .profiles-wrap[data-profile-carousel] > .carousel-btn svg,
  .cities-wrap[data-city-carousel] > .carousel-btn svg,
  .new-profiles-card .carousel-btn svg{
    width:25px !important;
    height:25px !important;
    display:block !important;
    pointer-events:none !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:2.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }
  .profiles-wrap[data-profile-carousel] > .carousel-btn svg path,
  .cities-wrap[data-city-carousel] > .carousel-btn svg path,
  .new-profiles-card .carousel-btn svg path{
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:2.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }
  .profiles-wrap[data-profile-carousel] > .carousel-btn:not(:disabled):hover,
  .profiles-wrap[data-profile-carousel] > .carousel-btn:not(:disabled):focus-visible,
  .cities-wrap[data-city-carousel] > .carousel-btn:not(:disabled):hover,
  .cities-wrap[data-city-carousel] > .carousel-btn:not(:disabled):focus-visible,
  .new-profiles-card .carousel-btn:not(:disabled):hover,
  .new-profiles-card .carousel-btn:not(:disabled):focus-visible{
    background:#b30d3f !important;
    background-image:none !important;
    color:#fff !important;
    outline:none !important;
    transform:translateY(-1px) scale(1.04) !important;
    box-shadow:0 18px 38px rgba(179,13,63,.34),0 0 0 4px rgba(196,15,70,.10) !important;
  }
  .profiles-wrap[data-profile-carousel] > .carousel-btn:focus-visible,
  .cities-wrap[data-city-carousel] > .carousel-btn:focus-visible,
  .new-profiles-card .carousel-btn:focus-visible{
    outline:3px solid rgba(196,15,70,.24) !important;
    outline-offset:3px !important;
  }
  .profiles-wrap[data-profile-carousel] > .carousel-btn:disabled,
  .cities-wrap[data-city-carousel] > .carousel-btn:disabled,
  .new-profiles-card .carousel-btn:disabled{
    background:#f1e8e2 !important;
    background-image:none !important;
    color:#b8a9a1 !important;
    border-color:#fff !important;
    box-shadow:0 8px 18px rgba(41,45,59,.08) !important;
    opacity:.72 !important;
    cursor:default !important;
    transform:none !important;
  }
  .profiles-wrap[data-profile-carousel] > .carousel-btn.prev,
  .cities-wrap[data-city-carousel] > .carousel-btn.prev{
    left:-12px !important;
  }
  .profiles-wrap[data-profile-carousel] > .carousel-btn.next,
  .cities-wrap[data-city-carousel] > .carousel-btn.next{
    right:-12px !important;
  }
  .new-carousel-controls{
    gap:10px !important;
    padding:4px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.72) !important;
    box-shadow:0 8px 22px rgba(41,45,59,.07) !important;
  }
  .new-profiles-card .carousel-btn{
    position:relative !important;
    inset:auto !important;
    transform:none !important;
  }
  .new-profiles-card .carousel-btn:not(:disabled):hover,
  .new-profiles-card .carousel-btn:not(:disabled):focus-visible{
    transform:translateY(-1px) scale(1.04) !important;
  }
  @media (max-width: 760px){
    .profiles-wrap[data-profile-carousel] > .carousel-btn,
    .cities-wrap[data-city-carousel] > .carousel-btn,
    .new-profiles-card .carousel-btn{
      width:52px !important;
      height:52px !important;
      min-width:52px !important;
      min-height:52px !important;
      box-shadow:0 16px 34px rgba(196,15,70,.30),0 0 0 1px rgba(196,15,70,.18) !important;
    }
    .profiles-wrap[data-profile-carousel] > .carousel-btn svg,
    .cities-wrap[data-city-carousel] > .carousel-btn svg,
    .new-profiles-card .carousel-btn svg{
      width:27px !important;
      height:27px !important;
    }
    .profiles-wrap[data-profile-carousel] > .carousel-btn.prev,
    .cities-wrap[data-city-carousel] > .carousel-btn.prev{
      left:4px !important;
    }
    .profiles-wrap[data-profile-carousel] > .carousel-btn.next,
    .cities-wrap[data-city-carousel] > .carousel-btn.next{
      right:4px !important;
    }
    .new-carousel-controls{
      gap:9px !important;
      padding:3px !important;
      background:transparent !important;
      box-shadow:none !important;
    }
  }
  @media (max-width: 390px){
    .profiles-wrap[data-profile-carousel] > .carousel-btn,
    .cities-wrap[data-city-carousel] > .carousel-btn,
    .new-profiles-card .carousel-btn{
      width:50px !important;
      height:50px !important;
      min-width:50px !important;
      min-height:50px !important;
    }
    .new-carousel-controls{
      gap:7px !important;
    }
  }

/* HOME_CAROUSEL_ARROW_HOVER_FIX_20260605
     Keeps side carousel arrows anchored on hover. The previous visible-arrow style overwrote
     translateY(-50%), so the VIP/city arrows jumped vertically on desktop hover. */
  .profiles-wrap[data-profile-carousel] > .carousel-btn,
  .cities-wrap[data-city-carousel] > .carousel-btn{
    transform:translateY(-50%) !important;
    will-change:transform;
  }
  .profiles-wrap[data-profile-carousel] > .carousel-btn:not(:disabled):hover,
  .profiles-wrap[data-profile-carousel] > .carousel-btn:not(:disabled):focus-visible,
  .cities-wrap[data-city-carousel] > .carousel-btn:not(:disabled):hover,
  .cities-wrap[data-city-carousel] > .carousel-btn:not(:disabled):focus-visible{
    transform:translateY(-50%) scale(1.04) !important;
  }
  .profiles-wrap[data-profile-carousel] > .carousel-btn:disabled,
  .cities-wrap[data-city-carousel] > .carousel-btn:disabled{
    transform:translateY(-50%) !important;
  }

/* HOME_NEW_PROFILES_MEN_BLUE_ARROWS_20260605
     The women carousel keeps the warm accent. The men carousel uses a calm blue accent
     so the controls do not clash with the soft blue card background. */
  .new-profiles-men .new-carousel-controls{
    background:rgba(255,255,255,.76) !important;
    border:1px solid rgba(49,95,125,.10) !important;
    box-shadow:0 8px 22px rgba(49,95,125,.08) !important;
  }
  .new-profiles-men .carousel-btn{
    background:#315f7d !important;
    background-image:none !important;
    color:#fff !important;
    border-color:#fff !important;
    box-shadow:0 14px 32px rgba(49,95,125,.26),0 0 0 1px rgba(49,95,125,.18) !important;
  }
  .new-profiles-men .carousel-btn:not(:disabled):hover,
  .new-profiles-men .carousel-btn:not(:disabled):focus-visible{
    background:#274f6a !important;
    background-image:none !important;
    color:#fff !important;
    border-color:#fff !important;
    box-shadow:0 18px 38px rgba(39,79,106,.32),0 0 0 4px rgba(49,95,125,.12) !important;
  }
  .new-profiles-men .carousel-btn:focus-visible{
    outline:3px solid rgba(49,95,125,.26) !important;
    outline-offset:3px !important;
  }
  .new-profiles-men .carousel-btn:disabled{
    background:#e7eef4 !important;
    background-image:none !important;
    color:#8aa0af !important;
    border-color:#fff !important;
    box-shadow:0 8px 18px rgba(49,95,125,.09) !important;
  }
  @media (max-width: 760px){
    .new-profiles-men .new-carousel-controls{
      background:transparent !important;
      border:0 !important;
      box-shadow:none !important;
    }
    .new-profiles-men .carousel-btn{
      box-shadow:0 16px 34px rgba(49,95,125,.28),0 0 0 1px rgba(49,95,125,.18) !important;
    }
  }

/* HOME_VIP_GOLD_ACCENT_20260605
     VIP controls and badges use a neutral gold accent instead of the women carousel red. */
  .vip-profiles-section .profiles-wrap[data-profile-carousel] > .carousel-btn{
    background:#b8892f !important;
    background-image:none !important;
    color:#fff !important;
    border-color:#fff !important;
    box-shadow:0 14px 32px rgba(184,137,47,.30),0 0 0 1px rgba(184,137,47,.22) !important;
  }
  .vip-profiles-section .profiles-wrap[data-profile-carousel] > .carousel-btn:not(:disabled):hover,
  .vip-profiles-section .profiles-wrap[data-profile-carousel] > .carousel-btn:not(:disabled):focus-visible{
    background:#9f7423 !important;
    background-image:none !important;
    color:#fff !important;
    box-shadow:0 18px 38px rgba(159,116,35,.34),0 0 0 4px rgba(184,137,47,.14) !important;
  }
  .vip-profiles-section .profiles-wrap[data-profile-carousel] > .carousel-btn:focus-visible{
    outline:3px solid rgba(184,137,47,.28) !important;
    outline-offset:3px !important;
  }
  .vip-profiles-section .profiles-wrap[data-profile-carousel] > .carousel-btn:disabled{
    background:#f0e7d4 !important;
    background-image:none !important;
    color:#a89978 !important;
    border-color:#fff !important;
    box-shadow:0 8px 18px rgba(96,72,28,.08) !important;
  }
  .vip-profiles-section .profile-card.is-vip,
  .vip-profiles-section .profile-card.is-select{
    background:#fffaf0 !important;
    border-color:rgba(184,137,47,.36) !important;
    box-shadow:0 18px 42px rgba(96,72,28,.12) !important;
  }
  .vip-profiles-section .profile-card.is-vip .profile-label-vip{
    background:#fff3cf !important;
    background-image:none !important;
    color:#7b5618 !important;
    border:1px solid rgba(184,137,47,.34) !important;
    box-shadow:none !important;
  }
  .vip-profiles-section .profile-card.is-vip .profile-label-vip svg,
  .vip-profiles-section .profile-card.is-vip .profile-label-vip svg path{
    fill:#b8892f !important;
    stroke:#b8892f !important;
  }
  @media (max-width: 760px){
    .vip-profiles-section .profiles-wrap[data-profile-carousel] > .carousel-btn{
      box-shadow:0 16px 34px rgba(184,137,47,.31),0 0 0 1px rgba(184,137,47,.20) !important;
    }
  }


/* HOME_RESTRUCTURE_20260810
   Conversion-first order: people and activity before navigation, commercial elements later. */
.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}
.hero-actions .btn{min-height:46px;padding:0 22px}

/* Only three short trust facts on the first screen. */
.hero-trust span:nth-child(1){display:inline-flex !important}

/* Intermediate CTA after real profiles and online activity. */
.mid-cta{padding:4px 0 32px;background:#fff}
.mid-cta-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:24px 28px;
  border:1px solid #e8ecf1;
  border-radius:18px;
  background:#fbfcfe;
  box-shadow:0 10px 28px rgba(23,32,51,.055);
}
.mid-cta h2{margin:0 0 6px;font-size:21px;line-height:1.2;color:#172033}
.mid-cta p{margin:0;color:#566170;font-size:14px;line-height:1.55;font-weight:600}
.mid-cta .btn{flex:0 0 auto;min-height:44px}

/* Four concrete facts fit better than a marketing wall. */
.why-grid{grid-template-columns:repeat(4,1fr);gap:22px}

/* VIP remains visible but no longer looks like a separate premium microsite. */
.vip-profiles-section{padding-top:24px;padding-bottom:28px;background:#fafbfc;border-top:1px solid #eef1f4}
.vip-profiles-section .profile-card.is-vip,
.vip-profiles-section .profile-card.is-select{
  background:#fff !important;
  border-color:#e8ecf1 !important;
  box-shadow:0 10px 26px rgba(23,32,51,.07) !important;
}
.vip-profiles-section .profiles-wrap[data-profile-carousel] > .carousel-btn{
  background:#5c6675 !important;
  color:#fff !important;
  box-shadow:0 12px 28px rgba(52,64,84,.22),0 0 0 1px rgba(52,64,84,.12) !important;
}
.vip-profiles-section .profiles-wrap[data-profile-carousel] > .carousel-btn:not(:disabled):hover,
.vip-profiles-section .profiles-wrap[data-profile-carousel] > .carousel-btn:not(:disabled):focus-visible{
  background:#475467 !important;
  box-shadow:0 16px 34px rgba(52,64,84,.27),0 0 0 4px rgba(71,84,103,.10) !important;
}

/* Keep the SEO text visually secondary and easy to scan. */
.seo-intro{padding-top:30px}
.seo-panel{grid-template-columns:minmax(0,1.5fr) minmax(260px,.65fr)}
.seo-panel p{font-size:15px;line-height:1.68}

@media (max-width:920px){
  .hero-actions{display:none}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .mid-cta-box{align-items:flex-start}
}

@media (max-width:760px){
  .hero-trust span:nth-child(1){display:inline-flex !important}
  .mid-cta{padding:2px 0 24px}
  .mid-cta-box{display:block;padding:20px 18px;border-radius:18px}
  .mid-cta h2{font-size:19px}
  .mid-cta p{font-size:13.5px}
  .mid-cta .btn{width:100%;margin-top:16px}
  .why-grid{grid-template-columns:1fr;gap:16px}
}

/* City cards are navigation first; no decorative taglines. */
.city-body{min-height:48px;display:flex;align-items:center;justify-content:center;padding:13px}
.city-name{margin-bottom:0}

/* MOBILE_SEO_LAYOUT_FIX_20260810B
   The desktop SEO two-column override is declared late in this file, so it must
   be explicitly reset for tablets and phones. */
@media (max-width:920px){
  .seo-panel{
    grid-template-columns:minmax(0,1fr) !important;
    gap:20px !important;
    padding:26px 24px !important;
  }
  .seo-panel > div,
  .seo-side{
    min-width:0 !important;
    width:100% !important;
  }
  .seo-panel h2,
  .seo-panel p,
  .seo-side h3,
  .seo-list li{
    word-break:normal !important;
    overflow-wrap:break-word !important;
  }
}

@media (max-width:620px){
  .seo-intro{
    padding:24px 0 14px !important;
  }
  .seo-panel{
    display:block !important;
    padding:22px 18px !important;
    border-radius:20px !important;
  }
  .seo-panel h2{
    margin:0 0 14px !important;
    font-size:22px !important;
    line-height:1.22 !important;
    letter-spacing:-.25px !important;
  }
  .seo-panel p{
    margin:0 0 12px !important;
    font-size:15px !important;
    line-height:1.62 !important;
  }
  .seo-side{
    margin-top:20px !important;
    padding:18px !important;
    border-radius:16px !important;
  }
  .seo-side h3{
    margin-bottom:12px !important;
    font-size:16px !important;
  }
  .seo-list{
    gap:10px !important;
  }
  .seo-list li{
    font-size:14px !important;
    line-height:1.45 !important;
  }
}

/* MOBILE_VIP_COMPACT_CARDS_20260810D
   VIP photos are profile portraits, not landscape banners. On phones the old
   carousel let a card grow almost to the full viewport while keeping a short
   fixed photo height, so object-fit:cover cropped faces heavily. */
@media (max-width:760px){
  .vip-profiles-section .profile-viewport{
    overflow:hidden !important;
  }
  .vip-profiles-section .profile-track{
    gap:12px !important;
    align-items:stretch !important;
  }
  .vip-profiles-section .profile-card{
    flex:0 0 min(46vw,176px) !important;
    width:min(46vw,176px) !important;
    max-width:176px !important;
  }
  .vip-profiles-section .profile-photo{
    width:100% !important;
    height:auto !important;
    aspect-ratio:4 / 5 !important;
    overflow:hidden !important;
    background:#edf1f5 !important;
  }
  .vip-profiles-section .profile-photo img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center 20% !important;
  }
}
@media (max-width:390px){
  .vip-profiles-section .profile-card{
    flex-basis:min(47vw,170px) !important;
    width:min(47vw,170px) !important;
    max-width:170px !important;
  }
}