.hero{
            height:250px;
             background: linear-gradient(135deg, #d4e8f0 0%, #e8f4f8 40%, #f0f8f0 70%, #e8f0e8 100%);background-size:cover;
            background-position:center;
            border-radius:0 0 24px 24px;
            display:flex;
            align-items:center;
            justify-content:center;
            text-align:center;
            color:#1a5f54;
        }


         .hero-badges { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
    .hero-badge { background: rgba(255,255,255,0.85); border: 1px solid var(--ali-border); border-radius: 20px; padding: 4px 12px; font-size: 11px; color: var(--ali-text-light); }


        .hero h1{
            font-size:42px;
            font-weight:700;
        }

        .hero p{
            margin-top:10px;
            font-size:18px;
            opacity:.95;
        }
   .mini-nav{
            background:#fff;
            border-bottom:1px solid #eee;
            padding:10px 0;
            font-size:14px;
        }

        .mini-nav button{
            margin-right:20px;
            color:#555;
        }

        .mini-nav button:hover{
            color:#000;
        }


         .section{ 
            padding:24px;
            background:#fff;
            border-radius:16px;
            margin-bottom:20px;
        }

        .section-title{
            font-size:20px;
            font-weight:700;
            margin-bottom:20px;
        }

        .category-grid{
            display:grid;
            grid-template-columns:repeat(6,1fr);
            gap:18px;
        }

          .category-card{
            text-align:center;

        }

        .category-card img{
            width:72px;
            height:72px;
            object-fit:cover;
            border-radius:50%;
            background:#eee;
            margin-bottom:10px;
            cursor:pointer;

        }

        .category-card p{
            font-size:13px;
            color:#444;
            cursor:pointer;

        }

        .product-row{
            display:grid;
            grid-template-columns:repeat(5,1fr);
            gap:18px;
        }

        .product-card{
            background:#fff;
            border:1px solid var(--border);
            border-radius:14px;
            overflow:hidden;
            transition:.2s;
            height:100%;
        }

        .product-card:hover{
            transform:translateY(-3px);
            box-shadow:0 10px 20px rgba(0,0,0,.05);
        }

        .product-image{
            width:100%;
            height:180px;
            object-fit:cover;
            background:#eee;
        }

        .product-content{
            padding:14px;
        }

        .product-title{
            font-size:14px;
            min-height:42px;
            line-height:1.4;
            color:#333;
        }

        .product-price{
            margin-top:12px;
            color:#111;
            font-size:20px;
            font-weight:700;
        }

        .product-meta{
            margin-top:8px;
            font-size:12px;
            color:#777;
        }

        .pick-grid{
            display:grid;
            grid-template-columns:repeat(6,1fr);
            gap:18px;
        }

        .pick-card{
            background:#fff;
            border:1px solid var(--border);
            border-radius:12px;
            padding:12px;
            text-align:center;
        }

        .pick-card img{
            width:100%;
            height:110px;
            object-fit:cover;
            border-radius:10px;
            margin-bottom:10px;
        }

        .pick-card p{
            font-size:13px;
            font-weight:500;
        }

        .supplier-banner{
            display:grid;
            grid-template-columns:repeat(3,1fr);
            gap:20px;
        }

        .supplier-card{
            background:linear-gradient(135deg,#04264f,#00489f);
            color:#fff;
            border-radius:18px;
            padding:24px;
            min-height:180px;
            position:relative;
            overflow:hidden;
        }

        .supplier-card h4{
            font-size:24px;
            font-weight:700;
            margin-bottom:10px;
        }

        .supplier-card p{
            opacity:.9;
            line-height:1.6;
        }

        .just-grid{
            display:grid;
            grid-template-columns:repeat(6,1fr);
            gap:20px;
        }

        .just-card{
            background:#fff;
            border:1px solid var(--border);
            border-radius:14px;
            overflow:hidden;
        }

        .just-card img{
            width:100%;
            height:180px;
            object-fit:cover;
        }

        .just-card-content{
            padding:12px;
        }

        .just-card-title{
            font-size:13px;
            line-height:1.4;
            height:38px;
            overflow:hidden;
        }

        .just-card-price{
            margin-top:10px;
            font-weight:700;
            font-size:18px;
        }

          @media(max-width:1200px){

            .category-grid,
            .pick-grid,
            .just-grid{
                grid-template-columns:repeat(4,1fr);
            }

            .product-row{
                grid-template-columns:repeat(3,1fr);
            }

        }

          @media(max-width:768px){

            .hero{
                height:220px;
                padding:20px;
            }

            .hero h1{
                font-size:28px;
            }

            .category-grid,
            .pick-grid,
            .just-grid{
                grid-template-columns:repeat(2,1fr);
            }

            .product-row{
                grid-template-columns:repeat(2,1fr);
            }

            .supplier-banner{
                grid-template-columns:1fr;
            }

            .header-links{
                display:none;
            }

            .mini-nav{
                overflow:auto;
                white-space:nowrap;
            }

            .section{
                padding:18px;
            }

        }