body.site-home-modern{overflow-x:hidden}
body.site-home-modern .home-hero-search-v4{margin-top:0!important}
body.site-home-modern .home-hero-copy-v4{top:auto!important;bottom:62px!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}
body.site-home-modern .home-hero-copy-v4 h1{overflow-wrap:anywhere}
body.site-home-modern .home-hero-copy-v4 p{overflow-wrap:anywhere}
body.site-home-modern .home-hero-search-v4{flex:0 0 auto!important}
body.site-home-modern .home-hero-dots-v4{left:0!important;right:0!important;width:100%!important;transform:none!important;justify-content:center!important}

@media(max-width:900px){
    body.site-home-modern{--home-mobile-side:20px}
    body.site-home-modern .topbar .shell{width:calc(100% - 24px)!important}
    body.site-home-modern .home-nav-v1{min-height:72px!important;grid-template-columns:minmax(104px,1fr) 44px minmax(120px,1.2fr) 44px!important;gap:8px!important}
    body.site-home-modern .home-logo-v1{height:54px!important;min-width:0!important}
    body.site-home-modern .home-logo-v1 img{width:min(128px,100%)!important;height:50px!important}
    body.site-home-modern .home-catalog-v1{width:44px!important;height:44px!important;padding:0!important;font-size:0!important}
    body.site-home-modern .home-city-v1{height:44px!important;min-width:0!important;padding:0 10px!important}
    body.site-home-modern .home-city-v1 b{font-size:13px!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
    body.site-home-modern .home-account-v1{width:44px!important;height:44px!important;font-size:12px!important}
    body.site-home-modern .home-links-v1{display:none!important}

    body.site-home-modern .home-hero-v4{width:calc(100% - 20px)!important;height:clamp(570px,78svh,670px)!important;min-height:570px!important;max-height:670px!important;margin-left:auto!important;margin-right:auto!important;border-radius:0 0 24px 24px!important;overflow:hidden!important}
    body.site-home-modern .home-hero-media-v4{inset:0!important}
    body.site-home-modern .home-hero-media-v4 img{object-position:var(--slide-pos-x,68%) var(--slide-pos-y,50%)!important;transform:scale(1.02)!important}
    body.site-home-modern .home-hero-slide-v4.active .home-hero-media-v4 img{transform:scale(1.045)!important}
    body.site-home-modern .home-hero-shade-v4{background:linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.18) 31%,rgba(0,0,0,.52) 58%,rgba(0,0,0,.94) 100%)!important}
    body.site-home-modern .home-hero-copy-v4{left:24px!important;right:24px!important;width:auto!important;max-width:none!important;bottom:58px!important}
    body.site-home-modern .home-hero-copy-v4 h1{width:100%!important;max-width:100%!important;margin:0 0 8px!important;font-size:clamp(36px,8.6vw,52px)!important;line-height:.96!important;letter-spacing:-.025em!important;text-wrap:balance!important}
    body.site-home-modern .home-hero-copy-v4 p{width:100%!important;max-width:520px!important;margin:0 0 14px!important;font-size:clamp(13px,2.8vw,16px)!important;line-height:1.35!important}
    body.site-home-modern .home-hero-search-v4{width:100%!important;max-width:520px!important;margin:0!important}
    body.site-home-modern .home-hero-search-shell-v4{height:54px!important;grid-template-columns:minmax(0,1fr) 54px!important;border-radius:10px!important}
    body.site-home-modern .home-hero-search-shell-v4 input{padding:0 16px!important;font-size:14px!important}
    body.site-home-modern .home-hero-search-shell-v4 button{width:54px!important;height:54px!important}
    body.site-home-modern .home-hero-search-shell-v4 button span{left:18px!important;top:16px!important;width:14px!important;height:14px!important}
    body.site-home-modern .home-hero-link-v4{margin-top:12px!important;font-size:11px!important}
    body.site-home-modern .home-hero-dots-v4{bottom:16px!important}
    body.site-home-modern .hero-manage{top:82px!important;right:14px!important;font-size:10px!important}

    body.site-home-modern .home-feature-pair-v5.shell,
    body.site-home-modern .home-category-slider-v6.shell,
    body.site-home-modern .home-popular-v7.shell,
    body.site-home-modern .section.shell,
    body.site-home-modern .dynamic-block,
    body.site-home-modern .html-block{width:calc(100% - 24px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}

    body.site-home-modern .home-feature-pair-v5{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:18px 0 12px!important}
    body.site-home-modern .home-feature-tile-v5{height:clamp(176px,38vw,220px)!important;border-radius:14px!important}
    body.site-home-modern .home-feature-copy-v5{left:15px!important;right:12px!important;bottom:14px!important;gap:8px!important}
    body.site-home-modern .home-feature-copy-v5 b{font-size:clamp(24px,5.8vw,34px)!important;line-height:.96!important}
    body.site-home-modern .home-feature-copy-v5 i{width:36px!important;height:36px!important;flex:0 0 36px!important;font-size:17px!important}
    body.site-home-modern .home-franchise-orbit-v5{right:14px!important;width:clamp(92px,22vw,128px)!important;height:clamp(92px,22vw,128px)!important}
    body.site-home-modern .home-franchise-glow-v5{right:-12px!important;width:180px!important;height:120px!important}
    body.site-home-modern .home-feature-manage-v5{top:25px!important;right:7px!important;padding:5px 8px!important;font-size:9px!important}

    body.site-home-modern .home-category-slider-v6{padding:22px 0 28px!important}
    body.site-home-modern .home-category-head-v6{align-items:center!important;gap:12px!important;margin-bottom:13px!important}
    body.site-home-modern .home-category-head-v6 h2{font-size:clamp(23px,5vw,30px)!important}
    body.site-home-modern .home-category-links-v6{gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
    body.site-home-modern .home-category-links-v6 a{font-size:9px!important}
    body.site-home-modern .home-category-viewport-v6{width:100%!important;margin:0!important;padding:2px 0 7px!important;scroll-padding-inline:0!important;touch-action:pan-x pan-y pinch-zoom!important;overscroll-behavior-x:contain!important}
    body.site-home-modern .home-category-track-v6{gap:10px!important;justify-content:flex-start!important;min-width:0!important}
    body.site-home-modern .home-category-card-v6{flex:0 0 calc((100vw - 44px)/2)!important;width:calc((100vw - 44px)/2)!important;min-width:0!important;height:clamp(154px,40vw,190px)!important;border-radius:13px!important;scroll-snap-align:start!important}
    body.site-home-modern .home-category-card-v6 strong{left:10px!important;right:34px!important;bottom:11px!important;font-size:clamp(12px,3vw,15px)!important;text-align:left!important}
    body.site-home-modern .home-category-card-v6 i{right:9px!important;bottom:9px!important;width:24px!important;height:24px!important}
    body.site-home-modern .home-category-nav-v6{display:none!important}
    body.site-home-modern .home-category-dots-v6{margin-top:8px!important}

    body.site-home-modern .home-popular-v7{padding:20px 0 32px!important}
    body.site-home-modern .home-popular-head-v7{align-items:center!important;gap:12px!important;margin-bottom:13px!important}
    body.site-home-modern .home-popular-head-v7 h2{font-size:clamp(23px,5vw,30px)!important}
    body.site-home-modern .home-popular-links-v7{gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
    body.site-home-modern .home-popular-links-v7 a{font-size:9px!important}
    body.site-home-modern .home-popular-viewport-v7{width:100%!important;margin:0!important;padding:1px 0 7px!important;touch-action:pan-x pan-y pinch-zoom!important;overscroll-behavior-x:contain!important}
    body.site-home-modern .home-popular-track-v7{gap:10px!important;justify-content:flex-start!important;min-width:0!important}
    body.site-home-modern .home-popular-card-v7{flex:0 0 calc((100vw - 44px)/2)!important;width:calc((100vw - 44px)/2)!important;min-width:0!important;height:clamp(220px,56vw,260px)!important;border-radius:13px!important;scroll-snap-align:start!important}
    body.site-home-modern .home-popular-media-v7{height:clamp(132px,34vw,158px)!important;min-height:clamp(132px,34vw,158px)!important}
    body.site-home-modern .home-popular-media-v7 img{padding:8px!important}
    body.site-home-modern .home-popular-media-v7>b{font-size:clamp(36px,9vw,48px)!important}
    body.site-home-modern .home-popular-body-v7{padding:10px 34px 10px 10px!important;align-items:flex-start!important;text-align:left!important}
    body.site-home-modern .home-popular-body-v7>strong{width:100%!important;font-size:clamp(11px,2.8vw,13px)!important;line-height:1.15!important;text-align:left!important}
    body.site-home-modern .home-popular-body-v7>small{width:100%!important;font-size:9px!important;text-align:left!important}
    body.site-home-modern .home-popular-body-v7>em{width:100%!important;justify-content:flex-start!important;font-size:9px!important}
    body.site-home-modern .home-popular-arrow-v7{right:8px!important;bottom:8px!important;width:24px!important;height:24px!important}
    body.site-home-modern .home-popular-nav-v7{display:none!important}
    body.site-home-modern .home-popular-dots-v7{margin-top:7px!important}

    body.site-home-modern .banner-grid,
    body.site-home-modern .news-grid{grid-template-columns:1fr!important;gap:12px!important}
    body.site-home-modern .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
    body.site-home-modern .dynamic-block{grid-template-columns:1fr!important;gap:16px!important}
    body.site-home-modern .dynamic-block>img{width:100%!important;max-height:280px!important;object-fit:cover!important}

    body.site-home-modern .footer{margin-top:18px!important;padding:30px 0 calc(28px + env(safe-area-inset-bottom))!important}
    body.site-home-modern .footer .shell{width:calc(100% - 32px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;gap:12px!important}
    body.site-home-modern .footer-legal{gap:10px!important}
    body.site-home-modern .footer-legal a{font-size:14px!important;line-height:1.3!important;white-space:normal!important}
}

@media(max-width:520px){
    body.site-home-modern .topbar .shell{width:calc(100% - 16px)!important}
    body.site-home-modern .home-nav-v1{min-height:68px!important;grid-template-columns:94px 40px minmax(86px,1fr) 40px!important;gap:6px!important}
    body.site-home-modern .home-logo-v1{height:48px!important}
    body.site-home-modern .home-logo-v1 img{width:90px!important;height:46px!important}
    body.site-home-modern .home-catalog-v1{width:40px!important;height:40px!important}
    body.site-home-modern .home-city-v1{height:40px!important;padding:0 8px!important;grid-template-columns:14px minmax(0,1fr) 7px!important;gap:6px!important}
    body.site-home-modern .home-city-v1 b{font-size:12px!important}
    body.site-home-modern .home-account-v1{width:40px!important;height:40px!important;font-size:11px!important}

    body.site-home-modern .home-hero-v4{width:calc(100% - 16px)!important;height:clamp(560px,80svh,650px)!important;min-height:560px!important;max-height:650px!important;border-radius:0 0 22px 22px!important}
    body.site-home-modern .home-hero-copy-v4{left:20px!important;right:20px!important;bottom:54px!important}
    body.site-home-modern .home-hero-copy-v4 h1{font-size:clamp(34px,10.5vw,46px)!important;margin-bottom:7px!important}
    body.site-home-modern .home-hero-copy-v4 p{font-size:13px!important;margin-bottom:12px!important;line-height:1.32!important}
    body.site-home-modern .home-hero-search-shell-v4{height:52px!important;grid-template-columns:minmax(0,1fr) 52px!important}
    body.site-home-modern .home-hero-search-shell-v4 button{width:52px!important;height:52px!important}
    body.site-home-modern .home-hero-search-shell-v4 button span{left:17px!important;top:15px!important}
    body.site-home-modern .home-hero-link-v4{margin-top:11px!important;font-size:10px!important}
    body.site-home-modern .hero-manage{top:78px!important;right:12px!important}

    body.site-home-modern .home-feature-pair-v5.shell,
    body.site-home-modern .home-category-slider-v6.shell,
    body.site-home-modern .home-popular-v7.shell,
    body.site-home-modern .section.shell,
    body.site-home-modern .dynamic-block,
    body.site-home-modern .html-block{width:calc(100% - 20px)!important}

    body.site-home-modern .home-feature-pair-v5{gap:8px!important;padding:16px 0 10px!important}
    body.site-home-modern .home-feature-tile-v5{height:clamp(164px,47vw,195px)!important;border-radius:12px!important}
    body.site-home-modern .home-feature-copy-v5{left:12px!important;right:10px!important;bottom:12px!important}
    body.site-home-modern .home-feature-copy-v5 b{font-size:clamp(22px,7vw,30px)!important}
    body.site-home-modern .home-feature-copy-v5 i{width:32px!important;height:32px!important;flex-basis:32px!important;font-size:15px!important}
    body.site-home-modern .home-franchise-orbit-v5{right:8px!important;width:92px!important;height:92px!important}
    body.site-home-modern .home-feature-manage-v5{top:21px!important;font-size:8px!important}

    body.site-home-modern .home-category-head-v6 h2,
    body.site-home-modern .home-popular-head-v7 h2{font-size:22px!important}
    body.site-home-modern .home-category-links-v6 a,
    body.site-home-modern .home-popular-links-v7 a{font-size:8px!important}
    body.site-home-modern .home-category-card-v6{flex-basis:calc((100vw - 38px)/2)!important;width:calc((100vw - 38px)/2)!important;height:clamp(148px,43vw,176px)!important}
    body.site-home-modern .home-popular-card-v7{flex-basis:calc((100vw - 38px)/2)!important;width:calc((100vw - 38px)/2)!important;height:clamp(214px,61vw,242px)!important}
    body.site-home-modern .home-popular-media-v7{height:clamp(126px,36vw,145px)!important;min-height:clamp(126px,36vw,145px)!important}
    body.site-home-modern .product-grid{gap:8px!important}
}

@media(max-width:350px){
    body.site-home-modern .home-nav-v1{grid-template-columns:84px 38px minmax(76px,1fr) 38px!important;gap:5px!important}
    body.site-home-modern .home-logo-v1 img{width:82px!important}
    body.site-home-modern .home-city-v1 b{font-size:11px!important}
    body.site-home-modern .home-feature-copy-v5 b{font-size:21px!important}
    body.site-home-modern .home-category-card-v6{flex-basis:calc((100vw - 34px)/2)!important;width:calc((100vw - 34px)/2)!important}
    body.site-home-modern .home-popular-card-v7{flex-basis:calc((100vw - 34px)/2)!important;width:calc((100vw - 34px)/2)!important}
}

@media(max-width:760px){

    body.site-home-modern .home-hero-dots-v4{
        --mobile-slider-dots-v16:1;

        left:0!important;
        right:0!important;
        bottom:16px!important;

        width:100%!important;
        height:12px!important;
        min-height:0!important;

        display:flex!important;
        flex-direction:row!important;
        align-items:center!important;
        justify-content:center!important;

        gap:7px!important;

        transform:none!important;
    }

    body.site-home-modern .home-hero-dots-v4 button{
        display:block!important;

        flex:0 0 auto!important;

        width:7px!important;
        min-width:7px!important;
        max-width:7px!important;

        height:7px!important;
        min-height:7px!important;
        max-height:7px!important;

        padding:0!important;
        margin:0!important;

        border:0!important;
        border-radius:50%!important;

        appearance:none!important;
        -webkit-appearance:none!important;

        background:rgba(255,255,255,.32)!important;
    }

    body.site-home-modern .home-hero-dots-v4 button.active{
        width:22px!important;
        min-width:22px!important;
        max-width:22px!important;

        height:7px!important;
        min-height:7px!important;
        max-height:7px!important;

        border-radius:999px!important;

        background:#f01818!important;
    }

    body.site-home-modern .home-category-dots-v6 button,
    body.site-home-modern .home-popular-dots-v7 button{
        flex:0 0 auto!important;

        width:7px!important;
        min-width:7px!important;
        max-width:7px!important;

        height:7px!important;
        min-height:7px!important;
        max-height:7px!important;

        padding:0!important;
        margin:0!important;
    }

    body.site-home-modern .home-category-dots-v6 button.active,
    body.site-home-modern .home-popular-dots-v7 button.active{
        width:22px!important;
        min-width:22px!important;
        max-width:22px!important;

        height:7px!important;
        min-height:7px!important;
        max-height:7px!important;
    }
}