.recommend{display:flex;flex-direction:column;gap:16px}.recommend__title{font-size:26px;font-weight:500;text-transform:uppercase;color:#000;margin-bottom:30px}@media(max-width:991px){.recommend__title{font-size:16px}}@media(max-width:767px){.recommend__title{font-size:14px}}.recommend__body{position:relative}.recommend .embla{--slide-size: 20%;--slide-size-desktop: 25%;--slide-size-laptops: calc(100% / 3);--slide-size-phones: 50%}.recommend .embla__slide{flex:0 0 var(--slide-size);min-width:160px}@media(max-width:1199px){.recommend .embla__slide{flex:0 0 var(--slide-size-desktop)}}@media(max-width:991px){.recommend .embla__slide{flex:0 0 var(--slide-size-laptops)}}@media(max-width:480px){.recommend .embla__slide{flex:0 0 var(--slide-size-phones)}}.recommend .embla__controls{display:flex;justify-content:center;gap:16px;margin-top:16px}.recommend .embla__dots{display:none}@media(max-width:991px){.recommend .embla__dots{position:relative;display:flex;justify-self:flex-end;align-self:center;width:100%;height:2px;border-radius:8px;overflow:hidden}}.recommend .embla__dot{flex-basis:100%;background-color:#b1cbc3;cursor:pointer}.recommend .embla__dot--selected{background-color:#24564a}.recommend .embla__buttons{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}@media(max-width:991px){.recommend .embla__buttons{display:none}}.recommend .embla__prev,.recommend .embla__next{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:#fff;border-radius:50%;filter:drop-shadow(0 0 8px rgba(0,0,0,.1));cursor:pointer}
