/* APPLOOK (Krishna t315u, separate 'applook' preview): app-style look. ATC blue theme + the ATC logo (variation A); YQ = neutral 'Rate & Quotation'.
   Chrome (header / bottom nav) changes below 960px only; home components are centred on desktop. Layout only. */
.apbrand{display:none}
.bnav .bwa{display:none}
@media(max-width:959px){
  html.appx body{background:#eef1f6}
  html.appx .hdr{position:static;background:linear-gradient(135deg,#1e5bd8,#123f9e)!important;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:0 0 20px 20px;box-shadow:0 6px 18px rgba(18,63,158,.25);color:#fff}
  html.appx .hdr .wrap{height:auto;padding-top:10px;gap:10px}
  html.appx .hdr .logo,html.appx .hdr .nav,html.appx #thmBtn,html.appx #srchBtn,html.appx #tourBtn,html.appx .hdr .hcart{display:none!important}
  html.appx .apbrand{display:flex;align-items:center;gap:10px;min-width:0;flex:1;color:#fff;text-decoration:none!important}
  html.appx .apl{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.18)}
  html.appx .apl img{width:32px;height:auto}
  html.appx .apl.neu{font-weight:900;font-size:20px;color:#123f9e}
  html.appx .apt{display:flex;flex-direction:column;min-width:0;line-height:1.15}
  html.appx .apt b{font:800 18px/1.15 Poppins,"Segoe UI",system-ui,sans-serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html.appx .apt small{font-size:11.5px;color:#dbe6ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html.appx .hact{gap:6px}
  html.appx .hact .ib,html.appx .hact a.ib[data-nav=account]{display:flex;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.16);border:0;color:#fff}
  html.appx .lwrap{color:#fff}html.appx .lcode{color:#fff}
  html.appx #msrch{display:block!important;padding:10px 14px 14px}
  html.appx #msrch input{height:46px;border-radius:14px;border:0;background:#fff;color:#0a1d42;font-size:15px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
  html.appx #msrch input::placeholder{color:#7a86a0}html.appx #msrch .ico{color:#7a86a0;top:23px}
  html.appx.r-shopv2 #msrch{display:none!important}
  html.appx .bnav{grid-template-columns:repeat(4,minmax(0,1fr));background:#fff!important;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:1px solid #e3e8f2;box-shadow:0 -4px 14px rgba(15,40,90,.08)}
  html.appx .bnav #bSearch,html.appx .bnav a[data-nav=account]{display:none}
  html.appx .bnav .bwa{display:flex;color:#0f9d4a!important}
  html.appx .bnav a,html.appx .bnav button{color:#6b7894}
  html.appx .bnav .on{color:#1e5bd8}html.appx .bnav .on .ico{background:#e6eeff;border-radius:10px;padding:3px 10px;width:42px;box-sizing:content-box}
  html.appx .pc.g,html.appx .card.g,html.appx .hv2t,html.appx .hv2c{border-radius:16px;box-shadow:0 3px 12px rgba(15,40,90,.07)}
}
/* home (app look) */
.apx .wrap{max-width:960px}
.apsl{position:relative;margin-top:12px}
.apslt{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:18px;scrollbar-width:none;box-shadow:0 6px 18px rgba(15,40,90,.14)}
.apslt::-webkit-scrollbar{display:none}
.aps{position:relative;flex:0 0 100%;height:clamp(150px,40vw,220px);scroll-snap-align:start;overflow:hidden;text-decoration:none!important;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:16px 18px;color:#fff}
.aps1{padding:0;background:#f3f4f6}
.aps1 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:78% 22%}
.aps1::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.96) 0,rgba(255,255,255,.82) 38%,rgba(255,255,255,0) 62%)}
.aps1 .hsht{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 18px;max-width:56%}
.aps1 .hsht small{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1e5bd8}
.aps1 .hsht h1{margin:4px 0 0;font-size:clamp(18px,5.2vw,30px);line-height:1.15;color:#0a1d42}
.aps2,.aps3{background:linear-gradient(135deg,#1e5bd8,#123f9e)}
.aps2{background:linear-gradient(135deg,#f28c28,#d9630b)}
.aps .apk{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.9}
.aps b{font:800 clamp(17px,4.8vw,24px)/1.2 Poppins,"Segoe UI",system-ui,sans-serif;max-width:64%}
.aps em{font-style:normal;font-weight:700;font-size:13px;opacity:.95}
.aps3 img{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:30%;max-width:120px;height:auto;filter:drop-shadow(0 6px 12px rgba(0,0,0,.25))}
.apdots{position:absolute;left:18px;bottom:10px;display:flex;gap:5px;z-index:2}
.apdots i{width:7px;height:7px;border-radius:99px;background:rgba(10,29,66,.25)}.apdots i.on{width:18px;background:#1e5bd8}
.apx .hsdash,.apx .hsb,.apx .hsbx{border-radius:16px;border-color:transparent;box-shadow:0 3px 12px rgba(15,40,90,.08)}
.apx .hsb.pri{box-shadow:0 6px 14px rgba(30,91,216,.3)}
.apsh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:16px 0 8px}
.apsh .hsbh{margin:0}.apsh a{font-weight:700;font-size:14px;color:#1e5bd8;text-decoration:none}
.apcat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.apc{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 12px;background:#fff;border-radius:16px;box-shadow:0 3px 12px rgba(15,40,90,.08);text-decoration:none!important;color:#0a1d42;text-align:center}
.apci{width:62px;height:62px;border-radius:50%;background:#eaf1ff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.apci img{width:46px;height:46px;object-fit:contain}
.apcn{font-size:12.5px;font-weight:600;line-height:1.2;min-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:900px){.apcat{grid-template-columns:repeat(5,minmax(0,1fr))}.aps1 .hsht{max-width:48%;padding:0 36px}}