.diet-friendly{padding:40px 0;max-width:1200px;margin:0 auto}.diet-friendly__header{text-align:center;margin-bottom:32px}.diet-friendly__title{color:var(--Gray-Body-Font, #2d3a3c);font:400 18px/1 Lato,sans-serif;margin:0}.diet-friendly__subtitle{color:var(--Main-Dark-Fount, #001114);font:700 28px/1.2 Lato,sans-serif;margin:8px 0 0}.diet-friendly__categories{display:flex;justify-content:center;gap:8px;margin-bottom:32px}.diet-friendly__category-btn{padding:8px 16px;border-radius:16px;border:none;background:var(--Shades-Accent-40, #4a92f0);color:var(--Main-Dark-Fount, #fff);font:400 14px/1 Lato,sans-serif;cursor:pointer;transition:background-color .3s ease}.diet-friendly__category-btn.active{background:var(--Main-Accent, #00b378);color:var(--Gray-White, #fff)}.diet-friendly__category-btn:focus,.diet-friendly__category-btn.active{outline:none;border:none;box-shadow:none}.diet-friendly__slider-container{position:relative;margin:0 -20px;overflow:hidden}.diet-friendly__slider-wrapper{overflow:hidden;padding:0 20px}.diet-friendly__slider{display:flex;transition:transform .5s ease}.diet-friendly__nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:var(--Gray-White, #fff);border:none;cursor:pointer;z-index:2;font-size:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.diet-friendly__nav-btn--prev{left:20px}.diet-friendly__nav-btn--next{right:20px}.diet-friendly__nav-btn:disabled{opacity:.5;cursor:not-allowed}.diet-friendly__dots{display:flex;justify-content:center;gap:8px;margin-top:32px}.diet-friendly__dot{width:8px;height:8px;border-radius:4px;border:none;background:var(--Gray-G-50, #bdcbcf);cursor:pointer;padding:0}@media (prefers-reduced-motion: reduce){.diet-friendly__slider,.diet-friendly__category-btn{transition:none}}.diet-friendly__recipe-card{width:200px;height:210px;margin:10px;border:1px solid #ccc;border-radius:8px;overflow:hidden}.diet-friendly__recipe-card img{width:100%;height:150px;object-fit:cover}.diet-friendly__recipe-card h3{padding:10px;margin:0;font-size:16px;color:#001114}@media (min-width: 320px) and (max-width: 768px){.diet-friendly__categories{flex-wrap:wrap;padding:0 20px}.diet-friendly{width:320px}}@media (min-width: 768px) and (max-width: 1200px){.diet-friendly{width:700px}}
