/* Homepage Market + Remote Job visibility patch */
.home-service-strip{
    grid-template-columns:repeat(3,1fr)!important;
}
.home-service-strip .strip-card{
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
}
.home-service-strip .strip-card:nth-child(3n){
    border-right:0;
}
.home-service-strip .strip-card:nth-last-child(-n+3){
    border-bottom:0;
}
@media(max-width:980px){
    .home-service-strip{grid-template-columns:repeat(2,1fr)!important;}
    .home-service-strip .strip-card:nth-child(3n){border-right:1px solid var(--line);}
    .home-service-strip .strip-card:nth-child(2n){border-right:0;}
    .home-service-strip .strip-card:nth-last-child(-n+3){border-bottom:1px solid var(--line);}
    .home-service-strip .strip-card:nth-last-child(-n+2){border-bottom:0;}
}
@media(max-width:640px){
    .home-service-strip{grid-template-columns:1fr!important;}
    .home-service-strip .strip-card{border-right:0!important;border-bottom:1px solid var(--line)!important;}
    .home-service-strip .strip-card:last-child{border-bottom:0!important;}
}

/* Laxltech Professional Global Design Reset
   This keeps the website clean, business-like and readable.
   It reduces over-large fonts/images without destroying existing layout. */
:root{
    --lax-font-main: "Segoe UI", Arial, Helvetica, sans-serif;
    --lax-navy: #061b3a;
    --lax-text: #0f172a;
    --lax-muted: #64748b;
}

/* Normal website font sizes */
html{font-size:16px!important;scroll-behavior:smooth;}
body{
    font-family:var(--lax-font-main)!important;
    font-size:15px!important;
    line-height:1.6!important;
    color:var(--lax-text)!important;
    letter-spacing:0!important;
}
p, li, td, th, label, input, select, textarea, button, a{
    font-size:15px!important;
    line-height:1.55!important;
}
small, .small, .nerd-small{
    font-size:13px!important;
    line-height:1.5!important;
}

/* Professional heading sizes */
h1{
    font-size:clamp(28px, 3vw, 40px)!important;
    line-height:1.15!important;
    letter-spacing:-.4px!important;
}
h2{
    font-size:clamp(22px, 2.2vw, 30px)!important;
    line-height:1.22!important;
    letter-spacing:-.2px!important;
}
h3{
    font-size:clamp(18px, 1.5vw, 22px)!important;
    line-height:1.3!important;
}
h4{font-size:17px!important;}
h5{font-size:16px!important;}
h6{font-size:15px!important;}

/* Top menu should look like a real website, not too large */
.main-menu a,
.drop-button,
.portal a,
.admin-sidebar a,
.customer-menu a,
.sidebar a{
    font-size:14px!important;
    font-weight:700!important;
}

/* Buttons and form fields */
.btn, .btnx, .premium-btn, .btn-main, .nerd-btn, .paid-btn, .staff-btn{
    font-size:14px!important;
    padding:10px 14px!important;
    border-radius:12px!important;
}
input, select, textarea{
    font-size:15px!important;
    padding:11px 12px!important;
    border-radius:12px!important;
}

/* Reduce oversized hero sections */
.hero,
.home-hero,
.market-hero,
.remote-hero,
.customer-hero,
.admin-hero,
.nerd-topbar,
.paid-hero,
.staff-hero{
    padding:24px!important;
    border-radius:22px!important;
}
.hero h1,
.home-hero h1,
.market-hero h1,
.remote-hero h1,
.customer-hero h1,
.admin-hero h1,
.nerd-topbar h1,
.paid-hero h1,
.staff-hero h1{
    font-size:clamp(28px, 3vw, 38px)!important;
}
.hero p,
.home-hero p,
.market-hero p,
.remote-hero p,
.customer-hero p,
.admin-hero p,
.nerd-topbar p,
.paid-hero p,
.staff-hero p{
    font-size:15px!important;
    line-height:1.65!important;
}

/* Make images normal and consistent */
img{
    max-width:100%!important;
    height:auto;
}
.product-img{
    height:165px!important;
    max-height:165px!important;
}
.product-img img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
.product-card{
    border-radius:18px!important;
}
.product-body{
    padding:14px!important;
}
.product-body h3{
    font-size:18px!important;
}
.price{
    font-size:20px!important;
}

/* Service cards and homepage cards */
.service-card,
.strip-card,
.quick-card,
.product-card,
.order-card,
.panel,
.paid-panel,
.nerd-panel,
.staff-panel{
    border-radius:18px!important;
}
.service-card p,
.strip-card p,
.quick-card span,
.product-body p{
    font-size:14px!important;
}

/* Admin/customer tables */
.tablex th,
.tablex td,
.paid-table th,
.paid-table td,
.nerd-table th,
.nerd-table td,
.cart-table th,
.cart-table td{
    font-size:14px!important;
    padding:12px!important;
}
.badge,
.nerd-badge,
.role-pill{
    font-size:12px!important;
}

/* Admin/customer layout should not feel zoomed */
.admin-main,
.customer-main{
    font-size:15px!important;
}
.admin-sidebar{
    width:245px!important;
}
.admin-sidebar h2{
    font-size:20px!important;
}

/* Uploaded/admin thumbnails */
.product-thumb{
    width:72px!important;
    height:54px!important;
    object-fit:cover!important;
}
.admin-image-preview{
    width:160px!important;
    height:115px!important;
    object-fit:cover!important;
}

/* Mobile */
@media(max-width:768px){
    body{font-size:14px!important;}
    p, li, td, th, label, input, select, textarea, button, a{font-size:14px!important;}
    h1{font-size:28px!important;}
    h2{font-size:23px!important;}
    h3{font-size:18px!important;}
    .hero,.home-hero,.market-hero,.remote-hero,.customer-hero,.admin-hero,.nerd-topbar,.paid-hero,.staff-hero{
        padding:18px!important;
    }
    .product-img{
        height:155px!important;
        max-height:155px!important;
    }
}

/* Print remains clean */
@media print{
    body{font-size:12px!important;}
    h1{font-size:24px!important;}
    h2{font-size:20px!important;}
}