:root{--bg:#1b140f;--panel:#2b1f17;--muted:#d6c6b2;--accent:#c07a50;--accent-dark:#b78f5f;--card:#2f231a;--white:#f6efe6;--rounded:12px;--container:1100px}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--white);background:linear-gradient(0deg,#0f0b08 0%,#1c120e 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.4}
.container{max-width:var(--container);margin:0 auto;padding:28px}.header-inner{display:flex;align-items:center;gap:18px;justify-content:space-between}.site-header{background:rgba(0,0,0,0.18);backdrop-filter:blur(3px);position:sticky;top:0;z-index:50;padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.03)}.logo{display:flex;align-items:center;gap:12px;color:var(--white);text-decoration:none}.logo-mark{background:var(--accent-dark);color:#1b110a;padding:8px 10px;border-radius:6px;font-weight:700}.logo-text .company{font-weight:700;font-family:Oswald,sans-serif}.logo-text .domain{font-size:12px;color:var(--muted)}.main-nav a{color:var(--muted);text-decoration:none;margin:0 8px;font-weight:600}.main-nav a.active{color:var(--white)}.header-actions{display:flex;align-items:center;gap:10px}.cart-btn{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--white);padding:8px 12px;border-radius:8px;cursor:pointer}.hero{height:520px;background-size:cover;background-position:center;display:flex;align-items:center;color:var(--white);position:relative}.hero-overlay{background:linear-gradient(90deg, rgba(20,12,8,0.6) 0%, rgba(20,12,8,0.25) 100%);padding:56px;border-radius:8px;margin-left:48px;max-width:680px}.hero h1{font-family:Oswald,sans-serif;font-size:64px;letter-spacing:1px;margin:0 0 10px;color:var(--white)}.hero-sub{color:var(--muted);margin-bottom:18px}.btn-primary{display:inline-block;padding:12px 22px;background:var(--accent);color:#1b110a;border-radius:8px;text-decoration:none;font-weight:700}.btn-secondary{display:inline-block;padding:10px 18px;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--white);text-decoration:none}.shop-by-brand{padding:48px 0 12px}.brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;margin-top:20px}.brand-card{background:linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.18));padding:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;text-decoration:none;border:2px solid rgba(255,255,255,0.02)}.brand-name{font-family:Oswald,sans-serif;font-size:20px;color:var(--accent)}.about{padding:36px 0}.about p{color:var(--muted);max-width:900px}.latest{padding:36px 0}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:18px}.product-card{background:var(--card);padding:0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.product-card img{width:100%;height:220px;object-fit:cover;display:block}.product-meta{padding:12px}.product-meta h3{margin:0 0 6px;font-size:18px}.product-meta p{margin:0 0 8px;color:var(--muted)}.price{font-weight:700;color:var(--accent)}.product-actions{display:flex;gap:8px;align-items:center}.btn-add{background:transparent;border:2px solid var(--accent);padding:8px 10px;border-radius:8px;color:var(--accent);cursor:pointer}.btn-link{background:transparent;border:1px solid rgba(255,255,255,0.04);padding:8px 10px;border-radius:8px;color:var(--muted);text-decoration:none}.contact-cta{padding:36px 0;text-align:center}.contact-cta p{color:var(--muted);max-width:800px;margin:8px auto 18px}.site-footer{border-top:1px solid rgba(255,255,255,0.03);padding:22px 0;background:linear-gradient(0deg, rgba(0,0,0,0.12), rgba(0,0,0,0.05))}.footer-inner{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:14px}.muted{color:var(--muted)}.btn-tertiary{background:transparent;border:1px solid rgba(255,255,255,0.06);padding:8px 12px;border-radius:8px;color:var(--muted)}@media (max-width:900px){.hero{height:400px}.hero-overlay{margin-left:20px;padding:28px}.hero h1{font-size:48px}}@media (max-width:600px){.header-inner{flex-direction:column;align-items:flex-start;gap:8px}.main-nav{display:flex;gap:8px;flex-wrap:wrap}.hero{height:360px}.brand-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:1fr}}
/* Dropdown for Products nav */
.nav-dropdown { position: relative; display: inline-block; }
.nav-dropdown > a { cursor: pointer; padding: 8px 12px; display: inline-block; }
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #111;
  min-width: 180px;
  box-shadow: 0 8px 16px rgba(0,0,0,0.2);
  z-index: 1000;
  border-radius: 8px;
  overflow: hidden;
}
.dropdown-content a {
  color: #fff;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-content a:hover { background-color: #333; }
.nav-dropdown:hover .dropdown-content { display: block; }


/* Product detail layout */
.product-detail { display: grid; grid-template-columns: 1.2fr 1fr; gap: 28px; padding: 24px 0; }
.product-images .main-image { width: 100%; border-radius: 8px; box-shadow: 0 6px 18px rgba(0,0,0,0.25); }
.thumbnails { margin-top: 12px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.thumbnails img { width: 100%; border-radius: 8px; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,0.2); }
.product-info h1 { font-size: 2rem; margin: 0 0 8px; }
.product-info .product-desc { opacity: 0.9; }
.price { font-size: 1.4rem; font-weight: 700; margin: 12px 0 20px; }
@media (max-width: 900px) { .product-detail { grid-template-columns: 1fr; } }



/* === Hero Carousel === */
.hero-carousel { position: relative; width: 100%; aspect-ratio: 16 / 9; max-height: 100vh; overflow: hidden; background: #ff6600; }
.hero-slides { position: relative; width: 100%; height: 100%; }
.hero-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 0.6s ease; }
.hero-slide.active { opacity: 1; }
.hero-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hero-nav { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.4); color: #fff; border: none; width: 44px; height: 44px; font-size: 28px; line-height: 44px; text-align: center; border-radius: 9999px; cursor: pointer; transition: background 0.2s ease; }
.hero-nav:hover { background: rgba(0,0,0,0.6); }
.hero-nav.prev { left: 12px; } .hero-nav.next { right: 12px; }
.hero-dots { position: absolute; bottom: 16px; left: 0; right: 0; display: flex; gap: 8px; justify-content: center; }
.hero-dot { width: 10px; height: 10px; border-radius: 50%; border: none; background: rgba(255,255,255,0.5); cursor: pointer; }
.hero-dot.active { background: #fff; }

.hero-text-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5; width: 100%; display: flex; justify-content: center; padding: 0 16px; }


/* === Mobile Hamburger Menu === */
.hamburger { display:inline-flex; flex-direction:column; gap:5px; padding:10px; border:0; background:transparent; cursor:pointer; }
.hamburger span { width:24px; height:2px; background:#000; display:block; transition:transform 0.2s ease, opacity 0.2s ease; }

@media (max-width: 899px) {
  .site-header .main-nav { display:none; }
  .site-header .main-nav.is-open { display:block; }
}

@media (min-width: 900px) {
  .hamburger { display:none; }
  .site-header .main-nav { display:flex; gap:16px; }
}

/* === Shop Now Button Glow === */
.shop-now-btn {
  display: inline-block;
  
  
  padding: 12px 24px;
  border: none;
  border-radius: 6px;
  font-size: 1.1rem;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 0 0 0 rgba(255, 102, 0, 0);
}
.shop-now-btn:hover {
  box-shadow: 0 0 20px 5px rgba(192, 122, 80, 0.7);
  transform: translateY(-1px) scale(1.03);
}



/* === Global Glow Enhancements === */
:root { --accent: #c07a50; }

/* Base transition helpers */
a, button, .btn, .button, input[type=button], input[type=submit] {
  transition: color 0.2s ease, text-shadow 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

/* Link glow (applies to all hyperlinks) */
a:hover, a:focus {
  color: var(--accent);
  text-shadow: 0 0 10px rgba(192, 122, 80, 0.65);
  outline: none;
}

/* Button glow: applies to native buttons and button-like elements */
button,
.btn,
.button,
input[type=button],
input[type=submit],
.shop-now-btn {
  position: relative;
  border-radius: 6px;
}

button:hover,
.btn:hover,
.button:hover,
input[type=button]:hover,
input[type=submit]:hover,
.shop-now-btn:hover {
  box-shadow: 0 0 20px 5px rgba(192, 122, 80, 0.7);
  transform: translateY(-1px) scale(1.03);
}


/* Optional: nav links a bit subtler to avoid being too flashy */
.site-header .main-nav a:hover {
  text-shadow: 0 0 6px rgba(255, 102, 0, 0.55);
}

/* Ensure accessibility focus states are still visible */
a:focus-visible, button:focus-visible {
  outline: 2px solid rgba(255, 102, 0, 0.8);
  outline-offset: 2px;
}


/* === Tan Button Theme for Shop Now & Add to Cart === */
.shop-now-btn {
  background-color: #d2b48c; /* tan */
  color: #111;               /* dark text for contrast */
  border: 1px solid rgba(0,0,0,0.15);
}
.shop-now-btn:hover {
  box-shadow: 0 0 20px 5px rgba(192, 122, 80, 0.7);
  transform: translateY(-1px) scale(1.03);
}



/* === Nav alignment tweaks === */
.site-header .main-nav { display: flex; align-items: center; gap: 16px; }
.site-header .main-nav > a,
.site-header .main-nav > .nav-dropdown > a {
  display: inline-block;
  padding: 10px 12px;
  line-height: 1;
}
.nav-dropdown { display: inline-flex; align-items: center; position: relative; }


/* === Dropdown positioning fix: shift menu down and align === */
.nav-dropdown { position: relative; }
.dropdown-content {
  top: calc(100% + 6px);
  left: 0;
  transform: none;
  z-index: 1000;
}