@charset "UTF-8";.food-header{text-align:center;width:100%;max-width:1200px;margin:0 auto;padding:50px 16px 120px 12px}@media (max-width: 480px){.food-header{width:100%}}.food-header .food-list{width:100%;max-width:350px;margin:0 auto 12px;display:block}@media (max-width: 480px){.food-header .food-list{max-width:300px}}.food-header__image{width:100%;max-width:262px;margin:0 auto;display:block}.food-filter{display:flex;justify-content:center;align-items:center;gap:20px;margin:0 auto;width:100%;max-width:1190px}@media (max-width: 768px){.food-filter{width:90%}}@media (max-width: 480px){.food-filter{width:100%}}.food-filter__left{flex:1;display:flex;justify-content:flex-start;align-items:center;gap:10px}@media (max-width: 640px){.food-filter__left{flex-direction:column;gap:10px}}.food-filter__right{flex:1;display:flex;justify-content:flex-end;gap:20px}@media (max-width: 450px){.food-filter__right{gap:10px}}.food-filter__search{display:flex;align-items:center;width:100%;max-width:280px;height:42px;padding:12px 12px 8px 42px;border:1px solid #ddd;background-color:#fff;border-radius:24px;box-shadow:inset 2px 2px 0 2px #000}.food-filter__search:focus{outline:none}.food-filter__search::placeholder{color:#999;line-height:42px;vertical-align:middle}@media (max-width: 450px){.food-filter__search{max-width:320px;width:100%}}@media (max-width: 320px){.food-filter__search{max-width:300px}}.food-filter__tag,.food-filter__sort{display:flex;align-items:center;gap:10px}.food-filter__label{font-size:14px;color:#fff}.search-container{position:relative;width:100%;max-width:280px}@media (max-width: 450px){.search-container{max-width:320px}}@media (max-width: 320px){.search-container{max-width:300px}}.search-container .search-icon{position:absolute;left:16px;top:56%;transform:translateY(-50%);pointer-events:none}.custom-dropdown{position:relative;min-width:120px;user-select:none}.custom-dropdown__selected{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px 16px;border:1px solid #000;border-radius:10px;color:#000;cursor:pointer;transition:background-color .2s ease}.custom-dropdown__selected:after{content:"";border-style:solid;border-width:5px 5px 0 5px;border-radius:50px;border-color:#000 transparent transparent transparent;transition:transform .2s ease}.custom-dropdown.active .custom-dropdown__selected:after{transform:rotate(180deg)}.custom-dropdown__options{position:absolute;top:100%;left:0;width:100%;background-color:#fff;border:1px solid #ddd;border-radius:10px;max-height:0;overflow:hidden;z-index:100;opacity:0;visibility:hidden;transition:all .3s ease}.custom-dropdown__options.show{width:100%;max-height:250vh;opacity:1;visibility:visible;box-shadow:0 4px 8px #0000001a}.custom-dropdown__options.show .custom-dropdown__options-container{padding:8px 0}.custom-dropdown__options-container{padding:0;transition:padding .3s ease}.custom-dropdown__option{width:100%;padding:8px 16px;color:#000;cursor:pointer;transition:background-color .2s ease}.custom-dropdown__option:hover{background-color:#f5f5f5;border-radius:10px}.custom-dropdown__option.selected{background-color:#f0f0f0;border-radius:10px;font-weight:700}.dropdown-wrapper{width:150px}.dropdown-wrapper .custom-dropdown{width:100%}.dropdown-wrapper .custom-dropdown__selected{width:100%;min-width:150px}.dropdown-wrapper .custom-dropdown__options{width:150px}.dropdown-wrapper .custom-dropdown__option{width:100%;text-align:left;padding:10px 28px;position:relative;border-bottom:none}.dropdown-wrapper .custom-dropdown__option:after{content:"";position:absolute;bottom:0;left:28px;right:28px;height:1px;background-color:#d5d5d5}.dropdown-wrapper .custom-dropdown__option:last-child{border-bottom:none}.food-main{width:100%;max-width:1190px;margin:0 auto}.food-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:80px 20px;margin:0 auto;padding-top:80px;justify-items:center}@media (max-width: 460px){.food-grid{gap:30px 0;padding-top:40px}}.food-grid__loading{text-align:center;padding:20px;color:#000;font-size:18px;grid-column:1/-1}.food-grid__empty{text-align:center;padding:30px;color:#000;font-size:18px;grid-column:1/-1}.food-card{position:relative;overflow:visible;border-radius:20px;display:block;background:#f2ede5;box-shadow:4px 4px 0 3px #000;height:322px;width:100%;max-width:280px;margin-top:80px;cursor:pointer;transition:all .3s ease}.food-card:hover{transform:translateY(-4px);box-shadow:6px 8px 0 3px #000c;background:#f7f2e9}.food-card:hover .food-card__image img{filter:brightness(1.1) contrast(1.05)}@media (max-width: 460px){.food-card{height:180px;margin-top:20px;margin-left:60px}}@media (max-width: 370px){.food-card{height:170px;max-width:240px}}.food-card__image{border-radius:100%;position:absolute;top:-120px;left:50%;transform:translate(-50%);width:100%;text-align:center;padding:15px 0}@media (max-width: 460px){.food-card__image{top:50%;left:-60px;transform:translateY(-50%);width:150px;padding:0}}@media (max-width: 370px){.food-card__image{left:-70px}}.food-card__image img{width:80%;max-width:200px;border-radius:50%;aspect-ratio:1/1;object-fit:cover;display:inline-block;border:3px solid #ffffff;box-shadow:3px 7px 0 2px #00000029;transition:filter .3s ease}@media (max-width: 460px){.food-card__image img{width:100%;max-width:150px}}@media (max-width: 370px){.food-card__image img{max-width:130px}}.food-card__content{display:flex;flex-direction:column;max-width:210px;margin:0 auto;padding-top:120px}@media (max-width: 460px){.food-card__content{max-width:none;margin:0;padding:20px 0 20px 60px;height:100%;justify-content:center;align-items:center}}@media (max-width: 370px){.food-card__content{padding:20px 0 20px 50px}}.food-card__link{text-decoration:none;color:inherit;display:block}.food-card__title{font-size:24px;font-weight:700;margin-bottom:4px;color:#000;display:block;text-align:center}@media (max-width: 460px){.food-card__title{font-size:18px;text-align:left;margin-bottom:8px}}.food-card__tags{display:flex;justify-content:center;font-weight:600;cursor:pointer}@media (max-width: 460px){.food-card__tags{justify-content:flex-start;margin-bottom:8px}}.food-card__votes{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:5%;font-size:16px;color:#000;text-align:center}@media (max-width: 460px){.food-card__votes{margin-top:8px;text-align:left}}.food-card__votes__text{margin-right:10px;font-size:16px;color:#000}.food-card__votes-block{display:flex;text-align:center;margin-bottom:10px}@media (max-width: 460px){.food-card__votes-block{text-align:left;margin-bottom:8px}}.food-card__votes-count{font-weight:700;color:#000;font-size:18px;letter-spacing:1px;line-height:24px}@media (max-width: 460px){.food-card__votes-count{font-size:16px}}.food-card__vote-btn{background-color:#000;color:#ebe549;border:none;border-radius:24px;font-size:16px;cursor:pointer;padding:10px 20px;box-shadow:3px 7px 0 2px #00000029}@media (max-width: 460px){.food-card__vote-btn{padding:8px 36px;box-shadow:3px 5px 0 2px #00000029}}.food-card__vote-btn:hover{background-color:#333;transform:translateY(-2px);box-shadow:7px 7px 4px 3px #0000004d}.food-tag{font-size:16px;color:#000;text-decoration:underline;transition:background-color .2s ease}.food-footer{text-align:center;margin-top:40px;color:#fff;padding-bottom:20px}.error-message{text-align:center;padding:20px;color:#ef4444;background-color:#fee2e2;border-radius:6px;margin:20px 0}.load-more-indicator{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;width:100%;margin:20px 0}.load-more-spinner{display:flex;justify-content:center;margin-bottom:10px}.spinner{width:40px;height:40px;border:4px solid rgb(0,0,0);border-radius:50%;border-top-color:#f46c00;animation:spin 1s linear infinite}.load-more-text{color:#000;font-size:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@use "../styles/sweetalert2.scss" as *;.top-three{width:100%;max-width:470px;margin:0 auto;padding:50px 16px 60px 12px}.top-three__header-image{width:100%;max-width:300px;margin:0 auto;display:block}@media (max-width: 480px){.top-three__header-image{max-width:240px}}.top-three__layout{display:flex;justify-content:space-between;align-items:center;width:100%}.top-three__grid{display:flex;flex-direction:column;gap:40px;justify-content:center;min-height:clamp(340px,75vw,380px)}.top-three__card{background:#fffecc;box-shadow:4px 4px 0 3px #000;display:flex;width:100%;height:60px;position:relative;border-radius:50px;margin:0 auto;padding:0 0 0 20px;max-width:100%;cursor:pointer;transition:all .3s ease;opacity:0;transform:translate(50px)}.top-three__card.slide-in{opacity:1;transform:translate(0);transition:all .6s ease-out}@media (max-width: 460px){.top-three__card{height:50px;padding:0;transform:translateY(30px)}.top-three__card.slide-in{transform:translateY(0)}}.top-three__card:before{content:"";position:absolute;top:0;bottom:0;right:-1px;width:28%;background-color:#f2ede5;transform:skew(-15deg);z-index:1;overflow:hidden;border-radius:0 45px 23px 0}@media (max-width: 410px){.top-three__card:before{width:30%}}@media (max-width: 410px){.top-three__card:before{width:31%}}.top-three__card:hover{box-shadow:4px 4px 0 3px #000c;transform:translateY(-2px)}.top-three__card:hover .top-three__image img{transform:scale(1.1)}.top-three__image{flex:0 0 80px;border:3px solid #ffffff;box-shadow:3px 7px 0 2px #00000029;border-radius:50%;display:flex;justify-content:center;align-items:center;overflow:hidden}@media (max-width: 460px){.top-three__image{flex:0 0 70px}}.top-three__image img{width:100%;max-width:80px;aspect-ratio:1/1;display:block;object-fit:cover;object-position:center;border-radius:50%;transition:transform .3s ease}@media (max-width: 460px){.top-three__image img{max-width:70px}}.top-three__content{padding:1rem;display:flex;flex:1;align-items:center}@media (max-width: 460px){.top-three__content{padding:1rem 1rem 1rem .5rem}}.top-three__title{font-size:22px;color:#000;font-weight:600;flex:1;line-height:normal;text-align:left}@media (max-width: 460px){.top-three__title{font-size:18px}}@media (max-width: 360px){.top-three__title{font-size:16px}}.top-three__votes{font-weight:700;text-align:right;min-width:60px;z-index:1}.top-three__votes-count{font-size:22px;color:#000;display:block}@media (max-width: 460px){.top-three__votes-count{font-size:18px}}.top-three__votes-text{font-size:12px;vertical-align:middle;margin-left:2px}.top-three__loading,.top-three__empty,.top-three__error{text-align:center;padding:20px;grid-column:1/-1}.top-three__loading{color:#7f8c8d;font-style:italic}.top-three__error{color:#ef4444;padding:1rem;background-color:#fee2e2;border-radius:6px}.top-three__empty{padding:1rem;color:#6b7280;font-style:italic}.data-update-notice{font-size:16px;margin-bottom:24px;color:#000;text-align:center}.articles[data-astro-cid-j7pv25f6]{width:100%;margin:0 auto}