/* ==========================================================
   site.css — Shared layout foundation for Yesh IT Solutions
   ========================================================== */

/* ---------- Global Container ---------- */
.page-container{
    width: min(1400px, calc(100% - 40px));
    margin-inline: auto;
    box-sizing: border-box;
}

/* ---------- Tablet ---------- */
@media (min-width:768px){
    .page-container{
        width: min(1400px, calc(100% - 48px));
    }
}

/* ---------- Laptop (1024px+) ---------- */
@media (min-width:1024px){
    .page-container{
        width: min(1400px, calc(100% - 56px));
    }
}

/* ---------- 1366 × 768 Laptop ---------- */
@media screen and (min-width:1366px) and (max-width:1439px){
    .page-container{
        width: min(1360px, calc(100% - 60px));
    }
}

/* ---------- Large Laptop ---------- */
@media (min-width:1440px){
    .page-container{
        width: min(1400px, calc(100% - 64px));
    }
}

/* ---------- Full HD / 1920 ---------- */
@media (min-width:1920px){
    .page-container{
        width: min(1400px, calc(100% - 72px));
    }
}

/* ---------- Ultra Wide ---------- */
@media (min-width:2560px){
    .page-container{
        width: min(1500px, calc(100% - 80px));
    }
}