/* ========================================================================== 
   YAN FLOWER MOBILE RESPONSIVE CONSOLIDATION - v1.5.121
   Loaded last to normalize legacy breakpoints against the current desktop UI.
   ========================================================================== */

@media only screen and (max-width: 767px){
    html,
    body{
        width:100%;
        max-width:100%;
        overflow-x:hidden;
    }

    body *,
    body *::before,
    body *::after{
        box-sizing:border-box;
    }

    body img,
    body svg,
    body video,
    body iframe{
        max-width:100%;
    }

    .container,
    header.site-header .container{
        width:auto !important;
        max-width:calc(100% - 24px) !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    /* ---------- Header ---------- */
    header.site-header .hyt-announcement-bar.hyt-utility-bar{
        height:36px !important;
        min-height:36px !important;
    }
    header.site-header .hyt-utility-inner{
        width:auto !important;
        max-width:calc(100% - 24px) !important;
        height:36px !important;
        margin:0 auto !important;
    }
    header.site-header .hyt-utility-actions,
    header.site-header .hyt-utility-location,
    header.site-header .hyt-utility-support,
    header.site-header .hyt-delivery-trigger{
        height:36px !important;
    }
    header.site-header .hyt-delivery-trigger{
        max-width:100%;
    }
    header.site-header .hyt-delivery-label{
        min-width:0;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    header.site-header .hyt-delivery-popover{
        right:0 !important;
        width:min(320px, calc(100vw - 24px)) !important;
        max-width:calc(100vw - 24px) !important;
    }

    header.site-header .toggle-menu-mobile-wrapper{
        height:40px !important;
        border-top:0 !important;
        border-bottom:1px solid #efefef !important;
        background:#fff !important;
    }
    header.site-header .toggle-menu-mobile-wrapper .container{
        height:40px !important;
    }
    header.site-header .toggle-menu-mobile-wrapper a{
        height:40px !important;
        width:38px !important;
        line-height:40px !important;
    }

    header.site-header .main-header{
        padding:10px 0 12px !important;
    }
    header.site-header .main-header .main-inner{
        width:100%;
        min-width:0;
    }
    header.site-header .main-header .main-inner .logo img{
        width:auto !important;
        max-width:100% !important;
        height:auto !important;
    }
    header.site-header .main-header .main-inner .hyt-header-search .form-inner{
        width:100%;
        min-width:0;
        border-radius:24px;
    }
    header.site-header .main-header .main-inner .hyt-header-search .form-inner input[type=search]{
        min-width:0;
    }
    header.site-header .hyt-header-actions{
        min-width:0;
    }
    header.site-header .hyt-account-popover{
        max-height:calc(100vh - 105px);
        overflow-y:auto;
    }

    .popup-menu-mobile .popup-inner{
        height:100vh;
        overflow-y:auto;
        -webkit-overflow-scrolling:touch;
    }
    .popup-menu-mobile ul.menu-main>li>a{
        min-height:44px;
        display:flex;
        align-items:center;
    }

    /* ---------- Home hero ---------- */
    section.banner-home.banner-home-full-image.hyt-home-hero{
        margin-top:10px !important;
    }
    section.banner-home.banner-home-full-image.hyt-home-hero > .container{
        width:auto !important;
        max-width:calc(100% - 20px) !important;
    }
    section.banner-home.hyt-home-hero .hero-full-slider{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:12px !important;
    }
    section.banner-home.hyt-home-hero .hyt-hero-slider,
    section.banner-home.hyt-home-hero .hyt-hero-viewport,
    section.banner-home.hyt-home-hero .hyt-hero-slide{
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        aspect-ratio:2.35 / 1;
    }
    section.banner-home.hyt-home-hero .hyt-hero-track{
        height:100% !important;
    }
    section.banner-home.hyt-home-hero .hyt-hero-slide>a{
        height:100% !important;
    }
    section.banner-home.hyt-home-hero .hyt-hero-slide img{
        width:100% !important;
        height:100% !important;
        min-height:0 !important;
        object-fit:cover !important;
    }
    section.banner-home.hyt-home-hero .hyt-hero-arrow{
        width:38px !important;
        height:38px !important;
    }
    section.banner-home.hyt-home-hero .hyt-hero-arrow--prev{left:8px !important;}
    section.banner-home.hyt-home-hero .hyt-hero-arrow--next{right:8px !important;}
    section.banner-home.hyt-home-hero .hyt-hero-dots{
        bottom:9px !important;
        min-height:28px !important;
        padding:0 11px !important;
        gap:7px !important;
    }
    section.banner-home.hyt-home-hero .hyt-hero-dot{
        width:8px !important;
        height:8px !important;
    }
    section.banner-home.hyt-home-hero .hyt-home-hero__advice-inner{
        width:100%;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        padding:16px !important;
        overflow:visible !important;
    }
    section.banner-home.hyt-home-hero .hyt-home-hero__title-row{
        align-items:center;
        gap:8px;
    }
    section.banner-home.hyt-home-hero .hyt-home-hero__title-icon,
    section.banner-home.hyt-home-hero .hyt-home-hero__title-icon img{
        width:28px !important;
        height:28px !important;
        flex-basis:28px !important;
    }
    section.banner-home.hyt-home-hero .hyt-home-hero__heading h2{
        font-size:22px !important;
        line-height:1.12 !important;
    }
    section.banner-home.hyt-home-hero .hyt-home-hero__heading p{
        font-size:13px !important;
        line-height:1.45 !important;
    }
    section.banner-home.hyt-home-hero .form-search-product form.hyt-hero-consult-form{
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
    }
    section.banner-home.hyt-home-hero .form-search-product .form-control.submit{
        grid-column:1 / -1 !important;
    }
    section.banner-home.hyt-home-hero .hyt-custom-select__trigger,
    section.banner-home.hyt-home-hero .form-search-product .form-control.submit input[type=submit]{
        min-height:44px;
    }
    section.banner-home.hyt-home-hero .hyt-custom-select__menu{
        max-height:190px;
    }

    /* ---------- Home category carousel ---------- */
    section.hyt-home-flowercats-carousel{
        margin-top:34px !important;
        padding-bottom:28px !important;
    }
    section.hyt-home-flowercats-carousel .container{
        max-width:calc(100% - 20px) !important;
    }
    section.hyt-home-flowercats-carousel .hyt-flowercats-head{
        margin-bottom:14px !important;
    }
    section.hyt-home-flowercats-carousel .hyt-flowercats-imagebox{
        border-radius:5px !important;
    }
    section.hyt-home-flowercats-carousel .hyt-flowercats-arrow{
        width:28px !important;
        height:46px !important;
    }

    /* ---------- Homepage product sections ---------- */
    section.list-product-flashsale,
    section.list-products-by-cat{
        margin-top:28px !important;
    }
    section.list-product-flashsale .list-inner ul,
    section.list-products-by-cat .box-list-product .list-inner ul{
        margin-left:-5px !important;
        margin-right:-5px !important;
    }
    section.list-product-flashsale .list-inner ul li,
    section.list-products-by-cat .box-list-product .list-inner ul li{
        width:50% !important;
        flex:0 0 50% !important;
        padding:5px 5px 14px !important;
    }
    li.product.home-product-card.floral-minimal-card .image{
        height:160px !important;
    }
    li.product.home-product-card.floral-minimal-card .image img{
        max-height:160px !important;
    }
    li.product.home-product-card.floral-minimal-card .info{
        padding-top:9px !important;
    }
    li.product.home-product-card.floral-minimal-card .info h3{
        min-height:38px !important;
        margin-bottom:6px !important;
        font-size:13px !important;
        line-height:1.4 !important;
    }
    li.product.home-product-card.floral-minimal-card .btn-view-product{
        height:38px !important;
        font-size:12.5px !important;
    }
    section.list-products-by-cat .box-list-product .heading .list-cats,
    section.list-product-flashsale .box-heading .list-cats{
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }
    section.list-products-by-cat .box-list-product .heading .list-cats::-webkit-scrollbar,
    section.list-product-flashsale .box-heading .list-cats::-webkit-scrollbar{
        display:none;
    }

    /* ---------- Service bar ---------- */
    .hyt-service-bar{
        margin-top:26px !important;
        padding:16px 0 18px !important;
    }
    .hyt-service-bar .hyt-service-bar__container{
        max-width:calc(100% - 24px) !important;
    }
    .hyt-service-bar .hyt-service-bar__grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:18px 12px !important;
    }
    .hyt-service-bar .hyt-service-bar__utility,
    .hyt-service-bar .hyt-service-bar__cta{
        min-height:0 !important;
    }
    .hyt-service-bar .hyt-service-bar__utility-icon{
        width:52px !important;
        height:52px !important;
        margin-bottom:5px !important;
    }
    .hyt-service-bar .hyt-service-bar__utility-icon img{
        max-width:42px !important;
        max-height:42px !important;
    }
    .hyt-service-bar .hyt-service-bar__utility h3{
        min-height:0 !important;
        font-size:12.5px !important;
        line-height:1.4 !important;
    }
    .hyt-service-bar .hyt-service-bar__cta{
        grid-column:1 / -1 !important;
    }
    .hyt-service-bar .hyt-service-bar__cta-label{
        min-height:0 !important;
        margin-bottom:6px !important;
        font-size:14px !important;
    }
    .hyt-service-bar .hyt-service-bar__cta-button{
        width:min(100%, 320px) !important;
        min-height:44px !important;
        margin:0 auto !important;
        font-size:15px !important;
    }

    /* ---------- Footer ---------- */
    footer#footer.hyt-modern-footer .hyt-footer__container{
        width:calc(100% - 28px) !important;
    }
    footer#footer.hyt-modern-footer .hyt-footer__main{
        padding:30px 0 26px !important;
    }
    footer#footer.hyt-modern-footer .hyt-footer__grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:28px 20px !important;
    }
    footer#footer.hyt-modern-footer .hyt-footer__contact,
    footer#footer.hyt-modern-footer .hyt-footer__promo{
        grid-column:1 / -1;
    }
    footer#footer.hyt-modern-footer .hyt-footer__title,
    footer#footer.hyt-modern-footer .hyt-footer__section-title{
        margin-bottom:14px;
    }
    footer#footer.hyt-modern-footer .hyt-footer__menu li,
    footer#footer.hyt-modern-footer .hyt-footer__links-source .widget_nav_menu ul.menu li{
        margin-bottom:9px;
    }
    footer#footer.hyt-modern-footer .hyt-footer__promo-field{
        grid-template-columns:minmax(0,1fr) 70px !important;
    }
    footer#footer.hyt-modern-footer .hyt-footer__order-line{
        margin:14px 0 20px;
    }
    footer#footer.hyt-modern-footer .hyt-footer__payment-block{
        margin-bottom:20px;
    }
    footer#footer.hyt-modern-footer .hyt-footer__company{
        padding:18px 0 20px !important;
    }
    footer#footer.hyt-modern-footer .hyt-footer__company-wrap{
        grid-template-columns:minmax(0,1fr) auto !important;
        gap:14px !important;
        align-items:center !important;
    }
    footer#footer.hyt-modern-footer .hyt-footer__company-right,
    footer#footer.hyt-modern-footer .hyt-footer__bct{
        justify-content:flex-end !important;
    }
    footer#footer.hyt-modern-footer .hyt-footer__bct,
    footer#footer.hyt-modern-footer .hyt-footer__bct img.hyt-footer__bct-image,
    footer#footer.hyt-modern-footer img.hyt-footer__bct-image{
        width:92px !important;
        max-width:92px !important;
    }

    /* ---------- Shop / category archive ---------- */
    .woocommerce.archive section.hyt-product-archive-page .list-product-in-archive ul,
    .tax-product_cat section.hyt-product-archive-page .list-product-in-archive ul,
    .tax-product_brand section.hyt-product-archive-page .list-product-in-archive ul,
    .tax-product_tag section.hyt-product-archive-page .list-product-in-archive ul,
    .woocommerce.archive section.hyt-product-archive-page .list-product-in-child-cat .list-inner ul,
    .tax-product_cat section.hyt-product-archive-page .list-product-in-child-cat .list-inner ul{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px 8px !important;
    }
    .woocommerce.archive section.hyt-product-archive-page .order-by,
    .tax-product_cat section.hyt-product-archive-page .order-by,
    .tax-product_brand section.hyt-product-archive-page .order-by,
    .tax-product_tag section.hyt-product-archive-page .order-by{
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }
    .woocommerce.archive section.hyt-product-archive-page .order-by::-webkit-scrollbar,
    .tax-product_cat section.hyt-product-archive-page .order-by::-webkit-scrollbar,
    .tax-product_brand section.hyt-product-archive-page .order-by::-webkit-scrollbar,
    .tax-product_tag section.hyt-product-archive-page .order-by::-webkit-scrollbar{
        display:none;
    }

    /* ---------- Product detail ---------- */
    body.single-product section.content-single-product.hyt-single-product > .container.hyt-product-main{
        width:auto !important;
        max-width:calc(100% - 24px) !important;
    }
    .hyt-product-summary .hyt-action-group{
        grid-template-columns:1fr !important;
    }
    .hyt-product-summary .hyt-action-group a,
    .hyt-product-summary .hyt-action-group button{
        width:100%;
        min-height:46px;
    }
    .hyt-related-products .list-inner ul li{
        width:50% !important;
        flex-basis:50% !important;
    }

    /* ---------- Cart / checkout / account ---------- */
    .page-template-page-cart section.content-cart-page > .container,
    .woocommerce-cart section.content-cart-page > .container,
    .page-template-page-checkout section.content-checkout-page > .container,
    .woocommerce-checkout section.content-checkout-page > .container,
    .hyt-auth-page .container,
    .hyt-account-page .container{
        width:auto !important;
        max-width:calc(100% - 24px) !important;
    }
    .page-template-page-cart input,
    .page-template-page-cart select,
    .page-template-page-cart textarea,
    .woocommerce-cart input,
    .woocommerce-cart select,
    .woocommerce-cart textarea,
    .page-template-page-checkout input,
    .page-template-page-checkout select,
    .page-template-page-checkout textarea,
    .woocommerce-checkout input,
    .woocommerce-checkout select,
    .woocommerce-checkout textarea,
    .hyt-auth-page input,
    .hyt-auth-page select,
    .hyt-auth-page textarea,
    .hyt-account-page input,
    .hyt-account-page select,
    .hyt-account-page textarea{
        max-width:100%;
        font-size:16px !important;
    }
    .hyt-account-sidebar .woocommerce-MyAccount-navigation ul{
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none !important;
    }
    .hyt-account-sidebar .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{
        display:none;
    }
    .woocommerce table,
    .woocommerce-page table{
        max-width:100%;
    }

    /* ---------- Breadcrumbs / floating UI ---------- */
    section.breadcrumb-page ul,
    .hyt-product-breadcrumb ul,
    .hyt-archive-breadcrumb ul{
        max-width:100%;
        flex-wrap:wrap;
        overflow-wrap:anywhere;
    }
    .popup-chat-zalo{
        right:12px !important;
        bottom:14px !important;
    }
    .popup-chat-zalo a,
    .popup-chat-zalo img{
        max-width:50px !important;
        max-height:50px !important;
    }
    .back-to-top{
        display:none !important;
    }
}

@media only screen and (max-width: 520px){
    .container,
    header.site-header .container{
        max-width:calc(100% - 20px) !important;
    }

    header.site-header .hyt-utility-inner{
        max-width:calc(100% - 20px) !important;
    }
    header.site-header .hyt-utility-support{
        flex:0 0 26px;
        width:26px;
        overflow:hidden;
    }
    header.site-header .hyt-utility-support-icon{
        margin:0;
    }
    header.site-header .hyt-delivery-trigger{
        font-size:11px !important;
    }
    header.site-header .main-header .main-inner .logo{
        width:132px !important;
        max-width:132px !important;
    }
    header.site-header .hyt-header-action-icon{
        width:23px !important;
        height:23px !important;
        flex-basis:23px !important;
    }
    header.site-header .hyt-header-account-trigger{
        gap:5px !important;
        padding:0 4px !important;
    }
    header.site-header .hyt-header-cart,
    header.site-header .hyt-header-cart>a{
        width:42px !important;
        flex-basis:42px !important;
    }

    section.banner-home.hyt-home-hero .hyt-home-hero__heading h2{
        font-size:20px !important;
    }
    section.banner-home.hyt-home-hero .form-search-product form.hyt-hero-consult-form{
        grid-template-columns:1fr !important;
    }
    section.banner-home.hyt-home-hero .form-search-product .form-control.submit{
        grid-column:auto !important;
    }

    section.list-product-flashsale .list-inner ul li,
    section.list-products-by-cat .box-list-product .list-inner ul li{
        width:50% !important;
        flex:0 0 50% !important;
    }
    li.product.home-product-card.floral-minimal-card .image{
        height:145px !important;
    }
    li.product.home-product-card.floral-minimal-card .image img{
        max-height:145px !important;
    }

    footer#footer.hyt-modern-footer .hyt-footer__grid{
        gap:24px 14px !important;
    }
    footer#footer.hyt-modern-footer .hyt-footer__menu a,
    footer#footer.hyt-modern-footer .hyt-footer__links-source .widget_nav_menu ul.menu li a{
        font-size:13px !important;
    }
    footer#footer.hyt-modern-footer .hyt-footer__company-wrap{
        grid-template-columns:1fr !important;
    }
    footer#footer.hyt-modern-footer .hyt-footer__company-right,
    footer#footer.hyt-modern-footer .hyt-footer__bct{
        justify-content:flex-start !important;
    }

    .woocommerce.archive section.hyt-product-archive-page .list-product-in-archive ul,
    .tax-product_cat section.hyt-product-archive-page .list-product-in-archive ul,
    .tax-product_brand section.hyt-product-archive-page .list-product-in-archive ul,
    .tax-product_tag section.hyt-product-archive-page .list-product-in-archive ul,
    .woocommerce.archive section.hyt-product-archive-page .list-product-in-child-cat .list-inner ul,
    .tax-product_cat section.hyt-product-archive-page .list-product-in-child-cat .list-inner ul{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px 7px !important;
    }
}

@media only screen and (max-width: 380px){
    header.site-header .hyt-header-account-text{
        display:none !important;
    }
    header.site-header .main-header .main-inner .logo{
        width:122px !important;
        max-width:122px !important;
    }
    section.banner-home.hyt-home-hero .hyt-home-hero__title-icon,
    section.banner-home.hyt-home-hero .hyt-home-hero__title-icon img{
        width:25px !important;
        height:25px !important;
        flex-basis:25px !important;
    }
    section.banner-home.hyt-home-hero .hyt-home-hero__heading h2{
        font-size:19px !important;
    }
    section.hyt-home-flowercats-carousel .hyt-flowercats-head h2{
        font-size:20px !important;
    }
}