/* Kapinda Hizmet v3.2.18 - desktop hero motion polish
   Desktop only. Mobile hero remains exactly as v3.2.17. */
@media (min-width:901px){
  .kh-home-hero-v3212 .kh-hero-profile-card{
    isolation:isolate;
  }
  .kh-home-hero-v3212 .kh-hero-verified,
  .kh-home-hero-v3212 .kh-hero-float-social,
  .kh-home-hero-v3212 .kh-hero-float-free{
    overflow:hidden;
    transform:translateZ(0);
    will-change:transform,box-shadow;
  }
  .kh-home-hero-v3212 .kh-hero-verified{
    animation:khHeroVerifiedFloat 4.2s ease-in-out infinite;
    box-shadow:0 12px 30px color-mix(in srgb,var(--blue) 15%,transparent);
  }
  .kh-home-hero-v3212 .kh-hero-verified:after,
  .kh-home-hero-v3212 .kh-hero-float-social:after,
  .kh-home-hero-v3212 .kh-hero-float-free:after{
    content:"";
    position:absolute;
    inset:-2px auto -2px -55%;
    width:42%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.78),transparent);
    transform:skewX(-18deg);
    pointer-events:none;
    animation:khHeroBadgeShine 5.2s ease-in-out infinite;
  }
  .kh-home-hero-v3212 .kh-hero-float-social{
    animation:khHeroSocialFloat 4.8s ease-in-out infinite;
    border-color:color-mix(in srgb,var(--blue) 18%,#fff);
  }
  .kh-home-hero-v3212 .kh-hero-float-free{
    animation:khHeroFreeFloat 5.3s ease-in-out .35s infinite;
    border-color:color-mix(in srgb,var(--orange) 20%,#fff);
  }
  .kh-home-hero-v3212 .kh-hero-float-social i,
  .kh-home-hero-v3212 .kh-hero-float-free i{
    display:inline-grid;
    place-items:center;
    width:22px;
    height:22px;
    margin-right:3px;
    border-radius:50%;
    background:color-mix(in srgb,var(--blue) 9%,#fff);
    color:var(--blue);
    font-style:normal;
  }
  .kh-home-hero-v3212 .kh-hero-float-free i{
    background:color-mix(in srgb,var(--orange) 10%,#fff);
    color:var(--orange);
  }
  .kh-home-hero-v3212 .kh-hero-offer-interactive{
    cursor:pointer;
    transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
    outline:none;
  }
  .kh-home-hero-v3212 .kh-hero-offer-interactive:hover,
  .kh-home-hero-v3212 .kh-hero-offer-interactive:focus-visible{
    transform:translateY(-5px);
    border-color:color-mix(in srgb,var(--blue) 22%,#fff);
    box-shadow:0 24px 58px rgba(23,72,112,.22);
  }
  .kh-home-hero-v3212 .kh-hero-offer-head small{
    display:inline-flex;
    align-items:center;
    gap:5px;
    font-weight:800;
  }
  .kh-home-hero-v3212 .kh-hero-offer-head small span{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#16b88a;
    box-shadow:0 0 0 0 rgba(22,184,138,.42);
    animation:khHeroLivePulse 1.8s ease-out infinite;
  }
  .kh-home-hero-v3212 .kh-hero-motion-row{
    position:relative;
    transition:opacity .22s ease,transform .22s ease;
  }
  .kh-home-hero-v3212 .kh-hero-motion-row.kh-changing{
    opacity:0;
    transform:translateY(7px);
  }
  .kh-home-hero-v3212 .kh-hero-motion-row i{
    white-space:nowrap;
    transition:transform .2s ease,color .2s ease;
  }
  .kh-home-hero-v3212 .kh-hero-offer-interactive:hover .kh-hero-motion-row i{
    transform:translateX(3px);
    color:var(--blue);
  }
  .kh-home-hero-v3212 .kh-hero-offer-click{
    display:block;
    margin-top:7px;
    padding-top:7px;
    border-top:1px dashed #e7edf3;
    color:#7b8b9c;
    font-size:9px;
    font-style:normal;
    font-weight:700;
    text-align:center;
  }
  @keyframes khHeroVerifiedFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-5px,0)}}
  @keyframes khHeroSocialFloat{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-5px,-5px,0) rotate(-1deg)}}
  @keyframes khHeroFreeFloat{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(5px,-6px,0) rotate(1deg)}}
  @keyframes khHeroBadgeShine{0%,66%{left:-55%;opacity:0}72%{opacity:.75}88%,100%{left:125%;opacity:0}}
  @keyframes khHeroLivePulse{0%{box-shadow:0 0 0 0 rgba(22,184,138,.42)}70%{box-shadow:0 0 0 7px rgba(22,184,138,0)}100%{box-shadow:0 0 0 0 rgba(22,184,138,0)}}
}
@media (prefers-reduced-motion:reduce){
  .kh-home-hero-v3212 .kh-hero-verified,
  .kh-home-hero-v3212 .kh-hero-float-social,
  .kh-home-hero-v3212 .kh-hero-float-free,
  .kh-home-hero-v3212 .kh-hero-verified:after,
  .kh-home-hero-v3212 .kh-hero-float-social:after,
  .kh-home-hero-v3212 .kh-hero-float-free:after,
  .kh-home-hero-v3212 .kh-hero-offer-head small span{animation:none!important}
}

/* v3.2.19 - desktop single ghost offer + free badge layering */
@media (min-width:901px){
  .kh-home-hero-v3212 .kh-hero-float-free{
    z-index:12!important;
    left:18px!important;
    top:188px!important;
    background:rgba(255,255,255,.94)!important;
    border-color:color-mix(in srgb,var(--blue) 22%,#fff)!important;
    box-shadow:0 14px 34px rgba(23,72,112,.18),0 0 0 1px rgba(255,255,255,.7) inset!important;
    backdrop-filter:blur(12px);
  }
  .kh-home-hero-v3212 .kh-hero-offer-single{
    z-index:8!important;
    left:18px!important;
    right:18px!important;
    bottom:16px!important;
    padding:12px 14px 11px!important;
    min-height:112px;
    background:rgba(255,255,255,.9)!important;
    border:1px solid rgba(220,231,242,.96)!important;
    box-shadow:0 18px 44px rgba(23,72,112,.16)!important;
  }
  .kh-home-hero-v3212 .kh-hero-offer-single .kh-hero-offer-head{
    margin-bottom:4px!important;
  }
  .kh-home-hero-v3212 .kh-hero-offer-single .kh-hero-motion-row{
    min-height:52px;
    border-top:1px solid rgba(232,238,244,.9);
    transition:opacity .42s ease,filter .42s ease,transform .42s cubic-bezier(.22,.61,.36,1)!important;
    opacity:1;
    filter:blur(0);
    transform:translateY(0) scale(1);
    will-change:opacity,filter,transform;
  }
  .kh-home-hero-v3212 .kh-hero-offer-single .kh-hero-motion-row.kh-ghost-out{
    opacity:0;
    filter:blur(7px);
    transform:translateY(-5px) scale(.985);
  }
  .kh-home-hero-v3212 .kh-hero-offer-single .kh-hero-motion-row.kh-ghost-in{
    opacity:.12;
    filter:blur(5px);
    transform:translateY(5px) scale(.99);
  }
  .kh-home-hero-v3212 .kh-hero-offer-single .kh-hero-offer-click{
    margin-top:2px;
    padding-top:5px;
    opacity:.72;
  }
}

/* v3.2.20 admin-controllable desktop hero motion */
@media (min-width:901px){.kh-home-hero-v3212 .kh-hero-motion-disabled .kh-hero-verified,.kh-home-hero-v3212 .kh-hero-motion-disabled .kh-hero-float-social,.kh-home-hero-v3212 .kh-hero-motion-disabled .kh-hero-float-free,.kh-home-hero-v3212 .kh-hero-motion-disabled .kh-hero-verified:after,.kh-home-hero-v3212 .kh-hero-motion-disabled .kh-hero-float-social:after,.kh-home-hero-v3212 .kh-hero-motion-disabled .kh-hero-float-free:after,.kh-home-hero-v3212 .kh-hero-motion-disabled .kh-hero-offer-head small span{animation:none!important}}
