@import"https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}p,h1,h2,h3,h4,h5,h6{margin:0}ul,ol{margin:0;padding:0;list-style:none}button,input,select,textarea,option{outline:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}address{font-style:normal}a{text-decoration:none;color:inherit}input{font-family:inherit}textarea{resize:none}:root{font-family:Inter,sans-serif;font-size:16px;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{display:flex;flex-direction:column;min-width:100vw;min-height:100vh;margin:0}main{flex-grow:1}main:has(.back-link){text-align:center}:root{--dark: #161616;--white-smoke: #f8f8f8;--silver: #cecdcd;--pistachio: #9bb537;--charcoal: #383838;--onyx: #050505;--jet: #1e1e1e;--white-50-opacity: rgba(255, 255, 255, .5);--white-20-opacity: rgba(255, 255, 255, .2);--white-30-opacity: rgba(255, 255, 255, .3);--onyx-80-opacity: rgba(5, 5, 5, .8);--onyx-50-opacity: rgba(5, 5, 5, .5);--onyx-30-opacity: rgba(5, 5, 5, .3);--onyx-20-opacity: rgba(5, 5, 5, .2);--onyx-10-opacity: rgba(5, 5, 5, .1);--pistachio-gradient: linear-gradient( 91deg, #9bb537 0%, rgba(155, 181, 55, .69) 100% )}:root{--font-family: "Inter", sans-serif}.search-input{width:278px;height:48px;padding:14px 18px;border:1px solid var(--onyx-20-opacity);border-radius:15px;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:32px}.search-input,.search-time,.search-area,.search-ingredients{display:flex;height:46px;border:1px solid var(--onyx-20-opacity);border-radius:15px;outline:none}.search-time,.search-area,.search-ingredients{justify-content:center;align-items:center;padding:14px 18px}.search-input{width:335px;padding:14px 18px;justify-content:flex-start;align-items:flex-start;gap:32px}.search-time{width:158px;gap:67px}.search-area{width:161px;gap:60px}.search-ingredients{width:188px;gap:72px}.logo{font-family:Inter,sans-serif;font-weight:600;line-height:1.12;letter-spacing:-.04em;text-align:center;color:var(--pistachio)}.hero-title{font-weight:600;font-size:26px;line-height:1.2;text-transform:uppercase;color:var(--onyx)}.hero-card-title{font-weight:500;font-size:10px;line-height:1.4;text-transform:uppercase;text-align:center;color:#f8f8f899}.hero-card-subtitle{font-size:8px;text-align:center;color:#f8f8f833}.nav-text{font-size:12px;color:var(--white-smoke);transition:color .3s ease}.nav-text:hover{color:var(--pistachio)}.hero-subtitle{font-size:14px;line-height:1.29;color:var(--onyx)}.btn-text,.recipe-title,.input-text,.dropdown-text,.category-text{font-weight:500;font-size:14px}.recipe-title{font-weight:600;text-transform:uppercase}.recipe-title,.input-text,.dropdown-text,.category-text{line-height:1.29}.section-title{font-weight:600;font-size:18px;line-height:24px;text-transform:uppercase;color:var(--onyx)}.popular-recipe-text{font-size:12px;line-height:16px;color:var(--onyx-80-opacity)}.recipe-text{font-size:12px;line-height:1.33;color:var(--white-smoke)}.popup-text{font-size:14px;line-height:1.29;color:var(--onyx-80-opacity)}.popup-tag-text{font-weight:500;font-size:12px;line-height:1.17;color:var(--onyx)}.favorites-placeholder-text{font-size:14px;line-height:18px;text-align:center;color:var(--onyx)}.btn{display:flex;align-items:center;justify-content:center;gap:10px;-webkit-user-select:none;user-select:none;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.order-now-btn{width:111px;height:37px;padding:10px 20px;border:1px solid var(--pistachio);border-radius:12px;color:var(--onyx)}.order-now-btn:hover{background-color:var(--pistachio);color:var(--white-smoke)}.categories-box{width:176px;height:50px;padding:14px 29px;border:1px solid var(--onyx-20-opacity);border-radius:15px;color:var(--onyx-50-opacity);background-color:var(--backrground-color)}.categories-box:hover{background-color:var(--pistachio);color:var(--white-smoke);border:none}.add-to-favorite-btn{width:148px;height:41px;padding:12px 24px;border-radius:15px;background-color:var(--pistachio);color:var(--white-smoke);border:none}.add-to-favorite-btn:hover{color:var(--white-smoke)}.send-btn{width:295px;height:46px;padding:15px;border-radius:15px;background-color:var(--pistachio);color:var(--white-smoke);border:none}.send-btn:hover{color:var(--onyx)}.give-a-rating-box{width:133px;height:41px;padding:12px 24px;border:1px solid var(--pistachio);border-radius:15px;color:var(--onyx)}.give-a-rating-box:hover{background-color:var(--pistachio);color:var(--white-smoke)}.see-recipe-btn{width:89px;height:31px;padding:8px 14px;border-radius:8px;background-color:var(--pistachio);color:var(--white-smoke);border:1px solid transparent}.see-recipe-btn:hover{color:var(--onyx);border-color:var(--pistachio)}.dropdown-panel{background:var(--white);border-radius:14px;box-shadow:0 4px 36px #00000005;overflow-y:auto}.dropdown-option{color:var(--onyx-30-opacity)}.dropdown-option:hover{color:var(--onyx)}.time-dropdown{width:125px;height:128px}.area-dropdown{width:141px;height:188px}.ingredients-dropdown{width:188px;height:188px}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--onyx-10-opacity);border-radius:12px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}@media (min-width: 768px){.search-input,.search-time,.search-area,.search-ingredients{height:48px}.search-input{width:278px}.search-time{width:115px;gap:18px}.search-area{width:147px;gap:40px}.order-now-btn,.add-to-favorite-btn,.give-a-rating-box{padding:14px 28px;height:45px;border-radius:15px}.order-now-btn{width:127px}.add-to-favorite-btn{width:156px}.give-a-rating-box{width:141px}.send-btn{width:360px;height:48px;padding:14px 20px}.logo{font-size:18px;line-height:1.11}.hero-title{font-size:36px}.hero-card-title{font-size:14px;line-height:1.29}.hero-card-subtitle{font-size:12px;line-height:1.17}.nav-text{color:var(--onyx)}.hero-subtitle{line-height:1.5}.input-text,.dropdown-text,.category-text{line-height:1.25}.popular-recipe-text{font-size:10px;line-height:1.4}.favorites-placeholder-text{font-size:16px;line-height:24px}}@media (min-width: 1280px){.search-time{width:119px;gap:22px}.search-area{width:119px}.categories-box{width:174px;padding:14px 28px}.see-recipe-btn{width:93px;padding:8px 16px}.section-title{font-size:24px;line-height:1.17}.popup .section-title{font-size:18px;line-height:1.22;text-align:center}}body[data-theme=dark]{background-color:var(--dark);color:var(--white-smoke)}body[data-theme=dark] .filter-input,body[data-theme=dark] .dropdown-toggle,body[data-theme=dark] .reset-filter{border-color:var(--white-20-opacity);background-color:var(--jet);color:var(--white-50-opacity)}body[data-theme=dark] .dropdown-menu{border-color:var(--white-20-opacity);background-color:var(--dark);color:var(--white-smoke)}body[data-theme=dark] .dropdown-menu li button{color:var(--white-smoke);background-color:var(--dark)}body[data-theme=dark] .reset-filter{background-color:var(--dark)}body[data-theme=dark] .search-input::placeholder{color:var(--white-50-opacity)}body[data-theme=dark] .dropdown-panel{background-color:var(--onyx)}body[data-theme=dark] .dropdown-option{color:var(--white-30-opacity);background-color:var(--backrground-color)}body[data-theme=dark] .dropdown-option:hover{color:var(--white)}body[data-theme=dark] .categories-box{border:1px solid var(--white-20-opacity);color:var(--white-50-opacity)}body[data-theme=dark] .order-now-btn{color:var(--white-smoke)}body[data-theme=dark] .custom-scrollbar::-webkit-scrollbar-thumb{background:var(--white-20-opacity)}body[data-theme=dark] .section-title{color:var(--white-smoke)}body[data-theme=dark] .popular-recipes-description{color:var(--white-50-opacity)}body[data-theme=dark] .cart-icon,body[data-theme=dark] #menu-icon{filter:invert(100%)}body[data-theme=dark] .nav-menu{background-color:var(--dark)}body[data-theme=dark] .tasty{color:var(--white-smoke)}body[data-theme=dark] .filter-input,.dropdown-toggle{border-color:var(--white-20-opacity);background-color:var(--jet);color:var(--white-50-opacity)}body[data-theme=dark] .pagination-btn{color:var(--white-smoke);background-color:var(--dark)}body[data-theme=dark] .pagination-btn.active{color:var(--white-smoke);background-color:var(--pistachio)}body[data-theme=dark] .pagination-btn.arrow-prev:disabled,.pagination-btn.arrow-next:disabled{color:var(--white-smoke);background-color:var(--onyx);border:var(--onyx-20-opacity) solid 1px}body[data-theme=dark] .home-hero-text p,body[data-theme=dark] .home-hero-btn{color:var(--white-smoke)}body[data-theme=dark] .home-popup-content{background-color:var(--onyx)}body[data-theme=dark] .home-popup h2{color:#fff}body[data-theme=dark] .home-popup label{color:var(--white-50-opacity)}@media only screen and (min-width: 768px){.recipes-big-container{display:flex}}.container{min-width:320px;max-width:375px;margin:0 auto;padding:0 16px}@media only screen and (min-width: 768px){.container{max-width:768px}}@media only screen and (min-width: 1280px){.container{max-width:1200px}}@media only screen and (min-width: 1440px){.container{max-width:1440px;padding:0 32px}}.recipes-list{display:grid;justify-items:center;gap:24px;grid-template-columns:1fr}.recipe-card{width:335px;height:335px}@media (min-width: 768px) and (max-width: 1279.98px){.recipes-list{grid-template-columns:repeat(2,240px);justify-content:center}.recipe-card{width:240px;height:264px}}@media (min-width: 1280px) and (max-width: 1439.98px){.recipes-list{grid-template-columns:repeat(3,250px);justify-content:center}.recipe-card{width:250px;height:287px}}@media (min-width: 1440px){.recipes-list{grid-template-columns:repeat(4,250px);justify-content:center}.recipe-card{width:250px;height:287px}}.recipe-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;border-radius:12px;overflow:hidden;color:#fff;box-shadow:0 6px 15px #0000001a}.recipe-card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.recipe-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000 40%,#000c);z-index:1;pointer-events:none}.heart-btn{position:absolute;top:16px;right:16px;z-index:3;background:0 0;border:none;padding:0;cursor:pointer}.heart-btn svg{stroke:#fff;fill:#fff6;transition:fill .2s ease,stroke .2s ease}.heart-btn.active svg{fill:#ff6b6b;stroke:#ff6b6b}.recipe-card-details{position:relative;z-index:2;padding:20px}.recipe-card-title{font-size:18px;font-weight:600;text-transform:uppercase;margin:0 0 8px}.recipe-card-description{font-size:14px;line-height:1.4;margin:0 0 16px;opacity:.95;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.recipe-card-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.recipe-card-rating{display:flex;align-items:center;gap:8px}.rating-value{font-size:16px;font-weight:500}.rating-stars{position:relative;color:#a0a0a0;font-size:18px}.rating-stars .stars-filled{position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden;color:#ffc700;width:var(--rating)}.recipe-card-button{background-color:#9dc888;color:#fff;border:none;border-radius:30px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .3s ease}@media (min-width: 768px){.recipe-card-details{padding:16px}.recipe-card-title{font-size:16px;margin-bottom:6px}.recipe-card-description{font-size:12px;line-height:1.3;margin-bottom:12px}.recipe-card-rating{gap:6px}.rating-value{font-size:14px}.rating-stars{font-size:16px}.recipe-card-button{padding:8px 16px;font-size:12px}}.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;padding-top:40px}.pagination-btn{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #ddd;background-color:#fff;color:#333;cursor:pointer;font-weight:500;transition:all .2s ease}.pagination-btn svg{width:16px;height:16px}.pagination-btn:disabled{background-color:#f0f0f0;color:silver;border-color:#e0e0e0;cursor:not-allowed}.pagination-btn.dots{border:none;background:0 0;cursor:default;width:auto}@media (min-width: 768px){.pagination-btn.arrow-prev,.pagination-btn.arrow-next{background-color:#050505;border-color:#050505;color:#fff}.pagination-btn.active{background-color:#9dc888;border-color:#9dc888;color:#fff}}.pagination-btn.arrow-prev{background-color:#050505;border-color:#050505;color:#fff}.pagination-btn.arrow-next,.pagination-btn.active{background-color:#9dc888;border-color:#9dc888;color:#fff}.pagination-btn.arrow-prev:disabled,.pagination-btn.arrow-next:disabled{background-color:var(--onyx);color:silver;border-color:#e0e0e0}.header{background-color:var(--background-color);padding:16px 0;width:375px;margin:0 auto}.header-container{width:100%;height:60px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:16px;font-weight:700;color:var(--pistachio)}.logo .tasty{color:var(--onyx);font-weight:700}.header-icons{display:flex;align-items:center;gap:15px}.cart-icon{width:24px;height:24px;cursor:pointer}.menu-icon{width:32px;height:32px;cursor:pointer;color:#00f}.menu-icon .bar{display:block;width:100%;height:3px;margin:5px 0;transition:.4s;border-radius:2px}.menu-icon.open .bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-icon.open .bar:nth-child(2){opacity:0}.menu-icon.open .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-menu{position:fixed;top:0;left:100%;width:100%;height:100%;background-color:var(--pistachio);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:left .3s ease;z-index:9999}.nav-menu.active{left:0}.nav-menu a{margin:10px 0;text-decoration:none}.nav-close-btn{position:absolute;top:20px;right:30px;width:32px;height:32px;border:none;cursor:pointer}.mobile-toggle-switch{display:block;width:60px;height:30px;background:#ccc;border-radius:15px;cursor:pointer;position:absolute;bottom:20px;left:20px}.mobile-toggle-switch .toggle-thumb{width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .3s ease}.mobile-toggle-switch.active{background:#8bc34a}.mobile-toggle-switch.active .toggle-thumb{transform:translate(30px)}.desktop-toggle,.header-left{display:none}@media (min-width: 768px){.header{width:768px}.header-container{display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;gap:15px;justify-content:flex-start;align-items:center;flex:1}.logo{flex:1;text-align:center}.header-icons{display:flex;align-items:center;gap:15px;justify-content:flex-end;flex:1}#menu-icon{display:none}.desktop-toggle{display:block;width:60px;height:30px;background:#ccc;border-radius:15px;cursor:pointer;position:relative}.desktop-toggle .toggle-thumb{width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .3s ease}.desktop-toggle.active{background:#8bc34a}.desktop-toggle.active .toggle-thumb{transform:translate(30px)}.mobile-toggle-switch{display:none}}@media (min-width: 1280px){.header{width:1080px}.header-container{display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;gap:15px;justify-content:flex-start;align-items:center;flex:1}.logo{flex:1;text-align:center}.header-icons{display:flex;align-items:center;gap:15px;justify-content:flex-end;flex:1}#menu-icon{display:none}.desktop-toggle{display:block;width:60px;height:30px;background:#ccc;border-radius:15px;cursor:pointer;position:relative}.desktop-toggle .toggle-thumb{width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .3s ease}.desktop-toggle.active{background:#8bc34a}.desktop-toggle.active .toggle-thumb{transform:translate(30px)}.mobile-toggle-switch{display:none}}@media only screen and (min-width: 1440px){.header{width:1440px}.header-container{display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;gap:15px;justify-content:flex-start;align-items:center;flex:1}.logo{flex:1;text-align:center}.header-icons{display:flex;align-items:center;gap:15px;justify-content:flex-end;flex:1}#menu-icon{display:none}.desktop-toggle{display:block;width:60px;height:30px;background:#ccc;border-radius:15px;cursor:pointer;position:relative}.desktop-toggle .toggle-thumb{width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .3s ease}.desktop-toggle.active{background:#8bc34a}.desktop-toggle.active .toggle-thumb{transform:translate(30px)}.mobile-toggle-switch{display:none}}.footer{padding:20px;text-align:center;color:#888;font-size:14px}.footer-text{margin:0}.footer-heart{color:#9bb537}.footer-link{background:none;border:none;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;transition:all .3s ease}.footer-link:hover{box-shadow:0 0 8px 2px #9bb537;color:#9bb537}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:999}.modal{background-color:#1c1c1c;padding:30px;border-radius:12px;max-width:500px;width:90%;color:#fff;position:relative;text-align:center}.modal-close{position:absolute;top:15px;right:20px;font-size:24px;background:none;color:#fff;border:none;cursor:pointer}.modal-title{margin-bottom:20px;font-size:24px}.slider{position:relative;width:100%;height:260px;overflow:hidden;display:flex;align-items:center;justify-content:center}.slide{min-width:100%;flex-shrink:0;opacity:0;display:none;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s ease}.slide.active{display:flex;opacity:1}.slider-controls{margin-top:20px}.prev-slide,.next-slide{background:#333;border:none;color:#fff;font-size:20px;padding:10px 20px;margin:0 10px;cursor:pointer;border-radius:8px}.prev-slide:hover,.next-slide:hover,.modal-close:hover{color:#9bb537;transform:scale(1.1);transition:color .3s ease,transform .3s ease}.avatar-icon img{width:150px;height:150px;object-fit:cover;margin-bottom:10px}.profile-links{display:flex;gap:10px;margin-top:10px}.profile-link{padding:6px 12px;border-radius:4px;text-decoration:none;color:#fff;font-size:12px;transition:background-color .3s ease}.profile-link.linkedin{background-color:#0077b5}.profile-link.github{background-color:#9bb537}.profile-link:hover{opacity:.9}