@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap";.navbar-top{position:fixed;top:0;left:0;width:100%;height:33px;padding:0 32px;background:#284a4b;display:flex;justify-content:center;align-items:center;z-index:1001}.welcome-text{color:#fff;font-size:13.6px;font-weight:300;line-height:35px;text-align:center;white-space:nowrap}.navbar-main{position:fixed;top:33px;left:0;width:100%;height:70px;padding:10px 32px;background:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #284a4b;box-shadow:0 2px 10px #0006;z-index:1000}.navbar-desktop{display:flex}.navbar-mobile{display:none}.logo{flex:1;display:flex;align-items:center}.logo-img{width:60px;height:85px;object-fit:contain}.nav-center{flex:2;display:flex;gap:24px;align-items:center;justify-content:center}.nav-link{padding:6px 12px;color:#284a4b;font-size:16px;font-weight:800;text-decoration:none;border-radius:6px;transition:.3s;letter-spacing:-.5px}.nav-link:hover{color:#397d7c;background:#284a4b4d}.nav-right{flex:1;display:flex;gap:16px;align-items:center;justify-content:flex-end}.simple-icon{padding:3px;color:#284a4b;font-size:17.6px;border-radius:6px;cursor:pointer}.simple-icon:hover{color:#397d7c}.h-search-wrapper{position:relative}.h-search-container{position:relative;display:flex;margin:0 16px;padding:4px;background:#fff;border:1px solid #e0eeee;border-radius:20px}.h-search-container form{display:flex;width:100%}.search-wrapper{position:relative;width:100%}.h-search-input{width:180px;padding:6px 12px;border:none;outline:none;background:#fff;color:#284a4b;font-size:13.6px}.h-search-btn{width:30px;height:30px;padding:6px 10px;background:#284a4b;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.h-search-btn svg{width:14px;height:14px}.search-suggestions{position:absolute;top:calc(100% + 8px);left:-5px;width:320px;max-height:380px;overflow-y:auto;background:#fff;border:1px solid #e0eeee;border-radius:12px;box-shadow:0 8px 25px #0006;z-index:3000}.search-suggestion-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #f5fafa;cursor:pointer;transition:.2s}.search-suggestion-item:hover{background:#f5fafa}.search-suggestion-item:last-of-type{border-bottom:none}.suggestion-image,.suggestion-icon{width:45px;height:45px;min-width:45px;border-radius:8px}.suggestion-image{object-fit:cover}.suggestion-icon{background:#f5fafa;color:#284a4b;display:flex;align-items:center;justify-content:center}.suggestion-content{min-width:0;display:flex;flex-direction:column}.suggestion-title{color:#284a4b;font-size:13.6px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-type{margin-top:3px;color:#397d7c;font-size:11.2px}.search-status{padding:14px;color:#666;font-size:12.8px;text-align:center}.view-all-results{padding:12px;background:#f5fafa;color:#284a4b;border-top:1px solid #e0eeee;font-size:13.12px;font-weight:600;text-align:center;cursor:pointer}.view-all-results:hover{background:#e0eeee}.language-selector{position:relative;display:flex;gap:4px;align-items:center;padding:4px 8px;color:#284a4b;font-size:13.6px;font-weight:500;border-radius:6px}.lang-toggle-btn{padding:4px 6px;background:none;color:#284a4b;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:color .2s ease,background-color .2s ease}.lang-toggle-btn:hover,.lang-toggle-btn.active{background-color:#397d7c;color:#fff}.lang-divider{margin:0 2px;color:#397d7c;font-size:13px}.language-dropdown{position:absolute;top:35px;right:0;width:100px;background:#fff;border:1px solid #e0eeee;border-radius:6px;box-shadow:0 2px 8px #0006;z-index:3000}.language-dropdown div{padding:8px;cursor:pointer}.language-dropdown div:hover{background:#f5fafa}.login-btn-nav{display:flex;align-items:center;gap:6px;padding:6px 16px;background:#284a4b;color:#fff;border:2px solid #284a4b;border-radius:20px;font-size:13.6px;font-weight:600;text-decoration:none}.login-btn-nav:hover{background:transparent;color:#284a4b}.h-search-wrapper .search-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:380px;max-height:460px;overflow-y:auto;background:#fff;border:1px solid #e0eeee;border-radius:12px;box-shadow:0 8px 25px #0006;z-index:5000}.search-result-item{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #e0eeee;cursor:pointer}.search-result-item:hover{background:#f5fafa}.search-result-image,.search-result-placeholder{width:55px;height:55px;flex-shrink:0;border-radius:8px}.search-result-image{object-fit:cover}.search-result-placeholder{background:#e0eeee;color:#284a4b;display:flex;align-items:center;justify-content:center}.search-result-content{min-width:0;flex:1}.search-result-title{margin-bottom:4px;color:#284a4b;font-size:14.4px;font-weight:700}.search-result-description{color:#666;font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-type{display:inline-block;margin-top:5px;padding:3px 8px;border-radius:10px;font-size:10.4px;font-weight:600}.search-result-type.recipe{background:#e0eeee;color:#284a4b}.search-result-type.guide{background:#f5fafa;color:#397d7c}.search-no-results{padding:25px;color:#666;text-align:center}.mobile-search-wrapper{position:relative;flex:1;max-width:130px}.mobile-search-dropdown{position:absolute;top:calc(100% + 8px);left:-50px;width:280px;max-height:400px;overflow-y:auto;background:#fff;border:1px solid #e0eeee;border-radius:10px;box-shadow:0 8px 25px #0006;z-index:5000}.goog-te-banner-frame.skiptranslate,iframe.goog-te-banner-frame{display:none;visibility:hidden;height:0}.goog-te-banner-frame.skiptranslate,iframe.goog-te-banner-frame{display:none!important;visibility:hidden!important;height:0!important}body{top:0!important;position:static!important}html{margin-top:0!important}#google_translate_element,.goog-te-gadget,.goog-tooltip,.skiptranslate{display:none!important}html[dir=rtl],html[dir=rtl] .navbar-main{direction:rtl}html[dir=rtl] .nav-link{text-align:right}html[dir=rtl] .h-search-container form{flex-direction:row-reverse}html[dir=rtl] .h-search-input{direction:rtl;text-align:right}html[dir=rtl] .language-selector{flex-direction:row-reverse}html[dir=rtl] .nav-center{gap:12.8px}html[dir=rtl] .nav-link{padding:5px 7px;font-size:14px;white-space:nowrap}@media(max-width:780px){.navbar-desktop{display:none}.navbar-mobile{position:fixed;top:26px;left:0;width:100%;height:56px;padding:4px 10px;background:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0006;z-index:1000}.welcome-text{padding:3px 8px;font-size:9.6px;line-height:1.2;white-space:normal}.navbar-top{height:auto;min-height:26px;padding:3px 8px}.mobile-logo-img{width:40px;height:60px;object-fit:contain}.mobile-search-wrapper{position:relative;width:100%;max-width:150px;flex:1}.mobile-search-container{position:relative;width:100%;height:30px;padding:3px 10px;background:#f5fafa;border:1px solid #e0eeee;border-radius:20px;display:flex;align-items:center}.mobile-search-container form{display:flex;width:100%}.mobile-search-icon{margin-right:6px;color:#284a4b;font-size:10.4px}.mobile-search-input{width:100%;border:none;outline:none;background:transparent;color:#284a4b;font-size:11.2px}.mobile-search-input::placeholder{color:#397d7c;font-size:10.4px}.mobile-search-suggestions{position:absolute;top:calc(100% + 8px);left:-10px;width:280px;max-height:350px;overflow-y:auto;background:#fff;border:1px solid #e0eeee;border-radius:10px;box-shadow:0 8px 20px #0006;z-index:3000}.mobile-nav-right{display:flex;gap:2px;align-items:center}.mobile-icon-btn{width:34px;height:34px;color:#284a4b;font-size:17.6px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-icon-btn:hover{color:#397d7c;background:#284a4b4d}.mobile-dropdown{position:fixed;top:82px;left:0;width:100%;background:#fff;border-bottom:2px solid #284a4b;box-shadow:0 4px 12px #0006;z-index:999;animation:slideDown .2s ease}.mobile-dropdown-link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#284a4b;border-bottom:1px solid rgba(40,74,75,.3);font-size:14.08px;font-weight:500;text-decoration:none;cursor:pointer}.mobile-dropdown-link:hover{background:#f5fafa}.mobile-dropdown-link i{width:22px;text-align:center}.mobile-dropdown-divider{height:1px;margin:4px 0;background:#284a4b4d}.mobile-dropdown-lang{display:flex;border-bottom:1px solid rgba(40,74,75,.3)}.mobile-dropdown-lang span{flex:1;padding:12px 20px;color:#284a4b;font-size:13.6px;font-weight:500;text-align:center;cursor:pointer}.mobile-dropdown-lang span:first-child{border-right:1px solid rgba(40,74,75,.3)}.mobile-dropdown-lang span:hover{background:#f5fafa}.mobile-dropdown-lang-widget{width:100%;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:4px}.mobile-dropdown-lang-widget .lang-toggle-btn{flex:1;text-align:center}.mobile-dropdown-lang-widget .lang-divider{flex:0 0 auto}.mobile-logout,.mobile-logout i{color:#c0392b}.mobile-logout:hover{background:#fecaca}.search-result-description{display:none}.mobile-search-dropdown .search-result-item{padding:10px}.mobile-search-dropdown .search-result-image,.mobile-search-dropdown .search-result-placeholder{width:45px;height:45px}html[dir=rtl] .mobile-dropdown{direction:rtl}html[dir=rtl] .mobile-nav-right,html[dir=rtl] .mobile-search-container{flex-direction:row-reverse}html[dir=rtl] .mobile-search-input{direction:rtl;text-align:right}html[dir=rtl] .mobile-dropdown-link{flex-direction:row-reverse;text-align:right}html[dir=rtl] .mobile-dropdown-lang-widget{flex-direction:row-reverse}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:380px){.navbar-mobile{padding:4px 7px}.mobile-search-wrapper{max-width:150px;margin-left:5px}.mobile-search-container{padding:2px 8px}.mobile-search-input::placeholder{font-size:9.6px}.mobile-search-icon{margin-right:6px;margin-top:4px;color:#284a4b;font-size:10.4px}.mobile-icon-btn{width:30px;height:30px;font-size:15.2px}.mobile-logo-img{width:45px;height:55px;margin-top:7px}.mobile-login-btn-nav{padding:3px 8px;background:#284a4b;color:#fff;border:2px solid #284a4b;border-radius:16px;font-size:9.6px;font-weight:600;text-decoration:none}.mobile-login-btn-nav:hover{background:transparent;color:#284a4b}.mobile-search-suggestions{width:250px}.mobile-search-dropdown{left:-60px;width:260px}}html[dir=rtl] .login-btn-nav .fa-sign-in-alt,html[dir=rtl] .mobile-login-btn-nav .fa-sign-in-alt,html[dir=rtl] .logout-icon .fa-sign-out-alt,html[dir=rtl] .mobile-logout .fa-sign-out-alt{transform:scaleX(-1)}.footer{font-family:Poppins,sans-serif;background-color:#284a4b;color:#fff;width:100%;overflow:hidden}.footer-images{display:flex;height:65px;overflow:hidden}.footer-images img{width:20%;object-fit:cover;transition:transform .5s ease;filter:brightness(85%)}.footer-images img:hover{transform:scale(1.05);filter:brightness(100%)}.footer-heading{background:#284a4b;color:#fff;text-align:center;padding:27px 20px;margin:0}.footer-heading h2{font-size:23px;margin:0;font-weight:600;letter-spacing:1px;color:#fff}.footer-main{display:flex;justify-content:space-between;align-items:stretch;padding:20px 80px;background-color:#fff;width:100%;margin:0;box-sizing:border-box;gap:70px}.footer-content{flex:1}.footer-content h3{font-size:25px;font-weight:700;margin-bottom:12px;color:#284a4b}.footer-content p{line-height:1.8;font-size:15px;color:#666;max-width:320px;margin:0}.footer-content h4{font-size:20px;font-weight:600;color:#284a4b;margin:0 0 15px 80px;letter-spacing:.5px;position:relative;padding-bottom:10px}.footer-content h4:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:#397d7c;border-radius:2px}.footer-content ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 30px}.footer-content ul li{margin:0}.footer-content ul li a{color:#284a4b;text-decoration:none;transition:all .3s;font-size:16px;font-weight:500;display:inline-block;position:relative}.footer-content ul li a:before{content:"›";color:#397d7c;font-weight:700;margin-right:6px;transition:margin .3s}.footer-content ul li a:hover{color:#397d7c;padding-left:5px}.footer-content ul li a:hover:before{margin-right:10px}.footer-bottom{background-color:#284a4b;color:#fff;text-align:center;padding:10px;font-size:12px;letter-spacing:.3px;border-top:1px solid #397d7c}@media(max-width:708px){.footer-images{height:60px;overflow-x:auto;overflow-y:hidden;gap:2px}.footer-images img{width:120px;height:50px;min-width:80px}.footer-heading{padding:20px 15px}.footer-heading h2{font-size:17px;line-height:1.4;max-width:90%;margin-left:auto;margin-right:auto}.footer-main{padding:20px 15px;gap:20px}.footer-content h3{font-size:19px}.footer-content p{font-size:12px;max-width:350px}.footer-content h4{font-size:15px;margin:0 0 10px;text-align:center}.footer-content h4:after{left:50%;transform:translate(-50%)}.footer-content ul{display:flex;flex-wrap:wrap;gap:5px 15px;justify-content:center}.footer-content ul li a{font-size:12px}.footer-bottom{padding:10px 5px;font-size:10px}}@media(max-width:380px){.footer-images{height:40px}.footer-images img{width:87px;height:40px;min-width:70px}.footer-heading h2{font-size:14px}.footer-main{padding:15px 10px;gap:15px}.footer-content h3{font-size:17px}.footer-content p{font-size:11px;max-width:300px}.footer-content h4{font-size:14px;margin:0 0 8px;text-align:center}.footer-content h4:after{left:50%;transform:translate(-50%)}.footer-content ul{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:center}.footer-content ul li a{font-size:11px}.footer-bottom{font-size:9px;padding:8px}}body{background:#f5f5f5;color:#284a4b;line-height:1.5;overflow-x:hidden;font-family:DM Sans,Segoe UI,sans-serif}.home-container{width:100%;min-height:80vh}.my-hero-wrapper{min-height:85vh;margin-top:100px;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding-top:70px;position:relative;overflow:hidden;align-items:flex-start}.my-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.my-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#284a4b99,#284a4b4d 40% 60%,#1a333499);z-index:1}.my-particles{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.my-particle{position:absolute;border-radius:50%;background:#284a4b4d;animation:myFloatParticle 20s infinite ease-in-out}.my-particle:nth-child(1){width:100px;height:100px;top:10%;left:5%;animation-delay:0s;animation-duration:22s}.my-particle:nth-child(2){width:150px;height:150px;bottom:30%;right:8%;animation-delay:3s;animation-duration:25s;background:#284a4b4d}.my-particle:nth-child(3){width:70px;height:70px;top:50%;right:20%;animation-delay:6s;animation-duration:18s}.my-particle:nth-child(4){width:120px;height:120px;bottom:15%;left:10%;animation-delay:2s;animation-duration:28s;background:#284a4b4d}@keyframes myFloatParticle{0%,to{transform:translate(0) scale(1);opacity:.4}25%{transform:translate(30px,-40px) scale(1.1);opacity:.8}50%{transform:translate(-20px,20px) scale(.9);opacity:.5}75%{transform:translate(40px,30px) scale(1.05);opacity:.7}}.my-hero-content{position:relative;z-index:2;flex:1;display:flex;align-items:flex-start;justify-content:flex-start;padding:.2rem 5% 1rem;max-width:100%;width:100%;margin:0}.my-hero-text{max-width:50%;text-align:left;animation:myFadeInUp 2s ease forwards;margin:0;padding:0}.my-hero-title{font-size:3.5rem;color:#fff;line-height:1.15;animation:myFadeInUp 1s ease .4s forwards;opacity:0;text-align:left}.my-hero-highlight{display:inline-block}.my-hero-subtitle{font-size:.95rem;color:#fff;line-height:1.6;max-width:80%;margin-bottom:1.5rem;font-weight:300;text-align:left}.my-btn-primary{padding:10px 40px;background:#284a4b;color:#fff;border:none;border-radius:50px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 30px #284a4b99;text-decoration:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.my-btn-primary:hover{background:#1a3334;transform:translateY(-3px);box-shadow:0 12px 40px #284a4b99}.my-btn-secondary{padding:12px 28px;background:#284a4b4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:1.5px solid rgba(40,74,75,.6);border-radius:50px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.my-btn-secondary:hover{background:#284a4b99;transform:translateY(-3px)}.my-steps-wrapper{position:relative;z-index:2;width:100%;padding:0 5% 3rem;flex-shrink:0}.my-steps-container{max-width:1400px;min-height:35px;margin:0 auto;display:flex;gap:1.2rem;justify-content:center;animation:myFadeInUp 1s ease 1s forwards;opacity:0;flex-wrap:wrap}.my-step-card{flex:0 1 auto;width:210px;height:55px;background:#284a4b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50px;padding:.8rem 1.5rem;text-align:center;box-shadow:0 4px 20px #0006;border:1px solid rgba(40,74,75,.6);transition:all .4s ease;cursor:default;display:flex;align-items:center;justify-content:center;gap:.8rem}.my-step-card:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 12px 40px #000000b3;border-color:#397d7c;background:#f5f5f5}.my-step-number{font-size:.7rem;font-weight:700;color:#284a4b;flex-shrink:0;background:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.my-step-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff;color:#284a4b;font-size:1rem;flex-shrink:0;transition:all .4s ease}.my-step-card:hover .my-step-icon{background:#1a3334;color:#fff;transform:scale(1.1) rotate(-5deg)}.my-step-card:hover .my-step-number{background:#1a3334;color:#fff}.my-step-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.my-step-text h4{font-size:11px;font-weight:650;color:#fff;white-space:nowrap;margin:0}.my-step-card:hover .my-step-text h4{color:#284a4b}.my-step-text p{font-size:.6rem;color:#e0eeee;font-weight:300;white-space:nowrap;margin:0}.my-step-card:hover .my-step-text p{color:#284a4b}@keyframes myFadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.h-features-section{position:relative;padding:50px 0 60px;background:#f5f5f5;text-align:center;overflow:hidden}.h-features-header{position:relative;z-index:1;padding:0 24px 40px}.h-features-title{position:relative;font-family:DM Sans,Segoe UI,sans-serif;font-size:2.2rem;font-weight:700;color:#284a4b;line-height:1.2;letter-spacing:-.2px}.h-features-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;max-width:1200px;margin:0 auto;padding:0 24px}.h-feature-box{background:#1a3334;border:1px solid rgba(40,74,75,.6);border-radius:16px;padding:0 0 14px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);text-decoration:none}.h-feature-box:hover{transform:translateY(-7px);background:#284a4b;border-color:#397d7c66;box-shadow:0 18px 36px #000000b3}.h-feature-image{width:100%;height:90px;overflow:hidden;position:relative;flex-shrink:0}.h-feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s;filter:brightness(.85) saturate(.88)}.h-feature-box:hover .h-feature-image img{transform:scale(1.08);filter:brightness(1) saturate(1.05)}.h-feature-content{padding:12px 10px 0;display:flex;flex-direction:column;align-items:center;gap:8px}.h-feature-title{color:#fff;font-size:.77rem;font-weight:600;letter-spacing:.3px}.h-feature-link{background:#fff;color:#666;font-size:.65rem;padding:4px 12px;border-radius:30px;display:inline-flex;align-items:center;gap:4px;text-decoration:none;font-weight:500;transition:all .22s}.h-feature-link:hover{background:#e0eeee;color:#397d7c;transform:translateY(-1px)}.digital-banner{background:#1a3334;padding:50px;display:flex;justify-content:space-between;align-items:center;gap:48px;flex-wrap:wrap;position:relative;overflow:hidden}.digital-banner-left{flex:1;min-width:280px;position:relative;z-index:1}.digital-banner-title{font-family:DM Sans,Segoe UI,sans-serif;font-size:2.1rem;font-weight:400;color:#fff;line-height:1.25;margin-bottom:14px;letter-spacing:-.2px}.digital-banner-desc{font-size:.88rem;color:#f5f5f5;line-height:1.65;margin-bottom:26px;max-width:400px}.digital-banner-btn-wrapper{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.digital-banner-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#284a4b;padding:12px 28px;border-radius:50px;text-decoration:none;font-weight:600;font-size:13px;box-shadow:0 4px 14px #284a4b66;transition:all .25s;flex-shrink:0}.digital-banner-btn:hover{background:#e0eeee;transform:translateY(-2px);box-shadow:0 7px 20px #284a4b99}.digital-banner-right{flex:1;min-width:280px;position:relative;z-index:1;display:flex;flex-direction:column;gap:20px}.digital-banner-img-wrap img{width:100%;max-width:340px;border-radius:18px;box-shadow:0 12px 32px #284a4b66;display:block}.digital-stats-row{display:flex;background:#fff;border:1px solid #e0eeee;border-radius:14px;overflow:hidden;flex:1}.digital-stat{flex:1;padding:8px;text-align:center;border-right:1px solid #e0eeee;transition:background .2s}.digital-stat:last-child{border-right:none}.digital-stat:hover{background:#e0eeee}.digital-stat-num{display:block;font-size:16px;font-weight:700;color:#284a4b;line-height:1;margin-bottom:2px}.digital-stat-label{font-size:.65rem;color:#666;text-transform:uppercase;letter-spacing:1px;font-weight:500}.pantry-mini-section{padding:50px 20px;background:#fff;max-width:1200px;margin:0 auto}.pantry-mini-header{text-align:center;margin-bottom:32px}.pantry-mini-tag{display:inline-block;background:#e0eeee;color:#284a4b;padding:4px 18px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px}.pantry-mini-title{font-size:2rem;font-weight:700;color:#1a3334;margin-bottom:6px}.pantry-mini-highlight{color:#397d7c}.pantry-mini-desc{font-size:1rem;color:#666}.pantry-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:900px;margin:0 auto}.pantry-mini-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#f5fafa;border-radius:14px;border:1.5px solid #e0eeee;text-decoration:none;transition:all .25s ease}.pantry-mini-card:hover{background:#e0eeee;border-color:#397d7c;transform:translateY(-2px);box-shadow:0 6px 20px #397d7c66;text-decoration:none}.pantry-mini-img{width:100px;height:100px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#e0eeee}.pantry-mini-img img{width:100%;height:100%;object-fit:cover}.pantry-mini-info{flex:1;min-width:0}.pantry-mini-info h3{font-size:1rem;font-weight:700;color:#1a3334;margin:0 0 2px}.pantry-mini-info p{font-size:.82rem;color:#666;margin:0}.pantry-mini-arrow{font-size:1.1rem;color:#397d7c;font-weight:700;transition:transform .25s ease;flex-shrink:0}.pantry-mini-card:hover .pantry-mini-arrow{transform:translate(4px)}.classes-section{display:flex;padding:30px 60px;gap:56px;background:#284a4b;align-items:center;flex-wrap:wrap}.classes-img-wrap{position:relative;flex-shrink:0}.classes-image{width:320px;height:230px;border-radius:22px;box-shadow:0 14px 36px #284a4b66;display:block}.classes-img-badge{position:absolute;bottom:-12px;left:20px;background:#284a4b;color:#fff;padding:8px 16px;border-radius:30px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;box-shadow:0 5px 16px #284a4b66}.classes-img-badge i{color:#397d7c}.classes-content{flex:1;min-width:260px}.section-label{font-size:10px;letter-spacing:2.5px;color:#fff;margin-bottom:12px;opacity:.55;font-weight:600;text-transform:uppercase;display:block}.classes-content h2{font-family:DM Sans,Segoe UI,sans-serif;font-size:2.1rem;font-weight:400;color:#fff;line-height:1.25;margin-bottom:14px}.classes-content p{font-size:.88rem;color:#f5f5f5;line-height:1.7;margin-bottom:20px;max-width:440px}.classes-checklist{display:flex;flex-direction:column;gap:9px;margin-bottom:24px}.classes-check-item{display:flex;align-items:center;gap:9px;font-size:13px;color:#fff;font-weight:500}.classes-check-item i{color:#fff;font-size:14px;flex-shrink:0}.classes-cta-btn{display:inline-flex;align-items:center;gap:20px;background:#fff;color:#284a4b;padding:11px 26px;border-radius:50px;text-decoration:none;font-weight:600;font-size:13px;box-shadow:0 4px 12px #284a4b66;transition:all .25s}.classes-cta-btn:hover{background:#e0eeee;transform:translateY(-2px);box-shadow:0 7px 18px #284a4b99}.h-recipes-section{background:#fff;padding:50px 2rem;text-align:center}.h-recipes-container{max-width:1200px;margin:0 auto}.h-recipes-title{font-size:1.8rem;color:#284a4b;margin-bottom:.8rem;font-weight:700}.h-recipes-subtitle{font-size:.8rem;color:#666;margin-bottom:2rem}.h-recipes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:900px;margin:0 auto}.h-recipe-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #0006;transition:transform .3s ease;display:flex;flex-direction:column}.h-recipe-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #397d7c66}.h-recipe-image{position:relative;height:160px;overflow:hidden}.h-recipe-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.h-recipe-card:hover .h-recipe-image img{transform:scale(1.03)}.recipe-category{position:absolute;top:.8rem;left:.8rem;background:#fff;color:#284a4b;padding:.25rem .7rem;border-radius:20px;font-size:.7rem;font-weight:600}.h-recipe-content{padding:.8rem;flex:1;display:flex;flex-direction:column}.h-recipe-name{font-size:1rem;color:#284a4b;margin-bottom:.4rem;font-weight:600}.h-recipe-description{color:#666;font-size:.75rem;line-height:1.4;margin-bottom:.6rem;flex:1}.h-recipe-btn{background:#284a4b;color:#fff;border:none;padding:.5rem .8rem;border-radius:20px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;font-size:.75rem;text-align:center;text-decoration:none;display:block}.h-recipe-btn:hover{background:#397d7c;transform:translateY(-1px)}.m_plan-section{background:#fff;padding:64px 60px;position:relative;overflow:hidden}.m_plan-header{display:flex;justify-content:space-between;margin-bottom:40px;flex-wrap:wrap;align-items:flex-start;gap:20px;position:relative;z-index:1}.m_plan-title h2{font-family:DM Sans,Segoe UI,sans-serif;color:#284a4b;font-size:1.9rem;font-weight:400;line-height:1.25;margin-bottom:10px;max-width:500px}.m_plan-btn{display:inline-flex;align-items:center;gap:8px;background:#284a4b;color:#fff;padding:11px 26px;border-radius:40px;text-decoration:none;font-weight:600;font-size:13px;box-shadow:0 4px 12px #0006;transition:all .22s;white-space:nowrap;flex-shrink:0;margin-top:6px}.btn:hover{background:#1a3334;transform:translateY(-2px)}.m_plan-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:16px;justify-content:center;position:relative;z-index:1}.m_plan-card{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:1 / 1;box-shadow:0 6px 18px #0006;cursor:pointer;opacity:0;transform:translate(-60px);transition:all .7s cubic-bezier(.34,1.56,.64,1);background:#e0eeee}.m_plan-card.animate{opacity:1;transform:translate(0)}.m_plan-card:nth-child(1){transition-delay:.15s}.m_plan-card:nth-child(2){transition-delay:.25s}.m_plan-card:nth-child(3){transition-delay:.35s}.m_plan-card:nth-child(4){transition-delay:.45s}.m_plan-card:nth-child(5){transition-delay:.55s}.m_plan-card:nth-child(6){transition-delay:.65s}.m_plan-card:nth-child(7){transition-delay:.75s}.m_plan-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 36px #284a4b99}.m_plan-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.m_plan-card:hover img{transform:scale(1.08)}.m_plan-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:30px 12px 14px;background:linear-gradient(to top,rgba(40,74,75,.6) 0%,rgba(57,125,124,.5) 40%,transparent 100%);transition:all .4s ease;display:flex;align-items:flex-end;justify-content:center}.m_plan-card:hover .m_plan-card-overlay{background:linear-gradient(to top,rgba(40,74,75,.6) 0%,rgba(57,125,124,.5) 30%,transparent 100%);padding-bottom:18px}.m_plan-card-day{font-size:.7rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:1.5px;opacity:.9;transition:all .3s ease;text-shadow:0 2px 8px rgba(0,0,0,.4)}.m_plan-card:hover .m_plan-card-day{opacity:1;letter-spacing:2.5px;font-size:.75rem}.hp-recipes-section{padding:50px 20px;background:#f5fafa}.hp-recipes-container{max-width:1200px;margin:0 auto}.hp-recipes-header{text-align:center;margin-bottom:32px}.hp-recipes-eyebrow{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#397d7c;margin-bottom:8px}.hp-recipes-title{font-size:2rem;font-weight:700;color:#284a4b;margin-bottom:6px;font-family:DM Sans,Segoe UI,sans-serif}.hp-recipes-scroll-wrapper{position:relative;overflow:hidden;padding:10px 0}.hp-recipes-scroll{display:flex;gap:20px;overflow-x:auto;padding:8px 4px 20px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.hp-recipes-scroll::-webkit-scrollbar{height:6px}.hp-recipes-scroll::-webkit-scrollbar-track{background:#e0eeee;border-radius:10px}.hp-recipes-scroll::-webkit-scrollbar-thumb{background:#284a4b;border-radius:10px}.hp-recipes-scroll::-webkit-scrollbar-thumb:hover{background:#397d7c}.hp-recipe-card-mini{flex:0 0 220px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px #0006;transition:all .3s ease;border:1px solid #e0eeee}.hp-recipe-card-mini:hover{transform:translateY(-4px);box-shadow:0 8px 28px #284a4b99;border-color:#397d7c}.hp-recipe-card-image-mini{position:relative;height:140px;overflow:hidden}.hp-recipe-card-image-mini img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.hp-recipe-card-mini:hover .hp-recipe-card-image-mini img{transform:scale(1.06)}.hp-recipe-card-category-mini{position:absolute;top:10px;left:10px;background:#284a4b99;color:#fff;padding:3px 12px;border-radius:14px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.hp-recipe-card-body-mini{padding:14px 16px 16px}.hp-recipe-card-title-mini{font-size:.95rem;font-weight:700;color:#1a3334;margin-bottom:4px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-recipe-card-time-mini{font-size:.75rem;color:#666;margin-bottom:10px}.hp-recipe-card-btn-mini{display:inline-flex;align-items:center;gap:6px;color:#284a4b;font-weight:600;font-size:.8rem;text-decoration:none;transition:all .25s ease;padding:4px 0;border-bottom:2px solid transparent}.hp-recipe-card-btn-mini:hover{color:#397d7c;border-bottom-color:#397d7c;gap:10px;text-decoration:none}.hp-recipes-footer{text-align:center;margin-top:32px}.hp-recipes-view-all{display:inline-flex;align-items:center;gap:8px;color:#284a4b;font-weight:600;font-size:.95rem;text-decoration:none;padding:10px 24px;border:1.5px solid #284a4b;border-radius:30px;transition:all .25s ease}.hp-recipes-view-all:hover{background:#284a4b;color:#fff;gap:14px;text-decoration:none}@media(max-width:780px){.my-hero-wrapper{margin-top:80px;min-height:82vh;padding-top:30px}.my-hero-content{padding:.8rem 7% .3rem}.my-hero-text{max-width:85%}.my-hero-title{font-size:2.2rem;line-height:1.2;margin-top:10px;margin-bottom:.4rem}.my-hero-subtitle{font-size:.75rem;margin-bottom:.8rem;line-height:1.5}.my-steps-wrapper{margin-bottom:10px;padding:0 2% 1.5rem}.my-steps-container{gap:.3rem;flex-wrap:nowrap;justify-content:center}.my-step-card{flex:1 1 0;width:auto;min-width:0;height:44px;padding:.3rem .4rem;border-radius:25px;gap:.3rem}.my-step-number{display:none}.my-step-icon{width:26px;height:26px;font-size:.6rem}.my-step-text h4{font-size:.55rem;white-space:nowrap}.my-step-text p{display:none}.h-features-section{padding:20px 0 30px}.h-features-header{padding:0 12px 12px}.h-features-title{font-size:26px;font-weight:700;margin-bottom:10px}.h-features-grid{grid-template-columns:repeat(3,1fr);gap:6px;padding:0 10px}.h-feature-box{border-radius:10px;padding:0 0 8px}.h-feature-image{height:60px}.h-feature-content{padding:6px 6px 0;gap:5px}.h-feature-title{font-size:.6rem;text-align:center}.h-feature-link{font-size:.55rem;padding:2px 8px}.digital-banner{padding:24px;gap:16px;flex-direction:row;flex-wrap:wrap}.digital-banner-left{flex:1 1 55%;min-width:180px}.digital-banner-tag{font-size:8px;margin-bottom:8px;padding:3px 10px}.digital-banner-title{font-size:24px;font-weight:500;margin-bottom:20px}.digital-banner-desc{font-size:12px;line-height:1.1;max-width:100%;margin-bottom:26px}.digital-banner-btn-wrapper{gap:15px;flex-wrap:wrap}.digital-banner-btn{padding:8px 16px;font-size:11px}.digital-banner-right{flex:1 1 40%;width:100px;gap:10px;align-items:flex-end}.digital-banner-img-wrap img{max-width:160px;width:100%;border-radius:12px}.digital-stats-row{display:flex;flex-direction:row;flex-wrap:nowrap;min-width:210px;margin-bottom:10px;margin-top:30px}.digital-stat{padding:8px}.digital-stat-num{font-size:.75rem}.digital-stat-label{font-size:.45rem;letter-spacing:.1px}.pantry-mini-section{padding:20px 2px}.pantry-mini-header{margin-bottom:14px}.pantry-mini-tag{font-size:8px;padding:2px 10px;margin-bottom:4px}.pantry-mini-title{font-size:1.2rem;margin-bottom:2px}.pantry-mini-desc{font-size:.7rem}.pantry-mini-grid{grid-template-columns:repeat(2,1fr);gap:6px}.pantry-mini-card{flex-direction:column;align-items:center;gap:6px;border-radius:10px}.pantry-mini-img{width:100%;height:60px;border-radius:8px}.pantry-mini-info h3{font-size:.75rem}.pantry-mini-info p{font-size:.6rem}.pantry-mini-arrow{display:none}.classes-section{flex-direction:row;padding:20px 14px;gap:30px;align-items:center;flex-wrap:nowrap}.classes-img-wrap{flex-shrink:0}.classes-image{width:110px;height:90px;border-radius:12px}.classes-img-badge{display:none}.classes-content{min-width:0}.section-label{font-size:7px;margin-bottom:3px}.classes-content h2{font-size:.95rem;margin-bottom:4px;line-height:1.2}.classes-content p{display:none}.classes-checklist{gap:4px;margin-bottom:10px}.classes-check-item{font-size:.65rem;gap:8px}.classes-check-item i{font-size:10px}.classes-cta-btn{padding:6px 14px;font-size:.65rem;gap:6px}.m_plan-section{padding:50px 10px}.m_plan-header{margin-bottom:14px;flex-wrap:nowrap;align-items:center;gap:8px}.section-label-light{font-size:5px;margin-bottom:3px}.m_plan-title h2{font-size:.3rem;margin-bottom:6px;max-width:100px;line-height:1.2}.btn{padding:6px;font-size:10px}.m_plan-grid{grid-template-columns:repeat(7,1fr);gap:6px}.m_plan-card-day{font-size:.5rem;letter-spacing:.5px}.hp-recipes-section{padding:20px 10px}.hp-recipes-header{margin-bottom:14px}.hp-recipes-title{font-size:1.2rem}.hp-recipe-card-mini{flex:0 0 140px}.hp-recipe-card-image-mini{height:90px}.hp-recipe-card-body-mini{padding:8px 10px 10px}.hp-recipe-card-title-mini{font-size:.7rem}.hp-recipe-card-time-mini{font-size:.6rem;margin-bottom:4px}.hp-recipe-card-btn-mini{font-size:.6rem}.hp-recipe-card-category-mini{font-size:6px;padding:2px 8px}.hp-recipes-scroll{gap:8px}.hp-recipes-footer{margin-top:14px}.hp-recipes-view-all{font-size:.75rem;padding:6px 16px}}@media(max-width:380px){.my-hero-wrapper{margin-bottom:5px;height:35vh}.my-hero-title{font-size:45px;font-weight:900;margin-top:60px}.my-hero-highlight{display:inline-block;font-size:30px;font-family:serif}.my-hero-subtitle{font-size:16px}.my-step-card{height:38px;padding:.6rem .5rem;border-radius:20px}.my-step-icon{width:22px;height:22px;font-size:.5rem}.my-step-text h4{font-size:.48rem}.h-features-grid{margin-top:5px;gap:12px;padding:0 25px}.h-feature-image{height:50px}.h-feature-title{font-size:10px;font-weight:600}.h-features-title{font-size:26px;font-weight:700}.h-feature-link{font-size:7px;padding:1.5px 4px}.pantry-mini-grid{grid-template-columns:repeat(2,1fr);padding:0 16px;margin:10px 3px}.pantry-mini-card{display:flex;align-items:center;padding:10px;margin:20px auto;height:160px;width:160px}.pantry-mini-img{height:65px}.pantry-mini-info h3{margin-top:10px;font-size:12px}.pantry-mini-info p{font-size:10px}.m_plan-grid{grid-template-columns:repeat(5,1fr);gap:5px}.m_plan-card-day{font-size:8px;letter-spacing:.1px}.hp-recipe-card-mini{flex:0 0 120px}.hp-recipe-card-image-mini{height:75px}.hp-recipe-card-title-mini{font-size:12px;font-weight:700}.digital-banner{flex-direction:column;padding:20px;gap:12px;align-items:center}.digital-banner-left{flex:1 1 auto;min-width:100%;padding-right:0;order:1;text-align:center}.digital-banner-title{font-size:20px;font-weight:570;margin-bottom:9px;line-height:1.3;text-align:left}.digital-banner-desc{font-size:11px;line-height:1.3;margin-bottom:12px;max-width:100%;text-align:left}.digital-banner-btn-wrapper{gap:8px;justify-content:left}.digital-banner-btn{padding:5px 12px;font-size:10px}.digital-banner-right{flex:1 1 auto;min-width:100%;gap:10px;align-items:right;order:2;flex-direction:column;justify-content:center}.digital-banner-img-wrap{flex:0 0 auto}.digital-banner-img-wrap img{max-width:200px;width:100%;border-radius:10px}.digital-stats-row{min-width:200px;margin-top:0;flex:1}.digital-stat{padding:4px}.digital-stat-num{font-size:10px}.digital-stat-label{font-size:5px;letter-spacing:.1px}.classes-image{width:120px;height:90px}.classes-content h2{font-size:.8rem}.classes-check-item{font-size:.55rem}.classes-cta-btn{padding:5px 12px;font-size:.55rem}}body{font-family:DM Sans,Segoe UI,sans-serif;background-color:#f5f5f5;color:#284a4b;line-height:1.6;overflow-x:hidden}.pk-hero-carousel-section{margin-top:50px;width:100%;height:96vh;display:flex;position:relative;overflow:hidden}.pk-hero-background-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;transition:background-image .8s ease;background-size:cover;background-position:center}.pk-hero-background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#284a4bd9;z-index:1}.pk-hero-left-section{width:40%;height:100%;padding:0 50px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:5;color:#fff}.pk-hero-section-tag{font-size:1rem;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px}.pk-hero-main-heading{font-size:60px;font-weight:700;line-height:1.1;color:#fff;margin-bottom:15px;letter-spacing:-.5px}.pk-hero-second-heading{font-size:2.3rem;font-weight:600;color:#fff;margin-bottom:25px}.pk-hero-description{font-size:.8rem;font-weight:300;color:#fffc;line-height:1.2;margin-bottom:40px;max-width:300px}.pk-hero-right-section{width:60%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.pk-carousel-container,.pk-carousel-track{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pk-carousel-item{position:absolute;width:260px;height:360px;background:#fff;border-radius:16px;box-shadow:0 15px 35px #0000004d;transition:all .5s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;overflow:hidden;cursor:pointer}.pk-side-card .pk-item-content{display:flex;flex-direction:column;padding:20px;flex-grow:1}.pk-center-card .pk-item-image{width:100%;height:220px;background-size:cover;background-position:center;opacity:.7;transition:all .5s ease}.pk-side-card .pk-item-image{width:100%;height:180px;background-size:cover;background-position:center;opacity:.7;transition:all .5s ease}.pk-item-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}.pk-item-title{font-size:1.3rem;font-weight:700;color:#1a3334;margin-bottom:10px;line-height:1.2}.pk-item-description{font-size:.85rem;color:#666;line-height:1.5;margin-bottom:15px;flex-grow:1}.pk-section-boxes{background-color:#fff;align-items:center;text-align:center;gap:0;padding:0;margin:0}.pk-content-box{background-size:cover;background-position:center;padding:4rem;border-radius:20px;width:78%;max-width:1300px;box-shadow:0 15px 35px #0000004d;margin:1rem auto;height:425px;display:flex;align-items:center;position:relative;overflow:hidden}.pk-colored-box{background:linear-gradient(135deg,#284a4b,#1a3334);padding:2rem;border-radius:15px;width:350px;height:300px;box-shadow:0 10px 30px #0000004d;z-index:2}.pk-colored-box h2{color:#fff;font-size:26px;margin-bottom:1rem;font-weight:700}.pk-content-left{justify-content:flex-start}.pk-content-right{justify-content:flex-end}.pk-content-box:before{content:"";position:absolute;inset:0;background:#0000004d;z-index:1}.pk-box-description{font-size:.95rem;margin-bottom:1.5rem;line-height:1.5;color:#fffc}.pk-btn{background-color:#fff;color:#284a4b;border:none;padding:10px 30px;font-size:1rem;border-radius:25px;cursor:pointer;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease}.pk-btn:hover{background-color:#397d7c;color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.pk-recipe-wrapper{background:#f5fafa;padding:2rem 0;margin:0;width:100%;overflow-x:auto;overflow-y:hidden}.pk-recipe-main-title{text-align:center;font-size:2.5rem;font-weight:700;color:#284a4b;margin-bottom:2rem;padding:0 1rem}.pk-recipe-scroll-container{display:flex;flex-direction:row;overflow-x:scroll;overflow-y:hidden;gap:25px;padding:20px 40px 30px;scroll-behavior:smooth;width:100%;margin:0;flex-wrap:nowrap}.pk-recipe-card-item{min-width:280px;width:280px;background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000004d;padding:15px;flex-shrink:0;flex-grow:0;transition:all .3s ease;border:1px solid #e0eeee;display:flex;flex-direction:column;cursor:pointer}.pk-recipe-card-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.pk-recipe-card-img{width:100%;height:160px;object-fit:cover;border-radius:8px;margin-bottom:12px}.pk-recipe-card-heading{margin:0 0 8px;font-size:1.1rem;font-weight:650;color:#284a4b;line-height:1.3}.pk-recipe-card-text{font-size:.8rem;color:#666;line-height:1.4;flex-grow:1;min-height:50px}.pk-recipe-card-button{background:#284a4b;color:#fff;border:none;padding:10px 20px;border-radius:20px;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .3s ease;width:100%;margin-top:auto}.pk-recipe-card-button:hover{background:#397d7c;transform:translateY(-2px);box-shadow:0 5px 12px #284a4b33}.pk-recipe-scroll-container::-webkit-scrollbar{height:8px}.pk-recipe-scroll-container::-webkit-scrollbar-track{background:#e0eeee;border-radius:10px;margin:0 30px}.pk-recipe-scroll-container::-webkit-scrollbar-thumb{background:#284a4b;border-radius:10px}.pk-recipe-scroll-container::-webkit-scrollbar-thumb:hover{background:#397d7c}.pk-recipe-scroll-container{scrollbar-width:thin;scrollbar-color:#284a4b #e0eeee}@media(max-width:780px){.pk-hero-carousel-section{margin-top:80px;flex-direction:column;height:80vh}.pk-hero-left-section{width:100%;height:auto;padding:70px 10px;text-align:center}.pk-hero-main-heading{font-size:1.5rem}.pk-hero-second-heading{font-size:2rem}.pk-hero-description{display:none}.pk-hero-right-section{width:100%;height:200px}.pk-carousel-item{width:200px;height:300px}.pk-center-card .pk-item-image{height:170px}.pk-side-card .pk-item-image{height:140px}.pk-item-content{padding:12px}.pk-item-title{font-size:.9rem}.pk-content-box{padding:2rem 1.5rem;width:80%;height:200px;margin:.8rem auto}.pk-colored-box{padding:1.3rem;width:150px;height:150px}.pk-colored-box h2{font-size:14px}.pk-box-description{font-size:11px}.pk-btn{padding:8px 20px;font-size:8px}.pk-recipe-card-item{min-width:230px;width:230px;padding:12px}.pk-recipe-card-img{height:130px}.pk-recipe-card-heading{font-size:14px}.pk-recipe-card-text{font-size:.7rem}.pk-recipe-scroll-container{gap:15px;padding:15px 20px 20px}}@media(max-width:380px){.pk-hero-right-section{height:200px}.pk-carousel-item{width:170px;height:260px}.pk-center-card .pk-item-image{height:145px}.pk-side-card .pk-item-image{height:115px}.pk-item-title{font-size:.8rem}.pk-item-description{font-size:.6rem}.pk-content-box{padding:1.5rem 1rem;height:190px;margin:30px auto}.pk-colored-box h2{font-size:10px}.pk-box-description{font-size:8px;margin-bottom:15px}.pk-recipe-main-title{font-size:20px;font-weight:700;margin-bottom:.5rem;padding:0 1rem}.pk-recipe-card-item{min-width:200px;width:200px;padding:10px}.pk-recipe-card-img{height:110px}.pk-recipe-card-heading{font-size:13px;font-weight:700}.pk-recipe-card-text{font-size:.65rem;margin-bottom:-10px}.pk-recipe-card-button{border-radius:20px;font-weight:600;font-size:10px}}.beginners-page{font-family:Poppins,sans-serif;background:#fff;color:#284a4b;line-height:1.6;overflow-x:hidden;min-height:100vh;margin-top:100px}.loading-container{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#284a4b;font-size:.95rem}.loading-spinner{width:44px;height:44px;border:3px solid #e0eae9;border-top-color:#284a4b;border-radius:50%;animation:spin .85s linear infinite}.hero-split{display:flex;flex-direction:row;min-height:520px;background:#1d3a3b;overflow:hidden;position:relative}.hero-text-side{flex:1;display:flex;flex-direction:column;justify-content:center;padding:60px 5% 60px 7%;background:#1d3a3b;position:relative;z-index:1;animation:textFadeIn .8s .2s ease both}@keyframes textFadeIn{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.hero-eyebrow{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#a8d5c2;margin-bottom:18px}.hero-title{font-family:Playfair Display,serif;font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:700;color:#fff;line-height:1.1;margin-bottom:22px}.hero-title em{font-style:italic;color:#a8d5c2}.hero-divider{width:48px;height:3px;background:#397d7c;border-radius:2px;margin-bottom:22px}.hero-desc{font-size:1rem;font-weight:400;color:#ffffffd9;margin-bottom:8px;max-width:340px}.hero-sub{font-size:.88rem;font-weight:300;color:#ffffff94;max-width:300px}.hero-image-side{position:relative;flex:0 0 70%;overflow:hidden}.hero-img{width:100%;height:100%;object-fit:cover;display:block;animation:heroImgZoom 8s ease-in-out infinite alternate}@keyframes heroImgZoom{0%{transform:scale(1)}to{transform:scale(1.06)}}.hero-img-tint{position:absolute;inset:0;background:linear-gradient(135deg,#1d3a3b80,#284a4b40);pointer-events:none;z-index:1}.hero-img-slice{position:absolute;top:0;left:-1px;bottom:0;width:120px;background:linear-gradient(to left,transparent 0%,#1d3a3b 100%);clip-path:polygon(0% 0%,60% 0%,100% 100%,0% 100%);pointer-events:none;z-index:2}.hero-badge{position:absolute;bottom:36px;right:36px;z-index:3;background:#ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:14px 20px;display:flex;flex-direction:column;align-items:center;gap:2px;animation:badgeFadeUp .9s .5s ease both}@keyframes badgeFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.guide-header{background:linear-gradient(135deg,#284a4b,#1d3a3b);color:#fff;padding:38px 20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.12)}.guide-header h1{font-family:Playfair Display,serif;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:700;margin-bottom:8px;color:#fff}.guide-header p{font-size:.95rem;opacity:.75;font-weight:300;font-style:italic;letter-spacing:.5px}.guide-sections-container{max-width:1160px;margin:0 auto 3rem;padding:0 1.5rem}.guide-sections-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem;margin-top:36px}.guide-section-card{position:relative;background:#fff;border-radius:18px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;border:1.5px solid #6b9a9b;box-shadow:0 2px 8px #284a4b0f,0 6px 24px #284a4b14;opacity:0;transform:translateY(24px);animation:cardEntrance .55s ease forwards;transition:transform .32s cubic-bezier(.34,1.3,.64,1),box-shadow .32s ease,border-color .25s ease}@keyframes cardEntrance{to{opacity:1;transform:translateY(0)}}.guide-section-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 8px 24px #284a4b1f,0 24px 48px #284a4b24;border-color:#284a4b}.card-glow-ring{position:absolute;inset:-4px;border-radius:22px;background:linear-gradient(135deg,#284a4b,#397d7c);opacity:0;z-index:-1;transition:opacity .35s ease}.guide-section-card:hover .card-glow-ring{opacity:.18}.guide-card-image-container{width:100%;height:135px;overflow:hidden;position:relative;flex-shrink:0;background:#e0eae9}.guide-card-real-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.guide-section-card:hover .guide-card-real-image{transform:scale(1.1)}.card-img-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(40,74,75,.72) 100%);opacity:0;transition:opacity .35s ease;pointer-events:none}.guide-section-card:hover .card-img-overlay{opacity:1}.guide-card-body{padding:1.1rem 1.15rem 1.3rem;display:flex;flex-direction:column;flex-grow:1;background:#fff}.guide-card-title{font-family:Playfair Display,serif;font-size:1.05rem;font-weight:700;color:#1d3a3b;margin-bottom:5px;line-height:1.3;transition:color .2s}.guide-section-card:hover .guide-card-title{color:#284a4b}.guide-card-subtitle{font-size:.78rem;color:#6b9a9b;font-weight:400;line-height:1.5;flex-grow:1;margin-bottom:14px}.guide-card-cta{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:#284a4b;border-top:1px solid #e0eae9;padding-top:10px;transition:gap .25s ease,color .2s}.guide-section-card:hover .guide-card-cta{gap:10px;color:#397d7c}.guide-card-cta svg{transition:transform .25s ease;flex-shrink:0}.guide-section-card:hover .guide-card-cta svg{transform:translate(3px)}.card-bottom-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1d3a3b,#397d7c,#1d3a3b);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.34,1.2,.64,1)}.guide-section-card:hover .card-bottom-bar{transform:scaleX(1)}.beg-back-home-container{text-align:center;margin:20px 0 60px}.beg-back-home-btn{display:inline-flex;align-items:center;gap:10px;background:transparent;color:#284a4b;border:2px solid #284a4b;padding:12px 30px;font-family:Poppins,sans-serif;font-size:.88rem;font-weight:600;border-radius:50px;cursor:pointer;transition:background .25s,color .25s,transform .2s}.beg-back-home-btn:hover{background:#284a4b;color:#fff;transform:translate(-4px)}.beg-back-home-btn svg{transition:transform .22s}.beg-back-home-btn:hover svg{transform:translate(-3px)}@media(max-width:780px){.beginners-page{margin-top:80px}.hero-split{flex-direction:row;min-height:280px}.hero-image-side{flex:0 0 60%}.hero-text-side{flex:1;padding:30px 4% 30px 6%}.hero-title{font-size:1.8rem;margin-bottom:12px}.hero-eyebrow{font-size:.6rem;margin-bottom:10px}.hero-desc{font-size:.85rem}.hero-sub{font-size:.75rem}.hero-divider{width:35px;height:2px;margin-bottom:12px}.hero-img-slice{width:60px}.hero-badge{padding:10px 16px;bottom:20px;right:20px}.hero-badge-num{font-size:1.5rem}.hero-badge-label{font-size:.55rem}.guide-sections-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.guide-card-image-container{height:120px}.guide-card-body{padding:.7rem 1rem .9rem}.guide-card-title{font-size:.9rem;margin-bottom:3px}.guide-card-subtitle{font-size:.75rem;margin-bottom:10px}.guide-card-cta{font-size:.65rem;padding-top:8px}.guide-sections-container{padding:0 1rem}.guide-header h1{font-size:1.6rem}.guide-header p{font-size:.85rem}}@media(max-width:380px){.beginners-page{margin-top:80px}.hero-split{flex-direction:row;min-height:200px}.hero-image-side{flex:0 0 65%}.hero-text-side{flex:1;padding:2px 9% 8px 4%}.hero-title{font-size:1.2rem;margin-bottom:3px}.hero-eyebrow{font-size:.45rem;letter-spacing:1.5px;margin-bottom:4px}.hero-desc{font-size:.55rem;margin-bottom:3px}.hero-sub{font-size:.45rem}.hero-divider{width:15px;height:2px;margin-bottom:3px}.hero-img-slice{width:35px}.hero-badge{padding:6px 9px;bottom:10px;right:10px}.hero-badge-num{font-size:1rem}.hero-badge-label{font-size:.4rem}.guide-sections-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;padding:0 2px;margin-top:20px}.guide-card-image-container{height:90px}.guide-card-body{padding:.6rem .8rem .8rem}.guide-card-title{font-size:.55rem;margin-bottom:3px;line-height:1.2}.guide-card-subtitle{display:block;font-size:.75rem;line-height:1.4;margin-bottom:8px}.guide-card-cta{font-size:.65rem;gap:5px;padding-top:7px}.guide-card-cta svg{width:11px;height:11px}.guide-sections-container{padding:0 .5rem}.guide-header{padding:25px 12px}.guide-header h1{font-size:1.1rem}.guide-header p{font-size:.65rem}.beg-back-home-container{margin:15px 0 35px}.beg-back-home-btn{padding:6px 14px;font-size:.65rem}.guide-section-card{border-radius:14px}}html,body,#root{width:100%;font-family:DM Sans,Segoe UI,sans-serif;background:#f5f5f5}.msp-container{width:100%;min-height:100vh}.msp-layout{display:flex;position:relative}.msp-hamburger{display:none}.msp-sidebar{width:280px;background:#284a4b;border-right:1px solid #f5fafa;padding:25px;display:flex;flex-direction:column;position:absolute;top:100px;left:0;bottom:0;overflow-y:auto;z-index:900;transition:transform .35s cubic-bezier(.4,0,.2,1)}.msp-sidebar-header{margin-top:0;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f5fafa}.msp-sidebar-title{font-family:serif;font-size:24px;font-weight:1000;color:#fff;margin-bottom:10px;margin-top:0;text-align:center}.msp-sidebar-subtitle{font-size:12px;color:#fff;font-weight:500;text-align:center;letter-spacing:.1em;text-transform:uppercase}.msp-sidebar-categories{flex:1}.msp-categories-list{list-style:none;padding:0;margin:0}.msp-category-item{padding:13px 16px;border-radius:10px;margin-bottom:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .25s ease;border:1px solid #397d7c;background:#284a4b}.msp-category-item:hover{background:#397d7c;transform:translate(5px)}.msp-category-item.msp-active{background:#1a3334;border-color:#fff}.msp-category-name{font-size:15px;font-weight:600;color:#fff}.msp-sidebar::-webkit-scrollbar{width:5px}.msp-sidebar::-webkit-scrollbar-track{background:transparent}.msp-sidebar::-webkit-scrollbar-thumb{background:#e0eeee;border-radius:4px}.msp-sidebar-overlay{display:none;position:fixed;inset:0;background:#000;z-index:1050}.msp-mobile-topbar{margin-top:120px;display:none}.msp-categories-row{display:none}.msp-main{flex:1;background:#f5f5f5;overflow-y:auto;min-height:100vh;margin-left:280px;width:calc(100% - 280px);padding:30px 40px;position:relative}.msp-main-header{margin-top:100px;margin-bottom:28px;padding-bottom:16px;border-bottom:2px solid #e0eeee;position:relative;z-index:10;background:#f5f5f5}.msp-header-content{width:100%}.msp-page-title{font-family:DM Sans,serif;font-size:38px;font-weight:800;color:#284a4b;margin-bottom:10px;letter-spacing:-.5px}.msp-page-title.desktop-title{display:block}.msp-page-description{font-size:16px;color:#666;max-width:640px;line-height:1.6}.msp-items-grid-section{margin-bottom:40px}.msp-items-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.msp-item-card{background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:120px;width:100%;animation:fadeInUp .4s ease-out}.msp-item-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #397d7c;border-color:#397d7c}.msp-card-image{width:110px;height:100%;background-size:cover;background-position:center;flex-shrink:0;border-right:1px solid #e0eeee}.msp-card-content{padding:14px 16px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.msp-card-title{font-family:DM Sans,serif;font-size:17px;font-weight:700;color:#1a3334;margin-bottom:5px;white-space:nowrap;overflow:hidden}.msp-card-description{font-size:12px;color:#666;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.msp-modal-overlay{position:fixed;inset:0;background:#1a3334;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.msp-modal{background:#fff;border-radius:28px;width:96%;max-width:1000px;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 40px 90px #000;display:flex;flex-direction:column}.msp-modal-close{position:absolute;top:18px;right:18px;background:#1a3334;color:#fff;border:1px solid #e0eeee;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.msp-modal-close:hover{background:#397d7c;transform:scale(1.1)}.msp-modal-hero{background:linear-gradient(135deg,#1a3334,#284a4b 60%,#397d7c);padding:17px 36px 22px;position:relative;overflow:hidden;flex-shrink:0}.msp-modal-hero-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff;margin-bottom:8px}.msp-modal-hero-title{font-family:DM Sans,serif;font-size:36px;font-weight:800;color:#fff;line-height:1.1;margin-bottom:8px;position:relative;z-index:1}.msp-modal-hero-subtitle{font-size:14px;color:#fff;font-style:italic;position:relative;z-index:1}.msp-modal-inner{display:flex;flex:1;overflow:hidden;min-height:0}.msp-modal-left{flex:1;overflow-y:auto;padding:26px 28px 32px;display:flex;flex-direction:column;gap:20px;min-width:0}.msp-modal-left::-webkit-scrollbar{width:5px}.msp-modal-left::-webkit-scrollbar-track{background:transparent}.msp-modal-left::-webkit-scrollbar-thumb{background:#e0eeee;border-radius:4px}.msp-about-row{display:flex;align-items:flex-start;gap:16px}.msp-about-text{flex:1;min-width:0}.msp-about-thumb{display:none;flex-shrink:0;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:50%;border:3px solid #e0eeee;box-shadow:0 8px 18px #284a4b;cursor:pointer}.msp-msec{display:flex;flex-direction:column;gap:2px}.msp-msec-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#397d7c}.msp-msec-text{font-size:14px;color:#000;line-height:1.6;background:#e0eeee;padding:10px 16px;border-radius:12px;border-left:3px solid #397d7c;margin:0}.msp-mdivider{height:1px;background:linear-gradient(90deg,transparent,#e0eeee 30%,#e0eeee 70%,transparent);border:none;margin:4px 0}.msp-uses-badge-row{display:flex;gap:24px;align-items:flex-start}.msp-uses-section{flex:2}.msp-badge-section{flex:1}.msp-uses-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.msp-use-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#f5fafa;border:1px solid #e0eeee;border-radius:20px;font-size:12px;color:#284a4b;font-weight:500;transition:all .2s;cursor:default}.msp-use-tag:hover{background:#284a4b;color:#fff}.msp-use-dot{flex-shrink:0}.msp-category-badge{display:flex;align-items:flex-start;gap:10px;background:#f5fafa;border:1px solid #e0eeee;border-radius:12px;padding:10px 14px;width:100%;transition:all .2s}.msp-category-badge:hover{background:#f5fafa;border-color:#e0eeee}.msp-category-badge-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;color:#397d7c}.msp-category-badge-value{font-size:13px;font-weight:600;color:#1a3334;line-height:1.3}.msp-steps-list{display:flex;flex-direction:column;gap:8px}.msp-step-card{display:flex;gap:10px;align-items:flex-start;background:#f5fafa;border:1px solid #e0eeee;border-radius:10px;padding:8px 12px;transition:all .2s}.msp-step-card:hover{background:#f5fafa;border-color:#e0eeee}.msp-step-num{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#284a4b,#397d7c);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.msp-step-txt{font-size:12px;color:#4a5a5b;line-height:1.5}.msp-modal-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.msp-tip-card{display:flex;gap:10px;align-items:flex-start;background:#f5fafa;border:1px solid #e0eeee;border-radius:10px;padding:8px 12px;transition:all .2s}.msp-tip-card:hover{background:#e0eeee}.msp-tip-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.msp-tip-txt{font-size:12px;color:#4a5a5b;line-height:1.5}.msp-mistakes-list{display:flex;flex-direction:column;gap:8px}.msp-mistake-card{display:flex;gap:10px;align-items:flex-start;background:#fecaca;border:1px solid #fca5a5;border-radius:10px;padding:8px 12px;transition:all .2s;cursor:default}.msp-mistake-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#c0392b}.msp-mistake-card .msp-tip-txt{font-size:12px;color:#000;line-height:1.5;flex:1}.msp-modal-right{width:280px;flex-shrink:0;background:#fff;border-left:2px solid #e0eeee;display:flex;align-items:center;justify-content:center;padding:28px 20px;position:relative;overflow:hidden}.msp-modal-right:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,#397d7c 0%,transparent 60%);pointer-events:none}.msp-modal-right-image{width:220px;height:220px;border-radius:20px;background-size:cover;background-position:center;background-repeat:no-repeat;border:3px solid #e0eeee;box-shadow:0 20px 50px #284a4b;position:relative;z-index:1;transition:transform .3s ease;cursor:pointer}.msp-modal-right-image:hover{transform:scale(1.02)}.msp-lightbox-overlay{position:fixed;inset:0;background:#1a3334eb;display:flex;align-items:center;justify-content:center;z-index:3000;padding:30px;animation:fadeInUp .25s ease-out}.msp-lightbox-image{max-width:90vw;max-height:90vh;border-radius:16px;box-shadow:0 30px 70px #000;object-fit:contain}.msp-lightbox-close{position:absolute;top:24px;right:24px;background:#fff;color:#1a3334;border:none;width:42px;height:42px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 4px 15px #000;transition:all .2s}.msp-lightbox-close:hover{background:#397d7c;color:#fff;transform:scale(1.1)}.msp-back-section{margin-top:30px;margin-bottom:20px;text-align:center}.msp-back-button{display:inline-flex;align-items:center;gap:12px;background:#284a4b;color:#fff;border:none;padding:14px 32px;font-size:16px;font-weight:600;border-radius:40px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #000;font-family:DM Sans,sans-serif}.msp-back-button:hover{background:#397d7c;transform:translate(-5px);box-shadow:0 4px 15px #397d7c}.msp-back-button svg{transition:transform .2s ease}.msp-back-button:hover svg{transform:translate(-3px)}@media(max-width:780px){html{overflow-x:hidden}body{height:auto;overflow-y:auto}.msp-sidebar-overlay.visible{display:block}.msp-main{margin-left:0;width:100%;padding:15px 16px 10px;height:auto;overflow-y:visible}.msp-layout{display:block;min-height:auto}.msp-mobile-topbar{display:flex;align-items:center;justify-content:center;gap:12px;height:100px;background:#1a3334;padding:14px 16px;border-bottom:3px solid #397d7c;box-shadow:0 4px 15px #0003;margin-top:80px}.msp-mobile-topbar .msp-page-title{font-size:22px;font-weight:700;color:#fff;text-align:center;margin:0;flex:1}.msp-categories-row{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:10px 16px;background:#fff;border-bottom:1px solid rgba(255,255,255,.05)}.msp-cat-btn{padding:8px 6px;border-radius:18px;background:#e0eeee;color:#1a3334;font-size:9px;font-weight:600;text-align:center;cursor:pointer;transition:all .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none;font-family:DM Sans,sans-serif}.msp-cat-btn:hover{background:#397d7c;color:#fff;transform:scale(1.05)}.msp-cat-btn.active{background:#284a4b;color:#fff}.msp-main-header .msp-page-title{display:none}.msp-main-header{margin-top:0;padding-top:10px;padding-bottom:8px;border-bottom:none;margin-bottom:0}.msp-page-description{font-size:14px}.msp-sidebar{position:fixed;left:0;top:0;height:100vh;width:270px;margin-top:0;transform:translate(-100%);z-index:1100;overflow-y:auto;bottom:auto;padding:20px 16px}.msp-sidebar.open{transform:translate(0)}.msp-sidebar-header{margin-top:20px}.msp-sidebar-title{font-size:20px}.msp-items-grid{gap:15px}.msp-item-card{flex-direction:column;height:auto}.msp-card-image{width:100%;height:80px;border-right:none;border-bottom:1px solid #e0eeee}.msp-card-content{padding:12px}.msp-card-title{font-size:14px}.msp-modal-overlay{align-items:center;padding:10px}.msp-modal{width:95%;border-radius:20px;max-height:88vh}.msp-modal-inner{flex-direction:column;overflow-y:auto}.msp-modal-left{width:100%;padding:16px;overflow-y:visible;-webkit-overflow-scrolling:touch}.msp-modal-right{display:none}.msp-about-thumb{display:block;width:120px;height:120px}.msp-modal-hero{padding:16px 20px}.msp-modal-hero-title{font-size:22px}.msp-modal-two-col{grid-template-columns:1fr;gap:12px}.msp-uses-badge-row{flex-direction:column;gap:16px}.msp-uses-wrap{grid-template-columns:repeat(2,1fr);gap:6px}.msp-use-tag{font-size:11px;padding:4px 8px}.msp-category-badge{padding:7px 10px}.msp-category-badge-value{font-size:12px}.msp-msec-text{font-size:12px;padding:10px 12px}.msp-back-section{margin-top:2px;margin-bottom:2px}.msp-back-button{padding:12px 24px;font-size:14px;width:auto;min-width:200px}.msp-mistake-card{padding:7px 10px}.msp-mistake-card .msp-tip-txt{font-size:11px}}@media(max-width:380px){.msp-main{padding:10px 10px 8px}.msp-mobile-topbar{padding:10px 12px}.msp-mobile-topbar .msp-page-title{text-align:center;font-size:20px}.msp-categories-row{grid-template-columns:repeat(2,1fr);gap:4px;padding:8px 10px}.msp-cat-btn{font-size:8px;padding:6px 4px}.msp-items-grid{gap:10px}.msp-item-card{flex-direction:column;height:auto}.msp-card-image{height:60px}.msp-card-content{padding:6px 10px}.msp-card-title{font-size:12px}.msp-card-description{font-size:10px;-webkit-line-clamp:1}.msp-modal{width:98%;border-radius:16px;max-height:92vh}.msp-modal-left{width:100%;padding:12px}.msp-about-row{gap:10px}.msp-about-thumb{width:110px;height:110px}.msp-modal-hero{padding:12px 14px}.msp-modal-hero-title{font-size:18px}.msp-modal-hero-subtitle{font-size:12px}.msp-modal-hero-label{font-size:8px}.msp-modal-close{top:10px;right:10px;width:28px;height:28px;font-size:16px}.msp-msec-text{font-size:11px;padding:8px 10px}.msp-msec-label{font-size:8px}.msp-uses-wrap{grid-template-columns:1fr}.msp-use-tag{font-size:10px;padding:3px 6px}.msp-step-txt,.msp-tip-txt{font-size:10px}.msp-step-card,.msp-tip-card{padding:5px 8px}.msp-step-num{width:18px;height:18px;font-size:8px}.msp-back-button{padding:8px 16px;font-size:12px;min-width:150px}.msp-mistake-card{padding:5px 8px}.msp-mistake-card .msp-tip-txt{font-size:10px}.msp-sidebar{width:240px;padding:16px 12px}.msp-sidebar-title{font-size:18px}.msp-sidebar-subtitle{font-size:10px}.msp-category-item{padding:10px 12px}.msp-category-name{font-size:13px}.msp-lightbox-overlay{padding:16px}.msp-lightbox-close{top:14px;right:14px;width:34px;height:34px;font-size:18px}}.kap-container{width:100%;min-height:100vh}.kap-layout{display:flex;position:relative}.kap-sidebar{width:280px;background:#284a4b;border-right:1px solid #f5fafa;padding:25px;display:flex;flex-direction:column;position:absolute;top:100px;left:0;bottom:0;overflow-y:auto;z-index:900;transition:transform .35s cubic-bezier(.4,0,.2,1)}.kap-sidebar-header{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f5fafa}.kap-sidebar-title{font-family:serif;font-size:24px;font-weight:900;color:#fff;margin-bottom:10px;text-align:center}.kap-sidebar-subtitle{font-size:12px;color:#fff;font-weight:500;text-align:center;letter-spacing:.1em;text-transform:uppercase}.kap-appliances-list{flex:1;display:flex;flex-direction:column;gap:6px}.kap-appliance-wrapper{display:flex;flex-direction:column}.kap-appliance-item{padding:13px 16px;border-radius:10px;cursor:pointer;transition:all .25s ease;border:1px solid #397d7c;background:#284a4b}.kap-appliance-item:hover{background:#397d7c;transform:translate(5px)}.kap-appliance-item.kap-active{background:#1a3334;border-color:#fff}.kap-appliance-name{font-size:15px;font-weight:600;color:#fff}.kap-types-list{padding:6px 8px 8px;background:#1a3334;border-radius:0 0 10px 10px;border:1px solid #397d7c;border-top:none;display:flex;flex-direction:column;gap:4px;animation:fadeInUp .25s ease}.kap-type-item{padding:9px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid #397d7c;background:#284a4b}.kap-type-item:hover{background:#397d7c;transform:translate(3px)}.kap-type-item.kap-type-selected{background:#1a3334;border-color:#fff}.kap-type-name{font-size:13px;font-weight:500;color:#fff}.kap-sidebar::-webkit-scrollbar{width:5px}.kap-sidebar::-webkit-scrollbar-track{background:transparent}.kap-sidebar::-webkit-scrollbar-thumb{background:#e0eeee;border-radius:4px}.kap-main{flex:1;background:#f5f5f5;overflow-y:auto;min-height:100vh;margin-left:280px;width:calc(100% - 280px);padding:30px 40px}.kap-main-header{margin-top:100px;margin-bottom:28px;padding-bottom:16px;border-bottom:2px solid #e0eeee}.kap-page-title{font-family:DM Sans,serif;font-size:38px;font-weight:800;color:#284a4b;margin-bottom:10px;letter-spacing:-.5px}.kap-page-description{font-size:16px;color:#666;max-width:640px;line-height:1.6}.kap-welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.kap-welcome-heading{font-family:DM Sans,serif;font-size:26px;font-weight:700;color:#1a3334;margin-bottom:12px}.kap-welcome-text{font-size:15px;color:#666;max-width:480px;line-height:1.6}.kap-companies-section{margin-bottom:40px}.kap-section-title{font-family:DM Sans,serif;font-size:28px;font-weight:800;color:#1a3334;margin-bottom:8px}.kap-companies-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.kap-company-card{background:#fff;border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;animation:fadeInUp .4s ease-out}.kap-company-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #397d7c;border-color:#397d7c}.kap-company-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:12px}.kap-company-name{font-family:DM Sans,serif;font-size:20px;font-weight:700;color:#1a3334}.kap-model-count-badge{font-size:11px;font-weight:700;background:#284a4b;color:#fff;padding:4px 10px;border-radius:20px;white-space:nowrap}.kap-company-hint{font-size:13px;color:#666}.kap-models-section{margin-bottom:40px}.kap-models-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.kap-header-nav-btns{display:flex;gap:10px;flex-wrap:wrap}.kap-nav-btn{padding:9px 18px;background:#fff;border:1px solid #e0eeee;border-radius:24px;font-size:13px;font-weight:600;color:#284a4b;cursor:pointer;transition:all .2s ease;white-space:nowrap}.kap-nav-btn:hover{background:#f5fafa;border-color:#397d7c}.kap-nav-btn--dark{background:#284a4b;color:#fff;border-color:#284a4b}.kap-nav-btn--dark:hover{background:#397d7c;border-color:#397d7c}.kap-type-tabs{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.kap-type-tab{padding:8px 18px;background:#fff;border:1px solid #e0eeee;border-radius:24px;font-size:13px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease}.kap-type-tab:hover{background:#f5fafa;border-color:#397d7c;color:#284a4b}.kap-type-tab.kap-tab-active{background:#284a4b;border-color:#284a4b;color:#fff}.kap-models-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.kap-model-card{background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:140px;animation:fadeInUp .4s ease-out}.kap-model-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #397d7c;border-color:#397d7c}.kap-card-image{width:120px;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#e5e5e5;flex-shrink:0;border-right:1px solid #e0eeee}.kap-card-content{padding:14px 16px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden;gap:6px}.kap-card-top-row{display:flex;align-items:center;gap:8px}.kap-card-title{font-family:DM Sans,serif;font-size:16px;font-weight:700;color:#1a3334;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.kap-type-pill{font-size:10px;font-weight:700;background:#f5fafa;color:#284a4b;border:1px solid #e0eeee;padding:2px 8px;border-radius:12px;white-space:nowrap;flex-shrink:0}.kap-card-capacity{font-size:12px;color:#666;font-weight:500}.kap-card-price{font-size:13px;font-weight:700;color:#397d7c}.kap-back-section{margin-top:30px;margin-bottom:20px;text-align:center}.kap-back-button{display:inline-flex;align-items:center;gap:12px;background:#284a4b;color:#fff;border:none;padding:14px 32px;font-size:16px;font-weight:600;border-radius:40px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #000}.kap-back-button:hover{background:#397d7c;transform:translate(-5px);box-shadow:0 4px 15px #397d7c}.kap-back-button svg{transition:transform .2s ease}.kap-back-button:hover svg{transform:translate(-3px)}.kap-mobile-topbar,.kap-categories-row{display:none}.kap-modal-overlay{position:fixed;inset:0;background:#1a3334;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.kap-modal{background:#fff;border-radius:28px;width:96%;max-width:1100px;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 40px 90px #000;display:flex;flex-direction:column}.kap-modal-close{position:absolute;top:18px;right:18px;background:#1a3334;color:#fff;border:1px solid #e0eeee;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.kap-modal-close:hover{background:#397d7c;transform:scale(1.1)}.kap-modal-hero{background:linear-gradient(135deg,#1a3334,#284a4b 60%,#397d7c);padding:20px 36px 24px;flex-shrink:0}.kap-modal-hero-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff;margin-bottom:8px}.kap-modal-hero-title{font-family:DM Sans,serif;font-size:32px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:6px}.kap-modal-hero-subtitle{font-size:14px;color:#fff;font-style:italic}.kap-modal-inner{display:flex;flex:1;overflow:hidden;min-height:0}.kap-modal-left{flex:1;overflow-y:auto;padding:26px 28px 32px;display:flex;flex-direction:column;gap:20px;min-width:0}.kap-modal-left::-webkit-scrollbar{width:5px}.kap-modal-left::-webkit-scrollbar-track{background:transparent}.kap-modal-left::-webkit-scrollbar-thumb{background:#e0eeee;border-radius:4px}.kap-modal-right{width:300px;flex-shrink:0;background:#fff;border-left:2px solid #e0eeee;display:flex;align-items:center;justify-content:center;padding:28px 20px;overflow:hidden}.kap-modal-right-image{width:240px;height:240px;border-radius:20px;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#e5e5e5;border:3px solid #e0eeee;box-shadow:0 20px 50px #284a4b}.kap-about-row{display:flex;align-items:flex-start;gap:16px}.kap-about-text{flex:1;min-width:0}.kap-about-thumb{display:none;flex-shrink:0;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#e5e5e5;border-radius:50%;border:3px solid #e0eeee}.kap-msec{display:flex;flex-direction:column;gap:8px;min-width:0}.kap-msec-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#397d7c}.kap-msec-text{font-size:14px;color:#000;line-height:1.6;background:#e0eeee;padding:10px 16px;border-radius:12px;border-left:3px solid #397d7c;margin:0}.kap-mdivider{height:1px;background:#e0eeee;border:none;margin:4px 0}.kap-uses-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.kap-use-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#f5fafa;border:1px solid #e0eeee;border-radius:20px;font-size:12px;color:#284a4b;font-weight:500;transition:all .2s}.kap-use-tag:hover{background:#284a4b;color:#fff}.kap-use-dot{flex-shrink:0}.kap-specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.kap-spec-card{background:#f5fafa;padding:12px 16px;border-radius:10px;border:1px solid #e0eeee;display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0}.kap-spec-label{font-size:12px;font-weight:600;color:#666;flex-shrink:0}.kap-spec-value{font-size:13px;font-weight:500;color:#1a3334;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kap-modal-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.kap-extra-tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kap-tip-card{background:#f5fafa;border:1px solid #e0eeee;border-radius:10px;padding:10px 14px;transition:all .2s}.kap-tip-card:hover{background:#e0eeee}.kap-tip-txt{font-size:12px;color:#4a5a5b;line-height:1.5}.kap-steps-list{display:flex;flex-direction:column;gap:8px}.kap-step-card{display:flex;gap:10px;align-items:flex-start;background:#f5fafa;border:1px solid #e0eeee;border-radius:10px;padding:8px 12px}.kap-step-num{width:22px;height:22px;border-radius:50%;background:#284a4b;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kap-step-txt{font-size:12px;color:#4a5a5b;line-height:1.5}@media(max-width:780px){html{overflow-x:hidden}body{height:auto;overflow-y:auto}.kap-main{margin-left:0;width:100%;padding:15px 16px 10px;height:auto;overflow-y:visible}.kap-layout{display:block;min-height:auto}.kap-mobile-topbar{display:flex;align-items:center;justify-content:center;height:80px;background:#1a3334;padding:14px 16px;border-bottom:3px solid #397d7c;margin-top:80px}.kap-mobile-topbar .kap-page-title{font-size:20px;font-weight:700;color:#fff;margin:0}.kap-categories-row{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:10px 16px;background:#fff;border-bottom:1px solid #e0eeee}.kap-cat-btn{padding:10px 8px;border-radius:18px;background:#e0eeee;color:#1a3334;font-size:12px;font-weight:600;text-align:center;cursor:pointer;transition:all .3s;border:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kap-cat-btn.active{background:#284a4b;color:#fff}.kap-main-header .kap-page-title{display:none}.kap-main-header{margin-top:0;padding-top:10px;padding-bottom:8px;border-bottom:none;margin-bottom:0}.kap-page-description{font-size:13px}.kap-sidebar{position:fixed;left:0;top:0;height:100vh;width:270px;margin-top:0;transform:translate(-100%);z-index:1100;bottom:auto;padding:20px 16px}.kap-sidebar.open{transform:translate(0)}.kap-sidebar-header{margin-top:20px}.kap-sidebar-title{font-size:19px}.kap-companies-grid{grid-template-columns:repeat(2,1fr);gap:14px}.kap-company-card{padding:16px}.kap-company-name{font-size:15px}.kap-company-hint{font-size:11px}.kap-model-count-badge{font-size:9px;padding:3px 8px}.kap-models-grid{grid-template-columns:repeat(2,1fr);gap:14px}.kap-model-card{flex-direction:column;height:auto}.kap-card-image{width:100%;height:70px;border-right:none;border-bottom:1px solid #e0eeee}.kap-card-content{padding:8px 10px}.kap-card-top-row{flex-wrap:wrap}.kap-card-title{font-size:13px}.kap-type-pill{font-size:9px;padding:2px 6px}.kap-card-capacity{font-size:11px}.kap-card-price{font-size:12px}.kap-modal-overlay{padding:10px}.kap-modal{width:95%;border-radius:20px;max-height:88vh}.kap-modal-inner{flex-direction:column;overflow-y:auto}.kap-modal-left{width:100%;padding:16px;overflow-y:visible}.kap-modal-right{display:none}.kap-about-thumb{display:block;width:120px;height:120px}.kap-modal-hero{padding:16px 20px}.kap-modal-hero-title{font-size:22px}.kap-specs-grid{grid-template-columns:1fr}.kap-modal-two-col,.kap-extra-tips-grid{grid-template-columns:1fr;gap:12px}.kap-msec-text{font-size:12px;padding:10px 12px}.kap-back-button{padding:12px 24px;font-size:14px}}@media(max-width:380px){.kap-main{padding:10px 10px 8px}.kap-mobile-topbar{padding:10px 12px}.kap-mobile-topbar .kap-page-title{font-size:18px}.kap-categories-row{grid-template-columns:repeat(2,1fr);gap:4px;padding:8px 10px}.kap-cat-btn{font-size:11px;padding:8px 6px}.kap-companies-grid{grid-template-columns:repeat(2,1fr);gap:8px}.kap-company-card{padding:12px}.kap-company-name{font-size:13px}.kap-company-hint{font-size:10px}.kap-models-grid{grid-template-columns:repeat(2,1fr);gap:8px}.kap-model-card{flex-direction:column;height:auto}.kap-card-image{height:55px}.kap-card-content{padding:6px 8px}.kap-card-title{font-size:11px}.kap-type-pill{font-size:8px;padding:1px 5px}.kap-card-capacity,.kap-card-price{font-size:10px}.kap-modal{width:98%;border-radius:16px;max-height:92vh}.kap-modal-left{padding:12px}.kap-about-thumb{width:110px;height:110px}.kap-modal-hero-title{font-size:18px}.kap-modal-hero-subtitle{font-size:12px}.kap-modal-hero-label{font-size:8px}.kap-modal-close{top:10px;right:10px;width:28px;height:28px;font-size:16px}.kap-msec-text{font-size:11px;padding:8px 10px}.kap-msec-label{font-size:8px}.kap-uses-wrap{grid-template-columns:1fr}.kap-use-tag{font-size:10px;padding:3px 6px}.kap-step-txt,.kap-tip-txt{font-size:10px}.kap-step-card,.kap-tip-card{padding:5px 8px}.kap-step-num{width:18px;height:18px;font-size:8px}.kap-back-button{padding:8px 16px;font-size:12px}.kap-sidebar{width:240px;padding:16px 12px}.kap-sidebar-title{font-size:17px}.kap-sidebar-subtitle{font-size:9px}.kap-appliance-item{padding:10px 12px}.kap-appliance-name{font-size:12px}.kap-specs-grid,.kap-extra-tips-grid{grid-template-columns:1fr}}.ctp-container{width:100%;min-height:100vh}.ctp-layout{display:flex;position:relative}.ctp-sidebar{width:280px;background:#284a4b;border-right:1px solid #f5fafa;padding:25px;display:flex;flex-direction:column;position:absolute;top:100px;left:0;bottom:0;overflow-y:auto;z-index:900;transition:transform .35s cubic-bezier(.4,0,.2,1)}.ctp-sidebar-header{margin-top:0;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f5fafa}.ctp-sidebar-title{font-family:serif;font-size:24px;font-weight:1000;color:#fff;margin-bottom:10px;margin-top:0;text-align:center}.ctp-sidebar-subtitle{font-size:12px;color:#fff;font-weight:500;text-align:center;letter-spacing:.1em;text-transform:uppercase}.ctp-sidebar-techniques{flex:1}.ctp-techniques-list{list-style:none;padding:0;margin:0}.ctp-technique-list-item{padding:13px 16px;border-radius:10px;margin-bottom:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .25s ease;border:1px solid #397d7c;background:#284a4b}.ctp-technique-list-item:hover{background:#397d7c;transform:translate(5px)}.ctp-technique-list-item.ctp-active{background:#1a3334;border-color:#fff}.ctp-technique-list-name{font-size:15px;font-weight:600;color:#fff}.ctp-sidebar::-webkit-scrollbar{width:5px}.ctp-sidebar::-webkit-scrollbar-track{background:transparent}.ctp-sidebar::-webkit-scrollbar-thumb{background:#e0eeee;border-radius:4px}.ctp-sidebar-overlay{display:none;position:fixed;inset:0;background:#000;z-index:1050}.ctp-main{flex:1;background:#f5f5f5;overflow-y:auto;min-height:100vh;margin-left:280px;width:calc(100% - 280px);padding:30px 40px;position:relative}.ctp-main-header{margin-top:100px;margin-bottom:28px;padding-bottom:16px;border-bottom:2px solid #e0eeee;position:relative;z-index:10;background:#f5f5f5}.ctp-page-title{font-family:DM Sans,serif;font-size:38px;font-weight:800;color:#284a4b;margin-bottom:10px;letter-spacing:-.5px}.ctp-page-title.desktop-title{display:block}.ctp-page-description{font-size:16px;color:#666;max-width:640px;line-height:1.6}.ctp-techniques-grid-section{margin-bottom:40px}.ctp-techniques-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.ctp-technique-card{background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:120px;width:100%;animation:fadeInUp .4s ease-out}.ctp-technique-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #397d7c;border-color:#397d7c}.ctp-card-image{width:110px;height:100%;background-size:cover;background-position:center;flex-shrink:0;border-right:1px solid #e0eeee}.ctp-card-content{padding:14px 16px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.ctp-card-title{font-family:DM Sans,serif;font-size:17px;font-weight:700;color:#1a3334;margin-bottom:5px;white-space:nowrap;overflow:hidden}.ctp-card-description{font-size:12px;color:#666;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ctp-modal-overlay{position:fixed;inset:0;background:#1a3334;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.ctp-modal{background:#fff;border-radius:28px;width:96%;max-width:1000px;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 40px 90px #000;display:flex;flex-direction:column}.ctp-modal-close{position:absolute;top:18px;right:18px;background:#1a3334;color:#fff;border:1px solid #e0eeee;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.ctp-modal-close:hover{background:#397d7c;transform:scale(1.1)}.ctp-modal-hero{background:linear-gradient(135deg,#1a3334,#284a4b 60%,#397d7c);padding:17px 36px 22px;position:relative;overflow:hidden;flex-shrink:0}.ctp-modal-hero-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff;margin-bottom:8px}.ctp-modal-hero-title{font-family:DM Sans,serif;font-size:36px;font-weight:800;color:#fff;line-height:1.1;margin-bottom:8px;position:relative;z-index:1}.ctp-modal-hero-subtitle{font-size:14px;color:#fff;font-style:italic;position:relative;z-index:1}.ctp-modal-inner{display:flex;flex:1;overflow:hidden;min-height:0}.ctp-modal-left{flex:1;overflow-y:auto;padding:26px 28px 32px;display:flex;flex-direction:column;gap:20px;min-width:0}.ctp-modal-left::-webkit-scrollbar{width:5px}.ctp-modal-left::-webkit-scrollbar-track{background:transparent}.ctp-modal-left::-webkit-scrollbar-thumb{background:#e0eeee;border-radius:4px}.ctp-modal-right{width:280px;flex-shrink:0;background:#fff;border-left:2px solid #e0eeee;display:flex;align-items:center;justify-content:center;padding:28px 20px;position:relative;overflow:hidden}.ctp-modal-right:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,#397d7c 0%,transparent 60%);pointer-events:none}.ctp-modal-right-image{width:220px;height:220px;border-radius:20px;background-size:cover;background-position:center;background-repeat:no-repeat;border:3px solid #e0eeee;box-shadow:0 20px 50px #284a4b;position:relative;z-index:1;transition:transform .3s ease;cursor:pointer}.ctp-modal-right-image:hover{transform:scale(1.02)}.ctp-about-row{display:flex;align-items:flex-start;gap:16px}.ctp-about-text{flex:1;min-width:0}.ctp-about-thumb{display:none;flex-shrink:0;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:50%;border:3px solid #e0eeee;box-shadow:0 8px 18px #284a4b;cursor:pointer}.ctp-lightbox-overlay{position:fixed;inset:0;background:#1a3334eb;display:flex;align-items:center;justify-content:center;z-index:3000;padding:30px;animation:fadeInUp .25s ease-out}.ctp-lightbox-image{max-width:90vw;max-height:90vh;border-radius:16px;box-shadow:0 30px 70px #000;object-fit:contain}.ctp-lightbox-close{position:absolute;top:24px;right:24px;background:#fff;color:#1a3334;border:none;width:42px;height:42px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 4px 15px #000;transition:all .2s}.ctp-lightbox-close:hover{background:#397d7c;color:#fff;transform:scale(1.1)}.ctp-msec{display:flex;flex-direction:column;gap:2px}.ctp-msec-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#397d7c}.ctp-msec-text{font-size:14px;color:#000;line-height:1.6;background:#e0eeee;padding:10px 16px;border-radius:12px;border-left:3px solid #397d7c;margin:0}.ctp-mdivider{height:1px;background:linear-gradient(90deg,transparent,#e0eeee 30%,#e0eeee 70%,transparent);border:none;margin:4px 0}.ctp-uses-knife-row{display:flex;gap:24px;align-items:flex-start}.ctp-uses-section{flex:2}.ctp-knife-section{flex:1}.ctp-uses-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ctp-use-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#f5fafa;border:1px solid #e0eeee;border-radius:20px;font-size:12px;color:#284a4b;font-weight:500;transition:all .2s;cursor:default}.ctp-use-tag:hover{background:#284a4b;color:#fff}.ctp-use-dot{flex-shrink:0}.ctp-knife-badge{display:flex;align-items:flex-start;gap:10px;background:#f5fafa;border:1px solid #e0eeee;border-radius:12px;padding:10px 14px;width:100%;transition:all .2s}.ctp-knife-badge:hover{background:#f5fafa;border-color:#e0eeee}.ctp-knife-badge-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;color:#397d7c}.ctp-knife-badge-value{font-size:13px;font-weight:600;color:#1a3334;line-height:1.3}.ctp-modal-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ctp-steps-list,.ctp-tips-list{display:flex;flex-direction:column;gap:8px}.ctp-step-card,.ctp-tip-card{display:flex;gap:10px;align-items:flex-start;background:#f5fafa;border:1px solid #e0eeee;border-radius:10px;padding:8px 12px;transition:all .2s}.ctp-step-card:hover,.ctp-tip-card:hover{background:#f5fafa;border-color:#e0eeee}.ctp-step-num{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#284a4b,#397d7c);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ctp-step-txt,.ctp-tip-txt{font-size:12px;color:#4a5a5b;line-height:1.5}.ctp-tip-card{background:#f5fafa}.ctp-tip-card:hover{background:#e0eeee}.ctp-tip-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ctp-back-section{margin-top:30px;margin-bottom:20px;text-align:center}.ctp-back-button{display:inline-flex;align-items:center;gap:12px;background:#284a4b;color:#fff;border:none;padding:14px 32px;font-size:16px;font-weight:600;border-radius:40px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #000;font-family:DM Sans,sans-serif}.ctp-back-button:hover{background:#397d7c;transform:translate(-5px);box-shadow:0 4px 15px #397d7c}.ctp-back-button svg{transition:transform .2s ease}.ctp-back-button:hover svg{transform:translate(-3px)}.ctp-mobile-topbar{margin-top:120px;display:none}@media(max-width:780px){html{overflow-x:hidden}body{height:auto;overflow-y:auto}.ctp-sidebar-overlay.visible{display:block}.ctp-main{margin-left:0;width:100%;padding:15px 16px 10px;height:auto;overflow-y:visible}.ctp-layout{display:block;min-height:auto}.ctp-mobile-topbar{display:flex;align-items:center;justify-content:center;gap:12px;height:100px;background:#1a3334;padding:14px 16px;border-bottom:3px solid #397d7c;box-shadow:0 4px 15px #0003;margin-top:80px}.ctp-mobile-topbar .ctp-page-title{font-size:22px;font-weight:700;color:#fff;text-align:center;margin:0;flex:1}.ctp-main-header .ctp-page-title{display:none}.ctp-main-header{margin-top:0;padding-top:10px;padding-bottom:8px;border-bottom:none;margin-bottom:0}.ctp-page-description{font-size:14px}.ctp-sidebar{position:fixed;left:0;top:0;height:100vh;width:270px;margin-top:0;transform:translate(-100%);z-index:1100;overflow-y:auto;bottom:auto;padding:20px 16px}.ctp-sidebar.open{transform:translate(0)}.ctp-sidebar-header{margin-top:20px}.ctp-sidebar-title{font-size:20px}.ctp-techniques-grid{gap:15px}.ctp-technique-card{flex-direction:column;height:auto}.ctp-card-image{width:100%;height:80px;border-right:none;border-bottom:1px solid #e0eeee}.ctp-card-content{padding:12px}.ctp-card-title{font-size:14px}.ctp-modal-overlay{align-items:center;padding:10px}.ctp-modal{width:95%;border-radius:20px;max-height:88vh}.ctp-modal-inner{flex-direction:column;overflow-y:auto}.ctp-modal-left{width:100%;padding:16px;overflow-y:visible;-webkit-overflow-scrolling:touch}.ctp-modal-right{display:none}.ctp-about-thumb{display:block;width:120px;height:120px}.ctp-modal-hero{padding:16px 20px}.ctp-modal-hero-title{font-size:22px}.ctp-uses-knife-row{flex-direction:column;gap:16px}.ctp-uses-wrap{grid-template-columns:repeat(2,1fr);gap:6px}.ctp-use-tag{font-size:11px;padding:4px 8px}.ctp-knife-badge{padding:7px 10px}.ctp-knife-badge-value{font-size:12px}.ctp-modal-two-col{grid-template-columns:1fr;gap:12px}.ctp-msec-text{font-size:12px;padding:10px 12px}.ctp-back-section{margin-top:2px;margin-bottom:2px}.ctp-back-button{padding:12px 24px;font-size:14px;width:auto;min-width:200px}}@media(max-width:380px){.ctp-main{padding:10px 10px 8px}.ctp-mobile-topbar{padding:10px 12px}.ctp-mobile-topbar .ctp-page-title{text-align:center;font-size:20px}.ctp-techniques-grid{gap:10px;margin:10px}.ctp-technique-card{flex-direction:column;height:auto}.ctp-card-image{height:60px}.ctp-card-content{padding:6px 10px}.ctp-card-title{font-size:12px}.ctp-card-description{font-size:10px;-webkit-line-clamp:1}.ctp-modal{width:98%;border-radius:16px;max-height:92vh}.ctp-modal-left{width:100%;padding:12px}.ctp-about-row{gap:10px}.ctp-about-thumb{width:120px;height:120px}.ctp-modal-hero{padding:12px 14px}.ctp-modal-hero-title{font-size:18px}.ctp-modal-hero-subtitle{font-size:12px}.ctp-modal-hero-label{font-size:8px}.ctp-modal-close{top:10px;right:10px;width:28px;height:28px;font-size:16px}.ctp-msec-text{font-size:11px;padding:8px 10px}.ctp-msec-label{font-size:8px}.ctp-uses-wrap{grid-template-columns:1fr}.ctp-use-tag{font-size:10px;padding:3px 6px}.ctp-step-txt,.ctp-tip-txt{font-size:10px}.ctp-step-card,.ctp-tip-card{padding:5px 8px}.ctp-step-num{width:18px;height:18px;font-size:8px}.ctp-back-button{padding:8px 16px;font-size:12px;min-width:150px}.ctp-sidebar{width:240px;padding:16px 12px}.ctp-sidebar-title{font-size:18px}.ctp-sidebar-subtitle{font-size:10px}.ctp-technique-list-item{padding:10px 12px}.ctp-technique-list-name{font-size:13px}.ctp-lightbox-overlay{padding:16px}.ctp-lightbox-close{top:14px;right:14px;width:34px;height:34px;font-size:18px}}.ktp-container{width:100%;min-height:100vh}.ktp-layout{display:flex;position:relative}.ktp-sidebar{width:280px;background:#284a4b;border-right:1px solid #f5fafa;padding:25px;display:flex;flex-direction:column;position:absolute;top:100px;left:0;bottom:0;overflow-y:auto;z-index:900;transition:transform .35s cubic-bezier(.4,0,.2,1)}.ktp-sidebar-header{margin-top:0;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f5fafa}.ktp-sidebar-title{font-family:serif;font-size:24px;font-weight:1000;color:#fff;margin-bottom:10px;margin-top:0;text-align:center}.ktp-sidebar-subtitle{font-size:12px;color:#fff;font-weight:500;text-align:center;letter-spacing:.1em;text-transform:uppercase}.ktp-sidebar-tools{flex:1}.ktp-tools-list{list-style:none;padding:0;margin:0}.ktp-tool-list-divider{padding:13px 16px 8px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-top:15px;opacity:.5}.ktp-tool-list-item{padding:13px 16px;border-radius:10px;margin-bottom:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .25s ease;border:1px solid #397d7c;background:#284a4b}.ktp-tool-list-item:hover{background:#397d7c;transform:translate(5px)}.ktp-tool-list-item.ktp-active{background:#1a3334;border-color:#fff}.ktp-tool-list-name{font-size:15px;font-weight:600;color:#fff}.ktp-sidebar::-webkit-scrollbar{width:5px}.ktp-sidebar::-webkit-scrollbar-track{background:transparent}.ktp-sidebar::-webkit-scrollbar-thumb{background:#e0eeee;border-radius:4px}.ktp-sidebar-overlay{display:none;position:fixed;inset:0;background:#000;z-index:1050}.ktp-main{flex:1;background:#f5f5f5;overflow-y:auto;min-height:100vh;margin-left:280px;width:calc(100% - 280px);padding:30px 40px;position:relative}.ktp-main-header{margin-top:100px;margin-bottom:28px;padding-bottom:16px;border-bottom:2px solid #e0eeee;position:relative;z-index:10;background:#f5f5f5}.ktp-page-title{font-family:DM Sans,serif;font-size:38px;font-weight:800;color:#284a4b;margin-bottom:10px;letter-spacing:-.5px}.ktp-page-title.desktop-title{display:block}.ktp-page-description{font-size:16px;color:#666;max-width:640px;line-height:1.6}.ktp-filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e0eeee}.ktp-filter-btn{background:#fff;border:1px solid #e0eeee;padding:8px 18px;font-size:13px;font-weight:600;color:#666;cursor:pointer;border-radius:30px;transition:all .25s ease;font-family:DM Sans,sans-serif}.ktp-filter-btn:hover{color:#284a4b;background:#f5fafa;border-color:#397d7c}.ktp-filter-btn.active{background:#284a4b;color:#fff;border-color:#284a4b}.ktp-filter-btn.active:hover{background:#397d7c;border-color:#397d7c}.ktp-items-grid-section{margin-bottom:40px}.ktp-items-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.ktp-item-card{background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:120px;width:100%;animation:fadeInUp .4s ease-out}.ktp-item-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #397d7c;border-color:#397d7c}.ktp-card-image{width:110px;height:100%;background-size:cover;background-position:center;flex-shrink:0;border-right:1px solid #e0eeee}.ktp-card-content{padding:14px 16px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.ktp-card-title{font-family:DM Sans,serif;font-size:17px;font-weight:700;color:#1a3334;margin-bottom:5px;white-space:nowrap;overflow:hidden}.ktp-card-description{font-size:12px;color:#666;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ktp-empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#666;background:#fff;border-radius:16px;border:1px solid #e0eeee}.ktp-back-section{margin-top:30px;margin-bottom:20px;text-align:center}.ktp-back-button{display:inline-flex;align-items:center;gap:12px;background:#284a4b;color:#fff;border:none;padding:14px 32px;font-size:16px;font-weight:600;border-radius:40px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #000;font-family:DM Sans,sans-serif}.ktp-back-button:hover{background:#397d7c;transform:translate(-5px);box-shadow:0 4px 15px #397d7c}.ktp-back-button svg{transition:transform .2s ease}.ktp-back-button:hover svg{transform:translate(-3px)}.ktp-mobile-topbar{margin-top:120px;display:none}.ktp-categories-row{display:none}.ktp-modal-overlay{position:fixed;inset:0;background:#1a3334;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.ktp-modal{background:#fff;border-radius:28px;width:96%;max-width:1000px;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 40px 90px #000;display:flex;flex-direction:column}.ktp-modal-close{position:absolute;top:18px;right:18px;background:#1a3334;color:#fff;border:1px solid #e0eeee;width:36px;height:36px;border-radius:50%;font-size:15px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.ktp-modal-close:hover{background:#397d7c;transform:scale(1.1)}.ktp-modal-hero{background:linear-gradient(135deg,#1a3334,#284a4b 60%,#397d7c);padding:17px 36px 22px;position:relative;overflow:hidden;flex-shrink:0}.ktp-modal-hero-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff;margin-bottom:8px}.ktp-modal-hero-title{font-family:DM Sans,serif;font-size:36px;font-weight:800;color:#fff;line-height:1.1;margin-bottom:8px;position:relative;z-index:1}.ktp-modal-hero-subtitle{font-size:14px;color:#fff;font-style:italic;position:relative;z-index:1}.ktp-modal-inner{display:flex;flex:1;overflow:hidden;min-height:0}.ktp-modal-left{flex:1;overflow-y:auto;padding:26px 28px 32px;display:flex;flex-direction:column;gap:20px;min-width:0}.ktp-modal-left::-webkit-scrollbar{width:5px}.ktp-modal-left::-webkit-scrollbar-track{background:transparent}.ktp-modal-left::-webkit-scrollbar-thumb{background:#e0eeee;border-radius:4px}.ktp-modal-right{width:280px;flex-shrink:0;background:#fff;border-left:2px solid #e0eeee;display:flex;align-items:center;justify-content:center;padding:28px 20px;position:relative;overflow:hidden}.ktp-modal-right:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,#397d7c 0%,transparent 60%);pointer-events:none}.ktp-modal-right-image{width:220px;height:220px;border-radius:20px;background-size:cover;background-position:center;background-repeat:no-repeat;border:3px solid #e0eeee;box-shadow:0 20px 50px #284a4b;position:relative;z-index:1;transition:transform .3s ease;cursor:pointer}.ktp-modal-right-image:hover{transform:scale(1.02)}.ktp-about-row{display:flex;align-items:flex-start;gap:16px}.ktp-about-text{flex:1;min-width:0}.ktp-about-thumb{display:none;flex-shrink:0;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:50%;border:3px solid #e0eeee;box-shadow:0 8px 18px #284a4b;cursor:pointer}.ktp-lightbox-overlay{position:fixed;inset:0;background:#1a3334eb;display:flex;align-items:center;justify-content:center;z-index:3000;padding:30px;animation:fadeInUp .25s ease-out}.ktp-lightbox-image{max-width:90vw;max-height:90vh;border-radius:16px;box-shadow:0 30px 70px #000;object-fit:contain}.ktp-lightbox-close{position:absolute;top:24px;right:24px;background:#fff;color:#1a3334;border:none;width:42px;height:42px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 4px 15px #000;transition:all .2s}.ktp-lightbox-close:hover{background:#397d7c;color:#fff;transform:scale(1.1)}.ktp-msec{display:flex;flex-direction:column;gap:2px}.ktp-msec-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#397d7c}.ktp-msec-text{font-size:14px;color:#000;line-height:1.6;background:#e0eeee;padding:10px 16px;border-radius:12px;border-left:3px solid #397d7c;margin:0}.ktp-mdivider{height:1px;background:linear-gradient(90deg,transparent,#e0eeee 30%,#e0eeee 70%,transparent);border:none;margin:4px 0}.ktp-uses-badge-row{display:flex;gap:24px;align-items:flex-start}.ktp-uses-section{flex:2}.ktp-badge-section{flex:1}.ktp-uses-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ktp-use-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#f5fafa;border:1px solid #e0eeee;border-radius:20px;font-size:12px;color:#284a4b;font-weight:500;transition:all .2s;cursor:default}.ktp-use-tag:hover{background:#284a4b;color:#fff}.ktp-use-dot{flex-shrink:0}.ktp-category-badge{display:flex;align-items:flex-start;gap:10px;background:#f5fafa;border:1px solid #e0eeee;border-radius:12px;padding:10px 14px;width:100%;transition:all .2s}.ktp-category-badge:hover{background:#f5fafa;border-color:#e0eeee}.ktp-category-badge-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;color:#397d7c}.ktp-category-badge-value{font-size:13px;font-weight:600;color:#1a3334;line-height:1.3}.ktp-best-badge{display:inline-block;background:linear-gradient(135deg,#284a4b,#397d7c);color:#fff;padding:8px 16px;border-radius:30px;font-size:13px;font-weight:600;width:fit-content}.ktp-specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ktp-spec-item{padding:8px 12px;background:#f5fafa;border:1px solid #e0eeee;border-radius:8px;font-size:12px;color:#284a4b;font-weight:500}.ktp-spec-item strong{color:#1a3334}.ktp-modal-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ktp-tip-card{display:flex;gap:10px;align-items:flex-start;background:#f5fafa;border:1px solid #e0eeee;border-radius:10px;padding:8px 12px;transition:all .2s}.ktp-tip-card:hover{background:#e0eeee}.ktp-tip-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ktp-tip-txt{font-size:12px;color:#4a5a5b;line-height:1.5}.ktp-steps-list{display:flex;flex-direction:column;gap:8px}.ktp-step-card{display:flex;gap:10px;align-items:flex-start;background:#f5fafa;border:1px solid #e0eeee;border-radius:10px;padding:8px 12px}.ktp-step-num{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#284a4b;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.ktp-step-txt{font-size:12px;color:#4a5a5b;line-height:1.5}@media(max-width:780px){html{overflow-x:hidden}body{height:auto;overflow-y:auto}.ktp-sidebar-overlay.visible{display:block}.ktp-main{margin-left:0;width:100%;padding:15px 16px 10px;height:auto;overflow-y:visible}.ktp-layout{display:block;min-height:auto}.ktp-mobile-topbar{display:flex;align-items:center;justify-content:center;gap:12px;height:100px;background:#1a3334;padding:14px 16px;border-bottom:3px solid #397d7c;box-shadow:0 4px 15px #0003;margin-top:80px}.ktp-mobile-topbar .ktp-page-title{font-size:22px;font-weight:700;color:#fff;text-align:center;margin:0;flex:1}.ktp-categories-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 16px;background:#fff;border-bottom:1px solid rgba(255,255,255,.05)}.ktp-cat-btn{padding:8px 6px;border-radius:18px;background:#e0eeee;color:#1a3334;font-size:8.5px;font-weight:600;text-align:center;cursor:pointer;transition:all .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ktp-cat-btn:hover{background:#397d7c;color:#fff;transform:scale(1.05)}.ktp-cat-btn.active{background:#284a4b;color:#fff;border-color:#fff}.ktp-main-header .ktp-page-title{display:none}.ktp-main-header{margin-top:0;padding-top:10px;padding-bottom:8px;border-bottom:none;margin-bottom:0}.ktp-page-description{font-size:14px}.ktp-sidebar{position:fixed;left:0;top:0;height:100vh;width:270px;margin-top:0;transform:translate(-100%);z-index:1100;overflow-y:auto;bottom:auto;padding:20px 16px}.ktp-sidebar.open{transform:translate(0)}.ktp-sidebar-header{margin-top:20px}.ktp-sidebar-title{font-size:20px}.ktp-filter-bar{gap:6px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;margin-bottom:16px;-webkit-overflow-scrolling:touch}.ktp-filter-bar::-webkit-scrollbar{height:3px}.ktp-filter-bar::-webkit-scrollbar-thumb{background:#e0eeee;border-radius:4px}.ktp-filter-btn{padding:6px 14px;font-size:11px;white-space:nowrap;flex-shrink:0}.ktp-items-grid{gap:15px}.ktp-item-card{flex-direction:column;height:auto}.ktp-card-image{width:100%;height:80px;border-right:none;border-bottom:1px solid #e0eeee}.ktp-card-content{padding:12px}.ktp-card-title{font-size:14px}.ktp-modal-overlay{align-items:center;padding:10px}.ktp-modal{width:95%;border-radius:20px;max-height:88vh}.ktp-modal-inner{flex-direction:column;overflow-y:auto}.ktp-modal-left{width:100%;padding:16px;overflow-y:visible;-webkit-overflow-scrolling:touch}.ktp-modal-right{display:none}.ktp-about-thumb{display:block;width:120px;height:120px}.ktp-modal-hero{padding:16px 20px}.ktp-modal-hero-title{font-size:22px}.ktp-modal-two-col{grid-template-columns:1fr;gap:12px}.ktp-msec-text{font-size:12px;padding:10px 12px}.ktp-uses-badge-row{flex-direction:column;gap:16px}.ktp-uses-wrap{grid-template-columns:repeat(2,1fr);gap:6px}.ktp-use-tag{font-size:11px;padding:4px 8px}.ktp-category-badge{padding:7px 10px}.ktp-category-badge-value{font-size:12px}.ktp-specs-grid{grid-template-columns:1fr 1fr}.ktp-back-section{margin-top:2px;margin-bottom:2px}.ktp-back-button{padding:12px 24px;font-size:14px;width:auto;min-width:200px}}@media(max-width:380px){.ktp-main{padding:10px 10px 8px}.ktp-mobile-topbar{padding:10px 12px}.ktp-mobile-topbar .ktp-page-title{text-align:center;font-size:20px}.ktp-categories-row{grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 10px}.ktp-cat-btn{font-size:7px;padding:6px 4px}.ktp-items-grid{gap:10px;margin:10px}.ktp-item-card{flex-direction:column;height:auto}.ktp-card-image{height:60px}.ktp-card-content{padding:6px 10px}.ktp-card-title{font-size:12px}.ktp-card-description{font-size:10px;-webkit-line-clamp:1}.ktp-modal{width:98%;border-radius:16px;max-height:92vh}.ktp-modal-left{width:100%;padding:12px}.ktp-about-row{gap:10px}.ktp-about-thumb{width:110px;height:110px}.ktp-modal-hero{padding:12px 14px}.ktp-modal-hero-title{font-size:18px}.ktp-modal-hero-subtitle{font-size:12px}.ktp-modal-hero-label{font-size:8px}.ktp-modal-close{top:10px;right:10px;width:28px;height:28px;font-size:16px}.ktp-msec-text{font-size:11px;padding:8px 10px}.ktp-msec-label{font-size:8px}.ktp-uses-wrap{grid-template-columns:1fr}.ktp-use-tag{font-size:10px;padding:3px 6px}.ktp-tip-txt{font-size:10px}.ktp-tip-card{padding:5px 8px}.ktp-back-button{padding:8px 16px;font-size:12px;min-width:150px}.ktp-sidebar{width:240px;padding:16px 12px}.ktp-sidebar-title{font-size:18px}.ktp-sidebar-subtitle{font-size:10px}.ktp-tool-list-item{padding:10px 12px}.ktp-tool-list-name{font-size:13px}.ktp-lightbox-overlay{padding:16px}.ktp-lightbox-close{top:14px;right:14px;width:34px;height:34px;font-size:18px}.ktp-specs-grid{grid-template-columns:1fr}.ktp-filter-bar{gap:4px}.ktp-filter-btn{font-size:10px;padding:4px 12px}}.cmp-container{width:100%;min-height:100vh}.cmp-layout{display:flex;position:relative}.cmp-sidebar{width:280px;background:#284a4b;border-right:1px solid #f5fafa;padding:25px;display:flex;flex-direction:column;position:absolute;top:100px;left:0;bottom:0;overflow-y:auto;z-index:900;transition:transform .35s cubic-bezier(.4,0,.2,1)}.cmp-sidebar-header{margin-top:0;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f5fafa}.cmp-sidebar-title{font-family:serif;font-size:24px;font-weight:1000;color:#fff;margin-bottom:10px;margin-top:0;text-align:center}.cmp-sidebar-subtitle{font-size:12px;color:#fff;font-weight:500;text-align:center;letter-spacing:.1em;text-transform:uppercase}.cmp-sidebar-methods{flex:1}.cmp-methods-list{list-style:none;padding:0;margin:0}.cmp-method-list-item{padding:13px 16px;border-radius:10px;margin-bottom:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .25s ease;border:1px solid #397d7c;background:#284a4b}.cmp-method-list-item:hover{background:#397d7c;transform:translate(5px)}.cmp-method-list-item.cmp-active{background:#1a3334;border-color:#fff}.cmp-method-list-name{font-size:15px;font-weight:600;color:#fff}.cmp-sidebar::-webkit-scrollbar{width:5px}.cmp-sidebar::-webkit-scrollbar-track{background:transparent}.cmp-sidebar::-webkit-scrollbar-thumb{background:#e0eeee;border-radius:4px}.cmp-sidebar-overlay{display:none;position:fixed;inset:0;background:#000;z-index:1050}.cmp-main{flex:1;background:#f5f5f5;overflow-y:auto;min-height:100vh;margin-left:280px;width:calc(100% - 280px);padding:30px 40px;position:relative}.cmp-main-header{margin-top:100px;margin-bottom:28px;padding-bottom:16px;border-bottom:2px solid #e0eeee;position:relative;z-index:10;background:#f5f5f5}.cmp-page-title{font-family:DM Sans,serif;font-size:38px;font-weight:800;color:#284a4b;margin-bottom:10px;letter-spacing:-.5px}.cmp-page-title.desktop-title{display:block}.cmp-page-description{font-size:16px;color:#666;max-width:640px;line-height:1.6}.cmp-methods-grid-section{margin-bottom:40px}.cmp-methods-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.cmp-method-card{background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:120px;width:100%;animation:fadeInUp .4s ease-out}.cmp-method-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #397d7c;border-color:#397d7c}.cmp-card-image{width:110px;height:100%;background-size:cover;background-position:center;flex-shrink:0;border-right:1px solid #e0eeee}.cmp-card-content{padding:14px 16px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.cmp-card-title{font-family:DM Sans,serif;font-size:17px;font-weight:700;color:#1a3334;margin-bottom:5px;white-space:nowrap;overflow:hidden}.cmp-card-description{font-size:12px;color:#666;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cmp-modal-overlay{position:fixed;inset:0;background:#1a3334;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.cmp-modal{background:#fff;border-radius:28px;width:96%;max-width:1000px;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 40px 90px #000;display:flex;flex-direction:column}.cmp-modal-close{position:absolute;top:18px;right:18px;background:#1a3334;color:#fff;border:1px solid #e0eeee;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.cmp-modal-close:hover{background:#397d7c;transform:scale(1.1)}.cmp-modal-hero{background:linear-gradient(135deg,#1a3334,#284a4b 60%,#397d7c);padding:17px 36px 22px;position:relative;overflow:hidden;flex-shrink:0}.cmp-modal-hero-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff;margin-bottom:8px}.cmp-modal-hero-title{font-family:DM Sans,serif;font-size:36px;font-weight:800;color:#fff;line-height:1.1;margin-bottom:8px;position:relative;z-index:1}.cmp-modal-hero-subtitle{font-size:14px;color:#fff;font-style:italic;position:relative;z-index:1}.cmp-modal-inner{display:flex;flex:1;overflow:hidden;min-height:0}.cmp-modal-left{flex:1;overflow-y:auto;padding:26px 28px 32px;display:flex;flex-direction:column;gap:20px;min-width:0}.cmp-modal-left::-webkit-scrollbar{width:5px}.cmp-modal-left::-webkit-scrollbar-track{background:transparent}.cmp-modal-left::-webkit-scrollbar-thumb{background:#e0eeee;border-radius:4px}.cmp-modal-right{width:280px;flex-shrink:0;background:#fff;border-left:2px solid #e0eeee;display:flex;align-items:center;justify-content:center;padding:28px 20px;position:relative;overflow:hidden}.cmp-modal-right:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,#397d7c 0%,transparent 60%);pointer-events:none}.cmp-modal-right-image{width:220px;height:220px;border-radius:20px;background-size:cover;background-position:center;background-repeat:no-repeat;border:3px solid #e0eeee;box-shadow:0 20px 50px #284a4b;position:relative;z-index:1;transition:transform .3s ease;cursor:pointer}.cmp-modal-right-image:hover{transform:scale(1.02)}.cmp-about-row{display:flex;align-items:flex-start;gap:16px}.cmp-about-text{flex:1;min-width:0}.cmp-about-thumb{display:none;flex-shrink:0;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:50%;border:3px solid #e0eeee;box-shadow:0 8px 18px #284a4b;cursor:pointer}.cmp-lightbox-overlay{position:fixed;inset:0;background:#1a3334eb;display:flex;align-items:center;justify-content:center;z-index:3000;padding:30px;animation:fadeInUp .25s ease-out}.cmp-lightbox-image{max-width:90vw;max-height:90vh;border-radius:16px;box-shadow:0 30px 70px #000;object-fit:contain}.cmp-lightbox-close{position:absolute;top:24px;right:24px;background:#fff;color:#1a3334;border:none;width:42px;height:42px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 4px 15px #000;transition:all .2s}.cmp-lightbox-close:hover{background:#397d7c;color:#fff;transform:scale(1.1)}.cmp-msec{display:flex;flex-direction:column;gap:2px}.cmp-msec-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#397d7c}.cmp-msec-text{font-size:14px;color:#000;line-height:1.6;background:#e0eeee;padding:10px 16px;border-radius:12px;border-left:3px solid #397d7c;margin:0}.cmp-mdivider{height:1px;background:linear-gradient(90deg,transparent,#e0eeee 30%,#e0eeee 70%,transparent);border:none;margin:4px 0}.cmp-uses-details-row{display:flex;gap:24px;align-items:flex-start}.cmp-uses-section{flex:2}.cmp-details-section{flex:1}.cmp-uses-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.cmp-use-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#f5fafa;border:1px solid #e0eeee;border-radius:20px;font-size:12px;color:#284a4b;font-weight:500;transition:all .2s;cursor:default}.cmp-use-tag:hover{background:#284a4b;color:#fff}.cmp-use-dot{flex-shrink:0}.cmp-detail-badges{display:flex;flex-direction:column;gap:8px}.cmp-detail-badge{display:flex;align-items:flex-start;gap:10px;background:#f5fafa;border:1px solid #e0eeee;border-radius:12px;padding:10px 14px;width:100%;transition:all .2s}.cmp-detail-badge:hover{background:#f5fafa;border-color:#e0eeee}.cmp-detail-badge-text{display:flex;flex-direction:column;gap:1px;min-width:0}.cmp-detail-badge-label{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#397d7c}.cmp-detail-badge-value{font-size:13px;font-weight:600;color:#1a3334;line-height:1.3}.cmp-heat-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;width:fit-content}.cmp-heat-pill.dry-heat{background:#c0392b}.cmp-heat-pill.moist-heat{background:#397d7c}.cmp-card-heat-type{margin-top:4px}.cmp-heat-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:10px;font-weight:600;color:#fff}.cmp-heat-badge.dry-heat{background:#c0392b}.cmp-heat-badge.moist-heat{background:#397d7c}.cmp-modal-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cmp-steps-list,.cmp-tips-list{display:flex;flex-direction:column;gap:8px}.cmp-step-card,.cmp-tip-card{display:flex;gap:10px;align-items:flex-start;background:#f5fafa;border:1px solid #e0eeee;border-radius:10px;padding:8px 12px;transition:all .2s}.cmp-step-card:hover,.cmp-tip-card:hover{background:#f5fafa;border-color:#e0eeee}.cmp-step-num{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#284a4b,#397d7c);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cmp-step-txt,.cmp-tip-txt{font-size:12px;color:#4a5a5b;line-height:1.5}.cmp-tip-card{background:#f5fafa}.cmp-tip-card:hover{background:#e0eeee}.cmp-tip-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.cmp-back-section{margin-top:30px;margin-bottom:20px;text-align:center}.cmp-back-button{display:inline-flex;align-items:center;gap:12px;background:#284a4b;color:#fff;border:none;padding:14px 32px;font-size:16px;font-weight:600;border-radius:40px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #000;font-family:DM Sans,sans-serif}.cmp-back-button:hover{background:#397d7c;transform:translate(-5px);box-shadow:0 4px 15px #397d7c}.cmp-back-button svg{transition:transform .2s ease}.cmp-back-button:hover svg{transform:translate(-3px)}.cmp-mobile-topbar{margin-top:120px;display:none}@media(max-width:780px){html{overflow-x:hidden}body{height:auto;overflow-y:auto}.cmp-sidebar-overlay.visible{display:block}.cmp-main{margin-left:0;width:100%;padding:15px 16px 10px;height:auto;overflow-y:visible}.cmp-layout{display:block;min-height:auto}.cmp-mobile-topbar{display:flex;align-items:center;justify-content:center;gap:12px;height:100px;background:#1a3334;padding:14px 16px;border-bottom:3px solid #397d7c;box-shadow:0 4px 15px #0003;margin-top:80px}.cmp-mobile-topbar .cmp-page-title{font-size:22px;font-weight:700;color:#fff;text-align:center;margin:0;flex:1}.cmp-main-header .cmp-page-title{display:none}.cmp-main-header{margin-top:0;padding-top:10px;padding-bottom:8px;border-bottom:none;margin-bottom:0}.cmp-page-description{font-size:14px}.cmp-sidebar{position:fixed;left:0;top:0;height:100vh;width:270px;margin-top:0;transform:translate(-100%);z-index:1100;overflow-y:auto;bottom:auto;padding:20px 16px}.cmp-sidebar.open{transform:translate(0)}.cmp-sidebar-header{margin-top:20px}.cmp-sidebar-title{font-size:20px}.cmp-methods-grid{gap:15px}.cmp-method-card{flex-direction:column;height:auto}.cmp-card-image{width:100%;height:80px;border-right:none;border-bottom:1px solid #e0eeee}.cmp-card-content{padding:12px}.cmp-card-title{font-size:14px}.cmp-modal-overlay{align-items:center;padding:10px}.cmp-modal{width:95%;border-radius:20px;max-height:88vh}.cmp-modal-inner{flex-direction:column;overflow-y:auto}.cmp-modal-left{width:100%;padding:16px;overflow-y:visible;-webkit-overflow-scrolling:touch}.cmp-modal-right{display:none}.cmp-about-thumb{display:block;width:120px;height:120px}.cmp-modal-hero{padding:16px 20px}.cmp-modal-hero-title{font-size:22px}.cmp-uses-details-row{flex-direction:column;gap:16px}.cmp-uses-wrap{grid-template-columns:repeat(2,1fr);gap:6px}.cmp-use-tag{font-size:11px;padding:4px 8px}.cmp-detail-badge{padding:7px 10px}.cmp-detail-badge-value{font-size:12px}.cmp-modal-two-col{grid-template-columns:1fr;gap:12px}.cmp-msec-text{font-size:12px;padding:10px 12px}.cmp-back-section{margin-top:2px;margin-bottom:2px}.cmp-back-button{padding:12px 24px;font-size:14px;width:auto;min-width:200px}}@media(max-width:380px){.cmp-main{padding:10px 10px 8px}.cmp-mobile-topbar{padding:10px 12px}.cmp-mobile-topbar .cmp-page-title{text-align:center;font-size:20px}.cmp-methods-grid{gap:10px;margin:10px}.cmp-method-card{flex-direction:column;height:auto}.cmp-card-image{height:60px}.cmp-card-content{padding:6px 10px}.cmp-card-title{font-size:12px}.cmp-card-description{font-size:10px;-webkit-line-clamp:1}.cmp-modal{width:98%;border-radius:16px;max-height:92vh}.cmp-modal-left{width:100%;padding:12px}.cmp-about-row{gap:10px}.cmp-about-thumb{width:120px;height:120px}.cmp-modal-hero{padding:12px 14px}.cmp-modal-hero-title{font-size:18px}.cmp-modal-hero-subtitle{font-size:12px}.cmp-modal-hero-label{font-size:8px}.cmp-modal-close{top:10px;right:10px;width:28px;height:28px;font-size:16px}.cmp-msec-text{font-size:11px;padding:8px 10px}.cmp-msec-label{font-size:8px}.cmp-uses-wrap{grid-template-columns:1fr}.cmp-use-tag{font-size:10px;padding:3px 6px}.cmp-step-txt,.cmp-tip-txt{font-size:10px}.cmp-step-card,.cmp-tip-card{padding:5px 8px}.cmp-step-num{width:18px;height:18px;font-size:8px}.cmp-back-button{padding:8px 16px;font-size:12px;min-width:150px}.cmp-sidebar{width:240px;padding:16px 12px}.cmp-sidebar-title{font-size:18px}.cmp-sidebar-subtitle{font-size:10px}.cmp-method-list-item{padding:10px 12px}.cmp-method-list-name{font-size:13px}.cmp-lightbox-overlay{padding:16px}.cmp-lightbox-close{top:14px;right:14px;width:34px;height:34px;font-size:18px}}.mep-container{width:100%;min-height:100vh}.mep-layout{display:flex;position:relative}.mep-sidebar{width:280px;background:#284a4b;border-right:1px solid #f5fafa;padding:25px;display:flex;flex-direction:column;position:absolute;top:100px;left:0;bottom:0;overflow-y:auto;z-index:900;transition:transform .35s cubic-bezier(.4,0,.2,1)}.mep-sidebar-header{margin-top:0;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f5fafa}.mep-sidebar-title{font-family:serif;font-size:24px;font-weight:1000;color:#fff;margin-bottom:10px;margin-top:0;text-align:center}.mep-sidebar-subtitle{font-size:12px;color:#fff;font-weight:500;text-align:center;letter-spacing:.1em;text-transform:uppercase}.mep-sidebar-categories{flex:1}.mep-categories-list{list-style:none;padding:0;margin:0}.mep-category-item{padding:13px 16px;border-radius:10px;margin-bottom:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .25s ease;border:1px solid #397d7c;background:#284a4b}.mep-category-item:hover{background:#397d7c;transform:translate(5px)}.mep-category-item.mep-active{background:#1a3334;border-color:#fff}.mep-category-name{font-size:15px;font-weight:600;color:#fff}.mep-sidebar::-webkit-scrollbar{width:5px}.mep-sidebar::-webkit-scrollbar-track{background:transparent}.mep-sidebar::-webkit-scrollbar-thumb{background:#e0eeee;border-radius:4px}.mep-sidebar-overlay{display:none;position:fixed;inset:0;background:#000;z-index:1050}.mep-main{flex:1;background:#f5f5f5;overflow-y:auto;min-height:100vh;margin-left:280px;width:calc(100% - 280px);padding:30px 40px;position:relative}.mep-main-header{margin-top:100px;margin-bottom:28px;padding-bottom:16px;border-bottom:2px solid #e0eeee;position:relative;z-index:10;background:#f5f5f5}.mep-header-content{width:100%}.mep-page-title{font-family:DM Sans,serif;font-size:38px;font-weight:800;color:#284a4b;margin-bottom:10px;letter-spacing:-.5px}.mep-page-title.desktop-title{display:block}.mep-page-description{font-size:16px;color:#666;max-width:640px;line-height:1.6}.mep-filter-bar{display:flex;gap:12px;margin-bottom:28px;border-bottom:2px solid #e0eeee;padding-bottom:16px}.mep-filter-btn{padding:10px 24px;background:#fff;border:1px solid #e0eeee;border-radius:30px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .25s ease;font-family:DM Sans,sans-serif}.mep-filter-btn:hover{background:#f5fafa;border-color:#397d7c;color:#284a4b}.mep-filter-btn.active{background:#284a4b;color:#fff;border-color:#284a4b}.mep-filter-btn.active:hover{background:#397d7c;border-color:#397d7c}.mep-items-grid-section{margin-bottom:40px}.mep-items-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.mep-item-card{background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:120px;width:100%;animation:fadeInUp .4s ease-out}.mep-item-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #397d7c;border-color:#397d7c}.mep-card-image{width:110px;height:100%;background-size:cover;background-position:center;flex-shrink:0;border-right:1px solid #e0eeee}.mep-card-content{padding:14px 16px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.mep-card-title{font-family:DM Sans,serif;font-size:17px;font-weight:700;color:#1a3334;margin-bottom:5px;white-space:nowrap;overflow:hidden}.mep-card-description{font-size:12px;color:#666;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mep-empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#666;background:#fff;border-radius:16px;border:1px solid #e0eeee}.mep-modal-overlay{position:fixed;inset:0;background:#1a3334;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.mep-modal{background:#fff;border-radius:28px;width:96%;max-width:1000px;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 40px 90px #000;display:flex;flex-direction:column}.mep-modal-close{position:absolute;top:18px;right:18px;background:#1a3334;color:#fff;border:1px solid #e0eeee;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.mep-modal-close:hover{background:#397d7c;transform:scale(1.1)}.mep-modal-hero{background:linear-gradient(135deg,#1a3334,#284a4b 60%,#397d7c);padding:17px 36px 22px;position:relative;overflow:hidden;flex-shrink:0}.mep-modal-hero-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff;margin-bottom:8px}.mep-modal-hero-title{font-family:DM Sans,serif;font-size:36px;font-weight:800;color:#fff;line-height:1.1;margin-bottom:8px;position:relative;z-index:1}.mep-modal-hero-subtitle{font-size:14px;color:#fff;font-style:italic;position:relative;z-index:1}.mep-modal-inner{display:flex;flex:1;overflow:hidden;min-height:0}.mep-modal-left{flex:1;overflow-y:auto;padding:26px 28px 32px;display:flex;flex-direction:column;gap:20px;min-width:0}.mep-modal-left::-webkit-scrollbar{width:5px}.mep-modal-left::-webkit-scrollbar-track{background:transparent}.mep-modal-left::-webkit-scrollbar-thumb{background:#e0eeee;border-radius:4px}.mep-modal-right{width:280px;flex-shrink:0;background:#fff;border-left:2px solid #e0eeee;display:flex;align-items:center;justify-content:center;padding:28px 20px;position:relative;overflow:hidden}.mep-modal-right:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,#397d7c 0%,transparent 60%);pointer-events:none}.mep-modal-right-image{width:220px;height:220px;border-radius:20px;background-size:cover;background-position:center;background-repeat:no-repeat;border:3px solid #e0eeee;box-shadow:0 20px 50px #284a4b;position:relative;z-index:1;transition:transform .3s ease;cursor:pointer}.mep-modal-right-image:hover{transform:scale(1.02)}.mep-about-row{display:flex;align-items:flex-start;gap:16px}.mep-about-text{flex:1;min-width:0}.mep-about-thumb{display:none;flex-shrink:0;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:50%;border:3px solid #e0eeee;box-shadow:0 8px 18px #284a4b;cursor:pointer}.mep-lightbox-overlay{position:fixed;inset:0;background:#1a3334eb;display:flex;align-items:center;justify-content:center;z-index:3000;padding:30px;animation:fadeInUp .25s ease-out}.mep-lightbox-image{max-width:90vw;max-height:90vh;border-radius:16px;box-shadow:0 30px 70px #000;object-fit:contain}.mep-lightbox-close{position:absolute;top:24px;right:24px;background:#fff;color:#1a3334;border:none;width:42px;height:42px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 4px 15px #000;transition:all .2s}.mep-lightbox-close:hover{background:#397d7c;color:#fff;transform:scale(1.1)}.mep-msec{display:flex;flex-direction:column;gap:2px}.mep-msec-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#397d7c}.mep-msec-text{font-size:14px;color:#000;line-height:1.6;background:#e0eeee;padding:10px 16px;border-radius:12px;border-left:3px solid #397d7c;margin:0}.mep-mdivider{height:1px;background:linear-gradient(90deg,transparent,#e0eeee 30%,#e0eeee 70%,transparent);border:none;margin:4px 0}.mep-uses-badge-row{display:flex;gap:24px;align-items:flex-start}.mep-uses-section{flex:2}.mep-badge-section{flex:1}.mep-uses-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mep-use-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#f5fafa;border:1px solid #e0eeee;border-radius:20px;font-size:12px;color:#284a4b;font-weight:500;transition:all .2s;cursor:default}.mep-use-tag:hover{background:#284a4b;color:#fff}.mep-use-dot{flex-shrink:0}.mep-category-badge{display:flex;align-items:flex-start;gap:10px;background:#f5fafa;border:1px solid #e0eeee;border-radius:12px;padding:10px 14px;width:100%;transition:all .2s}.mep-category-badge:hover{background:#f5fafa;border-color:#e0eeee}.mep-category-badge-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;color:#397d7c}.mep-category-badge-value{font-size:13px;font-weight:600;color:#1a3334;line-height:1.3}.mep-modal-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mep-steps-list{display:flex;flex-direction:column;gap:8px}.mep-step-card{display:flex;gap:10px;align-items:flex-start;background:#f5fafa;border:1px solid #e0eeee;border-radius:10px;padding:8px 12px;transition:all .2s}.mep-step-card:hover{background:#f5fafa;border-color:#e0eeee}.mep-step-num{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#284a4b,#397d7c);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mep-step-txt{font-size:12px;color:#4a5a5b;line-height:1.5}.mep-tips-list{display:flex;flex-direction:column;gap:8px}.mep-tip-card{display:flex;gap:10px;align-items:flex-start;background:#f5fafa;border:1px solid #e0eeee;border-radius:10px;padding:8px 12px;transition:all .2s}.mep-tip-card:hover{background:#e0eeee}.mep-tip-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.mep-tip-txt{font-size:12px;color:#4a5a5b;line-height:1.5}.mep-mistakes-list{display:flex;flex-direction:column;gap:8px}.mep-mistake-card{display:flex;gap:10px;align-items:flex-start;background:#fecaca;border:1px solid #fca5a5;border-radius:10px;padding:8px 12px;transition:all .2s;cursor:default}.mep-mistake-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#c0392b}.mep-mistake-card .mep-tip-txt{font-size:12px;color:#000;line-height:1.5;flex:1}.mep-back-section{margin-top:30px;margin-bottom:20px;text-align:center}.mep-back-button{display:inline-flex;align-items:center;gap:12px;background:#284a4b;color:#fff;border:none;padding:14px 32px;font-size:16px;font-weight:600;border-radius:40px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #000;font-family:DM Sans,sans-serif}.mep-back-button:hover{background:#397d7c;transform:translate(-5px);box-shadow:0 4px 15px #397d7c}.mep-back-button svg{transition:transform .2s ease}.mep-back-button:hover svg{transform:translate(-3px)}.mep-mobile-topbar{margin-top:120px;display:none}.mep-categories-row{display:none}@media(max-width:780px){html{overflow-x:hidden}body{height:auto;overflow-y:auto}.mep-sidebar-overlay.visible{display:block}.mep-main{margin-left:0;width:100%;padding:15px 16px 10px;height:auto;overflow-y:visible}.mep-layout{display:block;min-height:auto}.mep-mobile-topbar{display:flex;align-items:center;justify-content:center;gap:12px;height:100px;background:#1a3334;padding:14px 16px;border-bottom:3px solid #397d7c;box-shadow:0 4px 15px #0003;margin-top:80px}.mep-mobile-topbar .mep-page-title{font-size:22px;font-weight:700;color:#fff;text-align:center;margin:0;flex:1}.mep-categories-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:10px 16px;background:#fff;border-bottom:1px solid rgba(255,255,255,.05)}.mep-cat-btn{padding:8px 6px;border-radius:18px;background:#e0eeee;color:#1a3334;font-size:8.5px;font-weight:600;text-align:center;cursor:pointer;transition:all .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mep-cat-btn:hover{background:#397d7c;color:#fff;transform:scale(1.05)}.mep-cat-btn.active{background:#284a4b;color:#fff;border-color:#fff}.mep-main-header .mep-page-title{display:none}.mep-main-header{margin-top:0;padding-top:10px;padding-bottom:8px;border-bottom:none;margin-bottom:0}.mep-page-description{font-size:14px}.mep-sidebar{position:fixed;left:0;top:0;height:100vh;width:270px;margin-top:0;transform:translate(-100%);z-index:1100;overflow-y:auto;bottom:auto;padding:20px 16px}.mep-sidebar.open{transform:translate(0)}.mep-sidebar-header{margin-top:20px}.mep-sidebar-title{font-size:20px}.mep-filter-bar{gap:8px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;-webkit-overflow-scrolling:touch}.mep-filter-bar::-webkit-scrollbar{height:3px}.mep-filter-bar::-webkit-scrollbar-thumb{background:#e0eeee;border-radius:4px}.mep-filter-btn{padding:6px 16px;font-size:12px;white-space:nowrap;flex-shrink:0}.mep-items-grid{gap:15px}.mep-item-card{flex-direction:column;height:auto}.mep-card-image{width:100%;height:80px;border-right:none;border-bottom:1px solid #e0eeee}.mep-card-content{padding:12px}.mep-card-title{font-size:14px}.mep-modal-overlay{align-items:center;padding:10px}.mep-modal{width:95%;border-radius:20px;max-height:88vh}.mep-modal-inner{flex-direction:column;overflow-y:auto}.mep-modal-left{width:100%;padding:16px;overflow-y:visible;-webkit-overflow-scrolling:touch}.mep-modal-right{display:none}.mep-about-thumb{display:block;width:120px;height:120px}.mep-modal-hero{padding:16px 20px}.mep-modal-hero-title{font-size:22px}.mep-modal-two-col{grid-template-columns:1fr;gap:12px}.mep-msec-text{font-size:12px;padding:10px 12px}.mep-uses-badge-row{flex-direction:column;gap:16px}.mep-uses-wrap{grid-template-columns:repeat(2,1fr);gap:6px}.mep-use-tag{font-size:11px;padding:4px 8px}.mep-category-badge{padding:7px 10px}.mep-category-badge-value{font-size:12px}.mep-back-section{margin-top:2px;margin-bottom:2px}.mep-back-button{padding:12px 24px;font-size:14px;width:auto;min-width:200px}.mep-mistake-card{padding:7px 10px}.mep-mistake-card .mep-tip-txt{font-size:11px}}@media(max-width:380px){.mep-main{padding:10px 10px 8px}.mep-mobile-topbar{padding:10px 12px}.mep-mobile-topbar .mep-page-title{text-align:center;font-size:20px}.mep-categories-row{grid-template-columns:repeat(5,1fr);gap:4px;padding:8px 10px}.mep-cat-btn{font-size:7px;padding:6px 4px}.mep-items-grid{gap:10px}.mep-item-card{flex-direction:column;height:auto}.mep-card-image{height:60px}.mep-card-content{padding:6px 10px}.mep-card-title{font-size:12px}.mep-card-description{font-size:10px;-webkit-line-clamp:1}.mep-modal{width:98%;border-radius:16px;max-height:92vh}.mep-modal-left{width:100%;padding:12px}.mep-about-row{gap:10px}.mep-about-thumb{width:110px;height:110px}.mep-modal-hero{padding:12px 14px}.mep-modal-hero-title{font-size:18px}.mep-modal-hero-subtitle{font-size:12px}.mep-modal-hero-label{font-size:8px}.mep-modal-close{top:10px;right:10px;width:28px;height:28px;font-size:16px}.mep-msec-text{font-size:11px;padding:8px 10px}.mep-msec-label{font-size:8px}.mep-uses-wrap{grid-template-columns:1fr}.mep-use-tag{font-size:10px;padding:3px 6px}.mep-step-txt,.mep-tip-txt{font-size:10px}.mep-step-card,.mep-tip-card{padding:5px 8px}.mep-step-num{width:18px;height:18px;font-size:8px}.mep-back-button{padding:8px 16px;font-size:12px;min-width:150px}.mep-mistake-card{padding:5px 8px}.mep-mistake-card .mep-tip-txt{font-size:10px}.mep-sidebar{width:240px;padding:16px 12px}.mep-sidebar-title{font-size:18px}.mep-sidebar-subtitle{font-size:10px}.mep-category-item{padding:10px 12px}.mep-category-name{font-size:13px}.mep-lightbox-overlay{padding:16px}.mep-lightbox-close{top:14px;right:14px;width:34px;height:34px;font-size:18px}.mep-filter-bar{gap:4px}.mep-filter-btn{font-size:10px;padding:4px 12px}}.login-page-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(160deg,#284a4b99,#397d7c80),url(/home1.jpg);background-size:cover;background-position:center;font-family:Segoe UI,Arial,sans-serif;z-index:1000}.login-page-container{display:flex;width:100%;max-width:900px;height:min(88vh,680px);border-radius:22px;overflow:hidden;box-shadow:0 20px 50px #0006;background:#fff}.login-left-panel{flex:1.1;background:linear-gradient(150deg,#284a4b,#1a3334);padding:44px 36px;display:flex;flex-direction:column;justify-content:center;color:#fff}.login-logo-container{text-align:center;margin-bottom:40px}.login-logo-circle{width:84px;height:84px;margin:0 auto 16px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 28px #0006;overflow:hidden;border:3px solid rgba(57,125,124,.4)}.login-logo-circle:hover{transform:scale(1.04)}.login-logo-img{width:62%;height:62%;object-fit:contain}.login-logo-text h1{font-size:1.8rem;font-weight:700;letter-spacing:-.5px}.login-logo-text p{color:#f5f5f5;font-size:.85rem}.login-welcome-section{text-align:center;margin-bottom:28px}.login-welcome-section h2{font-size:1.4rem;margin-bottom:8px;font-weight:600}.login-welcome-section p{color:#f5f5f5;font-size:.85rem;line-height:1.6}.login-features-list{list-style:none;padding:0;margin:0}.login-features-list li{margin-bottom:11px;display:flex;align-items:center;gap:10px;font-size:.875rem;color:#f5f5f5}.login-features-list i{color:#397d7c;font-size:.9rem;min-width:20px}.login-right-panel{flex:1;padding:40px 36px;display:flex;flex-direction:column;justify-content:center;background:#fff;overflow-y:auto}.login-form-header{text-align:center;margin-bottom:24px}.login-form-header h2{font-size:1.6rem;color:#284a4b;margin-bottom:6px;font-weight:700}.login-form-header p{color:#666;font-size:.875rem}.login-form-container{width:100%;max-width:380px;margin:0 auto}.login-form-group{margin-bottom:14px}.login-form-label{display:block;margin-bottom:6px;color:#284a4b;font-weight:600;font-size:.8rem;text-transform:uppercase}.login-input-wrapper{position:relative}.login-input{width:100%;padding:12px 44px 12px 14px;border:2px solid #e0eeee;border-radius:8px;font-size:.95rem;background:#f5fafa;color:#000;font-family:inherit}.login-input::placeholder{color:#666}.login-input:focus{outline:none;border-color:#397d7c;background:#fff;box-shadow:0 0 0 3px #397d7c66}.login-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;font-size:15px;width:32px;height:32px;border-radius:8px}.login-password-toggle:hover{color:#397d7c}.login-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:.8rem}.login-remember{display:flex;align-items:center;gap:7px;color:#666;cursor:pointer}.login-remember input[type=checkbox]{width:15px;height:15px;accent-color:#284a4b;cursor:pointer}.login-forgot{color:#284a4b;text-decoration:none;font-weight:600}.login-forgot:hover{color:#397d7c}.login-submit-btn{width:100%;padding:13px 24px;background:linear-gradient(135deg,#284a4b,#397d7c);color:#fff;border:none;border-radius:8px;font-size:.975rem;font-weight:700;cursor:pointer;margin-bottom:16px;box-shadow:0 6px 20px #397d7c80;min-height:48px}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #397d7c66}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-divider{display:flex;align-items:center;margin:16px 0;color:#666;font-size:.78rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#e0eeee}.login-divider span{padding:0 12px}.login-social-login{display:flex;justify-content:center;gap:14px;margin-top:6px}.login-social-btn{width:46px;height:46px;border-radius:50%;border:2px solid #e0eeee;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:17px}.login-social-btn:hover{transform:translateY(-3px);border-color:#397d7c;background:#397d7c66}.login-social-google{color:#c0392b}.login-social-facebook{color:#284a4b}.login-social-twitter{color:#397d7c}.login-signup-link{text-align:center;color:#666;font-size:.83rem;margin:14px 0}.login-signup-link a{color:#284a4b;text-decoration:none;font-weight:700}.login-signup-link a:hover{color:#397d7c}.login-error-message{background:#fecaca;color:#c0392b;padding:11px 14px;border-radius:8px;margin-bottom:18px;display:flex;align-items:center;gap:9px;font-size:.825rem;border-left:4px solid #fca5a5}@media(max-width:780px){.login-page-wrapper{padding:12px}.login-page-container{max-width:700px;height:min(90vh,620px)}.login-left-panel{flex:1;padding:28px 22px}.login-logo-container{margin-bottom:24px}.login-logo-circle{width:64px;height:64px;margin-bottom:12px}.login-logo-text h1{font-size:1.4rem}.login-logo-text p{font-size:.75rem}.login-welcome-section{margin-bottom:18px}.login-welcome-section h2{font-size:1.1rem}.login-welcome-section p{font-size:.78rem;line-height:1.5}.login-features-list li{font-size:.78rem;margin-bottom:8px}.login-right-panel{flex:1;padding:28px 22px}.login-form-header h2{font-size:1.3rem}.login-form-header p{font-size:.8rem}.login-form-container{max-width:320px}.login-input{padding:10px 40px 10px 12px;font-size:.88rem}.login-submit-btn{padding:11px 20px;font-size:.9rem;min-height:44px}.login-social-btn{width:40px;height:40px;font-size:15px}}@media(max-width:380px){.login-page-wrapper{align-items:flex-start;padding:0;overflow-y:auto}.login-page-container{flex-direction:column;width:100%;max-width:100%;height:93vh;border-radius:0;box-shadow:none}.login-left-panel{flex:none;padding:10px 12px;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:140px}.login-logo-container{margin-bottom:0}.login-logo-circle{width:45px;height:45px}.login-logo-text h1{font-size:16px}.login-welcome-section{margin-bottom:0;flex:1;text-align:right}.login-welcome-section h2{font-size:1rem}.login-welcome-section p,.login-features-list{display:none}.login-right-panel{flex:1;padding:5px 12px 28px}.login-form-container{max-width:100%}.login-form-header h2{margin-top:-50px;font-size:1.2rem}.login-input{padding:10px 36px 10px 12px;font-size:.85rem}.login-options{flex-direction:column;align-items:flex-start;gap:10px}}.forgot-page-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(160deg,#284a4b99,#397d7c80);font-family:Segoe UI,Arial,sans-serif;z-index:1000}.forgot-page-container{display:flex;width:100%;max-width:900px;height:min(88vh,680px);border-radius:22px;overflow:hidden;box-shadow:0 20px 50px #0006;background:#fff}.forgot-left-panel{flex:1.1;background:linear-gradient(150deg,#284a4b,#1a3334);padding:44px 36px;display:flex;flex-direction:column;justify-content:center;color:#fff}.forgot-logo-container{text-align:center;margin-bottom:40px}.forgot-logo-circle{width:84px;height:84px;margin:0 auto 16px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 28px #0006;overflow:hidden;border:3px solid rgba(57,125,124,.4)}.forgot-logo-img{width:60%;height:60%;object-fit:contain}.forgot-logo-text h1{font-size:1.8rem;margin-bottom:5px;font-weight:700;letter-spacing:-.5px}.forgot-logo-text p{color:#f5f5f5;font-size:.85rem}.forgot-welcome-section{text-align:center;margin-bottom:28px}.forgot-welcome-section h2{font-size:1.4rem;margin-bottom:8px;font-weight:600}.forgot-welcome-section p{color:#f5f5f5;font-size:.85rem;line-height:1.6}.forgot-steps-list{list-style:none;padding:0;margin:0}.forgot-steps-list li{margin-bottom:11px;display:flex;align-items:center;gap:10px;font-size:.875rem;color:#f5f5f5}.forgot-steps-list i{width:28px;height:28px;background:#397d7c66;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff}.forgot-right-panel{flex:1;padding:40px 36px;display:flex;flex-direction:column;justify-content:center;background:#fff;overflow-y:auto}.forgot-form-header{text-align:center;margin-bottom:24px}.forgot-form-header h2{font-size:1.6rem;color:#284a4b;margin-bottom:6px;font-weight:700}.forgot-form-header p{color:#666;font-size:.875rem}.forgot-form-container{width:100%;max-width:380px;margin:0 auto}.forgot-form-group{margin-bottom:14px}.forgot-form-label{display:block;margin-bottom:6px;color:#284a4b;font-weight:600;font-size:.8rem}.forgot-input-wrapper{position:relative}.forgot-input{width:100%;padding:12px 15px 12px 45px;border:2px solid #e0eeee;border-radius:8px;font-size:.95rem;background:#f5fafa;color:#000;font-family:inherit;box-sizing:border-box}.forgot-input::placeholder{color:#666}.forgot-input:focus{outline:none;border-color:#397d7c;background:#fff;box-shadow:0 0 0 3px #397d7c66}.forgot-input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#666;font-size:16px}.forgot-success-message{background:#f5fafa;color:#284a4b;padding:11px 14px;border-radius:8px;margin-bottom:18px;border-left:4px solid #397d7c;display:flex;align-items:center;gap:9px;font-size:.825rem}.forgot-error-message{background:#fecaca;color:#c0392b;padding:11px 14px;border-radius:8px;margin-bottom:18px;border-left:4px solid #fca5a5;display:flex;align-items:center;gap:9px;font-size:.825rem}.forgot-submit-btn{width:100%;padding:13px 24px;background:linear-gradient(135deg,#284a4b,#397d7c);color:#fff;border:none;border-radius:8px;font-size:.975rem;font-weight:700;cursor:pointer;margin-bottom:16px;box-shadow:0 6px 20px #397d7c80;min-height:48px}.forgot-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #397d7c66}.forgot-submit-btn:disabled{opacity:.7;cursor:not-allowed}.forgot-back-link{text-align:center}.forgot-back-link a{color:#284a4b;text-decoration:none;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.forgot-back-link a:hover{color:#397d7c;gap:10px;text-decoration:underline}@media(max-width:780px){.forgot-page-wrapper{padding:12px}.forgot-page-container{max-width:700px;height:min(90vh,620px)}.forgot-left-panel{flex:1;padding:28px 22px}.forgot-logo-container{margin-bottom:24px}.forgot-logo-circle{width:64px;height:64px;margin-bottom:12px}.forgot-logo-text h1{font-size:1.4rem}.forgot-logo-text p{font-size:.75rem}.forgot-welcome-section{margin-bottom:18px}.forgot-welcome-section h2{font-size:1.1rem}.forgot-welcome-section p{font-size:.78rem;line-height:1.5}.forgot-steps-list li{font-size:.78rem;margin-bottom:8px}.forgot-right-panel{flex:1;padding:28px 22px}.forgot-form-header h2{font-size:1.3rem}.forgot-form-header p{font-size:.8rem}.forgot-form-container{max-width:320px}.forgot-input{padding:10px 40px;font-size:.88rem}.forgot-submit-btn{padding:11px 20px;font-size:.9rem;min-height:44px}}@media(max-width:380px){.forgot-page-wrapper{align-items:flex-start;padding:0;overflow-y:auto}.forgot-page-container{flex-direction:column;width:100%;max-width:100%;height:93vh;border-radius:0;box-shadow:none}.forgot-left-panel{flex:none;padding:10px 12px;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:140px}.forgot-logo-container{margin-bottom:0}.forgot-logo-circle{width:45px;height:45px}.forgot-logo-text h1{font-size:16px}.forgot-welcome-section{margin-bottom:0;flex:1;text-align:right}.forgot-welcome-section h2{font-size:1rem}.forgot-welcome-section p,.forgot-steps-list{display:none}.forgot-right-panel{flex:1;padding:5px 12px 28px}.forgot-form-container{max-width:100%}.forgot-form-header h2{margin-top:-50px;font-size:1.2rem}.forgot-input{padding:10px 70px 10px 30px;font-size:.85rem}.forgot-form-header p{font-size:.78rem}.forgot-input-icon{left:12px;font-size:14px}}.signup-page-wrapper{width:100%;position:relative;z-index:1}.signup-section{display:flex;min-height:100vh;padding-top:100px;box-sizing:border-box}.signup-image{flex:1;background:linear-gradient(#397d7c80,#397d7c80),url(/home3.jpg);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;color:#fff;box-sizing:border-box}.signup-content{max-width:500px}.signup-content h1{font-size:2.8rem;margin-bottom:1.5rem;font-weight:700}.signup-content p{font-size:1.2rem;margin-bottom:2rem;line-height:1.8}.features{list-style:none;margin-top:2rem;padding:0}.features li{margin-bottom:1rem;display:flex;align-items:center;gap:12px;font-size:1.1rem}.check-icon{color:#fff;background:#397d7c66;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;flex-shrink:0}.signup-form-container{flex:1;background-color:#f5fafa;display:flex;justify-content:center;align-items:center;padding:3rem;box-sizing:border-box}.signup-form{width:100%;max-width:450px;padding:2.5rem;border-radius:16px;background:#fff;box-shadow:0 2px 20px #0006;box-sizing:border-box}.signup-form h2{font-size:2rem;margin-bottom:.5rem;color:#284a4b;text-align:center;font-weight:600}.signup-form>p{text-align:center;margin-bottom:2rem;color:#666;font-size:.95rem}.error-message{background:#fecaca;color:#c0392b;padding:10px 14px;border-radius:8px;font-size:.9rem;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#284a4b;font-size:.95rem}.form-control{width:100%;padding:12px 16px;border:1.5px solid #e0eeee;border-radius:10px;font-size:1rem;transition:all .2s ease;background:#fff;color:#000;font-family:inherit;box-sizing:border-box}.form-control:focus{border-color:#397d7c;background:#fff;box-shadow:0 0 0 4px #397d7c66;outline:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #ffffff inset!important;-webkit-text-fill-color:#000000!important;background-color:#fff!important}.password-container{position:relative}.toggle-password{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;padding:4px 8px;border-radius:6px;transition:all .2s}.toggle-password:hover{background:#f5fafa;color:#397d7c}.checkbox-container{display:flex;align-items:flex-start;gap:10px;margin-bottom:1.5rem}.checkbox-container input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:#284a4b;cursor:pointer;flex-shrink:0}.checkbox-container label{font-size:.9rem;color:#666;cursor:pointer;line-height:1.5}.btn-signup{width:100%;padding:14px;background:#284a4b;color:#fff;border:none;border-radius:10px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .25s ease;margin-bottom:1.5rem;letter-spacing:.3px}.btn-signup:hover{background:#1a3334;transform:translateY(-2px);box-shadow:0 6px 20px #284a4b4d}.btn-signup:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-link{text-align:center;color:#666;font-size:.95rem}.login-link a{color:#284a4b;text-decoration:none;font-weight:600}@media(max-width:780px){.signup-section{flex-direction:row;padding-top:80px;min-height:100vh}.signup-image{flex:.85;padding:1.5rem 1rem;justify-content:center}.signup-content{max-width:100%}.signup-content h1{font-size:1.4rem;margin-bottom:.75rem;line-height:1.3}.signup-content p{font-size:.8rem;margin-bottom:1rem;line-height:1.45}.features{margin-top:.75rem}.features li{font-size:.75rem;gap:6px;margin-bottom:.5rem}.check-icon{width:18px;height:18px;font-size:11px}.signup-form-container{flex:1.15;padding:1.5rem 1rem}.signup-form{padding:1.5rem;max-width:100%}.signup-form h2{font-size:1.5rem}.signup-form>p{font-size:.85rem;margin-bottom:1.25rem}.form-group{margin-bottom:1.1rem}.form-control{padding:10px 12px;font-size:.9rem}.btn-signup{padding:12px;font-size:.95rem}.login-link{font-size:.85rem}}@media(max-width:380px){.signup-section{flex-direction:column;padding-top:80px}.signup-image{padding:2rem}.signup-content h1{font-size:2.2rem}.signup-content p{font-size:.8rem;margin-bottom:1rem;line-height:1.45}.features li{display:none}.check-icon{width:16px;height:16px;font-size:10px}.signup-form-container{padding:1.25rem .75rem}.signup-form{padding:1.25rem;border-radius:12px}.signup-form h2{font-size:1.35rem}.signup-form>p{font-size:.85rem;margin-bottom:1.25rem}.form-group{margin-bottom:1.1rem}.form-control{padding:10px 12px;font-size:.9rem}.btn-signup{padding:12px;font-size:.95rem}.login-link{font-size:.85rem}}.pbp-container{width:100%;min-height:100vh}.pbp-layout{display:flex;position:relative}.pbp-sidebar{width:280px;background:#284a4b;border-right:1px solid #f5fafa;padding:25px;display:flex;flex-direction:column;position:absolute;top:100px;left:0;bottom:0;overflow-y:auto;z-index:900;transition:transform .35s cubic-bezier(.4,0,.2,1)}.pbp-sidebar-header{margin-top:0;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f5fafa}.pbp-sidebar-title{font-family:serif;font-size:24px;font-weight:1000;color:#fff;margin-bottom:10px;margin-top:0;text-align:center}.pbp-sidebar-subtitle{font-size:12px;color:#fff;font-weight:500;text-align:center;letter-spacing:.1em;text-transform:uppercase}.pbp-sidebar-categories{flex:1}.pbp-categories-list{list-style:none;padding:0;margin:0}.pbp-category-item{padding:13px 16px;border-radius:10px;margin-bottom:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .25s ease;border:1px solid #397d7c;background:#284a4b}.pbp-category-item:hover{background:#397d7c;transform:translate(5px)}.pbp-category-item.pbp-active{background:#1a3334;border-color:#fff}.pbp-category-name{font-size:15px;font-weight:600;color:#fff}.pbp-sidebar::-webkit-scrollbar{width:5px}.pbp-sidebar::-webkit-scrollbar-track{background:transparent}.pbp-sidebar::-webkit-scrollbar-thumb{background:#e0eeee;border-radius:4px}.pbp-sidebar-overlay{display:none;position:fixed;inset:0;background:#000;z-index:1050}.pbp-main{flex:1;background:#f5f5f5;overflow-y:auto;min-height:100vh;margin-left:280px;width:calc(100% - 280px);padding:30px 40px;position:relative}.pbp-main-header{margin-top:100px;margin-bottom:28px;padding-bottom:16px;border-bottom:2px solid #e0eeee;position:relative;z-index:10;background:#f5f5f5}.pbp-page-title{font-family:DM Sans,serif;font-size:38px;font-weight:800;color:#284a4b;margin-bottom:10px;letter-spacing:-.5px}.pbp-page-description{font-size:16px;color:#666;max-width:640px;line-height:1.6}.pbp-filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e0eeee}.pbp-filter-btn{padding:8px 18px;background:#fff;border:1px solid #e0eeee;border-radius:30px;font-size:13px;font-weight:600;color:#666;cursor:pointer;transition:all .25s ease;font-family:DM Sans,sans-serif}.pbp-filter-btn:hover{background:#f5fafa;border-color:#397d7c;color:#284a4b}.pbp-filter-btn.active{background:#284a4b;color:#fff;border-color:#284a4b}.pbp-filter-btn.active:hover{background:#397d7c;border-color:#397d7c}.pbp-items-grid-section{margin-bottom:40px}.pbp-items-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.pbp-item-card{background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:120px;width:100%;animation:fadeInUp .4s ease-out}.pbp-item-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #397d7c;border-color:#397d7c}.pbp-card-image{width:110px;height:100%;background-size:cover;background-position:center;flex-shrink:0;border-right:1px solid #e0eeee}.pbp-card-content{padding:14px 16px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.pbp-card-title{font-family:DM Sans,serif;font-size:17px;font-weight:700;color:#1a3334;margin-bottom:5px;white-space:nowrap;overflow:hidden}.pbp-card-description{font-size:12px;color:#666;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pbp-modal-overlay{position:fixed;inset:0;background:#1a3334;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.pbp-modal{background:#fff;border-radius:28px;width:96%;max-width:1000px;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 40px 90px #000;display:flex;flex-direction:column}.pbp-modal-close{position:absolute;top:18px;right:18px;background:#1a3334;color:#fff;border:1px solid #e0eeee;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.pbp-modal-close:hover{background:#397d7c;transform:scale(1.1)}.pbp-modal-hero{background:linear-gradient(135deg,#1a3334,#284a4b 60%,#397d7c);padding:17px 36px 22px;position:relative;overflow:hidden;flex-shrink:0}.pbp-modal-hero-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff;margin-bottom:8px}.pbp-modal-hero-title{font-family:DM Sans,serif;font-size:36px;font-weight:800;color:#fff;line-height:1.1;margin-bottom:8px;position:relative;z-index:1}.pbp-modal-hero-subtitle{font-size:14px;color:#fff;font-style:italic;position:relative;z-index:1}.pbp-modal-inner{display:flex;flex:1;overflow:hidden;min-height:0}.pbp-modal-left{flex:1;overflow-y:auto;padding:26px 28px 32px;display:flex;flex-direction:column;gap:20px;min-width:0}.pbp-modal-left::-webkit-scrollbar{width:5px}.pbp-modal-left::-webkit-scrollbar-track{background:transparent}.pbp-modal-left::-webkit-scrollbar-thumb{background:#e0eeee;border-radius:4px}.pbp-modal-right{width:280px;flex-shrink:0;background:#fff;border-left:2px solid #e0eeee;display:flex;align-items:center;justify-content:center;padding:28px 20px;position:relative;overflow:hidden}.pbp-modal-right:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,#397d7c 0%,transparent 60%);pointer-events:none}.pbp-modal-right-image{width:220px;height:220px;border-radius:20px;background-size:cover;background-position:center;background-repeat:no-repeat;border:3px solid #e0eeee;box-shadow:0 20px 50px #284a4b;position:relative;z-index:1;transition:transform .3s ease;cursor:pointer}.pbp-modal-right-image:hover{transform:scale(1.02)}.pbp-about-row{display:flex;align-items:flex-start;gap:16px}.pbp-about-text{flex:1;min-width:0}.pbp-about-thumb{display:none;flex-shrink:0;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:50%;border:3px solid #e0eeee;box-shadow:0 8px 18px #284a4b;cursor:pointer}.pbp-lightbox-overlay{position:fixed;inset:0;background:#1a3334eb;display:flex;align-items:center;justify-content:center;z-index:3000;padding:30px;animation:fadeInUp .25s ease-out}.pbp-lightbox-image{max-width:90vw;max-height:90vh;border-radius:16px;box-shadow:0 30px 70px #000;object-fit:contain}.pbp-lightbox-close{position:absolute;top:24px;right:24px;background:#fff;color:#1a3334;border:none;width:42px;height:42px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 4px 15px #000;transition:all .2s}.pbp-lightbox-close:hover{background:#397d7c;color:#fff;transform:scale(1.1)}.pbp-msec{display:flex;flex-direction:column;gap:2px}.pbp-msec-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#397d7c}.pbp-msec-text{font-size:14px;color:#000;line-height:1.6;background:#e0eeee;padding:10px 16px;border-radius:12px;border-left:3px solid #397d7c;margin:0}.pbp-mdivider{height:1px;background:linear-gradient(90deg,transparent,#e0eeee 30%,#e0eeee 70%,transparent);border:none;margin:4px 0}.pbp-uses-badge-row{display:flex;gap:24px;align-items:flex-start}.pbp-uses-section{flex:2}.pbp-badge-section{flex:1}.pbp-uses-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.pbp-use-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#f5fafa;border:1px solid #e0eeee;border-radius:20px;font-size:12px;color:#284a4b;font-weight:500;transition:all .2s;cursor:default}.pbp-use-tag:hover{background:#284a4b;color:#fff}.pbp-use-dot{flex-shrink:0}.pbp-category-badge{display:flex;align-items:flex-start;gap:10px;background:#f5fafa;border:1px solid #e0eeee;border-radius:12px;padding:10px 14px;width:100%;transition:all .2s}.pbp-category-badge:hover{background:#f5fafa;border-color:#e0eeee}.pbp-category-badge-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;color:#397d7c}.pbp-category-badge-value{font-size:13px;font-weight:600;color:#1a3334;line-height:1.3}.pbp-modal-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pbp-tips-list{display:flex;flex-direction:column;gap:8px}.pbp-tip-card{display:flex;gap:10px;align-items:flex-start;background:#f5fafa;border:1px solid #e0eeee;border-radius:10px;padding:8px 12px;transition:all .2s}.pbp-tip-card:hover{background:#e0eeee}.pbp-tip-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.pbp-tip-txt{font-size:12px;color:#4a5a5b;line-height:1.5}.pbp-mistakes-list{display:flex;flex-direction:column;gap:8px}.pbp-mistake-card{display:flex;gap:10px;align-items:flex-start;background:#fecaca;border:1px solid #fca5a5;border-radius:10px;padding:8px 12px;transition:all .2s;cursor:default}.pbp-mistake-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#c0392b}.pbp-mistake-card .pbp-tip-txt{font-size:12px;color:#000;line-height:1.5;flex:1}.pbp-back-section{margin-top:30px;margin-bottom:20px;text-align:center}.pbp-back-button{display:inline-flex;align-items:center;gap:12px;background:#284a4b;color:#fff;border:none;padding:14px 32px;font-size:16px;font-weight:600;border-radius:40px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #000;font-family:DM Sans,sans-serif}.pbp-back-button:hover{background:#397d7c;transform:translate(-5px);box-shadow:0 4px 15px #397d7c}.pbp-back-button svg{transition:transform .2s ease}.pbp-back-button:hover svg{transform:translate(-3px)}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px}.error-message p{font-size:18px;color:#c0392b}.retry-button{background:#284a4b;color:#fff;border:none;padding:12px 32px;border-radius:40px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-button:hover{background:#397d7c;transform:scale(1.05)}.pbp-mobile-topbar{margin-top:120px;display:none}.pbp-categories-row{display:none}@media(max-width:780px){html{overflow-x:hidden}body{height:auto;overflow-y:auto}.pbp-sidebar-overlay.visible{display:block}.pbp-main{margin-left:0;width:100%;padding:15px 16px 10px;height:auto;overflow-y:visible}.pbp-layout{display:block;min-height:auto}.pbp-mobile-topbar{display:flex;align-items:center;justify-content:center;gap:12px;height:100px;background:#1a3334;padding:14px 16px;border-bottom:3px solid #397d7c;box-shadow:0 4px 15px #0003;margin-top:80px}.pbp-mobile-topbar .pbp-page-title{font-size:22px;font-weight:700;color:#fff;text-align:center;margin:0;flex:1}.pbp-categories-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px 16px;background:#fff;border-bottom:1px solid rgba(255,255,255,.05)}.pbp-cat-btn{padding:8px 6px;border-radius:18px;background:#e0eeee;color:#1a3334;font-size:8.5px;font-weight:600;text-align:center;cursor:pointer;transition:all .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbp-cat-btn:hover{background:#397d7c;color:#fff;transform:scale(1.05)}.pbp-cat-btn.active{background:#284a4b;color:#fff;border-color:#fff}.pbp-main-header .pbp-page-title{display:none}.pbp-main-header{margin-top:0;padding-top:10px;padding-bottom:8px;border-bottom:none;margin-bottom:0}.pbp-page-description{font-size:14px}.pbp-sidebar{position:fixed;left:0;top:0;height:100vh;width:270px;margin-top:0;transform:translate(-100%);z-index:1100;overflow-y:auto;bottom:auto;padding:20px 16px}.pbp-sidebar.open{transform:translate(0)}.pbp-sidebar-header{margin-top:20px}.pbp-sidebar-title{font-size:20px}.pbp-filter-bar{gap:8px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.pbp-filter-btn{padding:6px 14px;font-size:12px;white-space:nowrap}.pbp-items-grid{gap:15px}.pbp-item-card{flex-direction:column;height:auto}.pbp-card-image{width:100%;height:80px;border-right:none;border-bottom:1px solid #e0eeee}.pbp-card-content{padding:12px}.pbp-card-title{font-size:14px}.pbp-modal-overlay{align-items:center;padding:10px}.pbp-modal{width:95%;border-radius:20px;max-height:88vh}.pbp-modal-inner{flex-direction:column;overflow-y:auto}.pbp-modal-left{width:100%;padding:16px;overflow-y:visible;-webkit-overflow-scrolling:touch}.pbp-modal-right{display:none}.pbp-about-thumb{display:block;width:120px;height:120px}.pbp-modal-hero{padding:16px 20px}.pbp-modal-hero-title{font-size:22px}.pbp-modal-two-col{grid-template-columns:1fr;gap:12px}.pbp-msec-text{font-size:12px;padding:10px 12px}.pbp-uses-badge-row{flex-direction:column;gap:16px}.pbp-uses-wrap{grid-template-columns:repeat(2,1fr);gap:6px}.pbp-use-tag{font-size:11px;padding:4px 8px}.pbp-category-badge{padding:7px 10px}.pbp-category-badge-value{font-size:12px}.pbp-back-section{margin-top:2px;margin-bottom:2px}.pbp-back-button{padding:12px 24px;font-size:14px;width:auto;min-width:200px}.pbp-mistake-card{padding:7px 10px}.pbp-mistake-card .pbp-tip-txt{font-size:11px}}@media(max-width:380px){.pbp-main{padding:10px 10px 8px}.pbp-mobile-topbar{padding:10px 12px}.pbp-mobile-topbar .pbp-page-title{text-align:center;font-size:20px}.pbp-categories-row{grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 10px}.pbp-cat-btn{font-size:8px;padding:6px 4px}.pbp-items-grid{margin:10px;gap:10px}.pbp-item-card{flex-direction:column;height:auto}.pbp-card-image{height:60px}.pbp-card-content{padding:6px 10px}.pbp-card-title{font-size:12px}.pbp-card-description{font-size:10px;-webkit-line-clamp:1}.pbp-modal{width:98%;border-radius:16px;max-height:92vh}.pbp-modal-left{width:100%;padding:12px}.pbp-about-row{gap:10px}.pbp-about-thumb{width:110px;height:110px}.pbp-modal-hero{padding:12px 14px}.pbp-modal-hero-title{font-size:18px}.pbp-modal-hero-subtitle{font-size:12px}.pbp-modal-hero-label{font-size:8px}.pbp-modal-close{top:10px;right:10px;width:28px;height:28px;font-size:16px}.pbp-msec-text{font-size:11px;padding:8px 10px}.pbp-msec-label{font-size:8px}.pbp-uses-wrap{grid-template-columns:1fr}.pbp-use-tag{font-size:10px;padding:3px 6px}.pbp-step-txt,.pbp-tip-txt{font-size:10px}.pbp-step-card,.pbp-tip-card{padding:5px 8px}.pbp-step-num{width:18px;height:18px;font-size:8px}.pbp-back-button{padding:8px 16px;font-size:12px;min-width:150px}.pbp-mistake-card{padding:5px 8px}.pbp-mistake-card .pbp-tip-txt{font-size:10px}.pbp-sidebar{width:240px;padding:16px 12px}.pbp-sidebar-title{font-size:18px}.pbp-sidebar-subtitle{font-size:10px}.pbp-category-item{padding:10px 12px}.pbp-category-name{font-size:13px}.pbp-lightbox-overlay{padding:16px}.pbp-lightbox-close{top:14px;right:14px;width:34px;height:34px;font-size:18px}.pbp-filter-bar{gap:4px}.pbp-filter-btn{font-size:10px;padding:4px 10px}}html,body,#root{width:100%;font-family:DM Sans,Segoe UI,sans-serif;background:#f5f5f5;--site-nav-height: 100px}.bep-container{width:100%;min-height:100vh}.bep-layout{display:flex;position:relative}.bep-hamburger{display:none}.bep-sidebar{width:280px;background:#284a4b;border-right:1px solid #f5fafa;padding:25px;display:flex;flex-direction:column;position:absolute;top:100px;left:0;bottom:0;overflow-y:auto;z-index:900;transition:transform .35s cubic-bezier(.4,0,.2,1)}.bep-sidebar-header{margin-top:0;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f5fafa}.bep-sidebar-title{font-family:serif;font-size:24px;font-weight:1000;color:#fff;margin-bottom:10px;margin-top:0;text-align:center}.bep-sidebar-subtitle{font-size:12px;color:#fff;font-weight:500;text-align:center;letter-spacing:.1em;text-transform:uppercase}.bep-sidebar-categories{flex:1}.bep-categories-list{list-style:none;padding:0;margin:0}.bep-category-item{padding:13px 16px;border-radius:10px;margin-bottom:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .25s ease;border:1px solid #397d7c;background:#284a4b}.bep-category-item:hover{background:#397d7c;transform:translate(5px)}.bep-category-item.bep-active{background:#1a3334;border-color:#fff}.bep-category-name{font-size:15px;font-weight:600;color:#fff}.bep-category-priority{display:none}.bep-sidebar::-webkit-scrollbar{width:5px}.bep-sidebar::-webkit-scrollbar-track{background:transparent}.bep-sidebar::-webkit-scrollbar-thumb{background:#e0eeee;border-radius:4px}.bep-sidebar-overlay{display:none;position:fixed;inset:0;background:#000;z-index:1050}.bep-main{flex:1;background:#f5f5f5;overflow-y:auto;min-height:100vh;margin-left:280px;width:calc(100% - 280px);padding:30px 40px;position:relative}.bep-main-header{margin-top:100px;margin-bottom:28px;padding-bottom:16px;border-bottom:2px solid #e0eeee;position:relative;z-index:10;background:#f5f5f5}.bep-page-title{font-family:DM Sans,serif;font-size:38px;font-weight:800;color:#284a4b;margin-bottom:10px;letter-spacing:-.5px}.bep-page-description{font-size:16px;color:#666;max-width:640px;line-height:1.6}.error-note{font-size:13px;color:#c0392b;margin-top:8px}.bep-items-grid-section{margin-bottom:40px}.bep-items-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.bep-item-card{background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:120px;width:100%;animation:fadeInUp .4s ease-out}.bep-item-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #397d7c;border-color:#397d7c}.bep-card-image{width:110px;height:100%;background-size:cover;background-position:center;flex-shrink:0;border-right:1px solid #e0eeee}.bep-card-content{padding:14px 16px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.bep-card-title{font-family:DM Sans,serif;font-size:17px;font-weight:700;color:#1a3334;margin-bottom:5px;white-space:nowrap;overflow:hidden}.bep-card-description{font-size:12px;color:#666;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bep-modal-overlay{position:fixed;inset:0;background:#1a3334;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.bep-modal{background:#fff;border-radius:28px;width:96%;max-width:1000px;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 40px 90px #000;display:flex;flex-direction:column}.bep-modal-close{position:absolute;top:18px;right:18px;background:#1a3334;color:#fff;border:1px solid #e0eeee;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.bep-modal-close:hover{background:#397d7c;transform:scale(1.1)}.bep-modal-hero{background:linear-gradient(135deg,#1a3334,#284a4b 60%,#397d7c);padding:17px 36px 22px;position:relative;overflow:hidden;flex-shrink:0}.bep-modal-hero-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff;margin-bottom:8px}.bep-modal-hero-title{font-family:DM Sans,serif;font-size:36px;font-weight:800;color:#fff;line-height:1.1;margin-bottom:8px;position:relative;z-index:1}.bep-modal-hero-subtitle{font-size:14px;color:#fff;font-style:italic;position:relative;z-index:1}.bep-modal-inner{display:flex;flex:1;overflow:hidden;min-height:0}.bep-modal-left{flex:1;overflow-y:auto;padding:26px 28px 32px;display:flex;flex-direction:column;gap:20px;min-width:0}.bep-modal-left::-webkit-scrollbar{width:5px}.bep-modal-left::-webkit-scrollbar-track{background:transparent}.bep-modal-left::-webkit-scrollbar-thumb{background:#e0eeee;border-radius:4px}.bep-modal-right{width:280px;flex-shrink:0;background:#fff;border-left:2px solid #e0eeee;display:flex;align-items:center;justify-content:center;padding:28px 20px;position:relative;overflow:hidden}.bep-modal-right:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,#397d7c 0%,transparent 60%);pointer-events:none}.bep-modal-right-image{width:400px;height:400px;aspect-ratio:1 / 1;border-radius:20px;background-size:cover;background-position:center;background-repeat:no-repeat;border:3px solid #e0eeee;box-shadow:0 20px 50px #284a4b;position:relative;z-index:1;transition:transform .3s ease;margin:0 auto;cursor:pointer}.bep-modal-right-image:hover{transform:scale(1.02)}.bep-about-row{display:flex;align-items:flex-start;gap:16px}.bep-about-text{flex:1;min-width:0}.bep-about-thumb{display:none;flex-shrink:0;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:50%;border:3px solid #e0eeee;box-shadow:0 8px 18px #284a4b;cursor:pointer}.bep-lightbox-overlay{position:fixed;inset:0;background:#1a3334eb;display:flex;align-items:center;justify-content:center;z-index:3000;padding:30px;animation:fadeInUp .25s ease-out}.bep-lightbox-image{max-width:90vw;max-height:90vh;border-radius:16px;box-shadow:0 30px 70px #000;object-fit:contain}.bep-lightbox-close{position:absolute;top:24px;right:24px;background:#fff;color:#1a3334;border:none;width:42px;height:42px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 4px 15px #000;transition:all .2s}.bep-lightbox-close:hover{background:#397d7c;color:#fff;transform:scale(1.1)}.bep-msec{display:flex;flex-direction:column;gap:2px}.bep-msec-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#397d7c}.bep-msec-text{font-size:14px;color:#000;line-height:1.6;background:#e0eeee;padding:10px 16px;border-radius:12px;border-left:3px solid #397d7c;margin:0}.bep-mdivider{height:1px;background:linear-gradient(90deg,transparent,#e0eeee 30%,#e0eeee 70%,transparent);border:none;margin:4px 0}.bep-uses-badge-row{display:flex;gap:24px;align-items:flex-start}.bep-uses-section{flex:2}.bep-badge-section{flex:1}.bep-uses-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.bep-use-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#f5fafa;border:1px solid #e0eeee;border-radius:20px;font-size:12px;color:#284a4b;font-weight:500;transition:all .2s;cursor:default}.bep-use-tag:hover{background:#284a4b;color:#fff}.bep-use-dot{flex-shrink:0}.bep-category-badge{display:flex;align-items:flex-start;gap:10px;background:#f5fafa;border:1px solid #e0eeee;border-radius:12px;padding:10px 14px;width:100%;transition:all .2s}.bep-category-badge:hover{background:#f5fafa;border-color:#e0eeee}.bep-category-badge-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;color:#397d7c}.bep-category-badge-text{display:flex;flex-direction:column;gap:1px;min-width:0}.bep-category-badge-label{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#397d7c}.bep-category-badge-value{font-size:13px;font-weight:600;color:#1a3334;line-height:1.3}.bep-modal-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bep-steps-list,.bep-tips-list{display:flex;flex-direction:column;gap:8px}.bep-step-card,.bep-tip-card{display:flex;gap:10px;align-items:flex-start;background:#f5fafa;border:1px solid #e0eeee;border-radius:10px;padding:8px 12px;transition:all .2s}.bep-step-card:hover,.bep-tip-card:hover{background:#f5fafa;border-color:#e0eeee}.bep-step-num{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#284a4b,#397d7c);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bep-step-txt,.bep-tip-txt{font-size:12px;color:#4a5a5b;line-height:1.5}.bep-tip-card{background:#f5fafa}.bep-tip-card:hover{background:#e0eeee}.bep-tip-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.bep-back-section{margin-top:30px;margin-bottom:20px;text-align:center}.bep-back-button{display:inline-flex;align-items:center;gap:12px;background:#284a4b;color:#fff;border:none;padding:14px 32px;font-size:16px;font-weight:600;border-radius:40px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #000;font-family:DM Sans,sans-serif}.bep-back-button:hover{background:#397d7c;transform:translate(-5px);box-shadow:0 4px 15px #397d7c}.bep-back-button svg{transition:transform .2s ease}.bep-back-button:hover svg{transform:translate(-3px)}.loading-spinner{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:#397d7c}.bep-mobile-topbar{margin-top:120px;display:none}.bep-categories-row{display:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.bep-mistakes-list{display:flex;flex-direction:column;gap:8px}.bep-mistake-card{display:flex;gap:10px;align-items:flex-start;background:#fecaca;border:1px solid #fca5a5;border-radius:10px;padding:8px 12px;transition:all .2s;cursor:default}.bep-mistake-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#c0392b}.bep-mistake-card .bep-tip-txt{font-size:12px;color:#000;line-height:1.5;flex:1}@media(max-width:780px){html{overflow-x:hidden}body{height:auto;overflow-y:auto}.bep-sidebar-overlay.visible{display:block}.bep-main{margin-left:0;width:100%;padding:15px 16px 10px;height:auto;overflow-y:visible}.bep-layout{display:block;min-height:auto}.bep-mobile-topbar{display:flex;align-items:center;justify-content:center;gap:12px;height:100px;background:#1a3334;padding:14px 16px;border-bottom:3px solid #397d7c;box-shadow:0 4px 15px #0003;margin-top:80px}.bep-mobile-topbar .bep-page-title{font-size:22px;font-weight:700;color:#fff;text-align:center;margin:0;flex:1}.bep-hamburger{display:none}.bep-categories-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px 16px;background:#fff;border-bottom:1px solid rgba(255,255,255,.05)}.bep-cat-btn{padding:8px 6px;border-radius:18px;background:#e0eeee;color:#1a3334;font-size:8.5px;font-weight:600;text-align:center;cursor:pointer;transition:all .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bep-cat-btn:hover{background:#397d7c;color:#fff;transform:scale(1.05)}.bep-cat-btn.active{background:#284a4b;color:#fff;border-color:#fff}.bep-main-header .bep-page-title{display:none}.bep-main-header{margin-top:0;padding-top:10px;padding-bottom:8px;border-bottom:none;margin-bottom:0}.bep-page-description{font-size:14px}.bep-sidebar{position:fixed;left:0;top:0;height:100vh;width:270px;margin-top:0;transform:translate(-100%);z-index:1100;overflow-y:auto;bottom:auto;padding:20px 16px}.bep-sidebar.open{transform:translate(0)}.bep-sidebar-header{margin-top:20px}.bep-sidebar-title{font-size:20px}.bep-items-grid{gap:15px}.bep-item-card{flex-direction:column;height:auto}.bep-card-image{width:100%;height:80px;border-right:none;border-bottom:1px solid #e0eeee}.bep-card-content{padding:12px}.bep-card-title{font-size:14px}.bep-modal-overlay{align-items:center;padding:10px}.bep-modal{width:95%;border-radius:20px;max-height:88vh}.bep-modal-inner{flex-direction:column;overflow-y:auto}.bep-modal-left{width:100%;padding:16px;overflow-y:visible;-webkit-overflow-scrolling:touch}.bep-modal-right{display:none}.bep-about-thumb{display:block;width:120px;height:120px}.bep-modal-hero{padding:16px 20px}.bep-modal-hero-title{font-size:22px}.bep-modal-two-col{grid-template-columns:1fr;gap:12px}.bep-msec-text{font-size:12px;padding:10px 12px}.bep-uses-badge-row{flex-direction:column;gap:16px}.bep-uses-wrap{grid-template-columns:repeat(2,1fr);gap:6px}.bep-use-tag{font-size:11px;padding:4px 8px}.bep-category-badge{padding:7px 10px}.bep-category-badge-value{font-size:12px}.bep-back-section{margin-top:2px;margin-bottom:2px}.bep-back-button{padding:12px 24px;font-size:14px;width:auto;min-width:200px}.bep-mistake-card{padding:7px 10px}.bep-mistake-card .bep-tip-txt{font-size:11px}}@media(max-width:380px){.bep-main{padding:10px 10px 8px}.bep-mobile-topbar{padding:10px 12px}.bep-mobile-topbar .bep-page-title{text-align:center;font-size:20px}.bep-categories-row{grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 10px}.bep-cat-btn{font-size:8px;padding:6px 4px}.bep-items-grid{margin:10px;gap:10px}.bep-item-card{flex-direction:column;height:auto}.bep-card-image{height:60px}.bep-card-content{padding:6px 10px}.bep-card-title{font-size:12px}.bep-card-description{font-size:10px;-webkit-line-clamp:1}.bep-modal{width:98%;border-radius:16px;max-height:92vh}.bep-modal-left{width:100%;padding:12px}.bep-about-row{gap:10px}.bep-about-thumb{width:110px;height:110px}.bep-modal-hero{padding:12px 14px}.bep-modal-hero-title{font-size:18px}.bep-modal-hero-subtitle{font-size:12px}.bep-modal-hero-label{font-size:8px}.bep-modal-close{top:10px;right:10px;width:28px;height:28px;font-size:16px}.bep-msec-text{font-size:11px;padding:8px 10px}.bep-msec-label{font-size:8px}.bep-uses-wrap{grid-template-columns:1fr}.bep-use-tag{font-size:10px;padding:3px 6px}.bep-step-txt,.bep-tip-txt{font-size:10px}.bep-step-card,.bep-tip-card{padding:5px 8px}.bep-step-num{width:18px;height:18px;font-size:8px}.bep-back-button{padding:8px 16px;font-size:12px;min-width:150px}.bep-mistake-card{padding:5px 8px}.bep-mistake-card .bep-tip-txt{font-size:10px}.bep-sidebar{width:240px;padding:16px 12px}.bep-sidebar-title{font-size:18px}.bep-sidebar-subtitle{font-size:10px}.bep-category-item{padding:10px 12px}.bep-category-name{font-size:13px}.bep-lightbox-overlay{padding:16px}.bep-lightbox-close{top:14px;right:14px;width:34px;height:34px;font-size:18px}}.ms-container{width:100%;min-height:100vh;background:#f5f5f5;font-family:DM Sans,Segoe UI,sans-serif;overflow-x:hidden}svg{vertical-align:middle;flex-shrink:0}.ms-hero-split{margin-top:100px;display:flex;width:100%;height:250px;overflow:hidden}.ms-hero-text-side{flex:0 0 40%;background:#1a3334;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:40px 5% 40px 7%;position:relative;z-index:2}.ms-hero-title{font-family:DM Sans,serif;font-size:45px;line-height:1.1;margin:0 0 18px;color:#fff}.ms-hero-divider{width:55px;height:3px;background:#397d7c;margin-bottom:18px}.ms-hero-desc{font-size:16px;line-height:1.6;color:#fff;opacity:.9;margin:0;max-width:400px}.ms-hero-image-side{flex:0 0 60%;position:relative;overflow:hidden}.ms-hero-img{width:100%;height:100%;min-height:330px;object-fit:cover;display:block}.ms-hero-img-tint{position:absolute;inset:0;background:#284a4b4d}.ms-hero-img-slice{position:absolute;top:0;left:-1px;width:90px;height:100%;background:#1a3334;clip-path:polygon(0 0,100% 0,25% 100%,0 100%)}.ms-layout{display:flex;gap:24px;max-width:1400px;margin:0 auto;padding:20px;align-items:flex-start}.ms-days-calendar{width:70px;flex-shrink:0;background:#fff;border-radius:12px;padding:12px 4px;box-shadow:0 1px 3px #0006;border:2px solid #397d7c;position:sticky;top:20px;align-self:flex-start;transition:width .3s ease}.ms-days-calendar.ms-expanded{width:280px}.ms-day-wrapper{margin-bottom:8px;position:relative}.ms-day-item{text-align:center;padding:10px 0;margin:2px 0;font-size:12px;font-weight:600;color:#284a4b;cursor:pointer;transition:all .2s;border-radius:8px;position:relative;overflow:visible}.ms-day-item:hover{background:#f5fafa}.ms-day-active{background:#284a4b;color:#fff}.ms-day-name{display:block;font-size:11px;font-weight:700}.ms-day-date{display:block;font-size:9px;font-weight:400;opacity:.7;margin-top:2px}.ms-day-active .ms-day-date{color:#fff;opacity:.8}.ms-day-today{border:2px solid #397d7c;background:#f5fafa}.ms-status-dot{position:absolute;top:-5px;right:-5px;width:12px;height:12px;border-radius:50%;background:#c0392b;animation:pulse-red 1.5s infinite;box-shadow:0 0 0 2px #284a4b4d}@keyframes pulse-red{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.ms-day-meals-expanded{margin-top:8px;padding:12px;background:#f5fafa;border-radius:10px;border-left:3px solid #397d7c;border-right:1px solid #e0eeee;border-bottom:1px solid #e0eeee}.ms-expanded-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #e0eeee}.ms-expanded-day{font-size:13px;font-weight:700;color:#284a4b;display:block}.ms-expanded-date{font-size:10px;color:#666;display:block}.ms-expanded-header button{background:none;border:none;font-size:16px;cursor:pointer;color:#666;display:flex;align-items:center}.ms-expanded-header button:hover{color:#284a4b}.ms-meals-list-expanded{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow-y:auto}.ms-meal-item-expanded{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:8px 12px;border-radius:8px;font-size:12px;border:1px solid #e0eeee}.ms-meal-name{font-weight:600;color:#284a4b}.ms-meal-members{color:#666;background:#e0eeee;padding:2px 8px;border-radius:20px;font-size:10px;display:flex;align-items:center;gap:4px}.ms-meal-actions-expanded{display:flex;gap:8px}.ms-meal-actions-expanded button{background:#fecaca;border:none;padding:4px 10px;border-radius:6px;color:#c0392b;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:4px}.ms-meal-actions-expanded button:first-child{background:#e0eeee;color:#284a4b}.ms-no-meals-expanded{text-align:center;padding:16px;font-size:12px;color:#666}.ms-no-cooking-msg{display:flex;align-items:center;justify-content:center;gap:6px;color:#666;margin-bottom:10px}.ms-expanded-actions{display:flex;gap:10px;margin-top:12px}.ms-expanded-actions button{border:none;padding:8px 12px;border-radius:20px;font-size:11px;cursor:pointer;flex:1;display:flex;align-items:center;justify-content:center;gap:5px}.ms-expanded-actions button:first-child{background:#c0392b;color:#fff}.ms-expanded-actions button:last-child{background:#397d7c;color:#fff}.ms-no-meals-expanded>button,.ms-meals-list-expanded+button{background:none;border:1px dashed #397d7c;color:#397d7c;padding:8px 12px;border-radius:20px;font-size:11px;cursor:pointer;margin-top:10px;width:100%;display:flex;align-items:center;justify-content:center;gap:5px}.ms-month-history-btn{width:100%;text-align:center;padding:10px 0;margin:2px 0;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;border-radius:8px;border:none;background:#397d7c;color:#fff;display:flex;flex-direction:column;align-items:center;gap:4px}.ms-month-history-btn:hover{background:#284a4b;transform:translateY(-1px)}.ms-main-content{flex:1;min-width:0}.ms-search-form{display:flex;flex-direction:row;gap:10px;width:100%;align-items:center;flex-wrap:nowrap;margin-bottom:20px}.ms-search-wrapper{flex:1;position:relative;min-width:0;display:flex;align-items:center}.ms-search-wrapper svg{position:absolute;left:15px;color:#666;pointer-events:none}.ms-search-input{width:100%;padding:12px 18px 12px 42px;border:1px solid #e0eeee;border-radius:40px;font-size:14px;outline:none;transition:all .3s;background:#fff;color:#1a3334}.ms-search-input::placeholder{color:#666;opacity:.6}.ms-search-input:focus{border-color:#397d7c;box-shadow:0 0 0 2px #397d7c66}.ms-search-actions{display:flex;flex-direction:row;align-items:center;gap:6px;flex-shrink:0}.ms-search-actions button[type=submit]{background:#284a4b;color:#fff;border:none;padding:12px 24px;border-radius:40px;font-weight:600;cursor:pointer;transition:background .3s;white-space:nowrap;font-size:14px;flex-shrink:0}.ms-search-actions button[type=submit]:hover{background:#397d7c}.ms-search-actions button[type=button]{width:44px;height:44px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s;flex-shrink:0;background:#284a4b;color:#fff}.ms-search-actions button[type=button]:hover{background:#397d7c;transform:translateY(-1px)}.ms-filters-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:25px;padding:15px 20px;background:#284a4b;border-radius:16px}.ms-filters-bar select{padding:8px 14px;border:1px solid #284a4b;border-radius:10px;background:#fff;font-size:12px;cursor:pointer;outline:none;color:#284a4b;min-width:110px}.ms-filters-bar select:hover{background:#f5fafa}.ms-filters-bar button{background:#fff;border:1px solid #284a4b;padding:8px 22px;border-radius:30px;color:#284a4b;font-weight:600;cursor:pointer;transition:all .2s;font-size:12px;display:flex;align-items:center;gap:5px;flex-shrink:0;margin-left:auto}.ms-filters-bar button:hover{background:#e0eeee}.patient-sections-container{margin-bottom:30px}.patient-section{margin-bottom:30px;background:#fff;border-radius:16px;padding:16px 0}.patient-section h3{font-size:18px;font-weight:700;color:#284a4b;margin-bottom:16px;padding-left:10px;border-left:4px solid #397d7c;display:flex;align-items:center;gap:8px}.patient-label{background:#397d7c;color:#fff;font-size:10px;padding:2px 8px;border-radius:20px}.horizontal-scroll-container{display:flex;align-items:center;gap:12px;position:relative}.horizontal-scroll-container>button{width:34px;height:34px;background:#fff;color:#1a3334;border:1px solid #e0eeee;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.horizontal-scroll-container>button:hover:not(:disabled){background:#397d7c;color:#fff;transform:scale(1.05)}.horizontal-scroll-container>button:disabled{background:#e0eeee;color:#666;cursor:not-allowed;opacity:.5}.patient-recipes-wrapper{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;flex:1;padding:8px 4px}.patient-recipes-wrapper::-webkit-scrollbar{display:none}.patient-recipe-card{min-width:160px;width:160px;background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s;border:1px solid #e0eeee;box-shadow:0 1px 3px #0006;padding-bottom:10px}.patient-recipe-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0006;border-color:#397d7c}.patient-recipe-image{width:100%;height:110px;background-size:cover;background-position:center;cursor:pointer;position:relative}.patient-recipe-card h4{font-size:13px;font-weight:600;color:#284a4b;margin:8px 10px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.patient-recipe-card p{font-size:11px;color:#666;margin:0 10px 8px;display:flex;align-items:center;gap:4px}.patient-recipe-card .ms-full-match,.patient-recipe-card .ms-missing-ingredients,.patient-recipe-card .ms-no-ingredients{margin:0 10px 6px;font-size:10px;padding:4px 8px}.patient-recipe-card .ms-match-progress{margin:0 10px 8px;width:calc(100% - 20px)}.patient-recipe-actions{display:flex;gap:6px;margin:0 10px}.patient-recipe-actions button{flex:1;padding:5px 0;border-radius:20px;font-size:10px;font-weight:500;cursor:pointer;text-align:center;border:none;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px;background:#284a4b;color:#fff}.patient-recipe-actions button:hover{background:#397d7c}.patient-recipe-actions button:last-child:not(:only-child){flex:0 0 30px;background:#e0eeee;color:#284a4b}.patient-recipe-actions button:last-child:not(:only-child):hover{background:#397d7c;color:#fff}.ms-results-info{margin-bottom:18px;padding:10px 16px;background:#f5fafa;border-radius:12px;color:#284a4b;font-size:13px;border-left:3px solid #397d7c}.ms-results-info span{font-weight:700;color:#397d7c}.ms-suggestions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px}.ms-recipe-card-wrapper{position:relative}.ms-recipe-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 6px #0006;transition:all .25s ease;border:1px solid #e0eeee;display:flex;flex-direction:column}.ms-recipe-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0006;border-color:#397d7c}.ms-recipe-image{height:130px;background-size:cover;background-position:center;cursor:pointer;position:relative;flex-shrink:0}.ms-match-badge{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;color:#fff;background:#000000b3}.ms-recipe-content{padding:12px 14px;flex:1;display:flex;flex-direction:column;gap:6px}.ms-recipe-content h3{font-size:15px;font-weight:700;color:#284a4b;cursor:pointer;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.ms-recipe-content h3:hover{color:#397d7c}.ms-recipe-content>p{color:#666;font-size:11px;margin:0;display:flex;justify-content:space-between;align-items:center}.ms-recipe-content>p span{display:flex;align-items:center;gap:3px}.ms-missing-ingredients{background:#fecaca;padding:6px 10px;border-radius:8px;font-size:11px;border-left:2px solid #c0392b;color:#c0392b}.ms-no-ingredients{background:#f5fafa;padding:6px 10px;border-radius:8px;font-size:11px;color:#666}.ms-full-match{background:#f5fafa;padding:6px 10px;border-radius:8px;font-size:11px;color:#397d7c;font-weight:500;display:flex;align-items:center;gap:5px}.ms-match-progress{height:4px;background:#e0eeee;border-radius:4px;overflow:hidden;margin:4px 0}.ms-match-progress div{height:100%;border-radius:4px}.ms-recipe-actions{display:flex;gap:8px;margin-top:6px}.ms-recipe-actions button{flex:1;padding:6px 10px;border:none;border-radius:25px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:5px;background:#284a4b;color:#fff}.ms-recipe-actions button:hover{background:#397d7c}.ms-recipe-actions button:last-child:not(:only-child){flex:0 0 40px;background:#e0eeee;color:#284a4b}.ms-recipe-actions button:last-child:not(:only-child):hover{background:#397d7c;color:#fff}.ms-missing-inline{background:#fecaca;border-left:4px solid #c0392b;border-radius:12px;padding:16px;margin-bottom:20px}.ms-missing-inline-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#c0392b}.ms-missing-inline-header span{font-weight:700;color:#284a4b}.ms-missing-inline p{font-size:13px;color:#666;margin-bottom:12px}.ms-missing-inline-actions{display:flex;align-items:center;gap:10px;width:100%;flex-wrap:wrap}.ms-missing-inline-actions button{padding:8px 16px;border:none;border-radius:30px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;background:#284a4b;color:#fff}.ms-missing-inline-actions button:hover{background:#397d7c}.ms-missing-inline-actions button:nth-child(2){background:#397d7c}.ms-missing-inline-actions button:nth-child(2):hover{background:#284a4b}.ms-missing-inline-actions button:last-child{background:#284a4b;border:1px solid #e0eeee;margin-left:auto}.ms-show-more{text-align:center;margin:20px 0 40px}.ms-show-more button{background:#284a4b;color:#fff;border:none;padding:10px 32px;border-radius:40px;font-weight:600;cursor:pointer;transition:all .2s;font-size:13px}.ms-show-more button:hover{background:#397d7c;transform:translateY(-1px)}.ms-modal-overlay,.ms-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.ms-modal,.ms-popup-content{background:#fff;border-radius:24px;width:90%;max-width:450px;overflow:hidden;animation:fadeIn .2s ease;box-shadow:0 20px 35px #0006}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ms-modal-header,.ms-popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#284a4b;color:#fff}.ms-modal-header h3,.ms-popup-header h3{margin:0;font-size:16px;color:#fff}.ms-modal-header button,.ms-popup-header button{background:none;border:none;font-size:20px;cursor:pointer;color:#fff;opacity:.7;display:flex;align-items:center}.ms-modal-header button:hover,.ms-popup-header button:hover{opacity:1}.ms-popup-body{padding:20px}.ms-popup-body p{font-size:13px;color:#666;margin-bottom:6px}.ms-categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:20px}.ms-categories-grid button{background:#f5fafa;border:1px solid #e0eeee;border-radius:40px;padding:10px 12px;font-size:13px;font-weight:500;color:#284a4b;cursor:pointer;transition:all .2s;text-align:center}.ms-categories-grid button:hover{background:#284a4b;color:#fff;border-color:#284a4b}.ms-member-options{display:flex;flex-direction:column;gap:10px;margin:16px 0}.ms-member-options label{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#f5fafa;border:1px solid #e0eeee;border-radius:50px;cursor:pointer;transition:all .2s;color:#284a4b;font-size:13px}.ms-member-options label:hover{background:#e0eeee;border-color:#397d7c}.ms-member-options input[type=radio]{width:18px;height:18px;accent-color:#397d7c;cursor:pointer}.ms-member-options input[type=number]{width:100%;padding:10px 14px;margin-top:8px;border:1px solid #e0eeee;border-radius:50px;font-size:14px;outline:none;text-align:center;color:#1a3334}.ms-member-options input[type=number]:focus{border-color:#397d7c;box-shadow:0 0 0 2px #397d7c66}.ms-popup-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #e0eeee}.ms-popup-footer button{flex:1;padding:8px;border-radius:40px;font-weight:600;cursor:pointer;transition:all .2s;text-align:center;border:none;font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px;background:#e0eeee;color:#284a4b}.ms-popup-footer button:hover{background:#d5e6e6}.ms-popup-footer button:nth-child(2){background:#397d7c;color:#fff}.ms-popup-footer button:nth-child(2):hover{background:#284a4b}.ms-form-group{margin-bottom:16px;position:relative}.ms-form-group label{display:block;font-size:12px;font-weight:600;color:#284a4b;margin-bottom:6px}.ms-form-group input{width:100%;padding:10px 12px;border:1px solid #e0eeee;border-radius:12px;font-size:14px;outline:none;background:#fff;color:#1a3334}.ms-form-group input:focus{border-color:#397d7c;box-shadow:0 0 0 2px #397d7c66}.ms-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0eeee;border-radius:12px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #0006}.ms-suggestions-dropdown div{padding:10px 12px;cursor:pointer;font-size:13px;color:#1a3334;transition:all .2s;border-bottom:1px solid #f5fafa}.ms-suggestions-dropdown div:hover{background:#f5fafa;color:#397d7c}.ms-history-popup{background:#fff;border-radius:24px;width:90%;max-width:550px;max-height:80vh;overflow:hidden;animation:fadeIn .2s ease;box-shadow:0 20px 35px #0006}.ms-history-popup-body{padding:20px;max-height:60vh;overflow-y:auto}.ms-history-popup-body>p{text-align:center;padding:40px 20px;color:#666}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{display:flex;align-items:center;gap:16px;padding:12px;background:#f5fafa;border-radius:12px;cursor:pointer;transition:all .2s;border:1px solid #e0eeee}.history-item:hover{background:#e0eeee;transform:translate(4px);border-color:#397d7c}.history-item>div:first-child{min-width:80px;display:flex;flex-direction:column;align-items:center;padding:6px 12px;background:#284a4b;color:#fff;border-radius:10px;font-size:11px;font-weight:600}.history-item>div:nth-child(2){flex:1;display:flex;flex-direction:column;gap:4px}.history-item>div:nth-child(2) span:first-child{font-size:14px;font-weight:600;color:#284a4b}.history-item>div:nth-child(2) span:last-child{font-size:11px;color:#666;display:flex;align-items:center;gap:4px}.history-item svg:last-child{color:#397d7c}.ms-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:15px}.ms-spinner{width:40px;height:40px;border:3px solid #e0eeee;border-top-color:#284a4b;border-radius:50%;animation:spin .8s linear infinite}.ms-error{text-align:center;padding:20px;background:#fecaca;border-radius:12px;margin:20px 0;color:#c0392b;border-left:3px solid #c0392b}.ms-cook-coachmark{position:absolute;left:10px;bottom:-100px;width:220px;background:#e0eeee;border-radius:10px;border:2px solid #1a3334;padding:10px 12px;box-shadow:0 8px 24px #0006;z-index:30}.ms-cook-coachmark p{font-size:12px;color:#284a4b;margin:0 0 8px;line-height:1.45}.ms-cook-coachmark button{font-size:11px;padding:4px 10px;background:#397d7c;color:#fff;border:none;border-radius:6px;cursor:pointer}.ms-empty-state{text-align:center;padding:50px 20px;color:#666;background:#f5fafa;border-radius:16px}.ms-empty-state svg{color:#397d7c}.ms-empty-state h3{margin:12px 0 8px;color:#284a4b;font-size:18px}.ms-back-section{text-align:center;margin:30px 0 20px}.ms-back-section button{background:none;border:none;font-size:13px;color:#284a4b;cursor:pointer;padding:8px 16px;opacity:.7;display:flex;align-items:center;gap:5px;margin:0 auto}.ms-back-section button:hover{opacity:1;color:#397d7c}.ms-mobile-calendar-hub{background:#fff;border-radius:20px;padding:14px 12px 12px;border:1px solid #e0eeee;margin-bottom:16px;box-shadow:0 2px 8px #0006;width:100%}.ms-mobile-week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.ms-mobile-day{display:flex;flex-direction:column;align-items:center;padding:6px 0 4px;border-radius:12px;cursor:pointer;transition:all .2s;border:1px solid #ffffff;background:#f5fafa;position:relative}.ms-mobile-day:hover{background:#e0eeee}.ms-mobile-day span:first-child{font-size:8px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.ms-mobile-day span:nth-child(2){font-size:15px;font-weight:700;color:#1a3334;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.2s;margin:1px 0}.ms-mobile-day.active{background:#1a3334;border-color:#1a3334}.ms-mobile-day.active span:first-child{color:#fff;opacity:.7}.ms-mobile-day.active span:nth-child(2){color:#fff}.ms-mobile-day.today span:nth-child(2){border:2px solid #397d7c}.ms-mobile-day.today.active span:nth-child(2){border:2px solid #ffffff}.ms-mobile-day .dot{width:5px;height:5px;border-radius:50%;display:inline-block;margin-top:1px}.ms-mobile-day .dot.completed{background:#397d7c}.ms-mobile-day .dot.pending{background:#c0392b;animation:pulse-red 1.5s infinite}.ms-mobile-day-details{background:#f5fafa;border-radius:14px;padding:12px 14px;border:1px solid #e0eeee;margin-top:10px;width:100%;grid-column:1 / -1}.detail-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#1a3334;font-size:12px;margin-bottom:6px}.meal-row{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:5px 12px;border-radius:30px;border:1px solid #e0eeee;margin-bottom:4px;font-size:12px;color:#1a3334}.meal-row button{background:none;border:none;color:#c0392b;cursor:pointer;font-size:13px;padding:0 4px;display:flex;align-items:center}.empty-day{text-align:center;color:#666;font-size:12px;padding:6px 0}.detail-actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.detail-actions button{padding:5px 14px;border-radius:30px;font-weight:600;font-size:11px;cursor:pointer;border:none;transition:.2s;background:#1a3334;color:#fff}.detail-actions button:last-child{background:#e0eeee;color:#1a3334}.detail-actions button:hover{background:#397d7c;color:#fff}@media(max-width:780px){.ms-hero-split{margin-top:70px;height:180px;min-height:180px}.ms-hero-text-side{flex:0 0 50%;padding:20px 4% 20px 6%}.ms-hero-title{font-size:22px;line-height:1.1;margin-bottom:8px}.ms-hero-desc{font-size:12px;line-height:1.5}.ms-hero-image-side{flex:0 0 50%}.ms-hero-img{min-height:180px}.ms-hero-img-slice{width:40px}.ms-layout{flex-direction:column;width:100%;padding:10px;gap:12px}.ms-days-calendar{display:none}.ms-main-content{width:100%;min-width:0}.ms-search-form{gap:6px;width:100%}.ms-search-input{padding:10px 12px 10px 34px;font-size:13px}.ms-search-wrapper svg{left:10px}.ms-search-actions button[type=submit]{padding:10px 14px;font-size:12px}.ms-search-actions{gap:4px}.ms-search-actions button[type=button]{width:38px;height:38px}.ms-filters-bar{padding:12px 14px;gap:8px;border-radius:14px}.ms-filters-bar select{font-size:10px;padding:6px 8px;min-width:60px}.ms-filters-bar button{padding:6px 12px;font-size:10px;margin-left:0}.ms-suggestions-grid{grid-template-columns:repeat(2,1fr);gap:12px}.ms-recipe-image{height:110px}.ms-recipe-content h3{font-size:13px}.ms-recipe-actions{gap:4px}.ms-recipe-actions button{font-size:9px;padding:5px 4px}.patient-recipe-card{min-width:140px;width:140px}.patient-recipe-image{height:100px}.ms-modal,.ms-popup-content,.ms-history-popup{width:95%;max-width:400px}.ms-missing-inline{padding:12px;margin-bottom:15px}.ms-missing-inline p{font-size:11px}.ms-missing-inline-actions button{padding:7px 10px;font-size:10px}.ms-back-section{margin:20px 0 15px}}@media(max-width:380px){.ms-hero-split{margin-top:80px;margin-bottom:10px;height:170px}.ms-hero-text-side{flex:0 0 40%;padding:10px 3% 10px 4%}.ms-hero-title{font-size:14px;margin-bottom:3px}.ms-hero-desc{margin-top:10px;font-size:7px;line-height:1.35}.ms-hero-image-side{flex:0 0 60%}.ms-hero-img{min-height:120px}.ms-hero-img-slice{width:20px}.ms-layout{padding:4px;gap:6px}.ms-search-form{gap:4px}.ms-search-input{padding:7px 8px 7px 26px;font-size:11px}.ms-search-wrapper svg{left:8px}.ms-search-actions button[type=submit]{padding:7px 8px;font-size:9px}.ms-search-actions button[type=button]{width:28px;height:28px}.ms-filters-bar{padding:8px;gap:4px;border-radius:10px}.ms-filters-bar select{font-size:8px;padding:4px;min-width:40px}.ms-filters-bar button{padding:4px 5px;margin-left:15px;font-size:8px}.ms-mobile-calendar-hub{margin-top:-15px;padding:8px 6px 6px;border-radius:12px}.ms-mobile-day span:nth-child(2){width:20px;height:20px;font-size:10px}.ms-mobile-day span:first-child{font-size:5px}.ms-mobile-day-details{padding:6px 8px}.meal-row{font-size:9px;padding:3px 6px}.detail-actions button{font-size:6px;padding:3px 7px}.ms-suggestions-grid{grid-template-columns:repeat(2,1fr);gap:6px}.ms-recipe-image{height:100px}.ms-recipe-actions{flex-wrap:wrap}.ms-recipe-actions button{flex:1;min-width:35px;font-size:7px;padding:5px 4px}.patient-recipe-card{min-width:100px;width:100px}.patient-recipe-image{height:65px}.patient-recipe-card h4{font-size:9px}.horizontal-scroll-container>button{width:22px;height:22px;font-size:10px}.ms-modal,.ms-popup-content{max-width:290px}.ms-categories-grid{grid-template-columns:1fr 1fr;gap:4px;padding:12px}.ms-categories-grid button{font-size:10px;padding:6px 8px}}.change-info-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(160deg,#284a4b99,#397d7c80);font-family:Segoe UI,Arial,sans-serif;z-index:1000;color:#284a4b}.change-info-wrapper header,.change-info-wrapper footer{display:none}.change-info-container{display:flex;width:100%;max-width:900px;height:min(88vh,680px);border-radius:22px;overflow:hidden;box-shadow:0 20px 50px #0006;background:#fff;position:relative;z-index:1001;margin:0 auto}.change-left-panel{flex:1.1;background:linear-gradient(150deg,#284a4b,#1a3334);padding:44px 36px;display:flex;flex-direction:column;justify-content:center;color:#fff;overflow-y:auto}.change-left-panel::-webkit-scrollbar{width:5px}.change-left-panel::-webkit-scrollbar-track{background:#397d7c66;border-radius:10px}.change-left-panel::-webkit-scrollbar-thumb{background:#397d7c80;border-radius:10px}.change-logo-container{text-align:center;margin-bottom:40px}.change-logo-circle{width:84px;height:84px;margin:0 auto 16px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 28px #0006;overflow:hidden;border:3px solid rgba(57,125,124,.4)}.change-logo-img{width:65%;height:65%;object-fit:contain}.change-logo-text h1{font-family:Segoe UI,Arial,sans-serif;font-size:1.8rem;margin-bottom:5px;font-weight:700;letter-spacing:-.5px}.change-logo-text p{color:#f5f5f5;font-size:.85rem}.change-welcome-section{text-align:center;margin-bottom:28px}.change-welcome-section h2{font-family:Segoe UI,Arial,sans-serif;font-size:1.4rem;margin-bottom:8px;font-weight:600}.change-welcome-section p{color:#f5f5f5;font-size:.85rem;line-height:1.6}.change-security-tips{list-style:none;padding:0;margin:0}.change-security-tips li{margin-bottom:11px;display:flex;align-items:center;gap:10px;font-size:.875rem;color:#f5f5f5}.change-security-tips i{width:28px;height:28px;background:#397d7c66;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff}.change-right-panel{flex:1;padding:40px 36px;display:flex;flex-direction:column;justify-content:center;background:#fff;overflow-y:auto}.change-right-panel::-webkit-scrollbar{width:5px}.change-right-panel::-webkit-scrollbar-track{background:#e0eeee;border-radius:10px}.change-right-panel::-webkit-scrollbar-thumb{background:#397d7c;border-radius:10px}.change-form-header{text-align:center;margin-bottom:24px}.change-form-header h2{font-family:Segoe UI,Arial,sans-serif;font-size:1.6rem;color:#284a4b;margin-bottom:6px;font-weight:700}.change-form-header p{color:#666;font-size:.875rem;line-height:1.5}.change-success-message{background:#f5fafa;color:#284a4b;padding:11px 14px;border-radius:8px;margin-bottom:18px;display:flex;align-items:center;gap:9px;font-size:.825rem;border-left:4px solid #397d7c}.change-error-message{background:#fecaca;color:#c0392b;padding:11px 14px;border-radius:8px;margin-bottom:18px;display:flex;align-items:center;gap:9px;font-size:.825rem;border-left:4px solid #fca5a5}.change-form-container{width:100%;max-width:380px;margin:0 auto}.change-form-group{margin-bottom:14px}.change-form-label{display:block;margin-bottom:6px;font-size:.8rem;font-weight:600;color:#284a4b}.change-input-wrapper{position:relative;width:100%}.change-input{width:100%;padding:12px 15px;border:2px solid #e0eeee;border-radius:8px;font-family:Segoe UI,Arial,sans-serif;font-size:.95rem;background:#f5fafa;color:#000}.change-input:focus{outline:none;border-color:#397d7c;background:#fff;box-shadow:0 0 0 3px #397d7c66}.change-input::placeholder{color:#666;font-size:.85rem}.change-submit-btn{width:100%;padding:13px 24px;background:linear-gradient(135deg,#284a4b,#397d7c);color:#fff;border:none;border-radius:8px;font-family:Segoe UI,Arial,sans-serif;font-size:.975rem;font-weight:700;cursor:pointer;margin-bottom:16px;box-shadow:0 6px 20px #397d7c80;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px}.change-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #397d7c66}.change-submit-btn:active:not(:disabled){transform:translateY(0)}.change-submit-btn:disabled{opacity:.7;cursor:not-allowed}.change-back-link{text-align:center}.change-back-link a{color:#284a4b;text-decoration:none;font-family:Segoe UI,Arial,sans-serif;font-size:.83rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}.change-back-link a:hover{color:#397d7c;gap:10px;text-decoration:underline}.change-back-button{background:none;border:none;color:#284a4b;font-family:Segoe UI,Arial,sans-serif;font-size:.83rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.change-back-button:hover{color:#397d7c;gap:10px}@media(max-width:780px){.change-info-wrapper{padding:12px}.change-info-container{max-width:700px;height:min(90vh,620px)}.change-left-panel{flex:1;padding:28px 22px}.change-logo-container{margin-bottom:24px}.change-logo-circle{width:64px;height:64px;margin-bottom:12px}.change-logo-text h1{font-size:1.4rem}.change-logo-text p{font-size:.75rem}.change-welcome-section{margin-bottom:18px}.change-welcome-section h2{font-size:1.1rem}.change-welcome-section p{font-size:.78rem;line-height:1.5}.change-security-tips li{font-size:.78rem;margin-bottom:8px}.change-security-tips i{width:24px;height:24px;font-size:11px}.change-right-panel{flex:1;padding:28px 22px}.change-form-header h2{font-size:1.3rem}.change-form-header p{font-size:.8rem}.change-form-container{max-width:320px}.change-input{padding:10px 12px;font-size:.88rem}.change-submit-btn{padding:11px 20px;font-size:.9rem;min-height:44px}}@media(max-width:380px){.change-info-wrapper{align-items:flex-start;padding:0;overflow-y:auto}.change-info-container{flex-direction:column;width:100%;max-width:100%;height:93vh;border-radius:0;box-shadow:none}.change-left-panel{flex:none;padding:10px 12px;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:140px;overflow:hidden}.change-logo-container{margin-bottom:0}.change-logo-circle{width:45px;height:45px}.change-logo-text h1{font-size:16px}.change-logo-text p{font-size:.7rem}.change-welcome-section{margin-bottom:0;flex:1;text-align:right}.change-welcome-section h2{font-size:1rem}.change-welcome-section p,.change-security-tips{display:none}.change-right-panel{flex:1;padding:5px 12px 28px}.change-form-container{max-width:100%}.change-form-header h2{margin-top:10px;font-size:1.2rem}.change-form-header p{font-size:.78rem}.change-input{padding:10px 12px;font-size:.85rem}.change-submit-btn{padding:10px 16px;font-size:.85rem;min-height:42px}}body:has(.change-info-wrapper){overflow:hidden;height:100vh}.toast-container{position:fixed;top:100px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{min-width:280px;max-width:350px;padding:12px 20px;border-radius:10px;background:#fff;box-shadow:0 8px 20px #00000026;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease;border-left:4px solid;pointer-events:auto}.toast-success{border-left-color:#28a745;background:#f0f9f0}.toast-success .toast-icon{color:#28a745}.toast-error{border-left-color:#dc3545;background:#fff5f5}.toast-error .toast-icon{color:#dc3545}.toast-warning{border-left-color:#ffc107;background:#fffaf0}.toast-warning .toast-icon{color:#ffc107}.toast-info{border-left-color:#17a2b8;background:#f0f9ff}.toast-info .toast-icon{color:#17a2b8}.toast-icon{font-size:20px;font-weight:700;width:28px;text-align:center}.toast-message{flex:1;font-size:14px;color:#333;line-height:1.4}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.pantry-page{width:100%;min-height:100vh;background:#fff;padding:0;max-width:100%;overflow-x:hidden}.pantry-hero-split{display:flex;flex-direction:row;min-height:520px;background:#1d3a3b;overflow:hidden;position:relative}.pantry-hero-text-side{flex:1;display:flex;flex-direction:column;justify-content:center;padding:60px 5% 60px 7%;background:#1d3a3b;position:relative;z-index:1;animation:pantryTextFadeIn .8s .2s ease both}@keyframes pantryTextFadeIn{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.pantry-hero-title{font-family:Playfair Display,serif;font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:700;color:#fff;line-height:1.1;margin-bottom:22px}.pantry-hero-divider{width:48px;height:3px;background:#397d7c;border-radius:2px;margin-bottom:22px}.pantry-hero-desc{font-size:1rem;font-weight:400;color:#ffffffd9;margin-bottom:8px;max-width:340px}.pantry-hero-image-side{position:relative;flex:0 0 70%;overflow:hidden}.pantry-hero-img{width:100%;height:100%;object-fit:cover;display:block;animation:pantryHeroImgZoom 8s ease-in-out infinite alternate}@keyframes pantryHeroImgZoom{0%{transform:scale(1)}to{transform:scale(1.06)}}.pantry-hero-img-tint{position:absolute;inset:0;background:linear-gradient(135deg,#1d3a3b80,#284a4b40);pointer-events:none;z-index:1}.pantry-hero-img-slice{position:absolute;top:0;left:-1px;bottom:0;width:120px;background:linear-gradient(to left,transparent 0%,#1d3a3b 100%);clip-path:polygon(0% 0%,60% 0%,100% 100%,0% 100%);pointer-events:none;z-index:2}.stats-section{display:flex;justify-content:center;flex-wrap:wrap;margin:30px auto;gap:20px;width:100%;max-width:1200px;padding:0 20px;box-sizing:border-box}.stat-card{background:#fff;border-radius:12px;padding:20px 15px;flex:1;min-width:120px;max-width:180px;text-align:center;box-shadow:0 4px 12px #0006;transition:transform .3s ease,box-shadow .3s ease;border-top:4px solid #284a4b}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0006}.low-stock-card{border-top-color:#c0392b}.stat-number{font-size:40px;font-weight:800;color:#284a4b;line-height:1;margin-bottom:5px}.low-stock-card .stat-number{color:#c0392b}.stat-label{font-size:14.4px;color:#666;font-weight:500;letter-spacing:.5px}.top-controls-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;width:100%;max-width:1000px;margin:0 auto 25px;padding:0 20px;box-sizing:border-box}.search-add-section{display:flex;flex-wrap:wrap;gap:10px;flex:2;min-width:260px}.search-field-pantry{flex:1;min-width:160px;padding:10px 16px;font-size:14.4px;border-radius:8px;border:2px solid #e0eeee;background-color:#fff;transition:all .3s ease;color:#666}.search-field-pantry:focus{outline:none;border-color:#284a4b;box-shadow:0 2px 8px #284a4b4d}.btn-low-stock-filter{background:#c0392b;color:#fff;border:none;padding:7px 14px;border-radius:8px;cursor:pointer;font-weight:700;font-size:11.5px;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 8px #0006;flex-shrink:0}.btn-low-stock-filter:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 14px #0006}.btn-add-new-item{background:linear-gradient(135deg,#284a4b,#1a3334);color:#fff;border:none;padding:7px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:11.5px;transition:all .3s ease;box-shadow:0 2px 6px #284a4b4d;white-space:nowrap}.btn-add-new-item:hover{background:linear-gradient(135deg,#1a3334,#1a3334);transform:translateY(-2px)}.btn-add-first-item{background:linear-gradient(135deg,#284a4b,#1a3334);color:#fff;border:none;padding:12px 35px;border-radius:10px;cursor:pointer;font-weight:600;font-size:16px;transition:all .3s ease}.btn-add-first-item:hover{background:linear-gradient(135deg,#1a3334,#1a3334);transform:translateY(-2px)}.btn-add-all-to-shopping{background:#284a4b;color:#fff;border:none;padding:6px 12px;border-radius:8px;cursor:pointer;font-weight:600;font-size:11px;transition:all .3s ease;white-space:nowrap}.btn-add-all-to-shopping:hover:not(:disabled){background:#1a3334;transform:translateY(-2px)}.btn-clear-shopping-list{background:#c0392b;color:#fff;border:none;padding:6px 12px;border-radius:8px;cursor:pointer;font-weight:600;font-size:11px;transition:all .3s ease;white-space:nowrap}.btn-clear-shopping-list:hover{background:#c0392b;transform:translateY(-2px)}.shopping-list-section{background:#fff;border-radius:12px;padding:20px;margin:0 auto 30px;width:100%;max-width:1000px;box-shadow:0 2px 12px #0006;border:1px solid #e0eeee;box-sizing:border-box}.shopping-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px;padding-bottom:12px;border-bottom:2px solid #284a4b}.shopping-list-title{font-size:17.6px;font-weight:700;color:#284a4b;margin:0}.shopping-list-actions{display:flex;gap:8px;flex-wrap:wrap}.shopping-items-list{display:flex;flex-direction:column;gap:8px}.shopping-list-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f5fafa;border-radius:8px;border-left:3px solid #284a4b;transition:all .2s ease;gap:12px}.shopping-list-item:hover{transform:translate(3px);background:#f5fafa}.shopping-item-name{flex:1;font-weight:500;font-size:14.4px;color:#666;margin:0}.btn-remove-shopping-item{background:#fecaca;color:#c0392b;border:none;padding:5px 12px;border-radius:6px;cursor:pointer;font-weight:600;font-size:12px;transition:all .3s ease;white-space:nowrap}.btn-remove-shopping-item:hover{background:#c0392b;color:#fff}.empty-shopping-message{text-align:center;padding:25px;background:#f5fafa;border-radius:10px;color:#666;font-size:14.4px}.tabs-wrapper{width:100%;max-width:1100px;margin:0 auto 40px;padding:0 20px;box-sizing:border-box}.tabs-nav-bar{display:flex;flex-wrap:wrap;gap:8px;background:#f5fafa;padding:10px 12px;border-radius:16px;margin-bottom:28px;box-shadow:inset 0 2px 6px #0006}.tab-pill-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border-radius:10px;border:none;background:transparent;color:#666;font-size:13.12px;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:nowrap}.tab-pill-btn:hover:not(.active){background:#f5fafa;color:#284a4b}.tab-pill-btn.active{background:#284a4b;color:#fff;box-shadow:0 4px 12px #284a4b4d}.tab-count-badge{background:#397d7c66;font-size:11.2px;padding:1px 7px;border-radius:20px;font-weight:700}.tab-pill-btn:not(.active) .tab-count-badge{background:#284a4b;color:#fff}.tab-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.tab-item-card{background:#fff;border:1px solid #e0eeee;border-left:4px solid #284a4b;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 8px #0006;transition:all .25s ease}.tab-item-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #284a4b4d}.tab-item-card.low-stock{border-left-color:#c0392b;background:#fecaca}.tab-card-top{display:flex;justify-content:space-between;align-items:center}.tab-qty-badge{background:#284a4b;color:#fff;padding:3px 10px;border-radius:20px;font-size:11.52px;font-weight:700}.tab-qty-badge.low{background:#c0392b}.low-stock-flag{font-size:11.2px;font-weight:700;color:#c0392b;background:#fecaca;padding:2px 8px;border-radius:8px;white-space:nowrap}.tab-item-name{font-size:15.2px;font-weight:700;color:#000;margin:0}.tab-item-cat{font-size:12px;color:#666;margin:0}.tab-btn-cart,.tab-btn-icon{background:#fff;border:1.5px solid #284a4b;color:#284a4b;width:36px;height:36px;padding:0;border-radius:8px;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;justify-content:center;font-size:16px}.tab-btn-cart svg,.tab-btn-icon svg{font-size:16px;color:inherit}.tab-btn-icon.del{border-color:#fca5a5;color:#c0392b}.tab-btn-cart:hover:not(:disabled),.tab-btn-icon.edit:hover{background:#284a4b;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #284a4b4d}.tab-btn-icon.del:hover{background:#fca5a5;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0006}.tab-btn-cart.added{background:#e0eeee;border-color:#e0eeee;color:#666;cursor:not-allowed;transform:none;box-shadow:none}.tab-btn-cart.added:hover{background:#e0eeee;color:#666;transform:none}.tab-card-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.low-stock-modal{max-width:800px;width:90%}.low-stock-modal-body{max-height:60vh;overflow-y:auto;padding:16px}.low-stock-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.low-stock-modal-card{background:#fff;border:1px solid #e0eeee;border-left:4px solid #c0392b;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 8px #0006;transition:all .25s ease}.low-stock-modal-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #284a4b4d}.modal-card-top{display:flex;justify-content:space-between;align-items:center}.modal-qty-badge{background:#c0392b;color:#fff;padding:3px 10px;border-radius:20px;font-size:11.52px;font-weight:700}.low-stock-flag-modal{background:#fecaca;color:#c0392b;font-size:10.4px;padding:2px 8px;border-radius:12px;font-weight:600}.modal-item-name{font-size:15.2px;font-weight:700;color:#c0392b;margin:4px 0 0}.modal-item-cat{font-size:12px;color:#666;margin:0 0 4px}.modal-card-actions{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap;align-items:center}.modal-btn-cart,.modal-btn-icon{background:#fff;border:1.5px solid #284a4b;color:#284a4b;width:44px;height:44px;padding:0;border-radius:8px;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;justify-content:center;font-size:19.2px}.modal-btn-cart svg,.modal-btn-icon svg{font-size:19.2px;color:inherit}.modal-btn-icon.del{border-color:#fca5a5;color:#c0392b}.modal-btn-cart:hover:not(.added),.modal-btn-icon.edit:hover{background:#284a4b;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #284a4b4d}.modal-btn-icon.del:hover{background:#fca5a5;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0006}.modal-btn-cart.added{background:#e0eeee;border-color:#e0eeee;color:#666;cursor:not-allowed;transform:none;box-shadow:none}.modal-btn-cart.added:hover{background:#e0eeee;color:#666;transform:none}.pantry-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.pantry-modal{background:#fff;border-radius:16px;width:90%;max-width:450px;box-shadow:0 20px 40px #0006;overflow:hidden}.pantry-modal-header-custom{background:linear-gradient(135deg,#284a4b,#1a3334);color:#fff;padding:18px 20px;display:flex;justify-content:space-between;align-items:center}.pantry-modal-header-custom h2{margin:0;font-weight:600;font-size:19.2px}.btn-close-modal{background:#fff;border:none;color:#284a4b;font-size:20.8px;cursor:pointer;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-close-modal:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.pantry-modal-body{padding:20px;max-height:400px;overflow-y:auto}.pantry-modal-body .form-group{margin-bottom:18px;position:relative}.pantry-modal-body label{display:block;margin-bottom:5px;font-weight:600;color:#666;font-size:13px}.pantry-modal-body input,.pantry-modal-body select{width:100%;padding:8px 12px;border:2px solid #e0eeee;border-radius:8px;font-size:13px;transition:all .3s ease;box-sizing:border-box}.pantry-modal-body input:focus,.pantry-modal-body select:focus{outline:none;border-color:#284a4b}.pantry-modal-body select{transform:translateY(0);transform-origin:top}.pantry-modal-footer{display:flex;justify-content:center;gap:12px;padding:15px 20px;background:#f5fafa;border-top:1px solid #e0eeee}.btn-modal-cancel,.btn-modal-add{padding:8px 20px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;transition:all .3s ease;border:none}.btn-modal-cancel{background:#fff;border:2px solid #284a4b;color:#284a4b}.btn-modal-cancel:hover{background:#284a4b;color:#fff}.btn-modal-add{background:linear-gradient(135deg,#284a4b,#1a3334);color:#fff}.btn-modal-add:hover{transform:translateY(-2px);box-shadow:0 4px 8px #284a4b4d}.p-empty-message{text-align:center;padding:50px 30px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0006;border:2px dashed #e0eeee;max-width:500px;margin:40px auto}.p-empty-message h4{color:#284a4b;font-size:28.8px;margin-bottom:12px;font-weight:700}.p-empty-message p{color:#666;margin:0 auto 25px}.spinner{width:40px;height:40px;border:3px solid #e0eeee;border-top-color:#284a4b;border-radius:50%;animation:spin 1s linear infinite}.btn-back-home{background:transparent;border:2px solid #284a4b;color:#284a4b;padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14.4px;transition:all .3s ease;text-align:center;white-space:nowrap;display:inline-block;width:auto}.btn-back-home:hover{background:#284a4b;color:#fff;transform:translate(-3px)}.quantity-badge-simple{background:#284a4b;color:#fff;padding:4px 10px;border-radius:16px;font-size:12px;font-weight:600;min-width:55px;text-align:center;white-space:nowrap}.search-results-label{background:#f5fafa;border-left:4px solid #284a4b;padding:10px 16px;border-radius:8px;font-size:14.08px;color:#666;margin-bottom:20px}.tab-empty-state{text-align:center;padding:50px 20px;background:#f5fafa;border-radius:14px;color:#666;border:2px dashed #e0eeee}.btn-add-to-cat{background:linear-gradient(135deg,#284a4b,#1a3334);color:#fff;padding:10px 22px;border-radius:8px;cursor:pointer;font-weight:600}.pantry-error-message{background:#fecaca;color:#c0392b;padding:12px 20px;border-radius:8px;margin:20px auto;max-width:800px;border-left:4px solid #c0392b}.low-stock-header-bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.btn-close-low-stock{background:transparent;border:2px solid #284a4b;color:#284a4b;padding:7px 16px;border-radius:8px;cursor:pointer}@media(max-width:780px){.pantry-hero-split{margin-top:80px;flex-direction:row;min-height:280px}.pantry-hero-image-side{flex:0 0 60%}.pantry-hero-text-side{flex:1;padding:30px 4% 30px 6%}.pantry-hero-title{font-size:1.8rem;margin-bottom:12px}.pantry-hero-desc{font-size:.85rem}.pantry-hero-divider{width:35px;height:2px;margin-bottom:12px}.pantry-hero-img-slice{width:60px}.stats-section{gap:8px;margin:16px auto;padding:0 12px}.stat-card{min-width:0;max-width:100px;padding:10px 6px;border-radius:9px}.stat-number{font-size:22px}.stat-label{font-size:9.5px}.top-controls-row{display:flex;flex-wrap:nowrap;align-items:stretch;gap:5px}.search-add-section,.alert-buttons-group{display:contents}.search-field-pantry{order:1;flex:1 1 auto;min-width:0;width:auto;padding:8px 10px;font-size:11.5px}.btn-add-new-item{order:2;flex:0 0 auto;min-width:0;white-space:nowrap;padding:8px 6px;font-size:9.5px;text-align:center}.btn-low-stock-filter{order:3;flex:0 0 auto;min-width:0;white-space:nowrap;text-align:center;padding:8px 6px;font-size:9.5px}.tabs-nav-bar{gap:5px;padding:7px 8px}.tab-pill-btn{padding:4px 8px;font-size:10.4px;gap:4px}.tab-count-badge{font-size:9.6px;padding:0 5px}.tab-items-grid{grid-template-columns:1fr 1fr;gap:8px}.tab-item-card{padding:8px;gap:4px;border-radius:10px}.tab-item-name{font-size:12px;white-space:normal}.tab-item-cat{font-size:9.5px}.tab-qty-badge{font-size:9px;padding:2px 6px}.low-stock-flag{font-size:9px;padding:1px 6px}.tab-btn-cart,.tab-btn-icon{width:26px;height:26px;font-size:11px}.tab-btn-cart svg,.tab-btn-icon svg{font-size:11px}.tab-card-actions{gap:4px}.modal-btn-cart,.modal-btn-icon{width:38px;height:38px;font-size:16px}.modal-btn-cart svg,.modal-btn-icon svg{font-size:16px}.modal-card-actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.btn-back-home{padding:8px 20px;font-size:13.6px;white-space:nowrap}}@media(max-width:380px){.pantry-hero-split{margin-top:80px;flex-direction:row;min-height:200px}.pantry-hero-image-side{flex:0 0 65%}.pantry-hero-text-side{flex:1;padding:2px 9% 8px 4%}.pantry-hero-title{font-size:1.2rem;margin-bottom:3px}.pantry-hero-desc{font-size:.55rem;margin-bottom:3px}.pantry-hero-divider{width:15px;height:2px;margin-bottom:3px}.pantry-hero-img-slice{width:35px}.stats-section{gap:6px;padding:0 10px}.stat-card{min-width:0;max-width:90px;padding:8px 5px}.stat-number{font-size:18px}.stat-label{font-size:8.5px}.top-controls-row{flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:3px}.search-field-pantry{flex:1 1 auto;min-width:0;width:0;padding:7px;font-size:9.5px}.btn-add-new-item{flex:0 0 auto;white-space:nowrap;padding:7px 5px;font-size:8px}.btn-low-stock-filter{flex:0 0 auto;width:auto;white-space:nowrap;text-align:center;padding:7px 5px;font-size:8px;margin-top:0}.shopping-list-header{flex-direction:row;flex-wrap:wrap}.shopping-list-actions{flex-direction:row;width:auto}.btn-add-all-to-shopping,.btn-clear-shopping-list{width:auto;white-space:nowrap}.shopping-list-item{flex-wrap:wrap}.btn-remove-shopping-item{margin-left:auto}.tab-pill-btn{padding:4px 8px;font-size:10.4px}.tab-items-grid{grid-template-columns:1fr 1fr;gap:8px}.tab-item-card{padding:7px;gap:4px;border-radius:9px}.tab-item-name{font-size:11.5px;white-space:normal}.tab-item-cat{font-size:9px}.tab-qty-badge{font-size:8.5px;padding:2px 6px}.low-stock-flag{font-size:8.5px;padding:1px 5px}.tab-card-actions{gap:3px}.tab-btn-cart,.tab-btn-icon{width:24px;height:24px;font-size:10px;flex:0 0 auto}.tab-btn-cart svg,.tab-btn-icon svg{font-size:10px}.modal-btn-cart,.modal-btn-icon{width:36px;height:36px;font-size:14.4px}.modal-card-actions{flex-direction:row}.pantry-modal-footer{flex-direction:row;flex-wrap:wrap;justify-content:center}.btn-modal-cancel,.btn-modal-add{width:auto}.btn-back-home{padding:8px 16px;font-size:12.8px;white-space:nowrap}}.contact-page{width:100%;background:#fff;margin-top:80px}.contact-hero{width:100vw;height:200px;background:linear-gradient(135deg,#284a4b,#1a3334);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.contact-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#284a4b4d;border-radius:50%}.contact-hero:after{content:"";position:absolute;bottom:-30%;left:-5%;width:250px;height:250px;background:#284a4b4d;border-radius:50%}.hero-content h1{font-size:40px;font-weight:700;margin-bottom:8px;letter-spacing:-1px}.hero-content p{font-size:16px;opacity:.9;font-weight:300}.contact-main{padding:40px 40px 60px;background:#fff}.contact-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.contact-left h2{font-size:24px;color:#284a4b;font-weight:700;margin-bottom:10px}.contact-left>p{font-size:14.4px;color:#666;line-height:1.6;margin-bottom:24px}.contact-info{display:flex;flex-direction:column;gap:16px}.info-box{padding:18px 20px;background:linear-gradient(135deg,#f5fafa 0% 100%);border-left:5px solid #284a4b;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 10px #0006}.info-box:hover{border-left-color:#c0392b;transform:translate(6px);box-shadow:0 6px 20px #284a4b4d}.info-box h3{font-size:14.4px;color:#284a4b;font-weight:700;margin-bottom:8px}.info-box p{font-size:13.6px;color:#666;line-height:1.6;margin:0}.info-box small{display:block;color:#666;font-size:12px;margin-top:4px}.info-box a{color:#284a4b;text-decoration:none;font-weight:500;transition:color .3s ease}.info-box a:hover{color:#c0392b}.contact-right{display:flex;justify-content:flex-end}.form-box{width:100%;padding:32px;background:linear-gradient(135deg,#fff,#f5fafa);border-radius:16px;box-shadow:0 8px 25px #284a4b4d;border:1px solid rgba(40,74,75,.3)}.alert{padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:13.6px;font-weight:500;text-align:center}.alert.success{background:#f5f5f5;color:#000;border:1px solid #e0eeee}.alert.error{background:#fecaca;color:#c0392b;border:1px solid #fca5a5}.form-box form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13.6px;font-weight:700;color:#284a4b}.form-group input,.form-group textarea{padding:12px 14px;border:1.5px solid #e0eeee;border-radius:10px;font-size:14.08px;font-family:inherit;color:#666;background:#fff;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#284a4b;box-shadow:0 0 0 4px #284a4b4d}.form-group textarea{resize:vertical}.submit-btn{padding:12px 28px;background:linear-gradient(135deg,#284a4b,#1a3334);color:#fff;border:none;border-radius:40px;font-size:14.4px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.8px;transition:all .3s ease;box-shadow:0 4px 15px #284a4b4d;margin-top:8px}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #284a4b4d;background:linear-gradient(135deg,#1a3334 0% 100%)}@media(max-width:780px){.contact-container{grid-template-columns:1fr;gap:24px}.contact-right{justify-content:flex-start}.contact-hero{height:140px}.hero-content h1{font-size:28.8px}.hero-content p{font-size:13.6px}.contact-main{padding:24px 20px 40px}.contact-left h2{font-size:20.8px}.contact-info{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.info-box{padding:14px}.info-box:hover{transform:translateY(-3px)}.info-box h3{font-size:13px}.info-box p{font-size:12px}.social-links a{padding:5px 10px;font-size:11px}.form-box{padding:16px}.form-box form{display:grid;grid-template-columns:1fr 1fr;gap:10px;row-gap:10px}.form-group{gap:3px}.form-group:nth-child(3){grid-column:1 / -1}.alert{grid-column:1 / -1;font-size:11.5px;padding:8px 12px;margin-bottom:0}.form-group label{font-size:11px}.form-group input,.form-group textarea{padding:7px 9px;font-size:11.5px;border-radius:8px}.form-group textarea{min-height:70px}.submit-btn{grid-column:1 / -1;justify-self:center;width:auto;padding:8px 26px;font-size:11px;letter-spacing:.5px;margin-top:2px}}@media(max-width:380px){.contact-hero{height:120px}.hero-content h1{font-size:24px}.hero-content p{font-size:12px}.contact-main{padding:20px 16px 32px}.contact-left h2{font-size:19.2px}.contact-left>p{font-size:12.8px}.contact-info{grid-template-columns:repeat(2,1fr);gap:10px}.info-box{padding:12px 10px}.info-box:hover{transform:translateY(-2px)}.info-box h3{font-size:12px}.info-box p{font-size:11px}.social-links a{padding:4px 8px;font-size:10.5px}.form-box{padding:12px}.form-box form{display:grid;grid-template-columns:1fr 1fr;gap:8px;row-gap:8px}.form-group{gap:2px}.form-group:nth-child(3){grid-column:1 / -1}.alert{grid-column:1 / -1;font-size:10px;padding:6px 10px;margin-bottom:0}.form-group label{font-size:10px}.form-group input,.form-group textarea{padding:6px 7px;font-size:10.5px}.form-group textarea{min-height:60px}.submit-btn{grid-column:1 / -1;justify-self:center;width:auto;padding:7px 20px;font-size:10px}}.about-page{width:100%;background:#fff;overflow-x:hidden;margin-top:80px}.about-hero{width:100vw;height:160px;background:linear-gradient(135deg,#284a4b,#1a3334);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#284a4b4d;border-radius:50%}.about-hero:after{content:"";position:absolute;bottom:-30%;left:-5%;width:250px;height:250px;background:#284a4b4d;border-radius:50%}.hero-content{position:relative;z-index:1}.about-hero h1{font-size:35.2px;font-weight:700;margin-bottom:6px;letter-spacing:-1px}.about-hero p{font-size:16px;opacity:.9;font-weight:300}.about-section{padding:28px 40px;background:#fff}.about-section.alt-bg{background:#f5fafa}.section-container{max-width:1200px;margin:0 auto}.section-title{font-size:22.4px;color:#284a4b;font-weight:700;margin-bottom:20px;letter-spacing:-.3px;text-align:left}.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.combined-section{padding:20px 40px}.info-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 3px 15px #284a4b4d;border:1px solid rgba(40,74,75,.3)}.info-card.alt{background:#f5fafa}.info-card-inner{display:grid;grid-template-columns:1fr .9fr;gap:16px;align-items:center}.info-text h2,.info-card.alt h2{font-size:19.2px;color:#284a4b;font-weight:700;margin-bottom:8px}.info-text p,.info-card.alt p{font-size:13.6px;color:#666;line-height:1.6;margin-bottom:8px}.info-image{display:flex;justify-content:center}.section-image{width:100%;max-width:220px;height:130px;object-fit:cover;border-radius:8px;box-shadow:0 6px 20px #284a4b4d;transition:transform .3s ease}.section-image:hover{transform:translateY(-4px)}.mission-highlights{margin-top:12px;display:flex;flex-direction:column;gap:8px}.highlight{display:flex;align-items:center;gap:10px;font-size:14.08px;color:#666;font-weight:500}.highlight-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#284a4b;color:#fff;border-radius:50%;font-weight:700;font-size:12.8px;flex-shrink:0}.benefits-wrapper{width:100%}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.benefit-card{padding:18px 16px;background:#fff;border-radius:10px;box-shadow:0 3px 12px #284a4b4d;transition:all .3s ease;border-left:4px solid #284a4b}.benefit-card:hover{transform:translate(4px);box-shadow:0 8px 20px #284a4b4d;border-left-color:#c0392b}.benefit-number{font-size:24px;font-weight:800;color:#284a4b;opacity:.25;margin-bottom:6px}.benefit-card h3{font-size:15.2px;color:#284a4b;font-weight:700;margin-bottom:5px}.benefit-card p{font-size:12.8px;color:#666;line-height:1.5;margin:0}.about-works{padding:22px 40px 40px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:center;margin-top:14px;position:relative}.steps-grid:before{content:"";position:absolute;top:28px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,#284a4b,#284a4b);z-index:0}.step-card{text-align:center;padding:18px 12px;background:#fff;border-radius:12px;box-shadow:0 4px 14px #284a4b4d;transition:all .3s ease;position:relative;z-index:1;border:2px solid transparent}.step-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #284a4b4d;border-color:#284a4b}.step-circle{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background:linear-gradient(135deg,#284a4b,#1a3334);color:#fff;border-radius:50%;font-size:22.4px;font-weight:700;margin-bottom:12px;box-shadow:0 5px 15px #284a4b4d;transition:all .3s ease}.step-card:hover .step-circle{transform:scale(1.05);box-shadow:0 8px 20px #284a4b4d}.step-card h3{font-size:15.2px;color:#284a4b;font-weight:700;margin-bottom:6px}.step-card p{font-size:12.8px;color:#666;line-height:1.4;margin:0}@media(max-width:780px){.about-hero{height:120px}.about-hero h1{font-size:24px}.about-section,.combined-section,.about-works{padding:20px 16px}.two-col-grid{grid-template-columns:1fr;gap:16px}.info-card-inner{grid-template-columns:1fr}.info-card{padding:16px}.info-text h2,.info-card.alt h2{font-size:17px}.info-text p,.info-card.alt p{font-size:12.5px}.highlight{font-size:12.5px;gap:8px}.highlight-icon{width:18px;height:18px;font-size:11px}.section-image{max-width:100%;height:130px}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:14px}.benefit-card{padding:16px 14px}.benefit-number{font-size:20px}.benefit-card h3{font-size:14px}.benefit-card p{font-size:12px}.steps-grid{grid-template-columns:repeat(2,1fr);gap:16px}.steps-grid:before{display:none}.step-card{padding:16px 12px}.step-circle{width:40px;height:40px;font-size:18px;margin-bottom:8px}.step-card h3{font-size:13px}.step-card p{font-size:11.5px}.section-title{font-size:19.2px;margin-bottom:16px;text-align:center}}@media(max-width:380px){.about-hero h1{font-size:20.8px}.about-hero p{font-size:13.6px}.info-card{padding:14px}.info-text h2,.info-card.alt h2{font-size:15.5px}.info-text p,.info-card.alt p,.highlight{font-size:11.5px}.section-image{height:110px}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:10px}.benefit-card{padding:12px 10px}.benefit-number{font-size:17px}.benefit-card h3{font-size:12.5px}.benefit-card p{font-size:11px}.steps-grid{grid-template-columns:repeat(2,1fr);gap:10px}.step-card{padding:12px 8px}.step-circle{width:34px;height:34px;font-size:15px;margin-bottom:6px}.step-card h3{font-size:12px}.step-card p{font-size:10.5px}}body,html{margin:0;padding:0;box-sizing:border-box;font-family:DM Sans,Segoe UI,sans-serif;width:100%;overflow-x:hidden;background-color:#fff}.shopping-page{width:100%;min-height:100vh;background:#fff;padding:0;max-width:100%;overflow-x:hidden}.shopping-hero-split{display:flex;flex-direction:row;min-height:520px;background:#1d3a3b;overflow:hidden;position:relative;margin-top:100px;margin-bottom:20px}.shopping-hero-text-side{flex:1;display:flex;flex-direction:column;justify-content:center;padding:60px 5% 60px 7%;background:#1d3a3b;position:relative;z-index:1;animation:shoppingTextFadeIn .8s .2s ease both}@keyframes shoppingTextFadeIn{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.shopping-hero-title{font-family:Playfair Display,serif;font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:700;color:#fff;line-height:1.1;margin-bottom:22px}.shopping-hero-divider{width:48px;height:3px;background:#397d7c;border-radius:2px;margin-bottom:22px}.shopping-hero-desc{font-size:1rem;font-weight:400;color:#ffffffd9;margin-bottom:8px;max-width:340px}.shopping-hero-image-side{position:relative;flex:0 0 70%;overflow:hidden}.shopping-hero-img{width:100%;height:100%;object-fit:cover;display:block;animation:shoppingHeroImgZoom 8s ease-in-out infinite alternate}@keyframes shoppingHeroImgZoom{0%{transform:scale(1)}to{transform:scale(1.06)}}.shopping-hero-img-tint{position:absolute;inset:0;background:linear-gradient(135deg,#1d3a3b80,#284a4b40);pointer-events:none;z-index:1}.shopping-hero-img-slice{position:absolute;top:0;left:-1px;bottom:0;width:120px;background:linear-gradient(to left,transparent 0%,#1d3a3b 100%);clip-path:polygon(0% 0%,60% 0%,100% 100%,0% 100%);pointer-events:none;z-index:2}.shopping-stats-section{display:flex;justify-content:center;flex-wrap:wrap;margin:20px auto 24px;gap:16px;width:100%;max-width:1200px;padding:0 20px;box-sizing:border-box}.shopping-stat-card{background:#fff;border-radius:12px;padding:16px 12px;flex:1;min-width:90px;max-width:140px;text-align:center;box-shadow:0 4px 16px #0006;transition:transform .3s ease,box-shadow .3s ease;border-top:4px solid #284a4b}.shopping-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0006}.shopping-stat-number{font-size:32px;font-weight:800;color:#284a4b;line-height:1;margin-bottom:6px}.shopping-stat-label{font-size:11.52px;color:#666;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.shopping-purchased-card{border-top-color:#fca5a5}.shopping-purchased-card .shopping-stat-number{color:#c0392b}.shopping-search-add-section{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;margin:0 auto 16px;gap:12px;width:100%;max-width:850px;padding:0 20px;box-sizing:border-box}.shopping-search-field{flex:2.4 1 auto;min-width:0;padding:11px 16px;font-size:14.4px;border-radius:10px;border:2px solid #e0eeee;background:#fff;transition:all .3s ease;color:#666}.shopping-search-field:focus{outline:none;border-color:#284a4b;box-shadow:0 2px 10px #284a4b4d}.shopping-btn-primary-custom{background:linear-gradient(135deg,#284a4b,#1a3334);color:#fff;border:none;padding:11px 24px;border-radius:10px;cursor:pointer;font-weight:600;font-size:14.4px;transition:all .3s ease;box-shadow:0 3px 8px #284a4b4d;flex:0 0 auto;min-width:140px;white-space:nowrap}.shopping-btn-primary-custom:hover{background:linear-gradient(135deg,#1a3334,#1a3334);transform:translateY(-2px);box-shadow:0 6px 16px #284a4b4d}.shopping-top-action-buttons{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;max-width:1200px;margin:0 auto 24px;padding:0 20px;box-sizing:border-box}.btn-shop-online{background:linear-gradient(135deg,#284a4b,#1a3334);color:#fff;border:none;padding:11px 24px;border-radius:10px;cursor:pointer;font-weight:600;font-size:14.08px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 3px 8px #0006;white-space:nowrap}.btn-shop-online:hover{background:linear-gradient(135deg,#1a3334,#1a3334);transform:translateY(-2px)}.btn-whatsapp-share{background:linear-gradient(135deg,#397d7c,#1a3334);color:#fff;border:none;padding:11px 22px;border-radius:10px;cursor:pointer;font-weight:600;font-size:14.08px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 3px 8px #284a4b4d;white-space:nowrap}.btn-whatsapp-share:hover{background:linear-gradient(135deg,#397d7c,#1a3334);transform:translateY(-2px)}.back-home-container{display:flex;justify-content:center;align-items:center;margin:30px auto 50px;padding:0 20px;box-sizing:border-box}.btn-back-home{background:transparent;border:2px solid #284a4b;color:#284a4b;padding:11px 28px;border-radius:10px;cursor:pointer;font-weight:600;font-size:14.4px;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease;white-space:nowrap}.btn-back-home:hover{background:#284a4b;color:#fff;transform:translate(-4px)}.shopping-categories-checklist{display:flex;flex-direction:column;gap:20px;width:100%;max-width:1000px;margin:0 auto 30px;padding:0 20px;box-sizing:border-box}.shopping-category-section{background:#fff;border-radius:14px;padding:20px 22px;box-shadow:0 3px 12px #0006;border:1px solid #e0eeee;border-left:5px solid #284a4b;width:100%;box-sizing:border-box;transition:all .3s ease}.shopping-category-section:hover{box-shadow:0 6px 20px #0006}.shopping-category-header-simple{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e0eeee}.shopping-category-title-simple{font-weight:700;font-size:17.6px;color:#284a4b;margin:0;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:8px}.category-count-badge{background:#284a4b;color:#fff;font-size:11.52px;font-weight:700;padding:3px 9px;border-radius:20px}.shopping-checklist-items{display:flex;flex-direction:column;gap:10px;width:100%}.shopping-checklist-item{display:flex;align-items:center;padding:10px 12px;background:#f5fafa;border-radius:10px;border:1.5px solid #e0eeee;transition:all .25s ease;width:100%;box-sizing:border-box;gap:10px;flex-wrap:wrap}.shopping-checklist-item:hover{background:#f5fafa;border-color:#284a4b;transform:translate(4px)}.item-purchased{background:#f5fafa;border-color:#e0eeee}.item-purchased:hover{background:#f5fafa;border-color:#284a4b}.shopping-item-name-simple{flex:1;font-weight:500;font-size:14.4px;color:#666;margin:0;padding:0 6px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-name-purchased{text-decoration:line-through;color:#666}.shopping-quantity-badge-simple{background:linear-gradient(135deg,#284a4b,#1a3334);color:#fff;padding:5px 12px;border-radius:20px;font-size:11.52px;font-weight:600;min-width:60px;text-align:center;flex-shrink:0;white-space:nowrap}.from-pantry-badge{font-size:11.2px;color:#c0392b;font-weight:400;margin-left:5px}.shopping-checklist-actions{display:flex;gap:10px;flex-shrink:0;align-items:center}.shopping-purchase-btn,.shopping-edit-action-btn,.shopping-delete-action-btn{background:#fff;border:1.5px solid #284a4b;color:#284a4b;width:36px;height:36px;padding:0;border-radius:8px;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;justify-content:center;font-size:16px}.shopping-purchase-btn svg,.shopping-edit-action-btn svg,.shopping-delete-action-btn svg{font-size:16px;color:inherit}.shopping-delete-action-btn{border-color:#c0392b;color:#c0392b}.shopping-purchase-btn:hover,.shopping-edit-action-btn:hover{background:#284a4b;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #284a4b4d}.shopping-delete-action-btn:hover{background:#fca5a5;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0006}.shopping-error-message{background:#fecaca;color:#c0392b;padding:12px 20px;border-radius:8px;margin:20px auto;max-width:800px;border-left:4px solid #c0392b}.shopping-empty-message{text-align:center;padding:60px 20px;color:#666}.shopping-empty-message h4{font-size:22.4px;color:#666;margin-bottom:8px}.shopping-empty-message p{font-size:15.2px;margin-bottom:24px;color:#666}.shopping-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.shopping-modal{background:#fff;border-radius:18px;width:90%;max-width:450px;max-height:88vh;box-shadow:0 25px 50px #0006;overflow:hidden;display:flex;flex-direction:column}.shopping-modal-header-custom{background:linear-gradient(135deg,#284a4b,#1a3334);color:#fff;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.shopping-modal-header-custom h2{margin:0;font-weight:600;font-size:18.4px}.shopping-btn-close{background:#fff;border:none;color:#284a4b;font-size:22.4px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.shopping-btn-close{background:#284a4b;color:#fff;transform:rotate(90deg)}.shopping-modal-body{padding:22px 20px;flex:1 1 auto;overflow-y:auto}.shopping-modal-body .shopping-form-group{margin-bottom:15px}.shopping-modal-body label{display:block;margin-bottom:6px;font-weight:600;color:#666;font-size:13px}.shopping-modal-body input,.shopping-modal-body select{width:100%;padding:10px 14px;border:2px solid #e0eeee;border-radius:8px;font-size:13px;background:#f5fafa;color:#000;box-sizing:border-box}.shopping-modal-body input:focus,.shopping-modal-body select:focus{outline:none;border-color:#284a4b;background:#fff}.shopping-modal-footer{display:flex;justify-content:center;gap:12px;padding:16px 20px;background:#f5fafa;border-top:1px solid #e0eeee;flex-shrink:0}.shopping-btn-outline-custom{background:#fff;border:2px solid #e0eeee;color:#666;padding:9px 22px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px}.shopping-btn-outline-custom{background:#f5fafa;border-color:#666}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.spinner{width:44px;height:44px;border:3px solid #e0eeee;border-top-color:#284a4b;border-radius:50%;animation:spin 1s linear infinite}.delivery-modal{background:#fff;border-radius:18px;width:90%;max-width:400px;overflow:hidden;box-shadow:0 25px 50px #0006}.delivery-modal-header{background:linear-gradient(135deg,#284a4b,#1a3334);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.delivery-modal-header h3{margin:0;font-weight:600;font-size:17.6px}.delivery-modal-close{background:#fff;border:none;color:#284a4b;font-size:20.8px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.delivery-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.delivery-modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.delivery-option{display:flex;align-items:center;gap:14px;padding:16px;background:#f5fafa;border-radius:12px;cursor:pointer;transition:all .2s ease;border:1.5px solid #e0eeee}.delivery-option:hover{background:#f5fafa;border-color:#284a4b;transform:translate(6px)}.delivery-option-text strong{display:block;font-size:16px;color:#284a4b;margin-bottom:4px}.delivery-option-text p{margin:0;font-size:12.8px;color:#666}@media(max-width:780px){.shopping-hero-split{margin-top:80px;flex-direction:row;min-height:280px}.shopping-hero-image-side{flex:0 0 60%}.shopping-hero-text-side{flex:1;padding:30px 4% 30px 6%}.shopping-hero-title{font-size:1.8rem;margin-bottom:12px}.shopping-hero-desc{font-size:.85rem}.shopping-hero-divider{width:35px;height:2px;margin-bottom:12px}.shopping-hero-img-slice{width:60px}.shopping-stats-section{gap:8px;margin:28px auto 16px;padding:0 12px}.shopping-stat-card{min-width:0;max-width:100px;padding:10px 6px;border-radius:9px}.shopping-stat-number{font-size:20px;margin-bottom:3px}.shopping-stat-label{font-size:9px}.shopping-search-add-section{float:left;width:calc(100% - 128px);display:flex;flex-wrap:nowrap;align-items:center;margin:0;padding:0 1px 10px 12px;box-sizing:border-box;gap:4px}.shopping-search-field{flex:1 1 auto;min-width:0;width:auto;height:22px;margin:0;padding:0 8px;font-size:10px;border-radius:3px;border:2px solid #e0eeee;box-sizing:border-box}.shopping-btn-primary-custom{flex:0 0 auto;min-width:0;width:auto;height:22px;margin:0;padding:0 5px;font-size:7px;border-radius:3px;white-space:nowrap;box-shadow:none;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.shopping-top-action-buttons{float:left;width:128px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;margin:0;padding:0 12px 10px 3px;box-sizing:border-box;gap:4px}.btn-shop-online,.btn-whatsapp-share{flex:0 0 auto;min-width:0;width:auto;height:22px;margin:0;font-size:6px;padding:0 4px;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;justify-content:center;align-items:center;gap:1px;box-shadow:none;box-sizing:border-box}.shopping-categories-checklist{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;clear:both}.shopping-category-section{padding:10px;border-radius:10px}.shopping-category-header-simple{margin-bottom:8px;padding-bottom:6px}.shopping-category-title-simple{font-size:12px;gap:4px}.category-count-badge{font-size:9px;padding:2px 7px}.shopping-checklist-items{gap:6px}.shopping-checklist-item{flex-wrap:wrap;gap:6px;padding:7px 8px;border-radius:8px}.shopping-item-name-simple{font-size:11px;white-space:normal;overflow:visible;padding:0 3px}.shopping-quantity-badge-simple{font-size:9px;min-width:44px;padding:3px 8px}.from-pantry-badge{font-size:9px}.shopping-checklist-actions{width:100%;justify-content:flex-start;margin-top:4px;gap:6px}.btn-back-home{padding:8px 20px;font-size:13.6px;border-radius:6px;clear:both}.shopping-purchase-btn,.shopping-edit-action-btn,.shopping-delete-action-btn{width:26px;height:26px;font-size:11px;border-radius:6px}.shopping-purchase-btn svg,.shopping-edit-action-btn svg,.shopping-delete-action-btn svg{font-size:11px}.delivery-option{padding:12px}.delivery-option-text strong{font-size:14.4px}.shopping-modal-overlay{align-items:flex-start;padding-top:5%}.shopping-modal{margin-top:0;transform:translateY(0);max-height:85vh;top:5%;position:relative}.shopping-modal-body{overflow-y:auto;flex:1 1 auto;padding-bottom:20px}.shopping-form-group:first-of-type select{margin-top:5px}select{transform:translateY(0);transform-origin:top}.shopping-modal{border-radius:12px}.shopping-modal-header-custom{padding:12px 14px}.shopping-modal-header-custom h2{font-size:15px}.shopping-btn-close{width:24px;height:24px;font-size:15px}.shopping-modal-body{padding:14px}.shopping-modal-body .shopping-form-group{margin-bottom:10px}.shopping-modal-body label{font-size:11px;margin-bottom:4px}.shopping-modal-body input,.shopping-modal-body select{padding:8px 10px;font-size:13px;border-radius:6px}.shopping-modal-footer{padding:10px 14px;gap:8px;flex-direction:row}.shopping-modal-footer .shopping-btn-outline-custom,.shopping-modal-footer .shopping-btn-primary-custom{flex:1 1 0;width:auto;height:auto;min-width:0;padding:9px 8px;font-size:12px;border-radius:6px;box-shadow:none;white-space:nowrap;display:flex;align-items:center;justify-content:center}}@media(max-width:380px){.shopping-hero-split{flex-direction:row;min-height:200px}.shopping-hero-image-side{flex:0 0 65%}.shopping-hero-text-side{flex:1;padding:2px 9% 8px 4%}.shopping-hero-title{font-size:1.2rem;margin-bottom:3px}.shopping-hero-desc{font-size:.55rem;margin-bottom:3px}.shopping-hero-divider{width:15px;height:2px;margin-bottom:3px}.shopping-hero-img-slice{width:35px}.btn-back-home{padding:8px 16px;font-size:12.8px;border-radius:6px}.shopping-modal-overlay{padding-top:2%}.shopping-modal{max-height:92vh;top:2%;width:92%;border-radius:12px}.shopping-modal-header-custom{padding:10px 14px}.shopping-modal-header-custom h2{font-size:14px}.shopping-btn-close{width:22px;height:22px;font-size:14px}.shopping-modal-body{padding:12px 14px}.shopping-modal-body .shopping-form-group{margin-bottom:8px}.shopping-modal-body label{font-size:11px;margin-bottom:4px}.shopping-modal-body input{padding:7px 10px;font-size:12px;border-radius:6px}.shopping-modal-body select{font-size:16px;padding:7px 10px;border-radius:6px}.shopping-hero-title{font-size:24px;padding:0 10px}.shopping-hero-subtitle{font-size:12px}.shopping-stats-section{gap:6px;padding:0 10px;margin-top:22px}.shopping-stat-card{min-width:0;max-width:90px;padding:8px 5px}.shopping-stat-number{font-size:16px}.shopping-stat-label{font-size:8px}.shopping-search-add-section{float:left;width:calc(100% - 100px);display:flex;flex-wrap:nowrap;align-items:center;margin:0;padding:0 1px 8px 10px;box-sizing:border-box;gap:3px}.shopping-search-field{flex:1 1 auto;min-width:0;width:auto;height:18px;margin:0;padding:0 6px;font-size:8px;border-radius:3px;border:2px solid #e0eeee;box-sizing:border-box}.shopping-btn-primary-custom{flex:0 0 auto;min-width:0;width:auto;height:18px;margin:0;padding:0 3px;font-size:5px;border-radius:3px;white-space:nowrap;box-shadow:none;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.shopping-top-action-buttons{float:left;width:100px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;margin:0;padding:0 10px 8px 2px;box-sizing:border-box;gap:3px}.btn-shop-online,.btn-whatsapp-share{flex:0 0 auto;min-width:0;width:auto;height:18px;margin:0;font-size:4.5px;padding:0 3px;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;justify-content:center;align-items:center;gap:1px;box-shadow:none;box-sizing:border-box}.shopping-categories-checklist{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;clear:both}.shopping-category-section{padding:8px;border-radius:9px}.shopping-category-header-simple{margin-bottom:6px;padding-bottom:5px}.shopping-category-title-simple{font-size:10.5px;gap:3px}.category-count-badge{font-size:8px;padding:1px 6px}.shopping-checklist-items{gap:5px}.shopping-checklist-item{flex-direction:column;align-items:flex-start;gap:5px;padding:6px 7px;border-radius:7px}.shopping-item-name-simple{font-size:10px;white-space:normal;padding:0 2px}.shopping-quantity-badge-simple{font-size:8px;min-width:40px;padding:3px 7px}.from-pantry-badge{font-size:8px}.shopping-checklist-actions{width:100%;justify-content:flex-start;gap:5px}.shopping-purchase-btn,.shopping-edit-action-btn,.shopping-delete-action-btn{width:22px;height:22px;font-size:9px;border-radius:5px}.shopping-purchase-btn svg,.shopping-edit-action-btn svg,.shopping-delete-action-btn svg{font-size:9px}.shopping-modal-footer{flex-direction:row;padding:10px 14px;gap:8px}.shopping-modal-footer .shopping-btn-outline-custom,.shopping-modal-footer .shopping-btn-primary-custom{flex:1 1 0;width:auto;padding:8px 6px;font-size:11px;border-radius:6px;white-space:nowrap;text-align:center}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}.mc-app{width:100%;min-height:100vh;background:#fff;font-family:DM Sans,Segoe UI,sans-serif}.mc-header{background:linear-gradient(135deg,#284a4b,#1a3334);color:#fff;padding:28px 20px 24px;text-align:center;position:relative;margin-top:100px}.mc-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:#397d7c;border-radius:3px}.mc-title{font-size:32px;font-weight:700;font-family:DM Sans,serif;color:#fff;margin-bottom:6px}.mc-subtitle{font-size:14px;opacity:.88;color:#fff}.mc-page-wrapper{max-width:1400px;margin:0 auto;padding:24px 20px 6px}.mc-filters-bar{display:flex;align-items:flex-end;gap:12px;padding:16px 20px;background:#284a4b;border-radius:16px;margin-bottom:28px;flex-wrap:wrap}.mc-filter-label{font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:5px;white-space:nowrap}.mc-required{display:none}.csel{flex:1;min-width:140px;position:relative}.csel__box{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px;background:#fff;border:1.5px solid #e0eeee;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .18s,box-shadow .18s}.csel__box:hover{border-color:#397d7c}.csel__box--open{border-color:#397d7c;box-shadow:0 0 0 2.5px #397d7c66}.csel__val{font-size:13px;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.csel__ph{font-size:13px;color:#666}.csel__arrow{font-size:11px;color:#666;margin-left:6px;transition:transform .18s;display:inline-block}.csel__arrow--up{transform:rotate(180deg)}.csel__list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid #e0eeee;border-radius:12px;box-shadow:0 12px 32px #284a4b4d;z-index:9999;overflow:hidden;list-style:none;min-width:150px;animation:pop .14s ease}.csel__item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:13px;color:#000;cursor:pointer;transition:background .12s}.csel__item:not(:last-child){border-bottom:1px solid #f5fafa}.csel__item:hover{background:#f5fafa;color:#284a4b}.csel__item--active{background:#284a4b;color:#fff;font-weight:600}.csel__tick{font-size:11px;font-weight:700;flex-shrink:0;margin-left:6px}@keyframes pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mc-members-panel{position:absolute;top:calc(100% + 4px);left:0;min-width:230px;background:#fff;border:1.5px solid #e0eeee;border-radius:14px;box-shadow:0 12px 32px #284a4b4d;z-index:9999;padding:14px;animation:pop .14s ease}.mc-members-title{font-size:10px;font-weight:700;color:#666;text-transform:uppercase;margin-bottom:8px}.mc-members-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.mc-members-btn{width:34px;height:34px;border-radius:50%;border:1.5px solid #e0eeee;background:#f5fafa;font-size:13px;font-weight:600;color:#284a4b;cursor:pointer;display:flex;align-items:center;justify-content:center}.mc-members-btn:hover{border-color:#397d7c;background:#f5fafa}.mc-members-btn--active{background:#284a4b;color:#fff;border-color:#284a4b}.mc-members-hr{height:1px;background:#e0eeee;margin:10px 0}.mc-members-custom{display:flex;gap:8px;align-items:center}.mc-members-input{flex:1;height:34px;border:1.5px solid #e0eeee;border-radius:8px;padding:0 10px;font-size:13px;outline:none}.mc-members-input:focus{border-color:#397d7c}.mc-members-done{height:34px;padding:0 12px;background:#284a4b;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.mc-members-done:hover{background:#397d7c}.mc-filter-actions{flex-shrink:0}.mc-generate-btn{height:40px;padding:0 22px;background:#1a3334;color:#fff;border:none;border-radius:20px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:7px;transition:all .2s}.mc-generate-btn:hover:not(.mc-btn-disabled){background:#fff;color:#397d7c}.mc-btn-disabled{opacity:.45;cursor:not-allowed}.mc-spin-sm{width:13px;height:13px;border:2px solid rgba(57,125,124,.5);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.mc-empty-state{text-align:center;padding:30px 20px;color:#666}.mc-empty-icon{font-size:56px;margin-bottom:14px}.mc-empty-state h3{font-size:20px;color:#284a4b;margin-bottom:8px}.mc-empty-state p{font-size:14px;line-height:1.6;max-width:420px;margin:0 auto}.mc-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:18px;color:#284a4b;font-size:14px}.mc-spinner{width:42px;height:42px;border:3px solid #e0eeee;border-top-color:#284a4b;border-radius:50%;animation:spin .8s linear infinite}.mc-calendar-section{width:100%}.mc-variety-banner{display:flex;align-items:flex-start;gap:10px;background:#fff8e1;border:1px solid #ffe082;border-radius:12px;padding:12px 16px;margin-bottom:16px;font-size:13px;line-height:1.55;color:#5a4a1a}.mc-variety-icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#f2a900;color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}.mc-week-nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:18px}.mc-nav-arrow{width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid #284a4b;font-size:22.4px;font-weight:700;color:#284a4b;cursor:pointer;display:flex;align-items:center;justify-content:center}.mc-nav-arrow:hover{background:#284a4b;color:#fff}.mc-nav-arrow:disabled{cursor:not-allowed}.mc-week-range{font-size:17.6px;font-weight:600;color:#284a4b}.mc-day-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}.mc-day-tab{display:flex;flex-direction:column;align-items:center;padding:9px 14px;border-radius:14px;cursor:pointer;background:#fff;border:1.5px solid #e0eeee;transition:all .18s;min-width:64px;position:relative}.mc-day-tab:hover{border-color:#397d7c;background:#f5fafa}.mc-tab-active{background:#284a4b;border-color:#284a4b}.mc-tab-today:not(.mc-tab-active){border-color:#397d7c;box-shadow:0 0 0 1.5px #397d7c}.mc-today-dot{position:absolute;top:6px;right:8px;width:6px;height:6px;border-radius:50%;background:#397d7c}.mc-tab-active .mc-today-dot{background:#fff}.mc-tab-short{font-size:10px;font-weight:700;color:#284a4b;letter-spacing:.5px}.mc-tab-active .mc-tab-short{color:#fff}.mc-tab-date{font-size:17px;font-weight:800;color:#284a4b;margin-top:2px}.mc-tab-active .mc-tab-date{color:#fff}.mc-tab-dots{display:flex;gap:4px;margin-top:5px}.mc-tab-dot{width:5px;height:5px;border-radius:50%;background:#e0eeee}.mc-dot-on{background:#397d7c}.mc-tab-active .mc-tab-dot{background:#397d7c80}.mc-tab-active .mc-dot-on{background:#fff}.mc-day-label-row{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.mc-sel-day{font-size:27.2px;font-weight:800;color:#284a4b}.mc-sel-date{font-size:16px;color:#666}.mc-members-pill{margin-left:auto;background:#f5fafa;border:1px solid #e0eeee;color:#284a4b;padding:5px 14px;border-radius:20px;font-size:13px;font-weight:600}.mc-grid-scroll-wrapper{width:100%}.mc-calendar-grid{width:100%;border-radius:16px;border:1px solid #e0eeee;box-shadow:0 4px 18px #0006;background:#fff}.mc-grid-head{display:grid;grid-template-columns:100px 1fr 1fr 1fr;background:#284a4b}.mc-grid-head-day{background:#0006;padding:14px}.mc-grid-head-cell{padding:14px;text-align:center;color:#fff;font-size:14px;font-weight:700;border-left:1px solid #e0eeee}.mc-grid-row{display:grid;grid-template-columns:100px 1fr 1fr 1fr;border-top:1px solid #e0eeee;background:#fff}.mc-grid-row:hover{background:#f5fafa}.mc-row-active{background:#f5fafa;border-left:3px solid #397d7c}.mc-grid-day-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;background:#f5fafa;border-right:1px solid #e0eeee;cursor:pointer;text-align:center;position:relative}.mc-grid-day-cell:hover{background:#f5fafa}.mc-day-short{font-size:11px;font-weight:700;color:#284a4b;letter-spacing:1px}.mc-day-num{font-size:22px;font-weight:800;color:#284a4b;margin-top:3px}.mc-meal-cell{padding:14px 16px;border-left:1px solid #e0eeee;min-height:120px;display:flex;align-items:center}.mc-meal-inner{display:flex;align-items:center;gap:14px;width:100%}.mc-thumb{width:90px;height:90px;border-radius:10px;background-size:cover;background-position:center;background-color:#f5fafa;cursor:pointer;position:relative;flex-shrink:0;transition:transform .18s}.mc-thumb:hover{transform:scale(1.04)}.mc-dot{position:absolute;top:5px;right:5px;width:10px;height:10px;border-radius:50%;border:2px solid #ffffff}.mc-pct{position:absolute;bottom:4px;left:4px;background:#284a4b99;color:#fff;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600}.mc-meal-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.mc-meal-name{font-size:14px;font-weight:700;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.mc-meal-name:hover{color:#284a4b;text-decoration:underline}.mc-meal-btns{display:flex;gap:7px;flex-wrap:wrap}.mc-btn-view,.mc-btn-change{padding:5px 14px;border:none;border-radius:14px;font-size:12px;font-weight:600;cursor:pointer}.mc-btn-view{background:#f5fafa;color:#284a4b}.mc-btn-view:hover{background:#e0eeee}.mc-btn-change{background:#284a4b;color:#fff}.mc-btn-change:hover{background:#397d7c}.mc-add-cell{width:100%;min-height:90px;border-radius:10px;background:linear-gradient(135deg,#f5fafa,#f5fafa);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;border:1.5px dashed #e0eeee}.mc-add-cell:hover{border-color:#284a4b;background:#f5fafa}.mc-add-plus{font-size:25.6px;color:#397d7c}.mc-add-lbl{font-size:12px;font-weight:600;color:#666}.mc-add-cell:hover .mc-add-plus,.mc-add-cell:hover .mc-add-lbl{color:#284a4b}.mc-save-row{margin-top:18px;margin-bottom:4px}.mc-save-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;background:#284a4b;border-radius:14px;padding:18px 24px;box-shadow:0 6px 20px #284a4b4d}.mc-save-title{color:#fff;font-weight:700;font-size:15px;margin-bottom:3px}.mc-save-sub{color:#f5f5f5;font-size:12px}.mc-save-actions{display:flex;gap:10px;flex-wrap:wrap}.mc-save-btn{padding:11px 28px;background:#fff;color:#284a4b;border:none;border-radius:30px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px #0006}.mc-save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}.mc-delete-btn{padding:11px 28px;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6);border-radius:30px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}.mc-delete-btn:hover{background:#ffffff1f}.mc-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.mc-modal{background:#fff;border-radius:20px;width:92%;max-width:500px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 22px 44px #0006;animation:pop .2s ease}.mc-modal-head{background:#284a4b;color:#fff;padding:14px 18px;display:flex;justify-content:space-between;align-items:center}.mc-modal-head h3{font-size:15.2px;margin:0;color:#fff}.mc-modal-x{background:#397d7c66;border:none;color:#fff;font-size:20.8px;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.mc-modal-x:hover{background:#397d7c80}.mc-modal-body{padding:16px 18px;overflow-y:auto;flex:1}.mc-modal-foot{padding:12px 18px;border-top:1px solid #e0eeee;display:flex;justify-content:flex-end}.mc-modal-cancel{background:#e0eeee;border:none;padding:7px 20px;border-radius:20px;font-weight:600;font-size:13px;color:#284a4b;cursor:pointer}.mc-modal-cancel:hover{background:#e0eeee}.mc-search-row{position:relative;margin-bottom:12px}.mc-search-inp{width:100%;padding:10px 36px 10px 16px;border:1.5px solid #e0eeee;border-radius:30px;font-size:13px;outline:none}.mc-search-inp:focus{border-color:#397d7c;box-shadow:0 0 0 2px #397d7c66}.mc-search-clr{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;color:#666;cursor:pointer}.mc-search-clr:hover{color:#284a4b}.mc-search-hint{text-align:center;color:#666;font-size:12px;padding:16px 0}.mc-modal-load{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 0;color:#284a4b;font-size:13px}.mc-mini-spin{width:18px;height:18px;border:2px solid #e0eeee;border-top-color:#284a4b;border-radius:50%;animation:spin .7s linear infinite}.mc-results{display:flex;flex-direction:column;gap:7px}.mc-result-item{display:flex;gap:10px;padding:9px 11px;background:#f5fafa;border-radius:12px;cursor:pointer;border:1.5px solid #e0eeee;align-items:center}.mc-result-item:hover{background:#f5fafa;border-color:#397d7c}.mc-result-item img{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}.mc-result-info{flex:1;min-width:0}.mc-result-name{font-weight:700;font-size:13px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-result-meta{font-size:11px;color:#666;margin-top:2px}.mc-result-badge{background:#284a4b;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:10px;flex-shrink:0;opacity:0}.mc-result-item:hover .mc-result-badge{opacity:1}.mc-no-result{text-align:center;padding:24px 16px}.rd-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}.rd-modal{background:#fff;border-radius:20px;width:100%;max-width:700px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 28px 56px #0006;animation:pop .22s ease}.rd-head{background:linear-gradient(135deg,#284a4b,#1a3334);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.rd-title{font-size:17.6px;font-weight:700;color:#fff;margin:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:12px}.rd-close-btn{background:#397d7c66;border:none;color:#fff;font-size:16px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rd-close-btn:hover{background:#397d7c80}.rd-body{flex:1;overflow-y:auto}.rd-hero{width:100%;height:250px;overflow:hidden;flex-shrink:0}.rd-hero img{width:100%;height:100%;object-fit:cover;display:block}.rd-content{padding:20px}.rd-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.rd-tag{background:#f5fafa;color:#284a4b;border:1px solid #e0eeee;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.rd-serves{font-size:13px;color:#666;margin-bottom:10px}.rd-serves strong{color:#284a4b}.rd-desc{font-size:14px;color:#666;line-height:1.65;margin-bottom:4px}.rd-section{margin-top:20px}.rd-section-title{font-size:15px;font-weight:700;color:#284a4b;margin-bottom:12px;padding-bottom:6px;border-bottom:2px solid #f5fafa}.rd-ing-list{list-style:none;display:flex;flex-direction:column;gap:7px}.rd-ing-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#666;line-height:1.4}.rd-dot{width:7px;height:7px;border-radius:50%;background:#397d7c;flex-shrink:0;margin-top:5px}.rd-steps{list-style:none;display:flex;flex-direction:column;gap:12px}.rd-step{display:flex;align-items:flex-start;gap:12px;font-size:13px;color:#666;line-height:1.55}.rd-step-num{width:26px;height:26px;border-radius:50%;background:#284a4b;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.rd-nutrition{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.rd-nut{background:#f5fafa;border:1px solid #e0eeee;border-radius:10px;padding:10px 16px;text-align:center;min-width:80px}.rd-nut-val{display:block;font-size:16px;font-weight:700;color:#284a4b}.rd-nut-key{display:block;font-size:11px;color:#666;text-transform:capitalize;margin-top:2px}.rd-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:#284a4b}.rd-spinner{width:38px;height:38px;border:3px solid #e0eeee;border-top-color:#284a4b;border-radius:50%;animation:spin .8s linear infinite}.rd-foot{padding:14px 20px;border-top:1px solid #e0eeee;background:#f5fafa;flex-shrink:0}.rd-back{padding:9px 22px;background:#284a4b;color:#fff;border:none;border-radius:20px;font-size:13px;font-weight:700;cursor:pointer}.rd-back:hover{background:#397d7c}.mc-back-home-container{display:flex;justify-content:center;align-items:center;margin:0 auto 30px;padding:0 20px;box-sizing:border-box}.mc-btn-back-home{background:transparent;border:2px solid #284a4b;color:#284a4b;padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14.4px;transition:all .3s ease;text-align:center;white-space:nowrap;display:inline-block;width:auto}.mc-btn-back-home:hover{background:#284a4b;color:#fff;transform:translate(-3px)}@media(max-width:780px){.mc-header{margin-top:130px;padding:22px 16px 20px}.mc-title{font-size:25.6px}.mc-subtitle{font-size:13px}.mc-page-wrapper{padding:14px 12px 40px}.mc-filters-bar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:end;padding:12px;border-radius:14px;margin-bottom:18px}.csel{min-width:0;width:100%}.mc-filter-label{font-size:8px;white-space:normal;line-height:1.2;margin-bottom:3px}.mc-filter-actions{grid-column:auto;align-self:end;width:100%}.mc-generate-btn{width:100%;height:38px;justify-content:center;font-size:11px;border-radius:20px;padding:0 8px}.mc-week-nav{gap:12px;margin-bottom:12px}.mc-nav-arrow{width:26px;height:26px;font-size:14px}.mc-week-range{font-size:11px}.mc-day-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));flex-wrap:nowrap;overflow-x:visible;justify-content:flex-start;gap:4px;padding-bottom:0}.mc-day-tabs::-webkit-scrollbar{display:none}.mc-day-tab{min-width:0;width:100%;flex-shrink:1;padding:6px 2px}.mc-tab-short{font-size:6.5px}.mc-tab-date{font-size:10.5px}.mc-tab-dots{gap:2px}.mc-tab-dot{width:4px;height:4px}.mc-sel-day{font-size:15px}.mc-sel-date{font-size:11px}.mc-members-pill{font-size:9.5px;padding:3px 8px}.mc-calendar-section{width:100%;overflow:visible}.mc-grid-scroll-wrapper{width:100%;overflow-x:visible;padding-bottom:0;border-radius:12px}.mc-calendar-grid{width:100%;min-width:0;border-radius:12px}.mc-grid-head,.mc-grid-row{display:grid;grid-template-columns:44px repeat(3,minmax(0,1fr));width:100%}.mc-meal-cell{padding:6px 4px;min-height:100px;display:flex;align-items:flex-start;justify-content:center;border-left:1px solid #e0eeee}.mc-meal-inner{flex-direction:column;align-items:center;gap:4px;width:100%}.mc-thumb{width:42px;height:42px;min-width:42px;min-height:42px;border-radius:7px;flex-shrink:0}.mc-meal-text{width:100%;gap:3px;align-items:center;text-align:center}.mc-meal-name{font-size:7px;white-space:normal;overflow:visible;text-align:center;line-height:1.15}.mc-day-short{font-size:6.5px}.mc-day-num{font-size:11px}.mc-meal-btns{justify-content:center;gap:3px;flex-direction:column}.mc-btn-view,.mc-btn-change{font-size:6px;padding:2px 4px;border-radius:8px}.mc-pct{font-size:6px;padding:1px 3px}.mc-grid-day-cell{padding:6px 2px}.mc-grid-head-cell{font-size:7.5px;padding:6px 2px}.mc-grid-head-day{padding:8px 2px}.mc-add-cell{min-height:60px;border-radius:8px}.mc-add-plus{font-size:15px}.mc-add-lbl{font-size:8px}.mc-save-card{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px}.mc-save-actions{flex-shrink:0;flex-wrap:nowrap;gap:8px}.mc-save-btn,.mc-delete-btn{flex-shrink:0;width:auto;padding:8px 16px;font-size:12px;white-space:nowrap}.mc-variety-banner{font-size:12px;padding:10px 12px}.mc-empty-state{padding:30px 16px}.mc-empty-state h3{font-size:16px}.mc-empty-state p{font-size:12.5px}.mc-btn-back-home{padding:8px 20px;font-size:13.6px;white-space:nowrap}.mc-back-home-container{margin:0 auto 20px}.mc-overlay{align-items:flex-end;padding:0}.mc-modal{width:100%;max-width:100%;border-radius:20px 20px 0 0;max-height:90vh}.rd-overlay{align-items:flex-end;padding:0}.rd-modal{width:100%;max-width:100%;border-radius:20px 20px 0 0;max-height:95vh}.rd-hero{height:180px}.mc-members-panel{left:0;right:0;min-width:unset;width:100%}}@media(max-width:380px){.mc-header{margin-top:120px;padding:16px 12px 14px}.mc-title{font-size:20px}.mc-subtitle{font-size:12px}.mc-page-wrapper{padding:10px 10px 28px}.mc-filters-bar{gap:7px;padding:10px}.mc-filter-label{font-size:8px}.mc-generate-btn{font-size:11px;height:36px}.mc-day-tab{padding:4px 1px}.mc-tab-short{font-size:6px}.mc-tab-date{font-size:9.5px}.mc-calendar-grid{width:100%;min-width:0}.mc-grid-head,.mc-grid-row{grid-template-columns:36px repeat(3,minmax(0,1fr));width:100%}.mc-thumb{width:34px;height:34px;min-width:34px;min-height:34px;border-radius:6px}.mc-meal-cell{padding:5px 3px;min-height:88px}.mc-meal-name{font-size:6.5px}.mc-day-short{font-size:6px}.mc-day-num{font-size:10px}.mc-btn-view,.mc-btn-change{font-size:5.5px;padding:1px 3px}.mc-grid-head-cell{font-size:7px;padding:5px 2px}.mc-week-range{font-size:10px}.mc-sel-day{font-size:13px}.mc-nav-arrow{width:24px;height:24px;font-size:12px}.mc-save-card{flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;gap:6px;padding:10px 12px}.mc-save-actions{flex-shrink:0;flex-wrap:nowrap;gap:5px}.mc-save-btn,.mc-delete-btn{width:auto;flex-shrink:0;text-align:center;padding:7px 10px;font-size:10px;white-space:nowrap}.mc-empty-state{padding:20px 12px}.mc-empty-state h3{font-size:14px}.mc-empty-state p{font-size:11.5px}.mc-btn-back-home{padding:8px 16px;font-size:12.8px;white-space:nowrap}.mc-back-home-container{margin:0 auto 20px}}.sidebar-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}.sidebar-overlay.active{opacity:1;visibility:visible}.settings-sidebar{position:fixed;top:0;right:-420px;width:420px;max-width:90vw;height:100vh;background:#fff;box-shadow:-5px 0 25px #0006;transition:right .3s ease;z-index:1000;overflow-y:auto;direction:ltr;font-family:DM Sans,Segoe UI,sans-serif}.settings-sidebar.open{right:0}.settings-sidebar::-webkit-scrollbar{width:5px}.settings-sidebar::-webkit-scrollbar-track{background:#f5fafa}.settings-sidebar::-webkit-scrollbar-thumb{background:#284a4b;border-radius:3px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0eeee;background:#fff;position:sticky;top:0;z-index:10;direction:ltr}.header-title-section{display:flex;align-items:center;gap:8px}.sidebar-header h2{margin:0;font-size:20px;font-weight:700;color:#284a4b;direction:ltr;font-family:DM Sans,Segoe UI,sans-serif}.close-btn{width:36px;height:36px;background:#284a4b;border:none;border-radius:50%;font-size:18px;cursor:pointer;transition:all .2s ease;color:#fff;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#397d7c}.sidebar-content{padding:24px;direction:ltr}.profile-card{background:#f5fafa;border:1px solid #e0eeee;border-radius:24px;padding:24px;text-align:center;margin-bottom:24px;direction:ltr}.profile-avatar{margin-bottom:16px}.avatar{width:80px;height:80px;background:#284a4b;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:36px;font-weight:600;color:#fff;margin:0 auto;font-family:DM Sans,Segoe UI,sans-serif}.profile-avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover}.profile-name{margin:0 0 4px;font-size:20px;font-weight:700;color:#284a4b;direction:ltr;font-family:DM Sans,Segoe UI,sans-serif}.profile-email{margin:0 0 16px;font-size:13px;color:#666;direction:ltr;font-family:DM Sans,Segoe UI,sans-serif}.edit-profile-btn{background:#fff;border:1.5px solid #284a4b;color:#284a4b;padding:8px 20px;border-radius:30px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;font-family:DM Sans,Segoe UI,sans-serif}.edit-profile-btn:hover{background:#284a4b;color:#fff}.arrow{font-size:10px;transition:transform .2s ease;margin-left:4px}.arrow.rotate{transform:rotate(180deg)}.profile-options{margin-top:16px;animation:fadeIn .2s ease;direction:ltr}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.divider{height:1px;background:#e0eeee;margin:12px 0}.option-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:#fff;border:1px solid #e0eeee;border-radius:10px;font-size:14px;cursor:pointer;margin-bottom:8px;transition:all .2s ease;text-align:left;direction:ltr;color:#284a4b;font-family:DM Sans,Segoe UI,sans-serif}.option-btn:hover{background:#f5fafa;border-color:#397d7c;transform:translate(4px)}.edit-name-container{margin-top:8px;direction:ltr;background:#fff}.name-input{width:100%;box-sizing:border-box;padding:10px 12px;border:2px solid #284a4b;border-radius:10px;font-size:16px;margin-bottom:12px;outline:none;direction:ltr;color:#284a4b;background:#fff;font-family:DM Sans,Segoe UI,sans-serif}.name-input:focus{border-color:#397d7c}.edit-btns{display:flex;gap:10px;justify-content:center}.save-btn,.cancel-btn{padding:6px 16px;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-family:DM Sans,Segoe UI,sans-serif}.save-btn{background:#284a4b;color:#fff}.save-btn:hover{background:#397d7c}.cancel-btn{background:#e0eeee;color:#666}.cancel-btn:hover{background:#f5fafa}.settings-block{margin-bottom:28px;direction:ltr}.block-title{display:flex;align-items:center;gap:8px;margin-bottom:16px;direction:ltr}.block-title h4{margin:0;font-size:14px;color:#284a4b;text-transform:uppercase;letter-spacing:.5px;direction:ltr;font-family:DM Sans,Segoe UI,sans-serif}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e0eeee;direction:ltr;gap:15px}.setting-left{display:flex;align-items:center;gap:12px;direction:ltr;min-width:0}.setting-title{font-weight:600;font-size:14px;color:#284a4b;direction:ltr;font-family:DM Sans,Segoe UI,sans-serif}.setting-desc{font-size:11px;color:#666;direction:ltr;margin-top:3px;font-family:DM Sans,Segoe UI,sans-serif}.toggle{position:relative;display:inline-block;flex-shrink:0}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{display:inline-block;width:48px;height:24px;background:#e0eeee;border-radius:24px;cursor:pointer;position:relative;transition:all .2s ease}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .2s ease}.toggle input:checked+.toggle-slider{background:#284a4b}.toggle input:checked+.toggle-slider:after{transform:translate(24px)}.language-select{min-width:105px;padding:8px 10px;border:1px solid #e0eeee;border-radius:8px;background:#fff;color:#284a4b;font-size:13px;outline:none;cursor:pointer;font-family:DM Sans,Segoe UI,sans-serif}.language-select:focus{border-color:#397d7c}.save-btn-main{width:100%;padding:14px;background:#284a4b;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;margin-bottom:12px;direction:ltr;transition:background .2s ease;font-family:DM Sans,Segoe UI,sans-serif}.save-btn-main:hover{background:#397d7c}.logout-btn{width:100%;padding:14px;background:#fff;border:1.5px solid #e0eeee;border-radius:12px;font-size:15px;cursor:pointer;color:#666;direction:ltr;transition:all .2s ease;font-family:DM Sans,Segoe UI,sans-serif}.logout-btn:hover{border-color:#c0392b;color:#c0392b}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;gap:16px;color:#284a4b;font-family:DM Sans,Segoe UI,sans-serif}.loading-container p{margin:0;font-size:14px;color:#666}.spinner{width:40px;height:40px;border:3px solid #e0eeee;border-top-color:#284a4b;border-radius:50%;animation:spin .6s linear infinite}@media(max-width:780px){.settings-sidebar{width:380px;max-width:92vw}.sidebar-header{padding:18px 20px}.sidebar-content{padding:20px}.profile-card{padding:20px;border-radius:20px}.settings-block{margin-bottom:24px}}@media(max-width:380px){.settings-sidebar{width:100%;max-width:100vw;right:-100%}.settings-sidebar.open{right:0}.sidebar-header{padding:16px}.sidebar-header h2{font-size:18px}.close-btn{width:34px;height:34px}.sidebar-content{padding:16px}.profile-card{padding:18px 14px;margin-bottom:20px;border-radius:18px}.avatar,.profile-avatar img{width:70px;height:70px}.avatar{font-size:30px}.profile-name{font-size:18px}.profile-email{font-size:12px}.setting-item{padding:11px 0}.setting-title{font-size:13px}.setting-desc{font-size:10px}.toggle-slider{width:44px;height:22px}.toggle-slider:after{width:18px;height:18px}.toggle input:checked{transform:translate(22px)}.toggle-slider:after{transform:translate(22px)}.language-select{min-width:90px;font-size:12px}.save-btn-main,.logout-btn{padding:12px;font-size:14px}}.desserts-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.desserts-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.desserts-header-content{max-width:800px;margin:0 auto}.desserts-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.desserts-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.desserts-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.desserts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.desserts-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.desserts-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.desserts-card-image{width:60px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.desserts-card-content{padding:8px 12px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.desserts-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.desserts-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.desserts-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.desserts-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.desserts-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.desserts-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.desserts-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.desserts-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.desserts-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.desserts-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.desserts-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.desserts-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.desserts-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.desserts-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.desserts-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.desserts-modal-col--steps{flex:1.3}.desserts-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.desserts-modal-col-header i{color:#fff;font-size:13px}.desserts-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.desserts-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.desserts-modal-scroll::-webkit-scrollbar{width:4px}.desserts-modal-scroll::-webkit-scrollbar-track{background:transparent}.desserts-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.desserts-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.desserts-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.desserts-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.desserts-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.desserts-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.desserts-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.desserts-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.desserts-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.desserts-voice-icon{color:#284a4b;font-size:15px}.desserts-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.desserts-voice-progress{flex:1;min-width:60px}.desserts-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.desserts-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.desserts-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.desserts-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.desserts-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.desserts-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.desserts-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.desserts-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.desserts-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.desserts-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.desserts-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.desserts-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.desserts-header{margin-top:100px;padding:25px 16px}.desserts-page-title{font-size:32px}.desserts-page-description{font-size:14.4px}.desserts-grid{grid-template-columns:repeat(3,1fr);gap:14px}.desserts-card{height:80px}.desserts-card-image{width:55px;background-size:cover}.desserts-card-content{padding:5px 10px}.desserts-card-title{font-size:11px}.desserts-modal{width:96%;height:88vh;border-radius:18px}.desserts-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.desserts-modal-hero-left{flex:0 0 52%;padding:20px 28px}.desserts-modal-hero-title{font-size:22.4px}.desserts-modal-hero-tagline{font-size:12px}.desserts-modal-tag{font-size:9px;padding:3px 10px}.desserts-modal-body{gap:10px;padding:12px 14px 8px}.desserts-ingredient-text,.desserts-step-text{font-size:12px}.desserts-modal-col-header h3{font-size:11.2px}.desserts-modal-col-header{padding:10px 14px 8px}.desserts-modal-scroll{padding:10px 12px 12px;gap:7px}.desserts-voice-bar{padding:9px 14px 11px;gap:12px}.desserts-voice-label{font-size:10.4px}.desserts-voice-main-btn{padding:7px 18px;font-size:12px}.desserts-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.desserts-header{margin-top:80px;padding:20px 16px}.desserts-page-title{font-size:25.6px}.desserts-page-description{font-size:12.8px}.desserts-grid{grid-template-columns:repeat(2,1fr);gap:10px}.desserts-card{height:70px}.desserts-card-image{width:45px;background-size:cover}.desserts-card-content{padding:4px 8px}.desserts-card-title{font-size:10px}.desserts-modal{width:98%;height:90vh;border-radius:14px}.desserts-modal-hero-img{object-fit:cover}.desserts-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.desserts-modal-hero-left{flex:0 0 52%;padding:12px 18px}.desserts-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.desserts-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.desserts-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.desserts-modal-hero-left:after{right:-35px;width:40px}.desserts-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.desserts-modal-body{gap:8px;padding:10px 10px 8px}.desserts-modal-col-header{padding:8px 10px 6px;gap:6px}.desserts-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.desserts-modal-col-header i{font-size:11px}.desserts-modal-scroll{padding:8px 10px 10px;gap:6px}.desserts-ingredient-text,.desserts-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.desserts-ingredient-dot{width:5px;height:5px;margin-top:4px}.desserts-step-num{width:20px;height:20px;font-size:9px}.desserts-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.desserts-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.desserts-voice-left{display:flex;gap:5px}.desserts-voice-icon{font-size:13px}.desserts-voice-progress{order:initial;width:auto;flex:1}.desserts-progress-info{font-size:9.6px}.desserts-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.desserts-step-btn{padding:5px 10px;font-size:10px;gap:4px}}.soup-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.soup-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.soup-header-content{max-width:800px;margin:0 auto}.soup-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.soup-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.soup-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.soup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.soup-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.soup-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.soup-card-image{width:60px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.soup-card-content{padding:8px 12px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.soup-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.soup-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.soup-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.soup-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.soup-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.soup-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.soup-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.soup-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.soup-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.soup-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.soup-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.soup-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.soup-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.soup-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.soup-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.soup-modal-col--steps{flex:1.3}.soup-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.soup-modal-col-header i{color:#fff;font-size:13px}.soup-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.soup-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.soup-modal-scroll::-webkit-scrollbar{width:4px}.soup-modal-scroll::-webkit-scrollbar-track{background:transparent}.soup-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.soup-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.soup-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.soup-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.soup-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.soup-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.soup-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.soup-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.soup-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.soup-voice-icon{color:#284a4b;font-size:15px}.soup-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.soup-voice-progress{flex:1;min-width:60px}.soup-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.soup-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.soup-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.soup-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.soup-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.soup-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.soup-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.soup-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.soup-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.soup-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.soup-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.soup-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.soup-header{margin-top:100px;padding:25px 16px}.soup-page-title{font-size:32px}.soup-page-description{font-size:14.4px}.soup-grid{grid-template-columns:repeat(3,1fr);gap:14px}.soup-card{height:80px}.soup-card-image{width:55px;background-size:cover}.soup-card-content{padding:5px 10px}.soup-card-title{font-size:11px}.soup-modal{width:96%;height:88vh;border-radius:18px}.soup-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.soup-modal-hero-left{flex:0 0 52%;padding:20px 28px}.soup-modal-hero-title{font-size:22.4px}.soup-modal-hero-tagline{font-size:12px}.soup-modal-tag{font-size:9px;padding:3px 10px}.soup-modal-body{gap:10px;padding:12px 14px 8px}.soup-ingredient-text,.soup-step-text{font-size:12px}.soup-modal-col-header h3{font-size:11.2px}.soup-modal-col-header{padding:10px 14px 8px}.soup-modal-scroll{padding:10px 12px 12px;gap:7px}.soup-voice-bar{padding:9px 14px 11px;gap:12px}.soup-voice-label{font-size:10.4px}.soup-voice-main-btn{padding:7px 18px;font-size:12px}.soup-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.soup-header{margin-top:80px;padding:20px 16px}.soup-page-title{font-size:25.6px}.soup-page-description{font-size:12.8px}.soup-grid{grid-template-columns:repeat(2,1fr);gap:10px}.soup-card{height:70px}.soup-card-image{width:45px;background-size:cover}.soup-card-content{padding:4px 8px}.soup-card-title{font-size:10px}.soup-modal{width:98%;height:90vh;border-radius:14px}.soup-modal-hero-img{object-fit:cover}.soup-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.soup-modal-hero-left{flex:0 0 52%;padding:12px 18px}.soup-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.soup-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.soup-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.soup-modal-hero-left:after{right:-35px;width:40px}.soup-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.soup-modal-body{gap:8px;padding:10px 10px 8px}.soup-modal-col-header{padding:8px 10px 6px;gap:6px}.soup-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.soup-modal-col-header i{font-size:11px}.soup-modal-scroll{padding:8px 10px 10px;gap:6px}.soup-ingredient-text,.soup-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.soup-ingredient-dot{width:5px;height:5px;margin-top:4px}.soup-step-num{width:20px;height:20px;font-size:9px}.soup-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.soup-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.soup-voice-left{display:flex;gap:5px}.soup-voice-icon{font-size:13px}.soup-voice-progress{order:initial;width:auto;flex:1}.soup-progress-info{font-size:9.6px}.soup-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.soup-step-btn{padding:5px 10px;font-size:10px;gap:4px}}.cheatmeal-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.cheatmeal-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.cheatmeal-header-content{max-width:800px;margin:0 auto}.cheatmeal-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.cheatmeal-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.cheatmeal-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.cheatmeal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cheatmeal-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.cheatmeal-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.cheatmeal-card-image{width:60px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.cheatmeal-card-content{padding:8px 12px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.cheatmeal-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.cheatmeal-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cheatmeal-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.cheatmeal-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.cheatmeal-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.cheatmeal-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.cheatmeal-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.cheatmeal-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.cheatmeal-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.cheatmeal-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cheatmeal-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cheatmeal-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.cheatmeal-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.cheatmeal-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.cheatmeal-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.cheatmeal-modal-col--steps{flex:1.3}.cheatmeal-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.cheatmeal-modal-col-header i{color:#fff;font-size:13px}.cheatmeal-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.cheatmeal-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.cheatmeal-modal-scroll::-webkit-scrollbar{width:4px}.cheatmeal-modal-scroll::-webkit-scrollbar-track{background:transparent}.cheatmeal-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.cheatmeal-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.cheatmeal-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.cheatmeal-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.cheatmeal-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.cheatmeal-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.cheatmeal-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.cheatmeal-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.cheatmeal-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.cheatmeal-voice-icon{color:#284a4b;font-size:15px}.cheatmeal-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.cheatmeal-voice-progress{flex:1;min-width:60px}.cheatmeal-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.cheatmeal-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.cheatmeal-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.cheatmeal-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.cheatmeal-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.cheatmeal-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.cheatmeal-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.cheatmeal-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.cheatmeal-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.cheatmeal-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.cheatmeal-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.cheatmeal-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.cheatmeal-header{margin-top:100px;padding:25px 16px}.cheatmeal-page-title{font-size:32px}.cheatmeal-page-description{font-size:14.4px}.cheatmeal-grid{grid-template-columns:repeat(3,1fr);gap:14px}.cheatmeal-card{height:80px}.cheatmeal-card-image{width:55px;background-size:cover}.cheatmeal-card-content{padding:5px 10px}.cheatmeal-card-title{font-size:11px}.cheatmeal-modal{width:96%;height:88vh;border-radius:18px}.cheatmeal-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.cheatmeal-modal-hero-left{flex:0 0 52%;padding:20px 28px}.cheatmeal-modal-hero-title{font-size:22.4px}.cheatmeal-modal-hero-tagline{font-size:12px}.cheatmeal-modal-tag{font-size:9px;padding:3px 10px}.cheatmeal-modal-body{gap:10px;padding:12px 14px 8px}.cheatmeal-ingredient-text,.cheatmeal-step-text{font-size:12px}.cheatmeal-modal-col-header h3{font-size:11.2px}.cheatmeal-modal-col-header{padding:10px 14px 8px}.cheatmeal-modal-scroll{padding:10px 12px 12px;gap:7px}.cheatmeal-voice-bar{padding:9px 14px 11px;gap:12px}.cheatmeal-voice-label{font-size:10.4px}.cheatmeal-voice-main-btn{padding:7px 18px;font-size:12px}.cheatmeal-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.cheatmeal-header{margin-top:80px;padding:20px 16px}.cheatmeal-page-title{font-size:25.6px}.cheatmeal-page-description{font-size:12.8px}.cheatmeal-grid{grid-template-columns:repeat(2,1fr);gap:10px}.cheatmeal-card{height:70px}.cheatmeal-card-image{width:45px;background-size:cover}.cheatmeal-card-content{padding:4px 8px}.cheatmeal-card-title{font-size:10px}.cheatmeal-modal{width:98%;height:90vh;border-radius:14px}.cheatmeal-modal-hero-img{object-fit:cover}.cheatmeal-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.cheatmeal-modal-hero-left{flex:0 0 52%;padding:12px 18px}.cheatmeal-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.cheatmeal-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.cheatmeal-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.cheatmeal-modal-hero-left:after{right:-35px;width:40px}.cheatmeal-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.cheatmeal-modal-body{gap:8px;padding:10px 10px 8px}.cheatmeal-modal-col-header{padding:8px 10px 6px;gap:6px}.cheatmeal-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.cheatmeal-modal-col-header i{font-size:11px}.cheatmeal-modal-scroll{padding:8px 10px 10px;gap:6px}.cheatmeal-ingredient-text,.cheatmeal-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.cheatmeal-ingredient-dot{width:5px;height:5px;margin-top:4px}.cheatmeal-step-num{width:20px;height:20px;font-size:9px}.cheatmeal-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.cheatmeal-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.cheatmeal-voice-left{display:flex;gap:5px}.cheatmeal-voice-icon{font-size:13px}.cheatmeal-voice-progress{order:initial;width:auto;flex:1}.cheatmeal-progress-info{font-size:9.6px}.cheatmeal-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.cheatmeal-step-btn{padding:5px 10px;font-size:10px;gap:4px}}.beverages-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.beverages-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.beverages-header-content{max-width:800px;margin:0 auto}.beverages-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.beverages-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.beverages-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.beverages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.beverages-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.beverages-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.beverages-card-image{width:60px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.beverages-card-content{padding:8px 12px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.beverages-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.beverages-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.beverages-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.beverages-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.beverages-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.beverages-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.beverages-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.beverages-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.beverages-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.beverages-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.beverages-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.beverages-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.beverages-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.beverages-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.beverages-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.beverages-modal-col--steps{flex:1.3}.beverages-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.beverages-modal-col-header i{color:#fff;font-size:13px}.beverages-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.beverages-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.beverages-modal-scroll::-webkit-scrollbar{width:4px}.beverages-modal-scroll::-webkit-scrollbar-track{background:transparent}.beverages-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.beverages-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.beverages-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.beverages-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.beverages-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.beverages-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.beverages-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.beverages-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.beverages-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.beverages-voice-icon{color:#284a4b;font-size:15px}.beverages-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.beverages-voice-progress{flex:1;min-width:60px}.beverages-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.beverages-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.beverages-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.beverages-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.beverages-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.beverages-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.beverages-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.beverages-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.beverages-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.beverages-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.beverages-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.beverages-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.beverages-header{margin-top:100px;padding:25px 16px}.beverages-page-title{font-size:32px}.beverages-page-description{font-size:14.4px}.beverages-grid{grid-template-columns:repeat(3,1fr);gap:14px}.beverages-card{height:80px}.beverages-card-image{width:55px;background-size:cover}.beverages-card-content{padding:5px 10px}.beverages-card-title{font-size:11px}.beverages-modal{width:96%;height:88vh;border-radius:18px}.beverages-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.beverages-modal-hero-left{flex:0 0 52%;padding:20px 28px}.beverages-modal-hero-title{font-size:22.4px}.beverages-modal-hero-tagline{font-size:12px}.beverages-modal-tag{font-size:9px;padding:3px 10px}.beverages-modal-body{gap:10px;padding:12px 14px 8px}.beverages-ingredient-text,.beverages-step-text{font-size:12px}.beverages-modal-col-header h3{font-size:11.2px}.beverages-modal-col-header{padding:10px 14px 8px}.beverages-modal-scroll{padding:10px 12px 12px;gap:7px}.beverages-voice-bar{padding:9px 14px 11px;gap:12px}.beverages-voice-label{font-size:10.4px}.beverages-voice-main-btn{padding:7px 18px;font-size:12px}.beverages-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.beverages-header{margin-top:80px;padding:20px 16px}.beverages-page-title{font-size:25.6px}.beverages-page-description{font-size:12.8px}.beverages-grid{grid-template-columns:repeat(2,1fr);gap:10px}.beverages-card{height:70px}.beverages-card-image{width:45px;background-size:cover}.beverages-card-content{padding:4px 8px}.beverages-card-title{font-size:10px}.beverages-modal{width:98%;height:90vh;border-radius:14px}.beverages-modal-hero-img{object-fit:cover}.beverages-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.beverages-modal-hero-left{flex:0 0 52%;padding:12px 18px}.beverages-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.beverages-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.beverages-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.beverages-modal-hero-left:after{right:-35px;width:40px}.beverages-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.beverages-modal-body{gap:8px;padding:10px 10px 8px}.beverages-modal-col-header{padding:8px 10px 6px;gap:6px}.beverages-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.beverages-modal-col-header i{font-size:11px}.beverages-modal-scroll{padding:8px 10px 10px;gap:6px}.beverages-ingredient-text,.beverages-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.beverages-ingredient-dot{width:5px;height:5px;margin-top:4px}.beverages-step-num{width:20px;height:20px;font-size:9px}.beverages-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.beverages-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.beverages-voice-left{display:flex;gap:5px}.beverages-voice-icon{font-size:13px}.beverages-voice-progress{order:initial;width:auto;flex:1}.beverages-progress-info{font-size:9.6px}.beverages-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.beverages-step-btn{padding:5px 10px;font-size:10px;gap:4px}}.baking-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.baking-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.baking-header-content{max-width:800px;margin:0 auto}.baking-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.baking-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.baking-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.baking-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.baking-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.baking-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.baking-card-image{width:60px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.baking-card-content{padding:8px 12px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.baking-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.baking-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.baking-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.baking-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.baking-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.baking-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.baking-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.baking-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.baking-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.baking-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.baking-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.baking-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.baking-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.baking-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.baking-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.baking-modal-col--steps{flex:1.3}.baking-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.baking-modal-col-header i{color:#fff;font-size:13px}.baking-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.baking-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.baking-modal-scroll::-webkit-scrollbar{width:4px}.baking-modal-scroll::-webkit-scrollbar-track{background:transparent}.baking-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.baking-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.baking-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.baking-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.baking-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.baking-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.baking-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.baking-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.baking-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.baking-voice-icon{color:#284a4b;font-size:15px}.baking-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.baking-voice-progress{flex:1;min-width:60px}.baking-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.baking-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.baking-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.baking-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.baking-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.baking-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.baking-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.baking-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.baking-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.baking-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.baking-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.baking-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.baking-header{margin-top:100px;padding:25px 16px}.baking-page-title{font-size:32px}.baking-page-description{font-size:14.4px}.baking-grid{grid-template-columns:repeat(3,1fr);gap:14px}.baking-card{height:80px}.baking-card-image{width:55px;background-size:cover}.baking-card-content{padding:5px 10px}.baking-card-title{font-size:11px}.baking-modal{width:96%;height:88vh;border-radius:18px}.baking-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.baking-modal-hero-left{flex:0 0 52%;padding:20px 28px}.baking-modal-hero-title{font-size:22.4px}.baking-modal-hero-tagline{font-size:12px}.baking-modal-tag{font-size:9px;padding:3px 10px}.baking-modal-body{gap:10px;padding:12px 14px 8px}.baking-ingredient-text,.baking-step-text{font-size:12px}.baking-modal-col-header h3{font-size:11.2px}.baking-modal-col-header{padding:10px 14px 8px}.baking-modal-scroll{padding:10px 12px 12px;gap:7px}.baking-voice-bar{padding:9px 14px 11px;gap:12px}.baking-voice-label{font-size:10.4px}.baking-voice-main-btn{padding:7px 18px;font-size:12px}.baking-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.baking-header{margin-top:80px;padding:20px 16px}.baking-page-title{font-size:25.6px}.baking-page-description{font-size:12.8px}.baking-grid{grid-template-columns:repeat(2,1fr);gap:10px}.baking-card{height:70px}.baking-card-image{width:45px;background-size:cover}.baking-card-content{padding:4px 8px}.baking-card-title{font-size:10px}.baking-modal{width:98%;height:90vh;border-radius:14px}.baking-modal-hero-img{object-fit:cover}.baking-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.baking-modal-hero-left{flex:0 0 52%;padding:12px 18px}.baking-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.baking-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.baking-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.baking-modal-hero-left:after{right:-35px;width:40px}.baking-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.baking-modal-body{gap:8px;padding:10px 10px 8px}.baking-modal-col-header{padding:8px 10px 6px;gap:6px}.baking-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.baking-modal-col-header i{font-size:11px}.baking-modal-scroll{padding:8px 10px 10px;gap:6px}.baking-ingredient-text,.baking-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.baking-ingredient-dot{width:5px;height:5px;margin-top:4px}.baking-step-num{width:20px;height:20px;font-size:9px}.baking-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.baking-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.baking-voice-left{display:flex;gap:5px}.baking-voice-icon{font-size:13px}.baking-voice-progress{order:initial;width:auto;flex:1}.baking-progress-info{font-size:9.6px}.baking-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.baking-step-btn{padding:5px 10px;font-size:10px;gap:4px}}.regional-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.regional-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.regional-header-content{max-width:800px;margin:0 auto}.regional-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.regional-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.regional-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.cuisine-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:20px auto 30px;max-width:1400px;padding:0 20px;justify-content:center}.cuisine-tab{background:#fff;border:2px solid #e0eeee;border-radius:30px;padding:10px 24px;font-size:15.2px;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease;font-family:DM Sans,Segoe UI,sans-serif}.cuisine-tab:hover{background:#284a4b;color:#fff;border-color:#284a4b;transform:translateY(-2px)}.cuisine-tab.active{background:#284a4b;color:#fff;border-color:#284a4b;box-shadow:0 4px 15px #284a4b40}.cuisine-name{font-size:15.2px}.regional-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.regional-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.regional-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.regional-card-image{width:60px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.regional-card-content{padding:8px 12px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.regional-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.regional-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.regional-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.regional-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.regional-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.regional-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.regional-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.regional-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.regional-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.regional-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.regional-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.regional-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.regional-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.regional-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.regional-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.regional-modal-col--steps{flex:1.3}.regional-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.regional-modal-col-header i{color:#fff;font-size:13px}.regional-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.regional-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.regional-modal-scroll::-webkit-scrollbar{width:4px}.regional-modal-scroll::-webkit-scrollbar-track{background:transparent}.regional-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.regional-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.regional-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.regional-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.regional-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.regional-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.regional-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.regional-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.regional-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.regional-voice-icon{color:#284a4b;font-size:15px}.regional-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.regional-voice-progress{flex:1;min-width:60px}.regional-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.regional-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.regional-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.regional-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.regional-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.regional-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.regional-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.regional-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.regional-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.regional-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.regional-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.regional-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.regional-header{margin-top:100px;padding:25px 16px}.regional-page-title{font-size:32px}.regional-page-description{font-size:14.4px}.regional-grid{grid-template-columns:repeat(3,1fr);gap:14px}.regional-card{height:80px}.regional-card-image{width:55px;background-size:cover}.regional-card-content{padding:5px 10px}.regional-card-title{font-size:11px}.cuisine-tabs{gap:8px;padding:0 12px}.cuisine-tab{padding:8px 16px;font-size:13.6px}.cuisine-name{font-size:13.6px}.regional-modal{width:96%;height:88vh;border-radius:18px}.regional-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.regional-modal-hero-left{flex:0 0 52%;padding:20px 28px}.regional-modal-hero-title{font-size:22.4px}.regional-modal-hero-tagline{font-size:12px}.regional-modal-tag{font-size:9px;padding:3px 10px}.regional-modal-body{gap:10px;padding:12px 14px 8px}.regional-ingredient-text,.regional-step-text{font-size:12px}.regional-modal-col-header h3{font-size:11.2px}.regional-modal-col-header{padding:10px 14px 8px}.regional-modal-scroll{padding:10px 12px 12px;gap:7px}.regional-voice-bar{padding:9px 14px 11px;gap:12px}.regional-voice-label{font-size:10.4px}.regional-voice-main-btn{padding:7px 18px;font-size:12px}.regional-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.regional-header{margin-top:80px;padding:20px 16px}.regional-page-title{font-size:25.6px}.regional-page-description{font-size:12.8px}.regional-grid{grid-template-columns:repeat(2,1fr);gap:10px}.regional-card{height:70px}.regional-card-image{width:45px;background-size:cover}.regional-card-content{padding:4px 8px}.regional-card-title{font-size:10px}.cuisine-tabs{gap:4px;padding:0 10px}.cuisine-tab{padding:6px 10px;font-size:12px}.cuisine-name{font-size:12px}.regional-modal{width:98%;height:90vh;border-radius:14px}.regional-modal-hero-img{object-fit:cover}.regional-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.regional-modal-hero-left{flex:0 0 52%;padding:12px 18px}.regional-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.regional-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.regional-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.regional-modal-hero-left:after{right:-35px;width:40px}.regional-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.regional-modal-body{gap:8px;padding:10px 10px 8px}.regional-modal-col-header{padding:8px 10px 6px;gap:6px}.regional-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.regional-modal-col-header i{font-size:11px}.regional-modal-scroll{padding:8px 10px 10px;gap:6px}.regional-ingredient-text,.regional-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.regional-ingredient-dot{width:5px;height:5px;margin-top:4px}.regional-step-num{width:20px;height:20px;font-size:9px}.regional-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.regional-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.regional-voice-left{display:flex;gap:5px}.regional-voice-icon{font-size:13px}.regional-voice-progress{order:initial;width:auto;flex:1}.regional-progress-info{font-size:9.6px}.regional-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.regional-step-btn{padding:5px 10px;font-size:10px;gap:4px}}.salad-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.salad-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.salad-header-content{max-width:800px;margin:0 auto}.salad-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.salad-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.salad-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.salad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.salad-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.salad-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.salad-card-image{width:60px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.salad-card-content{padding:8px 12px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.salad-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.salad-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.salad-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.salad-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.salad-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.salad-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.salad-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.salad-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.salad-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.salad-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.salad-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.salad-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.salad-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.salad-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.salad-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.salad-modal-col--steps{flex:1.3}.salad-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.salad-modal-col-header i{color:#fff;font-size:13px}.salad-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.salad-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.salad-modal-scroll::-webkit-scrollbar{width:4px}.salad-modal-scroll::-webkit-scrollbar-track{background:transparent}.salad-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.salad-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.salad-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.salad-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.salad-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.salad-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.salad-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.salad-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.salad-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.salad-voice-icon{color:#284a4b;font-size:15px}.salad-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.salad-voice-progress{flex:1;min-width:60px}.salad-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.salad-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.salad-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.salad-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.salad-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.salad-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.salad-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.salad-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.salad-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.salad-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.salad-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.salad-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.salad-header{margin-top:100px;padding:25px 16px}.salad-page-title{font-size:32px}.salad-page-description{font-size:14.4px}.salad-grid{grid-template-columns:repeat(3,1fr);gap:14px}.salad-card{height:80px}.salad-card-image{width:55px;background-size:cover}.salad-card-content{padding:5px 10px}.salad-card-title{font-size:11px}.salad-modal{width:96%;height:88vh;border-radius:18px}.salad-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.salad-modal-hero-left{flex:0 0 52%;padding:20px 28px}.salad-modal-hero-title{font-size:22.4px}.salad-modal-hero-tagline{font-size:12px}.salad-modal-tag{font-size:9px;padding:3px 10px}.salad-modal-body{gap:10px;padding:12px 14px 8px}.salad-ingredient-text,.salad-step-text{font-size:12px}.salad-modal-col-header h3{font-size:11.2px}.salad-modal-col-header{padding:10px 14px 8px}.salad-modal-scroll{padding:10px 12px 12px;gap:7px}.salad-voice-bar{padding:9px 14px 11px;gap:12px}.salad-voice-label{font-size:10.4px}.salad-voice-main-btn{padding:7px 18px;font-size:12px}.salad-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.salad-header{margin-top:80px;padding:20px 16px}.salad-page-title{font-size:25.6px}.salad-page-description{font-size:12.8px}.salad-grid{grid-template-columns:repeat(2,1fr);gap:10px}.salad-card{height:70px}.salad-card-image{width:45px;background-size:cover}.salad-card-content{padding:4px 8px}.salad-card-title{font-size:10px}.salad-modal{width:98%;height:90vh;border-radius:14px}.salad-modal-hero-img{object-fit:cover}.salad-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.salad-modal-hero-left{flex:0 0 52%;padding:12px 18px}.salad-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.salad-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.salad-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.salad-modal-hero-left:after{right:-35px;width:40px}.salad-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.salad-modal-body{gap:8px;padding:10px 10px 8px}.salad-modal-col-header{padding:8px 10px 6px;gap:6px}.salad-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.salad-modal-col-header i{font-size:11px}.salad-modal-scroll{padding:8px 10px 10px;gap:6px}.salad-ingredient-text,.salad-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.salad-ingredient-dot{width:5px;height:5px;margin-top:4px}.salad-step-num{width:20px;height:20px;font-size:9px}.salad-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.salad-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.salad-voice-left{display:flex;gap:5px}.salad-voice-icon{font-size:13px}.salad-voice-progress{order:initial;width:auto;flex:1}.salad-progress-info{font-size:9.6px}.salad-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.salad-step-btn{padding:5px 10px;font-size:10px;gap:4px}}.snack-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.snack-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.snack-header-content{max-width:800px;margin:0 auto}.snack-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.snack-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.snack-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.snack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.snack-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.snack-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.snack-card-image{width:60px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.snack-card-content{padding:8px 12px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.snack-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.snack-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.snack-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.snack-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.snack-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.snack-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.snack-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.snack-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.snack-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.snack-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.snack-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.snack-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.snack-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.snack-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.snack-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.snack-modal-col--steps{flex:1.3}.snack-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.snack-modal-col-header i{color:#fff;font-size:13px}.snack-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.snack-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.snack-modal-scroll::-webkit-scrollbar{width:4px}.snack-modal-scroll::-webkit-scrollbar-track{background:transparent}.snack-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.snack-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.snack-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.snack-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.snack-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.snack-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.snack-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.snack-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.snack-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.snack-voice-icon{color:#284a4b;font-size:15px}.snack-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.snack-voice-progress{flex:1;min-width:60px}.snack-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.snack-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.snack-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.snack-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.snack-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.snack-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.snack-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.snack-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.snack-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.snack-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.snack-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.snack-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.snack-header{margin-top:100px;padding:25px 16px}.snack-page-title{font-size:32px}.snack-page-description{font-size:14.4px}.snack-grid{grid-template-columns:repeat(3,1fr);gap:14px}.snack-card{height:80px}.snack-card-image{width:55px;background-size:cover}.snack-card-content{padding:5px 10px}.snack-card-title{font-size:11px}.snack-modal{width:96%;height:88vh;border-radius:18px}.snack-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.snack-modal-hero-left{flex:0 0 52%;padding:20px 28px}.snack-modal-hero-title{font-size:22.4px}.snack-modal-hero-tagline{font-size:12px}.snack-modal-tag{font-size:9px;padding:3px 10px}.snack-modal-body{gap:10px;padding:12px 14px 8px}.snack-ingredient-text,.snack-step-text{font-size:12px}.snack-modal-col-header h3{font-size:11.2px}.snack-modal-col-header{padding:10px 14px 8px}.snack-modal-scroll{padding:10px 12px 12px;gap:7px}.snack-voice-bar{padding:9px 14px 11px;gap:12px}.snack-voice-label{font-size:10.4px}.snack-voice-main-btn{padding:7px 18px;font-size:12px}.snack-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.snack-header{margin-top:80px;padding:20px 16px}.snack-page-title{font-size:25.6px}.snack-page-description{font-size:12.8px}.snack-grid{grid-template-columns:repeat(2,1fr);gap:10px}.snack-card{height:70px}.snack-card-image{width:45px;background-size:cover}.snack-card-content{padding:4px 8px}.snack-card-title{font-size:10px}.snack-modal{width:98%;height:90vh;border-radius:14px}.snack-modal-hero-img{object-fit:cover}.snack-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.snack-modal-hero-left{flex:0 0 52%;padding:12px 18px}.snack-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.snack-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.snack-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.snack-modal-hero-left:after{right:-35px;width:40px}.snack-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.snack-modal-body{gap:8px;padding:10px 10px 8px}.snack-modal-col-header{padding:8px 10px 6px;gap:6px}.snack-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.snack-modal-col-header i{font-size:11px}.snack-modal-scroll{padding:8px 10px 10px;gap:6px}.snack-ingredient-text,.snack-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.snack-ingredient-dot{width:5px;height:5px;margin-top:4px}.snack-step-num{width:20px;height:20px;font-size:9px}.snack-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.snack-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.snack-voice-left{display:flex;gap:5px}.snack-voice-icon{font-size:13px}.snack-voice-progress{order:initial;width:auto;flex:1}.snack-progress-info{font-size:9.6px}.snack-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.snack-step-btn{padding:5px 10px;font-size:10px;gap:4px}}.student-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.student-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.student-header-content{max-width:800px;margin:0 auto}.student-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.student-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.student-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.student-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.student-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.student-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.student-card-image{width:60px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.student-card-content{padding:8px 12px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.student-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.student-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.student-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.student-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.student-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.student-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.student-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.student-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.student-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.student-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.student-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.student-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.student-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.student-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.student-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.student-modal-col--steps{flex:1.3}.student-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.student-modal-col-header i{color:#fff;font-size:13px}.student-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.student-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.student-modal-scroll::-webkit-scrollbar{width:4px}.student-modal-scroll::-webkit-scrollbar-track{background:transparent}.student-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.student-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.student-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.student-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.student-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.student-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.student-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.student-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.student-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.student-voice-icon{color:#284a4b;font-size:15px}.student-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.student-voice-progress{flex:1;min-width:60px}.student-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.student-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.student-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.student-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.student-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.student-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.student-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.student-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.student-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.student-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.student-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.student-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.student-header{margin-top:100px;padding:25px 16px}.student-page-title{font-size:32px}.student-page-description{font-size:14.4px}.student-grid{grid-template-columns:repeat(3,1fr);gap:14px}.student-card{height:80px}.student-card-image{width:55px;background-size:cover}.student-card-content{padding:5px 10px}.student-card-title{font-size:11px}.student-modal{width:96%;height:88vh;border-radius:18px}.student-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.student-modal-hero-left{flex:0 0 52%;padding:20px 28px}.student-modal-hero-title{font-size:22.4px}.student-modal-hero-tagline{font-size:12px}.student-modal-tag{font-size:9px;padding:3px 10px}.student-modal-body{gap:10px;padding:12px 14px 8px}.student-ingredient-text,.student-step-text{font-size:12px}.student-modal-col-header h3{font-size:11.2px}.student-modal-col-header{padding:10px 14px 8px}.student-modal-scroll{padding:10px 12px 12px;gap:7px}.student-voice-bar{padding:9px 14px 11px;gap:12px}.student-voice-label{font-size:10.4px}.student-voice-main-btn{padding:7px 18px;font-size:12px}.student-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.student-header{margin-top:80px;padding:20px 16px}.student-page-title{font-size:25.6px}.student-page-description{font-size:12.8px}.student-grid{grid-template-columns:repeat(2,1fr);gap:10px}.student-card{height:70px}.student-card-image{width:45px;background-size:cover}.student-card-content{padding:4px 8px}.student-card-title{font-size:10px}.student-modal{width:98%;height:90vh;border-radius:14px}.student-modal-hero-img{object-fit:cover}.student-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.student-modal-hero-left{flex:0 0 52%;padding:12px 18px}.student-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.student-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.student-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.student-modal-hero-left:after{right:-35px;width:40px}.student-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.student-modal-body{gap:8px;padding:10px 10px 8px}.student-modal-col-header{padding:8px 10px 6px;gap:6px}.student-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.student-modal-col-header i{font-size:11px}.student-modal-scroll{padding:8px 10px 10px;gap:6px}.student-ingredient-text,.student-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.student-ingredient-dot{width:5px;height:5px;margin-top:4px}.student-step-num{width:20px;height:20px;font-size:9px}.student-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.student-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.student-voice-left{display:flex;gap:5px}.student-voice-icon{font-size:13px}.student-voice-progress{order:initial;width:auto;flex:1}.student-progress-info{font-size:9.6px}.student-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.student-step-btn{padding:5px 10px;font-size:10px;gap:4px}}* *{margin:0;padding:0;box-sizing:border-box}.quick-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.quick-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.quick-header-content{max-width:800px;margin:0 auto}.quick-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.quick-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.quick-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.quick-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.quick-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.quick-card-image{width:60px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.quick-card-content{padding:8px 12px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.quick-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.quick-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quick-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.quick-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.quick-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.quick-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.quick-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.quick-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.quick-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.quick-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.quick-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.quick-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.quick-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.quick-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.quick-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.quick-modal-col--steps{flex:1.3}.quick-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.quick-modal-col-header i{color:#fff;font-size:13px}.quick-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.quick-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.quick-modal-scroll::-webkit-scrollbar{width:4px}.quick-modal-scroll::-webkit-scrollbar-track{background:transparent}.quick-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.quick-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.quick-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.quick-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.quick-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.quick-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.quick-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.quick-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.quick-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.quick-voice-icon{color:#284a4b;font-size:15px}.quick-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.quick-voice-progress{flex:1;min-width:60px}.quick-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.quick-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.quick-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.quick-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.quick-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.quick-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.quick-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.quick-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.quick-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.quick-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.quick-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.quick-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.quick-header{margin-top:100px;padding:25px 16px}.quick-page-title{font-size:32px}.quick-page-description{font-size:14.4px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:14px}.quick-card{height:80px}.quick-card-image{width:55px;background-size:cover}.quick-card-content{padding:5px 10px}.quick-card-title{font-size:11px}.quick-modal{width:96%;height:88vh;border-radius:18px}.quick-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.quick-modal-hero-left{flex:0 0 52%;padding:20px 28px}.quick-modal-hero-title{font-size:22.4px}.quick-modal-hero-tagline{font-size:12px}.quick-modal-tag{font-size:9px;padding:3px 10px}.quick-modal-body{gap:10px;padding:12px 14px 8px}.quick-ingredient-text,.quick-step-text{font-size:12px}.quick-modal-col-header h3{font-size:11.2px}.quick-modal-col-header{padding:10px 14px 8px}.quick-modal-scroll{padding:10px 12px 12px;gap:7px}.quick-voice-bar{padding:9px 14px 11px;gap:12px}.quick-voice-label{font-size:10.4px}.quick-voice-main-btn{padding:7px 18px;font-size:12px}.quick-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.quick-header{margin-top:80px;padding:20px 16px}.quick-page-title{font-size:25.6px}.quick-page-description{font-size:12.8px}.quick-grid{grid-template-columns:repeat(2,1fr);gap:10px}.quick-card{height:70px}.quick-card-image{width:45px;background-size:cover}.quick-card-content{padding:4px 8px}.quick-card-title{font-size:10px}.quick-modal{width:98%;height:90vh;border-radius:14px}.quick-modal-hero-img{object-fit:cover}.quick-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.quick-modal-hero-left{flex:0 0 52%;padding:12px 18px}.quick-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.quick-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.quick-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.quick-modal-hero-left:after{right:-35px;width:40px}.quick-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.quick-modal-body{gap:8px;padding:10px 10px 8px}.quick-modal-col-header{padding:8px 10px 6px;gap:6px}.quick-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.quick-modal-col-header i{font-size:11px}.quick-modal-scroll{padding:8px 10px 10px;gap:6px}.quick-ingredient-text,.quick-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.quick-ingredient-dot{width:5px;height:5px;margin-top:4px}.quick-step-num{width:20px;height:20px;font-size:9px}.quick-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.quick-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.quick-voice-left{display:flex;gap:5px}.quick-voice-icon{font-size:13px}.quick-voice-progress{order:initial;width:auto;flex:1}.quick-progress-info{font-size:9.6px}.quick-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.quick-step-btn{padding:5px 10px;font-size:10px;gap:4px}}html,body,#root{width:100%;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f8fafc}.vegetable-page{width:100%;min-height:100vh;background:#f8fafc}.vegetable-header{background:linear-gradient(135deg,#284a4b,#1d3a3b);color:#fff;padding:40px 20px;text-align:center;position:relative;box-shadow:0 4px 15px #0000001a}.vegetable-header-content{max-width:800px;margin:0 auto}.vegetable-page-title{font-size:2.2rem;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vegetable-page-description{font-size:1rem;opacity:.9;margin-bottom:20px;line-height:1.5;max-height:3em;overflow:hidden;text-overflow:ellipsis;display:block}.vegetable-main{max-width:1400px;margin:0 auto;padding:30px 20px}.vegetable-grid-section{width:100%}.vegetable-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.vegetable-technique-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e2e8f0;display:flex;height:120px;width:100%}.vegetable-technique-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.vegetable-card-image{width:120px;height:100%;background-size:cover;background-position:center;flex-shrink:0;border-right:1px solid #e2e8f0}.vegetable-card-content{padding:15px 20px;flex:1;display:flex;flex-direction:column;justify-content:center;height:100%;overflow:hidden}.vegetable-card-title{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.vegetable-card-description{font-size:14px;color:#64748b;line-height:1.4;margin-bottom:8px;max-height:2.8em;overflow:hidden;text-overflow:ellipsis;display:block;white-space:normal;word-wrap:break-word}.back-home-btn:hover{background:#1d3a3b;transform:translateY(-2px);box-shadow:0 6px 18px #284a4b4d}.vegetable-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:15px}.vegetable-modal{border-radius:15px;width:95%;max-width:1600px;height:90vh;position:relative;box-shadow:0 25px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden}.vegetable-modal>*{position:relative;z-index:2}.vegetable-modal-close{position:absolute;top:15px;right:15px;background:#ffffffe6;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.vegetable-modal-close:hover{background:#fff;color:#1d3a3b;transform:rotate(90deg)}.vegetable-modal-header{padding:15px 25px 10px;border-bottom:1px solid rgba(255,255,255,.4);background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:5}.vegetable-modal-title h2{font-size:1.8rem;font-weight:700;color:#284a4b;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90%;line-height:1.3;text-shadow:0 2px 4px rgba(255,255,255,.8)}.vegetable-modal-content{display:flex;flex:1;padding:15px 20px 20px;gap:20px;min-height:0;height:calc(100% - 70px);overflow:visible;position:relative;z-index:2}.vegetable-modal-ingredients{width:33.33%;display:flex;flex-direction:column;height:100%;background:#ffffff40;border-radius:12px;overflow:visible;padding:12px 12px 12px 15px;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vegetable-modal-ingredients h3{font-size:1.5rem;font-weight:700;color:#284a4b;margin-bottom:12px;padding-bottom:4px;border-bottom:2px solid #284a4b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 4px rgba(255,255,255,.8)}.vegetable-ingredients-list{flex:1;display:flex;flex-direction:column;gap:8px;overflow:visible;padding-right:3px}.vegetable-ingredient-item{display:flex;gap:10px;align-items:flex-start;line-height:1.4;width:100%}.vegetable-ingredient-bullet{color:#000;font-weight:700;min-width:18px;font-size:14px;display:inline-block}.vegetable-ingredient-text{font-size:14px;color:#000;flex:1;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;font-weight:500;display:inline-block;text-shadow:0 2px 4px rgba(255,255,255,.8)}.vegetable-modal-steps{width:33.33%;display:flex;flex-direction:column;height:100%;background:#ffffff40;border-radius:12px;overflow:visible;padding:12px 15px;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vegetable-modal-steps h3{font-size:1.5rem;font-weight:700;color:#284a4b;margin-bottom:12px;padding-bottom:4px;border-bottom:2px solid #284a4b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 4px rgba(255,255,255,.8)}.vegetable-steps-list{flex:1;display:flex;flex-direction:column;gap:10px;overflow:visible;padding-right:3px}.vegetable-step-item{display:flex;gap:10px;align-items:flex-start;line-height:1.4;width:100%}.vegetable-step-number{font-weight:700;color:#000;min-width:26px;font-size:14px;display:inline-block;text-align:right;text-shadow:0 2px 4px rgba(255,255,255,.8)}.vegetable-step-text{flex:1;line-height:1.4;color:#000;font-size:14px;word-wrap:break-word;overflow-wrap:break-word;display:inline-block;font-weight:500;text-shadow:0 2px 4px rgba(255,255,255,.8)}.vegetable-modal-voice-container{width:33.33%;display:flex;flex-direction:column;height:100%;overflow:visible;padding-left:5px}.voice-panel{flex:1;display:flex;flex-direction:column;background:#ffffff40;border-radius:12px;padding:15px;min-height:0;height:100%;overflow:visible;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.voice-panel h3{font-size:1.5rem;font-weight:700;color:#284a4b;margin-bottom:12px;display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:4px;border-bottom:2px solid #284a4b;text-shadow:0 2px 4px rgba(255,255,255,.8)}.voice-panel h3 i{font-size:1.2rem}.voice-progress{margin-bottom:15px}.progress-bar{height:6px;background:#ffffff4d;border-radius:3px;overflow:hidden;margin-bottom:5px}.progress-fill{height:100%;background:linear-gradient(90deg,#284a4b,#3d6b6c);border-radius:3px;transition:width .3s ease}.progress-info{display:flex;justify-content:space-between;font-size:.8rem;color:#1e293b;font-weight:600;text-shadow:0 2px 4px rgba(255,255,255,.8)}.voice-main-btn{width:100%;padding:12px;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 4px 12px #0000001a}.voice-main-btn.play{background:#284a4be6;color:#fff}.voice-main-btn.play:hover{background:#284a4b;transform:translateY(-2px);box-shadow:0 6px 15px #284a4b4d}.voice-main-btn.stop{background:#dc2626e6;color:#fff}.voice-main-btn.stop:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 15px #dc26264d}.step-controls{display:flex;gap:10px;margin-top:4px}.step-btn{flex:1;padding:8px 10px;border:1px solid rgba(255,255,255,.3);background:#fffc;color:#284a4b;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 2px 8px #0000000d}.step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #284a4b33;border-color:transparent}.step-btn:disabled{opacity:.5;cursor:not-allowed;border-color:#0000001a;color:#666;background:#ffffff80}@media(min-width:1400px){.vegetable-grid{grid-template-columns:repeat(5,1fr);gap:25px}.vegetable-modal{max-width:1700px;height:88vh}.vegetable-modal-content{padding:20px 30px 25px;gap:25px}.vegetable-ingredient-text,.vegetable-step-text{font-size:15px}}@media(min-width:1025px)and (max-width:1399px){.vegetable-grid{grid-template-columns:repeat(4,1fr)}.vegetable-modal-content{gap:15px;padding:12px 18px 18px}.vegetable-ingredient-text,.vegetable-step-text{font-size:13px}.vegetable-modal-ingredients h3,.vegetable-modal-steps h3,.voice-panel h3{font-size:1.1rem;margin-bottom:10px}.vegetable-ingredients-list,.vegetable-steps-list{gap:6px}.vegetable-ingredient-item,.vegetable-step-item{gap:8px}.vegetable-ingredient-bullet{min-width:16px;font-size:13px}.vegetable-step-number{min-width:22px;font-size:13px}.voice-panel{padding:12px}.voice-main-btn{padding:10px;font-size:.9rem}.step-btn{padding:6px 8px;font-size:.8rem}.step-controls{gap:8px;margin-top:3px}}@media(min-width:768px)and (max-width:1024px){.vegetable-grid{grid-template-columns:repeat(3,1fr);gap:15px}.vegetable-technique-card{height:100px}.vegetable-card-image{width:90px}.vegetable-card-title{font-size:15px}.vegetable-card-description{font-size:12px;max-height:2.4em}.vegetable-modal{height:92vh;width:98%}.vegetable-modal-header{padding:12px 18px 8px}.vegetable-modal-title h2{font-size:1.5rem}.vegetable-modal-content{padding:10px 15px 15px;gap:12px}.vegetable-modal-ingredients,.vegetable-modal-steps,.vegetable-modal-voice-container{width:33.33%}.vegetable-modal-steps{padding:0 8px}.vegetable-modal-ingredients h3,.vegetable-modal-steps h3,.voice-panel h3{font-size:1rem;margin-bottom:8px}.vegetable-ingredients-list,.vegetable-steps-list{gap:5px}.vegetable-ingredient-item,.vegetable-step-item{gap:6px}.vegetable-ingredient-bullet{min-width:14px;font-size:12px}.vegetable-ingredient-text,.vegetable-step-text{font-size:12px;line-height:1.3}.vegetable-step-number{min-width:20px;font-size:12px}.voice-panel{padding:10px}.voice-panel h3{font-size:1rem;margin-bottom:8px}.voice-progress{margin-bottom:10px}.progress-bar{height:5px}.progress-info{font-size:.7rem}.voice-main-btn{padding:8px;font-size:.8rem;gap:5px}.step-btn{padding:5px 6px;font-size:.7rem;gap:3px}.step-controls{gap:6px;margin-top:3px}.back-home-btn{padding:10px 25px;font-size:.9rem}}@media(min-width:576px)and (max-width:767px){.vegetable-header{padding:25px 15px}.vegetable-page-title{font-size:1.6rem}.vegetable-page-description{font-size:.9rem;max-height:2.6em}.vegetable-main{padding:20px 15px}.vegetable-grid{grid-template-columns:repeat(2,1fr);gap:12px}.vegetable-technique-card{height:auto;flex-direction:column}.vegetable-card-image{width:100%;height:120px;border-right:none;border-bottom:1px solid #e2e8f0}.vegetable-card-content{padding:10px}.vegetable-card-title{font-size:15px;max-height:2.2em}.vegetable-card-description{font-size:12px;max-height:2.2em}.vegetable-modal{height:94vh;width:98%}.vegetable-modal-header{padding:10px 15px 6px}.vegetable-modal-title h2{font-size:1.3rem}.vegetable-modal-close{top:10px;right:10px;width:30px;height:30px;font-size:16px}.vegetable-modal-content{padding:8px 12px 12px;gap:10px}.vegetable-modal-ingredients,.vegetable-modal-steps,.vegetable-modal-voice-container{width:33.33%}.vegetable-modal-steps{padding:0 5px}.vegetable-modal-ingredients h3,.vegetable-modal-steps h3,.voice-panel h3{font-size:.9rem;margin-bottom:6px;padding-bottom:3px}.vegetable-ingredients-list,.vegetable-steps-list{gap:4px}.vegetable-ingredient-item,.vegetable-step-item{gap:5px}.vegetable-ingredient-bullet{min-width:12px;font-size:11px}.vegetable-ingredient-text,.vegetable-step-text{font-size:11px;line-height:1.2;font-weight:500}.vegetable-step-number{min-width:18px;font-size:11px}.voice-panel{padding:8px}.voice-panel h3{font-size:.9rem;margin-bottom:6px;gap:4px}.voice-panel h3 i{font-size:.9rem}.voice-progress{margin-bottom:8px}.progress-bar{height:4px}.progress-info{font-size:.65rem}.voice-main-btn{padding:6px;font-size:.7rem;gap:4px}.step-btn{padding:4px 5px;font-size:.65rem;gap:2px}.step-controls{gap:5px;margin-top:2px}.back-home-btn{padding:8px 20px;font-size:.8rem}}@media(max-width:575px){.vegetable-header{padding:20px 12px}.vegetable-page-title{font-size:1.4rem}.vegetable-page-description{font-size:.8rem;max-height:2.4em;margin-bottom:10px}.vegetable-main{padding:15px 12px}.vegetable-grid{grid-template-columns:repeat(2,1fr);gap:10px}.vegetable-technique-card{height:auto;flex-direction:column}.vegetable-card-image{width:100%;height:100px;border-right:none;border-bottom:1px solid #e2e8f0}.vegetable-card-content{padding:8px}.vegetable-card-title{font-size:13px;max-height:2.2em}.vegetable-card-description{font-size:11px;max-height:2.2em}.vegetable-modal{width:100%;height:100vh;max-height:100vh;border-radius:0}.vegetable-modal-header{padding:8px 12px 5px}.vegetable-modal-title h2{font-size:1.2rem;max-width:80%}.vegetable-modal-close{top:6px;right:6px;width:28px;height:28px;font-size:14px}.vegetable-modal-content{padding:6px 10px 10px;gap:8px}.vegetable-modal-ingredients,.vegetable-modal-steps,.vegetable-modal-voice-container{width:33.33%}.vegetable-modal-steps{padding:0 4px}.vegetable-modal-ingredients h3,.vegetable-modal-steps h3,.voice-panel h3{font-size:.8rem;margin-bottom:4px;padding-bottom:2px}.vegetable-ingredients-list,.vegetable-steps-list{gap:3px}.vegetable-ingredient-item,.vegetable-step-item{gap:4px}.vegetable-ingredient-bullet{min-width:10px;font-size:10px}.vegetable-ingredient-text,.vegetable-step-text{font-size:10px;line-height:1.2;font-weight:500}.vegetable-step-number{min-width:15px;font-size:10px}.voice-panel{padding:6px}.voice-panel h3{font-size:.8rem;margin-bottom:4px;gap:3px}.voice-panel h3 i{font-size:.8rem}.voice-progress{margin-bottom:5px}.progress-bar{height:3px}.progress-info{font-size:.6rem}.voice-main-btn{padding:5px;font-size:.65rem;gap:3px}.step-btn{padding:3px 4px;font-size:.6rem;gap:2px}.step-controls{gap:4px;margin-top:2px}.back-home-btn{padding:6px 15px;font-size:.75rem}}@media(max-width:399px){.vegetable-grid{grid-template-columns:1fr;gap:10px}.vegetable-technique-card{height:auto}.vegetable-card-image{height:130px}.vegetable-card-title{font-size:15px;max-height:2.2em}.vegetable-modal-ingredients,.vegetable-modal-steps,.vegetable-modal-voice-container{width:33.33%}.vegetable-ingredient-text,.vegetable-step-text{font-size:9px}.back-home-btn{width:100%;justify-content:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.vegetable-technique-card{animation:fadeInUp .4s ease-out}.vegetable-technique-card:nth-child(1){animation-delay:.05s}.vegetable-technique-card:nth-child(2){animation-delay:.1s}.vegetable-technique-card:nth-child(3){animation-delay:.15s}.vegetable-technique-card:nth-child(4){animation-delay:.2s}.vegetable-technique-card:nth-child(5){animation-delay:.25s}.vegetable-technique-card:nth-child(6){animation-delay:.3s}.vegetable-technique-card:nth-child(7){animation-delay:.35s}.vegetable-technique-card:nth-child(8){animation-delay:.4s}.vegetable-technique-card:nth-child(9){animation-delay:.45s}.vegetable-technique-card:nth-child(10){animation-delay:.5s}.vegetable-technique-card:nth-child(11){animation-delay:.55s}.vegetable-technique-card:nth-child(12){animation-delay:.6s}.vegetable-technique-card:nth-child(13){animation-delay:.65s}.vegetable-technique-card:nth-child(14){animation-delay:.7s}.vegetable-technique-card:nth-child(15){animation-delay:.75s}.vegetable-technique-card:nth-child(16){animation-delay:.8s}.vegetable-technique-card:nth-child(17){animation-delay:.85s}.vegetable-technique-card:nth-child(18){animation-delay:.9s}.vegetable-technique-card:nth-child(19){animation-delay:.95s}.vegetable-technique-card:nth-child(20){animation-delay:1s}.vegetable-modal{animation:modalFadeIn .3s ease-out}.heavy-gravy-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.heavy-gravy-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.heavy-gravy-header-content{max-width:800px;margin:0 auto}.heavy-gravy-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.heavy-gravy-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.heavy-gravy-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.heavy-gravy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.heavy-gravy-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.heavy-gravy-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.heavy-gravy-card-image{width:70px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.heavy-gravy-card-content{padding:8px 14px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.heavy-gravy-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.heavy-gravy-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.heavy-gravy-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.heavy-gravy-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.heavy-gravy-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.heavy-gravy-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.heavy-gravy-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.heavy-gravy-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.heavy-gravy-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.heavy-gravy-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.heavy-gravy-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.heavy-gravy-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.heavy-gravy-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.heavy-gravy-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.heavy-gravy-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.heavy-gravy-modal-col--steps{flex:1.3}.heavy-gravy-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.heavy-gravy-modal-col-header i{color:#fff;font-size:13px}.heavy-gravy-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.heavy-gravy-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.heavy-gravy-modal-scroll::-webkit-scrollbar{width:4px}.heavy-gravy-modal-scroll::-webkit-scrollbar-track{background:transparent}.heavy-gravy-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.heavy-gravy-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.heavy-gravy-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.heavy-gravy-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.heavy-gravy-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.heavy-gravy-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.heavy-gravy-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.heavy-gravy-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.heavy-gravy-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.heavy-gravy-voice-icon{color:#284a4b;font-size:15px}.heavy-gravy-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.heavy-gravy-voice-progress{flex:1;min-width:60px}.heavy-gravy-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.heavy-gravy-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.heavy-gravy-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.heavy-gravy-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.heavy-gravy-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.heavy-gravy-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.heavy-gravy-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.heavy-gravy-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.heavy-gravy-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.heavy-gravy-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.heavy-gravy-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.heavy-gravy-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.heavy-gravy-header{margin-top:100px;padding:25px 16px}.heavy-gravy-page-title{font-size:32px}.heavy-gravy-page-description{font-size:14.4px}.heavy-gravy-grid{grid-template-columns:repeat(3,1fr);gap:16px}.heavy-gravy-card{height:85px}.heavy-gravy-card-image{width:60px;background-size:cover}.heavy-gravy-card-content{padding:6px 12px}.heavy-gravy-card-title{font-size:12px}.heavy-gravy-modal{width:96%;height:88vh;border-radius:18px}.heavy-gravy-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.heavy-gravy-modal-hero-left{flex:0 0 52%;padding:20px 28px}.heavy-gravy-modal-hero-title{font-size:22.4px}.heavy-gravy-modal-hero-tagline{font-size:12px}.heavy-gravy-modal-tag{font-size:9px;padding:3px 10px}.heavy-gravy-modal-body{gap:10px;padding:12px 14px 8px}.heavy-gravy-ingredient-text,.heavy-gravy-step-text{font-size:12px}.heavy-gravy-modal-col-header h3{font-size:11.2px}.heavy-gravy-modal-col-header{padding:10px 14px 8px}.heavy-gravy-modal-scroll{padding:10px 12px 12px;gap:7px}.heavy-gravy-voice-bar{padding:9px 14px 11px;gap:12px}.heavy-gravy-voice-label{font-size:10.4px}.heavy-gravy-voice-main-btn{padding:7px 18px;font-size:12px}.heavy-gravy-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.heavy-gravy-header{margin-top:80px;padding:20px 16px}.heavy-gravy-page-title{font-size:25.6px}.heavy-gravy-page-description{font-size:12.8px}.heavy-gravy-grid{grid-template-columns:repeat(2,1fr);gap:12px}.heavy-gravy-card{height:75px}.heavy-gravy-card-image{width:50px;background-size:cover}.heavy-gravy-card-content{padding:5px 10px}.heavy-gravy-card-title{font-size:10px}.heavy-gravy-modal{width:98%;height:90vh;border-radius:14px}.heavy-gravy-modal-hero-img{object-fit:cover}.heavy-gravy-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.heavy-gravy-modal-hero-left{flex:0 0 52%;padding:12px 18px}.heavy-gravy-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.heavy-gravy-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.heavy-gravy-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.heavy-gravy-modal-hero-left:after{right:-35px;width:40px}.heavy-gravy-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.heavy-gravy-modal-body{gap:8px;padding:10px 10px 8px}.heavy-gravy-modal-col-header{padding:8px 10px 6px;gap:6px}.heavy-gravy-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.heavy-gravy-modal-col-header i{font-size:11px}.heavy-gravy-modal-scroll{padding:8px 10px 10px;gap:6px}.heavy-gravy-ingredient-text,.heavy-gravy-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.heavy-gravy-ingredient-dot{width:5px;height:5px;margin-top:4px}.heavy-gravy-step-num{width:20px;height:20px;font-size:9px}.heavy-gravy-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.heavy-gravy-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.heavy-gravy-voice-left{display:flex;gap:5px}.heavy-gravy-voice-icon{font-size:13px}.heavy-gravy-voice-progress{order:initial;width:auto;flex:1}.heavy-gravy-progress-info{font-size:9.6px}.heavy-gravy-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.heavy-gravy-step-btn{padding:5px 10px;font-size:10px;gap:4px}}.fish-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.fish-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.fish-header-content{max-width:800px;margin:0 auto}.fish-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.fish-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.fish-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.fish-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.fish-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.fish-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.fish-card-image{width:80px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.fish-card-content{padding:8px 16px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.fish-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.fish-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fish-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.fish-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.fish-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.fish-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.fish-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.fish-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.fish-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.fish-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.fish-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.fish-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.fish-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.fish-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.fish-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.fish-modal-col--steps{flex:1.3}.fish-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.fish-modal-col-header i{color:#fff;font-size:13px}.fish-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.fish-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.fish-modal-scroll::-webkit-scrollbar{width:4px}.fish-modal-scroll::-webkit-scrollbar-track{background:transparent}.fish-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.fish-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.fish-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.fish-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.fish-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.fish-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.fish-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.fish-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.fish-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.fish-voice-icon{color:#284a4b;font-size:15px}.fish-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.fish-voice-progress{flex:1;min-width:60px}.fish-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.fish-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.fish-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.fish-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.fish-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.fish-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.fish-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.fish-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.fish-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.fish-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.fish-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.fish-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.fish-header{margin-top:100px;padding:25px 16px}.fish-page-title{font-size:32px}.fish-page-description{font-size:14.4px}.fish-grid{grid-template-columns:repeat(3,1fr);gap:16px}.fish-card{height:85px}.fish-card-image{width:70px;background-size:cover}.fish-card-content{padding:6px 14px}.fish-card-title{font-size:12px}.fish-modal{width:96%;height:88vh;border-radius:18px}.fish-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.fish-modal-hero-left{flex:0 0 52%;padding:20px 28px}.fish-modal-hero-title{font-size:22.4px}.fish-modal-hero-tagline{font-size:12px}.fish-modal-tag{font-size:9px;padding:3px 10px}.fish-modal-body{gap:10px;padding:12px 14px 8px}.fish-ingredient-text,.fish-step-text{font-size:12px}.fish-modal-col-header h3{font-size:11.2px}.fish-modal-col-header{padding:10px 14px 8px}.fish-modal-scroll{padding:10px 12px 12px;gap:7px}.fish-voice-bar{padding:9px 14px 11px;gap:12px}.fish-voice-label{font-size:10.4px}.fish-voice-main-btn{padding:7px 18px;font-size:12px}.fish-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.fish-header{margin-top:80px;padding:20px 16px}.fish-page-title{font-size:25.6px}.fish-page-description{font-size:12.8px}.fish-grid{grid-template-columns:repeat(2,1fr);gap:12px}.fish-card{height:75px}.fish-card-image{width:60px;background-size:cover}.fish-card-content{padding:5px 12px}.fish-card-title{font-size:10px}.fish-modal{width:98%;height:90vh;border-radius:14px}.fish-modal-hero-img{object-fit:cover}.fish-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.fish-modal-hero-left{flex:0 0 52%;padding:12px 18px}.fish-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.fish-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.fish-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.fish-modal-hero-left:after{right:-35px;width:40px}.fish-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.fish-modal-body{gap:8px;padding:10px 10px 8px}.fish-modal-col-header{padding:8px 10px 6px;gap:6px}.fish-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.fish-modal-col-header i{font-size:11px}.fish-modal-scroll{padding:8px 10px 10px;gap:6px}.fish-ingredient-text,.fish-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.fish-ingredient-dot{width:5px;height:5px;margin-top:4px}.fish-step-num{width:20px;height:20px;font-size:9px}.fish-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.fish-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.fish-voice-left{display:flex;gap:5px}.fish-voice-icon{font-size:13px}.fish-voice-progress{order:initial;width:auto;flex:1}.fish-progress-info{font-size:9.6px}.fish-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.fish-step-btn{padding:5px 10px;font-size:10px;gap:4px}}*{margin:0;padding:0;box-sizing:border-box;font-family:DM Sans,Segoe UI,sans-serif}body{background-color:#fff;color:#284a4b;line-height:1.6;overflow-x:hidden}.rf-hero-banner{margin-top:100px;position:relative;height:85vh;min-height:500px;max-height:800px;overflow:hidden;width:100vw}.rf-hero-split{display:flex;flex-direction:row;width:100%;height:100%;background:#1a3334}.rf-hero-text-side{flex:1;display:flex;flex-direction:column;justify-content:center;padding:60px 5% 60px 7%;background:#1a3334;position:relative;z-index:1;animation:rfTextFadeIn .8s .2s ease both}@keyframes rfTextFadeIn{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.rf-hero-title{font-family:DM Sans,Segoe UI,sans-serif;font-size:clamp(38.4px,4.5vw,60.8px);font-weight:700;color:#fff;line-height:1.1;margin-bottom:5px}.rf-hero-title em{font-style:italic;color:#f5fafa}.rf-hero-divider{width:48px;height:3px;background:#397d7c;margin-bottom:22px}.rf-hero-desc{font-size:16px;font-weight:400;color:#fff;margin-bottom:8px;max-width:340px}.rf-hero-sub{font-size:14.08px;font-weight:300;color:#e0eeee;max-width:300px}.rf-hero-image-side{position:relative;flex:0 0 70%;overflow:hidden}.rf-hero-slider{width:100%;height:100%;position:relative;overflow:hidden}.rf-hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#1a3334}.rf-hero-slide.active{opacity:1}.rf-hero-slide:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(to bottom,#397d7c66,#284a4b4d,#000000b3);z-index:1}.rf-hero-img-tint{position:absolute;inset:0;background:linear-gradient(135deg,#284a4b99,#284a4b4d);pointer-events:none;z-index:1}.rf-hero-img-slice{position:absolute;top:0;left:-1px;bottom:0;width:120px;background:linear-gradient(to left,transparent 0%,#1a3334 100%);clip-path:polygon(0% 0%,60% 0%,100% 100%,0% 100%);pointer-events:none;z-index:2}.rf-main-content{padding:32px 16px;max-width:1200px;margin:0 auto;width:100%}.rf-section-header{text-align:center;margin-bottom:35px;margin-top:-30px}.rf-section-header h2{font-size:35.2px;color:#1a3334;margin-bottom:12.8px;font-weight:700;position:relative;display:inline-block}.rf-section-header h2:after{content:"";position:absolute;width:60px;height:3px;background:#397d7c;bottom:-10px;left:50%;transform:translate(-50%)}.rf-section-header p{font-size:16px;color:#666;max-width:600px;margin:24px auto 0}.rf-recipe-types-section{padding:64px 0;background:#fff}.rf-recipe-types-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;justify-items:center;padding:16px}.rf-circle-card-wrapper{display:flex;flex-direction:column;align-items:center;cursor:pointer;width:100%}.rf-circle-card{width:100%;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 8px 20px #284a4b4d;max-width:130px}.rf-circle-card:hover{transform:scale(1.05)}.rf-circle-image-container{width:100%;height:100%;border-radius:50%;overflow:hidden;display:block}.rf-circle-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%}.rf-circle-card-title{font-size:16px;font-weight:600;margin-top:16px;text-transform:uppercase;text-align:center;color:#1a3334;width:100%}.rf-budget-friendly-section{background:#fff}.rf-budget-grid-new{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:16px;max-width:900px;margin:0 auto;justify-items:center}.rf-budget-card-new{background:#284a4b;border-radius:16px;padding:20px;height:300px;display:flex;flex-direction:column;cursor:pointer;width:100%;max-width:300px;transition:transform .3s ease,box-shadow .3s ease;align-items:center;justify-content:flex-start}.rf-budget-card-new:hover{transform:translateY(-8px);box-shadow:0 12px 30px #284a4b66}.rf-budget-card-header{margin-bottom:12.8px;width:100%}.rf-budget-card-title{font-size:20px;color:#fff;font-weight:700;text-align:center;letter-spacing:1px;width:100%}.rf-budget-card-image-container{width:100%;height:140px;margin:8px auto;overflow:hidden;border-radius:10px}.rf-budget-card-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.rf-budget-card-content{flex-grow:1;margin-top:8px;display:flex;align-items:center;justify-content:center;width:100%}.rf-budget-card-features{list-style:none;padding:0;margin:0;width:100%;display:flex;align-items:center;justify-content:center}.rf-budget-card-features li{padding:10px 8px;font-size:14.4px;color:#f5fafa;text-align:left;font-weight:300;letter-spacing:.5px;line-height:1.5;width:100%;max-width:90%;margin:0 auto 0 0;text-wrap:balance}.rf-features-section{padding:64px 0;background:#fff}.rf-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.rf-feature-card{text-align:center;padding:32px;border-radius:12px;border:1px solid #e0eeee;transition:transform .3s ease}.rf-feature-card:hover{transform:translateY(-8px)}.rf-feature-icon{font-size:40px;margin-bottom:16px;color:#1a3334}.rf-feature-card h3{color:#284a4b;font-size:19.2px;margin-bottom:12.8px}.rf-feature-card p{font-size:14.4px;color:#666}@media(max-width:780px){.rf-hero-banner{margin-top:90px;height:60vh;min-height:380px}.rf-hero-text-side{padding:40px 4% 40px 6%;text-align:center;align-items:center}.rf-hero-title{font-size:clamp(28.8px,4vw,40px)}.rf-hero-desc,.rf-hero-sub{max-width:100%}.rf-hero-img-slice{width:80px}.rf-main-content{padding:24px 16px}.rf-section-header{margin-bottom:32px}.rf-section-header h2{font-size:27.2px}.rf-section-header p{font-size:14.4px;margin-top:16px}.rf-recipe-types-section{padding:40px 0}.rf-recipe-types-grid{grid-template-columns:repeat(4,1fr);gap:12.8px;padding:8px}.rf-circle-card{max-width:130px}.rf-circle-card-title{font-size:12.8px;margin-top:9.6px}.rf-budget-grid-new{grid-template-columns:repeat(3,1fr);max-width:700px;gap:16px}.rf-budget-card-new{height:280px;padding:16px 10px;max-width:200px}.rf-budget-card-title{font-size:13.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rf-budget-card-image-container{height:90px}.rf-budget-card-features li{font-size:11.2px;padding:6px;line-height:1.5;text-align:left;width:100%;max-width:100%;margin:0 auto 0 0;text-wrap:balance}.rf-features-section{padding:40px 0}.rf-features-grid{grid-template-columns:repeat(2,1fr);gap:18px}.rf-feature-card{padding:10px}}@media(max-width:380px){.rf-hero-banner{margin-top:60px;height:32vh;min-height:190px;max-height:260px}.rf-hero-text-side{padding:14px 3% 14px 4%;text-align:center;align-items:center}.rf-hero-title{font-size:clamp(16px,2.6vw,20px);margin-bottom:6px}.rf-hero-divider{width:20px;height:2px;margin-bottom:6px;margin-left:auto;margin-right:auto}.rf-hero-desc{font-size:9.92px;margin-bottom:4px}.rf-hero-sub{font-size:8.64px}.rf-hero-img-slice{width:40px}.rf-main-content{padding:16px 11.2px}.rf-section-header{margin-bottom:24px}.rf-section-header h2{font-size:20.8px}.rf-section-header p{font-size:12.8px;margin-top:12.8px}.rf-recipe-types-section{padding:28.8px 0}.rf-recipe-types-grid{grid-template-columns:repeat(3,1fr);gap:9.6px;padding:4.8px}.rf-circle-card{max-width:90px}.rf-circle-card-title{font-size:10.4px;margin-top:6.4px}.rf-budget-grid-new{grid-template-columns:repeat(3,1fr);width:320px;gap:3px;padding:6px}.rf-budget-card-new{height:170px;padding:18px 6px;max-width:98px;border-radius:12px}.rf-budget-card-title{font-size:8px;letter-spacing:0px;line-height:1.1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.rf-budget-card-image-container{height:42px;margin:5px auto;border-radius:6px}.rf-budget-card-content{margin-top:5px;display:flex;align-items:center;justify-content:center;width:100%;flex:2;padding:0 1px}.rf-budget-card-features{display:flex;flex-direction:column;align-items:left;justify-content:center;width:100%}.rf-budget-card-features li{font-size:10px;padding:1px;line-height:1;text-align:left;width:100%;margin:0 auto 0 0}.rf-features-section{padding:28.8px 0}.rf-features-grid{grid-template-columns:repeat(2,1fr);gap:10px}.rf-feature-card{padding:19px 10px}.rf-feature-icon{font-size:32px}.rf-feature-card h3{font-size:16.8px;color:#284a4b}.rf-feature-card p{font-size:12.8px}}.lunch-page{width:100%;min-height:100vh;background:#f5fafa}.lunch-header{background:linear-gradient(135deg,#284a4b,#1a3334);color:#fff;padding:50px 20px 40px;text-align:center;position:relative;box-shadow:0 4px 15px #0006;margin-top:100px;border-bottom:3px solid rgba(255,255,255,.1)}.lunch-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:3px;background:linear-gradient(90deg,transparent,#ffd700,transparent);border-radius:2px}.lunch-header-content{max-width:800px;margin:0 auto}.lunch-page-title{font-size:40px;font-weight:700;margin-bottom:12px;letter-spacing:-.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 10px rgba(0,0,0,.2)}.lunch-page-description{font-size:18px;opacity:.9;margin-bottom:5px;line-height:1.6;max-height:3.2em;overflow:hidden;text-overflow:ellipsis;display:block;font-weight:300;letter-spacing:.5px}.lunch-main{max-width:1200px;margin:0 auto;padding:30px 20px 40px}.lunch-grid-section{width:100%}.lunch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}.lunch-category-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #00000014;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid #e0eeee;display:flex;flex-direction:column;height:100%;min-height:280px;position:relative}.lunch-category-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #284a4b33;border-color:#284a4b}.lunch-card-image{width:100%;height:180px;background-size:cover;background-position:center;flex-shrink:0;position:relative;transition:transform .5s ease}.lunch-category-card:hover .lunch-card-image{transform:scale(1.03)}.lunch-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.3));pointer-events:none}.lunch-card-content{padding:18px 20px 20px;flex:1;display:flex;flex-direction:column;justify-content:space-between;background:#fff}.lunch-card-title{font-size:18px;font-weight:700;color:#284a4b;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;letter-spacing:-.3px}.lunch-card-description{font-size:13px;color:#666;line-height:1.5;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:400;flex:1}.lunch-card-button{display:flex;align-items:center;color:#284a4b;font-weight:600;font-size:13px;transition:all .3s ease;gap:6px;margin-top:auto}.lunch-card-button svg{width:16px;height:16px;transition:transform .3s ease}.lunch-category-card:hover .lunch-card-button{color:#397d7c}.lunch-category-card:hover .lunch-card-button svg{transform:translate(6px)}.back-button-container{max-width:1200px;margin:0 auto 40px;padding:0 20px;text-align:center}.back-home-btn{background:#284a4b;color:#fff;border:none;padding:14px 35px;border-radius:50px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 15px #284a4b4d}.back-home-btn:hover{background:#1a3334;transform:translateY(-3px);box-shadow:0 8px 25px #284a4b80}@media(max-width:780px){.lunch-grid{grid-template-columns:repeat(2,1fr);gap:18px}.lunch-header{padding:35px 20px;margin-top:80px}.lunch-page-title{font-size:32px}.lunch-card-image{height:160px}.lunch-category-card{min-height:250px}.lunch-card-title,.lunch-page-description{font-size:16px}}@media(max-width:380px){.lunch-header{padding:30px 15px;margin-top:80px}.lunch-page-title{font-size:28px}.lunch-main{padding:20px 15px 30px}.lunch-grid{grid-template-columns:repeat(2,1fr);gap:16px}.lunch-card-image{height:150px}.lunch-category-card{min-height:240px}.lunch-card-title,.lunch-page-description{font-size:15px}.back-home-btn{padding:10px 25px;font-size:14px}}.bread-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.bread-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.bread-header-content{max-width:800px;margin:0 auto}.bread-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.bread-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.bread-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.bread-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.bread-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.bread-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.bread-card-image{width:70px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.bread-card-content{padding:8px 14px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.bread-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.bread-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bread-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.bread-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.bread-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.bread-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.bread-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.bread-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.bread-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.bread-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bread-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bread-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.bread-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.bread-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.bread-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.bread-modal-col--steps{flex:1.3}.bread-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.bread-modal-col-header i{color:#fff;font-size:13px}.bread-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.bread-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.bread-modal-scroll::-webkit-scrollbar{width:4px}.bread-modal-scroll::-webkit-scrollbar-track{background:transparent}.bread-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.bread-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.bread-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.bread-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.bread-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.bread-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.bread-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.bread-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.bread-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.bread-voice-icon{color:#284a4b;font-size:15px}.bread-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.bread-voice-progress{flex:1;min-width:60px}.bread-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.bread-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.bread-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.bread-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.bread-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.bread-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.bread-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.bread-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.bread-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.bread-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.bread-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.bread-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.bread-header{margin-top:100px;padding:25px 16px}.bread-page-title{font-size:32px}.bread-page-description{font-size:14.4px}.bread-grid{grid-template-columns:repeat(3,1fr);gap:16px}.bread-card{height:85px}.bread-card-image{width:60px;background-size:cover}.bread-card-content{padding:6px 12px}.bread-card-title{font-size:12px}.bread-modal{width:96%;height:88vh;border-radius:18px}.bread-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.bread-modal-hero-left{flex:0 0 52%;padding:20px 28px}.bread-modal-hero-title{font-size:22.4px}.bread-modal-hero-tagline{font-size:12px}.bread-modal-tag{font-size:9px;padding:3px 10px}.bread-modal-body{gap:10px;padding:12px 14px 8px}.bread-ingredient-text,.bread-step-text{font-size:12px}.bread-modal-col-header h3{font-size:11.2px}.bread-modal-col-header{padding:10px 14px 8px}.bread-modal-scroll{padding:10px 12px 12px;gap:7px}.bread-voice-bar{padding:9px 14px 11px;gap:12px}.bread-voice-label{font-size:10.4px}.bread-voice-main-btn{padding:7px 18px;font-size:12px}.bread-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.bread-header{margin-top:80px;padding:20px 16px}.bread-page-title{font-size:25.6px}.bread-page-description{font-size:12.8px}.bread-grid{grid-template-columns:repeat(2,1fr);gap:12px}.bread-card{height:75px}.bread-card-image{width:50px;background-size:cover}.bread-card-content{padding:5px 10px}.bread-card-title{font-size:10px}.bread-modal{width:98%;height:90vh;border-radius:14px}.bread-modal-hero-img{object-fit:cover}.bread-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.bread-modal-hero-left{flex:0 0 52%;padding:12px 18px}.bread-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.bread-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.bread-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.bread-modal-hero-left:after{right:-35px;width:40px}.bread-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.bread-modal-body{gap:8px;padding:10px 10px 8px}.bread-modal-col-header{padding:8px 10px 6px;gap:6px}.bread-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.bread-modal-col-header i{font-size:11px}.bread-modal-scroll{padding:8px 10px 10px;gap:6px}.bread-ingredient-text,.bread-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.bread-ingredient-dot{width:5px;height:5px;margin-top:4px}.bread-step-num{width:20px;height:20px;font-size:9px}.bread-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.bread-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.bread-voice-left{display:flex;gap:5px}.bread-voice-icon{font-size:13px}.bread-voice-progress{order:initial;width:auto;flex:1}.bread-progress-info{font-size:9.6px}.bread-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.bread-step-btn{padding:5px 10px;font-size:10px;gap:4px}}.egg-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.egg-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.egg-header-content{max-width:800px;margin:0 auto}.egg-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.egg-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.egg-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.egg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.egg-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.egg-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.egg-card-image{width:80px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.egg-card-content{padding:8px 16px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.egg-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.egg-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.egg-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.egg-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.egg-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.egg-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.egg-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.egg-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.egg-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.egg-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.egg-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.egg-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.egg-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.egg-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.egg-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.egg-modal-col--steps{flex:1.3}.egg-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.egg-modal-col-header i{color:#fff;font-size:13px}.egg-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.egg-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.egg-modal-scroll::-webkit-scrollbar{width:4px}.egg-modal-scroll::-webkit-scrollbar-track{background:transparent}.egg-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.egg-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.egg-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.egg-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.egg-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.egg-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.egg-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.egg-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.egg-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.egg-voice-icon{color:#284a4b;font-size:15px}.egg-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.egg-voice-progress{flex:1;min-width:60px}.egg-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.egg-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.egg-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.egg-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.egg-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.egg-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.egg-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.egg-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.egg-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.egg-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.egg-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.egg-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.egg-header{margin-top:100px;padding:25px 16px}.egg-page-title{font-size:32px}.egg-page-description{font-size:14.4px}.egg-grid{grid-template-columns:repeat(3,1fr);gap:16px}.egg-card{height:85px}.egg-card-image{width:70px;background-size:cover}.egg-card-content{padding:6px 14px}.egg-card-title{font-size:12px}.egg-modal{width:96%;height:88vh;border-radius:18px}.egg-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.egg-modal-hero-left{flex:0 0 52%;padding:20px 28px}.egg-modal-hero-title{font-size:22.4px}.egg-modal-hero-tagline{font-size:12px}.egg-modal-tag{font-size:9px;padding:3px 10px}.egg-modal-body{gap:10px;padding:12px 14px 8px}.egg-ingredient-text,.egg-step-text{font-size:12px}.egg-modal-col-header h3{font-size:11.2px}.egg-modal-col-header{padding:10px 14px 8px}.egg-modal-scroll{padding:10px 12px 12px;gap:7px}.egg-voice-bar{padding:9px 14px 11px;gap:12px}.egg-voice-label{font-size:10.4px}.egg-voice-main-btn{padding:7px 18px;font-size:12px}.egg-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.egg-header{margin-top:80px;padding:20px 16px}.egg-page-title{font-size:25.6px}.egg-page-description{font-size:12.8px}.egg-grid{grid-template-columns:repeat(2,1fr);gap:12px}.egg-card{height:75px}.egg-card-image{width:60px;background-size:cover}.egg-card-content{padding:5px 12px}.egg-card-title{font-size:10px}.egg-modal{width:98%;height:90vh;border-radius:14px}.egg-modal-hero-img{object-fit:cover}.egg-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.egg-modal-hero-left{flex:0 0 52%;padding:12px 18px}.egg-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.egg-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.egg-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.egg-modal-hero-left:after{right:-35px;width:40px}.egg-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.egg-modal-body{gap:8px;padding:10px 10px 8px}.egg-modal-col-header{padding:8px 10px 6px;gap:6px}.egg-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.egg-modal-col-header i{font-size:11px}.egg-modal-scroll{padding:8px 10px 10px;gap:6px}.egg-ingredient-text,.egg-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.egg-ingredient-dot{width:5px;height:5px;margin-top:4px}.egg-step-num{width:20px;height:20px;font-size:9px}.egg-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.egg-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.egg-voice-left{display:flex;gap:5px}.egg-voice-icon{font-size:13px}.egg-voice-progress{order:initial;width:auto;flex:1}.egg-progress-info{font-size:9.6px}.egg-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.egg-step-btn{padding:5px 10px;font-size:10px;gap:4px}}.bbq-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.bbq-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.bbq-header-content{max-width:800px;margin:0 auto}.bbq-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.bbq-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.bbq-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.bbq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.bbq-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.bbq-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.bbq-card-image{width:70px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.bbq-card-content{padding:8px 14px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.bbq-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.bbq-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bbq-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.bbq-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.bbq-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.bbq-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.bbq-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.bbq-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.bbq-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.bbq-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bbq-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bbq-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.bbq-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.bbq-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.bbq-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.bbq-modal-col--steps{flex:1.3}.bbq-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.bbq-modal-col-header i{color:#fff;font-size:13px}.bbq-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.bbq-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.bbq-modal-scroll::-webkit-scrollbar{width:4px}.bbq-modal-scroll::-webkit-scrollbar-track{background:transparent}.bbq-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.bbq-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.bbq-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.bbq-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.bbq-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.bbq-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.bbq-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.bbq-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.bbq-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.bbq-voice-icon{color:#284a4b;font-size:15px}.bbq-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.bbq-voice-progress{flex:1;min-width:60px}.bbq-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.bbq-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.bbq-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.bbq-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.bbq-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.bbq-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.bbq-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.bbq-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.bbq-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.bbq-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.bbq-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.bbq-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.bbq-header{margin-top:100px;padding:25px 16px}.bbq-page-title{font-size:32px}.bbq-page-description{font-size:14.4px}.bbq-grid{grid-template-columns:repeat(3,1fr);gap:16px}.bbq-card{height:85px}.bbq-card-image{width:60px;background-size:cover}.bbq-card-content{padding:6px 12px}.bbq-card-title{font-size:12px}.bbq-modal{width:96%;height:88vh;border-radius:18px}.bbq-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.bbq-modal-hero-left{flex:0 0 52%;padding:20px 28px}.bbq-modal-hero-title{font-size:22.4px}.bbq-modal-hero-tagline{font-size:12px}.bbq-modal-tag{font-size:9px;padding:3px 10px}.bbq-modal-body{gap:10px;padding:12px 14px 8px}.bbq-ingredient-text,.bbq-step-text{font-size:12px}.bbq-modal-col-header h3{font-size:11.2px}.bbq-modal-col-header{padding:10px 14px 8px}.bbq-modal-scroll{padding:10px 12px 12px;gap:7px}.bbq-voice-bar{padding:9px 14px 11px;gap:12px}.bbq-voice-label{font-size:10.4px}.bbq-voice-main-btn{padding:7px 18px;font-size:12px}.bbq-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.bbq-header{margin-top:80px;padding:20px 16px}.bbq-page-title{font-size:25.6px}.bbq-page-description{font-size:12.8px}.bbq-grid{grid-template-columns:repeat(2,1fr);gap:12px}.bbq-card{height:75px}.bbq-card-image{width:50px;background-size:cover}.bbq-card-content{padding:5px 10px}.bbq-card-title{font-size:10px}.bbq-modal{width:98%;height:90vh;border-radius:14px}.bbq-modal-hero-img{object-fit:cover}.bbq-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.bbq-modal-hero-left{flex:0 0 52%;padding:12px 18px}.bbq-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.bbq-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.bbq-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.bbq-modal-hero-left:after{right:-35px;width:40px}.bbq-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.bbq-modal-body{gap:8px;padding:10px 10px 8px}.bbq-modal-col-header{padding:8px 10px 6px;gap:6px}.bbq-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.bbq-modal-col-header i{font-size:11px}.bbq-modal-scroll{padding:8px 10px 10px;gap:6px}.bbq-ingredient-text,.bbq-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.bbq-ingredient-dot{width:5px;height:5px;margin-top:4px}.bbq-step-num{width:20px;height:20px;font-size:9px}.bbq-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.bbq-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.bbq-voice-left{display:flex;gap:5px}.bbq-voice-icon{font-size:13px}.bbq-voice-progress{order:initial;width:auto;flex:1}.bbq-progress-info{font-size:9.6px}.bbq-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.bbq-step-btn{padding:5px 10px;font-size:10px;gap:4px}}.dal-mutton-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.dal-mutton-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.dal-mutton-header-content{max-width:800px;margin:0 auto}.dal-mutton-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.dal-mutton-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.dal-mutton-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.dal-mutton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.dal-mutton-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.dal-mutton-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.dal-mutton-card-image{width:80px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.dal-mutton-card-content{padding:8px 16px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.dal-mutton-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.dal-mutton-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dal-mutton-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.dal-mutton-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.dal-mutton-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.dal-mutton-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.dal-mutton-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.dal-mutton-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.dal-mutton-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.dal-mutton-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dal-mutton-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dal-mutton-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.dal-mutton-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.dal-mutton-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.dal-mutton-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.dal-mutton-modal-col--steps{flex:1.3}.dal-mutton-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.dal-mutton-modal-col-header i{color:#fff;font-size:13px}.dal-mutton-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.dal-mutton-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.dal-mutton-modal-scroll::-webkit-scrollbar{width:4px}.dal-mutton-modal-scroll::-webkit-scrollbar-track{background:transparent}.dal-mutton-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.dal-mutton-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.dal-mutton-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.dal-mutton-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.dal-mutton-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.dal-mutton-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.dal-mutton-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.dal-mutton-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.dal-mutton-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.dal-mutton-voice-icon{color:#284a4b;font-size:15px}.dal-mutton-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.dal-mutton-voice-progress{flex:1;min-width:60px}.dal-mutton-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.dal-mutton-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.dal-mutton-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.dal-mutton-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.dal-mutton-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.dal-mutton-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.dal-mutton-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.dal-mutton-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.dal-mutton-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.dal-mutton-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.dal-mutton-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.dal-mutton-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.dal-mutton-header{margin-top:100px;padding:25px 16px}.dal-mutton-page-title{font-size:32px}.dal-mutton-page-description{font-size:14.4px}.dal-mutton-grid{grid-template-columns:repeat(3,1fr);gap:16px}.dal-mutton-card{height:85px}.dal-mutton-card-image{width:70px;background-size:cover}.dal-mutton-card-content{padding:6px 14px}.dal-mutton-card-title{font-size:12px}.dal-mutton-modal{width:96%;height:88vh;border-radius:18px}.dal-mutton-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.dal-mutton-modal-hero-left{flex:0 0 52%;padding:20px 28px}.dal-mutton-modal-hero-title{font-size:22.4px}.dal-mutton-modal-hero-tagline{font-size:12px}.dal-mutton-modal-tag{font-size:9px;padding:3px 10px}.dal-mutton-modal-body{gap:10px;padding:12px 14px 8px}.dal-mutton-ingredient-text,.dal-mutton-step-text{font-size:12px}.dal-mutton-modal-col-header h3{font-size:11.2px}.dal-mutton-modal-col-header{padding:10px 14px 8px}.dal-mutton-modal-scroll{padding:10px 12px 12px;gap:7px}.dal-mutton-voice-bar{padding:9px 14px 11px;gap:12px}.dal-mutton-voice-label{font-size:10.4px}.dal-mutton-voice-main-btn{padding:7px 18px;font-size:12px}.dal-mutton-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.dal-mutton-header{margin-top:80px;padding:20px 16px}.dal-mutton-page-title{font-size:25.6px}.dal-mutton-page-description{font-size:12.8px}.dal-mutton-grid{grid-template-columns:repeat(2,1fr);gap:12px}.dal-mutton-card{height:75px}.dal-mutton-card-image{width:60px;background-size:cover}.dal-mutton-card-content{padding:5px 12px}.dal-mutton-card-title{font-size:10px}.dal-mutton-modal{width:98%;height:90vh;border-radius:14px}.dal-mutton-modal-hero-img{object-fit:cover}.dal-mutton-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.dal-mutton-modal-hero-left{flex:0 0 52%;padding:12px 18px}.dal-mutton-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.dal-mutton-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.dal-mutton-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.dal-mutton-modal-hero-left:after{right:-35px;width:40px}.dal-mutton-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.dal-mutton-modal-body{gap:8px;padding:10px 10px 8px}.dal-mutton-modal-col-header{padding:8px 10px 6px;gap:6px}.dal-mutton-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.dal-mutton-modal-col-header i{font-size:11px}.dal-mutton-modal-scroll{padding:8px 10px 10px;gap:6px}.dal-mutton-ingredient-text,.dal-mutton-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.dal-mutton-ingredient-dot{width:5px;height:5px;margin-top:4px}.dal-mutton-step-num{width:20px;height:20px;font-size:9px}.dal-mutton-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.dal-mutton-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.dal-mutton-voice-left{display:flex;gap:5px}.dal-mutton-voice-icon{font-size:13px}.dal-mutton-voice-progress{order:initial;width:auto;flex:1}.dal-mutton-progress-info{font-size:9.6px}.dal-mutton-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.dal-mutton-step-btn{padding:5px 10px;font-size:10px;gap:4px}}.dal-chicken-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.dal-chicken-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.dal-chicken-header-content{max-width:800px;margin:0 auto}.dal-chicken-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.dal-chicken-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.dal-chicken-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.dal-chicken-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.dal-chicken-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.dal-chicken-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.dal-chicken-card-image{width:80px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.dal-chicken-card-content{padding:8px 16px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.dal-chicken-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.dal-chicken-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dal-chicken-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.dal-chicken-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.dal-chicken-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.dal-chicken-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.dal-chicken-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.dal-chicken-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.dal-chicken-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.dal-chicken-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dal-chicken-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dal-chicken-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.dal-chicken-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.dal-chicken-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.dal-chicken-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.dal-chicken-modal-col--steps{flex:1.3}.dal-chicken-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.dal-chicken-modal-col-header i{color:#fff;font-size:13px}.dal-chicken-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.dal-chicken-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.dal-chicken-modal-scroll::-webkit-scrollbar{width:4px}.dal-chicken-modal-scroll::-webkit-scrollbar-track{background:transparent}.dal-chicken-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.dal-chicken-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.dal-chicken-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.dal-chicken-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.dal-chicken-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.dal-chicken-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.dal-chicken-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.dal-chicken-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.dal-chicken-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.dal-chicken-voice-icon{color:#284a4b;font-size:15px}.dal-chicken-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.dal-chicken-voice-progress{flex:1;min-width:60px}.dal-chicken-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.dal-chicken-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.dal-chicken-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.dal-chicken-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.dal-chicken-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.dal-chicken-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.dal-chicken-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.dal-chicken-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.dal-chicken-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.dal-chicken-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.dal-chicken-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.dal-chicken-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.dal-chicken-header{margin-top:100px;padding:25px 16px}.dal-chicken-page-title{font-size:32px}.dal-chicken-page-description{font-size:14.4px}.dal-chicken-grid{grid-template-columns:repeat(3,1fr);gap:16px}.dal-chicken-card{height:85px}.dal-chicken-card-image{width:70px;background-size:cover}.dal-chicken-card-content{padding:6px 14px}.dal-chicken-card-title{font-size:12px}.dal-chicken-modal{width:96%;height:88vh;border-radius:18px}.dal-chicken-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.dal-chicken-modal-hero-left{flex:0 0 52%;padding:20px 28px}.dal-chicken-modal-hero-title{font-size:22.4px}.dal-chicken-modal-hero-tagline{font-size:12px}.dal-chicken-modal-tag{font-size:9px;padding:3px 10px}.dal-chicken-modal-body{gap:10px;padding:12px 14px 8px}.dal-chicken-ingredient-text,.dal-chicken-step-text{font-size:12px}.dal-chicken-modal-col-header h3{font-size:11.2px}.dal-chicken-modal-col-header{padding:10px 14px 8px}.dal-chicken-modal-scroll{padding:10px 12px 12px;gap:7px}.dal-chicken-voice-bar{padding:9px 14px 11px;gap:12px}.dal-chicken-voice-label{font-size:10.4px}.dal-chicken-voice-main-btn{padding:7px 18px;font-size:12px}.dal-chicken-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.dal-chicken-header{margin-top:80px;padding:20px 16px}.dal-chicken-page-title{font-size:25.6px}.dal-chicken-page-description{font-size:12.8px}.dal-chicken-grid{grid-template-columns:repeat(2,1fr);gap:12px}.dal-chicken-card{height:75px}.dal-chicken-card-image{width:60px;background-size:cover}.dal-chicken-card-content{padding:5px 12px}.dal-chicken-card-title{font-size:10px}.dal-chicken-modal{width:98%;height:90vh;border-radius:14px}.dal-chicken-modal-hero-img{object-fit:cover}.dal-chicken-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.dal-chicken-modal-hero-left{flex:0 0 52%;padding:12px 18px}.dal-chicken-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.dal-chicken-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.dal-chicken-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.dal-chicken-modal-hero-left:after{right:-35px;width:40px}.dal-chicken-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.dal-chicken-modal-body{gap:8px;padding:10px 10px 8px}.dal-chicken-modal-col-header{padding:8px 10px 6px;gap:6px}.dal-chicken-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.dal-chicken-modal-col-header i{font-size:11px}.dal-chicken-modal-scroll{padding:8px 10px 10px;gap:6px}.dal-chicken-ingredient-text,.dal-chicken-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.dal-chicken-ingredient-dot{width:5px;height:5px;margin-top:4px}.dal-chicken-step-num{width:20px;height:20px;font-size:9px}.dal-chicken-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.dal-chicken-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.dal-chicken-voice-left{display:flex;gap:5px}.dal-chicken-voice-icon{font-size:13px}.dal-chicken-voice-progress{order:initial;width:auto;flex:1}.dal-chicken-progress-info{font-size:9.6px}.dal-chicken-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.dal-chicken-step-btn{padding:5px 10px;font-size:10px;gap:4px}}.recipes-dinner-page{width:100%;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;position:relative;background-color:transparent}.recipes-dinner-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(8px) brightness(.7);transform:scale(1.05);z-index:-2}.recipes-dinner-page:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#0003;z-index:-1}.recipes-dinner-header{background:linear-gradient(135deg,#284a4b,#1d3a3b);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:22px 20px;text-align:center;flex-shrink:0;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);width:100%;margin-top:100px}.recipes-dinner-header-content{max-width:800px;margin:0 auto;position:relative;z-index:3}.recipes-dinner-title{font-size:48px;font-weight:700;margin-bottom:8px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;display:inline-block;padding:0 20px}.recipes-dinner-title:before,.recipes-dinner-title:after{content:"";position:absolute;top:50%;width:40px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)}.recipes-dinner-title:before{left:-30px}.recipes-dinner-title:after{right:-30px}.recipes-dinner-description{font-size:18px;opacity:.95;font-weight:300;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.2);max-width:600px;margin:0 auto;position:relative;padding:10px 0;font-style:italic;color:#fff}.recipes-dinner-description:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)}.recipes-dinner-main{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 20px 30px;overflow:visible;width:100%;position:relative;z-index:2;min-height:0}.recipes-dinner-carousel{display:flex;align-items:center;gap:10px;width:100%;max-width:1600px;margin:0 auto;position:relative;height:320px}.recipes-dinner-arrow{width:22px;height:22px;min-width:22px;border-radius:50%;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;color:#1f4e4f;box-shadow:0 2px 8px #00000026;flex-shrink:0;z-index:10;padding:0}.recipes-dinner-arrow:hover:not(:disabled){background:#1f4e4f;color:#fff;border-color:transparent;box-shadow:0 4px 12px #00000040;transform:scale(1.1)}.recipes-dinner-arrow:disabled{opacity:0;cursor:default;pointer-events:none;visibility:hidden}.recipes-dinner-arrow svg{width:14px;height:14px}.recipes-dinner-arrow-left{margin-right:2px}.recipes-dinner-arrow-right{margin-left:2px}.recipes-dinner-scroll-wrapper{flex:1;overflow-x:auto;overflow-y:hidden;padding:25px 0 15px;scrollbar-width:none;-ms-overflow-style:none;position:relative;mask-image:linear-gradient(90deg,transparent,#000000 8%,#000000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000000 8%,#000000 92%,transparent);height:auto;min-height:280px}.recipes-dinner-scroll-wrapper::-webkit-scrollbar{display:none}.recipes-dinner-grid{display:flex;flex-direction:row;gap:20px;width:max-content;padding:10px 30px;min-width:100%;justify-content:center;align-items:center;height:100%}.recipes-dinner-card{background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;overflow:hidden;box-shadow:0 15px 35px #0003;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.3);display:flex;flex-direction:column;width:190px;min-width:190px;height:230px;text-decoration:none;color:inherit;flex-shrink:0;animation:floatZigzag 4s ease-in-out infinite;animation-delay:calc(var(--card-index) * .15s);position:relative}.recipes-dinner-card.recipes-dinner-card-up{transform:translateY(-12px)}.recipes-dinner-card.recipes-dinner-card-down{transform:translateY(12px)}.recipes-dinner-card:nth-child(1){--card-index: 1}.recipes-dinner-card:nth-child(2){--card-index: 2}.recipes-dinner-card:nth-child(3){--card-index: 3}.recipes-dinner-card:nth-child(4){--card-index: 4}.recipes-dinner-card:nth-child(5){--card-index: 5}.recipes-dinner-card:nth-child(6){--card-index: 6}.recipes-dinner-card:nth-child(7){--card-index: 7}.recipes-dinner-card:nth-child(8){--card-index: 8}.recipes-dinner-card:nth-child(9){--card-index: 9}.recipes-dinner-card:nth-child(10){--card-index: 10}.recipes-dinner-card:nth-child(11){--card-index: 11}.recipes-dinner-card:nth-child(12){--card-index: 12}.recipes-dinner-card.recipes-dinner-card-up{animation:floatUp 4s ease-in-out infinite}.recipes-dinner-card.recipes-dinner-card-down{animation:floatDown 4s ease-in-out infinite}.recipes-dinner-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .8s ease;pointer-events:none;z-index:2}.recipes-dinner-card:hover:after{left:100%}.recipes-dinner-card:hover{animation-play-state:paused;transform:scale(1.02) translateY(0);background:#fffffff2;box-shadow:0 25px 45px #00000040;border-color:#ffffff80;z-index:5}.recipes-dinner-card.recipes-dinner-card-up:hover{transform:scale(1.02) translateY(-12px)}.recipes-dinner-card.recipes-dinner-card-down:hover{transform:scale(1.02) translateY(12px)}.recipes-dinner-card-image-container{position:relative;height:125px;overflow:hidden;flex-shrink:0}.recipes-dinner-card-img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.recipes-dinner-card:hover .recipes-dinner-card-img{transform:scale(1.05)}.recipes-dinner-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 100%);opacity:0;transition:opacity .4s ease}.recipes-dinner-card:hover .recipes-dinner-card-overlay{opacity:1}.recipes-dinner-card-content{padding:15px 14px 14px;flex:1;display:flex;flex-direction:column;position:relative;z-index:2;background:transparent}.recipes-dinner-card-title{font-size:16px;font-weight:600;color:#143334;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.2px;transition:color .3s ease;text-shadow:0 1px 3px rgba(255,255,255,.5)}.recipes-dinner-card:hover .recipes-dinner-card-title{color:#1f4e4f}@media(min-width:1600px){.recipes-dinner-card{width:210px;min-width:210px;height:280px}.recipes-dinner-card-image-container{height:135px}.recipes-dinner-card-title{font-size:17px}}@media(min-width:1400px)and (max-width:1599px){.recipes-dinner-card{width:200px;min-width:200px}}@media(min-width:992px)and (max-width:1199px){.recipes-dinner-card{width:180px;min-width:180px;height:250px}.recipes-dinner-card-image-container{height:115px}.recipes-dinner-title{font-size:40px}}@media(min-width:768px)and (max-width:991px){.recipes-dinner-card{width:165px;min-width:165px;height:240px}.recipes-dinner-card-image-container{height:110px}.recipes-dinner-title{font-size:35px}.recipes-dinner-arrow{width:20px;height:20px;min-width:20px}.recipes-dinner-arrow svg{width:12px;height:12px}}@media(min-width:576px)and (max-width:767px){.recipes-dinner-header{padding:18px}.recipes-dinner-title{font-size:32px}.recipes-dinner-card{width:150px;min-width:150px;height:230px}.recipes-dinner-card-image-container{height:100px}.recipes-dinner-title:before,.recipes-dinner-title:after{display:none}.recipes-dinner-carousel{gap:6px}.recipes-dinner-arrow{width:18px;height:18px;min-width:18px}.recipes-dinner-arrow svg{width:11px;height:11px}}@media(max-width:575px){.recipes-dinner-header{padding:15px}.recipes-dinner-title{font-size:28px}.recipes-dinner-card{width:140px;min-width:140px;height:220px}.recipes-dinner-card-image-container{height:95px}.recipes-dinner-title:before,.recipes-dinner-title:after{display:none}.recipes-dinner-carousel{gap:5px}.recipes-dinner-arrow{width:16px;height:16px;min-width:16px}.recipes-dinner-arrow svg{width:10px;height:10px}}@media(max-width:424px){.recipes-dinner-card{width:130px;min-width:130px;height:210px}.recipes-dinner-card-image-container{height:85px}.recipes-dinner-title{font-size:24px}.recipes-dinner-carousel{gap:3px}.recipes-dinner-arrow{width:14px;height:14px;min-width:14px}.recipes-dinner-arrow svg{width:8px;height:8px}}.appetizers-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.appetizers-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.appetizers-header-content{max-width:800px;margin:0 auto}.appetizers-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.appetizers-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.appetizers-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.appetizers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.appetizers-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.appetizers-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.appetizers-card-image{width:60px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.appetizers-card-content{padding:8px 12px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.appetizers-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.appetizers-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.appetizers-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.appetizers-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.appetizers-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.appetizers-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.appetizers-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.appetizers-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.appetizers-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.appetizers-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.appetizers-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.appetizers-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.appetizers-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.appetizers-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.appetizers-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.appetizers-modal-col--steps{flex:1.3}.appetizers-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.appetizers-modal-col-header i{color:#fff;font-size:13px}.appetizers-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.appetizers-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.appetizers-modal-scroll::-webkit-scrollbar{width:4px}.appetizers-modal-scroll::-webkit-scrollbar-track{background:transparent}.appetizers-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.appetizers-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.appetizers-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.appetizers-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.appetizers-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.appetizers-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.appetizers-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.appetizers-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.appetizers-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.appetizers-voice-icon{color:#284a4b;font-size:15px}.appetizers-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.appetizers-voice-progress{flex:1;min-width:60px}.appetizers-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.appetizers-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.appetizers-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.appetizers-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.appetizers-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.appetizers-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.appetizers-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.appetizers-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.appetizers-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.appetizers-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.appetizers-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.appetizers-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.appetizers-header{margin-top:100px;padding:25px 16px}.appetizers-page-title{font-size:32px}.appetizers-page-description{font-size:14.4px}.appetizers-grid{grid-template-columns:repeat(3,1fr);gap:14px}.appetizers-card{height:80px}.appetizers-card-image{width:55px;background-size:cover}.appetizers-card-content{padding:5px 10px}.appetizers-card-title{font-size:11px}.appetizers-modal{width:96%;height:88vh;border-radius:18px}.appetizers-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.appetizers-modal-hero-left{flex:0 0 52%;padding:20px 28px}.appetizers-modal-hero-title{font-size:22.4px}.appetizers-modal-hero-tagline{font-size:12px}.appetizers-modal-tag{font-size:9px;padding:3px 10px}.appetizers-modal-body{gap:10px;padding:12px 14px 8px}.appetizers-ingredient-text,.appetizers-step-text{font-size:12px}.appetizers-modal-col-header h3{font-size:11.2px}.appetizers-modal-col-header{padding:10px 14px 8px}.appetizers-modal-scroll{padding:10px 12px 12px;gap:7px}.appetizers-voice-bar{padding:9px 14px 11px;gap:12px}.appetizers-voice-label{font-size:10.4px}.appetizers-voice-main-btn{padding:7px 18px;font-size:12px}.appetizers-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.appetizers-header{margin-top:80px;padding:20px 16px}.appetizers-page-title{font-size:25.6px}.appetizers-page-description{font-size:12.8px}.appetizers-grid{grid-template-columns:repeat(2,1fr);gap:10px}.appetizers-card{height:70px}.appetizers-card-image{width:45px;background-size:cover}.appetizers-card-content{padding:4px 8px}.appetizers-card-title{font-size:10px}.appetizers-modal{width:98%;height:90vh;border-radius:14px}.appetizers-modal-hero-img{object-fit:cover}.appetizers-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.appetizers-modal-hero-left{flex:0 0 52%;padding:12px 18px}.appetizers-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.appetizers-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.appetizers-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.appetizers-modal-hero-left:after{right:-35px;width:40px}.appetizers-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.appetizers-modal-body{gap:8px;padding:10px 10px 8px}.appetizers-modal-col-header{padding:8px 10px 6px;gap:6px}.appetizers-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.appetizers-modal-col-header i{font-size:11px}.appetizers-modal-scroll{padding:8px 10px 10px;gap:6px}.appetizers-ingredient-text,.appetizers-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.appetizers-ingredient-dot{width:5px;height:5px;margin-top:4px}.appetizers-step-num{width:20px;height:20px;font-size:9px}.appetizers-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.appetizers-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.appetizers-voice-left{display:flex;gap:5px}.appetizers-voice-icon{font-size:13px}.appetizers-voice-progress{order:initial;width:auto;flex:1}.appetizers-progress-info{font-size:9.6px}.appetizers-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.appetizers-step-btn{padding:5px 10px;font-size:10px;gap:4px}}.dal-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.dal-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.dal-header-content{max-width:800px;margin:0 auto}.dal-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.dal-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.dal-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.dal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.dal-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.dal-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.dal-card-image{width:80px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.dal-card-content{padding:8px 16px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.dal-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.dal-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dal-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.dal-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.dal-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.dal-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.dal-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.dal-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.dal-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.dal-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dal-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dal-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.dal-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.dal-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.dal-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.dal-modal-col--steps{flex:1.3}.dal-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.dal-modal-col-header i{color:#fff;font-size:13px}.dal-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.dal-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.dal-modal-scroll::-webkit-scrollbar{width:4px}.dal-modal-scroll::-webkit-scrollbar-track{background:transparent}.dal-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.dal-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.dal-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.dal-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.dal-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.dal-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.dal-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.dal-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.dal-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.dal-voice-icon{color:#284a4b;font-size:15px}.dal-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.dal-voice-progress{flex:1;min-width:60px}.dal-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.dal-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.dal-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.dal-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.dal-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.dal-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.dal-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.dal-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.dal-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.dal-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.dal-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.dal-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.dal-header{margin-top:100px;padding:25px 16px}.dal-page-title{font-size:32px}.dal-page-description{font-size:14.4px}.dal-grid{grid-template-columns:repeat(3,1fr);gap:16px}.dal-card{height:85px}.dal-card-image{width:70px;background-size:cover}.dal-card-content{padding:6px 14px}.dal-card-title{font-size:12px}.dal-modal{width:96%;height:88vh;border-radius:18px}.dal-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.dal-modal-hero-left{flex:0 0 52%;padding:20px 28px}.dal-modal-hero-title{font-size:22.4px}.dal-modal-hero-tagline{font-size:12px}.dal-modal-tag{font-size:9px;padding:3px 10px}.dal-modal-body{gap:10px;padding:12px 14px 8px}.dal-ingredient-text,.dal-step-text{font-size:12px}.dal-modal-col-header h3{font-size:11.2px}.dal-modal-col-header{padding:10px 14px 8px}.dal-modal-scroll{padding:10px 12px 12px;gap:7px}.dal-voice-bar{padding:9px 14px 11px;gap:12px}.dal-voice-label{font-size:10.4px}.dal-voice-main-btn{padding:7px 18px;font-size:12px}.dal-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.dal-header{margin-top:80px;padding:20px 16px}.dal-page-title{font-size:25.6px}.dal-page-description{font-size:12.8px}.dal-grid{grid-template-columns:repeat(2,1fr);gap:12px}.dal-card{height:75px}.dal-card-image{width:60px;background-size:cover}.dal-card-content{padding:5px 12px}.dal-card-title{font-size:10px}.dal-modal{width:98%;height:90vh;border-radius:14px}.dal-modal-hero-img{object-fit:cover}.dal-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.dal-modal-hero-left{flex:0 0 52%;padding:12px 18px}.dal-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.dal-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.dal-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.dal-modal-hero-left:after{right:-35px;width:40px}.dal-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.dal-modal-body{gap:8px;padding:10px 10px 8px}.dal-modal-col-header{padding:8px 10px 6px;gap:6px}.dal-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.dal-modal-col-header i{font-size:11px}.dal-modal-scroll{padding:8px 10px 10px;gap:6px}.dal-ingredient-text,.dal-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.dal-ingredient-dot{width:5px;height:5px;margin-top:4px}.dal-step-num{width:20px;height:20px;font-size:9px}.dal-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.dal-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.dal-voice-left{display:flex;gap:5px}.dal-voice-icon{font-size:13px}.dal-voice-progress{order:initial;width:auto;flex:1}.dal-progress-info{font-size:9.6px}.dal-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.dal-step-btn{padding:5px 10px;font-size:10px;gap:4px}}.pure-chicken-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.pure-chicken-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.pure-chicken-header-content{max-width:800px;margin:0 auto}.pure-chicken-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.pure-chicken-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.pure-chicken-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.pure-chicken-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.pure-chicken-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.pure-chicken-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.pure-chicken-card-image{width:70px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.pure-chicken-card-content{padding:8px 14px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.pure-chicken-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.pure-chicken-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pure-chicken-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.pure-chicken-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.pure-chicken-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.pure-chicken-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.pure-chicken-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.pure-chicken-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.pure-chicken-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.pure-chicken-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pure-chicken-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pure-chicken-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.pure-chicken-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.pure-chicken-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.pure-chicken-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.pure-chicken-modal-col--steps{flex:1.3}.pure-chicken-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.pure-chicken-modal-col-header i{color:#fff;font-size:13px}.pure-chicken-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.pure-chicken-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.pure-chicken-modal-scroll::-webkit-scrollbar{width:4px}.pure-chicken-modal-scroll::-webkit-scrollbar-track{background:transparent}.pure-chicken-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.pure-chicken-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.pure-chicken-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.pure-chicken-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.pure-chicken-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.pure-chicken-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.pure-chicken-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.pure-chicken-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.pure-chicken-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.pure-chicken-voice-icon{color:#284a4b;font-size:15px}.pure-chicken-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.pure-chicken-voice-progress{flex:1;min-width:60px}.pure-chicken-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.pure-chicken-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.pure-chicken-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.pure-chicken-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.pure-chicken-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.pure-chicken-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.pure-chicken-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.pure-chicken-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.pure-chicken-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.pure-chicken-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.pure-chicken-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.pure-chicken-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.pure-chicken-header{margin-top:100px;padding:25px 16px}.pure-chicken-page-title{font-size:32px}.pure-chicken-page-description{font-size:14.4px}.pure-chicken-grid{grid-template-columns:repeat(3,1fr);gap:16px}.pure-chicken-card{height:85px}.pure-chicken-card-image{width:60px;background-size:cover}.pure-chicken-card-content{padding:6px 12px}.pure-chicken-card-title{font-size:12px}.pure-chicken-modal{width:96%;height:88vh;border-radius:18px}.pure-chicken-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.pure-chicken-modal-hero-left{flex:0 0 52%;padding:20px 28px}.pure-chicken-modal-hero-title{font-size:22.4px}.pure-chicken-modal-hero-tagline{font-size:12px}.pure-chicken-modal-tag{font-size:9px;padding:3px 10px}.pure-chicken-modal-body{gap:10px;padding:12px 14px 8px}.pure-chicken-ingredient-text,.pure-chicken-step-text{font-size:12px}.pure-chicken-modal-col-header h3{font-size:11.2px}.pure-chicken-modal-col-header{padding:10px 14px 8px}.pure-chicken-modal-scroll{padding:10px 12px 12px;gap:7px}.pure-chicken-voice-bar{padding:9px 14px 11px;gap:12px}.pure-chicken-voice-label{font-size:10.4px}.pure-chicken-voice-main-btn{padding:7px 18px;font-size:12px}.pure-chicken-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.pure-chicken-header{margin-top:80px;padding:20px 16px}.pure-chicken-page-title{font-size:25.6px}.pure-chicken-page-description{font-size:12.8px}.pure-chicken-grid{grid-template-columns:repeat(2,1fr);gap:12px}.pure-chicken-card{height:75px}.pure-chicken-card-image{width:50px;background-size:cover}.pure-chicken-card-content{padding:5px 10px}.pure-chicken-card-title{font-size:10px}.pure-chicken-modal{width:98%;height:90vh;border-radius:14px}.pure-chicken-modal-hero-img{object-fit:cover}.pure-chicken-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.pure-chicken-modal-hero-left{flex:0 0 52%;padding:12px 18px}.pure-chicken-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.pure-chicken-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.pure-chicken-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.pure-chicken-modal-hero-left:after{right:-35px;width:40px}.pure-chicken-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.pure-chicken-modal-body{gap:8px;padding:10px 10px 8px}.pure-chicken-modal-col-header{padding:8px 10px 6px;gap:6px}.pure-chicken-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.pure-chicken-modal-col-header i{font-size:11px}.pure-chicken-modal-scroll{padding:8px 10px 10px;gap:6px}.pure-chicken-ingredient-text,.pure-chicken-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.pure-chicken-ingredient-dot{width:5px;height:5px;margin-top:4px}.pure-chicken-step-num{width:20px;height:20px;font-size:9px}.pure-chicken-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.pure-chicken-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.pure-chicken-voice-left{display:flex;gap:5px}.pure-chicken-voice-icon{font-size:13px}.pure-chicken-voice-progress{order:initial;width:auto;flex:1}.pure-chicken-progress-info{font-size:9.6px}.pure-chicken-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.pure-chicken-step-btn{padding:5px 10px;font-size:10px;gap:4px}}.vegetables-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.vegetables-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.vegetables-header-content{max-width:800px;margin:0 auto}.vegetables-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.vegetables-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.vegetables-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.vegetables-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.vegetables-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.vegetables-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.vegetables-card-image{width:80px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.vegetables-card-content{padding:8px 16px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.vegetables-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.vegetables-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vegetables-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.veg-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.vegetables-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.vegetables-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.veg-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.veg-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.veg-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.veg-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.veg-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.veg-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.veg-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.veg-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.veg-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.veg-modal-col--steps{flex:1.3}.veg-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.veg-modal-col-header i{color:#fff;font-size:13px}.veg-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.veg-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.veg-modal-scroll::-webkit-scrollbar{width:4px}.veg-modal-scroll::-webkit-scrollbar-track{background:transparent}.veg-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.veg-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.veg-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.veg-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.veg-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.veg-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.veg-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.veg-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.veg-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.veg-voice-icon{color:#284a4b;font-size:15px}.veg-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.veg-voice-progress{flex:1;min-width:60px}.veg-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.veg-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.veg-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.veg-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.veg-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.veg-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.veg-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.veg-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.veg-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.veg-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.veg-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.veg-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.vegetables-header{margin-top:100px;padding:25px 16px}.vegetables-page-title{font-size:32px}.vegetables-page-description{font-size:14.4px}.vegetables-grid{grid-template-columns:repeat(3,1fr);gap:16px}.vegetables-card{height:85px}.vegetables-card-image{width:70px;background-size:cover}.vegetables-card-content{padding:6px 14px}.vegetables-card-title{font-size:12px}.vegetables-modal{width:96%;height:88vh;border-radius:18px}.veg-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.veg-modal-hero-left{flex:0 0 52%;padding:20px 28px}.veg-modal-hero-title{font-size:22.4px}.veg-modal-hero-tagline{font-size:12px}.veg-modal-tag{font-size:9px;padding:3px 10px}.veg-modal-body{gap:10px;padding:12px 14px 8px}.veg-ingredient-text,.veg-step-text{font-size:12px}.veg-modal-col-header h3{font-size:11.2px}.veg-modal-col-header{padding:10px 14px 8px}.veg-modal-scroll{padding:10px 12px 12px;gap:7px}.veg-voice-bar{padding:9px 14px 11px;gap:12px}.veg-voice-label{font-size:10.4px}.veg-voice-main-btn{padding:7px 18px;font-size:12px}.veg-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.vegetables-header{margin-top:80px;padding:20px 16px}.vegetables-page-title{font-size:25.6px}.vegetables-page-description{font-size:12.8px}.vegetables-grid{grid-template-columns:repeat(2,1fr);gap:12px}.vegetables-card{height:75px}.vegetables-card-image{width:60px;background-size:cover}.vegetables-card-content{padding:5px 12px}.vegetables-card-title{font-size:10px}.vegetables-modal{width:98%;height:90vh;border-radius:14px}.veg-modal-hero-img{object-fit:cover}.veg-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.veg-modal-hero-left{flex:0 0 52%;padding:12px 18px}.veg-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.veg-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.veg-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.veg-modal-hero-left:after{right:-35px;width:40px}.vegetables-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.veg-modal-body{gap:8px;padding:10px 10px 8px}.veg-modal-col-header{padding:8px 10px 6px;gap:6px}.veg-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.veg-modal-col-header i{font-size:11px}.veg-modal-scroll{padding:8px 10px 10px;gap:6px}.veg-ingredient-text,.veg-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.veg-ingredient-dot{width:5px;height:5px;margin-top:4px}.veg-step-num{width:20px;height:20px;font-size:9px}.veg-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.veg-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.veg-voice-left{display:flex;gap:5px}.veg-voice-icon{font-size:13px}.veg-voice-progress{order:initial;width:auto;flex:1}.veg-progress-info{font-size:9.6px}.veg-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.veg-step-btn{padding:5px 10px;font-size:10px;gap:4px}}.pure-mutton-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.pure-mutton-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.pure-mutton-header-content{max-width:800px;margin:0 auto}.pure-mutton-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.pure-mutton-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.pure-mutton-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.pure-mutton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.pure-mutton-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.pure-mutton-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.pure-mutton-card-image{width:70px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.pure-mutton-card-content{padding:8px 14px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.pure-mutton-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.pure-mutton-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pure-mutton-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.pure-mutton-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.pure-mutton-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.pure-mutton-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.pure-mutton-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.pure-mutton-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.pure-mutton-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.pure-mutton-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pure-mutton-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pure-mutton-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.pure-mutton-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.pure-mutton-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.pure-mutton-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.pure-mutton-modal-col--steps{flex:1.3}.pure-mutton-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.pure-mutton-modal-col-header i{color:#fff;font-size:13px}.pure-mutton-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.pure-mutton-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.pure-mutton-modal-scroll::-webkit-scrollbar{width:4px}.pure-mutton-modal-scroll::-webkit-scrollbar-track{background:transparent}.pure-mutton-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.pure-mutton-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.pure-mutton-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.pure-mutton-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.pure-mutton-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.pure-mutton-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.pure-mutton-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.pure-mutton-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.pure-mutton-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.pure-mutton-voice-icon{color:#284a4b;font-size:15px}.pure-mutton-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.pure-mutton-voice-progress{flex:1;min-width:60px}.pure-mutton-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.pure-mutton-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.pure-mutton-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.pure-mutton-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.pure-mutton-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.pure-mutton-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.pure-mutton-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.pure-mutton-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.pure-mutton-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.pure-mutton-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.pure-mutton-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.pure-mutton-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.pure-mutton-header{margin-top:100px;padding:25px 16px}.pure-mutton-page-title{font-size:32px}.pure-mutton-page-description{font-size:14.4px}.pure-mutton-grid{grid-template-columns:repeat(3,1fr);gap:16px}.pure-mutton-card{height:85px}.pure-mutton-card-image{width:60px;background-size:cover}.pure-mutton-card-content{padding:6px 12px}.pure-mutton-card-title{font-size:12px}.pure-mutton-modal{width:96%;height:88vh;border-radius:18px}.pure-mutton-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.pure-mutton-modal-hero-left{flex:0 0 52%;padding:20px 28px}.pure-mutton-modal-hero-title{font-size:22.4px}.pure-mutton-modal-hero-tagline{font-size:12px}.pure-mutton-modal-tag{font-size:9px;padding:3px 10px}.pure-mutton-modal-body{gap:10px;padding:12px 14px 8px}.pure-mutton-ingredient-text,.pure-mutton-step-text{font-size:12px}.pure-mutton-modal-col-header h3{font-size:11.2px}.pure-mutton-modal-col-header{padding:10px 14px 8px}.pure-mutton-modal-scroll{padding:10px 12px 12px;gap:7px}.pure-mutton-voice-bar{padding:9px 14px 11px;gap:12px}.pure-mutton-voice-label{font-size:10.4px}.pure-mutton-voice-main-btn{padding:7px 18px;font-size:12px}.pure-mutton-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.pure-mutton-header{margin-top:80px;padding:20px 16px}.pure-mutton-page-title{font-size:25.6px}.pure-mutton-page-description{font-size:12.8px}.pure-mutton-grid{grid-template-columns:repeat(2,1fr);gap:12px}.pure-mutton-card{height:75px}.pure-mutton-card-image{width:50px;background-size:cover}.pure-mutton-card-content{padding:5px 10px}.pure-mutton-card-title{font-size:10px}.pure-mutton-modal{width:98%;height:90vh;border-radius:14px}.pure-mutton-modal-hero-img{object-fit:cover}.pure-mutton-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.pure-mutton-modal-hero-left{flex:0 0 52%;padding:12px 18px}.pure-mutton-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.pure-mutton-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.pure-mutton-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.pure-mutton-modal-hero-left:after{right:-35px;width:40px}.pure-mutton-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.pure-mutton-modal-body{gap:8px;padding:10px 10px 8px}.pure-mutton-modal-col-header{padding:8px 10px 6px;gap:6px}.pure-mutton-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.pure-mutton-modal-col-header i{font-size:11px}.pure-mutton-modal-scroll{padding:8px 10px 10px;gap:6px}.pure-mutton-ingredient-text,.pure-mutton-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.pure-mutton-ingredient-dot{width:5px;height:5px;margin-top:4px}.pure-mutton-step-num{width:20px;height:20px;font-size:9px}.pure-mutton-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.pure-mutton-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.pure-mutton-voice-left{display:flex;gap:5px}.pure-mutton-voice-icon{font-size:13px}.pure-mutton-voice-progress{order:initial;width:auto;flex:1}.pure-mutton-progress-info{font-size:9.6px}.pure-mutton-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.pure-mutton-step-btn{padding:5px 10px;font-size:10px;gap:4px}}.qeema-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.qeema-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.qeema-header-content{max-width:800px;margin:0 auto}.qeema-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.qeema-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.qeema-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.qeema-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.qeema-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.qeema-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.qeema-card-image{width:70px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.qeema-card-content{padding:8px 14px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.qeema-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.qeema-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.qeema-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.qeema-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.qeema-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.qeema-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.qeema-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.qeema-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.qeema-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.qeema-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.qeema-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.qeema-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.qeema-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.qeema-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.qeema-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.qeema-modal-col--steps{flex:1.3}.qeema-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.qeema-modal-col-header i{color:#fff;font-size:13px}.qeema-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.qeema-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.qeema-modal-scroll::-webkit-scrollbar{width:4px}.qeema-modal-scroll::-webkit-scrollbar-track{background:transparent}.qeema-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.qeema-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.qeema-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.qeema-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.qeema-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.qeema-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.qeema-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.qeema-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.qeema-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.qeema-voice-icon{color:#284a4b;font-size:15px}.qeema-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.qeema-voice-progress{flex:1;min-width:60px}.qeema-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.qeema-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.qeema-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.qeema-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.qeema-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.qeema-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.qeema-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.qeema-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.qeema-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.qeema-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.qeema-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.qeema-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.qeema-header{margin-top:100px;padding:25px 16px}.qeema-page-title{font-size:32px}.qeema-page-description{font-size:14.4px}.qeema-grid{grid-template-columns:repeat(3,1fr);gap:16px}.qeema-card{height:85px}.qeema-card-image{width:60px;background-size:cover}.qeema-card-content{padding:6px 12px}.qeema-card-title{font-size:12px}.qeema-modal{width:96%;height:88vh;border-radius:18px}.qeema-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.qeema-modal-hero-left{flex:0 0 52%;padding:20px 28px}.qeema-modal-hero-title{font-size:22.4px}.qeema-modal-hero-tagline{font-size:12px}.qeema-modal-tag{font-size:9px;padding:3px 10px}.qeema-modal-body{gap:10px;padding:12px 14px 8px}.qeema-ingredient-text,.qeema-step-text{font-size:12px}.qeema-modal-col-header h3{font-size:11.2px}.qeema-modal-col-header{padding:10px 14px 8px}.qeema-modal-scroll{padding:10px 12px 12px;gap:7px}.qeema-voice-bar{padding:9px 14px 11px;gap:12px}.qeema-voice-label{font-size:10.4px}.qeema-voice-main-btn{padding:7px 18px;font-size:12px}.qeema-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.qeema-header{margin-top:80px;padding:20px 16px}.qeema-page-title{font-size:25.6px}.qeema-page-description{font-size:12.8px}.qeema-grid{grid-template-columns:repeat(2,1fr);gap:12px}.qeema-card{height:75px}.qeema-card-image{width:50px;background-size:cover}.qeema-card-content{padding:5px 10px}.qeema-card-title{font-size:10px}.qeema-modal{width:98%;height:90vh;border-radius:14px}.qeema-modal-hero-img{object-fit:cover}.qeema-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.qeema-modal-hero-left{flex:0 0 52%;padding:12px 18px}.qeema-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.qeema-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.qeema-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.qeema-modal-hero-left:after{right:-35px;width:40px}.qeema-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.qeema-modal-body{gap:8px;padding:10px 10px 8px}.qeema-modal-col-header{padding:8px 10px 6px;gap:6px}.qeema-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.qeema-modal-col-header i{font-size:11px}.qeema-modal-scroll{padding:8px 10px 10px;gap:6px}.qeema-ingredient-text,.qeema-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.qeema-ingredient-dot{width:5px;height:5px;margin-top:4px}.qeema-step-num{width:20px;height:20px;font-size:9px}.qeema-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.qeema-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.qeema-voice-left{display:flex;gap:5px}.qeema-voice-icon{font-size:13px}.qeema-voice-progress{order:initial;width:auto;flex:1}.qeema-progress-info{font-size:9.6px}.qeema-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.qeema-step-btn{padding:5px 10px;font-size:10px;gap:4px}}.veg-chicken-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.veg-chicken-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.veg-chicken-header-content{max-width:800px;margin:0 auto}.veg-chicken-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.veg-chicken-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.veg-chicken-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.veg-chicken-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.veg-chicken-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.veg-chicken-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.veg-chicken-card-image{width:80px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.veg-chicken-card-content{padding:8px 16px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.veg-chicken-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.veg-chicken-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.veg-chicken-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.veg-chicken-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.veg-chicken-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.veg-chicken-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.veg-chicken-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.veg-chicken-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.veg-chicken-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.veg-chicken-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.veg-chicken-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.veg-chicken-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.veg-chicken-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.veg-chicken-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.veg-chicken-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.veg-chicken-modal-col--steps{flex:1.3}.veg-chicken-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.veg-chicken-modal-col-header i{color:#fff;font-size:13px}.veg-chicken-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.veg-chicken-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.veg-chicken-modal-scroll::-webkit-scrollbar{width:4px}.veg-chicken-modal-scroll::-webkit-scrollbar-track{background:transparent}.veg-chicken-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.veg-chicken-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.veg-chicken-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.veg-chicken-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.veg-chicken-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.veg-chicken-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.veg-chicken-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.veg-chicken-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.veg-chicken-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.veg-chicken-voice-icon{color:#284a4b;font-size:15px}.veg-chicken-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.veg-chicken-voice-progress{flex:1;min-width:60px}.veg-chicken-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.veg-chicken-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.veg-chicken-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.veg-chicken-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.veg-chicken-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.veg-chicken-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.veg-chicken-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.veg-chicken-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.veg-chicken-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.veg-chicken-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.veg-chicken-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.veg-chicken-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.veg-chicken-header{margin-top:100px;padding:25px 16px}.veg-chicken-page-title{font-size:32px}.veg-chicken-page-description{font-size:14.4px}.veg-chicken-grid{grid-template-columns:repeat(3,1fr);gap:16px}.veg-chicken-card{height:85px}.veg-chicken-card-image{width:70px;background-size:cover}.veg-chicken-card-content{padding:6px 14px}.veg-chicken-card-title{font-size:12px}.veg-chicken-modal{width:96%;height:88vh;border-radius:18px}.veg-chicken-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.veg-chicken-modal-hero-left{flex:0 0 52%;padding:20px 28px}.veg-chicken-modal-hero-title{font-size:22.4px}.veg-chicken-modal-hero-tagline{font-size:12px}.veg-chicken-modal-tag{font-size:9px;padding:3px 10px}.veg-chicken-modal-body{gap:10px;padding:12px 14px 8px}.veg-chicken-ingredient-text,.veg-chicken-step-text{font-size:12px}.veg-chicken-modal-col-header h3{font-size:11.2px}.veg-chicken-modal-col-header{padding:10px 14px 8px}.veg-chicken-modal-scroll{padding:10px 12px 12px;gap:7px}.veg-chicken-voice-bar{padding:9px 14px 11px;gap:12px}.veg-chicken-voice-label{font-size:10.4px}.veg-chicken-voice-main-btn{padding:7px 18px;font-size:12px}.veg-chicken-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.veg-chicken-header{margin-top:80px;padding:20px 16px}.veg-chicken-page-title{font-size:25.6px}.veg-chicken-page-description{font-size:12.8px}.veg-chicken-grid{grid-template-columns:repeat(2,1fr);gap:12px}.veg-chicken-card{height:75px}.veg-chicken-card-image{width:60px;background-size:cover}.veg-chicken-card-content{padding:5px 12px}.veg-chicken-card-title{font-size:10px}.veg-chicken-modal{width:98%;height:90vh;border-radius:14px}.veg-chicken-modal-hero-img{object-fit:cover}.veg-chicken-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.veg-chicken-modal-hero-left{flex:0 0 52%;padding:12px 18px}.veg-chicken-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.veg-chicken-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.veg-chicken-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.veg-chicken-modal-hero-left:after{right:-35px;width:40px}.veg-chicken-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.veg-chicken-modal-body{gap:8px;padding:10px 10px 8px}.veg-chicken-modal-col-header{padding:8px 10px 6px;gap:6px}.veg-chicken-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.veg-chicken-modal-col-header i{font-size:11px}.veg-chicken-modal-scroll{padding:8px 10px 10px;gap:6px}.veg-chicken-ingredient-text,.veg-chicken-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.veg-chicken-ingredient-dot{width:5px;height:5px;margin-top:4px}.veg-chicken-step-num{width:20px;height:20px;font-size:9px}.veg-chicken-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.veg-chicken-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.veg-chicken-voice-left{display:flex;gap:5px}.veg-chicken-voice-icon{font-size:13px}.veg-chicken-voice-progress{order:initial;width:auto;flex:1}.veg-chicken-progress-info{font-size:9.6px}.veg-chicken-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.veg-chicken-step-btn{padding:5px 10px;font-size:10px;gap:4px}}.veg-mutton-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.veg-mutton-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.veg-mutton-header-content{max-width:800px;margin:0 auto}.veg-mutton-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.veg-mutton-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.veg-mutton-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.veg-mutton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.veg-mutton-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.veg-mutton-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.veg-mutton-card-image{width:80px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.veg-mutton-card-content{padding:8px 16px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.veg-mutton-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.veg-mutton-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.veg-mutton-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.veg-mutton-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.veg-mutton-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.veg-mutton-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.veg-mutton-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.veg-mutton-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.veg-mutton-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.veg-mutton-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.veg-mutton-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.veg-mutton-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.veg-mutton-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.veg-mutton-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.veg-mutton-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.veg-mutton-modal-col--steps{flex:1.3}.veg-mutton-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.veg-mutton-modal-col-header i{color:#fff;font-size:13px}.veg-mutton-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.veg-mutton-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.veg-mutton-modal-scroll::-webkit-scrollbar{width:4px}.veg-mutton-modal-scroll::-webkit-scrollbar-track{background:transparent}.veg-mutton-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.veg-mutton-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.veg-mutton-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.veg-mutton-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.veg-mutton-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.veg-mutton-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.veg-mutton-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.veg-mutton-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.veg-mutton-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.veg-mutton-voice-icon{color:#284a4b;font-size:15px}.veg-mutton-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.veg-mutton-voice-progress{flex:1;min-width:60px}.veg-mutton-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.veg-mutton-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.veg-mutton-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.veg-mutton-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.veg-mutton-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.veg-mutton-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.veg-mutton-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.veg-mutton-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.veg-mutton-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.veg-mutton-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.veg-mutton-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.veg-mutton-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.veg-mutton-header{margin-top:100px;padding:25px 16px}.veg-mutton-page-title{font-size:32px}.veg-mutton-page-description{font-size:14.4px}.veg-mutton-grid{grid-template-columns:repeat(3,1fr);gap:16px}.veg-mutton-card{height:85px}.veg-mutton-card-image{width:70px;background-size:cover}.veg-mutton-card-content{padding:6px 14px}.veg-mutton-card-title{font-size:12px}.veg-mutton-modal{width:96%;height:88vh;border-radius:18px}.veg-mutton-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.veg-mutton-modal-hero-left{flex:0 0 52%;padding:20px 28px}.veg-mutton-modal-hero-title{font-size:22.4px}.veg-mutton-modal-hero-tagline{font-size:12px}.veg-mutton-modal-tag{font-size:9px;padding:3px 10px}.veg-mutton-modal-body{gap:10px;padding:12px 14px 8px}.veg-mutton-ingredient-text,.veg-mutton-step-text{font-size:12px}.veg-mutton-modal-col-header h3{font-size:11.2px}.veg-mutton-modal-col-header{padding:10px 14px 8px}.veg-mutton-modal-scroll{padding:10px 12px 12px;gap:7px}.veg-mutton-voice-bar{padding:9px 14px 11px;gap:12px}.veg-mutton-voice-label{font-size:10.4px}.veg-mutton-voice-main-btn{padding:7px 18px;font-size:12px}.veg-mutton-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.veg-mutton-header{margin-top:80px;padding:20px 16px}.veg-mutton-page-title{font-size:25.6px}.veg-mutton-page-description{font-size:12.8px}.veg-mutton-grid{grid-template-columns:repeat(2,1fr);gap:12px}.veg-mutton-card{height:75px}.veg-mutton-card-image{width:60px;background-size:cover}.veg-mutton-card-content{padding:5px 12px}.veg-mutton-card-title{font-size:10px}.veg-mutton-modal{width:98%;height:90vh;border-radius:14px}.veg-mutton-modal-hero-img{object-fit:cover}.veg-mutton-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.veg-mutton-modal-hero-left{flex:0 0 52%;padding:12px 18px}.veg-mutton-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.veg-mutton-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.veg-mutton-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.veg-mutton-modal-hero-left:after{right:-35px;width:40px}.veg-mutton-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.veg-mutton-modal-body{gap:8px;padding:10px 10px 8px}.veg-mutton-modal-col-header{padding:8px 10px 6px;gap:6px}.veg-mutton-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.veg-mutton-modal-col-header i{font-size:11px}.veg-mutton-modal-scroll{padding:8px 10px 10px;gap:6px}.veg-mutton-ingredient-text,.veg-mutton-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.veg-mutton-ingredient-dot{width:5px;height:5px;margin-top:4px}.veg-mutton-step-num{width:20px;height:20px;font-size:9px}.veg-mutton-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.veg-mutton-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.veg-mutton-voice-left{display:flex;gap:5px}.veg-mutton-voice-icon{font-size:13px}.veg-mutton-voice-progress{order:initial;width:auto;flex:1}.veg-mutton-progress-info{font-size:9.6px}.veg-mutton-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.veg-mutton-step-btn{padding:5px 10px;font-size:10px;gap:4px}}.rice-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.rice-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.rice-header-content{max-width:800px;margin:0 auto}.rice-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.rice-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.rice-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.rice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.rice-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.rice-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.rice-card-image{width:70px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.rice-card-content{padding:8px 14px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.rice-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.rice-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rice-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.rice-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.rice-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.rice-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.rice-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.rice-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.rice-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.rice-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rice-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rice-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.rice-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.rice-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.rice-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.rice-modal-col--steps{flex:1.3}.rice-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.rice-modal-col-header i{color:#fff;font-size:13px}.rice-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.rice-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.rice-modal-scroll::-webkit-scrollbar{width:4px}.rice-modal-scroll::-webkit-scrollbar-track{background:transparent}.rice-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.rice-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.rice-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.rice-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.rice-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.rice-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.rice-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.rice-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.rice-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.rice-voice-icon{color:#284a4b;font-size:15px}.rice-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.rice-voice-progress{flex:1;min-width:60px}.rice-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.rice-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.rice-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.rice-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.rice-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.rice-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.rice-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.rice-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.rice-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.rice-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.rice-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.rice-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}@media(max-width:780px){.rice-header{margin-top:100px;padding:25px 16px}.rice-page-title{font-size:32px}.rice-page-description{font-size:14.4px}.rice-grid{grid-template-columns:repeat(3,1fr);gap:16px}.rice-card{height:85px}.rice-card-image{width:60px;background-size:cover}.rice-card-content{padding:6px 12px}.rice-card-title{font-size:12px}.rice-modal{width:96%;height:88vh;border-radius:18px}.rice-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.rice-modal-hero-left{flex:0 0 52%;padding:20px 28px}.rice-modal-hero-title{font-size:22.4px}.rice-modal-hero-tagline{font-size:12px}.rice-modal-tag{font-size:9px;padding:3px 10px}.rice-modal-body{gap:10px;padding:12px 14px 8px}.rice-ingredient-text,.rice-step-text{font-size:12px}.rice-modal-col-header h3{font-size:11.2px}.rice-modal-col-header{padding:10px 14px 8px}.rice-modal-scroll{padding:10px 12px 12px;gap:7px}.rice-voice-bar{padding:9px 14px 11px;gap:12px}.rice-voice-label{font-size:10.4px}.rice-voice-main-btn{padding:7px 18px;font-size:12px}.rice-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.rice-header{margin-top:80px;padding:20px 16px}.rice-page-title{font-size:25.6px}.rice-page-description{font-size:12.8px}.rice-grid{grid-template-columns:repeat(2,1fr);gap:12px}.rice-card{height:75px}.rice-card-image{width:50px;background-size:cover}.rice-card-content{padding:5px 10px}.rice-card-title{font-size:10px}.rice-modal{width:98%;height:90vh;border-radius:14px}.rice-modal-hero-img{object-fit:cover}.rice-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.rice-modal-hero-left{flex:0 0 52%;padding:12px 18px}.rice-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.rice-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.rice-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.rice-modal-hero-left:after{right:-35px;width:40px}.rice-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.rice-modal-body{gap:8px;padding:10px 10px 8px}.rice-modal-col-header{padding:8px 10px 6px;gap:6px}.rice-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.rice-modal-col-header i{font-size:11px}.rice-modal-scroll{padding:8px 10px 10px;gap:6px}.rice-ingredient-text,.rice-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.rice-ingredient-dot{width:5px;height:5px;margin-top:4px}.rice-step-num{width:20px;height:20px;font-size:9px}.rice-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.rice-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.rice-voice-left{display:flex;gap:5px}.rice-voice-icon{font-size:13px}.rice-voice-progress{order:initial;width:auto;flex:1}.rice-progress-info{font-size:9.6px}.rice-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.rice-step-btn{padding:5px 10px;font-size:10px;gap:4px}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body{width:100%;overflow-x:hidden;min-height:100vh}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;max-width:100%;margin:0;padding:0;text-align:inherit}.english-mode,[dir=ltr]{direction:ltr;text-align:left}.english-mode body,.english-mode .app-wrapper,.english-mode [dir=ltr]{font-family:Segoe UI,Roboto,Arial,sans-serif}.urdu-mode,[dir=rtl]{direction:rtl;text-align:right}html[dir=rtl] .arrow,html[dir=rtl] .chevron,html[dir=rtl] .back-arrow,html[dir=rtl] .forward-arrow{transform:scaleX(-1)}.urdu-mode body,.urdu-mode .app-wrapper,.urdu-mode [dir=rtl]{font-family:Jameel Noori Nastaleeq,AlQalam Taj Nastaleeq,Noto Nastaliq Urdu,Urdu Typesetting,Times New Roman,serif;line-height:1.8;font-size:1.1rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.english-mode .container{text-align:left}.urdu-mode .container{text-align:right}.flex-row{display:flex;flex-direction:row}.english-mode .flex-row{flex-direction:row}.urdu-mode .flex-row{flex-direction:row-reverse}.flex-column{display:flex;flex-direction:column}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.english-mode .ml-0{margin-left:0}.english-mode .ml-1{margin-left:.25rem}.english-mode .ml-2{margin-left:.5rem}.english-mode .ml-3{margin-left:.75rem}.english-mode .ml-4{margin-left:1rem}.english-mode .ml-5{margin-left:1.25rem}.english-mode .ml-auto{margin-left:auto}.english-mode .mr-0{margin-right:0}.english-mode .mr-1{margin-right:.25rem}.english-mode .mr-2{margin-right:.5rem}.english-mode .mr-3{margin-right:.75rem}.english-mode .mr-4{margin-right:1rem}.english-mode .mr-5{margin-right:1.25rem}.english-mode .mr-auto{margin-right:auto}.urdu-mode .ml-0{margin-right:0}.urdu-mode .ml-1{margin-right:.25rem}.urdu-mode .ml-2{margin-right:.5rem}.urdu-mode .ml-3{margin-right:.75rem}.urdu-mode .ml-4{margin-right:1rem}.urdu-mode .ml-5{margin-right:1.25rem}.urdu-mode .ml-auto{margin-right:auto}.urdu-mode .mr-0{margin-left:0}.urdu-mode .mr-1{margin-left:.25rem}.urdu-mode .mr-2{margin-left:.5rem}.urdu-mode .mr-3{margin-left:.75rem}.urdu-mode .mr-4{margin-left:1rem}.urdu-mode .mr-5{margin-left:1.25rem}.urdu-mode .mr-auto{margin-left:auto}.english-mode .pl-0{padding-left:0}.english-mode .pl-1{padding-left:.25rem}.english-mode .pl-2{padding-left:.5rem}.english-mode .pl-3{padding-left:.75rem}.english-mode .pl-4{padding-left:1rem}.english-mode .pl-5{padding-left:1.25rem}.english-mode .pr-0{padding-right:0}.english-mode .pr-1{padding-right:.25rem}.english-mode .pr-2{padding-right:.5rem}.english-mode .pr-3{padding-right:.75rem}.english-mode .pr-4{padding-right:1rem}.english-mode .pr-5{padding-right:1.25rem}.urdu-mode .pl-0{padding-right:0}.urdu-mode .pl-1{padding-right:.25rem}.urdu-mode .pl-2{padding-right:.5rem}.urdu-mode .pl-3{padding-right:.75rem}.urdu-mode .pl-4{padding-right:1rem}.urdu-mode .pl-5{padding-right:1.25rem}.urdu-mode .pr-0{padding-left:0}.urdu-mode .pr-1{padding-left:.25rem}.urdu-mode .pr-2{padding-left:.5rem}.urdu-mode .pr-3{padding-left:.75rem}.urdu-mode .pr-4{padding-left:1rem}.urdu-mode .pr-5{padding-left:1.25rem}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.english-mode .text-left{text-align:left}.english-mode .text-right,.urdu-mode .text-left{text-align:right}.urdu-mode .text-right{text-align:left}.border{border:1px solid #ddd}.border-0{border:0}.english-mode .border-left{border-left:1px solid #ddd}.english-mode .border-right{border-right:1px solid #ddd}.urdu-mode .border-left{border-right:1px solid #ddd;border-left:0}.urdu-mode .border-right{border-left:1px solid #ddd;border-right:0}.float-left{float:left}.float-right{float:right}.clearfix:after{content:"";clear:both;display:table}.english-mode .float-left{float:left}.english-mode .float-right,.urdu-mode .float-left{float:right}.urdu-mode .float-right{float:left}ul,ol{padding-left:1.5rem}.english-mode ul,.english-mode ol{padding-left:1.5rem;padding-right:0}.urdu-mode ul,.urdu-mode ol{padding-right:1.5rem;padding-left:0}.icon-left{margin-right:.5rem}.icon-right{margin-left:.5rem}.english-mode .icon-left{margin-right:.5rem;margin-left:0}.english-mode .icon-right,.urdu-mode .icon-left{margin-left:.5rem;margin-right:0}.urdu-mode .icon-right{margin-right:.5rem;margin-left:0}.row{display:flex;flex-wrap:wrap;margin:0 -.5rem}.english-mode .row{flex-direction:row}.urdu-mode .row{flex-direction:row-reverse}.col{flex:1;padding:0 .5rem}@media(max-width:768px){.container{padding:0 .5rem}.row,.english-mode .row,.urdu-mode .row{flex-direction:column!important}}@media print{.no-print{display:none!important}body{font-size:12pt}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.urdu-mode ::-webkit-scrollbar{width:10px}.reset-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(160deg,#284a4b99,#397d7c80);font-family:Segoe UI,Arial,sans-serif;z-index:1000}.reset-container{display:flex;width:100%;max-width:900px;height:min(88vh,680px);border-radius:22px;overflow:hidden;box-shadow:0 20px 50px #0006;background:#fff}.reset-left{flex:1.1;background:linear-gradient(150deg,#284a4b,#1a3334);padding:44px 36px;display:flex;flex-direction:column;justify-content:center;color:#fff;text-align:center}.reset-logo{margin-bottom:40px}.reset-logo-circle{width:84px;height:84px;margin:0 auto 16px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 28px #0006;overflow:hidden;border:3px solid rgba(57,125,124,.4)}.reset-logo-circle img{width:60%;height:60%;object-fit:contain}.reset-logo h1{font-size:1.8rem;margin-bottom:5px;font-weight:700;letter-spacing:-.5px}.reset-logo p{color:#f5f5f5;font-size:.85rem}.reset-info{text-align:center;margin-bottom:28px}.reset-info h2{font-size:1.4rem;margin-bottom:8px;font-weight:600}.reset-info p{color:#f5f5f5;font-size:.85rem;line-height:1.6}.reset-email-box{background:#397d7c66;padding:10px 15px;border-radius:8px;margin-top:15px;display:flex;align-items:center;justify-content:center;gap:10px}.reset-email-box i{color:#fff}.reset-right{flex:1;padding:40px 36px;display:flex;flex-direction:column;justify-content:center;background:#fff;overflow-y:auto}.reset-right h2{font-size:1.6rem;color:#284a4b;margin-bottom:24px;text-align:center;font-weight:700}.form-group{margin-bottom:14px}.form-group label{display:block;margin-bottom:6px;color:#284a4b;font-weight:600;font-size:.8rem}.form-group input{width:100%;padding:12px 15px;border:2px solid #e0eeee;border-radius:8px;font-size:.95rem;background:#f5fafa;color:#000;font-family:inherit;box-sizing:border-box}.form-group input::placeholder{color:#666}.form-group input:focus{outline:none;border-color:#397d7c;background:#fff;box-shadow:0 0 0 3px #397d7c66}.password-wrapper{position:relative}.password-wrapper input{padding-right:45px}.toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#666;font-size:18px;padding:5px}.toggle-btn:hover{color:#397d7c}.submit-btn{width:100%;padding:13px 24px;background:linear-gradient(135deg,#284a4b,#397d7c);color:#fff;border:none;border-radius:8px;font-size:.975rem;font-weight:700;cursor:pointer;margin-bottom:16px;box-shadow:0 6px 20px #397d7c80;min-height:48px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #397d7c66}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.back-link{text-align:center}.back-link a{color:#284a4b;text-decoration:none;font-size:14px;font-weight:600}.back-link a:hover{color:#397d7c;text-decoration:underline}@media(max-width:780px){.reset-wrapper{padding:12px}.reset-container{max-width:700px;height:min(90vh,620px)}.reset-left{flex:1;padding:28px 22px}.reset-logo{margin-bottom:24px}.reset-logo-circle{width:64px;height:64px;margin-bottom:12px}.reset-logo h1{font-size:1.4rem}.reset-logo p{font-size:.75rem}.reset-info{margin-bottom:18px}.reset-info h2{font-size:1.1rem}.reset-info p{font-size:.78rem;line-height:1.5}.reset-email-box{font-size:.78rem;margin-top:10px}.reset-right{flex:1;padding:28px 22px}.reset-right h2{font-size:1.3rem}.form-group input{padding:10px 40px 10px 12px;font-size:.88rem}.submit-btn{padding:11px 20px;font-size:.9rem;min-height:44px}}@media(max-width:380px){.reset-wrapper{align-items:flex-start;padding:0;overflow-y:auto}.reset-container{flex-direction:column;width:100%;max-width:100%;height:93vh;border-radius:0;box-shadow:none}.reset-left{flex:none;padding:10px 12px;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:140px}.reset-logo{margin-bottom:0}.reset-logo-circle{width:45px;height:45px}.reset-logo h1{font-size:16px}.reset-info{margin-bottom:0;flex:1;text-align:right}.reset-info h2{font-size:1rem}.reset-info p,.reset-email-box{display:none}.reset-right{flex:1;padding:5px 12px 28px}.reset-right h2{margin-top:-50px;font-size:1.2rem}.form-group input{padding:10px 70px 10px 30px;font-size:.85rem}}html,body,#root{width:100%;min-height:100vh;font-family:DM Sans,Segoe UI,sans-serif;overflow-x:hidden;overflow-y:auto}.breakfast-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff}.breakfast-header{background:#284a4b;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:100px}.breakfast-header-content{max-width:800px;margin:0 auto}.breakfast-page-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,serif}.breakfast-page-description{font-size:16px;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#f5fafa}.pantry-suggestions{max-width:1400px;margin:20px auto 0;padding:20px;background:#fff;border-radius:16px;box-shadow:0 6px 20px #0000000d;border:1px solid #e0eeee}.suggestions-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;color:#284a4b}.suggestions-header h3{font-size:19.2px;font-weight:600}.suggestions-grid{display:grid;gap:20px}.suggestions-grid.two-suggestions{grid-template-columns:repeat(2,1fr)}.suggestion-card{display:flex;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e0eeee;cursor:pointer;transition:all .3s ease}.suggestion-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #284a4b26;border-color:#284a4b}.suggestion-image{width:100px;height:100px;background-size:cover;background-position:center;flex-shrink:0}.suggestion-content{padding:12px;flex:1}.suggestion-content h4{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:4px}.suggestion-content p{font-size:12px;color:#666;margin-bottom:4px}.match-info{font-size:11px;color:#284a4b;font-weight:600;margin-bottom:8px}.suggestion-btn{background:#284a4b;color:#fff;border:none;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease}.suggestion-btn:hover{background:#1a3334;transform:translateY(-1px)}.breakfast-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.breakfast-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.breakfast-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;cursor:pointer;transition:all .3s ease;border:1px solid #e0eeee;display:flex;height:100px}.breakfast-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.breakfast-card-image{width:80px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f5fafa;flex-shrink:0;border-right:1px solid #e0eeee}.breakfast-card-content{padding:8px 16px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible;min-width:0}.breakfast-card-title{font-size:16px;font-weight:700;color:#1a3334;margin-bottom:0;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.back-home-btn{background:#284a4b;color:#fff;border:none;padding:12px 30px;border-radius:30px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px #284a4b33;font-family:DM Sans,Segoe UI,sans-serif}.back-home-btn:hover{background:#1a3334;transform:translateY(-2px);box-shadow:0 6px 18px #284a4b4d}.breakfast-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.breakfast-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}.breakfast-modal-hero{flex:0 0 168px;height:168px;max-height:168px;min-height:168px;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.breakfast-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.breakfast-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.breakfast-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:#284a4b;position:relative;z-index:2}.breakfast-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.breakfast-modal-tag{display:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.breakfast-modal-hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.breakfast-modal-hero-tagline{font-size:13.6px;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.breakfast-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#1a3334;display:flex;align-items:center;justify-content:center}.breakfast-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.breakfast-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.breakfast-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e0eeee;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.breakfast-modal-col--steps{flex:1.3}.breakfast-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid #284a4b;flex-shrink:0;background:#284a4b}.breakfast-modal-col-header i{color:#fff;font-size:13px}.breakfast-modal-col-header h3{font-size:12.48px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.breakfast-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.breakfast-modal-scroll::-webkit-scrollbar{width:4px}.breakfast-modal-scroll::-webkit-scrollbar-track{background:transparent}.breakfast-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.breakfast-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.breakfast-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.breakfast-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.breakfast-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.breakfast-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.breakfast-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.breakfast-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e0eeee;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.breakfast-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.breakfast-voice-icon{color:#284a4b;font-size:15px}.breakfast-voice-label{font-size:11.52px;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.breakfast-voice-progress{flex:1;min-width:60px}.breakfast-progress-track{height:5px;background:#e0eeee;border-radius:3px;overflow:hidden;margin-bottom:4px}.breakfast-progress-fill{height:100%;background:#284a4b;border-radius:3px;transition:width .35s ease}.breakfast-progress-info{display:flex;justify-content:space-between;font-size:11.2px;color:#284a4b;font-weight:600}.breakfast-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.breakfast-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.breakfast-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.breakfast-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.breakfast-voice-main-btn.stop{background:#c0392b;color:#fff;box-shadow:0 3px 10px #c0392b47}.breakfast-voice-main-btn.stop:hover{background:#c0392b;transform:translateY(-1px)}.breakfast-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid #284a4b;background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:DM Sans,Segoe UI,sans-serif;white-space:nowrap}.breakfast-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.breakfast-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#666;color:#666}.loading-spinner{width:42px;height:42px;border:3px solid #e0eeee;border-top-color:#284a4b;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:780px){.breakfast-header{margin-top:100px;padding:25px 16px}.breakfast-page-title{font-size:32px}.breakfast-page-description{font-size:14.4px}.breakfast-grid{grid-template-columns:repeat(3,1fr);gap:16px}.breakfast-card{height:85px}.breakfast-card-image{width:70px;background-size:cover}.breakfast-card-content{padding:6px 14px}.breakfast-card-title{font-size:12px}.breakfast-modal{width:96%;height:88vh;border-radius:18px}.breakfast-modal-hero{flex:0 0 150px;max-height:150px;min-height:150px}.breakfast-modal-hero-left{flex:0 0 52%;padding:20px 28px}.breakfast-modal-hero-title{font-size:22.4px}.breakfast-modal-hero-tagline{font-size:12px}.breakfast-modal-tag{font-size:9px;padding:3px 10px}.breakfast-modal-body{gap:10px;padding:12px 14px 8px}.breakfast-ingredient-text,.breakfast-step-text{font-size:12px}.breakfast-modal-col-header h3{font-size:11.2px}.breakfast-modal-col-header{padding:10px 14px 8px}.breakfast-modal-scroll{padding:10px 12px 12px;gap:7px}.breakfast-voice-bar{padding:9px 14px 11px;gap:12px}.breakfast-voice-label{font-size:10.4px}.breakfast-voice-main-btn{padding:7px 18px;font-size:12px}.breakfast-step-btn{padding:6px 14px;font-size:11.5px}}@media(max-width:380px){.breakfast-header{margin-top:80px;padding:20px 16px}.breakfast-page-title{font-size:25.6px}.breakfast-page-description{font-size:12.8px}.breakfast-grid{grid-template-columns:repeat(2,1fr);gap:12px}.breakfast-card{height:75px}.breakfast-card-image{width:60px;background-size:cover}.breakfast-card-content{padding:5px 12px}.breakfast-card-title{font-size:10px}.breakfast-modal{width:98%;height:90vh;border-radius:14px}.breakfast-modal-hero-img{object-fit:cover}.breakfast-modal-hero{flex:0 0 145px;max-height:145px;min-height:145px}.breakfast-modal-hero-left{flex:0 0 52%;padding:12px 18px}.breakfast-modal-hero-title{font-size:17.6px;-webkit-line-clamp:2}.breakfast-modal-hero-tagline{font-size:10.4px;display:-webkit-box}.breakfast-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.breakfast-modal-hero-left:after{right:-35px;width:40px}.breakfast-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.breakfast-modal-body{gap:8px;padding:10px 10px 8px}.breakfast-modal-col-header{padding:8px 10px 6px;gap:6px}.breakfast-modal-col-header h3{font-size:9.6px;letter-spacing:1px}.breakfast-modal-col-header i{font-size:11px}.breakfast-modal-scroll{padding:8px 10px 10px;gap:6px}.breakfast-ingredient-text,.breakfast-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.breakfast-ingredient-dot{width:5px;height:5px;margin-top:4px}.breakfast-step-num{width:20px;height:20px;font-size:9px}.breakfast-voice-bar{padding:7px 10px 9px;gap:1px;flex-wrap:nowrap}.breakfast-voice-label{display:inline-block;font-size:6px;letter-spacing:1px}.breakfast-voice-left{display:flex;gap:5px}.breakfast-voice-icon{font-size:13px}.breakfast-voice-progress{order:initial;width:auto;flex:1}.breakfast-progress-info{font-size:9.6px}.breakfast-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.breakfast-step-btn{padding:5px 10px;font-size:10px;gap:4px}}html,body,#root{width:100%;min-height:100vh;font-family:Segoe UI,Inter,system-ui,sans-serif;overflow-x:hidden;overflow-y:auto}.recipe-detail-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#f8fafc}.recipe-detail-header{background:#284a4b!important;background-image:none!important;color:#fff;padding:30px 20px;text-align:center;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);margin-top:120px}.recipe-detail-header-content{max-width:800px;margin:0 auto}.recipe-detail-title{font-size:2.5rem;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:Playfair Display,Georgia,serif}.recipe-detail-description{font-size:1rem;opacity:.9;font-weight:300;letter-spacing:.3px;max-width:600px;margin:0 auto;color:#ddd}.recipe-detail-main{flex:1;padding:30px 20px;width:100%;max-width:1400px;margin:0 auto}.recipe-detail-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #00000014;border:1px solid #e2e8f0;display:flex;height:120px;cursor:pointer;transition:all .3s ease}.recipe-detail-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f;border-color:#284a4b}.recipe-detail-card-image{width:120px;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f1f5f4;flex-shrink:0;border-right:1px solid #e2e8f0}.recipe-detail-card-content{padding:15px 20px;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:visible}.recipe-detail-card-title{font-size:17px;font-weight:700;color:#1e293b;margin-bottom:6px;line-height:1.3;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word}.recipe-card-serving{display:inline-flex;align-items:center;width:fit-content;background:#e8f0f0;color:#284a4b;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.back-button-container{max-width:1400px;margin:0 auto 40px;padding:0 20px;text-align:center}.back-home-btn{background:#284a4b;color:#fff;border:none;padding:12px 30px;border-radius:30px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px #284a4b33}.back-home-btn:hover{background:#1c3435;transform:translateY(-2px);box-shadow:0 6px 18px #284a4b4d}.recipe-detail-modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.recipe-detail-modal{width:95%;max-width:1360px;height:90vh;min-height:500px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000073;background:#284a4b;position:relative;animation:modalIn .28s ease-out}@keyframes modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.recipe-detail-modal-hero{flex:0 0 168px!important;height:168px!important;max-height:168px!important;min-height:168px!important;display:flex;flex-direction:row;position:relative;overflow:hidden;flex-shrink:0;background:#284a4b}.recipe-detail-modal-close{position:absolute;top:14px;right:14px;background:#ffffffeb;color:#284a4b;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 10px #00000040}.recipe-detail-modal-close:hover{background:#284a4b;color:#fff;transform:rotate(90deg)}.recipe-detail-modal-hero-left{flex:0 0 52%;display:flex;flex-direction:column;justify-content:center;padding:28px 40px;background:linear-gradient(135deg,#284a4b 0% 100%);position:relative;z-index:2}.recipe-detail-modal-hero-left:after{content:"";position:absolute;top:0;right:-57px;width:60px;height:100%;background:inherit;clip-path:polygon(0 0,0% 100%,100% 100%);z-index:6}.recipe-detail-modal-tag{display:inline-block;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:flex-start}.recipe-detail-modal-hero-title{font-size:1.75rem;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recipe-detail-modal-hero-tagline{font-size:.85rem;color:#fff9;line-height:1.5;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recipe-detail-modal-hero-right{flex:1;position:relative;overflow:hidden;background:#142526;display:flex;align-items:center;justify-content:center}.recipe-detail-modal-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.recipe-detail-serving-info{display:flex;flex-direction:column;gap:5px;margin-top:14px;font-size:13px;position:relative;z-index:20}.recipe-detail-serving-info>span{color:#ffffffa6}.members-selector{position:relative;width:fit-content;z-index:50}.members-selector-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;background:#ffffff24;border:1px solid rgba(255,255,255,.32);color:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;font-family:inherit;transition:all .2s ease}.members-selector-btn:hover{background:#ffffff38}.members-arrow{font-size:9px;opacity:.8}.members-dropdown{position:absolute;top:calc(100% + 7px);left:0;width:170px;padding:6px;background:#fff;border-radius:10px;box-shadow:0 12px 30px #0000004d;border:1px solid #e2e8f0;z-index:100}.members-option{width:100%;border:none;background:transparent;color:#284a4b;padding:9px 10px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;text-align:left}.members-option:hover,.members-option.active{background:#e8f0f0}.members-option small{background:#284a4b;color:#fff;padding:2px 6px;border-radius:10px;font-size:9px}.recipe-scaling-banner{flex-shrink:0;height:38px;display:flex;align-items:center;justify-content:center;gap:8px;background:#e8f0f0;color:#284a4b;border-bottom:1px solid #d6e3e3;font-size:12px;font-weight:600}.recipe-scaling-banner strong{background:#284a4b;color:#fff;padding:3px 8px;border-radius:12px;font-size:10px}.recipe-detail-modal-body{flex:1;min-height:0;display:flex;gap:12px;padding:14px 16px 10px;background:#fff;overflow:hidden}.recipe-detail-modal-col{flex:1;background:#284a4b;border-radius:14px;border:1px solid #e2e9e5;box-shadow:0 2px 10px #284a4b0f;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:#fff}.recipe-detail-modal-col--steps{flex:1.3}.recipe-detail-modal-col-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:2px solid rgb(40,74,75);flex-shrink:0;background:#284a4b}.recipe-detail-modal-col-header i{color:#fff;font-size:13px}.recipe-detail-modal-col-header h3{font-size:.78rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0}.recipe-detail-modal-scroll{flex:1;overflow-y:auto;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(40,74,75,.3) transparent}.recipe-detail-modal-scroll::-webkit-scrollbar{width:4px}.recipe-detail-modal-scroll::-webkit-scrollbar-track{background:transparent}.recipe-detail-modal-scroll::-webkit-scrollbar-thumb{background:#284a4b4d;border-radius:4px}.recipe-detail-ingredient-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.recipe-detail-ingredient-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;margin-top:5px}.recipe-detail-ingredient-text{font-size:13px;color:#fff;font-weight:500;line-height:1.45;flex:1}.recipe-detail-step-item{display:flex;align-items:flex-start;gap:10px;line-height:1.45;padding:0;border-radius:8px;transition:background .25s ease}.recipe-detail-step-item.active{background:#ffffff21}.recipe-detail-step-num{flex-shrink:0;width:24px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.recipe-detail-step-item.active .recipe-detail-step-num{background:#fff;color:#284a4b}.recipe-detail-step-text{font-size:13px;color:#fff;font-weight:500;line-height:1.5;flex:1}.recipe-detail-voice-bar{flex-shrink:0;background:#fff;border-top:1px solid #e2e9e5;padding:11px 18px 13px;display:flex;align-items:center;gap:16px;box-shadow:0 -4px 16px #284a4b12}.recipe-detail-voice-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.recipe-detail-voice-icon{color:#284a4b;font-size:15px}.recipe-detail-voice-label{font-size:.72rem;font-weight:700;color:#284a4b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.recipe-detail-voice-progress{flex:1;min-width:60px}.recipe-detail-progress-track{height:5px;background:#e2ebeb;border-radius:3px;overflow:hidden;margin-bottom:4px}.recipe-detail-progress-fill{height:100%;background:linear-gradient(90deg,#284a4b,#284a4b);border-radius:3px;transition:width .35s ease}.recipe-detail-progress-info{display:flex;justify-content:space-between;font-size:.7rem;color:#284a4b;font-weight:600}.recipe-detail-voice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.recipe-detail-voice-main-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;font-family:inherit;white-space:nowrap}.recipe-detail-voice-main-btn.play{background:#284a4b;color:#fff;box-shadow:0 3px 10px #284a4b47}.recipe-detail-voice-main-btn.play:hover{background:#284a4b;transform:translateY(-1px);box-shadow:0 5px 14px #284a4b59}.recipe-detail-voice-main-btn.stop{background:#c53030;color:#fff;box-shadow:0 3px 10px #c5303047}.recipe-detail-voice-main-btn.stop:hover{background:#9b2c2c;transform:translateY(-1px)}.recipe-detail-step-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid rgb(40,74,75);background:transparent;color:#284a4b;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;transition:all .22s;font-family:inherit;white-space:nowrap}.recipe-detail-step-btn:hover:not(:disabled){background:#284a4b;color:#fff;transform:translateY(-1px)}.recipe-detail-step-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#788c8d;color:#788c8d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:16px;color:#284a4b}.loading-spinner{width:42px;height:42px;border:3px solid #e2e8f0;border-top-color:#284a4b;border-radius:50%;animation:spin .8s linear infinite}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px;padding:30px;text-align:center}.error-container h2{color:#284a4b}.back-btn{border:none;background:#284a4b;color:#fff;padding:11px 24px;border-radius:25px;cursor:pointer;font-weight:600}@media(min-width:1400px){.recipe-detail-modal{max-width:1500px;height:88vh}.recipe-detail-modal-hero{flex:0 0 260px;height:260px;max-height:280px;min-height:260px}.recipe-detail-modal-hero-left{flex:0 0 50%;padding:32px 36px}.recipe-detail-modal-hero-title{font-size:2rem}.recipe-detail-ingredient-text,.recipe-detail-step-text{font-size:13.5px}}@media(min-width:1025px)and (max-width:1399px){.recipe-detail-modal-hero{flex:0 0 230px;height:230px;max-height:250px;min-height:230px}.recipe-detail-modal-hero-title{font-size:1.6rem}.recipe-detail-modal-body{gap:10px;padding:12px 14px 8px}.recipe-detail-voice-bar{padding:10px 16px 12px;gap:12px}}@media(min-width:768px)and (max-width:1024px){.recipe-detail-modal{width:96%;height:88vh;border-radius:18px}.recipe-detail-modal-hero{flex:0 0 150px;height:150px;max-height:150px;min-height:150px}.recipe-detail-modal-hero-left{flex:0 0 52%;padding:20px 28px}.recipe-detail-modal-hero-title{font-size:1.4rem}.recipe-detail-modal-hero-tagline{font-size:.75rem}.recipe-detail-modal-tag{font-size:9px;padding:3px 10px}.recipe-detail-modal-body{gap:10px;padding:12px 14px 8px}.recipe-detail-ingredient-text,.recipe-detail-step-text{font-size:12px}.recipe-detail-modal-col-header h3{font-size:.7rem}.recipe-detail-modal-col-header{padding:10px 14px 8px}.recipe-detail-modal-scroll{padding:10px 12px 12px;gap:7px}.recipe-detail-voice-bar{padding:9px 14px 11px;gap:12px}.recipe-detail-voice-label{font-size:.65rem}.recipe-detail-voice-main-btn{padding:7px 18px;font-size:12px}.recipe-detail-step-btn{padding:6px 14px;font-size:11.5px}}@media(min-width:576px)and (max-width:767px){.recipe-detail-header{margin-top:100px;padding:25px 16px}.recipe-detail-title{font-size:2rem}.recipe-detail-description{font-size:.9rem}.recipe-detail-modal{width:95%;height:85vh;border-radius:16px}.recipe-detail-modal-hero{flex:0 0 165px;height:165px;max-height:165px;min-height:165px}.recipe-detail-modal-hero-left{flex:0 0 52%;padding:16px 22px}.recipe-detail-modal-hero-title{font-size:1.25rem}.recipe-detail-modal-hero-tagline{font-size:.7rem;display:-webkit-box}.recipe-detail-modal-tag{font-size:8px;padding:3px 8px;margin-bottom:8px}.recipe-detail-modal-hero-left:after{display:block;right:-40px;width:45px}.recipe-detail-modal-hero-img{object-fit:cover}.recipe-detail-modal-body{gap:10px;padding:12px 12px 8px}.recipe-detail-ingredient-text,.recipe-detail-step-text{font-size:13.5px;font-weight:600}.recipe-detail-modal-col-header h3{font-size:.65rem}.recipe-detail-modal-col-header{padding:9px 12px 7px}.recipe-detail-modal-scroll{padding:10px 12px 12px;gap:7px}.recipe-detail-ingredient-dot{width:6px;height:6px;margin-top:4px}.recipe-detail-step-num{width:22px;height:22px;font-size:10px}.recipe-detail-voice-bar{padding:8px 12px 10px;gap:10px}.recipe-detail-voice-label{display:inline-block;font-size:.6rem}.recipe-detail-voice-left{display:flex}.recipe-detail-voice-progress{order:initial;width:auto;flex:1}.recipe-detail-voice-main-btn{padding:7px 16px;font-size:11.5px}.recipe-detail-step-btn{padding:6px 12px;font-size:11px}}@media(max-width:575px){.recipe-detail-header{margin-top:80px;padding:20px 16px}.recipe-detail-title{font-size:1.6rem}.recipe-detail-description{font-size:.8rem}.recipe-detail-modal{width:98%;height:90vh;border-radius:14px}.recipe-detail-modal-hero{flex:0 0 145px;height:145px;max-height:145px;min-height:145px}.recipe-detail-modal-hero-left{flex:0 0 52%;padding:12px 18px}.recipe-detail-modal-hero-title{font-size:1.1rem;-webkit-line-clamp:2}.recipe-detail-modal-hero-tagline{font-size:.65rem;display:-webkit-box}.recipe-detail-modal-tag{font-size:7px;padding:2px 7px;margin-bottom:6px}.recipe-detail-modal-hero-left:after{right:-35px;width:40px}.recipe-detail-modal-hero-img{object-fit:cover}.recipe-detail-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.recipe-detail-serving-info{margin-top:7px;font-size:10px}.members-selector-btn{padding:5px 9px;font-size:10px;gap:5px}.members-dropdown{width:145px}.members-option{padding:8px;font-size:11px}.recipe-scaling-banner{height:32px;font-size:9px}.recipe-detail-modal-body{gap:8px;padding:10px 10px 8px}.recipe-detail-modal-col-header{padding:8px 10px 6px;gap:6px}.recipe-detail-modal-col-header h3{font-size:.6rem;letter-spacing:1px}.recipe-detail-modal-col-header i{font-size:11px}.recipe-detail-modal-scroll{padding:8px 10px 10px;gap:6px}.recipe-detail-ingredient-text,.recipe-detail-step-text{font-size:12.5px;font-weight:600;line-height:1.5}.recipe-detail-ingredient-dot{width:5px;height:5px;margin-top:4px}.recipe-detail-step-num{width:20px;height:20px;font-size:9px}.recipe-detail-voice-bar{padding:7px 10px 9px;gap:8px;flex-wrap:nowrap}.recipe-detail-voice-label{display:inline-block;font-size:.55rem;letter-spacing:1px}.recipe-detail-voice-left{display:flex;gap:5px}.recipe-detail-voice-icon{font-size:13px}.recipe-detail-voice-progress{order:initial;width:auto;flex:1}.recipe-detail-progress-info{font-size:.6rem}.recipe-detail-voice-main-btn{padding:6px 12px;font-size:10.5px;gap:4px}.recipe-detail-step-btn{padding:5px 10px;font-size:10px;gap:4px}}@media(max-width:400px){.recipe-detail-modal-hero{flex:0 0 130px;height:130px;max-height:130px;min-height:130px}.recipe-detail-modal-hero-left{padding:10px 14px}.recipe-detail-modal-hero-title{font-size:1rem}.recipe-detail-modal-hero-tagline{font-size:.6rem;display:-webkit-box}.recipe-detail-modal-tag{display:none}.recipe-detail-modal-hero-left:after{right:-30px;width:35px}.recipe-detail-serving-info>span{display:none}.members-selector-btn{font-size:9px;padding:4px 7px}.recipe-detail-ingredient-text,.recipe-detail-step-text{font-size:12px;font-weight:600;line-height:1.5}.recipe-detail-modal-col-header h3{font-size:.55rem;letter-spacing:.5px}.recipe-detail-voice-label{display:inline-block;font-size:.5rem}.recipe-detail-voice-main-btn{padding:5px 10px;font-size:10px}.recipe-detail-step-btn{padding:4px 8px;font-size:9px}}.recipe-detail-modal-hero{overflow:visible;z-index:100}.recipe-detail-modal-hero-left{overflow:visible;z-index:101}.recipe-detail-serving-info{overflow:visible;z-index:200}.members-selector{position:relative;z-index:500}.members-dropdown{position:absolute;top:calc(100% + 7px);left:0;z-index:9999}.recipe-detail-modal-body{position:relative;z-index:1}.search-results-page{min-height:100vh;padding:140px 20px 60px;background:#f7f9f9}.search-results-container{max-width:1200px;margin:0 auto}.search-results-container h1{color:#284a4b;font-size:2rem;margin-bottom:10px}.search-query{color:#666;font-size:1rem;margin-bottom:35px}.search-query strong{color:#284a4b}.results-section{margin-bottom:45px}.results-section h2{color:#284a4b;font-size:1.5rem;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #d8e7e7}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.result-card{display:block;background:#fff;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 3px 12px #00000014;transition:.3s}.result-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #284a4b26}.result-card img{width:100%;height:170px;object-fit:cover;display:block}.result-content{padding:16px}.result-content h3{color:#284a4b;font-size:1rem;margin-bottom:8px}.result-content p{color:#777;font-size:.85rem;line-height:1.5;margin-bottom:12px}.result-type{display:inline-block;background:#e8f1f1;color:#284a4b;font-size:.75rem;font-weight:600;padding:5px 10px;border-radius:20px}.no-results{background:#fff;padding:50px 20px;text-align:center;border-radius:12px;box-shadow:0 3px 12px #0000000f}.no-results h2{color:#284a4b;margin-bottom:10px}.no-results p{color:#777}@media(max-width:768px){.search-results-page{padding:110px 15px 40px}.search-results-container h1{font-size:1.6rem}.results-grid{grid-template-columns:repeat(2,1fr);gap:12px}.result-card img{height:130px}.result-content{padding:12px}.result-content h3{font-size:.9rem}.result-content p{font-size:.75rem}}@media(max-width:480px){.search-results-page{padding:100px 10px 30px}.results-grid{grid-template-columns:1fr}.result-card img{height:180px}}html,body,#root{width:100%;min-height:100vh;overflow-x:hidden;overflow-y:auto}.recipes-lunch-page{width:100%;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;position:relative;background-color:transparent}.recipes-lunch-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(8px) brightness(.7);transform:scale(1.05);z-index:-2}.recipes-lunch-page:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#0003;z-index:-1}.recipes-lunch-header{background:linear-gradient(135deg,#284a4b,#1d3a3b);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:22px 20px;text-align:center;flex-shrink:0;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.15);width:100%;margin-top:100px}.recipes-lunch-header-content{max-width:800px;margin:0 auto;position:relative;z-index:3}.recipes-lunch-title{font-size:48px;font-weight:700;margin-bottom:8px;letter-spacing:-.5px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.3);font-family:DM Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;display:inline-block;padding:0 20px}.recipes-lunch-title:before,.recipes-lunch-title:after{content:"";position:absolute;top:50%;width:40px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)}.recipes-lunch-title:before{left:-30px}.recipes-lunch-title:after{right:-30px}.recipes-lunch-description{font-size:18px;opacity:.95;font-weight:300;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.2);max-width:600px;margin:0 auto;position:relative;padding:10px 0;font-style:italic;color:#fff}.recipes-lunch-description:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)}.recipes-lunch-main{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 20px 30px;overflow:visible;width:100%;position:relative;z-index:2;min-height:0}.recipes-lunch-carousel{display:flex;align-items:center;gap:10px;width:100%;max-width:1600px;margin:0 auto;position:relative;height:320px}.recipes-lunch-arrow{width:22px;height:22px;min-width:22px;border-radius:50%;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;color:#1f4e4f;box-shadow:0 2px 8px #00000026;flex-shrink:0;z-index:10;padding:0}.recipes-lunch-arrow:hover:not(:disabled){background:#1f4e4f;color:#fff;border-color:transparent;box-shadow:0 4px 12px #00000040;transform:scale(1.1)}.recipes-lunch-arrow:disabled{opacity:0;cursor:default;pointer-events:none;visibility:hidden}.recipes-lunch-arrow svg{width:14px;height:14px}.recipes-lunch-arrow-left{margin-right:2px}.recipes-lunch-arrow-right{margin-left:2px}.recipes-lunch-scroll-wrapper{flex:1;overflow-x:auto;overflow-y:hidden;padding:25px 0 15px;scrollbar-width:none;-ms-overflow-style:none;position:relative;mask-image:linear-gradient(90deg,transparent,#000000 8%,#000000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000000 8%,#000000 92%,transparent);height:auto;min-height:280px}.recipes-lunch-scroll-wrapper::-webkit-scrollbar{display:none}.recipes-lunch-grid{display:flex;flex-direction:row;gap:20px;width:max-content;padding:10px 30px;min-width:100%;justify-content:center;align-items:center;height:100%}.recipes-lunch-card{background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;overflow:hidden;box-shadow:0 15px 35px #0003;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.3);display:flex;flex-direction:column;width:190px;min-width:190px;height:230px;text-decoration:none;color:inherit;flex-shrink:0;animation:floatZigzag 4s ease-in-out infinite;animation-delay:calc(var(--card-index) * .15s);position:relative}.recipes-lunch-card.recipes-lunch-card-up{transform:translateY(-12px)}.recipes-lunch-card.recipes-lunch-card-down{transform:translateY(12px)}.recipes-lunch-card:nth-child(1){--card-index: 1}.recipes-lunch-card:nth-child(2){--card-index: 2}.recipes-lunch-card:nth-child(3){--card-index: 3}.recipes-lunch-card:nth-child(4){--card-index: 4}.recipes-lunch-card:nth-child(5){--card-index: 5}.recipes-lunch-card:nth-child(6){--card-index: 6}.recipes-lunch-card:nth-child(7){--card-index: 7}.recipes-lunch-card:nth-child(8){--card-index: 8}.recipes-lunch-card:nth-child(9){--card-index: 9}.recipes-lunch-card:nth-child(10){--card-index: 10}.recipes-lunch-card:nth-child(11){--card-index: 11}.recipes-lunch-card:nth-child(12){--card-index: 12}@keyframes floatZigzag{0%{transform:translateY(0) scale(1);box-shadow:0 15px 35px #00000026}25%{transform:translateY(-5px) scale(1.01);box-shadow:0 20px 40px #0003}50%{transform:translateY(0) scale(1);box-shadow:0 15px 35px #00000026}75%{transform:translateY(5px) scale(.99);box-shadow:0 20px 40px #0003}to{transform:translateY(0) scale(1);box-shadow:0 15px 35px #00000026}}@keyframes floatUp{0%{transform:translateY(-12px) scale(1)}25%{transform:translateY(-17px) scale(1.01)}50%{transform:translateY(-12px) scale(1)}75%{transform:translateY(-7px) scale(.99)}to{transform:translateY(-12px) scale(1)}}@keyframes floatDown{0%{transform:translateY(12px) scale(1)}25%{transform:translateY(7px) scale(1.01)}50%{transform:translateY(12px) scale(1)}75%{transform:translateY(17px) scale(.99)}to{transform:translateY(12px) scale(1)}}.recipes-lunch-card.recipes-lunch-card-up{animation:floatUp 4s ease-in-out infinite}.recipes-lunch-card.recipes-lunch-card-down{animation:floatDown 4s ease-in-out infinite}.recipes-lunch-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .8s ease;pointer-events:none;z-index:2}.recipes-lunch-card:hover:after{left:100%}.recipes-lunch-card:hover{animation-play-state:paused;transform:scale(1.02) translateY(0);background:#fffffff2;box-shadow:0 25px 45px #00000040;border-color:#ffffff80;z-index:5}.recipes-lunch-card.recipes-lunch-card-up:hover{transform:scale(1.02) translateY(-12px)}.recipes-lunch-card.recipes-lunch-card-down:hover{transform:scale(1.02) translateY(12px)}.recipes-lunch-card-image-container{position:relative;height:125px;overflow:hidden;flex-shrink:0}.recipes-lunch-card-img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.recipes-lunch-card:hover .recipes-lunch-card-img{transform:scale(1.05)}.recipes-lunch-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 100%);opacity:0;transition:opacity .4s ease}.recipes-lunch-card:hover .recipes-lunch-card-overlay{opacity:1}.recipes-lunch-card-content{padding:15px 14px 14px;flex:1;display:flex;flex-direction:column;position:relative;z-index:2;background:transparent}.recipes-lunch-card-title{font-size:16px;font-weight:600;color:#143334;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.2px;transition:color .3s ease;text-shadow:0 1px 3px rgba(255,255,255,.5)}.recipes-lunch-card:hover .recipes-lunch-card-title{color:#1f4e4f}@media(min-width:768px){.recipes-lunch-header{margin-top:80px;margin-bottom:-80px}.recipes-lunch-card{width:165px;min-width:165px;height:240px}.recipes-lunch-card-image-container{height:110px}.recipes-lunch-title{font-size:35px}.recipes-lunch-arrow{width:20px;height:20px;min-width:20px}.recipes-lunch-arrow svg{width:12px;height:12px}}@media(max-width:380px){.recipes-lunch-header{margin-top:80px;margin-bottom:-80px}.recipes-lunch-card{width:130px;min-width:130px;height:210px}.recipes-lunch-card-image-container{height:85px}.recipes-lunch-title{font-size:24px}.recipes-lunch-carousel{gap:3px}.recipes-lunch-arrow{width:14px;height:14px;min-width:14px}.recipes-lunch-arrow svg{width:8px;height:8px}}html,body{width:100%;max-width:100vw;overflow-x:hidden}body{font-family:DM Sans,Segoe UI,sans-serif;background:#f4f8f8;min-height:100vh;min-height:100dvh;transition:background .3s ease;font-size:16px;color:#1a3334;-webkit-text-size-adjust:100%}img,video,canvas,svg{max-width:100%;height:auto;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.d-hamburger{display:none;width:42px;height:42px;padding:0;background:#284a4b;border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;z-index:100;box-shadow:0 4px 14px #284a4b40;transition:all .3s cubic-bezier(.16,1,.3,1);align-items:center;justify-content:center;flex-direction:column;gap:4.5px}.d-hamburger span{display:block;height:2.5px;background:#fff;border-radius:10px;transition:all .3s cubic-bezier(.16,1,.3,1);transform-origin:center}.d-hamburger span:nth-child(1){width:19px}.d-hamburger span:nth-child(2){width:13px;margin-right:auto;margin-left:11px}.d-hamburger span:nth-child(3){width:19px}.d-hamburger:hover{background:#397d7c}.d-hamburger:hover span:nth-child(2){width:19px;margin-left:auto;margin-right:auto}.d-hamburger:active{transform:scale(.92)}.d-hamburger.d-open{background:#ffffff29;border-color:#ffffff4d;box-shadow:0 4px 12px #00000026}.d-hamburger.d-open span:nth-child(1){width:19px;transform:translateY(7px) rotate(45deg)}.d-hamburger.d-open span:nth-child(2){opacity:0;transform:scaleX(0)}.d-hamburger.d-open span:nth-child(3){width:19px;transform:translateY(-7px) rotate(-45deg)}.d-sidebar-overlay{display:none;position:fixed;inset:0;background:#1224258c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:998;opacity:0;transition:opacity .35s ease}.d-sidebar-overlay.d-open{display:block;opacity:1}.d-chefbot-dashboard{display:flex;width:100%;min-height:100vh;min-height:100dvh;background:#f4f8f8;position:relative}.d-sidebar{width:280px;min-width:280px;background:linear-gradient(180deg,#244344,#172d2e);height:100vh;height:100dvh;display:flex;flex-direction:column;z-index:1000;overflow:hidden;flex-shrink:0;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease;position:fixed;left:0;top:0;border-right:1px solid rgba(255,255,255,.08)}.d-logo-area{flex-shrink:0;padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:12px}.d-logo-area h2{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.4px}.d-admin-badge{background:#397d7c59;color:#a7f3d0;border:1px solid rgba(57,125,124,.4);padding:3px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.d-nav-menu{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:16px 14px;display:flex;flex-direction:column;gap:6px}.d-nav-menu::-webkit-scrollbar{width:4px}.d-nav-menu::-webkit-scrollbar-track{background:#ffffff08}.d-nav-menu::-webkit-scrollbar-thumb{background:#397d7c99;border-radius:10px}.d-nav-menu button{background:transparent;border:1.5px solid transparent;padding:12px 16px;border-radius:12px;color:#fffc;font-size:14.5px;font-weight:600;cursor:pointer;transition:all .25s ease;text-align:left;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.d-nav-menu button:hover{background:#397d7c40;border-color:#397d7c66;color:#fff;transform:translate(4px)}.d-nav-menu button.d-active{background:#fff;color:#244344;border-color:#fff;box-shadow:0 4px 14px #0000001f;transform:translate(2px)}.d-sidebar-logout{flex-shrink:0;padding:16px 14px;padding-bottom:max(16px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.1);background:#172d2e;width:100%;display:block}.d-logout-sidebar-btn{width:100%;padding:12px 16px;background:#ef444424;border:1.5px solid rgba(239,68,68,.35);border-radius:12px;color:#fca5a5;font-size:14.5px;font-weight:700;cursor:pointer;transition:all .25s ease;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.d-logout-sidebar-btn:hover{background:#ef444447;border-color:#ef4444;color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #ef444440}.d-logout-sidebar-btn:active{transform:translateY(0)}.d-main-content{flex:1;padding:28px 32px;overflow-y:auto;overflow-x:hidden;min-height:100vh;min-height:100dvh;margin-left:280px;width:calc(100% - 280px);max-width:calc(100% - 280px);transition:margin-left .35s ease,width .35s ease,padding .35s ease;-webkit-overflow-scrolling:touch;scroll-behavior:auto}.d-main-content::-webkit-scrollbar{width:7px}.d-main-content::-webkit-scrollbar-track{background:#e6f0f0}.d-main-content::-webkit-scrollbar-thumb{background:#9bc5c5;border-radius:10px}.d-dashboard-loading,.d-dashboard-error{min-height:80vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#f4f8f8;color:#1a3334;padding:24px;text-align:center}.d-dashboard-loading h2,.d-dashboard-error h2{font-size:20px;font-weight:700}.d-dashboard-error p{color:#64748b;font-size:15px}.d-spinner{width:44px;height:44px;border:3.5px solid #d1e5e5;border-top-color:#284a4b;border-radius:50%;animation:spin .8s linear infinite}.d-section{display:flex;flex-direction:column;gap:18px;animation:fadeInUp .35s cubic-bezier(.16,1,.3,1);padding-bottom:30px;width:100%}.d-section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;width:100%}.d-section-header h2{font-size:22px;font-weight:800;color:#1a3334;letter-spacing:-.3px;line-height:1.25}.d-total-count,.d-item-count{background:linear-gradient(135deg,#284a4b,#397d7c);padding:5px 14px;border-radius:20px;font-size:12px;color:#fff;font-weight:700;border:none;box-shadow:0 2px 8px #284a4b33}.d-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.d-date-time-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#244344,#172d2e);border-radius:18px;padding:16px 22px;color:#fff;width:100%;gap:12px;flex-wrap:wrap;box-shadow:0 8px 24px -4px #1a333433}.d-current-date{font-size:15px;font-weight:600;color:#d1fae5}.d-current-time{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;background:#ffffff1f;padding:4px 12px;border-radius:10px}.d-welcome-banner-simple{background:#fff;border-radius:18px;padding:20px 22px;border:1px solid rgba(57,125,124,.12);box-shadow:0 4px 18px -2px #284a4b0d;width:100%}.d-welcome-text-simple h2{font-size:20px;font-weight:800;color:#1a3334;margin-bottom:4px}.d-welcome-text-simple p{font-size:14px;color:#64748b;line-height:1.5}.d-overview-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%}.d-overview-stat-card{background:#fff;border-radius:18px;padding:20px 18px;box-shadow:0 4px 16px -2px #284a4b0f;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;border:1px solid rgba(57,125,124,.12);position:relative;overflow:hidden;min-width:0}.d-overview-stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3.5px;background:linear-gradient(90deg,#284a4b,#397d7c);opacity:.9}.d-overview-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px -4px #284a4b24;border-color:#397d7c}.d-overview-stat-info h3{font-size:28px;font-weight:800;margin-bottom:4px;color:#1a3334;letter-spacing:-.6px;background:linear-gradient(135deg,#1f3b3c,#397d7c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;word-break:break-word}.d-overview-stat-info p{font-size:13px;font-weight:600;color:#64748b}.d-system-health{background:#fff;border-radius:18px;padding:18px 22px;box-shadow:0 4px 18px -2px #284a4b0d;border:1px solid rgba(57,125,124,.12);width:100%}.d-system-health h3{font-size:17px;font-weight:700;color:#1a3334;margin-bottom:14px}.d-health-stats{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;width:100%}.d-health-item{text-align:center;flex:1 1 120px;background:#f7fafb;padding:12px 14px;border-radius:14px;border:1px solid #eef5f5}.d-health-item div:first-child{font-size:12px;color:#64748b;font-weight:600;margin-bottom:4px}.d-health-item div:last-child{font-weight:700;font-size:14.5px;color:#1a3334}.d-health-item .d-online{color:#10b981}.d-health-item .d-offline{color:#ef4444}.d-health-item .d-checking{color:#f59e0b}.d-users-grid,.d-items-grid,.d-mealplans-grid,.d-pantry-items-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}.d-user-square-card{background:#fff;border-radius:18px;padding:18px 14px;box-shadow:0 4px 18px -2px #284a4b0f;transition:all .35s cubic-bezier(.16,1,.3,1);border:1px solid rgba(57,125,124,.12);display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-between;position:relative;overflow:hidden;min-width:0}.d-user-square-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px -4px #284a4b1f;border-color:#397d7c}.d-user-square-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#244344,#397d7c);color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;margin-bottom:8px;box-shadow:0 4px 12px #284a4b33;border:3px solid #f4f8f8;flex-shrink:0}.d-user-square-name{font-size:14.5px;font-weight:700;color:#1a3334;margin-bottom:2px;word-break:break-word;line-height:1.3}.d-user-square-email{font-size:11.5px;color:#64748b;margin-bottom:12px;word-break:break-all;line-height:1.3}.d-user-square-actions{display:flex;gap:6px;width:100%}.d-user-square-actions button{flex:1;padding:7px 8px;border-radius:8px;font-size:11.5px;font-weight:700;cursor:pointer;transition:all .2s ease;border:none}.d-user-square-actions .d-block-btn,.d-user-square-actions .d-unblock-btn{background:#397d7c;color:#fff}.d-user-square-actions .d-block-btn:hover,.d-user-square-actions .d-unblock-btn:hover{background:#284a4b}.d-user-square-actions .d-delete-btn{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.d-user-square-actions .d-delete-btn:hover{background:#dc2626;color:#fff}.d-item-card{background:#fff;border-radius:18px;padding:16px;box-shadow:0 4px 18px -2px #284a4b0f;transition:all .35s cubic-bezier(.16,1,.3,1);border:1px solid rgba(57,125,124,.12);display:flex;flex-direction:column;justify-content:space-between;min-width:0;position:relative}.d-item-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px -4px #284a4b1c;border-color:#397d7c}.d-item-card .d-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;flex-wrap:wrap}.d-item-card h3{font-size:14.5px;font-weight:700;color:#1a3334;word-break:break-word;line-height:1.35}.d-popular-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:2px 8px;border-radius:20px;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;box-shadow:0 2px 6px #d9770640;flex-shrink:0}.d-suggestion-recipe-header{background:linear-gradient(135deg,#f0f7f7,#e4efef);border-left:3px solid #284a4b;border-radius:8px;padding:7px 10px;margin-bottom:8px}.d-suggestion-recipe-header .d-recipe-name{font-weight:700;color:#1a3334;font-size:13.5px;word-break:break-word}.d-suggestion-user-info{display:inline-flex;align-items:center;background:#f1f5f9;border-radius:8px;padding:4px 8px;font-size:11.5px;color:#475569;font-weight:600;margin-bottom:10px;word-break:break-all}.d-item-details{margin:6px 0 12px;display:flex;flex-direction:column;gap:4px}.d-item-category{display:inline-block;background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0;padding:2px 8px;border-radius:14px;font-size:11px;font-weight:700;width:fit-content}.d-item-description{font-size:12.5px;color:#64748b;line-height:1.4;word-break:break-word}.d-item-card .d-card-actions{display:flex;gap:6px;padding-top:10px;border-top:1px solid #f1f5f9;margin-top:auto}.d-item-card .d-card-actions button{flex:1}.d-mealplan-meals{background:#f7fafb;border-radius:10px;padding:8px 12px;margin:8px 0;border:1px solid #eef5f5}.d-mealplan-meals strong{display:block;font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.d-mealplan-meal-item{padding:3px 0;font-size:12px;font-weight:600;color:#1a3334;border-bottom:1px dashed #e2e8f0;word-break:break-word}.d-mealplan-meal-item:last-child{border-bottom:none}.d-item-date{font-size:11.5px;color:#94a3b8;font-weight:500;margin-top:4px}.d-user-pantry-group{background:#fff;border-radius:20px;padding:18px;box-shadow:0 4px 20px -2px #284a4b0f;border:1px solid rgba(57,125,124,.12);width:100%;margin-bottom:16px}.d-user-pantry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1.5px solid #f1f5f9;flex-wrap:wrap;gap:8px}.d-item-count-badge{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:700}.d-pantry-item-card{background:#f8fafb;border-radius:14px;padding:12px 14px;border:1px solid rgba(57,125,124,.1);transition:all .25s ease;min-width:0}.d-pantry-item-card:hover{background:#fff;border-color:#397d7c;box-shadow:0 6px 18px #284a4b14}.d-pantry-item-header{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap}.d-pantry-item-name{font-weight:700;color:#1a3334;font-size:13.5px;word-break:break-word}.d-pantry-item-details{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:#64748b}.d-pantry-item-details p{display:flex;justify-content:space-between;align-items:center}.d-pantry-item-details .d-detail-value{font-weight:700;color:#1a3334;background:#fff;padding:1px 6px;border-radius:6px;border:1px solid #e2e8f0}.d-pantry-item-actions{margin-top:10px;padding-top:8px;border-top:1px dashed #e2e8f0}.d-primary-btn{padding:9px 18px;background:linear-gradient(135deg,#284a4b,#397d7c);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #284a4b40;transition:all .25s ease;white-space:nowrap}.d-primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #397d7c59}.d-edit-btn,.d-delete-btn,.d-refresh-btn{padding:7px 12px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:center}.d-edit-btn{background:#397d7c1f;color:#244344;border:1px solid rgba(57,125,124,.3)}.d-edit-btn:hover{background:#397d7c;color:#fff;border-color:#397d7c}.d-delete-btn{background:#fff;color:#dc2626;border:1px solid #fecaca}.d-delete-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626}.d-refresh-btn{background:#244344;color:#fff;border:none}.d-recipe-category-filters,.d-beginners-categories-grid{display:flex;flex-wrap:wrap;gap:7px;width:100%}.d-filter-btn,.d-beginners-category-btn{padding:6px 14px;border:1.5px solid #d1e5e5;background:#fff;color:#284a4b;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.d-filter-btn.d-active,.d-filter-btn:hover,.d-beginners-category-btn.d-active,.d-beginners-category-btn:hover{background:#284a4b;border-color:#284a4b;color:#fff;box-shadow:0 4px 10px #284a4b33}.d-empty-state{text-align:center;padding:40px 18px;background:#fff;border-radius:18px;border:2px dashed #d1e5e5;width:100%}.d-empty-state p{font-size:14.5px;font-weight:600;color:#475569}.d-empty-sub{font-size:12px!important;color:#94a3b8!important;margin-top:4px}.d-modal-overlay{position:fixed;inset:0;background:#12242599;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .25s ease;padding:16px;overflow-y:auto}.d-modal-container{background:#fff;border-radius:20px;padding:28px;max-width:440px;width:100%;box-shadow:0 24px 60px #00000040;text-align:center;animation:fadeInUp .3s cubic-bezier(.16,1,.3,1);border:1px solid #d1e5e5;max-height:90vh;overflow-y:auto}.d-modal-icon{width:48px;height:48px;margin:0 auto 10px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#284a4b}.d-modal-title{font-size:18px;font-weight:800;color:#1a3334;margin-bottom:6px}.d-modal-message{font-size:13.5px;color:#64748b;margin-bottom:20px;line-height:1.5}.d-modal-input-group{margin-bottom:18px;text-align:left}.d-modal-label{display:block;font-size:12px;font-weight:700;color:#1a3334;margin-bottom:5px}.d-modal-input{width:100%;padding:10px 14px;border:1.5px solid #d1e5e5;border-radius:10px;font-size:13.5px;background:#f7fafb;color:#1a3334;font-family:inherit;transition:all .25s ease}.d-modal-input:focus{outline:none;border-color:#397d7c;background:#fff;box-shadow:0 0 0 3px #397d7c26}.d-modal-actions{display:flex;gap:10px}.d-modal-cancel,.d-modal-confirm{padding:10px 18px;border-radius:10px;font-size:13.5px;font-weight:700;cursor:pointer;flex:1;border:none;transition:all .25s ease}.d-modal-cancel{background:#f1f5f9;color:#475569}.d-modal-confirm{background:#397d7c;color:#fff}.d-confirm-delete{background:#dc2626!important;color:#fff!important}.d-dashboard-login-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(160deg,#284a4be6,#1a3334f2);z-index:1000;overflow-y:auto}.d-dashboard-login-container{display:flex;width:100%;max-width:880px;min-height:540px;height:min(88vh,650px);border-radius:24px;overflow:hidden;box-shadow:0 24px 60px #00000059;background:#fff}.d-dashboard-login-left{flex:1.1;background:linear-gradient(150deg,#244344,#172d2e);padding:44px 36px;display:flex;flex-direction:column;justify-content:center;color:#fff}.d-dashboard-login-logo{text-align:center;margin-bottom:28px}.d-dashboard-login-logo-circle{width:76px;height:76px;margin:0 auto 14px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000040;border:3px solid rgba(57,125,124,.4)}.d-dashboard-login-logo-circle span{font-size:34px;font-weight:800;color:#244344}.d-dashboard-login-logo h1{font-size:1.8rem;font-weight:800;letter-spacing:-.4px}.d-dashboard-login-features ul{list-style:none;padding:0}.d-dashboard-login-features ul li{padding:10px 0;color:#ffffffd9;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.08)}.d-dashboard-login-right{flex:1;padding:44px 36px;display:flex;flex-direction:column;justify-content:center;background:#fff;overflow-y:auto}.d-dashboard-login-header{text-align:center;margin-bottom:24px}.d-dashboard-login-header h2{font-size:1.6rem;color:#1a3334;margin-bottom:4px;font-weight:800}.d-dashboard-login-group{margin-bottom:16px}.d-dashboard-login-group label{display:block;margin-bottom:6px;color:#1a3334;font-weight:700;font-size:.8rem;text-transform:uppercase}.d-dashboard-login-group input{width:100%;padding:12px 14px;border:1.5px solid #d1e5e5;border-radius:10px;font-size:.95rem;background:#f7fafb;color:#1a3334;transition:all .25s ease}.d-dashboard-login-group input:focus{outline:none;border-color:#397d7c;background:#fff;box-shadow:0 0 0 3px #397d7c26}.d-dashboard-login-password-wrapper{position:relative}.d-dashboard-login-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:13px;font-weight:700;cursor:pointer;color:#64748b}.d-dashboard-login-btn{width:100%;padding:13px 24px;background:linear-gradient(135deg,#244344,#397d7c);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:800;cursor:pointer;box-shadow:0 6px 20px #284a4b4d;min-height:48px;transition:all .25s ease}.d-dashboard-login-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px #284a4b66}@media(max-width:780px){html,body{overflow-y:auto!important;height:auto!important}.d-chefbot-dashboard{overflow:visible!important;height:auto!important;min-height:100vh;min-height:100dvh;position:relative}.d-main-content{margin-left:0!important;max-width:100%!important;width:100%!important;padding:16px 14px 24px!important;height:auto!important;min-height:100vh;overflow:visible!important}.d-hamburger{display:flex!important;position:absolute!important;top:16px!important;left:14px!important}.d-section-header{padding-left:50px;min-height:42px;display:flex;align-items:center}.d-overview-section .d-date-time-header{margin-left:50px;width:calc(100% - 50px);flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px}.d-sidebar{position:fixed!important;top:0!important;left:0!important;width:280px!important;min-width:280px!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;z-index:1000!important;transform:translate(-100%);box-shadow:none;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important;margin:0!important}.d-sidebar.d-open{transform:translate(0)!important;box-shadow:14px 0 40px #00000059!important}.d-hamburger.d-open{position:fixed!important;left:222px!important;top:16px!important;z-index:1005!important}.d-logo-area{flex:0 0 auto!important;flex-shrink:0!important;padding:16px 64px 16px 20px;min-height:72px;display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%!important}.d-logo-area h2{font-size:20px;line-height:1;white-space:nowrap;margin:0}.d-admin-badge{font-size:10.5px;padding:3px 10px}.d-nav-menu{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;padding:14px 12px!important;gap:5px!important;width:100%!important;display:flex!important;flex-direction:column!important}.d-nav-menu button{padding:11px 14px!important;font-size:13.5px!important;flex-shrink:0!important}.d-sidebar-logout{flex:0 0 auto!important;flex-shrink:0!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;width:100%!important;margin:0!important;padding:14px!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important;background:#172d2e!important;border-top:1px solid rgba(255,255,255,.12)!important;box-shadow:0 -6px 18px #00000040!important;z-index:5!important;height:auto!important;max-height:none!important;overflow:visible!important;transform:none!important}.d-logout-sidebar-btn{display:flex!important;visibility:visible!important;opacity:1!important;width:100%!important;min-height:46px!important;padding:12px 16px!important;font-size:14.5px!important;font-weight:700!important;text-align:center!important;justify-content:center!important;align-items:center!important;gap:8px!important;background:#ef44442e!important;border:1.5px solid rgba(239,68,68,.45)!important;color:#fca5a5!important;border-radius:12px!important}.d-overview-stats-grid,.d-items-grid,.d-pantry-items-grid,.d-users-grid,.d-mealplans-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.d-user-square-card{padding:14px 10px;border-radius:14px}.d-user-square-avatar{width:44px;height:44px;font-size:17px;margin-bottom:8px}.d-user-square-name{font-size:13.5px}.d-user-square-email{font-size:11px;margin-bottom:10px}.d-user-square-actions{flex-direction:column;gap:5px}.d-user-square-actions button{width:100%;padding:6px 8px;font-size:11px}.d-item-card,.d-mealplan-card,.d-pantry-item-card{padding:12px;border-radius:14px}.d-item-card h3{font-size:13.5px}.d-item-card .d-card-actions{flex-direction:column;gap:5px;padding-top:8px}.d-item-card .d-card-actions button{width:100%;padding:6px;font-size:11px}.d-overview-stat-card{padding:14px 12px;border-radius:14px}.d-overview-stat-info h3{font-size:24px}.d-overview-stat-info p{font-size:11.5px}.d-health-stats{gap:8px}.d-health-item{flex:1 1 45%;padding:8px}.d-dashboard-login-container{max-width:580px;height:auto;min-height:unset;flex-direction:column}.d-dashboard-login-left{padding:24px 20px;flex-direction:row;align-items:center;justify-content:space-between}.d-dashboard-login-logo{margin-bottom:0;display:flex;align-items:center;gap:12px}.d-dashboard-login-logo-circle{width:44px;height:44px;margin:0}.d-dashboard-login-logo-circle span{font-size:20px}.d-dashboard-login-logo h1{font-size:1.3rem}.d-dashboard-login-features{display:none}.d-dashboard-login-right{padding:28px 20px}}@media(max-width:380px){.d-sidebar{width:270px!important;min-width:0!important;max-width:84vw!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important}.d-hamburger{top:14px!important;left:10px!important;width:38px;height:38px;border-radius:10px}.d-section-header{padding-left:46px;min-height:38px}.d-section-header h2{font-size:17px}.d-overview-section .d-date-time-header{margin-left:46px;width:calc(100% - 46px);padding:10px 12px}.d-hamburger.d-open{left:calc(min(270px,84vw) - 46px)!important;top:14px!important}.d-logo-area{flex:0 0 auto!important;flex-shrink:0!important;padding:14px 48px 14px 14px;min-height:64px;width:100%!important}.d-logo-area h2{font-size:18px}.d-admin-badge{font-size:9.5px;padding:2.5px 8px}.d-main-content{padding:14px 10px 20px!important}.d-nav-menu{padding:10px 12px!important;gap:4px!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.d-nav-menu button{padding:9px 12px!important;font-size:13px!important}.d-sidebar-logout{flex:0 0 auto!important;flex-shrink:0!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;width:100%!important;margin:0!important;padding:10px!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important;background:#172d2e!important;border-top:1px solid rgba(255,255,255,.12)!important;box-shadow:0 -6px 18px #00000040!important;z-index:5!important}.d-logout-sidebar-btn{display:flex!important;visibility:visible!important;opacity:1!important;padding:10px 12px!important;font-size:13.5px!important;min-height:44px!important;align-items:center!important;justify-content:center!important;width:100%!important}.d-overview-stats-grid,.d-items-grid,.d-pantry-items-grid,.d-users-grid,.d-mealplans-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.d-overview-stat-card{padding:12px 10px;border-radius:12px}.d-overview-stat-info h3{font-size:20px}.d-overview-stat-info p{font-size:11px}.d-user-square-card{padding:12px 8px;border-radius:12px}.d-user-square-avatar{width:38px;height:38px;font-size:15px;margin-bottom:6px}.d-user-square-name{font-size:12.5px}.d-user-square-email{font-size:10.5px;margin-bottom:8px}.d-user-square-actions button{padding:5px 6px;font-size:10.5px}.d-item-card,.d-mealplan-card,.d-pantry-item-card{padding:10px;border-radius:12px}.d-item-card h3{font-size:12.5px}.d-item-card p,.d-item-description{font-size:11px}.d-item-category{font-size:9.5px;padding:2px 6px}.d-popular-badge{font-size:8.5px;padding:1px 6px}.d-suggestion-recipe-header{padding:5px 8px}.d-suggestion-recipe-header .d-recipe-name{font-size:12px}.d-suggestion-user-info{font-size:10px;padding:3px 6px}.d-item-card .d-card-actions button{padding:5px;font-size:10.5px}.d-mealplan-meal-item{font-size:11px}.d-pantry-item-name{font-size:12px}.d-pantry-item-details{font-size:10.5px}.d-modal-container{padding:20px 14px;border-radius:16px}.d-modal-actions{flex-direction:column;gap:6px}.d-modal-cancel,.d-modal-confirm{width:100%;padding:10px;font-size:13px}.d-dashboard-login-wrapper{padding:0}.d-dashboard-login-container{border-radius:0;height:100vh;height:100dvh;box-shadow:none}.d-welcome-banner-simple{padding:14px 12px;border-radius:14px}.d-welcome-text-simple h2{font-size:16px}.d-welcome-text-simple p{font-size:12.5px}.d-user-pantry-group{padding:12px 10px;border-radius:14px}}@media print{.d-sidebar,.d-hamburger,.d-sidebar-overlay,.d-primary-btn,.d-modal-overlay{display:none!important}.d-main-content{margin-left:0!important;max-width:100%!important;padding:0!important;height:auto!important}}.lang-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.lang-popup-box{background:#284a4b;border-radius:28px;padding:40px 32px;text-align:center;width:90%;max-width:380px;box-shadow:0 20px 60px #0a0a0a;animation:slideUp .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.lang-popup-box h2{color:#fff;font-size:1.8rem;margin-bottom:8px;font-weight:600}.lang-popup-box p{color:#fff;font-size:.95rem;margin-bottom:28px}.lang-btn{width:100%;padding:14px 20px;margin:10px 0;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:#f5f5f5;color:#333}.lang-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0a0a0a}.lang-btn:active{transform:translateY(0)}.english-btn:hover{background:#397d7c;color:#fff}.urdu-btn:hover{background:#284a4b;color:#fff}.urdu-btn{font-family:Noto Nastaliq Urdu,Segoe UI,system-ui;font-size:1.2rem}@media(max-width:768px){.lang-popup-box{padding:30px 24px;width:85%}.lang-popup-box h2{font-size:1.5rem}.lang-btn{padding:12px 16px;font-size:1rem}}@media(max-width:480px){.lang-popup-box{padding:24px 20px}.lang-popup-box h2{font-size:1.3rem}}html,body,#root{width:100%;min-height:100vh;font-family:DM Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f5fafa}.lentils-page{width:100%;min-height:120vh;background:#f5fafa}.lentils-header{background:linear-gradient(135deg,#284a4b,#1a3334);color:#fff;padding:50px 20px 40px;text-align:center;position:relative;box-shadow:0 4px 15px #0006;margin-top:80px;border-bottom:3px solid rgba(255,255,255,.1)}.lentils-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:3px;background:linear-gradient(90deg,transparent,#ffd700,transparent);border-radius:2px}.lentils-header-content{max-width:800px;margin:0 auto}.lentils-page-title{font-size:40px;font-weight:700;margin-bottom:12px;letter-spacing:-.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 10px rgba(0,0,0,.2)}.lentils-page-description{font-size:18px;opacity:.9;margin-bottom:5px;line-height:1.6;max-height:3.2em;overflow:hidden;text-overflow:ellipsis;display:block;font-weight:300;letter-spacing:.5px}.lentils-main{max-width:1200px;margin:0 auto;padding:30px 20px 40px}.lentils-grid-section{width:100%}.lentils-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}.lentils-category-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #00000014;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid #e0eeee;display:flex;flex-direction:column;height:100%;min-height:280px;position:relative}.lentils-category-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #284a4b33;border-color:#284a4b}.lentils-card-image{width:100%;height:180px;background-size:cover;background-position:center;flex-shrink:0;position:relative;transition:transform .5s ease}.lentils-category-card:hover .lentils-card-image{transform:scale(1.03)}.lentils-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.3));pointer-events:none}.lentils-card-content{padding:18px 20px 20px;flex:1;display:flex;flex-direction:column;justify-content:space-between;background:#fff}.lentils-card-title{font-size:18px;font-weight:700;color:#284a4b;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;letter-spacing:-.3px}.lentils-card-description{font-size:13px;color:#666;line-height:1.5;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:400;flex:1}.lentils-card-button{display:flex;align-items:center;color:#284a4b;font-weight:600;font-size:13px;transition:all .3s ease;gap:6px;margin-top:auto}.lentils-card-button svg{width:16px;height:16px;transition:transform .3s ease}.lentils-category-card:hover .lentils-card-button{color:#397d7c}.lentils-category-card:hover .lentils-card-button svg{transform:translate(6px)}.lentils-back-button-container{max-width:1200px;margin:0 auto 40px;padding:0 20px;text-align:center}.lentils-back-home-btn{background:#284a4b;color:#fff;border:none;padding:14px 35px;border-radius:50px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 15px #284a4b4d}.lentils-back-home-btn:hover{background:#1a3334;transform:translateY(-3px);box-shadow:0 8px 25px #284a4b80}@media(min-width:780px){.lentils-grid{grid-template-columns:repeat(2,1fr);gap:18px}.lentils-header{padding:35px 20px;margin-top:80px}.lentils-page-title{font-size:32px}.lentils-card-image{height:160px}.lentils-category-card{min-height:250px}.lentils-card-title,.lentils-page-description{font-size:16px}}@media(max-width:380px){.lentils-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.lentils-header{padding:20px 10px;margin-top:80px}.lentils-page-title{font-size:20px}.lentils-card-image{height:160px}.lentils-category-card{min-height:300px}.lentils-card-title{font-size:15px}.lentils-page-description{font-size:13px}.lentils-back-home-btn{width:100%;justify-content:center;padding:8px 15px;font-size:12px}}.verify-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(160deg,#284a4b99,#397d7c80);font-family:Segoe UI,Arial,sans-serif;z-index:1000}.verify-container{display:flex;width:100%;max-width:900px;height:min(88vh,680px);border-radius:22px;overflow:hidden;box-shadow:0 20px 50px #0006;background:#fff}.verify-left{flex:1.1;background:linear-gradient(150deg,#284a4b,#1a3334);padding:44px 36px;display:flex;flex-direction:column;justify-content:center;color:#fff;text-align:center}.verify-logo{margin-bottom:40px}.verify-logo-circle{width:84px;height:84px;margin:0 auto 16px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 28px #0006;overflow:hidden;border:3px solid rgba(57,125,124,.4)}.verify-logo-circle img{width:60%;height:60%;object-fit:contain}.verify-logo h1{font-size:1.8rem;margin-bottom:5px;font-weight:700;letter-spacing:-.5px}.verify-logo p{color:#f5f5f5;font-size:.85rem}.verify-info{text-align:center;margin-bottom:28px}.verify-info h2{font-size:1.4rem;margin-bottom:8px;font-weight:600}.verify-info p{color:#f5f5f5;font-size:.85rem;line-height:1.6}.verify-email-box{background:#397d7c66;padding:10px 15px;border-radius:8px;margin-top:15px;display:flex;align-items:center;justify-content:center;gap:10px}.verify-email-box i{color:#fff}.verify-right{flex:1;padding:40px 36px;display:flex;flex-direction:column;justify-content:center;background:#fff;overflow-y:auto}.verify-right h2{font-size:1.6rem;color:#284a4b;margin-bottom:24px;text-align:center;font-weight:700}.otp-group{display:flex;justify-content:center;gap:12px;margin-bottom:25px}.otp-input{width:55px;height:60px;text-align:center;font-size:24px;font-weight:600;border:2px solid #e0eeee;border-radius:8px;background:#f5fafa;color:#284a4b;transition:all .3s}.otp-input:focus{outline:none;border-color:#397d7c;background:#fff;box-shadow:0 0 0 3px #397d7c66}.success-msg{background:#f5fafa;color:#284a4b;padding:11px 14px;border-radius:8px;margin-bottom:18px;border-left:4px solid #397d7c;font-size:.825rem;text-align:center}.error-msg{background:#fecaca;color:#c0392b;padding:11px 14px;border-radius:8px;margin-bottom:18px;border-left:4px solid #fca5a5;font-size:.825rem;text-align:center}.verify-btn{width:100%;padding:13px 24px;background:linear-gradient(135deg,#284a4b,#397d7c);color:#fff;border:none;border-radius:8px;font-size:.975rem;font-weight:700;cursor:pointer;margin-bottom:16px;box-shadow:0 6px 20px #397d7c80;min-height:48px}.verify-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #397d7c66}.verify-btn:disabled{opacity:.7;cursor:not-allowed}.resend-section{text-align:center;margin-bottom:15px}.resend-btn{background:none;border:none;color:#284a4b;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.resend-btn:hover:not(:disabled){color:#397d7c;text-decoration:underline}.resend-btn:disabled{opacity:.5;cursor:not-allowed}.timer{color:#666;font-size:14px}.links{display:flex;flex-direction:column;gap:8px;text-align:center}.links a{color:#284a4b;text-decoration:none;font-size:14px;font-weight:600;transition:all .3s}.links a:hover{color:#397d7c;text-decoration:underline}.email-warning{background:#fecaca;color:#c0392b;padding:10px 12px;border-radius:8px;border-left:4px solid #fca5a5;font-size:.78rem;line-height:1.5;margin-top:4px}@media(max-width:780px){.verify-wrapper{padding:12px}.verify-container{max-width:700px;height:min(90vh,620px)}.verify-left{flex:1;padding:28px 22px}.verify-logo{margin-bottom:24px}.verify-logo-circle{width:64px;height:64px;margin-bottom:12px}.verify-logo h1{font-size:1.4rem}.verify-logo p{font-size:.75rem}.verify-info{margin-bottom:18px}.verify-info h2{font-size:1.1rem}.verify-info p{font-size:.78rem;line-height:1.5}.verify-email-box{font-size:.78rem;margin-top:10px}.verify-right{flex:1;padding:28px 22px}.verify-right h2{font-size:1.3rem}.otp-input{width:48px;height:52px;font-size:20px}.otp-group{gap:10px}.verify-btn{padding:11px 20px;font-size:.9rem;min-height:44px}}@media(max-width:380px){.verify-wrapper{align-items:flex-start;padding:0;overflow-y:auto}.verify-container{flex-direction:column;width:100%;max-width:100%;height:93vh;border-radius:0;box-shadow:none}.verify-left{flex:none;padding:10px 12px;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:140px}.verify-logo{margin-bottom:0}.verify-logo-circle{width:45px;height:45px}.verify-logo h1{font-size:16px}.verify-info{margin-bottom:0;flex:1;text-align:right}.verify-info h2{font-size:1rem}.verify-info p,.verify-email-box{display:none}.verify-right{flex:1;padding:5px 12px 28px}.verify-right h2{margin-top:-50px;font-size:1.2rem}.otp-group{gap:8px;margin-bottom:20px}.otp-input{width:42px;height:46px;font-size:18px}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:Poppins,sans-serif;background-color:#fff;color:#284a4b;overflow-x:hidden}a{text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}