/* =========================================================
   LASTO MOBILE APP EXPERIENCE
   Mobile-only overrides. Desktop/tablet layouts remain intact.
   ========================================================= */

.mobile-bottom-nav{display:none}

@media (max-width:768px){
    :root{
        --mobile-page:#f4f5f8;
        --mobile-card:#ffffff;
        --mobile-ink:#171923;
        --mobile-muted:#717783;
        --mobile-line:#e8eaf0;
        --mobile-purple:#5c35f4;
        --mobile-purple-dark:#4322cf;
        --mobile-header-height:112px;
        --mobile-nav-height:64px;
        --mobile-safe-bottom:env(safe-area-inset-bottom,0px);
    }

    html{scroll-padding-top:124px}
    body{
        padding-bottom:calc(var(--mobile-nav-height) + var(--mobile-safe-bottom) + 10px);
        background:var(--mobile-page)!important;
        color:var(--mobile-ink);
        font-size:13px;
        -webkit-tap-highlight-color:transparent;
        overscroll-behavior-y:none;
    }
    body::before{
        content:"";
        position:fixed;
        z-index:59;
        left:0;right:0;top:0;
        height:env(safe-area-inset-top,0px);
        background:#090b12;
    }
    body.mobile-menu-open,
    body.mobile-search-open{overflow:hidden}
    main{display:block;min-width:0}
    img{user-select:none}
    button,a{touch-action:manipulation}

    .site-container,
    .header-inner,
    .nav-inner{
        width:100%!important;
        max-width:none!important;
        margin-inline:0!important;
    }

    /* ---------- APP HEADER ---------- */
    .top-header{
        position:sticky!important;
        z-index:60!important;
        top:0!important;
        min-height:var(--mobile-header-height)!important;
        padding-top:env(safe-area-inset-top,0px);
        border:0!important;
        background:linear-gradient(135deg,#090b12 0%,#18102e 62%,#4d2bd8 145%)!important;
        box-shadow:0 4px 16px rgba(10,11,17,.18)!important;
    }
    body.has-scrolled .top-header{box-shadow:0 6px 20px rgba(10,11,17,.24)!important}
    .header-inner{
        min-height:var(--mobile-header-height)!important;
        padding:10px 12px 12px!important;
        display:grid!important;
        grid-template-columns:auto minmax(0,1fr) auto!important;
        grid-template-rows:40px 42px!important;
        align-items:center!important;
        gap:8px 10px!important;
    }
    .logo-link{
        grid-column:1;
        grid-row:1;
        width:92px!important;
        flex:0 0 auto!important;
        display:flex!important;
        align-items:center!important;
    }
    .logo-link img{
        width:auto!important;
        max-width:92px!important;
        height:34px!important;
        max-height:34px!important;
        object-fit:contain!important;
        object-position:left center!important;
    }
    .header-actions{
        grid-column:3;
        grid-row:1;
        margin:0!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        gap:7px!important;
    }
    .header-store-link,
    .header-whatsapp,
    .mobile-search-toggle{display:none!important}
    .mobile-menu-toggle{
        width:38px!important;
        height:38px!important;
        min-width:38px!important;
        padding:0!important;
        border:1px solid rgba(255,255,255,.16)!important;
        border-radius:12px!important;
        background:rgba(255,255,255,.1)!important;
        color:#fff!important;
        display:grid!important;
        place-items:center!important;
        box-shadow:none!important;
    }
    .mobile-menu-toggle .icon{width:20px!important;height:20px!important}
    .search-form{
        position:relative!important;
        inset:auto!important;
        grid-column:1 / -1!important;
        grid-row:2!important;
        width:100%!important;
        height:42px!important;
        display:block!important;
        opacity:1!important;
        visibility:visible!important;
        transform:none!important;
        pointer-events:auto!important;
    }
    .search-form input{
        width:100%!important;
        height:42px!important;
        padding:0 48px 0 42px!important;
        border:0!important;
        border-radius:9px!important;
        background:#fff!important;
        color:#242630!important;
        font-size:12px!important;
        box-shadow:0 3px 11px rgba(0,0,0,.13)!important;
    }
    .search-form::before{
        content:"";
        position:absolute;
        z-index:2;
        left:15px;
        top:50%;
        width:14px;
        height:14px;
        border:2px solid #8a8f9b;
        border-radius:50%;
        transform:translateY(-58%);
        pointer-events:none;
    }
    .search-form::after{
        content:"";
        position:absolute;
        z-index:2;
        left:28px;
        top:25px;
        width:6px;
        height:2px;
        border-radius:2px;
        background:#8a8f9b;
        transform:rotate(45deg);
        pointer-events:none;
    }
    .search-form button{
        right:3px!important;
        top:3px!important;
        bottom:3px!important;
        width:40px!important;
        height:36px!important;
        border:0!important;
        border-radius:8px!important;
        background:linear-gradient(135deg,var(--mobile-purple-dark),var(--mobile-purple))!important;
        color:#fff!important;
        box-shadow:none!important;
    }
    .search-form button .icon{width:17px!important;height:17px!important}

    /* ---------- MENU DRAWER ---------- */
    .main-nav{
        position:fixed!important;
        z-index:58!important;
        inset:calc(var(--mobile-header-height) + env(safe-area-inset-top,0px) + 8px) 10px auto!important;
        width:auto!important;
        height:auto!important;
        max-height:calc(100dvh - var(--mobile-header-height) - var(--mobile-nav-height) - 26px)!important;
        padding:9px!important;
        border:1px solid rgba(255,255,255,.55)!important;
        border-radius:18px!important;
        background:rgba(255,255,255,.98)!important;
        box-shadow:0 22px 60px rgba(21,20,34,.26)!important;
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
        transform:translateY(-10px) scale(.98)!important;
        transform-origin:top right!important;
        transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
        overflow:auto!important;
        backdrop-filter:blur(18px)!important;
    }
    body.mobile-menu-open .main-nav{
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
        transform:none!important;
    }
    body.mobile-menu-open::after{
        content:"";
        position:fixed;
        z-index:57;
        inset:0;
        background:rgba(6,7,11,.38);
        backdrop-filter:blur(2px);
    }
    .nav-inner{height:auto!important}
    .nav-links.navbar-menu{
        width:100%!important;
        height:auto!important;
        padding:0!important;
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:7px!important;
    }
    .nav-links.navbar-menu a{
        min-height:49px!important;
        height:auto!important;
        margin:0!important;
        padding:0 13px!important;
        border:1px solid #ececf2!important;
        border-radius:12px!important;
        background:#f8f8fb!important;
        color:#292b35!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        font-size:11px!important;
        font-weight:750!important;
        text-transform:none!important;
        box-shadow:none!important;
    }
    .nav-links.navbar-menu a.active,
    .nav-links.navbar-menu a[aria-current="page"]{
        border-color:#ded5ff!important;
        background:#f0ecff!important;
        color:var(--mobile-purple)!important;
    }

    /* ---------- FIXED BOTTOM NAV ---------- */
    .mobile-bottom-nav{
        position:fixed;
        z-index:70;
        left:0;right:0;bottom:0;
        height:calc(var(--mobile-nav-height) + var(--mobile-safe-bottom));
        padding:5px 5px var(--mobile-safe-bottom);
        border-top:1px solid #e5e6eb;
        background:rgba(255,255,255,.97);
        display:grid;
        grid-template-columns:repeat(5,minmax(0,1fr));
        box-shadow:0 -7px 24px rgba(20,22,30,.09);
        backdrop-filter:blur(18px);
    }
    .mobile-bottom-link{
        position:relative;
        min-width:0;
        padding:4px 1px 3px;
        border-radius:10px;
        color:#777c87;
        text-decoration:none;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:3px;
        font-size:9px;
        line-height:1;
        font-weight:650;
        white-space:nowrap;
    }
    .mobile-bottom-link .icon{width:21px;height:21px;stroke-width:1.9}
    .mobile-bottom-link.is-active{color:var(--mobile-purple)}
    .mobile-bottom-link.is-active::before{
        content:"";
        position:absolute;
        top:-5px;
        left:28%;right:28%;
        height:3px;
        border-radius:0 0 4px 4px;
        background:var(--mobile-purple);
    }
    .mobile-bottom-chat .icon{color:#20b75a}

    .global-floating-whatsapp{display:none!important}

    /* ---------- GLOBAL MOBILE SECTIONS ---------- */
    section.site-container,
    .site-container.product-catalog,
    .site-container.related-products,
    .site-container.product-overview,
    .site-container.product-specification-section{
        width:100%!important;
        padding-left:10px!important;
        padding-right:10px!important;
    }
    main>section:not(.hero):not(.products-hero):not(.service-hero):not(.about-hero):not(.brands-v2-hero):not(.categories-heading):not(.comparison-intro),
    .about-section,
    .contact-section,
    .product-catalog,
    .related-products{
        margin-top:10px!important;
    }
    .section-heading,
    .service-section-heading,
    .contact-section-heading,
    .brands-v2-section-heading,
    .ui-standard-header{
        margin-bottom:12px!important;
    }
    .section-heading h2,
    .service-section-heading h2,
    .contact-section-heading h2,
    .about-section-title,
    .brands-v2-section-heading h2,
    .ui-standard-title{
        font-size:20px!important;
        line-height:1.2!important;
        letter-spacing:-.35px!important;
    }
    .section-eyebrow,
    .service-eyebrow,
    .contact-eyebrow,
    .ui-standard-eyebrow{
        font-size:9px!important;
        letter-spacing:.06em!important;
    }

    /* ---------- HOME: BANNER ---------- */
    .hero{
        width:100%!important;
        height:220px!important;
        min-height:220px!important;
        margin:0!important;
        padding:8px 10px 0!important;
    }
    .hero-slider{
        height:212px!important;
        border:0!important;
        border-radius:13px!important;
        box-shadow:0 5px 16px rgba(23,25,35,.12)!important;
    }
    .hero-slide{border-radius:13px!important;overflow:hidden!important}
    .hero-art{
        inset:0!important;
        left:0!important;
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        object-position:center!important;
    }
    .hero-slide::after{
        background:linear-gradient(90deg,rgba(7,8,13,.82) 0%,rgba(7,8,13,.5) 46%,rgba(7,8,13,.04) 82%)!important;
    }
    .hero-slide-light::after{
        background:linear-gradient(90deg,rgba(255,255,255,.93) 0%,rgba(255,255,255,.66) 47%,rgba(255,255,255,.02) 82%)!important;
    }
    .hero-content{
        left:20px!important;
        top:50%!important;
        width:54%!important;
        min-width:0!important;
        max-width:none!important;
        padding:0!important;
        transform:translateY(-50%)!important;
    }
    .hero .eyebrow{font-size:8px!important;letter-spacing:.05em!important}
    .hero h1,.hero h2{
        margin:6px 0 8px!important;
        font-size:25px!important;
        line-height:.98!important;
        letter-spacing:-.8px!important;
    }
    .hero-description{
        max-width:190px!important;
        font-size:9px!important;
        line-height:1.45!important;
        display:-webkit-box!important;
        -webkit-line-clamp:3!important;
        -webkit-box-orient:vertical!important;
        overflow:hidden!important;
    }
    .hero-description br{display:none!important}
    .hero-actions{margin-top:10px!important;gap:6px!important;flex-wrap:nowrap!important}
    .hero .button{
        min-height:31px!important;
        padding:0 10px!important;
        border-radius:7px!important;
        gap:5px!important;
        font-size:8px!important;
    }
    .hero .button .icon{width:13px!important;height:13px!important}
    .hero-actions .button:nth-child(n+2){display:none!important}
    .hero-dots{bottom:8px!important;gap:5px!important}
    .hero-dot{width:14px!important;height:3px!important;border:0!important;border-radius:99px!important;background:rgba(255,255,255,.55)!important}
    .hero-dot.is-active{width:25px!important;background:var(--mobile-purple)!important;box-shadow:none!important}

    /* ---------- HOME: QUICK BENEFITS ---------- */
    .benefits{
        width:calc(100% - 20px)!important;
        min-height:0!important;
        margin:10px 10px 0!important;
        padding:9px 4px!important;
        border:0!important;
        border-radius:13px!important;
        background:#fff!important;
        display:flex!important;
        gap:0!important;
        overflow-x:auto!important;
        box-shadow:0 2px 8px rgba(20,22,30,.05)!important;
        scrollbar-width:none!important;
    }
    .benefits::-webkit-scrollbar{display:none!important}
    .benefit{
        flex:0 0 79px!important;
        min-width:79px!important;
        padding:3px 5px!important;
        border:0!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:flex-start!important;
        gap:5px!important;
        text-align:center!important;
    }
    .benefit>.icon{
        width:34px!important;
        height:34px!important;
        padding:7px!important;
        border-radius:11px!important;
        background:#f0ecff!important;
        color:var(--mobile-purple)!important;
    }
    .benefit h3{margin:0!important;font-size:8px!important;line-height:1.2!important;white-space:normal!important;text-transform:none!important}
    .benefit p{display:none!important}

    /* ---------- HOME: PROMOTIONS HORIZONTAL ---------- */
    .promotions.site-container{
        min-height:0!important;
        margin-top:10px!important;
        padding:13px 10px 14px!important;
        display:flex!important;
        align-items:stretch!important;
        gap:9px!important;
        overflow-x:auto!important;
        scroll-snap-type:x mandatory!important;
        scrollbar-width:none!important;
    }
    .promotions.site-container::-webkit-scrollbar{display:none!important}
    .promotions .promotion-intro{
        flex:0 0 138px!important;
        min-width:138px!important;
        min-height:176px!important;
        height:176px!important;
        padding:15px 13px!important;
        border-radius:13px!important;
        scroll-snap-align:start!important;
    }
    .promotions .promotion-intro h2{margin:5px 0 7px!important;font-size:19px!important;line-height:1.05!important}
    .promotions .promotion-intro>p:not(.section-eyebrow){font-size:9px!important;line-height:1.4!important}
    .promotions .promotion-card{
        flex:0 0 230px!important;
        min-width:230px!important;
        width:230px!important;
        height:176px!important;
        min-height:176px!important;
        border-radius:13px!important;
        scroll-snap-align:start!important;
    }
    .promotions .promotion-copy{inset:14px auto auto 14px!important;width:55%!important}
    .promotions .promotion-copy strong{font-size:16px!important;line-height:1.08!important}
    .promotions .promotion-copy small{font-size:9px!important;line-height:1.35!important}
    .promotions .round-arrow{left:14px!important;bottom:13px!important;width:30px!important;height:30px!important}

    /* ---------- PRODUCT CARDS: SHOPEE-LIKE 2-COLUMN ---------- */
    .featured-products{
        margin-top:10px!important;
        padding:13px 10px 15px!important;
        background:#fff!important;
        overflow:visible!important;
    }
    .featured-heading{margin-bottom:10px!important}
    .featured-heading h2{font-size:19px!important}
    .featured-heading>a{font-size:10px!important}
    .featured-products-grid,
    .products-grid,
    .related-products-grid{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:7px!important;
    }
    .featured-products-grid .product-card,
    .product-card,
    .catalog-product-card,
    .related-products-grid .catalog-product-card{
        width:100%!important;
        min-width:0!important;
        height:auto!important;
        min-height:0!important;
        margin:0!important;
        border:1px solid #ececf1!important;
        border-radius:8px!important;
        background:#fff!important;
        box-shadow:0 2px 7px rgba(20,22,30,.045)!important;
        overflow:hidden!important;
        transform:none!important;
    }
    .product-image,
    .catalog-product-image{
        position:relative!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        aspect-ratio:1 / .83!important;
        margin:0!important;
        padding:7px!important;
        border:0!important;
        border-radius:0!important;
        background:#f7f8fa!important;
    }
    .product-image img,
    .catalog-product-image img{
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        max-height:100%!important;
        object-fit:contain!important;
        transform:none!important;
    }
    .product-badge{
        top:6px!important;
        left:6px!important;
        min-height:20px!important;
        padding:0 6px!important;
        border-radius:3px!important;
        font-size:7px!important;
        box-shadow:none!important;
    }
    .product-card>a.product-main-link{display:block!important}
    .product-card>a.product-main-link>div:not(.product-image){padding:8px 8px 4px!important}
    .product-card h3,
    .catalog-product-content h2,
    .catalog-product-content h2 a{
        min-height:0!important;
        margin:0!important;
        color:#252630!important;
        font-size:10px!important;
        line-height:1.35!important;
        font-weight:650!important;
        letter-spacing:0!important;
        display:-webkit-box!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
        overflow:hidden!important;
        text-decoration:none!important;
    }
    .product-meta,
    .product-brand{
        margin:0 0 4px!important;
        color:#9296a0!important;
        font-size:7px!important;
        line-height:1.25!important;
        text-transform:uppercase!important;
        letter-spacing:.03em!important;
    }
    .product-spec,
    .catalog-product-spec{
        min-height:0!important;
        margin:4px 0 0!important;
        color:#666b76!important;
        font-size:8px!important;
        line-height:1.35!important;
        display:-webkit-box!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
        overflow:hidden!important;
    }
    .catalog-product-extra{display:none!important}
    .product-price,
    .catalog-product-bottom>strong{
        margin:7px 0 0!important;
        color:var(--mobile-purple)!important;
        font-size:14px!important;
        line-height:1!important;
        font-weight:800!important;
        letter-spacing:-.2px!important;
    }
    .product-card>.product-whatsapp{
        position:static!important;
        width:calc(100% - 14px)!important;
        min-height:29px!important;
        margin:5px 7px 7px!important;
        border-radius:5px!important;
        font-size:8px!important;
    }
    .catalog-product-content{
        min-height:0!important;
        height:auto!important;
        padding:8px!important;
        display:flex!important;
        flex-direction:column!important;
        gap:0!important;
    }
    .catalog-product-main{min-height:72px!important}
    .catalog-product-bottom{margin-top:auto!important}
    .catalog-product-actions{margin-top:7px!important;display:grid!important;grid-template-columns:1fr 32px!important;gap:5px!important}
    .product-details-button{
        min-height:30px!important;
        padding:0 7px!important;
        border-radius:5px!important;
        font-size:8px!important;
    }
    .product-card-whatsapp{
        width:32px!important;
        min-width:32px!important;
        height:30px!important;
        min-height:30px!important;
        border-radius:5px!important;
    }
    .product-card-whatsapp .icon{width:15px!important;height:15px!important}
    .product-compare-button{
        min-height:26px!important;
        margin-top:6px!important;
        padding:0 5px!important;
        border-radius:5px!important;
        justify-content:center!important;
        font-size:7px!important;
    }
    .product-compare-button .icon{width:12px!important;height:12px!important}

    /* ---------- TRUSTED BRANDS ---------- */
    .trusted-brands-section{
        margin-top:10px!important;
        padding:14px 0 16px!important;
        background:#fff!important;
    }
    .trusted-brands-container{width:100%!important;padding:0 10px!important}
    .trusted-brands-title{margin:0 0 10px!important;font-size:19px!important;text-align:left!important}
    .trusted-brand-banner{
        height:185px!important;
        min-height:185px!important;
        border-radius:13px!important;
    }
    .trusted-brand-background{object-position:center!important}
    .trusted-brand-content{
        width:66%!important;
        padding:20px 28px!important;
        align-items:flex-start!important;
        text-align:left!important;
    }
    .trusted-brand-content img,
    .trusted-brand-main-logo{max-width:100px!important;max-height:32px!important}
    .trusted-brand-description{font-size:9px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
    .trusted-brand-button{min-height:31px!important;padding:0 10px!important;font-size:8px!important}
    .trusted-brand-arrow{width:30px!important;height:30px!important}
    .trusted-brand-arrow.prev{left:6px!important}.trusted-brand-arrow.next{right:6px!important}
    .trusted-brand-list{margin-top:9px!important;padding-bottom:2px!important;gap:7px!important;scroll-snap-type:x mandatory!important}
    .trusted-brand-card{
        flex:0 0 82px!important;
        width:82px!important;
        max-width:82px!important;
        height:46px!important;
        min-height:46px!important;
        padding:8px!important;
        border-radius:8px!important;
        scroll-snap-align:start!important;
    }
    .trusted-brand-card img{width:62px!important;max-width:62px!important;height:22px!important;max-height:22px!important}

    /* ---------- GOOGLE REVIEWS ---------- */
    .google-reviews{
        width:100%!important;
        margin:10px 0 0!important;
        padding:14px 10px!important;
        background:#fff!important;
    }
    .google-reviews-shell{
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
        display:block!important;
    }
    .google-reviews-summary{padding:0!important}
    .google-review-title,.google-reviews-summary h2{font-size:19px!important}
    .google-reviews-summary>p,.google-review-filter-notice{font-size:9px!important}
    .google-review-branch-links{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important}
    .google-review-highlights{
        margin-top:10px!important;
        padding:0 0 4px!important;
        display:flex!important;
        gap:8px!important;
        overflow-x:auto!important;
        scroll-snap-type:x mandatory!important;
        scrollbar-width:none!important;
    }
    .google-review-highlights::-webkit-scrollbar,.google-review-branch-links::-webkit-scrollbar{display:none!important}
    .google-review-card{
        flex:0 0 84%!important;
        min-width:84%!important;
        min-height:176px!important;
        padding:13px!important;
        border-radius:11px!important;
        scroll-snap-align:start!important;
    }
    .google-review-card-text{font-size:9px!important;line-height:1.55!important}

    /* ---------- FOOTER ---------- */
    .footer{
        margin-top:10px!important;
        padding:22px 14px 18px!important;
        background:#0c0e14!important;
    }
    .footer-inner{
        display:block!important;
        text-align:center!important;
    }
    .footer-brand{max-width:none!important}
    .footer-logo-link img{height:44px!important;margin:0 auto!important}
    .footer-brand p{margin:10px auto!important;max-width:290px!important;font-size:9px!important;line-height:1.55!important}
    .social-links{justify-content:center!important}
    .footer-column,.footer-help{display:none!important}
    .copyright{margin-top:15px!important;padding-top:12px!important;font-size:8px!important;text-align:center!important}

    /* ---------- PAGE HEROES ---------- */
    .products-hero,
    .service-hero,
    .about-hero,
    .brands-v2-hero,
    .categories-heading,
    .comparison-intro{
        width:100%!important;
        margin:0!important;
        padding:10px!important;
    }
    .products-hero{height:180px!important;min-height:180px!important}
    .products-hero-inner{
        height:170px!important;
        min-height:170px!important;
        padding:0!important;
        border-radius:13px!important;
        grid-template-columns:59% 41%!important;
        overflow:hidden!important;
    }
    .products-hero-copy{padding:18px 0 16px 16px!important;position:relative!important;z-index:2!important}
    .products-hero-copy>p{margin:0 0 5px!important;font-size:8px!important}
    .products-hero-copy h1{font-size:24px!important;line-height:1!important;letter-spacing:-.7px!important}
    .products-hero-description{margin-top:8px!important;font-size:8px!important;line-height:1.4!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
    .products-hero-actions{margin-top:8px!important}
    .products-whatsapp-link{min-height:29px!important;padding:0 9px!important;font-size:7px!important}
    .products-hero-art{height:100%!important;min-height:0!important}
    .hero-category-image{right:-8%!important;top:9%!important;width:112%!important;height:88%!important;object-fit:contain!important}
    .hero-laptop-front{right:-9%!important;bottom:0!important;width:180px!important}
    .hero-laptop-back{right:-35%!important;top:22%!important;width:150px!important}

    .service-hero{
        min-height:220px!important;
        height:auto!important;
        padding:20px 16px!important;
        border-radius:0!important;
        grid-template-columns:1fr!important;
        overflow:hidden!important;
    }
    .service-hero-copy{max-width:64%!important;position:relative!important;z-index:2!important}
    .service-hero-copy h1{font-size:25px!important;line-height:1.02!important}
    .service-hero-copy>p:not(.service-eyebrow){font-size:9px!important;line-height:1.45!important}
    .service-hero-actions{margin-top:12px!important}
    .service-button{min-height:32px!important;padding:0 10px!important;font-size:8px!important}
    .service-hero-visual{position:absolute!important;right:-34px!important;bottom:0!important;width:58%!important;height:100%!important}

    .about-hero{height:220px!important;min-height:220px!important;padding:0!important}
    .about-hero>div,.about-hero-inner{border-radius:0!important}
    .about-hero-content{padding:22px 16px!important;width:68%!important}
    .about-hero h1{font-size:28px!important}

    .brands-v2-hero-inner{
        min-height:190px!important;
        padding:20px 16px!important;
        border-radius:13px!important;
        grid-template-columns:58% 42%!important;
    }
    .brands-v2-hero-copy h1{font-size:27px!important}
    .brands-v2-hero-copy p{font-size:9px!important;line-height:1.45!important}
    .brands-v2-hero-art{min-width:0!important}

    .categories-heading{padding:20px 14px 14px!important;background:#fff!important}
    .categories-heading h1{font-size:26px!important;line-height:1.05!important}
    .categories-heading p{font-size:10px!important;line-height:1.5!important}

    /* ---------- PRODUCTS PAGE ---------- */
    .product-catalog{
        padding-top:8px!important;
        padding-bottom:14px!important;
        background:#fff!important;
    }
    .catalog-intro{padding:9px 2px 8px!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important}
    .catalog-intro>div{min-width:0!important}
    .catalog-intro p{margin:0 0 3px!important;font-size:8px!important}
    .catalog-intro h2{font-size:19px!important;line-height:1.15!important}
    .catalog-intro .products-result-count{padding:0!important;font-size:9px!important;white-space:nowrap!important}
    .products-toolbar{
        position:sticky!important;
        z-index:20!important;
        top:calc(var(--mobile-header-height) + env(safe-area-inset-top,0px))!important;
        min-height:48px!important;
        margin:0 -10px 9px!important;
        padding:6px 10px!important;
        border-top:1px solid #ededf2!important;
        border-bottom:1px solid #e5e6eb!important;
        background:rgba(255,255,255,.97)!important;
        box-shadow:0 4px 10px rgba(20,22,30,.05)!important;
        backdrop-filter:blur(14px)!important;
    }
    .products-toolbar-left,.products-toolbar-right{gap:5px!important}
    .filter-toggle{
        width:36px!important;
        min-width:36px!important;
        height:36px!important;
        display:grid!important;
        place-items:center!important;
        border-radius:7px!important;
        background:#f3efff!important;
        color:var(--mobile-purple)!important;
    }
    .active-taxonomy-summary{display:none!important}
    .products-toolbar-right{margin-left:auto!important}
    .products-toolbar-right>label{display:none!important}
    #products-sort{
        width:118px!important;
        height:36px!important;
        padding:0 24px 0 9px!important;
        border-radius:7px!important;
        font-size:9px!important;
    }
    .view-switch{height:36px!important}
    .view-button{width:32px!important;height:36px!important}
    .products-catalog-layout{display:block!important}
    .products-results-panel{min-width:0!important}
    .active-search-message{margin:0 0 8px!important;padding:9px!important;font-size:9px!important}
    .product-filters{
        position:fixed!important;
        z-index:82!important;
        left:0!important;right:0!important;top:auto!important;bottom:0!important;
        width:100%!important;
        height:min(78dvh,650px)!important;
        max-height:78dvh!important;
        padding:0 12px calc(14px + var(--mobile-safe-bottom))!important;
        border:0!important;
        border-radius:20px 20px 0 0!important;
        background:#fff!important;
        box-shadow:0 -18px 55px rgba(10,11,17,.28)!important;
        overflow:auto!important;
        transform:translateY(105%)!important;
        transition:transform .24s ease!important;
    }
    .product-filters.is-open{transform:translateY(0)!important}
    .filters-mobile-heading{
        position:sticky!important;
        z-index:3!important;
        top:0!important;
        min-height:54px!important;
        margin:0 -12px 9px!important;
        padding:0 14px!important;
        border-bottom:1px solid #ececf1!important;
        background:#fff!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
    }
    .filter-close{width:36px!important;height:36px!important}
    .filter-overlay{
        position:fixed!important;
        z-index:81!important;
        inset:0!important;
        background:rgba(5,6,10,.48)!important;
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
        transition:.2s ease!important;
    }
    .filter-overlay.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
    .filter-heading-row,.dynamic-filter-profile{font-size:10px!important}
    .filter-group{padding:10px 0!important}
    .filter-group summary{font-size:11px!important}
    .filter-options,.taxonomy-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
    .taxonomy-option,.filter-options label{min-height:39px!important;padding:7px!important;border:1px solid #ececf2!important;border-radius:7px!important;font-size:9px!important}
    .products-pagination{margin-top:12px!important}
    .no-products{padding:30px 15px!important}

    .products-grid.is-list-view{grid-template-columns:1fr!important}
    .products-grid.is-list-view .catalog-product-card{display:grid!important;grid-template-columns:125px 1fr!important}
    .products-grid.is-list-view .catalog-product-image{height:100%!important;aspect-ratio:auto!important}

    .compare-floating-bar{
        left:6px!important;right:6px!important;bottom:calc(var(--mobile-nav-height) + var(--mobile-safe-bottom) + 7px)!important;
        width:auto!important;
        border-radius:13px!important;
    }
    .compare-floating-inner{padding:8px!important;gap:7px!important}
    .compare-floating-heading>div span,.compare-selected-products{display:none!important}
    .compare-floating-heading strong{font-size:9px!important}
    .compare-floating-actions{gap:5px!important}
    .compare-floating-actions button,.compare-floating-actions a{min-height:32px!important;padding:0 9px!important;font-size:8px!important}

    /* ---------- PRODUCT DETAILS ---------- */
    .product-detail-main{padding-bottom:68px!important;background:#fff!important}
    .product-breadcrumb{min-height:38px!important;padding:0 10px!important;font-size:8px!important;overflow:hidden!important;white-space:nowrap!important}
    .product-overview{
        padding-top:0!important;
        padding-bottom:14px!important;
        display:block!important;
    }
    .product-gallery{padding:0!important}
    .product-main-image-wrap{
        height:auto!important;
        aspect-ratio:1.13 / 1!important;
        border:0!important;
        border-radius:0!important;
        background:#f7f8fa!important;
    }
    .product-main-image{padding:15px!important;object-fit:contain!important}
    .gallery-expand{top:9px!important;right:9px!important}
    .product-thumbnails-row{margin:8px 0 0!important}
    .product-thumbnail{height:52px!important}
    .product-summary{padding:13px 3px 0!important}
    .stock-badge{min-height:20px!important;padding:0 7px!important;font-size:7px!important}
    .product-summary h1,.product-detail-title{margin:8px 0 6px!important;font-size:20px!important;line-height:1.23!important;letter-spacing:-.35px!important}
    .product-detail-price{margin:0 0 10px!important;font-size:22px!important}
    .product-meta{font-size:8px!important}
    .product-description{margin:13px 0!important;font-size:10px!important;line-height:1.55!important}
    .product-primary-actions{
        position:fixed!important;
        z-index:69!important;
        left:0!important;right:0!important;
        bottom:calc(var(--mobile-nav-height) + var(--mobile-safe-bottom))!important;
        width:auto!important;
        margin:0!important;
        padding:7px 10px!important;
        border-top:1px solid #e5e6eb!important;
        background:rgba(255,255,255,.97)!important;
        box-shadow:0 -8px 20px rgba(20,22,30,.08)!important;
        backdrop-filter:blur(14px)!important;
    }
    .chat-product-button,.product-chat-button,.chat-with-us-button{
        width:100%!important;
        max-width:none!important;
        min-height:42px!important;
        border:0!important;
        border-radius:8px!important;
        background:linear-gradient(135deg,#20b75a,#13a64d)!important;
        color:#fff!important;
        font-size:10px!important;
        box-shadow:0 5px 14px rgba(17,166,77,.2)!important;
    }
    .product-trust-grid{margin-top:14px!important;padding-top:13px!important;gap:10px 5px!important}
    .product-trust-item{font-size:8px!important}
    .product-trust-item>.icon{width:25px!important;height:25px!important}
    .product-trust-item strong{font-size:8px!important}.product-trust-item span{font-size:7px!important}
    .product-specification-section{
        padding-top:14px!important;
        padding-bottom:14px!important;
        gap:14px!important;
        background:#f7f8fa!important;
    }
    .key-specifications,.full-specifications{padding:13px!important;border-radius:11px!important;background:#fff!important}
    .key-specifications h2,.full-specifications h2,.related-heading-row h2{font-size:16px!important}
    .key-spec-grid{gap:6px!important}
    .key-spec-card{min-height:118px!important;padding:12px 7px!important;border-radius:7px!important}
    .key-spec-icon{width:38px!important;height:38px!important;margin-bottom:7px!important}.key-spec-icon .icon{width:21px!important;height:21px!important}
    .key-spec-card h3{margin-bottom:4px!important;font-size:9px!important}.key-spec-card p{font-size:8px!important}
    .specification-table{font-size:9px!important}
    .specification-table th,.specification-table td{min-height:35px!important;padding:7px 8px!important}
    .related-products{padding-top:14px!important;padding-bottom:14px!important;background:#fff!important}

    /* ---------- CATEGORIES ---------- */
    .categories-main{background:var(--mobile-page)!important}
    .categories-card-grid{
        padding-top:0!important;
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
    }
    .large-category-card{
        min-height:218px!important;
        height:auto!important;
        border-radius:11px!important;
        display:flex!important;
        flex-direction:column!important;
        overflow:hidden!important;
    }
    .category-card-content{
        order:2!important;
        width:100%!important;
        padding:10px!important;
        min-height:112px!important;
    }
    .category-artwork{
        order:1!important;
        position:relative!important;
        inset:auto!important;
        width:100%!important;
        height:103px!important;
        display:block!important;
    }
    .category-artwork img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
    .category-number{font-size:8px!important}
    .large-category-card h2{font-size:14px!important;line-height:1.15!important}
    .large-category-card p{font-size:8px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
    .category-tags{display:none!important}
    .category-cta{margin-top:7px!important;min-height:29px!important;font-size:8px!important}
    .categories-store-stats{margin-top:10px!important;padding:15px 10px!important}
    .categories-store-stats-inner{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
    .categories-stat{min-height:76px!important;padding:11px!important}

    /* ---------- BRANDS ---------- */
    .brands-v2-directory{padding-top:14px!important;padding-bottom:14px!important;background:#fff!important}
    .brands-v2-search-box{margin:0 0 9px!important}
    .brands-v2-search-box input{height:40px!important;font-size:10px!important}
    .brands-v2-filters{
        margin:0 -10px 10px!important;
        padding:0 10px 4px!important;
        display:flex!important;
        flex-wrap:nowrap!important;
        overflow-x:auto!important;
        scrollbar-width:none!important;
    }
    .brands-v2-filters::-webkit-scrollbar{display:none!important}
    .brands-v2-filter{flex:0 0 auto!important;min-height:32px!important;padding:0 11px!important;font-size:8px!important}
    .brands-v2-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
    .brands-v2-card{min-height:132px!important;padding:12px 8px!important;border-radius:9px!important}
    .brands-v2-card-content{gap:7px!important}
    .brands-v2-card h3{font-size:11px!important}
    .brands-v2-card-button{font-size:7px!important}
    .brand-logo{min-height:44px!important}.brand-logo img{max-width:86px!important;max-height:37px!important}
    .brands-v2-load{min-height:38px!important;margin-top:10px!important;font-size:9px!important}
    .brands-v2-benefits{padding-top:10px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
    .brands-v2-benefits article{min-height:82px!important;padding:10px!important;border-radius:9px!important}
    .brands-v2-benefits h3{font-size:9px!important}.brands-v2-benefits p{font-size:7px!important}
    .brands-v2-help{min-height:210px!important;padding:16px!important;border-radius:0!important}
    .brands-v2-help-copy{max-width:65%!important}.brands-v2-help-copy h2{font-size:21px!important}.brands-v2-help-copy p{font-size:9px!important}

    /* ---------- SERVICES ---------- */
    .service-shortcuts{
        padding:8px 10px!important;
        display:flex!important;
        gap:7px!important;
        overflow-x:auto!important;
        scrollbar-width:none!important;
    }
    .service-shortcuts::-webkit-scrollbar{display:none!important}
    .service-shortcuts a{flex:0 0 auto!important;min-height:36px!important;padding:0 11px!important;font-size:8px!important}
    .repair-section,.why-lasto,.service-process,.service-help,.service-faq{padding-top:14px!important;padding-bottom:14px!important;background:#fff!important}
    .service-card-grid,.repair-services-grid,.office-services-grid,.services-grid{
        display:flex!important;
        grid-template-columns:none!important;
        gap:8px!important;
        overflow-x:auto!important;
        scroll-snap-type:x mandatory!important;
        scrollbar-width:none!important;
    }
    .service-card-grid::-webkit-scrollbar{display:none!important}
    .service-card{
        flex:0 0 78%!important;
        width:78%!important;
        height:180px!important;
        min-height:180px!important;
        max-height:180px!important;
        border-radius:11px!important;
        scroll-snap-align:start!important;
    }
    .service-card-content{padding:14px!important}
    .service-card-content h3{font-size:15px!important}.service-card-content p{font-size:9px!important}
    .business-services{margin-top:10px!important;padding:15px 10px!important}
    .why-lasto-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
    .why-lasto-grid article{min-height:89px!important;padding:10px!important;border-radius:9px!important}
    .why-lasto-grid h3{font-size:9px!important}.why-lasto-grid p{font-size:7px!important}
    .service-process-grid{display:flex!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:none!important}
    .service-process-grid li{flex:0 0 72%!important;min-height:112px!important;padding:13px!important}
    .service-help{min-height:190px!important;padding:16px!important}.service-help-copy{max-width:65%!important}.service-help-copy h2{font-size:20px!important}.service-help-copy p{font-size:9px!important}
    .service-faq-item{border-radius:8px!important}.service-faq-question{min-height:48px!important;padding:0 11px!important;font-size:9px!important}

    /* ---------- ABOUT ---------- */
    .vision-mission{padding-top:10px!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
    .statement-card{min-height:150px!important;padding:17px!important;border-radius:11px!important}
    .statement-card h2{font-size:19px!important}.statement-card p{font-size:10px!important}
    .about-section{padding-top:14px!important;padding-bottom:14px!important;background:#fff!important}
    .values-grid,.steps-grid,.offer-grid{display:flex!important;gap:8px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
    .values-grid::-webkit-scrollbar,.steps-grid::-webkit-scrollbar,.offer-grid::-webkit-scrollbar{display:none!important}
    .value-card,.step-card,.offer-card{flex:0 0 75%!important;min-width:75%!important;min-height:145px!important;padding:14px!important;border-radius:10px!important;scroll-snap-align:start!important}
    .value-card h3,.step-card h3,.offer-card h3{font-size:13px!important}.value-card p,.step-card p,.offer-card p{font-size:9px!important}
    .help-information{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding-top:10px!important}
    .help-information article{min-height:82px!important;padding:11px!important}
    .about-store-stats{margin-top:10px!important;padding:16px 10px!important}
    .about-store-stats-inner{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
    .about-visit-store{grid-column:1/-1!important;min-height:120px!important;padding:15px!important}
    .about-stat{min-height:85px!important;padding:10px!important}

    /* ---------- CONTACT ---------- */
    .contact-main{background:var(--mobile-page)!important}
    .contact-hero{min-height:220px!important;height:auto!important;margin:0!important;padding:20px 16px!important;border-radius:0!important}
    .contact-hero-copy{max-width:65%!important}.contact-hero h1{font-size:26px!important}.contact-hero p{font-size:9px!important}
    .contact-methods,.contact-stores,.contact-faq{padding-top:14px!important;padding-bottom:14px!important;background:#fff!important}
    .contact-method-grid{display:flex!important;gap:8px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
    .contact-method-grid::-webkit-scrollbar{display:none!important}
    .contact-method-card{flex:0 0 76%!important;min-width:76%!important;min-height:155px!important;padding:14px!important;border-radius:10px!important;scroll-snap-align:start!important}
    .contact-store-grid{grid-template-columns:1fr!important;gap:8px!important}
    .contact-store-card{border-radius:11px!important;overflow:hidden!important}.contact-store-image{height:155px!important}.contact-store-content{padding:13px!important}
    .contact-faq-grid{grid-template-columns:1fr!important;gap:7px!important}.contact-faq-item{border-radius:8px!important}.contact-faq-question{min-height:48px!important;padding:0 11px!important;font-size:9px!important}

    /* ---------- COMPARISON ---------- */
    .comparison-main{background:var(--mobile-page)!important}
    .comparison-intro{padding-top:17px!important;background:#fff!important}
    .comparison-intro h1{font-size:24px!important}
    .comparison-intro p{font-size:9px!important}
    .comparison-rule-card{margin-top:10px!important;padding:11px!important;border-radius:9px!important;font-size:9px!important}
    .comparison-section{margin-top:10px!important;padding-top:13px!important;padding-bottom:13px!important;background:#fff!important}
    .comparison-section-heading{align-items:flex-start!important}.comparison-section-heading h2{font-size:17px!important}.comparison-section-heading p{font-size:8px!important}
    .comparison-heading-actions{display:flex!important;gap:5px!important}.comparison-heading-actions a,.comparison-heading-actions button{min-height:31px!important;padding:0 8px!important;font-size:7px!important}
    .comparison-table-scroll{margin:0 -10px!important;padding:0 10px 5px!important;overflow-x:auto!important;scroll-snap-type:x proximity!important}
    .comparison-table{min-width:690px!important;font-size:9px!important}
    .comparison-feature-heading{position:sticky!important;left:0!important;z-index:4!important;width:104px!important;min-width:104px!important;background:#fafaff!important}
    .comparison-table tbody th{position:sticky!important;left:0!important;z-index:3!important;background:#fafaff!important}
    .comparison-product-head{min-width:170px!important;padding:9px!important}.comparison-product-image{height:98px!important}.comparison-product-head h3{font-size:10px!important}
    .comparison-table th,.comparison-table td{padding:8px!important}
    .comparison-enquiry-link{min-height:31px!important;font-size:8px!important}

    /* ---------- MODALS ---------- */
    .whatsapp-picker-dialog{
        top:auto!important;
        bottom:0!important;
        width:100%!important;
        max-width:none!important;
        max-height:78dvh!important;
        border-radius:20px 20px 0 0!important;
        padding-bottom:var(--mobile-safe-bottom)!important;
        transform:translateY(0)!important;
    }
    .whatsapp-picker-heading{padding:18px 16px 12px!important}
    .whatsapp-picker-body{padding:0 12px 14px!important}
    .whatsapp-branch-option{min-height:72px!important;border-radius:10px!important}
}

@media (max-width:390px){
        .header-inner{padding-left:9px!important;padding-right:9px!important}
        .hero{padding-left:8px!important;padding-right:8px!important}
        .hero-content{left:17px!important;width:57%!important}
        .hero h1,.hero h2{font-size:23px!important}
        .promotions .promotion-card{flex-basis:214px!important;min-width:214px!important;width:214px!important}
        .catalog-product-content h2,.catalog-product-content h2 a,.product-card h3{font-size:9.5px!important}
        .mobile-bottom-link{font-size:8.5px!important}
        .service-card,.contact-method-card{flex-basis:84%!important;width:84%!important;min-width:84%!important}
 }

@media (max-width:768px){
    .products-toolbar{
        display:flex!important;
        flex-wrap:nowrap!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:7px!important;
    }
    .products-toolbar-left{
        width:auto!important;
        flex:0 0 auto!important;
        justify-content:flex-start!important;
    }
    .products-toolbar-right{
        width:auto!important;
        flex:1 1 auto!important;
        justify-content:flex-end!important;
    }
    .service-hero{
        position:relative!important;
        overflow:hidden!important;
    }
    .service-hero-visual{
        inset:auto -34px 0 auto!important;
        height:100%!important;
        max-height:100%!important;
    }
}
@media (max-width:768px){
    .products-toolbar{flex-direction:row!important}
}