:root {
      /* Chemical Green Base */
      --lab-green: #059669;
      --lab-green-hover: #047857;
      --lab-green-dark: #064e3b;
      --lab-green-light: #ecfdf5;
      --lab-green-border: #a7f3d0;

      /* Rayudu Logo & Indelible Ink Blue Accent */
      --ink-blue: #1d4ed8;
      --ink-blue-dark: #1e3a8a;
      --ink-blue-light: #eff6ff;
      --ink-cyan: #0284c7;

      /* Dark Chemistry Surface */
      --bg-dark: #041f16;
      --text-main: #334155;
      --text-heading: #0f172a;
    }

    body {
      font-family: 'Plus Jakarta Sans', sans-serif;
      color: var(--text-main);
      background-color: #ffffff;
      overflow-x: hidden;
      scroll-behavior: smooth;
    }

    h1, h2, h3, h4, h5, .brand-font {
      font-family: 'Space Grotesk', sans-serif;
      color: var(--text-heading);
      font-weight: 700;
    }

    /* Interactive Ink Drop Canvas */
    #ink-canvas {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      pointer-events: none;
      z-index: 1;
    }

    /* Ensure interactive elements sit above the canvas */
    header, nav, section, footer, .modal {
      position: relative;
      z-index: 2;
    }

    /* Scroll Indicator */
    #scroll-progress {
      position: fixed;
      top: 0;
      left: 0;
      height: 4px;
      background: linear-gradient(90deg, var(--lab-green), #10b981, var(--ink-blue));
      width: 0%;
      z-index: 9999;
      transition: width 0.1s ease-out;
    }

    /* Top Bar */
    .top-bar {
      background: var(--bg-dark);
      font-size: 0.83rem;
      border-bottom: 1px solid rgba(16, 185, 129, 0.2);
    }
    .top-bar a {
      color: #cbd5e1;
      text-decoration: none;
      transition: color 0.2s;
    }
    .top-bar a:hover {
      color: #6ee7b7;
    }

    /* Main Navbar */
    .custom-navbar {
      transition: all 0.35s ease;
      background-color: rgba(255, 255, 255, 0.94);
      backdrop-filter: blur(12px);
      border-bottom: 1px solid #e2e8f0;
      padding: 0.9rem 0;
    }
    .custom-navbar.scrolled {
      padding: 0.55rem 0;
      background-color: #ffffff;
      box-shadow: 0 10px 25px rgba(6, 78, 59, 0.08);
      border-bottom-color: var(--lab-green-border);
    }
    .nav-link {
      font-weight: 700;
      font-size: 0.88rem;
      letter-spacing: 0.8px;
      text-transform: uppercase;
      color: #1e293b !important;
      padding: 0.5rem 0.9rem !important;
      position: relative;
    }
    .nav-link::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0.9rem;
      right: 0.9rem;
      height: 2px;
      background-color: var(--lab-green);
      transform: scaleX(0);
      transition: transform 0.25s ease;
    }
    .nav-link:hover::after, .nav-link.active::after {
      transform: scaleX(1);
    }

    .dropdown-menu {
      border: 1px solid var(--lab-green-border);
      box-shadow: 0 12px 30px rgba(4, 31, 22, 0.1);
      border-radius: 10px;
      padding: 0.5rem 0;
    }
    .dropdown-item {
      font-size: 0.85rem;
      font-weight: 600;
      padding: 0.55rem 1.25rem;
      color: var(--text-main);
    }
    .dropdown-item:hover {
      background-color: var(--lab-green-light);
      color: var(--lab-green-dark);
    }

    /* Molecular SVG lattice background pattern with subtle transparency */
    .chem-pattern-bg {
      background-color: rgba(255, 255, 255, 0.88);
      background-image: 
        radial-gradient(circle at 10% 20%, rgba(5, 150, 105, 0.05) 0%, transparent 40%),
        radial-gradient(circle at 90% 80%, rgba(29, 78, 216, 0.05) 0%, transparent 40%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%23059669' stroke-width='0.7' stroke-opacity='0.14'%3E%3Cpolygon points='70,10 95,25 95,55 70,70 45,55 45,25'/%3E%3Cpolygon points='70,70 95,85 95,115 70,130 45,115 45,85'/%3E%3Cpolygon points='130,45 155,60 155,90 130,105 105,90 105,60'/%3E%3Cpolygon points='10,45 35,60 35,90 10,105 -15,90 -15,60'/%3E%3Ccircle cx='70' cy='10' r='2.5' fill='%231d4ed8' fill-opacity='0.25'/%3E%3Ccircle cx='95' cy='25' r='2.5' fill='%23059669' fill-opacity='0.25'/%3E%3Ccircle cx='45' cy='55' r='2.5' fill='%23059669' fill-opacity='0.25'/%3E%3Ccircle cx='70' cy='70' r='2.5' fill='%231d4ed8' fill-opacity='0.25'/%3E%3C/g%3E%3C/svg%3E");
    }

    /* Buttons */
    .btn-chem-green {
      background: linear-gradient(135deg, var(--lab-green), #10b981);
      color: #ffffff;
      font-weight: 700;
      font-size: 0.85rem;
      letter-spacing: 0.5px;
      padding: 0.75rem 1.6rem;
      border-radius: 8px;
      border: none;
      box-shadow: 0 4px 14px rgba(5, 150, 105, 0.3);
      transition: all 0.3s ease;
    }
    .btn-chem-green:hover {
      background: linear-gradient(135deg, var(--lab-green-hover), var(--lab-green));
      transform: translateY(-2px);
      box-shadow: 0 6px 20px rgba(5, 150, 105, 0.45);
      color: #ffffff;
    }
    .btn-ink-outline {
      border: 2px solid var(--ink-blue);
      color: var(--ink-blue);
      font-weight: 700;
      font-size: 0.85rem;
      letter-spacing: 0.5px;
      padding: 0.7rem 1.5rem;
      border-radius: 8px;
      background: transparent;
      transition: all 0.3s ease;
    }
    .btn-ink-outline:hover {
      background: var(--ink-blue);
      color: #ffffff;
      transform: translateY(-2px);
    }

    /* Product Cards */
    .chem-card {
      border-radius: 16px;
      border: 1px solid #e2e8f0;
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(8px);
      transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
      height: 100%;
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }
    .chem-card-img-wrapper {
      position: relative;
      height: 200px;
      overflow: hidden;
    }
    .chem-card-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.4s ease;
    }
    .chem-card:hover .chem-card-img {
      transform: scale(1.08);
    }
    .card-badge {
      position: absolute;
      top: 12px;
      right: 12px;
      background: rgba(255, 255, 255, 0.95);
      font-weight: 700;
      font-size: 0.72rem;
      padding: 0.3rem 0.65rem;
      border-radius: 20px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }
    .chem-card-body {
      padding: 1.6rem 1.5rem;
      flex-grow: 1;
      display: flex;
      flex-direction: column;
    }
    .chem-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 4px;
      background: linear-gradient(90deg, var(--lab-green), var(--ink-blue));
      opacity: 0;
      transition: opacity 0.3s;
      z-index: 2;
    }
    .chem-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 22px 38px rgba(6, 78, 59, 0.1);
      border-color: var(--lab-green-border);
    }
    .chem-card:hover::before {
      opacity: 1;
    }

    /* Counter Section */
    .counter-section {
      background: linear-gradient(135deg, #052e16, var(--bg-dark));
      background-image: 
        radial-gradient(circle at 80% 20%, rgba(29, 78, 216, 0.2) 0%, transparent 50%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%2334d399' stroke-width='0.5' stroke-opacity='0.12'%3E%3Cpath d='M35 15 L45 15 L45 30 L55 50 C58 56 53 62 46 62 L34 62 C27 62 22 56 25 50 L35 30 Z'/%3E%3Ccircle cx='38' cy='48' r='2' fill='%2334d399' fill-opacity='0.15'/%3E%3Ccircle cx='44' cy='54' r='1.5' fill='%2334d399' fill-opacity='0.15'/%3E%3C/g%3E%3C/svg%3E");
      color: #ffffff;
      padding: 5rem 0;
      border-top: 1px solid rgba(16, 185, 129, 0.25);
      border-bottom: 1px solid rgba(16, 185, 129, 0.25);
    }
    .counter-num {
      font-size: 3.25rem;
      font-weight: 800;
      color: #6ee7b7;
      font-family: 'Space Grotesk', sans-serif;
    }

    /* On-Scroll Trigger Classes */
    .reveal-on-scroll {
      opacity: 0;
      transform: translateY(35px);
      transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1), transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .reveal-on-scroll.is-visible {
      opacity: 1;
      transform: translateY(0);
    }
    .reveal-delay-1 { transition-delay: 0.15s; }
    .reveal-delay-2 { transition-delay: 0.3s; }
    .reveal-delay-3 { transition-delay: 0.45s; }

    /* Floating Metric Card */
    .floating-card {
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(8px);
      border-radius: 16px;
      padding: 1.15rem 1.4rem;
      box-shadow: 0 20px 40px rgba(6, 78, 59, 0.12);
      border: 1px solid rgba(167, 243, 208, 0.8);
      animation: float 4s ease-in-out infinite;
    }
    @keyframes float {
      0%, 100% { transform: translateY(0px); }
      50% { transform: translateY(-10px); }
    }

    /* Back To Top Button */
    #back-to-top {
      position: fixed;
      bottom: 25px;
      right: 25px;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: var(--lab-green);
      color: #ffffff;
      display: none;
      align-items: center;
      justify-content: center;
      box-shadow: 0 6px 20px rgba(5, 150, 105, 0.4);
      z-index: 999;
      cursor: pointer;
      border: none;
      transition: transform 0.2s, background 0.2s;
    }
    #back-to-top:hover {
      transform: scale(1.1);
      background: var(--ink-blue);
    }

    footer {
      background: #021a11;
      color: #94a3b8;
      padding: 4.5rem 0 2rem;
    }
    footer a {
      color: #94a3b8;
      text-decoration: none;
      transition: color 0.2s;
    }
    footer a:hover {
      color: #6ee7b7;
    }

/* =========================================================
   PRODUCT DETAIL PAGE
   Uses the existing Rayudu theme without changing the
   existing global design.
   ========================================================= */
.product-detail-hero { min-height: 640px; }
.product-visual-card {
  min-height: 500px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(5,150,105,.15);
  border-radius: 28px;
  background: linear-gradient(145deg, #f8fffc, #eef6ff);
  box-shadow: 0 24px 60px rgba(15,23,42,.12);
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-visual-glow {
  position:absolute; width:360px; height:360px; border-radius:50%;
  background: radial-gradient(circle, rgba(29,78,216,.16), transparent 68%);
  top:-90px; right:-70px;
}
.ink-bottle-wrap { position:relative; z-index:2; transform: translateY(10px); }
.ink-bottle-cap {
  width:118px; height:55px; margin:0 auto -7px;
  border-radius:12px 12px 8px 8px;
  background:linear-gradient(180deg,#1e3a8a,#1d4ed8);
  box-shadow: inset 0 5px 8px rgba(255,255,255,.15), 0 8px 18px rgba(15,23,42,.2);
}
.ink-bottle {
  width:250px; height:300px; position:relative; overflow:hidden;
  border-radius:34px 34px 44px 44px;
  background:linear-gradient(110deg,rgba(255,255,255,.75),rgba(219,234,254,.7));
  border:4px solid rgba(255,255,255,.9);
  box-shadow: inset 12px 0 18px rgba(255,255,255,.5), 0 25px 45px rgba(15,23,42,.2);
}
.ink-bottle-neck { width:116px; height:42px; margin:-2px auto 0; border-radius:0 0 14px 14px; background:rgba(255,255,255,.7); }
.ink-liquid { position:absolute; left:0; right:0; bottom:0; height:38%; background:linear-gradient(180deg,#2563eb,#1e3a8a); opacity:.95; }
.ink-bottle-label {
  position:absolute; z-index:3; left:20px; right:20px; top:96px;
  background:#fff; border-radius:12px; padding:18px 10px; text-align:center;
  box-shadow:0 10px 24px rgba(15,23,42,.14);
}
.ink-bottle-label span { display:block; color:#059669; font-weight:800; letter-spacing:2px; font-size:12px; }
.ink-bottle-label strong { display:block; color:#0f172a; font-family:'Space Grotesk',sans-serif; font-size:19px; margin:4px 0; }
.ink-bottle-label small { color:#64748b; font-size:9px; letter-spacing:1.5px; }
.product-floating-badge {
  position:absolute; z-index:4; display:flex; align-items:center; gap:12px;
  background:rgba(255,255,255,.96); border:1px solid #e2e8f0;
  border-radius:16px; padding:15px 18px; box-shadow:0 14px 32px rgba(15,23,42,.12);
}
.product-floating-badge i { font-size:24px; }
.product-floating-badge strong { display:block; color:#1e293b; font-size:14px; }
.product-floating-badge small { display:block; color:#64748b; margin-top:2px; }
.product-floating-badge-top { top:55px; left:25px; }
.product-floating-badge-bottom { bottom:55px; right:25px; }
.product-info-card, .product-section-card {
  border:1px solid #e2e8f0; border-radius:18px; background:#fff;
  padding:30px; box-shadow:0 12px 30px rgba(15,23,42,.06);
}
.product-section-card { border-color:rgba(5,150,105,.16); }
.icon-circle { width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.check-icon { width:30px; height:30px; border-radius:50%; background:#ecfdf5; color:#059669; display:flex; align-items:center; justify-content:center; flex:0 0 30px; }
.check-icon.blue { background:#eff6ff; color:#1d4ed8; }
.product-cta-card {
  padding:34px; border-radius:22px; border:1px solid rgba(5,150,105,.18);
  background:linear-gradient(135deg,#f0fdf4,#eff6ff); display:flex;
  align-items:center; justify-content:space-between; gap:30px;
}
@media (max-width: 767.98px) {
  .product-detail-hero { min-height:auto; }
  .product-visual-card { min-height:440px; margin-top:10px; }
  .product-floating-badge { padding:10px 12px; }
  .product-floating-badge-top { left:12px; top:22px; }
  .product-floating-badge-bottom { right:12px; bottom:22px; }
  .product-cta-card { flex-direction:column; align-items:flex-start; }
}

/* Product detail visual - shared by all product pages */
.product-symbol-wrap { position:relative; z-index:2; text-align:center; max-width:340px; }
.product-symbol-circle {
  width:180px; height:180px; margin:0 auto 24px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:72px;
  background:linear-gradient(135deg,#1d4ed8,#059669);
  box-shadow:0 24px 55px rgba(29,78,216,.24), inset 0 3px 12px rgba(255,255,255,.25);
}
.product-symbol-label {
  background:rgba(255,255,255,.96); border:1px solid #e2e8f0;
  border-radius:18px; padding:18px 20px; box-shadow:0 14px 32px rgba(15,23,42,.12);
}
.product-symbol-label span { display:block; color:#059669; font-weight:800; letter-spacing:2px; font-size:12px; }
.product-symbol-label strong { display:block; color:#0f172a; font-family:'Space Grotesk',sans-serif; font-size:20px; margin:4px 0; }
.product-symbol-label small { color:#64748b; font-size:9px; letter-spacing:1.5px; }


/* Product detail images */
.product-image-panel {
    position: relative;
    border-radius: 28px;
    padding: 14px;
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(239,248,255,.96));
    border: 1px solid rgba(15,118,110,.12);
    box-shadow: 0 24px 60px rgba(15,23,42,.10);
    overflow: hidden;
}
.product-main-image {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 20px;
}
.product-image-tag {
    position: absolute;
    left: 30px;
    bottom: 30px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 11px 16px;
    border-radius: 14px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 12px 30px rgba(15,23,42,.12);
    color: #1e293b;
    font-weight: 700;
    font-size: 14px;
}
.product-image-tag i {
    font-size: 20px;
    color: #059669;
}
.product-image-wrap {
    height: 280px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #f5fbfa;
}

.product-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}
.product-mini-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    color: #64748b;
    font-size: 14px;
}
.product-mini-trust span { display: inline-flex; align-items: center; gap: 6px; }
.product-mini-trust i { font-size: 17px; }
@media (max-width: 991.98px) {
    .product-image-panel { max-width: 620px; margin: 0 auto; }
    .product-mini-trust { margin-bottom: 10px; }
}
@media (max-width: 575.98px) {
    .product-image-tag { left: 24px; bottom: 24px; padding: 9px 12px; font-size: 12px; }
    .product-mini-trust { gap: 10px 16px; font-size: 13px; }
}

/* International language selector */
.rayudu-language-selector{min-width:118px;border:1px solid #dbe4ea;border-radius:8px;font-size:.78rem;font-weight:700;color:#1e293b;background:#fff;cursor:pointer;}
.language-nav-item{display:flex;align-items:center;}
/* Trust / feature sections */
.trust-card{height:100%;padding:28px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.05);transition:.3s ease;}
.trust-card:hover{transform:translateY(-6px);border-color:var(--lab-green-border);box-shadow:0 20px 38px rgba(6,78,59,.09);}
.trust-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;background:var(--lab-green-light);color:var(--lab-green);margin-bottom:18px;}
.application-card{height:100%;padding:26px;border-radius:18px;background:#fff;border:1px solid #e2e8f0;transition:.3s ease;}
.application-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px rgba(15,23,42,.08);border-color:rgba(5,150,105,.3);}
.application-icon{font-size:34px;color:var(--ink-blue);margin-bottom:14px;}
.global-map-card{border-radius:24px;background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #dbeafe;padding:34px;overflow:hidden;position:relative;}
.global-map-card:after{content:'GLOBAL';position:absolute;right:-20px;bottom:-35px;font-family:'Space Grotesk',sans-serif;font-size:110px;font-weight:800;color:rgba(29,78,216,.055);}
.cert-card{height:100%;padding:24px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;text-align:center;}
.faq-item{border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;background:#fff;margin-bottom:12px;}
.faq-item button{width:100%;text-align:left;background:#fff;border:0;padding:19px 22px;font-weight:700;color:#0f172a;display:flex;justify-content:space-between;align-items:center;}
.faq-item button:not(.collapsed){color:var(--lab-green);background:#f8fffb;}
.faq-answer{padding:0 22px 20px;color:#64748b;line-height:1.75;}
/* Product images - uniform size without cropping */
.home-product-image-wrap {
    width: 100%;
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #f8fafc;
    border-radius: 16px 16px 0 0;
    box-sizing: border-box;
}

.home-product-image {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain !important;
    object-position: center center;
    margin: 0 auto;
    background: #f8fafc;
}

/* Keep product image area consistent on smaller screens */
@media (max-width: 767.98px) {
    .home-product-image-wrap {
        height: 250px;
    }
}
.whatsapp-float{position:fixed;right:24px;bottomwidth:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:29px;text-decoration:none;z-index:10000;box-shadow:0 10px 30px rgba(0,0,0,.18);transition:.25s ease;}
.whatsapp-float:hover{color:#fff;transform:translateY(-4px) scale(1.04);box-shadow:0 14px 34px rgba(37,211,102,.35);}
@media(max-width:767.98px){.rayudu-language-selector{width:100%;margin:8px 0}.language-nav-item{width:100%}.whatsapp-float{width:52px;height:52px;right:17px;bottom:17px;font-size:25px;}}

/* =========================================================
   FINAL UI POLISH — Bootstrap 5 layout corrections
   ========================================================= */
.custom-navbar { z-index: 1030; }
.custom-navbar .container { min-height: 68px; }
.custom-navbar .navbar-collapse { align-items: center; }
.custom-navbar .navbar-nav { gap: .15rem; }
.custom-navbar .nav-item { display: flex; align-items: center; }
.custom-navbar .nav-link { white-space: nowrap; }
.navbar-actions { flex-shrink: 0; }

.brand-mark {
  width: 52px;
  height: 52px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: linear-gradient(135deg,#1d4ed8,#0284c7);
  box-shadow: 0 5px 14px rgba(29,78,216,.18);
}
.brand-copy { display:flex; flex-direction:column; line-height:1; }
.brand-name { font-family:'Space Grotesk',sans-serif; font-size:1.55rem; font-weight:700; color:#1f2937; letter-spacing:-.5px; }
.brand-subtitle { margin-top:6px; color:var(--lab-green); font-size:.68rem; font-weight:800; letter-spacing:2px; }

/* Bootstrap dropdown language picker */
.language-button {
  min-width: 142px;
  min-height: 40px;
  border-radius: 8px;
  font-size: .82rem;
  font-weight: 700;
  color: #1e293b;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: .35rem;
}
.language-menu {
  width: 300px;
  max-width: calc(100vw - 30px);
  padding: .45rem 0 .55rem;
  border: 1px solid #dce6eb;
  border-radius: 12px;
}
.language-list {
  max-height: 330px;
  overflow-y: auto;
  padding: 0 .4rem;
}
.language-option {
  border-radius: 7px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  font-size: .82rem;
  font-weight: 600;
  padding: .55rem .75rem;
}
.language-option small { color:#94a3b8; font-size:.68rem; text-transform:uppercase; }
.language-option:hover { background:var(--lab-green-light); color:var(--lab-green-dark); }

/* Product detail image/tag never collides with the heading */
.product-image-panel { isolation:isolate; }
.product-image-tag {
  z-index: 3;
  max-width: calc(100% - 36px);
  left: 18px;
  bottom: 18px;
  white-space: normal;
}
.product-image-tag span { overflow-wrap:anywhere; }
.product-detail-hero .row { align-items:center; }
.product-detail-hero .product-main-image { min-height:280px; }
@media (max-width:991.98px){
  .product-detail-hero .row { align-items:stretch; }
  .product-image-panel { margin-bottom:0; }
}

/* FAQ uses native Bootstrap accordion structure */
.rayudu-faq .accordion-item {
  border: 1px solid #dfe7ec;
  border-radius: 12px !important;
  overflow: hidden;
  margin-bottom: 12px;
  background:#fff;
  box-shadow:0 5px 18px rgba(15,23,42,.035);
}
.rayudu-faq .accordion-button {
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size: .95rem;
  font-weight: 700;
  color:#0f172a;
  padding: 1.1rem 1.25rem;
  background:#fff;
  box-shadow:none;
}
.rayudu-faq .accordion-button:not(.collapsed) {
  color:var(--lab-green-dark);
  background:#f4fcf8;
  box-shadow:none;
}
.rayudu-faq .accordion-button:focus { box-shadow:0 0 0 .2rem rgba(5,150,105,.12); }
.rayudu-faq .accordion-body { color:#64748b; line-height:1.75; padding:0 1.25rem 1.25rem; }

/* Footer social icons */
.footer-social { display:flex; flex-wrap:wrap; gap:.6rem; }
.footer-social a {
  width:40px;
  height:40px;
  border:1px solid rgba(110,231,183,.22);
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#cbd5e1;
  background:rgba(255,255,255,.03);
  font-size:1rem;
  transition:all .25s ease;
}
.footer-social a:hover {
  color:#fff;
  background:var(--lab-green);
  border-color:var(--lab-green);
  transform:translateY(-3px);
}
.footer-brand-mark { width:42px; height:42px; border-radius:9px; display:inline-flex; align-items:center; justify-content:center; background:#1d4ed8; color:#fff; }
/* Individual Product Detail Image */
.product-image-panel {
    width: 100%;
    min-height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    background: #f8fafc;
    border-radius: 20px;
    overflow: hidden;
}

.product-main-image {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 430px;
    object-fit: contain;
    object-position: center;
    margin: auto;
}

/* Tablet */
@media (max-width: 991.98px) {
    .product-image-panel {
        min-height: 400px;
    }

    .product-main-image {
        max-height: 360px;
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .product-image-panel {
        min-height: 320px;
        padding: 20px;
    }

    .product-main-image {
        max-height: 280px;
        max-width: 100%;
    }
}
/* Larger, clearly visible WhatsApp button */
.whatsapp-float {
  width:64px;
  height:64px;
  right:18px;
  bottom:80px;
  font-size:32px;
  border:3px solid rgba(255,255,255,.95);
  box-shadow:0 10px 28px rgba(37,211,102,.34);
}
.whatsapp-float i { line-height:1; }
@media(max-width:767.98px){
  .whatsapp-float { width:58px; height:58px; right:20px; bottom:80px; font-size:29px; }
}

/* Mobile/tablet navbar: clean Bootstrap collapse spacing */
@media(max-width:991.98px){
  .custom-navbar { padding:.7rem 0; }
  .custom-navbar .navbar-collapse { padding-top:1rem; }
  .custom-navbar .navbar-nav { gap:0; width:100%; }
  .custom-navbar .nav-item { display:block; }
  .custom-navbar .nav-link { padding:.7rem .75rem !important; }
  .custom-navbar .nav-link::after { left:.75rem; right:auto; width:calc(100% - 1.5rem); }
  .navbar-actions { width:100%; }
  .language-dropdown, .language-button { width:100%; }
  .language-menu { width:100%; }
  .language-list { max-height:260px; }
  .navbar-actions .btn-chem-green { width:100%; text-align:center; }
}
@media(max-width:575.98px){
  .brand-mark { width:46px; height:46px; }
  .brand-name { font-size:1.35rem; }
  .brand-subtitle { font-size:.58rem; letter-spacing:1.5px; }
}