/* Apromart company mini-website theme (PCD = blue/green, Third party = teal/orange). Loaded after b2b.css. */
.cs{--ac:#1B6CA8;--ac-d:#0C3A60;--ac2:#3A7F1F;--ac2-hi:#5FA832;--tint:#E8F2FB;--tint2:#EEF7E8;background:#F2F6FA}
.cs.cs-tp{--ac:#0F7A72;--ac-d:#0A3F3B;--ac2:#D9661A;--ac2-hi:#F07C2B;--tint:#E3F4F2;--tint2:#FDEFE4}
.cs .btn-green{background:var(--ac2);box-shadow:0 8px 18px -8px var(--ac2)}
.cs .btn-green:hover{background:var(--ac2-hi)}
.cs .btn-outline{border-color:var(--ac);color:var(--ac)}
.cs .btn-outline:hover{background:var(--ac);color:#fff}
.cs .btn-amber{background:#fff;color:var(--ac-d)}
.cs .btn-amber:hover{background:#F1F5F9}
.cs .enq-top{background:linear-gradient(120deg,var(--ac-d),var(--ac))}
.cs .enq-top::after{background:var(--ac2-hi)}
.cs .pill input:checked+span{background:var(--ac);border-color:var(--ac)}
.cs .flash{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:200;background:var(--ac2);color:#fff;padding:12px 18px;border-radius:12px;font-weight:700;box-shadow:0 16px 36px -14px rgba(0,0,0,.4);max-width:calc(100% - 32px)}

/* top strip + header */
.cs-strip{background:var(--ac-d);color:rgba(255,255,255,.85);font-size:12.5px}
.cs-strip .wrap{display:flex;align-items:center;gap:16px;min-height:34px;flex-wrap:wrap}
.cs-strip .v{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#fff}
.cs-strip .v svg{color:var(--ac2-hi)}
.cs-strip .r{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#fff}
.cs-strip .back{margin-left:auto;color:rgba(255,255,255,.85);text-decoration:none}
.cs-strip .back:hover{color:#fff}
.cs-hdr{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid #DCE5EE;transition:box-shadow .25s}
.cs-hdr.scrolled{box-shadow:0 10px 28px -18px rgba(12,40,70,.45)}
.cs-hdr .wrap{display:flex;align-items:center;gap:18px;min-height:74px}
.cs-hdr .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;min-width:0;margin-right:auto}
.cs .lg{width:52px;height:52px;border-radius:14px;border:1px solid #DCE5EE;background:#fff;display:grid;place-items:center;overflow:hidden;flex:none;font-weight:800;color:var(--ac);font-size:17px}
.cs .lg img{width:100%;height:100%;object-fit:contain;padding:4px}
.cs-hdr .nm{display:flex;flex-direction:column;min-width:0}
.cs-hdr .nm b{font-family:Sora,inherit;font-size:17px;color:var(--ac-d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}
.cs-hdr .nm small{font-size:12.5px;color:#61748A}
.cs-nav{display:flex;gap:4px}
.cs-nav a{padding:9px 12px;border-radius:10px;font-weight:700;font-size:14.5px;color:#2A3C50;text-decoration:none;transition:.2s}
.cs-nav a:hover{background:var(--tint);color:var(--ac)}
.cs-nav a.on{background:var(--ac);color:#fff}
.cs-burger{display:none;width:42px;height:42px;border-radius:10px;border:1px solid #DCE5EE;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer}
.cs-burger span{display:block;width:18px;height:2px;background:var(--ac-d);border-radius:2px}

/* hero */
.cs-hero{position:relative;color:#fff;padding:48px 0;background:radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--ac2-hi) 40%,transparent),transparent 45%),linear-gradient(120deg,var(--ac-d),var(--ac));overflow:hidden}
.cs-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:center}
.cs-hero .badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.cs-hero .badges span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22)}
.cs-hero .badges .b-ver{background:var(--ac2);border-color:var(--ac2)}
.cs-hero .badges .b-tier{background:#FFF4D9;color:#7A5600;border-color:#FFF4D9}
.cs-hero h1{font-family:Sora,inherit;font-size:clamp(28px,4.2vw,46px);line-height:1.1;margin:0 0 10px;color:#fff}
.cs-hero .kind{font-weight:700;color:rgba(255,255,255,.88);margin:0 0 14px}
.cs-hero .intro{color:rgba(255,255,255,.8);max-width:620px;margin:0 0 22px;line-height:1.7}
.cs-hero .acts{display:flex;gap:10px;flex-wrap:wrap}
.cs .enq-card{background:#fff;border-radius:20px;overflow:hidden;color:var(--ink);box-shadow:0 30px 60px -30px rgba(0,0,0,.55)}

/* facts */
.cs-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;background:#fff;border:1px solid #D8E3EE;border-radius:18px;margin-top:-26px;position:relative;z-index:2;box-shadow:0 18px 40px -30px rgba(12,40,70,.6);overflow:hidden}
.cs-facts div{padding:16px 12px;text-align:center;border-left:1px solid #E3EBF3}
.cs-facts div:first-child{border-left:0}
.cs-facts b{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;font-family:Sora,inherit;font-size:20px;color:var(--ac-d)}
.cs-facts b.sm{font-size:14.5px;font-family:inherit}
.cs-facts small{font-size:12px;color:#61748A}

/* sections */
.cs-sec{padding:56px 0}
.cs-sec.alt{background:linear-gradient(180deg,var(--tint),#F2F6FA)}
.cs-k{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ac2);background:var(--tint2);padding:6px 11px;border-radius:999px;margin-bottom:10px}
.cs h2 em{font-style:normal;color:var(--ac)}
.cs-sh{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.cs-sh h2,.cs-about h2{font-family:Sora,inherit;font-size:clamp(22px,2.6vw,30px);margin:0;color:var(--ac-d)}
.cs-about{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:start}
.cs-about h2{margin-bottom:14px}
.cs-rich{color:#3A4B5C;line-height:1.75;font-size:15px;overflow-wrap:anywhere}
.cs-rich>:first-child{margin-top:0}
.cs-rich h2,.cs-rich h3,.cs-rich h4{color:var(--ac-d);margin:18px 0 8px;font-size:18px}
.cs-rich ul{padding-left:20px}
.cs-rich img{max-width:100%;height:auto;border-radius:12px}
.cs-rich table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.cs-rich td,.cs-rich th{border:1px solid #DCE5EE;padding:7px 9px}
.cs-rich.clamp{max-height:230px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.cs .more{display:inline-block;margin-top:10px;font-weight:800;color:var(--ac);text-decoration:none}
.cs-about .pts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cs-about .pt{background:#fff;border:1px solid #D8E3EE;border-radius:16px;padding:18px;transition:transform .25s,box-shadow .25s}
.cs-about .pt:hover{transform:translateY(-3px);box-shadow:0 16px 30px -22px rgba(12,40,70,.55)}
.cs-about .pt .n{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--tint);color:var(--ac);font-weight:800;font-size:13px;margin-bottom:10px}
.cs-about .pt b{display:block;color:var(--ac-d);margin-bottom:4px}
.cs-about .pt p{margin:0;font-size:13.5px;color:#4A5B6C;line-height:1.55}
.cs-chips{display:flex;flex-wrap:wrap;gap:10px}
.cs-chips a{padding:10px 16px;border-radius:12px;background:#fff;border:1px solid #D2DFEB;font-weight:700;font-size:14px;color:var(--ac-d);text-decoration:none;transition:.2s}
.cs-chips a:hover{background:var(--ac);border-color:var(--ac);color:#fff}

/* product cards */
.cs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cs-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.cs-grid .cell[hidden]{display:none}
.cs-card{background:#fff;border:1px solid #D8E3EE;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;height:100%;transition:transform .25s,box-shadow .25s}
.cs-card:hover{transform:translateY(-4px);box-shadow:0 20px 36px -26px rgba(12,40,70,.6)}
.cs-card .ph{position:relative;aspect-ratio:1/1;background:linear-gradient(135deg,var(--tint),#fff);display:block;overflow:hidden}
.cs-card .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:10px;background:#fff;z-index:1;transition:transform .4s}
.cs-card:hover .ph img{transform:scale(1.05)}
.cs .ph-ic{position:absolute;inset:0;display:grid;place-items:center;color:color-mix(in srgb,var(--ac) 45%,#fff)}
.cs-card .bd{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.cs-card h3{font-size:15px;margin:0;line-height:1.35}
.cs-card h3 a{color:var(--ink);text-decoration:none}
.cs-card h3 a:hover{color:var(--ac)}
.cs-card p{margin:0;font-size:12.5px;color:#61748A;line-height:1.5}
.cs-card .ft{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:6px}
.cs-card .pk{font-size:11.5px;font-weight:700;color:var(--ac-d);background:var(--tint);padding:3px 8px;border-radius:6px}
.cs .lk{border:0;background:none;padding:0;font:inherit;font-weight:800;font-size:13px;color:var(--ac2);cursor:pointer;margin-left:auto}
.cs-empty{background:#fff;border:1px dashed #BFD2E3;border-radius:16px;padding:28px;text-align:center;color:#61748A}
.cs-none{text-align:center;color:#61748A;padding:20px}
.cs-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cs-panel{background:#fff;border:1px solid #D8E3EE;border-radius:18px;padding:24px 26px}
.cs-video{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;max-width:900px}
.cs-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* inner pages */
.cs-phead{background:radial-gradient(circle at 88% 10%,color-mix(in srgb,var(--ac2-hi) 35%,transparent),transparent 40%),linear-gradient(120deg,var(--ac-d),var(--ac));color:#fff;padding:26px 0 30px}
.cs-phead .crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:rgba(255,255,255,.65);margin-bottom:10px}
.cs-phead .crumbs a{color:#D6ECFF;text-decoration:none}
.cs-phead .crumbs b{color:#fff}
.cs-phead h1{font-family:Sora,inherit;font-size:clamp(24px,3.2vw,36px);margin:0;color:#fff;line-height:1.15}
.cs-phead p{margin:8px 0 0;color:rgba(255,255,255,.82)}
.cs-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.cs-main{display:flex;flex-direction:column;gap:18px;min-width:0}
.cs-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 110px);overflow-y:auto;scrollbar-width:thin}
.cs-side>*{flex-shrink:0}
.cs-side .enq-card{box-shadow:0 18px 40px -30px rgba(12,40,70,.6);border:1px solid #D8E3EE}
.cs-side .enq-card .enq-body{grid-template-columns:1fr 1fr}
.cs-box{background:#fff;border:1px solid #D8E3EE;border-radius:16px;overflow:hidden}
.cs-box h3{margin:0;padding:13px 16px;font-size:15px;color:#fff;background:var(--ac-d)}
.cs-list{list-style:none;margin:0;padding:6px}
.cs-list a{display:block;padding:9px 11px;border-radius:9px;font-size:14px;color:#2A3C50;text-decoration:none}
.cs-list a:hover{background:var(--tint);color:var(--ac)}
.cs-list a.on{background:var(--ac);color:#fff}
.cs-search input{width:100%;font:inherit;font-size:15px;padding:13px 16px;border:1.5px solid #D2DFEB;border-radius:14px;background:#fff}
.cs-search input:focus{outline:none;border-color:var(--ac);box-shadow:0 0 0 4px color-mix(in srgb,var(--ac) 15%,transparent)}
.cs-factcard{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid #D8E3EE;border-radius:18px;padding:20px}
.cs-factcard .lg{width:84px;height:84px}
.cs-factcard dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px 18px;margin:0;flex:1}
.cs-factcard dt{font-size:12px;color:#61748A;font-weight:600}
.cs-factcard dd{margin:2px 0 0;font-weight:700;color:var(--ac-d)}
.cs-pd{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;background:#fff;border:1px solid #D8E3EE;border-radius:18px;padding:20px}
.cs-pd .gal{position:relative;aspect-ratio:1/1;border-radius:14px;background:linear-gradient(135deg,var(--tint),#fff);overflow:hidden}
.cs-pd .gal img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:12px;z-index:1}
.cs-pd h2{font-family:Sora,inherit;font-size:24px;margin:0 0 14px;color:var(--ac-d)}
.cs-spec{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:18px}
.cs-spec th,.cs-spec td{text-align:left;padding:10px 12px;border-bottom:1px solid #E3EBF3;vertical-align:top}
.cs-spec th{width:34%;color:#61748A;font-weight:600;background:#F7FAFC}
.cs-spec td a{color:var(--ac);font-weight:700}
.cs-pd .acts{display:flex;gap:10px;flex-wrap:wrap}
.cs-table{background:#fff;border:1px solid #D8E3EE;border-radius:16px;overflow:hidden}
.cs-table .tr{display:grid;grid-template-columns:50px minmax(0,1.3fr) minmax(0,1.6fr) minmax(0,.9fr) minmax(0,.8fr);gap:10px;padding:12px 16px;border-top:1px solid #E8EEF4;font-size:14px;align-items:start}
.cs-table .tr[hidden]{display:none}
.cs-table .th{background:var(--ac-d);color:#fff;font-weight:700;border-top:0;font-size:13px}
.cs-table .tr:nth-child(even):not(.th){background:#F8FBFD}
.cs-table .n{color:#61748A}
.cs-table .nm a{font-weight:700;color:var(--ac-d);text-decoration:none}
.cs-table .nm a:hover{color:var(--ac)}
.cs-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cs-contact .c{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #D8E3EE;border-radius:16px;padding:18px}
.cs-contact .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--ac);flex:none}
.cs-contact small{display:block;font-size:12px;color:#61748A}
.cs-contact b{color:var(--ac-d);line-height:1.4}
.cs-map{border-radius:18px;overflow:hidden;border:1px solid #D8E3EE;aspect-ratio:16/8;background:#E8EEF4}
.cs-map iframe{width:100%;height:100%;border:0}

/* band + footer */
.cs-band{background:linear-gradient(120deg,var(--ac-d),var(--ac));color:#fff}
.cs-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:30px;padding-bottom:30px;flex-wrap:wrap}
.cs-band h2{margin:0 0 6px;font-family:Sora,inherit;font-size:clamp(20px,2.4vw,26px);color:#fff}
.cs-band p{margin:0;color:rgba(255,255,255,.82)}
.cs-ft{background:#081B2C;color:#A9BCCE;font-size:14px}
.cs-ft .top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:28px;padding-top:44px;padding-bottom:30px}
.cs-ft .about .lg{margin-bottom:12px}
.cs-ft .about b{display:block;color:#fff;font-size:16px;margin-bottom:4px}
.cs-ft .about p{margin:0 0 6px}
.cs-ft .addr{color:#8FA4B8;font-size:13px;line-height:1.6}
.cs-ft h4{color:#fff;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin:4px 0 14px}
.cs-ft ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cs-ft a{color:#A9BCCE;text-decoration:none}
.cs-ft a:hover{color:#fff}
.cs-ft .ap p{margin:0 0 12px;line-height:1.6}
.cs-ft .ap .btn{color:#fff}
.cs-ft .bot{border-top:1px solid rgba(255,255,255,.08)}
.cs-ft .bot .wrap{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px;font-size:13px}
.cs-fab{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:70;border:0;border-radius:14px;padding:14px;font:inherit;font-weight:800;font-size:15px;color:#fff;background:var(--ac2);box-shadow:0 16px 30px -12px rgba(0,0,0,.45);cursor:pointer}

/* responsive */
@media (max-width:1080px){
  .cs-hero .wrap{grid-template-columns:1fr}
  .cs-hero .enq-card{max-width:560px}
  .cs-layout{grid-template-columns:1fr}
  .cs-side{position:static;max-height:none;overflow:visible}
  .cs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cs-ft .top{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .cs-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;padding:10px 16px 16px;border-bottom:1px solid #DCE5EE;box-shadow:0 18px 30px -20px rgba(12,40,70,.45)}
  .cs-nav.open{display:flex}
  .cs-burger{display:flex}
  .cs-cta{display:none}
  .cs-about,.cs-two{grid-template-columns:1fr}
  .cs-pd{grid-template-columns:1fr}
  .cs-table .th{display:none}
  .cs-table .tr{grid-template-columns:1fr;gap:4px}
  .cs-table .n{display:none}
  .cs-table [data-l]::before{content:attr(data-l) ": ";font-weight:700;color:#61748A}
  .cs-fab{display:block}
  .cs .fab{bottom:76px}
  body.cs{padding-bottom:70px}
}
@media (max-width:640px){
  .cs-hdr .nm b{max-width:180px;font-size:15px}
  .cs-hdr .lg{width:44px;height:44px}
  .cs-strip .r{display:none}
  .cs-grid,.cs-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .cs-about .pts{grid-template-columns:1fr}
  .cs-contact{grid-template-columns:1fr}
  .cs-factcard{flex-direction:column}
  .cs-ft .top{grid-template-columns:1fr}
  .cs-sec{padding:40px 0}
  .cs .enq-card .enq-body,.cs-side .enq-card .enq-body{grid-template-columns:1fr}
}
@media (max-width:640px){
  .cs-facts{grid-template-columns:1fr 1fr}
  .cs-facts div{border-left:0;border-top:1px solid #E3EBF3}
  .cs-facts div:nth-child(-n+2){border-top:0}
  .cs-facts div:nth-child(even){border-left:1px solid #E3EBF3}
  .cs-hero .enq-card{display:none}
  .cs-hero{padding:34px 0 46px}
}
.cs-ft{margin-top:0}

/* ===== extra page sections (v2) ===== */
.cs-sec.tight{padding:28px 0 8px}
.cs-facts.flat{margin-top:0}
.cs-h2{font-family:Sora,inherit;font-size:clamp(22px,2.6vw,30px);margin:0 0 10px;color:var(--ac-d)}
.cs .muted{color:#61748A;margin:0 0 16px}
/* highlights */
.cs-hl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cs-hl .h{position:relative;background:#fff;border:1px solid #D8E3EE;border-radius:18px;padding:22px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.cs-hl .h::after{content:"";position:absolute;right:-40px;top:-40px;width:110px;height:110px;border-radius:50%;background:var(--tint);opacity:.7;transition:transform .35s}
.cs-hl .h:hover{transform:translateY(-4px);box-shadow:0 20px 36px -26px rgba(12,40,70,.6)}
.cs-hl .h:hover::after{transform:scale(1.25)}
.cs-hl .ic{position:relative;z-index:1;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--ac),var(--ac-d));color:#fff;margin-bottom:14px}
.cs-hl b{position:relative;z-index:1;display:block;font-size:16px;color:var(--ac-d);margin-bottom:6px}
.cs-hl p{position:relative;z-index:1;margin:0;font-size:14px;color:#4A5B6C;line-height:1.6}
/* steps */
.cs-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:s}
.cs-steps li{position:relative;background:#fff;border:1px solid #D8E3EE;border-radius:18px;padding:22px 20px}
.cs-steps li:not(:last-child)::after{content:"";position:absolute;top:44px;right:-17px;width:18px;height:2px;background:repeating-linear-gradient(90deg,var(--ac) 0 4px,transparent 4px 8px)}
.cs-steps .n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ac2);color:#fff;font-family:Sora,inherit;font-weight:800;font-size:18px;margin-bottom:14px;box-shadow:0 0 0 6px var(--tint2)}
.cs-steps b{display:block;color:var(--ac-d);font-size:15.5px;margin-bottom:6px}
.cs-steps p{margin:0;font-size:13.5px;color:#4A5B6C;line-height:1.55}
/* trust */
.cs-trust{display:grid;grid-template-columns:280px minmax(0,1fr);gap:34px;align-items:center;background:#fff;border:1px solid #D8E3EE;border-radius:22px;padding:28px}
.cs-trust .seal{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:26px 18px;border-radius:18px;background:linear-gradient(135deg,var(--ac-d),var(--ac));color:#fff}
.cs-trust .seal .ic{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);color:var(--ac2-hi);box-shadow:0 0 0 8px rgba(255,255,255,.06)}
.cs-trust .seal b{font-family:Sora,inherit;font-size:18px}
.cs-trust .seal .r{display:inline-flex;align-items:center;gap:6px;font-weight:800}
.cs-trust h2{font-family:Sora,inherit;font-size:clamp(20px,2.4vw,27px);margin:0 0 14px;color:var(--ac-d)}
.cs-trust ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
.cs-trust li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:#2A3C50;line-height:1.45}
.cs-trust li svg{flex:none;color:#fff;background:var(--ac2);border-radius:50%;padding:3px;width:20px;height:20px}
/* faq */
.cs-faqwrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:34px;align-items:start}
.cs-faq{display:grid;gap:10px}
.cs-faq details{background:#fff;border:1px solid #D8E3EE;border-radius:14px;overflow:hidden;transition:border-color .2s}
.cs-faq details[open]{border-color:color-mix(in srgb,var(--ac) 45%,#D8E3EE)}
.cs-faq summary{list-style:none;cursor:pointer;padding:16px 50px 16px 18px;font-weight:700;color:var(--ac-d);position:relative}
.cs-faq summary::-webkit-details-marker{display:none}
.cs-faq summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--ac);font-size:18px;font-weight:800;transition:.25s}
.cs-faq details[open] summary::after{content:"–";background:var(--ac);color:#fff}
.cs-faq p{margin:0;padding:0 18px 16px;color:#4A5B6C;line-height:1.65;font-size:14.5px}
/* contact strip */
.cs-cstrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:14px;align-items:center;background:#fff;border:1px solid #D8E3EE;border-radius:20px;padding:18px}
.cs-cstrip .c{display:flex;gap:12px;align-items:center;min-width:0}
.cs-cstrip .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--ac);flex:none}
.cs-cstrip small{display:block;font-size:12px;color:#61748A}
.cs-cstrip b{color:var(--ac-d);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:1080px){
  .cs-hl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cs-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cs-steps li::after{display:none}
  .cs-cstrip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .cs-trust{grid-template-columns:1fr}
  .cs-faqwrap{grid-template-columns:1fr;gap:18px}
}
@media (max-width:640px){
  .cs-hl,.cs-steps,.cs-trust ul,.cs-cstrip{grid-template-columns:1fr}
  .cs-trust{padding:18px}
  .cs-cstrip .btn{width:100%;justify-content:center}
}

/* animated pharma pattern in the hero (v4) */
.cs-hero .wrap{position:relative;z-index:1}
.cs-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none;color:#fff}
.cs-fx-grid{position:absolute;inset:-60px;width:calc(100% + 120px);height:calc(100% + 120px);opacity:.07;animation:csGrid 40s linear infinite}
@keyframes csGrid{to{transform:translate(50px,87px)}}
.cs-fx .fx{position:absolute;display:block;opacity:.16;transform:rotate(var(--r));animation:var(--d) ease-in-out var(--dl) infinite;will-change:transform}
.cs-fx .fx svg{display:block;width:100%;height:auto;overflow:visible}
.cs-fx .fx-a{animation-name:csFloatA}
.cs-fx .fx-b{animation-name:csFloatB}
.cs-fx .fx-c{animation-name:csFloatC}
@keyframes csFloatA{0%,100%{transform:translate(0,0) rotate(var(--r))}50%{transform:translate(18px,-26px) rotate(calc(var(--r) + 25deg))}}
@keyframes csFloatB{0%,100%{transform:translate(0,0) rotate(var(--r))}33%{transform:translate(-22px,16px) rotate(calc(var(--r) - 18deg))}66%{transform:translate(14px,24px) rotate(calc(var(--r) + 12deg))}}
@keyframes csFloatC{0%,100%{transform:translate(0,0) rotate(var(--r)) scale(1)}50%{transform:translate(-14px,-20px) rotate(calc(var(--r) + 60deg)) scale(1.12)}}
.cs-fx .fx:nth-child(3n){opacity:.11}
.cs-fx .fx:nth-child(4n){color:color-mix(in srgb,var(--ac2-hi) 80%,#fff)}
.cs-fx-glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.35;animation:csGlow 14s ease-in-out infinite alternate}
.cs-fx-glow.g1{width:380px;height:380px;left:-120px;bottom:-160px;background:var(--ac2-hi)}
.cs-fx-glow.g2{width:320px;height:320px;right:22%;top:-170px;background:color-mix(in srgb,var(--ac) 60%,#fff);animation-delay:-7s}
@keyframes csGlow{to{transform:translate(60px,-30px) scale(1.15)}}
@media (max-width:640px){.cs-fx .fx:nth-child(even){display:none}.cs-fx .fx{opacity:.12}}
@media (prefers-reduced-motion:reduce){.cs-fx *{animation:none !important}}

/* services (company posts) list + detail (v5) */
.cs-nav a{white-space:nowrap}
@media (min-width:901px) and (max-width:1240px){.cs-nav a{padding:8px 9px;font-size:13.5px}.cs-hdr .nm b{max-width:220px}}
.cs-svcs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cs-svc{background:#fff;border:1px solid #D8E3EE;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s}
.cs-svc:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--ac) 35%,#D8E3EE);box-shadow:0 22px 40px -28px rgba(12,40,70,.55)}
.cs-svc .ph{position:relative;display:block;aspect-ratio:16/9;background:linear-gradient(135deg,var(--tint),var(--tint2));overflow:hidden}
.cs-svc .ph img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.cs-svc:hover .ph img{transform:scale(1.05)}
.cs-svc .ph-ic{position:absolute;inset:0;display:grid;place-items:center;color:color-mix(in srgb,var(--ac) 45%,#fff)}
.cs-svc .bd{padding:16px 18px 18px;display:flex;flex-direction:column;gap:7px;flex:1}
.cs-svc time{font-size:12.5px;font-weight:600;color:#6A7C8E}
.cs-svc h3{font-size:17px;line-height:1.35;margin:0}
.cs-svc h3 a{color:var(--ac-d);text-decoration:none}
.cs-svc h3 a:hover{color:var(--ac)}
.cs-svc p{margin:0;font-size:14px;color:#506275;line-height:1.55}
.cs-svc .rd{margin-top:auto;padding-top:4px;display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:13.5px;color:var(--ac2);text-decoration:none}
.cs-svc:hover .rd svg{transform:translateX(3px)}
.cs-svc .rd svg{transition:transform .2s}
.cs-svc.new{animation:csSvcIn .45s ease both}
@keyframes csSvcIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.cs-more{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 0 4px}
.cs-more .btn{gap:8px;min-width:220px;justify-content:center;background:#fff}
.cs-more .btn.busy{opacity:.7;pointer-events:none}
.cs-more small{color:#6A7C8E;font-size:13px}
.cs-more .lk{color:var(--ac);font-weight:700}
.cs-sd{background:#fff;border:1px solid #D8E3EE;border-radius:20px;overflow:hidden;box-shadow:0 22px 46px -40px rgba(12,40,70,.6)}
.cs-sd-img{margin:0;background:var(--tint);max-height:440px;overflow:hidden}
.cs-sd-img img{display:block;width:100%;height:100%;max-height:440px;object-fit:cover}
.cs-sd-meta{display:flex;flex-wrap:wrap;gap:6px 16px;padding:18px 26px 0;font-size:13px;font-weight:600;color:#6A7C8E}
.cs-sd-meta .by{color:var(--ac-d);font-weight:800}
.cs-sd-meta span+span::before{content:"•";margin-right:16px;color:#B8C6D4}
.cs-sd-body{padding:12px 26px 6px;font-size:15.5px}
.cs-sd-body table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.cs-sd-body td,.cs-sd-body th{border:1px solid #E1E9F1;padding:8px 10px}
.cs-sd .cs-video{margin:10px 26px 0}
.cs-sd-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:16px 26px 0}
.cs-sd-tags b{font-size:13px;color:#6A7C8E;margin-right:2px}
.cs-sd-tags a{font-size:13px;font-weight:700;padding:6px 11px;border-radius:999px;background:var(--tint);color:var(--ac-d);text-decoration:none}
.cs-sd-tags a:hover{background:var(--ac);color:#fff}
.cs-sd-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 26px 26px;padding:18px 20px;border-radius:16px;background:linear-gradient(120deg,var(--tint2),var(--tint));border:1px solid color-mix(in srgb,var(--ac2) 22%,#fff)}
.cs-sd-cta b{display:block;color:var(--ac-d);font-size:16px;margin-bottom:2px}
.cs-sd-cta span{color:#506275;font-size:14px}
.cs-sd-cta .btn{flex:none}
@media (max-width:640px){
  .cs-svcs{grid-template-columns:1fr}
  .cs-sd-meta,.cs-sd-body,.cs-sd-tags{padding-left:18px;padding-right:18px}
  .cs-sd .cs-video{margin:10px 18px 0}
  .cs-sd-cta{flex-direction:column;align-items:flex-start;margin:18px}
}

/* fixed contact dock: WhatsApp / Call / Message (v6) */
.cs-fab{display:none !important}
.cs-dock{position:fixed;right:18px;bottom:22px;z-index:75;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.cs-dock>a,.cs-dock>button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;flex-direction:row-reverse;gap:0;height:54px;min-width:54px;padding:0;border-radius:999px;color:#fff;box-shadow:0 12px 26px -8px rgba(10,30,50,.45);transition:gap .3s,padding .3s,transform .2s;overflow:hidden;-webkit-tap-highlight-color:transparent}
.cs-dock .ic{width:54px;height:54px;flex:none;display:grid;place-items:center}
.cs-dock b{font-size:14.5px;font-weight:800;white-space:nowrap;max-width:0;opacity:0;transition:max-width .3s,opacity .25s,padding .3s}
.cs-dock>a:hover,.cs-dock>button:hover,.cs-dock>a:focus-visible,.cs-dock>button:focus-visible{transform:translateX(-2px)}
.cs-dock>a:hover b,.cs-dock>button:hover b,.cs-dock>a:focus-visible b,.cs-dock>button:focus-visible b{max-width:140px;opacity:1;padding-left:20px}
.cs-dock .d-wa{background:#1FAF5A}
.cs-dock .d-call{background:var(--ac)}
.cs-dock .d-msg{background:var(--ac2)}
.cs-dock .d-wa .ic{position:relative}
.cs-dock .d-wa .ic::after{content:"";position:absolute;inset:6px;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:csRing 2.2s ease-out infinite}
@keyframes csRing{0%{transform:scale(.8);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.cs-dock .d-msg b{max-width:140px;opacity:1;padding-left:20px}
.cs-dock .d-msg .ic{width:50px}
@media (max-width:900px){
  .cs-dock{left:0;right:0;bottom:0;flex-direction:row;align-items:stretch;gap:0;background:#fff;border-top:1px solid #DCE5EE;box-shadow:0 -10px 24px -14px rgba(10,30,50,.35);padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:8px}
  .cs-dock>a,.cs-dock>button{flex:1;height:48px;border-radius:12px;flex-direction:row;justify-content:center;gap:6px;box-shadow:none;transform:none !important}
  .cs-dock .ic,.cs-dock .d-msg .ic{width:auto;height:auto}
  .cs-dock b,.cs-dock>a:hover b,.cs-dock>button:hover b,.cs-dock .d-msg b{max-width:none;opacity:1;padding:0;font-size:14px}
  .cs-dock .d-wa .ic::after{display:none}
  body.cs{padding-bottom:72px}
}
@media (max-width:360px){.cs-dock b{font-size:12.5px}}
@media (prefers-reduced-motion:reduce){.cs-dock .d-wa .ic::after{animation:none}}

/* dock colours: call red, WhatsApp green, message navy (v7) */
.cs-dock .d-call{background:#E0312B}
.cs-dock .d-wa{background:#1FAF5A}
.cs-dock .d-msg{background:#0C2D57}
.cs-dock .d-call:hover{background:#C9241F}
.cs-dock .d-wa:hover{background:#18994D}
.cs-dock .d-msg:hover{background:#0A2445}

/* WhatsApp uses the Send Enquiry colour; message button is icon-only (v8) */
.cs-dock .d-wa{background:var(--ac2)}
.cs-dock .d-wa:hover{background:var(--ac2-hi)}
.cs-dock .d-msg .ic{width:54px}
@media (max-width:900px){.cs-dock .d-msg{flex:0 0 64px}}

/* contact strip: text stays inside its column, long address wraps to 2 lines (v9) */
.cs-cstrip{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr) auto}
.cs-cstrip .c>div{min-width:0;flex:1}
.cs-cstrip b{line-height:1.35}
.cs-cstrip b.addr{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
@media (max-width:1080px){.cs-cstrip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cs-cstrip{grid-template-columns:1fr}.cs-cstrip b{white-space:normal}.cs-cstrip b.addr{-webkit-line-clamp:3}}

/* ===== catalog mobile polish (v10) ===== */
@media (max-width:640px){
  /* top strip on one line */
  .cs-strip .wrap{flex-wrap:nowrap;gap:10px;min-height:32px}
  .cs-strip .v{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .cs-strip .back{flex:none;font-size:12px}
  /* tighter section spacing */
  .cs-sec{padding-top:34px;padding-bottom:34px}
  .cs-sh{margin-bottom:16px}
  .cs-sh h2,.cs-about h2{font-size:22px}
  /* about points 2 per row */
  .cs-about .pts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .cs-about .pt{padding:14px}
  .cs-about .pt p{font-size:13px}
  /* steps as compact rows */
  .cs-steps{gap:10px}
  .cs-steps li{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:start;padding:14px 14px}
  .cs-steps li .n{grid-row:span 2;margin:0}
  .cs-steps li b{margin:0 0 2px}
  .cs-steps li p{margin:0;font-size:13.5px}
  .cs-steps li::after,.cs-steps li::before{display:none}
  /* highlights 2 per row */
  .cs-hl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .cs-hl .h{padding:14px}
  .cs-hl .ic{width:40px;height:40px;border-radius:12px;margin-bottom:10px}
  .cs-hl b{font-size:14.5px}
  .cs-hl p{font-size:12.8px;line-height:1.5}
  /* trust */
  .cs-trust .seal{padding:18px 14px}
  .cs-trust li{font-size:13.5px}
  /* panels */
  .cs-panel{padding:18px}
  /* footer: brand full width, link lists side by side */
  .cs-ft .top{grid-template-columns:1fr 1fr;gap:22px 16px;padding-top:32px}
  .cs-ft .top .about,.cs-ft .top .ap{grid-column:1/-1}
  .cs-ft .bot .wrap{justify-content:center;text-align:center}
  .cs-band .wrap{padding-top:24px;padding-bottom:24px}
  .cs-band .btn{width:100%;justify-content:center}
}
/* long company text folds on small screens with a Read more button */
.cs-fold{position:relative;max-height:260px;overflow:hidden}
.cs-fold::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.cs-more-btn{all:unset;cursor:pointer;margin-top:10px;font-weight:800;font-size:14px;color:var(--ac);display:inline-flex;align-items:center;gap:6px}