/*
Theme Name: Parnika International
Theme URI: https://parnikainternational.com
Author: Dev / Parnika International
Description: Lightweight custom theme for Parnika International - exporter showcase theme
Version: 1.0
Text Domain: parnika-theme
*/

:root{
  --pi-blue: #0b61a6;
  --pi-light-blue: #2d9bf0;
  --pi-orange: #f39c12;
  --pi-dark: #14202b;
  --pi-body: #ffffff;
  --pi-accent: #f7f9fc;
  --max-width: 1100px;
  --container-padding: 20px;
}

*{box-sizing:border-box}
body{
  font-family: "Montserrat", Arial, sans-serif;
  color:var(--pi-dark);
  background:var(--pi-body);
  margin:0;
  line-height:1.5;
}
a{color:var(--pi-blue); text-decoration:none}
.container{max-width:var(--max-width); margin:0 auto; padding:var(--container-padding);}
.site-header{padding:18px 0; border-bottom:1px solid #eee; background:transparent;}
.site-brand{display:flex;align-items:center;gap:12px}
.site-brand img{height:56px; width:auto}
.site-title{font-weight:700; font-size:20px; color:var(--pi-blue)}
.site-tagline{font-size:13px; color:#555}
.main-nav{display:flex; gap:18px; margin-left:auto}
.hero{display:flex;align-items:center; gap:40px; padding:60px 0}
.hero .hero-left{flex:1}
.hero .hero-right{flex:1; text-align:center}
.hero h1{font-size:34px; color:var(--pi-dark); margin:0 0 12px}
.hero p{margin:0 0 18px; color:#444}
.btn{display:inline-block; padding:12px 18px; border-radius:6px; background:var(--pi-blue); color:#fff}
.btn.secondary{background:var(--pi-orange); color:#fff}
.section{padding:40px 0}
.products-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.product-card{border:1px solid #eee; border-radius:8px; overflow:hidden; background:#fff; box-shadow:0 6px 20px rgba(0,0,0,0.04)}
.product-card img{width:100%; height:220px; object-fit:cover}
.product-card .pcontent{padding:14px}
.product-card h3{margin:0 0 8px; font-size:18px; color:var(--pi-dark)}
.product-card p{font-size:14px; color:#666}
.footer{padding:18px 0; border-top:1px solid #eee; text-align:center; color:#666; font-size:14px}

/* Responsive */
@media(max-width:900px){
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .hero{flex-direction:column}
}
@media(max-width:600px){
  .products-grid{grid-template-columns:1fr}
  .site-brand img{height:48px}
  .hero h1{font-size:28px}
}