/* =========================================================
   Vikaas Handlooms Premium Brand Polish
   Uses peach logo + black/cream/brown handloom colour palette
========================================================= */

:root {
  --primary: #7a2a16;
  --primary-dark: #070403;
  --primary-soft: #fff0e2;
  --gold: #ffc490;
  --gold-soft: #ffe0bd;
  --cream: #fff7ee;
  --cream-dark: #f2ddc8;
  --white: #ffffff;
  --text: #21120c;
  --muted: #745c50;
  --border: #ead4bf;
  --green: #0f6e56;
  --green-soft: #e5f7ef;
  --shadow: 0 22px 60px rgba(50, 19, 9, 0.15);
}

body {
  background:
    radial-gradient(circle at top left, rgba(255, 196, 144, 0.25), transparent 30%),
    radial-gradient(circle at 90% 20%, rgba(122, 42, 22, 0.08), transparent 24%),
    var(--cream);
}

/* Header */

.site-header {
  background: rgba(7, 4, 3, 0.94);
  border-bottom: 1px solid rgba(255, 196, 144, 0.18);
  box-shadow: 0 14px 40px rgba(7, 4, 3, 0.22);
}

.header-inner {
  min-height: 82px;
}

.brand {
  min-width: 235px;
}

.brand-logo {
  width: 255px;
  max-width: 100%;
  height: 58px;
  object-fit: contain;
  object-position: left center;
  filter: drop-shadow(0 8px 18px rgba(255, 196, 144, 0.16));
}

.brand-mark,
.brand strong,
.brand small {
  display: none;
}

.nav-menu a {
  color: rgba(255, 235, 216, 0.82);
}

.nav-menu a:hover,
.nav-menu a.active {
  background: rgba(255, 196, 144, 0.14);
  color: var(--gold);
}

.menu-toggle {
  background: rgba(255, 196, 144, 0.14);
  color: var(--gold);
  border: 1px solid rgba(255, 196, 144, 0.28);
}

/* Hero */

.hero-section {
  position: relative;
  background:
    radial-gradient(circle at 16% 18%, rgba(255, 196, 144, 0.20), transparent 26%),
    radial-gradient(circle at 85% 30%, rgba(255, 196, 144, 0.16), transparent 30%),
    linear-gradient(135deg, #070403 0%, #2b0f08 45%, #7a2a16 100%);
  padding: 82px 0 64px;
}

.hero-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../images/logo/vikaas_logo_symbol_transparent.png");
  background-repeat: no-repeat;
  background-position: -130px 50%;
  background-size: 520px;
  opacity: 0.035;
  pointer-events: none;
}

.hero-grid {
  position: relative;
  z-index: 1;
}

.eyebrow {
  color: var(--gold);
  background: rgba(255, 196, 144, 0.10);
  border-color: rgba(255, 196, 144, 0.34);
  box-shadow: inset 0 0 30px rgba(255, 196, 144, 0.04);
}

.hero-content h1 {
  color: #fff7ed;
  letter-spacing: -1.5px;
}

.hero-content p {
  color: rgba(255, 232, 211, 0.82);
}

.hero-actions .btn-primary {
  background: linear-gradient(135deg, var(--gold), #ffd8b0);
  color: #1c0d07;
}

.hero-actions .btn-outline {
  color: var(--gold);
  border-color: rgba(255, 196, 144, 0.52);
}

/* Hero logo card */

.hero-card {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(255, 196, 144, 0.16), rgba(255, 255, 255, 0.04)),
    rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 196, 144, 0.26);
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.28);
}

.logo-showcase {
  align-items: center;
  text-align: center;
}

.logo-showcase::before {
  content: "";
  position: absolute;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 196, 144, 0.18), transparent 62%);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.logo-showcase::after {
  content: "";
  position: absolute;
  inset: 22px;
  border: 1px solid rgba(255, 196, 144, 0.16);
  border-radius: 24px;
  pointer-events: none;
}

.hero-brand-logo {
  position: relative;
  z-index: 2;
  width: min(74%, 360px);
  margin: auto;
  object-fit: contain;
  filter:
    drop-shadow(0 20px 35px rgba(0, 0, 0, 0.42))
    drop-shadow(0 0 18px rgba(255, 196, 144, 0.12));
}

.brand-card-info {
  position: relative;
  z-index: 2;
  width: 100%;
  background: rgba(7, 4, 3, 0.58);
  border: 1px solid rgba(255, 196, 144, 0.18);
  backdrop-filter: blur(10px);
}

/* Trust and stats */

.trust-item,
.stat-card,
.catalogue-tools,
.product-card {
  background: rgba(255, 255, 255, 0.88);
  border-color: rgba(234, 212, 191, 0.88);
  backdrop-filter: blur(10px);
}

.trust-item {
  color: #6e2513;
}

.stat-card strong {
  color: #7a2a16;
}

/* Catalogue */

.catalogue-section {
  position: relative;
}

.catalogue-section::before {
  content: "";
  position: absolute;
  right: -180px;
  top: 80px;
  width: 470px;
  height: 470px;
  background-image: url("../images/logo/vikaas_logo_symbol_transparent.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.035;
  pointer-events: none;
}

.section-heading h2 {
  color: #22110a;
}

.section-heading span,
.product-category {
  color: #8a321b;
}

.catalogue-tools {
  position: relative;
  z-index: 1;
}

.search-box {
  background: #fff9f2;
  border-color: #ecd4bd;
}

.search-box button,
.category-tab.active,
.category-tab:hover,
.enquire-btn {
  background: linear-gradient(135deg, #1a0b06, #7a2a16);
  color: var(--gold);
  border-color: #7a2a16;
}

.category-tab {
  background: #fffaf5;
}

.catalogue-head h3 {
  color: #21120c;
}

.view-all-btn,
.carousel-btn {
  color: #7a2a16;
  border-color: #e8cbb3;
}

.product-card {
  overflow: hidden;
}

.product-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 24px 60px rgba(66, 24, 11, 0.18);
}

.product-media {
  background:
    radial-gradient(circle at 24% 18%, rgba(255, 255, 255, 0.52), transparent 20%),
    url("../images/logo/vikaas_logo_symbol_transparent.png"),
    linear-gradient(135deg, #fff1df, #f6c9a1);
  background-repeat: no-repeat;
  background-size: auto, 96px, auto;
  background-position: center, center, center;
}

.product-emoji {
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 12px 18px rgba(70, 25, 10, 0.18));
}

.price {
  color: #7a2a16;
}

.view-btn {
  color: #7a2a16;
  border-color: #7a2a16;
  background: #fff8ef;
}

.view-btn:hover {
  background: #fff0e2;
}

.tag-pinned {
  background: #090403;
  color: var(--gold);
}

.tag-hot {
  background: #ffe4cf;
  color: #7a2a16;
}

.tag-sale {
  background: #fff0c8;
  color: #7b4b06;
}

.tag-new {
  background: #e7f8ef;
  color: #0f6e56;
}

/* Wholesale banner */

.wholesale-inner {
  background:
    radial-gradient(circle at 84% 16%, rgba(255, 196, 144, 0.22), transparent 28%),
    url("../images/logo/vikaas_logo_symbol_transparent.png"),
    linear-gradient(135deg, #070403, #7a2a16);
  background-repeat: no-repeat;
  background-size: auto, 340px, auto;
  background-position: center, right -90px center, center;
  border: 1px solid rgba(255, 196, 144, 0.18);
}

.wholesale-inner h2 {
  color: #fff7ed;
}

.wholesale-inner p {
  color: rgba(255, 232, 211, 0.84);
}

/* Product detail page */

.product-detail-card {
  background: rgba(255, 255, 255, 0.9);
}

.detail-media {
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.52), transparent 22%),
    url("../images/logo/vikaas_logo_symbol_transparent.png"),
    linear-gradient(135deg, #fff0df, #f5c398);
  background-repeat: no-repeat;
  background-size: auto, 260px, auto;
  background-position: center, center, center;
}

.detail-content h1 {
  color: #21120c;
}

.detail-price strong,
.back-link {
  color: #7a2a16;
}

/* Mobile */

@media (max-width: 760px) {
  .site-header {
    background: rgba(7, 4, 3, 0.97);
  }

  .brand {
    min-width: 0;
  }

  .brand-logo {
    width: 205px;
    height: 48px;
  }

  .nav-menu {
    background: #100805;
    border-color: rgba(255, 196, 144, 0.20);
  }

  .hero-section {
    padding: 52px 0 42px;
  }

  .hero-section::before {
    background-size: 360px;
    background-position: -160px 80px;
  }

  .hero-content h1 {
    letter-spacing: -0.7px;
  }

  .hero-card {
    min-height: 340px;
  }

  .hero-brand-logo {
    width: min(82%, 300px);
  }

  .catalogue-section::before {
    display: none;
  }

  .product-carousel .product-card {
    flex-basis: 82%;
  }

  .wholesale-inner {
    background-size: auto, 230px, auto;
    background-position: center, right -80px bottom -40px, center;
  }
}

/* =========================================================
   Fix horizontal white space + softer eye-friendly colours
   Paste this at the END of brand-polish.css
========================================================= */

/* Stop unwanted left-right scrolling */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

body {
  background:
    radial-gradient(circle at top left, rgba(255, 213, 181, 0.25), transparent 28%),
    radial-gradient(circle at 90% 20%, rgba(139, 76, 48, 0.06), transparent 25%),
    #fff8f0;
}

main,
.hero-section,
.catalogue-section,
.wholesale-banner,
.site-footer {
  max-width: 100%;
  overflow-x: hidden;
}

/* Softer header instead of harsh black */
.site-header {
  background: rgba(35, 19, 13, 0.96);
  border-bottom: 1px solid rgba(255, 205, 165, 0.18);
}

/* Softer hero background */
.hero-section {
  background:
    radial-gradient(circle at 18% 20%, rgba(255, 202, 161, 0.18), transparent 28%),
    radial-gradient(circle at 85% 32%, rgba(255, 218, 190, 0.12), transparent 30%),
    linear-gradient(135deg, #24130d 0%, #5f2d1d 52%, #8d3f28 100%);
}

/* Prevent decorative logo watermark from creating horizontal scroll */
.hero-section::before {
  left: auto;
  right: auto;
  max-width: 100%;
  background-position: -120px center;
}

.catalogue-section::before {
  right: -220px;
  max-width: 100%;
  overflow: hidden;
}

/* Softer hero card */
.hero-card {
  background:
    linear-gradient(145deg, rgba(255, 207, 170, 0.14), rgba(255, 255, 255, 0.05)),
    rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 207, 170, 0.22);
}

/* Softer cards and sections */
.trust-item,
.stat-card,
.catalogue-tools,
.product-card,
.product-detail-card {
  background: rgba(255, 252, 247, 0.94);
  border-color: #ead6c5;
}

/* Softer buttons */
.search-box button,
.category-tab.active,
.category-tab:hover,
.enquire-btn {
  background: linear-gradient(135deg, #4d2418, #7f3a25);
  color: #ffd5b3;
}

/* Softer product image area */
.product-media {
  background:
    radial-gradient(circle at 24% 18%, rgba(255, 255, 255, 0.45), transparent 20%),
    url("../images/logo/vikaas_logo_symbol_transparent.png"),
    linear-gradient(135deg, #fff4e8, #f7cfad);
  background-repeat: no-repeat;
  background-size: auto, 90px, auto;
  background-position: center, center, center;
}

/* Carousel buttons should not create side overflow */
.carousel-shell {
  overflow: hidden;
}

.carousel-btn.prev {
  left: 8px;
}

.carousel-btn.next {
  right: 8px;
}

/* Softer wholesale banner */
.wholesale-inner {
  background:
    radial-gradient(circle at 84% 16%, rgba(255, 207, 170, 0.18), transparent 28%),
    url("../images/logo/vikaas_logo_symbol_transparent.png"),
    linear-gradient(135deg, #24130d, #7f3a25);
  background-repeat: no-repeat;
  background-size: auto, 320px, auto;
  background-position: center, right -80px center, center;
}

/* Mobile safety */
@media (max-width: 760px) {
  .brand-logo {
    width: 185px;
  }

  .hero-section::before {
    background-position: -170px 90px;
  }

  .wholesale-inner {
    background-size: auto, 210px, auto;
    background-position: center, right -90px bottom -45px, center;
  }
}

/* PRODUCT IMAGE BRAND OVERRIDE */
.product-media.has-image {
  background: #fff3e8 !important;
}

.product-media.has-image::before {
  display: none !important;
}

.product-image {
  position: relative;
  z-index: 1;
}

.detail-media {
  background: #fff4ea !important;
}