/*
Theme Name: Murti Craft
Author: AstoneTech / Murti Craft
Description: Clean white e-commerce theme for handcrafted marble murtis
Version: 1.0
Text Domain: murti-craft
*/

:root{
  --mc-white:#ffffff;
  --mc-offwhite:#f9f7f4;
  --mc-text:#2b2b2b;
  --mc-muted:#767676;
  --mc-accent:#b8860b; /* muted gold, marble/temple feel */
  --mc-border:#e6e2db;
  --mc-maxw:1200px;
  --mc-radius:10px;
}

*{box-sizing:border-box;}
body{
  margin:0;
  font-family:'Poppins',Arial,sans-serif;
  color:var(--mc-text);
  background:var(--mc-white);
  line-height:1.6;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
.container{max-width:var(--mc-maxw);margin:0 auto;padding:0 20px;}

/* HEADER */
.site-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 20px;border-bottom:1px solid var(--mc-border);
  background:var(--mc-white);position:sticky;top:0;z-index:100;
}
.site-header .logo img{max-height:48px;}
.main-nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;}
.main-nav a{font-weight:500;}
.main-nav a:hover{color:var(--mc-accent);}
.header-icons{display:flex;align-items:center;gap:18px;}
.menu-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;}

@media(max-width:900px){
  .main-nav{
    display:none;position:absolute;top:100%;left:0;right:0;
    background:#fff;border-bottom:1px solid var(--mc-border);
  }
  .main-nav.open{display:block;}
  .main-nav ul{flex-direction:column;padding:16px 20px;gap:16px;}
  .menu-toggle{display:block;}
}

/* HERO */
.hero{position:relative;text-align:center;color:#fff;}
.hero img{width:100%;height:70vh;object-fit:cover;min-height:380px;}
.hero-overlay{
  position:absolute;inset:0;background:rgba(0,0,0,.35);
  display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;
}
.hero-overlay h1{font-size:2.6rem;margin:0 0 12px;}
.hero-overlay p{font-size:1.1rem;max-width:600px;margin:0 0 22px;}
.btn-primary{
  background:var(--mc-accent);color:#fff;padding:14px 32px;
  border-radius:var(--mc-radius);font-weight:600;display:inline-block;
}

@media(max-width:600px){.hero-overlay h1{font-size:1.7rem;}}

/* SLIDER SECTION WRAPPER */
.section{padding:60px 0;}
.section-title{text-align:center;margin-bottom:36px;}
.section-title h2{font-size:2rem;margin:0 0 8px;}
.section-title p{color:var(--mc-muted);}

.gallery-slider{overflow:hidden;}
.gallery-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;}
.gallery-track img{
  scroll-snap-align:start;border-radius:var(--mc-radius);
  width:280px;height:200px;object-fit:cover;flex:0 0 auto;
}

/* PRODUCT GRID */
.product-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:24px;
}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.product-grid{grid-template-columns:1fr;}}

.product-card{
  border:1px solid var(--mc-border);border-radius:var(--mc-radius);
  overflow:hidden;background:#fff;transition:box-shadow .2s;
}
.product-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);}
.product-card img{width:100%;height:220px;object-fit:cover;}
.product-card .p-body{padding:14px;}
.product-card .p-title{font-weight:600;margin:0 0 6px;}
.product-card .p-price{color:var(--mc-accent);font-weight:600;}

/* NEWSLETTER */
.newsletter{background:var(--mc-offwhite);text-align:center;padding:50px 20px;}
.newsletter form{
  display:flex;max-width:460px;margin:20px auto 0;gap:10px;flex-wrap:wrap;justify-content:center;
}
.newsletter input[type=email]{
  flex:1;min-width:220px;padding:12px 16px;border:1px solid var(--mc-border);border-radius:var(--mc-radius);
}

/* FOOTER */
.site-footer{background:var(--mc-offwhite);border-top:1px solid var(--mc-border);padding:50px 0 20px;}
.footer-grid{
  display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px;
}
.footer-logo img{max-height:44px;margin-bottom:14px;}
.footer-col h4{margin:0 0 14px;font-size:1rem;}
.footer-col ul{list-style:none;margin:0;padding:0;}
.footer-col li{margin-bottom:10px;}
.social-icons{display:flex;gap:14px;margin-top:16px;}
.social-icons a{
  width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--mc-border);
  display:flex;align-items:center;justify-content:center;
}
.footer-bottom{
  text-align:center;padding-top:24px;margin-top:30px;border-top:1px solid var(--mc-border);
  color:var(--mc-muted);font-size:.9rem;
}
@media(max-width:900px){
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:560px){
  .footer-grid{grid-template-columns:1fr;text-align:center;}
  .social-icons{justify-content:center;}
}