html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{vertical-align:baseline;background:0 0;border:0;margin:0;padding:0}html{line-height:1.5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Noto Sans KR,sans-serif}table,caption,tbody,tfoot,thead,tr,th,td{background:0 0;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}caption,legend{visibility:hidden;width:0;height:0;font-size:0;line-height:0;overflow:hidden}ul,ol{list-style-type:none}a{color:#262626;text-decoration:none}i,em,address{font-style:normal}
.toastui-editor-contents{font-size:16px!important}.toastui-editor-contents :not(table){box-sizing:content-box!important;line-height:160%!important}.toastui-editor-contents i,.toastui-editor-contents cite,.toastui-editor-contents em,.toastui-editor-contents var,.toastui-editor-contents address,.toastui-editor-contents dfn{font-style:italic!important}.toastui-editor-contents strong{font-weight:700!important}.toastui-editor-contents p{color:#222!important;margin:10px 0!important}.toastui-editor-contents>h1:first-of-type,.toastui-editor-contents>div>div:first-of-type h1{margin-top:14px!important}.toastui-editor-contents h1,.toastui-editor-contents h2,.toastui-editor-contents h3,.toastui-editor-contents h4,.toastui-editor-contents h5,.toastui-editor-contents h6{color:#222!important;font-weight:700!important}.toastui-editor-contents h1{border-bottom:3px double #999!important;margin:52px 0 15px!important;padding-bottom:7px!important;font-size:24px!important;line-height:28px!important}.toastui-editor-contents h2{border-bottom:1px solid #dbdbdb!important;margin:20px 0 13px!important;padding-bottom:7px!important;font-size:22px!important;line-height:23px!important}.toastui-editor-contents h3{margin:18px 0 2px!important;font-size:20px!important}.toastui-editor-contents h4{margin:10px 0 2px!important;font-size:18px!important}.toastui-editor-contents h3,.toastui-editor-contents h4{line-height:18px!important}.toastui-editor-contents h5{font-size:16px!important}.toastui-editor-contents h6{font-size:14px!important}.toastui-editor-contents h5,.toastui-editor-contents h6{margin:9px 0 -4px!important;line-height:17px!important}.toastui-editor-contents del{color:#999!important}.toastui-editor-contents blockquote{color:#999!important;border-left:4px solid #e5e5e5!important;margin:14px 0!important;padding:0 16px!important}.toastui-editor-contents blockquote p,.toastui-editor-contents blockquote ul,.toastui-editor-contents blockquote ol{color:#999!important}.toastui-editor-contents blockquote>:first-child{margin-top:0!important}.toastui-editor-contents blockquote>:last-child{margin-bottom:0!important}.toastui-editor-contents pre,.toastui-editor-contents code{border:0!important;border-radius:0!important;font-family:Consolas,Courier,Apple SD 산돌고딕 Neo,-apple-system,Lucida Grande,Apple SD Gothic Neo,맑은 고딕,Malgun Gothic,Segoe UI,돋움,dotum,sans-serif!important}.toastui-editor-contents pre{background-color:#f4f7f8!important;margin:2px 0 8px!important;padding:18px!important}.toastui-editor-contents code{color:#c1798b!important;letter-spacing:-.3px!important;background-color:#f9f2f4!important;border-radius:2px!important;padding:2px 3px!important}.toastui-editor-contents pre code{color:inherit!important;white-space:pre-wrap!important;background-color:#0000!important;padding:0!important}.toastui-editor-contents img{box-sizing:border-box!important;vertical-align:top!important;max-width:100%!important}.toastui-editor-contents table{color:#222!important;border-collapse:collapse!important;box-sizing:border-box!important;border:1px solid #0000001a!important;width:auto!important;margin:12px 0 14px!important}.toastui-editor-contents table th,.toastui-editor-contents table td{border:1px solid #0000001a!important;height:32px!important;padding:5px 14px 5px 12px!important}.toastui-editor-contents table th{color:#fff!important;background-color:#555!important;padding-top:6px!important;font-weight:300!important}.toastui-editor-contents th p{color:#fff!important;margin:0!important}.toastui-editor-contents td p{margin:0!important;padding:0 2px!important}.toastui-editor-contents td.toastui-editor-cell-selected{background-color:#d8dfec!important}.toastui-editor-contents th.toastui-editor-cell-selected{background-color:#908f8f!important}.toastui-editor-contents ul,.toastui-editor-contents menu,.toastui-editor-contents ol,.toastui-editor-contents dir{color:#222!important;margin:6px 0 10px!important;padding-left:24px!important;list-style-type:none!important;display:block!important}.toastui-editor-contents ol{counter-reset:li!important;list-style-type:none!important}.toastui-editor-contents ol>li{counter-increment:li!important}.toastui-editor-contents ul>li:before,.toastui-editor-contents ol>li:before{display:inline-block!important;position:absolute!important}.toastui-editor-contents ul>li:before{content:""!important;background-color:#ccc!important;border-radius:50%!important;width:5px!important;height:5px!important;margin-top:6px!important;margin-left:-17px!important}.toastui-editor-contents ol>li:before{content:"." counter(li)!important;text-align:right!important;color:#aaa!important;direction:rtl!important;width:24px!important;margin-left:-28px!important}.toastui-editor-contents ul ul,.toastui-editor-contents ul ol,.toastui-editor-contents ol ol,.toastui-editor-contents ol ul{margin-top:0!important;margin-bottom:0!important}.toastui-editor-contents ul li,.toastui-editor-contents ol li{position:relative!important}.toastui-editor-contents ul p,.toastui-editor-contents ol p{margin:0!important}.toastui-editor-contents hr{border-top:1px solid #eee!important;margin:16px 0!important}.toastui-editor-contents a{color:#4b96e6!important;text-decoration:underline!important}.toastui-editor-contents a:hover{color:#1f70de!important}.toastui-editor-contents .image-link{position:relative!important}.toastui-editor-contents .image-link:hover:before{content:""!important;cursor:pointer!important;background:#fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBzdHJva2U9IiM1NTUiIHN0cm9rZS13aWR0aD0iMS41Ij4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy42NjUgMTUuMDdsLTEuODE5LS4wMDJjLTEuNDg2IDAtMi42OTItMS4yMjgtMi42OTItMi43NDR2LS4xOTJjMC0xLjUxNSAxLjIwNi0yLjc0NCAyLjY5Mi0yLjc0NGgzLjg0NmMxLjQ4NyAwIDIuNjkyIDEuMjI5IDIuNjkyIDIuNzQ0di4xOTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDAwIC00NTgxKSB0cmFuc2xhdGUoOTk1IDQ1NzYpIHRyYW5zbGF0ZSg1IDUpIHNjYWxlKDEgLTEpIHJvdGF0ZSg0NSAzNy4yOTMgMCkiLz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIuMzI2IDQuOTM0bDEuODIyLjAwMmMxLjQ4NyAwIDIuNjkzIDEuMjI4IDIuNjkzIDIuNzQ0di4xOTJjMCAxLjUxNS0xLjIwNiAyLjc0NC0yLjY5MyAyLjc0NGgtMy44NDVjLTEuNDg3IDAtMi42OTItMS4yMjktMi42OTItMi43NDRWNy42OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMDAgLTQ1ODEpIHRyYW5zbGF0ZSg5OTUgNDU3NikgdHJhbnNsYXRlKDUgNSkgc2NhbGUoMSAtMSkgcm90YXRlKDQ1IDMwLjk5NiAwKSIvPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K) 50% no-repeat!important;border:1px solid #c9ccd5!important;border-radius:50%!important;width:30px!important;height:30px!important;position:absolute!important;right:0!important;box-shadow:0 2px 4px #00000014!important}.toastui-editor-contents .task-list-item{border:0!important;margin-left:-24px!important;padding-left:24px!important;list-style:none!important}.toastui-editor-contents .task-list-item:before{content:""!important;cursor:pointer!important;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iI0ZGRiIgc3Ryb2tlPSIjQ0NDIj4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAzMCAtMjk2KSB0cmFuc2xhdGUoNzg4IDE5MikgdHJhbnNsYXRlKDI0MiAxMDQpIj4KICAgICAgICAgICAgICAgICAgICA8cmVjdCB3aWR0aD0iMTciIGhlaWdodD0iMTciIHg9Ii41IiB5PSIuNSIgcng9IjIiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==)!important;border-radius:2px!important;width:18px!important;height:18px!important;margin-top:0!important;margin-left:0!important;position:absolute!important;top:1px!important;left:0!important}.toastui-editor-contents .task-list-item.checked:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzRCOTZFNiI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2IDBjMS4xMDUgMCAyIC44OTUgMiAydjE0YzAgMS4xMDUtLjg5NSAyLTIgMkgyYy0xLjEwNSAwLTItLjg5NS0yLTJWMkMwIC44OTUuODk1IDAgMiAwaDE0em0tMS43OTMgNS4yOTNjLS4zOS0uMzktMS4wMjQtLjM5LTEuNDE0IDBMNy41IDEwLjU4NSA1LjIwNyA4LjI5M2wtLjA5NC0uMDgzYy0uMzkyLS4zMDUtLjk2LS4yNzgtMS4zMi4wODMtLjM5LjM5LS4zOSAxLjAyNCAwIDEuNDE0bDMgMyAuMDk0LjA4M2MuMzkyLjMwNS45Ni4yNzggMS4zMi0uMDgzbDYtNiAuMDgzLS4wOTRjLjMwNS0uMzkyLjI3OC0uOTYtLjA4My0xLjMyeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNTAgLTI5NikgdHJhbnNsYXRlKDc4OCAxOTIpIHRyYW5zbGF0ZSgyNjIgMTA0KSIvPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K)!important}
#defaultHeader{z-index:50;background-color:#f9f9f9f2;transition:transform .3s;position:sticky;top:0}#defaultHeader.is-hidden{pointer-events:none;transform:translateY(-100%)}#defaultHeader:after{background-image:none}#defaultHeader ion-toolbar{--border-width:0;--min-height:56px;--background:#f9f9f9f2;-webkit-backdrop-filter:blur(12px)}#defaultHeader .header-start{align-items:center;gap:0;display:flex;position:absolute;left:16px}#defaultHeader .header-start ion-back-button{--padding-start:0;--padding-end:0;--min-width:40px;--min-height:40px;background-image:url(/assets/icon_svg/arrow-left.svg);background-position:50%;background-repeat:no-repeat;background-size:24px 24px;width:40px;height:40px;margin-right:8px}#defaultHeader .header-start .header-title{letter-spacing:-.025em;color:#222;text-align:left;flex:1;margin:0;font-size:18px;font-weight:700;line-height:1.25}#defaultHeader ion-title{text-align:center;padding:0;font-weight:700}#defaultHeader ion-title .header-title-center{color:#222;margin:0;font-size:18px;font-weight:700;line-height:1.25}#defaultHeader .login-logo{justify-content:center;width:100%;height:100%;display:flex}#defaultHeader .login-logo img{cursor:pointer}#defaultHeader .login-logo img:hover{opacity:.8}#defaultHeader .btn_wrap{align-items:center;gap:8px;display:flex;position:absolute;right:16px}#defaultHeader .btn_wrap .header-icon-btn{--padding-start:0;--padding-end:0;justify-content:center;align-items:center;width:40px;height:40px;margin:0;display:flex}#defaultHeader .btn_wrap .header-icon-btn::part(native){padding:0;overflow:visible}#defaultHeader .btn_wrap .header-icon-btn img{stroke-width:2px;width:24px;height:24px}#defaultHeader .btn_wrap .cart{position:relative}#defaultHeader .btn_wrap .cart .cart-badge{color:#fff;background-color:#db5351;border-radius:9999px;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:4px;right:4px}#defaultHeader .btn_wrap .cart .cart-badge span{display:block}
#defaultFooter{background-color:#fff}#defaultFooter.footer-md:before{height:0}#defaultFooter .footer_box{background-color:#fff;padding:30px 20px 60px}#defaultFooter .footer_box ion-row{background-color:#fff;padding:0}#defaultFooter .footer_box ion-row ion-col{text-align:left}#defaultFooter .footer_box .company_phone{color:#262626;font-weight:700}#defaultFooter .footer_box .info_list>li{font-size:.8rem;display:inline-block}#defaultFooter .footer_box .info_list>li>a{color:#666;font-weight:500}#defaultFooter .footer_box .info_list li+li{margin-left:5px}#defaultFooter .footer_box .info_list li+li:before{content:"•";color:#666;margin-right:5px;font-weight:500}#defaultFooter .footer_box .company_con{color:#aaa}#defaultFooter .footer_box .company_con *{color:#999}#defaultFooter .footer_box .company_con strong{font-weight:500}#defaultFooter .footer_box .company_con a{color:#b2b2b2}#defaultFooter .footer_box .company_con address,#defaultFooter .footer_box .company_con p{margin-top:5px}
.nc-item{border-bottom:1px solid #eee}.nc-item__header{cursor:pointer;justify-content:space-between;align-items:center;padding:20px;display:flex}.nc-item__header:active{background-color:#fafafa}.nc-item__title-wrap{flex-direction:column;gap:4px;display:flex}.nc-item__title{color:#222;font-size:14px;font-weight:500;line-height:1.4}.nc-item__title--open{font-weight:700}.nc-item__date{color:#888;font-size:11px}.nc-item__chevron{color:#888;flex-shrink:0;align-items:center;transition:transform .2s;display:flex}.nc-item__chevron--open{transform:rotate(180deg)}.nc-item__body{background-color:#f2f2f2;padding:20px}.nc-item__content{color:#444;word-break:break-word;font-size:13px;line-height:1.625}.nc-item__content p{margin:0 0 8px}.nc-item__content p:last-child{margin-bottom:0}.nc-item__content img{object-fit:cover;border:1px solid #eee;border-radius:8px;width:100%;height:auto;margin:16px 0;display:block}.nc-item__content img:first-child{margin-top:0}.nc-item__content img:last-child{margin-bottom:0}.nc-item__content br+br{display:none}.nc-item__product-btn{color:#fff;letter-spacing:.02em;cursor:pointer;background:#db5351;border:none;border-radius:8px;width:100%;margin-top:24px;padding:16px 0;font-size:14px;font-weight:700;transition:opacity .15s;display:block}.nc-item__product-btn:active{opacity:.8}
#notice ion-content{--background:#fff}#notice .np-main{background:#fff;flex:1}#notice .np-state{color:#888;text-align:center;justify-content:center;align-items:center;padding:80px 20px;font-size:14px;display:flex}
.notice-popup-overlay{z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.notice-popup-backdrop{background:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.notice-popup{z-index:1;background:#fff;border-radius:8px;flex-direction:column;width:88%;max-width:400px;max-height:50%;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000002e}.notice-popup__header{border-bottom:1px solid #eee;flex-shrink:0;padding:20px 20px 12px}.notice-popup__title{color:#222;word-break:break-word;font-size:16px;font-weight:700;line-height:1.4}.notice-popup__content{color:#444;word-break:break-word;flex:1;padding:16px 20px;font-size:14px;line-height:1.6;overflow-y:auto}.notice-popup__content p{margin:0 0 8px}.notice-popup__content p:last-child{margin-bottom:0}.notice-popup__content img{object-fit:cover;border:1px solid #eee;border-radius:6px;width:100%;height:auto;margin:12px 0;display:block}.notice-popup__content img:first-child{margin-top:0}.notice-popup__content img:last-child{margin-bottom:0}.notice-popup__footer{border-top:1px solid #eee;flex-shrink:0;display:flex}.notice-popup__hide-btn,.notice-popup__close-btn{cursor:pointer;background:0 0;border:none;flex:1;padding:14px 0;font-size:14px;transition:background-color .15s}.notice-popup__hide-btn:active,.notice-popup__close-btn:active{background-color:#f5f5f5}.notice-popup__hide-btn{color:#888;border-right:1px solid #eee}.notice-popup__close-btn{color:#222;font-weight:600}
#terms_of_service .content-wrapper{padding:12px}
.menu-nav{top:calc(49px + var(--ion-safe-area-top,0px));z-index:50;background-color:#f9f9f9;border-bottom:1px solid #eee;transition:transform .3s;position:sticky}.menu-nav:before{content:"";height:var(--ion-safe-area-top,0px);opacity:0;pointer-events:none;background-color:#f9f9f9;transition:opacity .3s;position:absolute;bottom:100%;left:0;right:0}.headers-hidden .menu-nav{transform:translateY(-100%)}.headers-hidden .menu-nav:before{opacity:1}.menu-nav .menu-container{white-space:nowrap;-webkit-overflow-scrolling:touch;gap:24px;height:48px;padding:0 16px;display:flex;overflow-x:auto}.menu-nav .menu-container::-webkit-scrollbar{display:none}.menu-nav .menu-container{-ms-overflow-style:none;scrollbar-width:none}.menu-nav .menu-item{flex:none}.menu-nav .menu-item .menu-link{color:#2229;cursor:pointer;border-bottom:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;padding-top:16px;padding-bottom:12px;text-decoration:none;transition:all .2s;display:flex}.menu-nav .menu-item .menu-link:hover{color:#222c}.menu-nav .menu-item .menu-link.active{color:#222;border-bottom-color:#222}.menu-nav .menu-item .menu-link.active .menu-text{font-weight:700}.menu-nav .menu-item .menu-link .menu-text{margin:0;font-size:14px;font-weight:500;line-height:1.25}.active .menu-nav .menu-item .menu-link .menu-text{font-weight:700}.custom-alert-modal::part(backdrop){background:#0006}.custom-alert-modal{--max-width:700px;--min-width:300px;--width:66%;--max-height:200px;--min-height:50px;--height:14%;background-color:#fff}@media (max-width:768px){.custom-alert-modal{--max-width:200px;--min-width:340px;--width:90%;--max-height:200px;--min-height:180px;--height:10%;--box-shadow:0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f}}@media (min-width:769px) and (max-width:1024px){.custom-alert-modal{--max-width:80vw;--min-width:400px;--max-height:200px;--min-height:180px;--height:10%}}@media (min-width:1025px){.custom-alert-modal{--max-width:600px;--min-width:500px;--max-height:200px;--min-height:180px;--height:10%}}.custom-alert-modal .close-button{color:#000;cursor:pointer;padding:4px;font-size:20px;font-weight:700;line-height:1;position:absolute;top:12px;right:12px}.custom-alert-modal .custom-alert-content{text-align:center;padding:60px 10px 0}.custom-alert-modal .custom-alert-message{color:#666;margin-bottom:16px;font-size:16px;line-height:1.5}.custom-alert-modal .custom-alert-buttons .store-button{--background:#e0644a;--background-hover:#c0392b;--color:white;--border-radius:0;width:100%;height:44px;padding:10px;font-size:14px;font-weight:500}
#recipe_page{flex-direction:column;min-height:100vh;display:flex}#recipe_page ion-content{--background:#f9f9f9;flex-direction:column;min-height:100%;display:flex}#recipe_page ion-content::part(scroll){flex-direction:column;min-height:100%;display:flex}#recipe_page .recipe-main{flex-direction:column;flex:1;display:flex}#recipe_page .search-section{margin-top:16px;padding:0 16px;position:relative}#recipe_page .search-section .search-container{z-index:20;width:100%;position:relative}#recipe_page .search-section .search-container .search-box{background-color:#fff;border:1px solid #eee;border-radius:8px;align-items:center;gap:12px;width:100%;height:48px;padding:0 16px;transition:border-color .2s;display:flex}#recipe_page .search-section .search-container .search-box.active{border-color:#db5351}#recipe_page .search-section .search-container .search-box:focus-within{border-color:#db5351;box-shadow:0 0 0 3px #db53511a}#recipe_page .search-section .search-container .search-box .search-icon{color:#888;stroke-width:2px;flex-shrink:0;width:20px;height:20px}#recipe_page .search-section .search-container .search-box .search-input{--background:transparent;--border-width:0;--padding-start:0;--padding-end:0;--placeholder-color:#888;--color:#222;--highlight-height:0;flex:1;font-size:14px;font-weight:400}#recipe_page .search-section .search-container .search-box .search-input::part(native){padding:0}#recipe_page .search-section .search-container .search-dropdown{z-index:10;background-color:#fff;border:1px solid #eee;border-radius:8px;animation:.2s ease-out dropdown-slide-down;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@keyframes dropdown-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}#recipe_page .search-section .search-container .search-dropdown .dropdown-content{padding:16px}#recipe_page .search-section .search-container .search-dropdown .dropdown-content .dropdown-section{margin-bottom:16px}#recipe_page .search-section .search-container .search-dropdown .dropdown-content .dropdown-section:last-child{margin-bottom:0}#recipe_page .search-section .search-container .search-dropdown .dropdown-content .dropdown-section.recommended{border-top:1px solid #f5f5f5;padding-top:16px}#recipe_page .search-section .search-container .search-dropdown .dropdown-content .dropdown-section .dropdown-section-title{color:#888;text-transform:none;letter-spacing:0;margin:0 0 12px;font-size:12px;font-weight:700}#recipe_page .search-section .search-container .search-dropdown .dropdown-content .dropdown-section .related-keywords{flex-direction:column;gap:12px;display:flex}#recipe_page .search-section .search-container .search-dropdown .dropdown-content .dropdown-section .related-keywords .related-keyword-item{cursor:pointer;align-items:center;gap:8px;transition:opacity .2s;display:flex}#recipe_page .search-section .search-container .search-dropdown .dropdown-content .dropdown-section .related-keywords .related-keyword-item:hover{opacity:.7}#recipe_page .search-section .search-container .search-dropdown .dropdown-content .dropdown-section .related-keywords .related-keyword-item:active{opacity:.5}#recipe_page .search-section .search-container .search-dropdown .dropdown-content .dropdown-section .related-keywords .related-keyword-item .keyword-icon{color:#bbb;stroke-width:2px;flex-shrink:0;width:12px;height:12px}#recipe_page .search-section .search-container .search-dropdown .dropdown-content .dropdown-section .related-keywords .related-keyword-item .keyword-text{color:#222;font-size:14px;line-height:1.5}#recipe_page .search-section .search-container .search-dropdown .dropdown-content .dropdown-section .related-keywords .related-keyword-item .keyword-text .keyword-highlight{color:#db5351;font-weight:600}#recipe_page .search-section .search-container .search-dropdown .dropdown-content .dropdown-section .recommended-keywords{flex-wrap:wrap;gap:8px;display:flex}#recipe_page .search-section .search-container .search-dropdown .dropdown-content .dropdown-section .recommended-keywords .recommended-tag{color:#666;cursor:pointer;white-space:nowrap;background-color:#f5f5f5;border-radius:9999px;padding:6px 12px;font-size:12px;transition:all .2s}#recipe_page .search-section .search-container .search-dropdown .dropdown-content .dropdown-section .recommended-keywords .recommended-tag:hover{background-color:#eee}#recipe_page .search-section .search-container .search-dropdown .dropdown-content .dropdown-section .recommended-keywords .recommended-tag:active{background-color:#e0e0e0}#recipe_page .recipe-section{flex-direction:column;flex:1;padding:24px 16px 16px;display:flex}#recipe_page .recipe-section .recipe-grid{grid-template-columns:repeat(2,1fr);gap:40px 7.11333px;margin-bottom:40px;display:grid}#recipe_page .recipe-section .skeleton-grid{grid-template-columns:repeat(2,1fr);gap:40px 7.11333px;padding-bottom:48px;display:grid}#recipe_page .recipe-section .skeleton-grid .skeleton-card{flex-direction:column;gap:8px;animation:1.5s cubic-bezier(.4,0,.6,1) infinite skeleton-pulse;display:flex}#recipe_page .recipe-section .skeleton-grid .skeleton-card .skeleton-image{aspect-ratio:1;background-color:#e5e5e5;border-radius:8px;width:100%}#recipe_page .recipe-section .skeleton-grid .skeleton-card .skeleton-button{background-color:#e5e5e5;border-radius:8px;width:100%;height:40px}#recipe_page .recipe-section .skeleton-grid .skeleton-card .skeleton-title{background-color:#e5e5e5;border-radius:4px;width:100%;height:16px;margin-top:8px}#recipe_page .recipe-section .skeleton-grid .skeleton-card .skeleton-stats{background-color:#e5e5e5;border-radius:4px;width:66.6667%;height:24px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}#recipe_page .empty-state,#recipe_page .error-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:64px 24px 48px;display:flex}#recipe_page .empty-state .empty-icon-wrapper,#recipe_page .empty-state .error-icon-wrapper,#recipe_page .error-state .empty-icon-wrapper,#recipe_page .error-state .error-icon-wrapper{margin-bottom:16px}#recipe_page .empty-state .empty-icon-wrapper .empty-icon,#recipe_page .empty-state .empty-icon-wrapper .error-icon,#recipe_page .empty-state .error-icon-wrapper .empty-icon,#recipe_page .empty-state .error-icon-wrapper .error-icon,#recipe_page .error-state .empty-icon-wrapper .empty-icon,#recipe_page .error-state .empty-icon-wrapper .error-icon,#recipe_page .error-state .error-icon-wrapper .empty-icon,#recipe_page .error-state .error-icon-wrapper .error-icon{color:#e0e0e0;stroke-width:2px;filter:grayscale();width:60px;height:60px}#recipe_page .empty-state .empty-title,#recipe_page .empty-state .error-title,#recipe_page .error-state .empty-title,#recipe_page .error-state .error-title{color:#222;margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.5}#recipe_page .empty-state .empty-description,#recipe_page .empty-state .error-description,#recipe_page .error-state .empty-description,#recipe_page .error-state .error-description{color:#888;word-break:keep-all;margin:0;font-size:14px;font-weight:400;line-height:1.6}#recipe_page .empty-state .error-button,#recipe_page .error-state .error-button{cursor:pointer;color:#db5351;background-color:#0000;border:none;justify-content:center;align-items:center;gap:6px;margin-top:24px;padding:8px 0;font-size:13px;font-weight:700;transition:opacity .2s;display:flex}#recipe_page .empty-state .error-button:hover,#recipe_page .error-state .error-button:hover{opacity:.7}#recipe_page .empty-state .error-button:active,#recipe_page .error-state .error-button:active{opacity:.5}#recipe_page .empty-state .error-button .refresh-icon,#recipe_page .error-state .error-button .refresh-icon{color:#db5351;stroke-width:1.5px;width:18px;height:18px}#recipe_page .ion-refresher{z-index:40}#recipe_page .ion-refresher-content{color:#222}
.recipe-card{flex-direction:column;display:flex}.recipe-card .recipe-card-link{text-decoration:none;display:block}.recipe-card .recipe-card-image{aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;width:100%;margin-bottom:8px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.recipe-card .recipe-card-image--video{aspect-ratio:9/16}.recipe-card .recipe-save-button{--border-color:#d1d1d1;--border-width:1px;--border-style:solid;--border-radius:8px;--background:transparent;--background-hover:#00000005;--background-activated:#0000000a;--color:#222;--padding-start:0;--padding-end:0;--box-shadow:none;width:100%;height:40px;margin:0 0 16px;font-size:13.5px;font-weight:500;transition:all .2s}.recipe-card .recipe-save-button::part(native){padding:0}.recipe-card .recipe-save-button .recipe-save-text{color:#222;font-size:13.5px;font-weight:500;transition:color .2s;display:block}.recipe-card .recipe-save-button.saved{--border-width:0;--background:#f0f0f0;--background-hover:#f0f0f0;--background-activated:#e6e6e6;cursor:pointer;opacity:1}.recipe-card .recipe-save-button.saved .recipe-save-text{color:#888}.recipe-card .recipe-save-button[disabled]{cursor:default;pointer-events:none}.recipe-card .recipe-card-content{padding:0 2px}.recipe-card .recipe-card-content .recipe-title-link{text-decoration:none}.recipe-card .recipe-card-content .recipe-title{color:#222;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;height:auto;min-height:34.65px;margin:0;font-size:12.6px;font-weight:600;line-height:1.375;display:-webkit-box;overflow:hidden}.recipe-card .recipe-card-content .recipe-stats{flex-direction:row;align-items:center;gap:12px;margin-top:2px;display:flex}.recipe-card .recipe-card-content .recipe-stats .recipe-stat-item{align-items:center;gap:4px;display:flex}.recipe-card .recipe-card-content .recipe-stats .recipe-stat-item .recipe-stat-icon{color:#bbb;stroke-width:2px;width:10px;height:10px}.recipe-card .recipe-card-content .recipe-stats .recipe-stat-item .recipe-stat-count{color:#bbb;font-size:12.5px;font-weight:400;line-height:1}
