/* PALKEM INDIA – FINAL CSS v1.0.0  |  2025-08-04 */
:root {
  --brand-teal:#0A3D34;
  --brand-teal-dark:#063028;
  --brand-teal-light:#0F4E42;
  --accent-gold:#D9A441;
  --text-dark:#1C1C1C;
  --text-light:#FFFFFF;
  --text-muted:#5F6F6D;      /* WCAG AA on #FFF */
  --bg-light:#F5F7F7;
  --font-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-serif:"Playfair Display",serif;
  --radius:4px;
  --shadow:0 2px 8px rgba(0,0,0,.12);
  --shadow-lg:0 4px 20px rgba(0,0,0,.15);
  --ease:200ms ease-in-out;
  --max-width:1140px;
}

/* RESET */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--font-sans);line-height:1.6;color:var(--text-dark);background:var(--text-light)}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{line-height:1.3;margin:0 0 .5em;font-weight:600}

/* NAV */
header{background:var(--brand-teal);color:var(--text-light)}
nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;max-width:var(--max-width);margin:auto}
nav a{padding:.5rem .75rem;border-radius:var(--radius);transition:background var(--ease)}
nav a:hover{background:var(--brand-teal-light)}
.logo{font-weight:700;font-size:1.25rem;letter-spacing:.5px}

/* HERO */
.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:70vh;color:var(--text-light);position:relative;overflow:hidden;background:var(--brand-teal)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55)}
.hero>*{position:relative;z-index:1}
.hero h1{font-size:clamp(1.8rem,4vw,3rem);margin-bottom:.5em}
.hero p{font-size:clamp(1rem,2vw,1.25rem);max-width:40ch;margin:0 auto 1.5em}
.cta{background:var(--text-light);color:var(--brand-teal);padding:.75rem 1.75rem;border-radius:var(--radius);font-weight:600;transition:transform var(--ease),box-shadow var(--ease)}
.cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}

/* SECTIONS */
section{padding:4rem 1rem}
.wrapper{max-width:var(--max-width);margin:auto}
.section-title{font-size:2rem;color:var(--brand-teal);margin-bottom:1.5rem;text-align:center}
.cards{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:var(--bg-light);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:transform var(--ease)}
.card:hover{transform:translateY(-3px)}
.card strong{display:block;font-size:1.1rem;margin-bottom:.5em;color:var(--brand-teal-dark)}
.card small{color:var(--text-muted)}

/* PRODUCTS TABLE */
table{width:100%;border-collapse:collapse;margin-top:1rem}
th,td{padding:.75rem;text-align:left;border-bottom:1px solid #E0E0E0}
th{background:var(--bg-light);font-weight:600;color:var(--brand-teal-dark)}

/* FOOTER */
footer{background:var(--brand-teal-dark);color:var(--text-light);padding:2rem 1rem;text-align:center;font-size:.875rem}
footer a{color:var(--accent-gold)}

/* STICKY RFQ */
sticky-rfq{position:fixed;bottom:1rem;right:1rem;z-index:1000}
#rfqBtn{background:var(--brand-teal);color:var(--text-light);border:none;padding:.75rem 1rem;border-radius:50px;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;box-shadow:var(--shadow-lg);cursor:pointer;transition:transform var(--ease)}
#rfqBtn:hover{transform:translateY(-2px)}
@media(max-width:600px){#rfqBtn span{display:none}}

/* UTILS */
.text-center{text-align:center}
.mt{margin-top:1.5rem}
.mb{margin-bottom:1.5rem}

/* ACCESSIBILITY */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important}
}
:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}