/* Fotografii extrase din macheta După gust aprobată: ecranul Acasă. */
#acasa .app-overview::before{
  top:0;left:0;right:0;width:100%;height:355px;
  opacity:1;filter:none;mask-image:none;-webkit-mask-image:none;border-radius:16px;
  background-image:
    linear-gradient(90deg,#fcfaf5 0%,rgba(252,250,245,.96) 26%,rgba(252,250,245,.66) 46%,rgba(252,250,245,0) 84%),
    url("/app/images/warm-hero-salata.webp");
  background-size:100% 100%,auto 106%;
  background-position:center,right center;
  background-repeat:no-repeat;
}
#acasa .app-overview>h1{
  font-size:clamp(42px,5.8vw,70px);line-height:1.05;
  color:#183427;letter-spacing:-.05em;
}
#acasa .app-overview>.desc{color:#445147;line-height:1.58}
#acasa .six-grid .action{
  border-color:#e6e5db;background:#fffdfa;
  box-shadow:0 7px 20px rgba(38,48,35,.06);
}
#acasa .six-grid .action::after{display:none}
#acasa .six-grid .dg-action-photo{
  height:46%;inset:auto 0 0;border-radius:0 0 20px 20px;
}
#acasa .six-grid .dg-action-photo::before{
  background:linear-gradient(to bottom,#fffdfa 0%,rgba(255,253,250,.7) 13%,rgba(255,253,250,0) 39%);
}
#acasa .six-grid .dg-action-photo img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  opacity:1;filter:none;
}
#acasa .six-grid .action:nth-child(1) .dg-action-photo img{object-position:52% 58%}
#acasa .six-grid .action:nth-child(2) .dg-action-photo img{object-position:54% 55%}
#acasa .six-grid .action:nth-child(3) .dg-action-photo img{object-position:50% 56%}
#acasa .six-grid .action:nth-child(4) .dg-action-photo img{object-position:55% 55%}
#acasa .six-grid .action strong{color:#203529}
#acasa .six-grid .action small{color:#58635b}
@media(max-width:670px){
  #acasa .app-overview{margin:3px -5px 18px;padding-bottom:12px}
  #acasa .app-overview::before{
    top:0;left:-4px;right:-4px;width:calc(100% + 8px);height:312px;
    border-radius:12px;
    background-image:
      linear-gradient(90deg,#fcfaf5 0%,rgba(252,250,245,.95) 22%,rgba(252,250,245,.68) 45%,rgba(252,250,245,.05) 94%),
      url("/app/images/warm-hero-salata.webp");
    background-size:100% 100%,auto 100%;
    background-position:center,right center;
  }
  #acasa .app-overview>.kicker{padding-top:29px;margin-bottom:14px}
  #acasa .app-overview>h1{
    max-width:100%;padding:0 7px;margin-bottom:14px;
    font-size:clamp(37px,9vw,46px);line-height:1.08;white-space:nowrap;
  }
  #acasa .app-overview>.desc{
    max-width:min(300px,87%);margin-bottom:67px;padding:0 7px;
    font-size:14px;line-height:1.54;color:#475449;
  }
  #acasa .app-overview>.desc::after{width:37px;height:3px;margin-top:18px}
  #acasa .six-grid{gap:10px;padding:0 2px}
  #acasa .six-grid .action{
    min-height:267px;padding:16px 14px 0;gap:10px;border-radius:19px;
  }
  #acasa .six-grid .action strong{
    font-size:clamp(18px,4.8vw,23px);line-height:1.12;letter-spacing:-.037em;
  }
  #acasa .six-grid .action small{font-size:12px;line-height:1.34;margin-top:5px}
  #acasa .six-grid .dg-action-photo{height:44%;border-radius:0 0 18px 18px}
  #acasa .six-grid .action .symbol{width:48px;height:48px;flex-basis:48px}
}
@media(max-width:380px){
  #acasa .app-overview>h1{font-size:clamp(33px,8.8vw,39px)}
  #acasa .app-overview>.desc{margin-bottom:52px}
  #acasa .six-grid .action{min-height:259px;padding:15px 11px 0}
  #acasa .six-grid .action strong{font-size:18px}
  #acasa .six-grid .action small{font-size:11.5px}
}
@media(prefers-reduced-motion:reduce){
  #acasa .six-grid .action{transition:none}
}