/* ============================================
   RADHIKA PAINTS v2
   Premium Purple + Orange | Asian Paints Inspired
   ============================================ */

:root {
  /* Primary — Asian Paints Purple */
  --primary:        #6B21A8;
  --primary-dark:   #4C1D95;
  --primary-light:  #F5F3FF;
  --primary-mid:    #7C3AED;

  /* Secondary — Deep Orange */
  --orange:         #EA580C;
  --orange-dark:    #C2410C;
  --orange-light:   #FFF7ED;

  /* Neutrals */
  --dark:           #1C1C2E;
  --dark-2:         #2D2D44;
  --text-dark:      #1C1C2E;
  --text-mid:       #4B5563;
  --text-light:     #9CA3AF;
  --white:          #FFFFFF;
  --bg-light:       #F8F8FC;
  --bg-section:     #F1F0F7;
  --border:         #E5E7EB;
  --border-purple:  #DDD6FE;

  /* Gradients */
  --grad-primary:   linear-gradient(135deg, #6B21A8 0%, #7C3AED 100%);
  --grad-orange:    linear-gradient(135deg, #EA580C 0%, #F97316 100%);
  --grad-dark:      linear-gradient(135deg, #1C1C2E 0%, #2D2D44 100%);
  --grad-hero:      linear-gradient(105deg, rgba(28,28,46,0.90) 0%, rgba(107,33,168,0.65) 55%, transparent 100%);

  /* Shadows */
  --shadow-sm:  0 2px 8px rgba(107,33,168,0.08);
  --shadow:     0 4px 20px rgba(107,33,168,0.12);
  --shadow-md:  0 8px 32px rgba(107,33,168,0.15);
  --shadow-lg:  0 20px 60px rgba(107,33,168,0.18);
  --shadow-o:   0 8px 25px rgba(234,88,12,0.30);

  /* Misc */
  --radius:    12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --transition: all 0.3s ease;
  --font-main: 'Poppins', sans-serif;
  --font-display: 'Montserrat', sans-serif;
}

/* ── Reset ── */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:var(--font-main); color:var(--text-dark); background:var(--white); line-height:1.6; overflow-x:hidden; }
img { max-width:100%; display:block; }
a { text-decoration:none; }
ul { list-style:none; }

/* ── Utility ── */
.container { max-width:1280px; margin:0 auto; padding:0 1.5rem; }
.section-pad { padding:88px 0; }
.section-pad-sm { padding:60px 0; }
.text-center { text-align:center; }

/* ── Buttons ── */
.btn {
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.82rem 1.75rem; border-radius:50px;
  font-weight:600; font-size:.92rem; cursor:pointer;
  border:none; transition:var(--transition); white-space:nowrap;
}
.btn-primary { background:var(--grad-primary); color:var(--white); }
.btn-primary:hover { transform:translateY(-2px); box-shadow:var(--shadow-md); filter:brightness(1.08); }
.btn-orange { background:var(--grad-orange); color:var(--white); }
.btn-orange:hover { transform:translateY(-2px); box-shadow:var(--shadow-o); filter:brightness(1.06); }
.btn-outline-white { background:transparent; color:var(--white); border:2px solid rgba(255,255,255,.55); }
.btn-outline-white:hover { background:var(--white); color:var(--primary); }
.btn-outline-purple { background:transparent; color:var(--primary); border:2px solid var(--primary); }
.btn-outline-purple:hover { background:var(--primary); color:var(--white); }
.btn-whatsapp { background:#25D366; color:var(--white); }
.btn-whatsapp:hover { background:#128C7E; transform:translateY(-2px); box-shadow:0 8px 25px rgba(37,211,102,.35); }
.btn-white { background:var(--white); color:var(--primary); }
.btn-white:hover { background:var(--orange); color:var(--white); }
.btn-sm { padding:.55rem 1.2rem; font-size:.82rem; }
.btn-lg { padding:1rem 2.25rem; font-size:1rem; }

/* ── Section Labels ── */
.section-label {
  display:inline-flex; align-items:center; gap:.45rem;
  background:var(--primary-light); color:var(--primary);
  font-size:.75rem; font-weight:700; letter-spacing:.1em;
  text-transform:uppercase; padding:.38rem 1rem;
  border-radius:50px; margin-bottom:.9rem;
  border:1px solid var(--border-purple);
}
.section-label.orange { background:var(--orange-light); color:var(--orange); border-color:#FED7AA; }
.section-title {
  font-family:var(--font-display);
  font-size:clamp(1.75rem, 3.2vw, 2.65rem);
  font-weight:800; color:var(--text-dark);
  line-height:1.18; margin-bottom:.9rem;
}
.section-title span { color:var(--primary); }
.section-title span.orange { color:var(--orange); }
.section-sub { font-size:.97rem; color:var(--text-mid); max-width:580px; margin:0 auto 2.75rem; line-height:1.75; }
.divider {
  width:52px; height:4px; border-radius:2px;
  background:linear-gradient(90deg, var(--primary), var(--orange));
  margin:1rem auto 2rem;
}
.divider.left { margin-left:0; }

/* ══════════════════════════════════════
   TOP BAR
══════════════════════════════════════ */
.top-bar {
  background:var(--dark);
  color:rgba(255,255,255,.8);
  font-size:.8rem; padding:.42rem 0;
}
.top-bar .container { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.4rem; }
.top-bar a, .top-bar span {
  color:rgba(255,255,255,.8);
  display:inline-flex; align-items:center; gap:.38rem;
  margin-right:1.1rem; transition:color .2s;
}
.top-bar a:hover { color:var(--orange); }
.top-bar .fa-whatsapp { color:#25D366; }

/* ══════════════════════════════════════
   HEADER
══════════════════════════════════════ */
.main-header {
  background:var(--white);
  box-shadow:0 2px 12px rgba(107,33,168,.08);
  position:sticky; top:0; z-index:1000;
  transition:var(--transition);
}
.main-header.scrolled { box-shadow:var(--shadow-md); }
.header-inner { display:flex; align-items:center; justify-content:space-between; padding:.9rem 0; gap:1.25rem; }

/* Logo */
.logo { display:flex; align-items:center; gap:.8rem; }
.logo-mark {
  width:48px; height:48px; flex-shrink:0;
  background:var(--grad-primary); border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  color:var(--white); font-size:1.25rem;
  box-shadow:0 4px 14px rgba(107,33,168,.3);
}
.logo-name { display:block; font-family:var(--font-display); font-size:1.18rem; font-weight:800; color:var(--text-dark); line-height:1.15; }
.logo-tag  { display:block; font-size:.65rem; color:var(--text-light); font-weight:400; letter-spacing:.02em; }

/* Nav */
.main-nav ul { display:flex; align-items:center; gap:.15rem; }
.main-nav a {
  color:var(--text-dark); font-weight:500; font-size:.87rem;
  padding:.48rem .78rem; border-radius:8px;
  display:flex; align-items:center; gap:.28rem;
  transition:var(--transition); position:relative;
}
.main-nav a:hover, .main-nav a.active { color:var(--primary); background:var(--primary-light); }
.has-dropdown { position:relative; }
.dropdown {
  display:none; position:absolute; top:calc(100% + 6px); left:0;
  background:var(--white); border-radius:var(--radius);
  box-shadow:var(--shadow-lg); min-width:210px; padding:.5rem;
  z-index:999; border-top:3px solid var(--primary);
}
.has-dropdown:hover .dropdown { display:block; }
.dropdown li a { font-size:.85rem; padding:.56rem 1rem; border-radius:7px; color:var(--text-mid); }
.dropdown li a:hover { color:var(--primary); background:var(--primary-light); }
.chevron { font-size:.65rem; transition:transform .2s; }
.has-dropdown:hover .chevron { transform:rotate(180deg); }

/* Header CTA */
.header-cta { display:flex; align-items:center; gap:.6rem; flex-shrink:0; }
.hdr-call {
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.5rem 1rem; border-radius:50px;
  background:var(--primary-light); color:var(--primary);
  font-weight:700; font-size:.82rem; border:1.5px solid var(--border-purple);
  transition:var(--transition);
}
.hdr-call:hover { background:var(--primary); color:var(--white); }
.hamburger {
  display:none; flex-direction:column; gap:5px;
  background:none; border:none; cursor:pointer; padding:5px;
}
.hamburger span { display:block; width:23px; height:2px; background:var(--text-dark); border-radius:2px; transition:var(--transition); }
.hamburger.active span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.hamburger.active span:nth-child(2) { opacity:0; }
.hamburger.active span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

/* ══════════════════════════════════════
   HERO SLIDER
══════════════════════════════════════ */
.hero-section { position:relative; overflow:hidden; }
.hero-swiper  { height:88vh; min-height:580px; max-height:820px; }
.hero-slide   { position:relative; display:flex; align-items:center; overflow:hidden; }
.hero-slide::before {
  content:''; position:absolute; inset:0;
  background:var(--grad-hero); z-index:1;
}
.hero-bg {
  position:absolute; inset:0;
  background-size:cover; background-position:center;
  transition:transform 7s ease;
}
.hero-swiper .swiper-slide-active .hero-bg { transform:scale(1.07); }
.hero-content { position:relative; z-index:2; color:var(--white); max-width:700px; padding:2.5rem 0; }
.hero-badge {
  display:inline-flex; align-items:center; gap:.45rem;
  background:var(--orange); color:var(--white);
  font-size:.72rem; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; padding:.38rem 1rem;
  border-radius:50px; margin-bottom:1.4rem;
}
.hero-title {
  font-family:var(--font-display);
  font-size:clamp(2rem, 4.5vw, 3.75rem);
  font-weight:800; line-height:1.12; margin-bottom:1.1rem;
}
.hero-title .hl { color:var(--orange); }
.hero-subtitle { font-size:1.02rem; color:rgba(255,255,255,.88); margin-bottom:.7rem; line-height:1.75; }
.hero-pills { display:flex; flex-wrap:wrap; gap:.5rem; margin:1.4rem 0 2rem; }
.hero-pill {
  background:rgba(255,255,255,.13); backdrop-filter:blur(8px);
  color:var(--white); padding:.35rem .9rem;
  border-radius:50px; font-size:.78rem;
  border:1px solid rgba(255,255,255,.22);
}
.hero-btns { display:flex; gap:.85rem; flex-wrap:wrap; }
.hero-swiper .swiper-pagination-bullet { background:rgba(255,255,255,.55); width:8px; height:8px; opacity:1; }
.hero-swiper .swiper-pagination-bullet-active { background:var(--orange); width:26px; border-radius:4px; }

/* ══════════════════════════════════════
   BRANDS TICKER
══════════════════════════════════════ */
.brands-bar { background:var(--white); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:44px 0; }
.brands-bar-label { font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--text-light); margin-bottom:2rem; }
.brands-row { display:flex; justify-content:center; align-items:stretch; gap:1.25rem; flex-wrap:wrap; }
.brand-card {
  display:flex; flex-direction:column; align-items:center;
  gap:.7rem; padding:1.5rem 1.75rem; min-width:160px;
  border:2px solid var(--border); border-radius:var(--radius);
  transition:var(--transition); cursor:pointer; text-decoration:none;
}
.brand-card:hover { border-color:var(--primary); box-shadow:var(--shadow); transform:translateY(-4px); }
.brand-icon {
  width:54px; height:54px; border-radius:12px;
  background:var(--primary-light); display:flex;
  align-items:center; justify-content:center;
  color:var(--primary); font-size:1.35rem;
  transition:var(--transition);
}
.brand-card:hover .brand-icon { background:var(--grad-primary); color:var(--white); }
.brand-card-name { font-weight:700; font-size:.9rem; color:var(--text-dark); }
.brand-card-cat  { font-size:.72rem; color:var(--text-light); }

/* ══════════════════════════════════════
   PRODUCT CATEGORIES
══════════════════════════════════════ */
.cat-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:1.25rem; }
.cat-card {
  background:var(--white); border:2px solid var(--border);
  border-radius:var(--radius-lg); padding:2rem 1.5rem;
  text-align:center; transition:var(--transition);
  text-decoration:none; color:var(--text-dark);
  position:relative; overflow:hidden;
}
.cat-card::after {
  content:''; position:absolute; inset:0;
  background:var(--grad-primary); opacity:0;
  transition:opacity .3s ease; z-index:0;
}
.cat-card:hover { border-color:var(--primary); transform:translateY(-6px); box-shadow:var(--shadow-md); }
.cat-card:hover::after { opacity:.04; }
.cat-icon {
  width:68px; height:68px; border-radius:50%;
  background:var(--primary-light); display:flex;
  align-items:center; justify-content:center;
  margin:0 auto 1.1rem; color:var(--primary); font-size:1.65rem;
  transition:var(--transition); position:relative; z-index:1;
}
.cat-card:hover .cat-icon { background:var(--grad-primary); color:var(--white); box-shadow:0 6px 20px rgba(107,33,168,.3); }
.cat-card h3 { font-size:.98rem; font-weight:700; margin-bottom:.3rem; position:relative; z-index:1; }
.cat-card p  { font-size:.78rem; color:var(--text-light); position:relative; z-index:1; }
.cat-card .cat-arrow { font-size:.78rem; color:var(--primary); margin-top:.6rem; display:block; position:relative; z-index:1; transition:var(--transition); }
.cat-card:hover .cat-arrow { transform:translateX(4px); }

/* ══════════════════════════════════════
   WHO WE SERVE — WHOLESALE
══════════════════════════════════════ */
.serve-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(185px, 1fr)); gap:1rem; }
.serve-card {
  background:var(--white); border:2px solid var(--border);
  border-radius:var(--radius); padding:1.6rem 1.25rem;
  text-align:center; transition:var(--transition);
}
.serve-card:hover { border-color:var(--orange); transform:translateY(-4px); box-shadow:var(--shadow-o); }
.serve-icon { font-size:2rem; color:var(--orange); margin-bottom:.7rem; }
.serve-card h3 { font-size:.9rem; font-weight:700; margin-bottom:.3rem; }
.serve-card p  { font-size:.78rem; color:var(--text-mid); line-height:1.6; }

/* ══════════════════════════════════════
   WHY CHOOSE US
══════════════════════════════════════ */
.why-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:1.5rem; }
.why-card {
  background:var(--white); border:1.5px solid var(--border);
  border-radius:var(--radius); padding:2rem 1.5rem;
  transition:var(--transition);
}
.why-card:hover { border-color:var(--primary); transform:translateY(-5px); box-shadow:var(--shadow); }
.why-icon {
  width:56px; height:56px; border-radius:14px;
  background:var(--primary-light); display:flex;
  align-items:center; justify-content:center;
  color:var(--primary); font-size:1.4rem; margin-bottom:1.1rem;
  transition:var(--transition);
}
.why-card:hover .why-icon { background:var(--grad-primary); color:var(--white); }
.why-card h3 { font-size:.97rem; font-weight:700; margin-bottom:.5rem; }
.why-card p  { font-size:.85rem; color:var(--text-mid); line-height:1.75; }

/* ══════════════════════════════════════
   CONTRACT SERVICES
══════════════════════════════════════ */
.services-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(275px, 1fr)); gap:1.5rem; }
.service-card {
  background:var(--white); border:2px solid var(--border);
  border-radius:var(--radius); padding:2rem 1.5rem;
  transition:var(--transition);
}
.service-card:hover { border-color:var(--orange); transform:translateY(-5px); box-shadow:var(--shadow-o); }
.service-icon {
  width:58px; height:58px; border-radius:14px;
  background:var(--orange-light); display:flex;
  align-items:center; justify-content:center;
  color:var(--orange); font-size:1.45rem; margin-bottom:1.2rem;
  transition:var(--transition);
}
.service-card:hover .service-icon { background:var(--grad-orange); color:var(--white); }
.service-card h3 { font-size:1rem; font-weight:700; margin-bottom:.5rem; }
.service-card p  { font-size:.85rem; color:var(--text-mid); line-height:1.75; }

/* Process Timeline */
.process-steps { display:flex; justify-content:center; align-items:flex-start; gap:0; flex-wrap:wrap; margin-top:3rem; }
.process-step  { display:flex; flex-direction:column; align-items:center; text-align:center; flex:1; min-width:120px; max-width:160px; position:relative; }
.process-step:not(:last-child)::after {
  content:''; position:absolute; top:28px; left:calc(50% + 28px);
  right:calc(-50% + 28px); height:2px;
  background:linear-gradient(90deg,var(--primary),var(--orange));
}
.process-num {
  width:56px; height:56px; border-radius:50%;
  background:var(--grad-primary); color:var(--white);
  display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:1.1rem;
  box-shadow:0 4px 16px rgba(107,33,168,.3);
  margin-bottom:.8rem; z-index:1; position:relative;
}
.process-step h4 { font-size:.85rem; font-weight:700; color:var(--text-dark); margin-bottom:.25rem; }
.process-step p  { font-size:.75rem; color:var(--text-light); }

/* ══════════════════════════════════════
   STATS
══════════════════════════════════════ */
.stats-section { background:var(--grad-dark); color:var(--white); padding:64px 0; }
.stats-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(175px, 1fr)); gap:2rem; text-align:center; }
.stat-item .stat-num { font-family:var(--font-display); font-size:3.2rem; font-weight:800; color:var(--orange); line-height:1; }
.stat-item .stat-lbl { font-size:.85rem; color:rgba(255,255,255,.7); margin-top:.45rem; }

/* ══════════════════════════════════════
   PRODUCTS
══════════════════════════════════════ */
.product-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(285px, 1fr)); gap:1.5rem; }
.product-card {
  background:var(--white); border:1.5px solid var(--border);
  border-radius:var(--radius); overflow:hidden;
  transition:var(--transition); display:flex; flex-direction:column;
}
.product-card:hover { transform:translateY(-5px); box-shadow:var(--shadow-md); border-color:var(--primary); }
.product-img { height:210px; background:var(--bg-section); position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.product-img img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.product-card:hover .product-img img { transform:scale(1.05); }
.product-brand-badge { position:absolute; top:.7rem; left:.7rem; background:var(--primary); color:var(--white); font-size:.67rem; font-weight:700; padding:.22rem .65rem; border-radius:20px; }
.product-body { padding:1.25rem; flex:1; display:flex; flex-direction:column; }
.product-body h3 { font-size:.97rem; font-weight:700; margin-bottom:.42rem; color:var(--text-dark); }
.product-body p  { font-size:.82rem; color:var(--text-mid); line-height:1.65; flex:1; margin-bottom:.9rem; }
.product-features { margin-bottom:.9rem; }
.product-features li { font-size:.78rem; color:var(--text-mid); display:flex; align-items:center; gap:.45rem; padding:.18rem 0; }
.product-features li::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--primary); flex-shrink:0; }
.product-footer { display:flex; align-items:center; justify-content:space-between; padding-top:.85rem; border-top:1px solid var(--border); }
.product-sizes { font-size:.73rem; color:var(--text-light); }
.product-wa {
  display:inline-flex; align-items:center; gap:.35rem;
  background:#25D366; color:var(--white);
  font-size:.78rem; font-weight:600;
  padding:.45rem .95rem; border-radius:50px;
  transition:var(--transition);
}
.product-wa:hover { background:#128C7E; }

/* Product section block */
.product-block { padding:60px 0; }
.product-block:nth-child(even) { background:var(--bg-light); }
.product-block-header { display:flex; align-items:center; gap:1.25rem; margin-bottom:2.5rem; padding-bottom:1.25rem; border-bottom:2px solid var(--border); }
.product-block-icon { width:52px; height:52px; border-radius:13px; background:var(--grad-primary); display:flex; align-items:center; justify-content:center; color:var(--white); font-size:1.3rem; flex-shrink:0; }
.product-block-header h2 { font-family:var(--font-display); font-size:1.7rem; font-weight:800; }
.product-block-header p  { font-size:.85rem; color:var(--text-mid); margin-top:.2rem; }

/* Accessories chips */
.chip-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(185px, 1fr)); gap:.85rem; }
.chip {
  display:flex; align-items:center; gap:.7rem;
  padding:.85rem 1.1rem; background:var(--white);
  border:1.5px solid var(--border); border-radius:var(--radius);
  font-size:.87rem; font-weight:500; color:var(--text-dark);
  transition:var(--transition);
}
.chip i { color:var(--primary); width:18px; text-align:center; }
.chip:hover { border-color:var(--primary); background:var(--primary-light); transform:translateX(3px); }

/* ══════════════════════════════════════
   GALLERY
══════════════════════════════════════ */
.gallery-filters { display:flex; gap:.65rem; flex-wrap:wrap; margin-bottom:2.25rem; }
.gfilter {
  padding:.48rem 1.2rem; border-radius:50px; font-size:.85rem;
  font-weight:600; cursor:pointer; border:2px solid var(--border);
  background:var(--white); color:var(--text-mid); transition:var(--transition);
}
.gfilter.active, .gfilter:hover { background:var(--primary); color:var(--white); border-color:var(--primary); }
.gallery-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:1.1rem; }
.gallery-item { border-radius:var(--radius); overflow:hidden; position:relative; aspect-ratio:4/3; cursor:pointer; }
.gallery-item img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.gallery-item:hover img { transform:scale(1.08); }
.gallery-overlay {
  position:absolute; inset:0;
  background:linear-gradient(to top, rgba(28,28,46,.75) 0%, transparent 55%);
  display:flex; align-items:flex-end; padding:1.1rem;
  opacity:0; transition:var(--transition);
}
.gallery-item:hover .gallery-overlay { opacity:1; }
.gallery-overlay strong { display:block; color:var(--white); font-size:.9rem; }
.gallery-overlay span  { font-size:.75rem; color:rgba(255,255,255,.8); }

/* ══════════════════════════════════════
   TESTIMONIALS
══════════════════════════════════════ */
.testi-swiper { padding:1rem 0 3rem !important; }
.testi-card {
  background:var(--white); border:1.5px solid var(--border);
  border-radius:var(--radius-lg); padding:2rem 1.75rem; height:auto;
}
.testi-stars { color:var(--orange); margin-bottom:.9rem; }
.testi-text {
  font-size:.9rem; color:var(--text-mid); line-height:1.85;
  font-style:italic; margin-bottom:1.4rem; position:relative;
}
.testi-text::before {
  content:'\201C'; font-family:Georgia,serif; font-size:4rem;
  color:var(--primary); opacity:.12; position:absolute;
  top:-1.8rem; left:-.4rem; line-height:1;
}
.testi-author { display:flex; align-items:center; gap:.9rem; }
.testi-avatar {
  width:44px; height:44px; border-radius:50%;
  background:var(--grad-primary); display:flex;
  align-items:center; justify-content:center;
  color:var(--white); font-weight:800; font-size:1rem; flex-shrink:0;
}
.testi-info strong { display:block; font-size:.88rem; color:var(--text-dark); }
.testi-info span   { font-size:.75rem; color:var(--text-light); }

/* ══════════════════════════════════════
   LEAD FORM / ENQUIRY FORM
══════════════════════════════════════ */
.form-section { background:var(--bg-section); }
.form-wrap {
  background:var(--white); border-radius:var(--radius-xl);
  padding:2.75rem; box-shadow:var(--shadow-md);
  max-width:720px; margin:0 auto;
  border-top:4px solid var(--primary);
}
.form-wrap h3 { font-family:var(--font-display); font-size:1.55rem; font-weight:800; margin-bottom:.4rem; }
.form-wrap > p { font-size:.88rem; color:var(--text-mid); margin-bottom:2rem; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:1.1rem; }
.form-group { display:flex; flex-direction:column; gap:.38rem; }
.form-group.full { grid-column:1/-1; }
.form-group label { font-size:.82rem; font-weight:600; color:var(--text-dark); }
.form-group input,
.form-group textarea,
.form-group select {
  padding:.72rem 1rem; border:2px solid var(--border);
  border-radius:10px; font-family:var(--font-main);
  font-size:.9rem; color:var(--text-dark); outline:none;
  transition:var(--transition); background:var(--bg-light);
}
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus { border-color:var(--primary); background:var(--white); }
.form-group textarea { resize:vertical; min-height:110px; }
.form-note { font-size:.78rem; color:var(--text-light); margin-top:.65rem; display:flex; align-items:center; gap:.35rem; }
.form-note .fa-whatsapp { color:#25D366; }

/* ══════════════════════════════════════
   CTA STRIP
══════════════════════════════════════ */
.cta-strip { background:var(--grad-primary); color:var(--white); padding:60px 0; }
.cta-strip-inner { display:flex; align-items:center; justify-content:space-between; gap:2rem; flex-wrap:wrap; }
.cta-strip h2 { font-family:var(--font-display); font-size:2rem; font-weight:800; margin-bottom:.4rem; }
.cta-strip p  { opacity:.9; font-size:.95rem; }
.cta-strip-btns { display:flex; gap:.85rem; flex-wrap:wrap; flex-shrink:0; }

/* ══════════════════════════════════════
   ABOUT PAGE
══════════════════════════════════════ */
.about-intro-grid { display:grid; grid-template-columns:1fr 1fr; gap:3.5rem; align-items:center; }
.about-img { border-radius:var(--radius-xl); overflow:hidden; box-shadow:var(--shadow-lg); }
.about-img img { width:100%; height:420px; object-fit:cover; }
.about-stats { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.75rem 0; }
.about-stat { background:var(--primary-light); border-radius:var(--radius); padding:1.25rem; text-align:center; border:1.5px solid var(--border-purple); }
.about-stat .astat-num { font-family:var(--font-display); font-size:2rem; font-weight:800; color:var(--primary); }
.about-stat .astat-lbl { font-size:.78rem; color:var(--text-mid); margin-top:.2rem; }
.award-badge {
  display:flex; align-items:center; gap:.85rem;
  background:linear-gradient(135deg,#FEF3C7,#FFF7ED);
  border:2px solid #F59E0B; border-radius:var(--radius);
  padding:1.1rem 1.5rem; margin-top:1.25rem;
}
.award-icon { font-size:2rem; color:#F59E0B; }
.award-text strong { display:block; font-size:.92rem; color:var(--text-dark); }
.award-text span   { font-size:.78rem; color:var(--text-mid); }

/* Vision Mission */
.vm-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; }
.vm-card { padding:2.5rem; border-radius:var(--radius-lg); position:relative; overflow:hidden; }
.vm-card.vision { background:var(--grad-primary); color:var(--white); }
.vm-card.mission { background:var(--grad-dark); color:var(--white); }
.vm-icon { font-size:2.5rem; opacity:.25; position:absolute; top:1.5rem; right:1.5rem; }
.vm-card h3 { font-family:var(--font-display); font-size:1.35rem; font-weight:800; margin-bottom:1rem; }
.vm-card p  { font-size:.92rem; line-height:1.85; opacity:.92; }

/* ══════════════════════════════════════
   PAGE HERO
══════════════════════════════════════ */
.page-hero {
  background:var(--grad-dark);
  color:var(--white); padding:80px 0; text-align:center;
  position:relative; overflow:hidden;
}
.page-hero::before {
  content:''; position:absolute; inset:0;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%236B21A8' fill-opacity='0.08'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.page-hero .container { position:relative; z-index:1; }
.page-hero h1 { font-family:var(--font-display); font-size:clamp(1.9rem,3.5vw,3rem); font-weight:800; margin-bottom:.75rem; }
.page-hero p  { font-size:1rem; opacity:.85; max-width:540px; margin:0 auto 1.5rem; }
.breadcrumb { display:flex; align-items:center; justify-content:center; gap:.5rem; font-size:.82rem; opacity:.75; }
.breadcrumb a { color:var(--orange); }
.breadcrumb span { opacity:.5; }

/* ══════════════════════════════════════
   CONTACT
══════════════════════════════════════ */
.contact-grid { display:grid; grid-template-columns:1fr 1.6fr; gap:3rem; }
.cinfo-cards { display:flex; flex-direction:column; gap:1.1rem; }
.cinfo-card {
  display:flex; gap:.9rem; align-items:flex-start;
  padding:1.35rem; background:var(--white);
  border:1.5px solid var(--border); border-radius:var(--radius);
  transition:var(--transition);
}
.cinfo-card:hover { border-color:var(--primary); box-shadow:var(--shadow-sm); }
.cinfo-icon {
  width:44px; height:44px; flex-shrink:0;
  border-radius:12px; background:var(--primary-light);
  display:flex; align-items:center; justify-content:center;
  color:var(--primary); font-size:1rem;
}
.cinfo-text strong { display:block; font-size:.85rem; font-weight:700; margin-bottom:.28rem; }
.cinfo-text a, .cinfo-text p { font-size:.85rem; color:var(--text-mid); line-height:1.6; }
.cinfo-text a:hover { color:var(--primary); }
.map-box { border-radius:var(--radius); overflow:hidden; height:240px; border:1.5px solid var(--border); margin-top:1.1rem; }
.map-box iframe { width:100%; height:100%; border:none; }

/* ══════════════════════════════════════
   FOOTER
══════════════════════════════════════ */
.main-footer { background:var(--dark); color:rgba(255,255,255,.8); }
.footer-top { padding:64px 0 44px; }
.footer-grid { display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:3rem; }
.footer-logo-wrap { display:flex; align-items:center; gap:.8rem; margin-bottom:1.1rem; }
.footer-logo-mark { width:42px; height:42px; background:var(--grad-primary); border-radius:10px; display:flex; align-items:center; justify-content:center; color:var(--white); font-size:1.1rem; }
.footer-logo-name { font-family:var(--font-display); font-size:1.1rem; font-weight:800; color:var(--white); }
.footer-logo-tag  { font-size:.65rem; color:rgba(255,255,255,.45); display:block; }
.footer-about { font-size:.83rem; line-height:1.82; color:rgba(255,255,255,.65); margin-bottom:1.25rem; }
.footer-contacts { display:flex; flex-direction:column; gap:.55rem; }
.footer-contacts a, .footer-contacts span {
  font-size:.83rem; color:rgba(255,255,255,.72);
  display:flex; align-items:flex-start; gap:.55rem; line-height:1.55;
}
.footer-contacts a:hover { color:var(--orange); }
.footer-contacts .fa-whatsapp { color:#25D366; }
.footer-col h4 {
  font-size:.9rem; font-weight:700; color:var(--white);
  margin-bottom:1.1rem; padding-bottom:.65rem;
  border-bottom:1.5px solid rgba(255,255,255,.1);
}
.footer-links li a {
  font-size:.83rem; color:rgba(255,255,255,.68);
  display:flex; align-items:center; gap:.45rem;
  padding:.3rem 0; transition:var(--transition);
}
.footer-links li a:hover { color:var(--orange); transform:translateX(3px); }
.footer-brands { display:flex; flex-direction:column; gap:.55rem; }
.footer-brand-item {
  display:flex; align-items:center; gap:.6rem;
  font-size:.83rem; color:rgba(255,255,255,.72); padding:.32rem 0;
}
.footer-brand-item i { color:var(--orange); font-size:.7rem; }
.footer-hours { display:flex; flex-direction:column; gap:.42rem; margin-top:1rem; }
.footer-hours span { font-size:.8rem; color:rgba(255,255,255,.65); display:flex; align-items:center; gap:.5rem; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.1); padding:1.1rem 0; }
.footer-bottom-inner { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.65rem; }
.footer-bottom p { font-size:.78rem; color:rgba(255,255,255,.5); }
.footer-bottom a { font-size:.78rem; color:rgba(255,255,255,.5); transition:color .2s; margin-left:1.1rem; }
.footer-bottom a:hover { color:var(--orange); }

/* ══════════════════════════════════════
   FLOATING ELEMENTS
══════════════════════════════════════ */
.wa-float {
  position:fixed; bottom:2rem; right:2rem;
  width:58px; height:58px; border-radius:50%;
  background:#25D366; color:var(--white);
  display:flex; align-items:center; justify-content:center;
  font-size:1.65rem; z-index:999; text-decoration:none;
  box-shadow:0 6px 22px rgba(37,211,102,.45);
  transition:var(--transition);
  animation:waPulse 2.5s ease infinite;
}
@keyframes waPulse {
  0%,100%{ box-shadow:0 6px 22px rgba(37,211,102,.45) }
  50%{ box-shadow:0 6px 30px rgba(37,211,102,.7),0 0 0 10px rgba(37,211,102,.12) }
}
.wa-float:hover { transform:scale(1.1); background:#128C7E; animation:none; }
.wa-tooltip {
  position:absolute; right:calc(100% + 12px); top:50%;
  transform:translateY(-50%); background:var(--dark); color:var(--white);
  font-size:.76rem; padding:.38rem .8rem; border-radius:6px;
  white-space:nowrap; opacity:0; pointer-events:none; transition:opacity .2s;
}
.wa-tooltip::after { content:''; position:absolute; left:100%; top:50%; transform:translateY(-50%); border:5px solid transparent; border-left-color:var(--dark); }
.wa-float:hover .wa-tooltip { opacity:1; }
.btt {
  position:fixed; bottom:6rem; right:2rem; width:42px; height:42px;
  background:var(--primary); color:var(--white); border-radius:50%;
  border:none; cursor:pointer; display:none; align-items:center;
  justify-content:center; font-size:.95rem; z-index:999;
  box-shadow:var(--shadow); transition:var(--transition);
}
.btt:hover { background:var(--primary-dark); transform:translateY(-3px); }
.btt.show { display:flex; }

/* ══════════════════════════════════════
   ADMIN PANEL
══════════════════════════════════════ */
.admin-body { background:#F0F1F8; }
.admin-sidebar {
  position:fixed; left:0; top:0; bottom:0; width:255px;
  background:var(--dark); color:var(--white); z-index:100;
  overflow-y:auto; transition:var(--transition);
}
.admin-logo-wrap { padding:1.35rem 1.5rem; border-bottom:1px solid rgba(255,255,255,.1); display:flex; align-items:center; gap:.75rem; }
.admin-logo-wrap .lm { width:34px; height:34px; background:var(--grad-primary); border-radius:8px; display:flex; align-items:center; justify-content:center; color:var(--white); font-size:.95rem; flex-shrink:0; }
.admin-logo-wrap .lt span { font-weight:800; font-size:.95rem; color:var(--white); display:block; }
.admin-logo-wrap .lt small { font-size:.65rem; color:rgba(255,255,255,.45); }
.admin-nav { padding:.75rem 0; }
.admin-nav a { display:flex; align-items:center; gap:.7rem; padding:.68rem 1.35rem; color:rgba(255,255,255,.72); font-size:.85rem; font-weight:500; transition:var(--transition); }
.admin-nav a:hover, .admin-nav a.active { background:rgba(107,33,168,.35); color:var(--white); border-right:3px solid var(--primary); }
.admin-nav a i { width:17px; text-align:center; font-size:.9rem; color:rgba(255,255,255,.5); }
.admin-nav a:hover i, .admin-nav a.active i { color:var(--orange); }
.nav-sep { padding:.8rem 1.35rem .3rem; font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:rgba(255,255,255,.32); }
.admin-main { margin-left:255px; min-height:100vh; }
.admin-topbar { background:var(--white); padding:.9rem 1.75rem; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--border); position:sticky; top:0; z-index:99; box-shadow:var(--shadow-sm); }
.admin-topbar h1 { font-size:1.1rem; font-weight:700; color:var(--text-dark); }
.admin-content { padding:1.75rem; }
.ac { background:var(--white); border-radius:var(--radius); padding:1.5rem; border:1px solid var(--border); margin-bottom:1.5rem; }
.ac h3 { font-size:.95rem; font-weight:700; color:var(--text-dark); padding-bottom:.7rem; border-bottom:2px solid var(--border); margin-bottom:1.25rem; display:flex; align-items:center; gap:.5rem; }
.ac h3 i { color:var(--primary); }
.stat-cards { display:grid; grid-template-columns:repeat(auto-fill, minmax(195px, 1fr)); gap:1.1rem; margin-bottom:1.75rem; }
.stat-card { background:var(--white); border-radius:var(--radius); padding:1.4rem; border:1px solid var(--border); }
.stat-card .sv { font-size:2.2rem; font-weight:800; color:var(--primary); font-family:var(--font-display); }
.stat-card .sl { font-size:.82rem; color:var(--text-mid); margin-top:.2rem; }
.stat-card .si { float:right; font-size:1.9rem; color:var(--border); }
.at { width:100%; border-collapse:collapse; font-size:.85rem; }
.at th { padding:.7rem 1rem; text-align:left; font-weight:700; color:var(--text-mid); font-size:.75rem; text-transform:uppercase; letter-spacing:.05em; border-bottom:2px solid var(--border); background:var(--bg-light); }
.at td { padding:.7rem 1rem; border-bottom:1px solid var(--border); color:var(--text-dark); vertical-align:middle; }
.at tr:hover td { background:var(--bg-light); }
.badge { display:inline-block; padding:.22rem .58rem; border-radius:20px; font-size:.7rem; font-weight:700; }
.badge-new       { background:#DBEAFE; color:#1D4ED8; }
.badge-contacted { background:#FEF3C7; color:#D97706; }
.badge-converted { background:#D1FAE5; color:#065F46; }
.badge-closed    { background:var(--bg-section); color:var(--text-light); }
.badge-published { background:#D1FAE5; color:#065F46; }
.badge-draft     { background:#FEF3C7; color:#D97706; }
.badge-wholesale { background:#EDE9FE; color:#5B21B6; }
.badge-contract  { background:#FFF7ED; color:#C2410C; }
.badge-retail    { background:#F0FDF4; color:#166534; }
.ab { display:inline-flex; align-items:center; gap:.38rem; padding:.48rem .95rem; border-radius:8px; font-size:.8rem; font-weight:600; cursor:pointer; border:none; text-decoration:none; transition:var(--transition); }
.ab-primary   { background:var(--primary); color:var(--white); }
.ab-primary:hover { background:var(--primary-dark); }
.ab-orange    { background:var(--orange); color:var(--white); }
.ab-orange:hover { background:var(--orange-dark); }
.ab-secondary { background:var(--bg-section); color:var(--text-dark); border:1px solid var(--border); }
.ab-secondary:hover { border-color:var(--primary); color:var(--primary); }
.ab-danger    { background:#FEF2F2; color:#DC2626; border:1px solid #FECACA; }
.ab-danger:hover { background:#DC2626; color:var(--white); }
.afg { margin-bottom:1.1rem; }
.afg label { display:block; font-size:.82rem; font-weight:600; color:var(--text-dark); margin-bottom:.38rem; }
.afg input, .afg textarea, .afg select {
  width:100%; padding:.68rem .95rem; border:2px solid var(--border);
  border-radius:9px; font-family:var(--font-main); font-size:.88rem;
  outline:none; transition:var(--transition); background:var(--bg-light); color:var(--text-dark);
}
.afg input:focus, .afg textarea:focus, .afg select:focus { border-color:var(--primary); background:var(--white); }
.afg textarea { resize:vertical; }
.afr { display:grid; grid-template-columns:1fr 1fr; gap:1.1rem; }
.alert { padding:.9rem 1.1rem; border-radius:10px; font-size:.88rem; margin-bottom:1.25rem; display:flex; align-items:center; gap:.65rem; }
.alert-success { background:#D1FAE5; color:#065F46; border:1px solid #A7F3D0; }
.alert-error   { background:#FEF2F2; color:#991B1B; border:1px solid #FECACA; }

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media (max-width:1100px) {
  .footer-grid { grid-template-columns:1fr 1fr; gap:2rem; }
  .contact-grid { grid-template-columns:1fr; }
  .about-intro-grid { grid-template-columns:1fr; }
  .vm-grid { grid-template-columns:1fr; }
}
@media (max-width:980px) {
  .admin-sidebar { transform:translateX(-100%); }
  .admin-sidebar.open { transform:translateX(0); box-shadow:0 0 0 100vw rgba(0,0,0,.4); }
  .admin-main { margin-left:0 !important; }
  .main-nav { display:none; position:absolute; top:100%; left:0; right:0; background:var(--white); padding:1rem; box-shadow:var(--shadow-md); border-top:3px solid var(--primary); }
  .main-nav.open { display:block; }
  .main-nav ul { flex-direction:column; gap:0; }
  .main-nav a { padding:.72rem 1rem; }
  .dropdown { position:static; box-shadow:none; border:none; padding-left:1rem; display:none; border-top:none; }
  .has-dropdown.open .dropdown { display:block; }
  .hamburger { display:flex; }
  .header-inner { position:relative; }
}
@media (max-width:768px) {
  .section-pad { padding:60px 0; }
  .hero-swiper { height:78vh; min-height:500px; }
  .footer-grid { grid-template-columns:1fr; gap:2rem; }
  .cta-strip-inner { flex-direction:column; text-align:center; }
  .cta-strip-btns { justify-content:center; }
  .form-row { grid-template-columns:1fr; }
  .afr { grid-template-columns:1fr; }
  .process-steps { gap:1.5rem; }
  .process-step:not(:last-child)::after { display:none; }
  .about-stats { grid-template-columns:1fr 1fr; }
}
@media (max-width:580px) {
  .container { padding:0 1rem; }
  .hero-btns { flex-direction:column; }
  .hero-btns .btn { justify-content:center; }
  .hero-title { font-size:1.9rem; }
  .cat-grid { grid-template-columns:1fr 1fr; }
  .serve-grid { grid-template-columns:1fr 1fr; }
  .why-grid { grid-template-columns:1fr; }
  .stats-grid { grid-template-columns:1fr 1fr; }
  .chip-grid { grid-template-columns:1fr 1fr; }
  .gallery-grid { grid-template-columns:1fr 1fr; }
  .wa-float { width:52px; height:52px; font-size:1.45rem; bottom:1.25rem; right:1.25rem; }
  .btt { bottom:4.5rem; right:1.25rem; }
  .stat-cards { grid-template-columns:1fr 1fr; }
  .header-cta .hdr-call span { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }
}
[id] { scroll-margin-top:88px; }
a:focus-visible, button:focus-visible { outline:3px solid var(--primary); outline-offset:2px; }