:root{
  --gold:#FFD700;
  --bg:#fffaf5;
  --text:#2a1d0a;
  --muted:#6a5b4a;
  --container:1100px;
}
*{box-sizing:border-box}
body{
  font-family:Inter, system-ui, Arial, sans-serif;
  background:var(--bg);
  color:var(--text);
  margin:0;
  -webkit-font-smoothing:antialiased;
}
.logo {
  width: 250px;       /* set a clear size */
  height: 250px;       /* keeps aspect ratio */
  max-width: none;    /* removes restriction */
}
/* Cart Icon Styling */
.cart-link {
  position: relative;
  font-size: 1.4rem;
  color: #d4af37; /* Goldish tone */
  text-decoration: none;
  margin-left: 20px;
  transition: transform 0.2s ease, color 0.3s ease;
}

.cart-link i {
  font-size: 1.5rem;
}

/* Hover effect */
.cart-link:hover {
  color: #000;
  transform: scale(1.1);
}

/* Cart count bubble */
.cart-count {
  position: absolute;
  top: -4px;
  right: -8px;
  background: #e63946;
  color: white;
  font-size: 0.7rem;
  font-weight: bold;
  padding: 2px 6px;
  border-radius: 50%;
}

.toprect{background-color: #FFD700}
.offer.section{padding: 0.2rem;
  font-weight:bold;
  margin: 0;
  text-align: center;
  color: black}
.container{max-width:var(--container);margin:0 auto;padding:2rem}
.site-header{
  display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#fff;box-shadow:0 2px 8px rgb(0 0 0 / 4%);position:sticky;top:0;z-index:1000
}
.brand{display:flex;align-items:center;gap:.6rem}
.logo{height:100px;width:auto}
.brand-name{font-weight:700;letter-spacing:.4px}
.nav{display:flex;gap:1rem;align-items:center}
.nav a{color:var(--text);text-decoration:none;padding:.4rem .6rem;border-radius:6px}
.nav a:hover{background:#fff6e6;color:var(--gold)}
.hamburger{display:none;background:none;border:0;font-size:20px}

/* HERO */
.hero{position:relative;height:420px;overflow:hidden;background:#000}
.hero-image{width:100%;height:100%;object-fit:cover;filter:contrast(.95) saturate(.9)}
.hero-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;padding:2rem}
.hero-overlay h1{font-size:48px;margin-bottom:.3rem;color:var(--gold);text-shadow:0 4px 18px rgba(0,0,0,.4)}
.lead{color:#f8e9d9;margin-bottom:1rem}

/* Buttons */
.btn{display:inline-block;padding:.6rem 1rem;border-radius:8px;text-decoration:none;border:0;cursor:pointer}
.primary{background:var(--gold);color:#fff}
.ghost{background:transparent;border:1px solid rgba(0,0,0,.06)}

/* PRODUCTS */
.products h2{font-size:28px;margin-bottom:1.2rem;text-align:center}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.product{background:#fff;border-radius:12px;padding:1rem;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.product img{max-width:100%;height:220px;object-fit:contain;border-radius:8px}
.price{color:var(--muted);margin:.4rem 0}
.card-actions{display:flex;gap:.5rem;justify-content:center;margin-top:.6rem}

/* CRAFT */
.craft {
  background-color: #eabf40; /* golden yellow */
  padding: 3rem 2rem;
  border-radius: 12px;
  color: #2a1a00;
  text-align: center;
}

.craft h2 {
  font-family: "Georgia", serif;
  font-size: 1.8rem;
  margin-bottom: 2rem;
}

.craft-layout {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

.craft-text {
  flex: 1 1 50%;
}

.craft-image {
  flex: 1 1 40%;
  display: flex;
  justify-content: center;
}

.craft-image img {
  max-width: 100%;
  border: 3px solid #0b6efd; /* blue border */
  border-radius: 8px;
}

.card {
  text-align: left;
  margin-bottom: 1.5rem;
}

.icon {
  font-size: 1.5rem;
  margin-right: 0.5rem;
}

.card h3 {
  display: inline;
  color: #000;
}

.card p {
  margin-left: 2rem;
  font-size: 0.95rem;
}

/* FOOTER */
.footer{background:#1b1510;color:#fff;padding:1.8rem 0;margin-top:2rem}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.socials {
  display: flex;
  gap: 15px;
  margin-top: 10px;
}

.social-icon {
  font-size: 1.3rem;
  color: #d4af37; /* Gold color to match luxury theme */
  text-decoration: none;
  transition: color 0.3s ease, transform 0.3s ease;
}

.social-icon:hover {
  color: White;
  transform: scale(1.2);
}
.email{
color:#d4af37;
}
.email:hover{
color:White;
transform:scale(1.2);
}
/* Blog */
.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.post-card{background:#fff;padding:1rem;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.06)}
.post-card img{width:100%;height:160px;object-fit:cover;border-radius:8px}

/* Cart */
.cart-page #cart-items{margin-bottom:1rem}
.cart-row{display:flex;gap:1rem;align-items:center;background:#fff;padding:1rem;border-radius:10px;margin-bottom:.8rem}
.qty{display:flex;gap:.4rem;align-items:center}

/* Misc */
.hidden{display:none}
.fade-in{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.fade-in.appear{opacity:1;transform:none}
.back{display:inline-block;margin:1rem 0;color:var(--muted);text-decoration:none}

/* Responsive */
@media(max-width:1024px){
  .grid{grid-template-columns:repeat(2,1fr)}
  .posts-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .nav{display:none}
  .hamburger{display:block}
  .hero{height:360px}
  .grid{grid-template-columns:1fr}
  .posts-grid{grid-template-columns:1fr}
  .footer-inner{flex-direction:column;gap:.8rem}
}