/* Desktop: always show menu, hide hamburger */
@media (min-width: 1025px) {
.hero-menu-sidebar { display: none !important; }
.hero-hamburger { display: none !important; }
}

@media (max-width : 1620px) {
.one-app-content{width: 1100px;}

}

@media (max-width : 1440px) {
.one-app-content{width: 1000px;}

}

@media (max-width : 1400px) {
.one-app-content{width: 900px;}
}

@media (max-width : 1320px) {
.one-app-content .app-icon{width: 120px;}
.app-icon-img{width: 64px; height: 64px;}
.app-icon-img img{width: 32px; height: 32px;}
.app-icon-text{margin-top: 8px; font-size: 14px; line-height: 20px;}
.app-left-icon-1{top: -60px; left: auto; right: 0}
.app-left-icon-2{top: -170px; left: 110px;}
.app-left-icon-3{top: -60px; left: -40px;}
.app-right-icon-1{top: 0px; left: 0;}
.app-right-icon-2{top: -130px; left: 160px;}
.app-right-icon-3{top:0; right: 0;}
}

@media (max-width : 1280px) {
.chefs-group-item{margin-top: 30vw;}
.chefs-group-item-text{top: 16vw;}
}

@media (max-width : 1200px) {
.chefs-group{gap: 0;}
}

@media (max-width : 1152px) {

}

@media (max-width : 1024px) {
.wrap{padding-left: 24px; padding-right: 24px;}
.mt-200{margin-top: 120px;}
.display-2{font-size: 28px; line-height: 36px;}

.hero-menu{display: none !important;}
.hero-hamburger{display: flex !important; flex-direction: column; justify-content: center; gap: 6px; width: 44px; height: 44px; padding: 10px; background: transparent; border: none; cursor: pointer; border-radius: 8px; transition: background 0.2s ease;}
.hero-hamburger:hover{background: rgba(0,0,0,0.06);}
.hero-hamburger:focus{outline: none; box-shadow: 0 0 0 2px rgba(224,0,82,0.3);}
.hero-hamburger-icon{display: block; width: 24px; height: 2px; background: var(--neutral-600); border-radius: 1px; transition: transform 0.3s ease, opacity 0.3s ease;}
.hero-hamburger[aria-expanded="true"] .hero-hamburger-icon:nth-child(1){transform: translateY(8px) rotate(45deg);}
.hero-hamburger[aria-expanded="true"] .hero-hamburger-icon:nth-child(2){opacity: 0;}
.hero-hamburger[aria-expanded="true"] .hero-hamburger-icon:nth-child(3){transform: translateY(-8px) rotate(-45deg);}
.hero-menu-sidebar{position: fixed; top: 0; right: 0; width: 320px; max-width: 85vw; height: 100vh; background: var(--primary-300); z-index: 999; transform: translateX(100%); transition: transform 0.3s cubic-bezier(0.4,0,0.2,1); box-shadow: -4px 0 20px rgba(0,0,0,0.15); display: flex; flex-direction: column; overflow-y: auto;}
.hero-menu-sidebar.show{transform: translateX(0);}
.hero-menu-header{display: flex; align-items: center; justify-content: space-between; padding: 24px; border-bottom: 1px solid rgba(255,255,255,0.2);}
.hero-menu-title{font-size: 20px; font-weight: 600; color: var(--white);}
.hero-menu-close{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: transparent; border: none; cursor: pointer; border-radius: 8px; transition: background 0.2s ease; color: var(--white); font-size: 28px; line-height: 1; padding: 0;}
.hero-menu-close:hover{background: rgba(255,255,255,0.1);}
.hero-menu-close:focus{outline: none; box-shadow: 0 0 0 2px rgba(255,255,255,0.3);}
.hero-menu-content{padding: 24px; display: flex; flex-direction: column; gap: 0;}
.hero-menu-content a{padding: 16px 0; font-size: 18px; font-weight: 500; color: var(--white); text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.1); transition: color 0.2s ease, padding-left 0.2s ease;}
.hero-menu-content a:last-child{border-bottom: none; margin-top: 8px;}
.hero-menu-content a:hover{color: var(--neutral-100); padding-left: 8px;}
.hero-menu-content .btn-primary{width: 100%; justify-content: center; background: var(--white); color: var(--primary-300); border-color: var(--white);}
.hero-menu-content .btn-primary:hover{background: var(--neutral-100); color: var(--primary-400);}
.hero-content-inner, .hero-subtitle{margin-left: auto; margin-right: auto; text-align: center;}
.hero-download{display: none;}
.hero-content-inner .download-btn{animation: fadeInUp 1s ease-out 0.5s both;}

.app-bf-label{font-size: 12px; line-height: 16px;}
.app-bf-content-wrapper .display-1{font-size: 28px; line-height: 36px; margin-top: 16px;}
.app-bf-content-wrapper .font-18{font-size: 14px; line-height: 20px; margin-top: 16px;}
.app-bf-teaser-copy{min-width: 250px; max-width: 300px;}

.download-qr{display: none;}
.download-btn{display: block;}
.faq-accordion .accordion.faq-accordion-cols{gap: 24px;}
.faq-accordion{margin-top: 40px;}
.chefs-group{flex-direction: column; }
.chefs-group-item{margin-top: -100px;}
.chefs-group-item-right{margin-left: auto;}
.chefs-group-item-text{top: 200px;}
}

@media (max-width : 979px) {
.one-app-section{padding-top: 120px;}
.one-app-content-right-bg{display: none;}
.one-app-section .display-2{position: static; }
.one-app-content{flex-direction: column; align-items: center !important; padding-top: 240px; width: calc(100% + 48px); margin-left: -24px; margin-right: -24px;}
.one-app-content-left{width: 100%; margin: 0; position: relative;}
.one-app-content-right{padding: 200px 0 0; background: var(--info-50); width: 100%; margin-top: 35px;}
.one-app-content-right::before{content: ''; position: absolute; top: -108px; left: 0; width: 100%; height: 100%; background: url(../images/one-app-small-bg.png) no-repeat center 0; }
.one-app-content-box{ max-width: 500px; margin: 0 auto;}
.one-app-content-left-img img{width: 90%;}
.app-left-icon-2{top: -150px; left: calc(50% - 80px);}
.app-right-icon-2{top: -160px; left: calc(50% - 60px);}

.faq-accordion .accordion.faq-accordion-cols{flex-direction: column;}
.faq-accordion .faq-col{width: 100%;}
.faq-accordion .accordion-item{max-width: 620px; width: 100%; margin: 0 auto;}
.contact-content{justify-content: center;}
.contact-text{right: auto;}
.contact-text .display-2{font-size: 24px; line-height: 32px; text-align: center;}
.contact-form{text-align: center;}
.contact-form .btn{margin-top: 8px;}
}

@media (max-width : 900px) {
.chefs-group-item{max-width: 500px;}
.chefs-group-item-left .chefs-group-item-text{right: -200px;}
.chefs-group-item-right .chefs-group-item-text{left: -200px;}
.about-content{flex-direction: column;}
.about-img{width: 100%;}
.about-text{width: 100%;}
.download-content{min-height: 480px;}
.faq-accordion .accordion.faq-accordion-cols{flex-direction: column;}
.faq-accordion .faq-col{width: 100%;}
.faq-accordion .accordion-item{max-width: 620px; width: 100%; margin: 0 auto;}


}


@media (max-width : 768px) {
.wrap{padding-left: 16px; padding-right: 16px;}
.row-24{margin-left: -16px; margin-right: -16px;}
.row-24 [class*="col-"], .row-24 [class*="col-md-"], .row-24 [class*="col-sm-"]{ padding: 0 16px;}

.modal-dialog{padding-left: 0; padding-right: 0; width: 100%; max-width: 100%;}
.modal-dialog-bottom{margin:0; position:fixed; bottom:0; left:0; right:0; width:100%; max-height:100%; display:flex; align-items:flex-end;}
.modal-dialog-bottom .modal-content{border-radius:16px 16px 0 0; width:100%; max-height:85vh; overflow:auto; padding: 16px;}

.m-font-12{font-size: 12px; line-height: 16px;}
.m-font-14{font-size: 14px; line-height: 18px;}
.m-font-16{font-size: 16px; line-height: 20px;}
.m-font-24{font-size: 24px; line-height: 32px;}

.m-pt-24{padding-top: 24px;}
.m-mt-120{margin-top: 120px;}
.m-mt-96{margin-top: 96px;}
.m-mt-40{margin-top: 40px;}
.m-mt-24{margin-top: 24px;}
.m-mt-16{margin-top: 16px;}

.hero-nav{padding: 8px 0;}
.hero-nav-content{padding: 10px 16px;}
.hero-logo{max-width: 108px;}
.hero-content .display-1{font-size: 28px; line-height: 36px;}
.hero-subtitle{max-width: 267px; margin-left: auto; margin-right: auto; text-align: left;}

.one-app-section{padding-top: 40px;}
.one-app-content-box{max-width: 285px;}
.one-app-section .display-2 div{display: block;}
.one-app-section .display-2 span{font-size: 32px; line-height: 40px; font-weight: 600;}
.one-app-content-left-img img{width: 100%;}
.one-app-content-right .one-app-content-box {max-width: 326px;}
.app-icon-text{font-size: 12px; line-height: 16px;}
.one-app-content{padding-top: 210px;}
.one-app-content-right{padding-top: 160px;}
.app-left-icon-1{top: -112px; left: -36px;}
.app-left-icon-2{top: -180px; left: calc(50% - 60px);}
.app-left-icon-3{top: -112px; left: auto; right: -46px;}
.app-right-icon-1{top: -112px; left: -16px;}
.app-right-icon-2{top: -160px; left: calc(50% - 60px);}
.app-right-icon-3{top: -112px; right: -16px;}

/* Mobile: show all slides stacked, disable scroll-step animation */
.app-bf-teaser-img{display: none;}
.app-bf-show-mobile{display: block; margin-top: 24px;}.app-bf-scroll-track{height: auto !important;}
.app-bf-sticky-inner{position: relative !important; height: auto !important; min-height: 0 !important; padding: 48px 0 !important;}
.app-bf-sticky-inner .wrap{padding: 0 16px;}
.app-bf-teaser-grid{display: block; max-height: inherit;}
.app-bf-teaser-copy{max-width: 450px; margin: 0 auto; text-align: center; min-height: 0;}
.app-bf-teaser-copy-wrap{position: relative !important; opacity: 1 !important; visibility: visible !important; transform: none !important; transition: none !important; margin-bottom: 48px;}
.app-bf-teaser-copy-wrap:last-child{margin-bottom: 0;}
.app-bf-fixed-nav{display: none !important;}

.handle{height: 64px; width: 64px;}

.download-content{background: url(../images/download-mobile.png) no-repeat center center; background-size: cover;}
.faq-accordion .accordion-body, .accordion-button, .accordion-button:not(.collapsed){padding-right: 48px;}
.contact-content{align-items: center; flex-direction: column; padding-bottom: 0;}
.contact-text{width: calc(100% - 32px); position: relative; margin-top: -56%; padding: 24px;}
.contact-form textarea{height: 80px !important;}

.footer{-moz-border-radius: 24px 24px 0 0; -webkit-border-radius: 24px 24px 0 0; border-radius: 24px 24px 0 0;}
.footer-menu{max-width: 350px; margin: 40px auto 0; flex-wrap: wrap; gap: 16px !important;}
.footer-menu a{font-size: 16px; line-height: 20px;}
.content-header{padding-top: 60px;}
}

@media (max-width : 750px) {
.chefs-content{max-width: 360px;}
.chefs-group-item{max-width: 240px; margin-top: -32px;}
.chefs-group-item-text{width: 286px; padding: 12px 16px; top: auto; bottom: 40px;}
.chefs-group-item-text h4{font-size: 16px; line-height: 20px; font-weight: 500;}
.chefs-group-item-left .chefs-group-item-text{left: 65px; right: auto;}
.chefs-group-item-right .chefs-group-item-text{left: auto; right: 58px; bottom: 60px;}
}

@media (max-width : 380px) {
.hero-content .display-1{font-size: 24px; line-height: 32px;}
.chefs-group-item-text{width: 250px; padding: 12px 16px; top: auto; bottom: 40px;}
.chefs-group-item-text::before{width: 24px; height: 17px; top: -16px; background-size: cover;}
.chefs-group-item-left .chefs-group-item-text{left: 50px;}
.chefs-group-item-right .chefs-group-item-text{right: 50px; bottom: 40px;}
.chefs-group-item-left .chefs-group-item-text::before{left: -16px;}
.chefs-group-item-right .chefs-group-item-text::before{right: -16px;}
}

/* Short viewport height: prevent app-bf section overflow and image clipping */
@media (max-height: 820px) {
.app-bf-img-wrap{max-height: min(75vh, 620px); min-height: 260px;}
.app-bf-img-wrap .app-bf-thumbnail > img{max-height: min(75vh, 620px);}
}
@media (max-height: 700px) {
.app-bf-sticky-inner{padding: 80px 0 60px;}
.app-bf-fixed-nav, .app-share-section .app-bf-fixed-nav{bottom: 64px; gap: 24px; justify-content: center; margin-top: 48px;}
.app-bf-pagination-wrap{font-size: 20px; line-height: 24px;}
.app-bf-img-wrap{max-height: min(65vh, 620px); min-height: 260px;}
.app-bf-img-wrap .app-bf-thumbnail > img{max-height: min(65vh, 620px);}
.app-bf-teaser-copy{min-height: 500px;}

}

@media (max-height: 670px) {
.app-bf-content-wrapper .display-1{font-size: 22px; line-height: 28px;}
.app-bf-fixed-nav{margin-top: 24px !important;}
.app-bf-scroll-track .app-bf-sticky-inner{padding-top: 80px !important;}

}

@media (min-width: 700px) and (max-height: 1140px) {
.app-bf-scroll-track .app-bf-sticky-inner{align-items: center !important;}
}