*{box-sizing:border-box}
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

html,body{
    font-family:'Plus Jakarta Sans',Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

body{
    letter-spacing:-0.01em;
}

h1,h2,h3,h4,h5,h6{
    font-family:'Plus Jakarta Sans',Arial,sans-serif;
    font-weight:700;
    letter-spacing:-0.025em;
}

button,
input,
select,
textarea{
    font-family:'Plus Jakarta Sans',Arial,sans-serif;
}

.navbar,
.hero,
.product-card,
.category-card,
.btn{
    font-family:'Plus Jakarta Sans',Arial,sans-serif;
}
body{margin:0;font-family:'Plus Jakarta Sans',Arial,sans-serif;color:#13232a;line-height:1.55}
    a{text-decoration:none;color:inherit}header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e4ecee}.top{max-width:1220px;margin:auto;padding:13px 22px;display:flex;align-items:center;gap:30px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;flex:1}.logo small{display:block;font-size:9px;color:#72858a;font-weight:500}.mark{width:43px;height:43px;border-radius:14px;background:#0b8277;color:#fff;display:grid;place-items:center;font-size:28px}.top nav{display:flex;gap:25px;font-size:14px;font-weight:bold}.actions{display:flex;gap:7px;align-items:center}.actions a,.menu{padding:9px 11px;border-radius:9px;font-size:12px;font-weight:bold}.wa,.waBtn{background:#0b8277!important;color:#fff!important}.cart{background:#f0b52b}.cart span{background:#13232a;color:#fff;padding:2px 6px;border-radius:15px}.menu{display:none;border:0}.hero{height:580px;position:relative;overflow:hidden}.slide{position:absolute;inset:0;display:none;background-size:cover;background-position:center}.slide:first-child{display:block}.fallback{background:linear-gradient(115deg,#082c34,#0b8277 60%,#a7cfca)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,25,30,.82),rgba(3,25,30,.08))}.heroText{position:absolute;left:max(22px,calc((100% - 1220px)/2));top:50%;transform:translateY(-50%);max-width:690px;color:#fff}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:800;color:#0b8277}.hero .eyebrow{color:#f0b52b}.hero h1{font-size:clamp(40px,6vw,72px);line-height:1.02;margin:12px 0}.hero p{font-size:19px;max-width:600px}.btn{display:inline-block;padding:13px 20px;border:0;border-radius:10px;background:#f0b52b;color:#111;font-weight:800;cursor:pointer}.dark{background:#13232a;color:#fff}.outline{background:#fff;border:1px solid #13232a}.section{max-width:1220px;margin:auto;padding:72px 22px}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section h1,.section h2{line-height:1.1}.section h2{font-size:36px}.catGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.catCard{padding:24px;border:1px solid #dde7e9;border-radius:18px}.catCard:hover{box-shadow:0 15px 35px #0000000c;transform:translateY(-3px)}.catIcon{width:44px;height:44px;border-radius:12px;background:#eaf5f3;color:#0b8277;display:grid;place-items:center;font-size:26px}.catCard p{font-size:13px;color:#71848a}.soft{max-width:none;background:#f5f8f8;padding-left:max(22px,calc((100% - 1220px)/2));padding-right:max(22px,calc((100% - 1220px)/2))}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:#fff;border:1px solid #e0e8e9;border-radius:16px;overflow:hidden}.productImg{height:215px;background:#edf3f3;display:grid;place-items:center;color:#8aa0a5}.productImg img{width:100%;height:100%;object-fit:cover}.productBody{padding:15px}.productBody small{color:#0b8277}.productBody h3{font-size:16px;margin:4px 0 8px}.product>button{margin:0 15px 15px;width:calc(100% - 30px);padding:10px;border:0;border-radius:9px;background:#13232a;color:#fff;font-weight:bold;cursor:pointer}.trust{max-width:1220px;margin:auto;padding:65px 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.trust b{color:#0b8277}.about{background:#092f36;color:#fff;padding:80px max(22px,calc((100% - 1220px)/2));display:grid;grid-template-columns:1.5fr 1fr;gap:70px}.about h2{font-size:45px;line-height:1.05}.aboutPanel{background:#174c53;border-radius:20px;padding:32px;align-self:center}.light{background:#fff;color:#13232a}.pageHero{text-align:center;padding:65px 22px;background:#eef5f4}.pageHero h1{font-size:48px}.search{display:flex;gap:10px;margin-bottom:30px}.search input,.checkout input,.checkout textarea{width:100%;padding:13px;border:1px solid #d3dfe1;border-radius:9px;font-size:15px}.search input{flex:1}.detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.detailImg{height:480px;background:#edf3f3;border-radius:20px;display:grid;place-items:center}.detailImg img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.thumbs{display:flex;gap:8px;margin-top:10px}.thumbs img{width:70px;height:70px;object-fit:cover;border-radius:8px;border:1px solid #ddd}.checkout{max-width:680px;margin-top:35px;padding:25px;border:1px solid #dde6e8;border-radius:16px;display:grid;gap:11px}.empty{padding:45px;text-align:center}footer{background:#071f25;color:#d9e5e6;padding:60px max(22px,calc((100% - 1220px)/2));display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}footer a{display:block;margin:7px 0}.copyright{background:#04171c;color:#789095;text-align:center;padding:14px;font-size:12px}.contact{display:grid;grid-template-columns:1.5fr 1fr;gap:80px}.contact h1{font-size:50px}.contactCard{background:#eef5f4;padding:30px;border-radius:18px}@media(max-width:800px){.top nav{display:none}.menu{display:block}.hero{height:500px}.catGrid,.products{grid-template-columns:repeat(2,1fr)}.trust,.about,.contact,.detail,footer{grid-template-columns:1fr}.about{gap:30px}.detailImg{height:340px}.section{padding:50px 18px}.heroText{left:20px;right:20px}.hero h1{font-size:43px}}@media(max-width:500px){.top{padding:10px 12px}.logo small{display:none}.actions a:first-child{display:none}.products{gap:10px}.productImg{height:145px}.productBody h3{font-size:14px}.sectionHead{align-items:start;gap:10px}
    .section h2{font-size:30px}
    .pageHero h1{font-size:36px}.search{display:block}.search .btn{margin-top:8px}.contact h1{font-size:40px}}


    /* Corporate Trust Section Styles */
.container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 1.5rem;
}
/**********
.trust {
  margin: 5rem auto;
}

.text-center {
  text-align: center;
}

.mb-5 {
  margin-bottom: 3rem;
}

.trust-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 2rem;
}

.trust-card {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
  border-radius: 1rem;
  padding: 2rem;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: var(--shadow-sm);
}

.trust-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-md);
  border-color: var(--accent);
}

.trust-icon {
  width: 56px;
  height: 56px;
  border-radius: 0.75rem;
  background: rgba(2, 132, 199, 0.1);
  color: var(--accent);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
}

.trust-card h3 {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 0.75rem;
}

.trust-card p {
  color: var(--text-muted);
  font-size: 0.95rem;
  line-height: 1.5;
}

**---------------------***/

/* Full Screen Width Trust Section Styles */
.full-width-trust {
  width: 100%;
  margin: 5rem 0;
  padding: 0 3rem; /* Optional breathing padding on extreme screen edges */
}

.text-center {
  text-align: center;
}

.mb-5 {
  margin-bottom: 3rem;
}

.trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* Exactly 4 columns, each taking 25% width */
  gap: 1.5rem;
  width: 100%;
}

.trust-card {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
  border-radius: 1rem;
  padding: 2rem;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: var(--shadow-sm);
}

.trust-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-md);
  border-color: var(--accent);
}

.trust-icon {
  width: 56px;
  height: 56px;
  border-radius: 0.75rem;
  background: rgba(2, 132, 199, 0.1);
  color: var(--accent);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
}

.trust-card h3 {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 0.75rem;
}

.trust-card p {
  color: var(--text-muted);
  font-size: 0.95rem;
  line-height: 1.5;
}

/* Responsive fallback for smaller screens */
@media (max-width: 1024px) {
  .trust-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .trust-grid {
    grid-template-columns: 1fr;
  }
  .full-width-trust {
    padding: 0 1rem;
  }
}