/*
Theme Name: NutCubes Theme
Theme URI: https://nutcubes.example
Author: NutCubes / Dynamic Bazar
Author URI: https://nutcubes.example
Description: Lightweight custom storefront theme for NutCubes™ (Premium Dry Fruits & Sweet Snacks). Optimized for product landing page + WooCommerce.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nutcubes
*/

/* Basic reset / typography overrides */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #1a1a1a;
  background-color: #ffffff;
  line-height: 1.5;
}
.container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
.header-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
  border-bottom: 1px solid #eee;
}
.brand-block {
  display: flex;
  flex-direction: column;
  font-weight: 600;
}
.brand-title {
  font-size: 1.25rem;
  font-weight: 700;
}
.brand-sub {
  font-size: .8rem;
  color: #666;
  font-weight: 500;
}
.usp-row {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
  gap: 1rem;
  margin-top: 2rem;
}
.usp-card {
  background:#fafafa;
  border:1px solid #eee;
  border-radius:.75rem;
  padding:1rem;
  text-align:center;
  font-size:.9rem;
  font-weight:500;
}
.hero {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2rem;
  padding-top:2rem;
  padding-bottom:2rem;
}
@media(max-width:768px){
  .hero{grid-template-columns:1fr;}
}
.hero-copy-head {
  font-size:clamp(1.8rem,2vw,2.25rem);
  font-weight:700;
  line-height:1.2;
}
.hero-copy-sub {
  color:#444;
  margin-top:1rem;
  font-size:1rem;
  font-weight:400;
}
.cta-row {
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
  margin-top:1.5rem;
}
.btn-primary {
  background:#1a1a1a;
  color:#fff;
  border-radius:.75rem;
  padding:.75rem 1rem;
  font-size:.9rem;
  font-weight:600;
  text-decoration:none;
  display:inline-block;
}
.btn-outline {
  border:2px solid #1a1a1a;
  border-radius:.75rem;
  padding:.75rem 1rem;
  font-size:.9rem;
  font-weight:600;
  text-decoration:none;
  color:#1a1a1a;
  background:#fff;
}
.product-grid-wrapper {
  margin-top:3rem;
  margin-bottom:3rem;
}
.product-grid-head {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-bottom:1rem;
}
.product-grid-head h2 {
  font-size:1.25rem;
  font-weight:700;
}
.product-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1.5rem;
}
.product-card {
  border:1px solid #eee;
  border-radius:1rem;
  padding:1rem;
  background:#fff;
  text-align:center;
  box-shadow:0 8px 24px rgb(0 0 0 / .03);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.product-img-placeholder {
  width:100%;
  aspect-ratio:1/1;
  background:#f5f5f5;
  border-radius:.75rem;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.8rem;
  color:#888;
  border:1px dashed #ccc;
}
.product-name {
  margin-top:1rem;
  font-weight:600;
  font-size:.95rem;
}
.product-price {
  margin-top:.5rem;
  font-weight:700;
  font-size:1rem;
  color:#1a1a1a;
}
.product-cta {
  margin-top:1rem;
}
.footer {
  background:#111;
  color:#fff;
  margin-top:2rem;
  padding:2rem 0 3rem;
}
.footer-inner {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:2rem;
  font-size:.9rem;
}
.footer-title {
  font-weight:600;
  font-size:1rem;
  margin-bottom:.5rem;
  color:#fff;
}
.footer small {
  color:#aaa;
  font-size:.75rem;
  line-height:1.4;
}
.copy-row {
  font-size:.75rem;
  text-align:center;
  color:#666;
  border-top:1px solid #eee;
  padding-top:1rem;
  margin-top:2rem;
}