/*
Theme Name: NTC Industrial Premium
Theme URI: https://garments.top/
Author: Custom Website Studio
Description: Corporate industrial supply WordPress theme for National Trading Corporation. Includes Home, About, Products, Category, Contact information.
Version: 2.7
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ntc-industrial
*/
:root{--navy:#0a2142;--blue:#1268c5;--light:#f3f7fc;--ink:#16253a;--muted:#65758b}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{max-width:1200px;margin:auto;padding:0 24px}.topbar{background:#071b35;color:#dbe9ff;font-size:13px;padding:8px 0}.topbar .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.site-header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 3px 20px #102e4a13}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px}.brand{display:flex;align-items:center;gap:12px}.logo{font-weight:900;font-style:italic;font-size:25px;color:#fff;background:#1268c5;padding:5px 12px;border-radius:8px;letter-spacing:-2px}.brand strong{font-size:17px;color:#0a2142;line-height:1.1;display:block}.brand small{font-size:11px;letter-spacing:1.6px;color:#66809e}.menu{display:flex;gap:26px;align-items:center;font-weight:700;font-size:14px}.menu a:hover{color:var(--blue)}.btn{display:inline-block;background:#176ac7;color:white!important;border-radius:7px;padding:13px 22px;font-weight:700;border:0;cursor:pointer}.btn:hover{background:#0b4f9a}.btn.alt{background:white;color:#0b376d!important}.hero{background:linear-gradient(105deg,#071a34ef,#103e73e6),url('assets/category-6.jpg') center/cover;color:white;padding:100px 0 110px}.eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:800;color:#72baff}.hero h1{font-size:clamp(38px,5vw,66px);max-width:820px;line-height:1.13;margin:15px 0 23px}.hero p{max-width:630px;color:#d7e5f7;font-size:18px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.section{padding:75px 0}.section.tint{background:var(--light)}.section h2{font-size:clamp(28px,3vw,42px);line-height:1.2;margin:12px 0 18px}.lead{color:var(--muted);max-width:730px;font-size:17px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px}.card{background:white;border:1px solid #e5ebf3;border-radius:13px;overflow:hidden;box-shadow:0 8px 24px #0a21420a;transition:transform .2s}.card:hover{transform:translateY(-5px)}.card img{width:100%;height:210px;object-fit:cover;background:#e6edf5}.cardbody{padding:22px}.card h3{margin:0 0 8px;font-size:20px}.card p{color:var(--muted);margin:0 0 15px}.link{color:#1268c5;font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.split img{width:100%;height:420px;object-fit:cover;border-radius:15px}.feature-list{padding-left:20px}.feature-list li{margin:9px 0}.banner{background:linear-gradient(120deg,#092342,#12599f);color:white;border-radius:16px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:25px}.pagehero{background:linear-gradient(120deg,#0a2142,#1766b0);color:white;padding:65px 0}.pagehero h1{font-size:46px;line-height:1.2;margin:0 0 12px}.pagehero p{color:#d5e8fb;max-width:720px}.pills{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.pill{background:#e8f1fc;color:#154c85;border-radius:30px;padding:8px 14px;font-size:13px;font-weight:700}.details{background:#f4f8fd;padding:24px;border-radius:12px}.contactgrid{display:grid;grid-template-columns:1fr 1.2fr;gap:35px}.contactinfo{background:#0c2b52;color:white;padding:35px;border-radius:14px}.contactinfo a{color:#a9d4ff}.contactinfo p{margin:20px 0}form label{display:block;font-weight:700;font-size:14px;margin:14px 0 6px}form input,form select,form textarea{width:100%;padding:13px;border:1px solid #cbd8e6;border-radius:7px;font:inherit}form textarea{min-height:135px}.notice{padding:12px;border-radius:7px;background:#e5f7ee;color:#14633b;margin:16px 0}.foot{background:#071b35;color:#b9cce2;padding:55px 0 20px}.foot h3{color:white}.footgrid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:45px}.foot a{display:block;margin:7px 0}.copyright{border-top:1px solid #274362;padding-top:22px;margin-top:35px;font-size:13px}.mobile-toggle{display:none}@media(max-width:800px){.mobile-toggle{display:block;border:0;background:#eaf2fc;padding:10px;border-radius:6px}.menu{display:none;position:absolute;top:82px;left:0;right:0;background:white;padding:20px 24px;flex-direction:column;align-items:flex-start;box-shadow:0 15px 25px #0002}.menu.open{display:flex}.grid{grid-template-columns:repeat(2,1fr)}.split,.contactgrid,.footgrid{grid-template-columns:1fr}.banner{display:block}.hero{padding:75px 0}.section{padding:55px 0}}@media(max-width:550px){.grid{grid-template-columns:1fr}.topbar{display:none}.brand strong{font-size:13px}.brand small{font-size:9px}.pagehero h1{font-size:34px}.banner{padding:30px}.card img{height:230px}}
/* v1.2: complete product photography, contact details only */
.card img{object-fit:contain;background:#fff;padding:8px}.contact-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.contact-details-grid .details h3{margin:0 0 12px;color:#0a2142}.contact-details-grid .details p{margin:0}.contact-details-grid a{color:#1268c5}@media(max-width:650px){.contact-details-grid{grid-template-columns:1fr}}

/* v1.3: consistent full-frame product imagery, no clipping */
.grid .card{display:flex;flex-direction:column;min-width:0}
.grid .card>a:first-child{display:block;background:#fff;overflow:hidden}
.grid .card img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:contain;object-position:center;background:#fff;padding:0;border:0}
.grid .cardbody{display:flex;flex:1;flex-direction:column}
.grid .cardbody .link{margin-top:auto}
.split img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;background:#fff;border-radius:14px}
.about-photo{width:100%;height:auto;object-fit:contain;border-radius:14px;box-shadow:0 12px 36px #0a214215}
@media(max-width:550px){.grid .card img{height:auto;aspect-ratio:5/3}}

/* v1.4 balanced and complete product images */
.grid .card>a:first-child{height:225px;display:flex;align-items:center;justify-content:center;background:#fff;padding:12px}
.grid .card img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center;background:#fff;padding:0}
.grid .cardbody{min-height:190px}
.complete-photo{margin:0;min-width:0;background:#fff;border:1px solid #e5ebf3;border-radius:16px;padding:14px;box-shadow:0 12px 30px #0a214212}
.complete-photo img,.split .complete-photo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;border-radius:8px}
.complete-photo figcaption,.client-logos figcaption{text-align:center;color:#65758b;font-size:13px;margin-top:12px}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.service-card{background:#fff;border:1px solid #e3eaf4;padding:22px;border-radius:12px}.service-card h3{font-size:17px;margin:8px 0}.service-check{color:#1268c5;font-size:24px;font-weight:800}
.product-features li{padding:5px 0}.client-logos{max-width:820px;margin:32px auto 0;background:white;padding:20px;border-radius:16px}.client-logos img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:800px){.service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.service-grid{grid-template-columns:1fr}.grid .card>a:first-child{height:240px}}

/* v1.5: bolts & screws gallery — 4 equal image panels with no cropping */
.bolts-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:26px}.bolts-gallery figure{margin:0;background:#fff;border:1px solid #e3eaf4;border-radius:14px;padding:12px;display:flex;align-items:center;justify-content:center;min-width:0;aspect-ratio:8/5;box-shadow:0 7px 20px #0a21420a}.bolts-gallery img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.bolts-gallery-section{padding-top:10px}@media(max-width:600px){.bolts-gallery{grid-template-columns:1fr;gap:14px}}

/* v1.6: matched, uncropped product galleries for springs and chains */
.ntc-product-gallery{display:grid;gap:20px;margin-top:24px}.ntc-product-gallery.three{grid-template-columns:repeat(3,minmax(0,1fr))}.ntc-product-gallery.two{grid-template-columns:repeat(2,minmax(0,1fr))}.ntc-product-gallery figure{margin:0;min-width:0;aspect-ratio:3/2;border:1px solid #e3eaf4;border-radius:14px;background:#fff;padding:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 7px 20px #0a21420a}.ntc-product-gallery img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}@media(max-width:700px){.ntc-product-gallery.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.ntc-product-gallery.three,.ntc-product-gallery.two{grid-template-columns:1fr}}

/* v1.8 Electrical Items four matched product panels, preserving complete images */
.ntc-product-gallery.two figure{overflow:hidden}.ntc-product-gallery.two figure img{object-fit:contain;object-position:center}

/* v1.9 PVC product images shown in consistent, uncropped panels */

/* v2.0 Mechanical Tools & Hardware: balanced uncropped gallery */
.ntc-tools-gallery .wide{grid-column:1/-1;aspect-ratio:auto;min-height:300px}.ntc-tools-gallery .wide img{width:100%;height:auto;max-height:460px;object-fit:contain}.ntc-tools-gallery figure:not(.wide){aspect-ratio:3/2}@media(max-width:520px){.ntc-tools-gallery .wide{grid-column:auto;min-height:0}}

/* v2.1: four balanced, uncropped mild steel fabrication photos */
.ntc-ms-gallery figure{aspect-ratio: 8/5;min-height:220px;overflow:hidden}.ntc-ms-gallery figure img{width:100%;height:100%;object-fit:contain;object-position:center}
@media(max-width:520px){.ntc-ms-gallery figure{min-height:190px}}

/* v2.2: individual client logos, no cropping */
.ntc-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}
.ntc-brand-card{margin:0;background:#fff;border:1px solid #e3eaf3;border-radius:16px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;box-shadow:0 5px 20px rgba(16,39,70,.04)}
.ntc-brand-card img{display:block;width:100%;height:160px;object-fit:contain;object-position:center}
.ntc-brand-card figcaption{font-size:13px;color:#52647b;text-align:center;margin-top:10px}
.ntc-brand-note{font-size:12px;color:#69788a;margin-top:16px}
@media(max-width:720px){.ntc-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ntc-brand-card{padding:10px}.ntc-brand-card img{height:110px}}

/* v2.3 — full-size imagery across home and Products category cards */
.grid .card>a:first-child{height:245px!important;width:100%;display:block!important;padding:0!important;overflow:hidden;background:#fff}
.grid .card>a:first-child img{display:block;width:100%!important;height:100%!important;max-width:none;aspect-ratio:auto!important;object-fit:cover!important;object-position:center center!important;padding:0!important;margin:0!important}
.grid .cardbody{padding:20px;min-height:190px}
@media(max-width:800px){.grid .card>a:first-child{height:220px!important}}
@media(max-width:550px){.grid .card>a:first-child{height:245px!important}}

/* v2.3 final: product-first card imagery, tightly cropped source assets */
.grid .card>a:first-child{height:auto!important;aspect-ratio: 1200 / 760!important;overflow:hidden!important;background:#fff!important;border-bottom:1px solid #e7edf4}
.grid .card>a:first-child img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;aspect-ratio:1200 / 760!important;display:block!important}
.grid .cardbody{min-height:190px;padding:20px}
@media(max-width:550px){.grid .card>a:first-child{height:auto!important;aspect-ratio:1200 / 760!important}}

/* v2.4: enlarged, evenly aligned product imagery; all prior galleries untouched */
.grid{align-items:stretch}
.grid .card{display:flex;flex-direction:column;min-width:0}
.grid .card>a:first-child{display:block!important;width:100%!important;aspect-ratio:1200/760!important;height:auto!important;overflow:hidden!important;background:#fff!important;border-bottom:1px solid #e4ebf4}
.grid .card>a:first-child img{display:block!important;width:100%!important;height:100%!important;aspect-ratio:1200/760!important;object-fit:cover!important;object-position:center!important;padding:0!important;margin:0!important}
.grid .cardbody{flex:1;display:flex;flex-direction:column;padding:20px!important;min-height:0!important}
.grid .cardbody .link{margin-top:auto;padding-top:8px}
.grid .cardbody p{flex:1}
@media(max-width:600px){.grid .card>a:first-child{aspect-ratio:1200/760!important}}

/* v2.4: enlarged, evenly aligned product imagery; all prior galleries untouched */
.grid{align-items:stretch}
.grid .card{display:flex;flex-direction:column;min-width:0}
.grid .card>a:first-child{display:block!important;width:100%!important;aspect-ratio:1200/760!important;height:auto!important;overflow:hidden!important;background:#fff!important;border-bottom:1px solid #e4ebf4}
.grid .card>a:first-child img{display:block!important;width:100%!important;height:100%!important;aspect-ratio:1200/760!important;object-fit:cover!important;object-position:center!important;padding:0!important;margin:0!important}
.grid .cardbody{flex:1;display:flex;flex-direction:column;padding:20px!important;min-height:0!important}
.grid .cardbody .link{margin-top:auto;padding-top:8px}
.grid .cardbody p{flex:1}
@media(max-width:600px){.grid .card>a:first-child{aspect-ratio:1200/760!important}}

/* v2.6 dedicated Brands page; original Products page brand section retained */
.ntc-brands-page-grid{margin-top:28px}
.ntc-brands-page-grid .ntc-brand-card{min-width:0;overflow:hidden}
.ntc-brands-page-grid .ntc-brand-card img{object-fit:contain!important;object-position:center!important;max-width:86%!important;max-height:155px!important;width:100%!important;height:155px!important;margin:auto!important}
.ntc-brands-page-grid .ntc-brand-card figcaption{text-align:center;overflow-wrap:anywhere}
.ntc-brands-action{margin-top:28px}
@media(max-width:640px){.ntc-brands-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ntc-brands-page-grid .ntc-brand-card img{height:110px!important}}

/* v2.7: Mobile layout recovery; does not alter existing pages or content. */
html,body{max-width:100%;overflow-x:clip}
main,main section,.wrap,.grid,.card,.split,.banner{min-width:0}
@media(max-width:800px){
 .site-header{position:relative}.nav{min-height:76px;gap:10px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
 .brand{min-width:0;flex:1;gap:9px}.brand>span:last-child{min-width:0}
 .brand strong{font-size:clamp(12px,3vw,16px);overflow-wrap:normal}.brand small{display:block;font-size:9px;letter-spacing:.7px;line-height:1.4}
 .logo{flex-shrink:0;font-size:24px;padding:8px 11px}
 .mobile-toggle{flex-shrink:0;font-size:14px;cursor:pointer}
 .menu{top:100%;z-index:99;width:100%;max-height:calc(100vh - 80px);overflow-y:auto}
 .menu a{width:100%;padding:7px 0}
 .hero{padding:54px 0 60px;background:linear-gradient(105deg,#071a34f0,#103e73dc),url('assets/category-6.jpg') center/cover;color:#fff}
 .hero h1{font-size:clamp(29px,7vw,43px);line-height:1.15;overflow-wrap:break-word}
 .hero p{font-size:16px;line-height:1.65;color:#e0ebfa}
 .hero .eyebrow{display:block;letter-spacing:1.5px}
 .actions{gap:10px}.actions .btn{max-width:100%;text-align:center}
 .section{padding:42px 0}.section h2{font-size:clamp(25px,6vw,34px)}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .grid .card>a:first-child{height:auto!important;aspect-ratio: 3/2!important;min-height:0!important}
 .grid .card>a:first-child img{height:100%!important;width:100%!important;aspect-ratio:auto!important;object-fit:cover!important}
 .split{grid-template-columns:1fr;gap:25px}.split img{height:auto;max-height:none;object-fit:contain}
 .banner{padding:26px}.footgrid{grid-template-columns:1fr;gap:20px}
}
@media(max-width:600px){
 .wrap{padding-left:17px;padding-right:17px}
 .grid{grid-template-columns:minmax(0,1fr);gap:17px}
 .grid .card>a:first-child{aspect-ratio: 16/10!important;height:auto!important}
 .grid .card>a:first-child img{object-fit:cover!important;object-position:center!important}
 .grid .cardbody{padding:17px!important}.grid .card h3{font-size:19px}
 .grid .cardbody p{font-size:15px;line-height:1.55}
 .brand small{letter-spacing:.25px}.brand strong{font-size:12px}
 .mobile-toggle{padding:9px 10px}.logo{font-size:21px;padding:7px 9px}
 .hero{padding:46px 0 52px}.hero h1{font-size:clamp(28px,8vw,37px)}
 .actions{flex-direction:column;align-items:stretch}.actions .btn{display:block;width:100%}
 .pagehero{padding:40px 0}.pagehero h1{font-size:30px}
 .banner{padding:24px}.foot{padding-top:38px}
 .ntc-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:370px){.brand small{display:none}.brand strong{font-size:11px}.logo{font-size:19px}}