/* Tablet and small desktop adjustments (680px – 1024px) */

/* layout tweaks */
@media (min-width: 680px) and (max-width: 1024px){
    .hero{min-height:420px}
    .hero h2{font-size:2.2rem}
    .hero p{font-size:1.05rem}
    .section-head h3{font-size:1.2rem}
    .product-grid, .grid{gap:16px}
    .spotlight{grid-template-columns:1fr 360px}
    .grid-2col{grid-template-columns:1fr 320px}
    .product-card img, .card img{height:150px}
    .carousel .testimonial{min-width:300px}
    /* nav */
    nav.main a{padding:.4rem .6rem}
}

/* Specific iPad / landscape common widths */
@media (min-width: 720px) and (max-width: 960px){
    .hero h2{font-size:2rem}
    .product-grid{grid-template-columns:repeat(2,1fr)}
    .social-grid{grid-template-columns:repeat(3,1fr)}
}

/* Larger tablets */
@media (min-width: 961px) and (max-width: 1024px){
    .hero h2{font-size:2.4rem}
    .product-grid{grid-template-columns:repeat(3,1fr)}
}