/* ---------------- variables & base ---------------- */
/* Logo */
    .logo img {
    height: 200px;   /* adjust size as needed */
    width: auto;
    display: block;
    margin-top: 110px;
    border-bottom-left-radius: 40% 50%;
    border-bottom-right-radius: 40% 50%;
    overflow: hidden;
    }
/* ====== Navigation ====== */
    .site-header {
    position: absolute;
    top: 0; left: 0; right: 0;
    z-index: 20;
    background: #000;
    backdrop-filter: blur(6px);
    height: 80px;
    }

    .nav-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0.8rem 1.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    }

    .brand {
    font-size: 1.4rem;
    font-weight: bold;
    color: #FB95A0;
    letter-spacing: 1px;
    }

    .nav-menu {
    display: flex;
    gap: 2.5rem;
    }

    .nav-menu a {
    color: #FB95A0;
    text-decoration: none;
    font-size: 1.5rem;
    transition: color .2s;
    }
    .nav-menu a:hover {
    color: #fff; /* accent on hover */
    }

    /* Hamburger toggle (hidden on desktop) */
    .nav-toggle {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 26px;
    height: 20px;
    background: none;
    border: none;
    cursor: pointer;
    }
    .nav-toggle span {
    display: block;
    height: 3px;
    width: 100%;
    background: #FB95A0;
    border-radius: 2px;
    }

    :root{
      --duration: 760ms;
      --autoplay-interval: 3200ms;
      --dot-size: 14px;
      --ctrl-size: 44px;         /* control button size */
      --ctrl-icon-size: 16px;    /* arrow icon inside */
      --wipe-skew: -14deg;
      --caption-size: 1.05rem;
      --bg: #000;
    }

    *{box-sizing:border-box;margin:0;padding:0}
    html,body{width:100%;height:100%;font-family: 'Alegreya', serif;;background:var(--bg);}

    /* full-screen container */
    .carousel{ width:100%; height:100vh; position:relative; overflow:hidden; display:block; }

    .viewport{ width:100%; height:100%; position:relative; }

    /* image layers */
    .layer{ position:absolute; inset:0; overflow:hidden; will-change:opacity,transform; }
    .layer img{ width:100%; height:100%; object-fit:cover; display:block; transition: transform 900ms ease; }

    /* wipe element */
    .wipe{
      position:absolute; z-index:2; top:-10%; left:-40%;
      width:140%; height:120%;
      transform: translateX(-120%) skewX(var(--wipe-skew));
      pointer-events:none;
      background-size: cover;
      background-position: center;
      transition: transform var(--duration) cubic-bezier(.2,.9,.25,1), opacity calc(var(--duration)/2) linear;
      opacity: 0;
      filter: drop-shadow(0 40px 60px rgba(0,0,0,0.6));
    }

    /* controls */
    .controls{ position:absolute; inset:0; display:flex; align-items:center; justify-content:space-between; padding:0 18px; z-index:6; pointer-events:none; }
    .ctrl {
      pointer-events:auto;
      width: var(--ctrl-size);
      height: var(--ctrl-size);
      display:inline-grid;
      place-items:center;
      border-radius:8px;
      background: rgba(0,0,0,0.35);
      border: 1px solid rgba(255,255,255,0.04);
      cursor:pointer;
      transition: background .14s, transform .08s;
      -webkit-tap-highlight-color: transparent;
    }
    .ctrl:hover{ background: rgba(0,0,0,0.6); transform: translateY(-3px); }
    .ctrl svg{ width: var(--ctrl-icon-size); height: var(--ctrl-icon-size); fill: #FB95A0; display:block; }

    /* pager & caption */
    .pager{ position:absolute; bottom:22px; left:50%; transform:translateX(-50%); display:flex; gap:10px; z-index:7; }
    .dot{ width:var(--dot-size); height:var(--dot-size); border-radius:50%; background:rgba(255,255,255,0.35); border:none; cursor:pointer; transition:transform .18s,background .18s; }
    .dot[aria-current="true"]{ background:#FB95A0; transform:scale(1.22); }

    .caption{
      position:absolute; left:50%; transform:translateX(-50%); bottom:72px; z-index:7;
      background: rgba(0,0,0,0.45); color:#FB95A0; padding:8px 12px; border-radius:8px; font-size:var(--caption-size);
      backdrop-filter: blur(6px);
      max-width:84%;
      text-align:center;
    }

    /* parallax on hover (desktop) */
    .viewport:hover .layer img{ transform: scale(1.02); }

        /* ---------------- Footer ---------------- */
    .site-footer {
    background: #07080a; /* near-black */
    color: #ddd;
    position: relative;
    margin-top: 40px;
    font-size: 18px;
    }

    /* SVG wave container */
    .footer-wave svg { display:block; width:100%; height:60px; }

    /* inner container */
    .footer-inner{
    max-width:1200px;
    margin: 0 auto;
    padding: 32px 20px 20px;
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    gap: 22px;
    align-items: start;
    }

    /* column basics */
    .footer-col h3 {
    color: #FB95A0;
    margin-bottom: 10px;
    
    }
    .footer-col p { color: #cfcfcf; line-height:1.5; margin-bottom:12px; }
    .footer-col ul { list-style:none; padding:0; margin:0; }
    .footer-col ul li { margin-bottom:8px; }
    .footer-col ul li a { color:#ddd; text-decoration:none; transition: color .15s; }
    .footer-col ul li a:hover { color:#FB95A0; }

    /* logo in footer */
    .footer-logo img { height:150px; width:auto; display:block; margin-bottom:12px; }

    .contact-item {
    display: flex;
    align-items: center;
    gap: 12px;             /* space between icon and text */
    margin-bottom: 14px;   /* space between each contact row */
    color: #cfcfcf;
    }

    .contact-item i {
    font-size: 18px;
    color: #FB95A0; /* accent color */
    width: 20px;    /* keeps alignment neat */
    text-align: center;
    }

    .contact-item a {
    color: #ddd;
    text-decoration: none;
    transition: color .2s;
    }

    .contact-item a:hover {
    color: #FB95A0;
    }

    
    /* socials */
    .socials{ display:flex; gap:10px; margin-top:10px; }
    .social{
    width:38px; height:38px; display:inline-grid; place-items:center;
    border-radius:8px; background: #000; color:#FB95A0; text-decoration:none;
    border:1px solid #000;
    }
    .social i{ font-size:24px; }

    /* ===== Tagline ===== */
    .tagline {
      position: relative;
      background: linear-gradient(135deg, #FB95A0 0%, #fce4ec 100%);
      padding: 80px 20px 120px; /* extra bottom to allow divider overlap */
      text-align: center;
      color: #222;
    }
    .tagline-inner {
      max-width: 800px;
      margin: 0 auto;
    }
    .tagline h2 {
      font-family: 'Alegreya', serif;
      font-size: 2.5rem;
      margin-bottom: 14px;
      color: #fff;
      text-shadow: 0 2px 4px rgba(0,0,0,0.3);
    }
    .tagline p {
      font-size: 1.2rem;
      color: #fff;
      line-height: 1.6;
      max-width: 650px;
      margin: 0 auto;
    }
    /* angled divider */
    .diagonal-divider {
      position: absolute;
      bottom: -1px; left: 0; right: 0;
      height: 80px;
      background: #fff;
      clip-path: polygon(0 0, 100% 100%, 0 100%);
    }

    /* Products V2 - modern grid */
    .products-v2 { padding: 64px 20px; background: linear-gradient(180deg, #fff 0%, #fbf7f8 100%); }
    .products-v2-inner { max-width: 1200px; margin: 0 auto; }

    .prod-heading { text-align:center; margin-bottom: 34px; position: relative; }
    .prod-heading small { display:block; color:#b04f5e; font-weight:600; margin-bottom:8px; font-size:0.95rem; }
    .prod-heading h2 {
      font-family: 'Alegreya', serif;
      font-size: 2.6rem;
      letter-spacing: 1px;
      margin: 0;
      color: #222;
    }
    .prod-heading .leaf {
      display:inline-block;
      margin-left:10px;
      color: #d66d78;
      transform: translateY(-6px);
      font-size: 1.1rem;
    }

    /* Grid */
    .prod-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 22px;
    }

    /* Card */
    .prod-card {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.9));
      border-radius: 14px;
      padding: 22px;
      box-shadow: 0 8px 24px rgba(14,18,24,0.06);
      border: 1px solid rgba(180,78,98,0.06);
      transition: transform .25s ease, box-shadow .25s ease;
      overflow: hidden;
      position: relative;
    }

    /* left text area */
    .prod-card-left { flex: 1 1 55%; min-width: 0; }
    .prod-card-left h3 {
      margin: 0 0 8px 0;
      font-size: 1.3rem;
      color:#0e0e0e;
      font-weight:700;
      font-family: 'Alegreya', serif;
    }
    .prod-meta { display:flex; align-items:center; gap:12px; }
    .count {
      display:inline-block;
      background: linear-gradient(90deg, rgba(251,149,160,0.15), rgba(251,149,160,0.08));
      color:#b93b52;
      padding:6px 10px;
      border-radius: 999px;
      font-weight:600;
      font-size:0.95rem;
      border: 1px solid rgba(251,149,160,0.14);
    }

    /* right image area */
    .prod-card-right { width: 160px; height: 110px; flex: 0 0 160px; display:grid; place-items:center; }
    .prod-card-right img {
      width: 130px;
      height: 90px;
      object-fit: cover;
      border-radius: 10px;
      transform-origin: center;
      transition: transform .35s ease, box-shadow .35s ease;
      box-shadow: 0 8px 18px rgba(180,78,98,0.08);
    }

    /* hover effects */
    .prod-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 18px 40px rgba(14,18,24,0.12);
      border-color: rgba(251,149,160,0.18);
    }
    .prod-card:hover .prod-card-right img {
      transform: scale(1.08) rotate(-1deg);
      box-shadow: 0 22px 48px rgba(180,78,98,0.12);
    }

    /* subtle accent bar at left on hover */
    .prod-card::before {
      content: "";
      position: absolute;
      left: 0; top: 0; bottom: 0;
      width: 6px;
      background: linear-gradient(180deg, rgba(251,149,160,0.9), rgba(180,78,98,0.9));
      transform: translateX(-120%);
      transition: transform .28s ease;
      border-top-left-radius: 14px;
      border-bottom-left-radius: 14px;
    }
    .prod-card:hover::before { transform: translateX(0%); }

    /* footer bottom row */
    .footer-bottom{
    border-top: 1px solid #838383;
    margin-top:18px;
    padding:14px 20px;
    display:flex;
    justify-content: space-between;
    align-items:center;
    gap:12px;
    color:#fff;
    font-size:16px;
    }
    .footer-bottom a{ color:#bdbdbd; text-decoration:none; margin-left:12px; }
    .footer-bottom a:hover{ color:#FB95A0; }

    /* accessibility helpers */
    .visually-hidden {
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap;
    }

    /* ===== Floating WhatsApp Button ===== */
    .whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 55px;
    height: 55px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 28px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
    }
    .whatsapp-float:hover {
    transform: scale(1.08);
    box-shadow: 0 6px 14px rgba(0,0,0,0.35);
    color: #fff;
    }
    .whatsapp-float i {
    line-height: 1;
    }

    /* ------------------ Counter Styles ------------------ */

    .counters-v2 { padding: 56px 18px; background: linear-gradient(180deg,#fff 0%, #fff7f8 100%); }
    .counters-v2-inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: repeat(4,1fr); gap: 22px; align-items: stretch; }

    /* circle card */
    .counter-circle {
      background: linear-gradient(180deg, rgba(251,149,160,0.03), rgba(255,255,255,0.6));
      border-radius: 18px;
      padding: 18px;
      display:flex;
      align-items:center;
      gap:16px;
      box-shadow: 0 10px 30px rgba(14,18,24,0.04);
      border: 1px solid rgba(251,149,160,0.06);
      transition: transform .22s ease, box-shadow .22s ease;
      position: relative;
      overflow: visible;
    }
    .counter-circle:hover { transform: translateY(-8px); box-shadow: 0 22px 48px rgba(14,18,24,0.09); }

    /* svg ring */
    .ring { width: 96px; height: 96px; flex:0 0 96px; display:block; }
    .ring-bg { fill: none; stroke: rgba(0,0,0,0.04); stroke-width:12; stroke-linecap:round; }
    .ring-fg { fill: none; stroke-width:12; stroke-linecap:round; transform: rotate(-90deg); transform-origin: 50% 50%; stroke-dasharray: 326; stroke-dashoffset: 326; transition: stroke-dashoffset 1000ms cubic-bezier(.22,.9,.3,1); filter: drop-shadow(0 8px 14px rgba(0,0,0,0.06)); }

    /* content inside */
    .counter-content { display:flex; flex-direction:column; gap:6px; min-width:0; }
    .icon {
      width:36px; height:36px; display:grid; place-items:center;
      background: rgba(255,255,255,0.95);
      border-radius: 10px;
      color: #FB95A0;
      font-size:18px;
      box-shadow: 0 6px 18px rgba(251,149,160,0.06);
      transform-origin:center;
      transition: transform .6s ease;
    }
    .counter-circle:hover .icon { transform: scale(1.06); }

    /* ===== Videos Section ===== */
   .videos {
      padding: 80px 20px;
      background: linear-gradient(180deg, #fff, #fdf4f5);
      text-align: center;
    }

    .videos-inner {
      max-width: 1200px;
      margin: 0 auto;
    }

    /* Section title */
    .videos .section-title {
      font-family: 'Alegreya', serif;
      font-size: 2.4rem;
      color: #222;
      margin-bottom: 8px;
    }

    .videos .underline {
      display: block;
      width: 80px;
      height: 4px;
      background: #FB95A0;
      border-radius: 2px;
      margin: 0 auto 20px;
    }

    .video-subtitle {
      color: #555;
      font-size: 1.1rem;
      margin-bottom: 40px;
    }

    /* ===== Horizontal Row of Videos ===== */
    .video-row {
      display: flex;
      gap: 24px;
      overflow-x: auto;
      padding-bottom: 12px;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
    }

    .video-row::-webkit-scrollbar {
      height: 8px;
    }

    .video-row::-webkit-scrollbar-thumb {
      background: #FB95A0;
      border-radius: 4px;
    }

    .video-row::-webkit-scrollbar-track {
      background: #f0f0f0;
    }

    /* Video card */
    .video-card {
      flex: 0 0 360px; /* fixed card width */
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 8px 24px rgba(0,0,0,0.06);
      padding: 15px;
      transition: transform .25s ease, box-shadow .25s ease;
      scroll-snap-align: start;
    }

    .video-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 16px 32px rgba(0,0,0,0.12);
    }

    /* Responsive video wrapper */
    .video-wrapper {
      position: relative;
      width: 100%;
      padding-bottom: 56.25%; /* 16:9 ratio */
      border-radius: 12px;
      overflow: hidden;
    }

    .video-wrapper iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      border: 0;
      left: 0; 
      top: 0;
    }

    /* Video captions */
    .video-caption {
      margin-top: 12px;
      font-size: 0.95rem;
      color: #444;
      font-weight: 500;
    }

/* ===== Counters ===== */
    
    /* number & label */
    .counter-circle {
      background: #fff;
      border-radius: 16px;
      padding: 20px;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 14px;
      box-shadow: 0 10px 28px rgba(14,18,24,0.06);
      transition: transform .25s ease, box-shadow .25s ease;
    }
    .counter-circle:hover {
      transform: translateY(-6px);
      box-shadow: 0 18px 40px rgba(14,18,24,0.08);
    }

    /* circle */
    .ring {
      width: 90px;
      height: 90px;
    }
    .ring-bg {
      fill: none;
      stroke: rgba(0,0,0,0.05);
      stroke-width: 10;
    }
    .ring-fg {
      fill: none;
      stroke-width: 10;
      stroke-linecap: round;
      transform: rotate(-90deg);
      transform-origin: 50% 50%;
      stroke-dasharray: 326;
      stroke-dashoffset: 326;
    }

    /* number + icon beside circle */
    .counter-right {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-top: -20px; /* pulls it closer to circle */
    }
    .num {
      font-size: 2rem;        /* bigger number */
      font-weight: 700;
      font-family: 'Alegreya', serif;
      color: #222;
    }
    .num::after {
      content: "+";
      margin-left: 2px; /* small spacing */
    }
    .icon {
      font-size: 1.4rem;
      color: #FB95A0;
    }

    /* label below */
    .label {
      font-size: 1.05rem;
      font-weight: 600;
      color: #444;
      margin-top: 10px;
    }

    /* ===== Our Reach in India ===== */

    .our-reach {
      padding: 80px 20px;
      background: linear-gradient(180deg, #fff, #fdf4f5);
      text-align: center;
    }
    .reach-inner {
      max-width: 1000px;
      margin: 0 auto;
    }
    .our-reach .section-title {
      font-family: 'Alegreya', serif;
      font-size: 2.4rem;
      color: #222;
      margin-bottom: 8px;
    }
    .our-reach .underline {
      display: block;
      width: 80px;
      height: 4px;
      background: #FB95A0;
      border-radius: 2px;
      margin: 0 auto 20px;
    }
    .reach-subtitle {
      color: #555;
      font-size: 1.1rem;
      margin-bottom: 40px;
    }

    /* India map container */
    .india-map {
      position: relative;
      display: inline-block;
      max-width: 600px;
    }
    .india-map img {
      width: 100%;
      height: auto;
    }

    /* map markers */
    .map-marker {
      position: absolute;
      width: 16px;
      height: 16px;
      background: #FB95A0;
      border-radius: 50%;
      border: 2px solid #fff;
      cursor: pointer;
      box-shadow: 0 0 8px rgba(0,0,0,0.3);
      transition: transform 0.2s ease;
    }
    .map-marker:hover {
      transform: scale(1.3);
    }

    /* tooltip */
    .map-marker::after {
      content: attr(data-city) " — " attr(data-info);
      position: absolute;
      bottom: 125%;
      left: 50%;
      transform: translateX(-50%);
      background: #222;
      color: #fff;
      font-size: 0.85rem;
      padding: 6px 10px;
      border-radius: 6px;
      white-space: nowrap;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.2s ease;
    }
    .map-marker:hover::after {
      opacity: 1;
    }

    /* ===== Testimonials ===== */
    .testimonials {
      padding: 80px 20px;
      background: linear-gradient(180deg, #fff, #fdf4f5);
      text-align: center;
    }
    .testimonials-inner {
      max-width: 900px;
      margin: 0 auto;
    }
    .testimonials .section-title {
      font-family: 'Alegreya', serif;
      font-size: 2.4rem;
      margin-bottom: 8px;
      color: #222;
    }
    .testimonials .underline {
      display: block;
      width: 80px;
      height: 4px;
      background: #FB95A0;
      border-radius: 2px;
      margin: 0 auto 20px;
    }
    .testimonials .subtitle {
      font-size: 1.1rem;
      color: #555;
      margin-bottom: 40px;
    }

    /* carousel container */
    .testimonial-carousel {
      position: relative;
      overflow: hidden;
    }
    .testimonial-track {
      display: flex;
      transition: transform 0.6s ease;
    }
    .testimonial-card {
      flex: 0 0 100%;
      max-width: 100%;
      padding: 30px 20px;
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 6px 20px rgba(0,0,0,0.06);
      text-align: center;
    }

    /* avatar */
    .testimonial-card .avatar {
      width: 80px;
      height: 80px;
      margin: 0 auto 16px;
    }
    .testimonial-card .avatar img {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      object-fit: cover;
      border: 3px solid #FB95A0;
    }

    /* quote */
    .testimonial-card .quote {
      font-size: 1rem;
      font-style: italic;
      color: #444;
      margin-bottom: 18px;
      position: relative;
    }
    .testimonial-card .quote::before {
      content: "❝";
      font-size: 2rem;
      color: #FB95A0;
      position: absolute;
      left: 70px;
      top: -10px;
    }
    .testimonial-card .quote::after {
      content: "❞";
      font-size: 2rem;
      color: #FB95A0;
      position: absolute;
      right: 70px;
      top: -10px;
    }
    .testimonial-card .name {
      font-family: 'Alegreya', serif;
      font-size: 1.1rem;
      font-weight: 600;
      color: #222;
      margin-bottom: 4px;
    }
    .testimonial-card .role {
      font-size: 0.9rem;
      color: #777;
    }

    /* carousel nav buttons */
    .carousel-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: none;
      color: #FB95A0;
      border: none;
      font-size: 1.5rem;
      padding: 0;
      cursor: pointer;
      border-radius: 50%;
      transition: color 0.3s, transform 0.3s;
    }
    .carousel-btn:hover {
      color: #d86b7b;         /* darker pink hover */
      transform: translateY(-50%) scale(1.2);
    }
    .carousel-btn.prev { left: 30px; }
    .carousel-btn.next { right: 30px; }

    /* dots */
    .carousel-dots {
      display: flex;
      justify-content: center;
      margin-top: 18px;
      gap: 10px;
    }
    .carousel-dots button {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      border: none;
      background: rgba(0,0,0,0.3);
      cursor: pointer;
      transition: background 0.3s, transform 0.3s;
    }
    .carousel-dots button.active {
      background: #FB95A0;
      transform: scale(1.2);
    }




    /* ---------------- responsive tweaks ---------------- */
    @media (max-width: 480px){
    .logo img { 
        height: 100px;   /* adjust size as needed */
        margin-top: 20px;
        }
    }
    @media (max-width: 768px) {
    .nav-menu {
        position: absolute;
        top: 100%; right: 0; left: 0;
        background: rgba(0,0,0,0.9);
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
        display: none;
    }
    .nav-menu.active { display: flex; }

    .nav-toggle { display: flex; }
    }



    @media (min-width:1440px){
      :root{ --dot-size:16px; --ctrl-size:52px; --ctrl-icon-size:18px; --wipe-skew:-16deg; --caption-size:1.1rem; }
      .caption{ bottom:86px; }
    }

    @media (min-width:768px) and (max-width:1439px){
      :root{ --dot-size:14px; --ctrl-size:44px; --ctrl-icon-size:16px; --wipe-skew:-14deg; --caption-size:1.05rem; }
    }

    @media (min-width:481px) and (max-width:767px){
      :root{ --dot-size:12px; --ctrl-size:40px; --ctrl-icon-size:14px; --wipe-skew:-10deg; --caption-size:1rem; }
      .caption{ bottom:64px; padding:6px 10px; }
    }

    @media (max-width:480px){
      :root{ --dot-size:10px; --ctrl-size:36px; --ctrl-icon-size:12px; --wipe-skew:-8deg; --caption-size:0.95rem; }
      .caption{ bottom:56px; padding:6px 8px; font-size:var(--caption-size); max-width:92%; }
      .controls{ padding:0 10px; }
    }

    @media (prefers-reduced-motion: reduce){
      .wipe, .layer img{ transition: none !important; transform: none !important; }
    }

    /* small accessibility focus */
    .ctrl:focus{ outline:2px solid rgba(99,102,241,0.65); outline-offset:2px; }
    .dot:focus{ outline:2px solid rgba(99,102,241,0.65); outline-offset:2px; }

    /* footer */
    @media (max-width: 980px){
    .footer-inner{ grid-template-columns: 1fr 1fr; gap:18px; padding:28px 18px; }
    .footer-logo img { height: 100px; }
    .news-form{ flex-direction:column; }
    .news-form input, .btn-ghost{ width:100%; }
    }

    @media (max-width: 640px){
    .footer-inner{ grid-template-columns: 1fr; gap:18px; padding:22px 14px; }
    .footer-col.about p{ max-width: 420px; }
    .footer-bottom{ flex-direction: column; align-items:flex-start; gap:8px; }
    .footer-wave svg{ height:48px; }
    }

    @media (max-width: 992px) {
    .prod-grid { grid-template-columns: repeat(2, 1fr); }
    .prod-card { padding:18px; }
    .prod-card-right { width: 140px; height: 96px; }
    .prod-card-right img { width:120px; height:84px; }
    }
    @media (max-width: 640px) {
      .prod-grid { grid-template-columns: 1fr; }
      .prod-card { flex-direction: column; align-items: stretch; gap: 14px; padding:16px; }
      .prod-card-left { order: 1; }
      .prod-card-right { order: 2; width:100%; height:auto; display:flex; justify-content:center; }
      .prod-card-right img { width: 70%; height: auto; object-fit: contain; border-radius: 10px; }
      .prod-card::before { left: 12px; width: 5px; top: 12px; bottom: auto; height: 36px; border-radius: 6px; transform: translateX(0); }
    }

    @media (max-width: 992px) {
    .video-card { flex: 0 0 300px; }
    }

    @media (max-width: 600px) {
      .video-card { flex: 0 0 260px; }
      .videos .section-title { font-size: 2rem; }
    }

    @media (max-width: 768px) {
      .testimonials .section-title { font-size: 2rem; }
      .testimonial-card { padding: 20px; }
    }
    @media (max-width: 480px) {
      .testimonial-card .quote { font-size: 0.95rem; }
    }

    /* Small devices (phones < 480px) */
    @media (max-width: 480px) {
      .logo img {
        height: 80px;
        margin-top: 10px; /* tighter spacing */
      }
      .nav-menu a {
        font-size: 1.2rem; /* smaller nav links */
      }
      .controls {
        padding: 0 6px; /* keep arrows inside viewport */
      }
      .counters-v2-inner {
        grid-template-columns: 1fr; /* stack counters */
      }
      .india-map {
        max-width: 100%; /* shrink map fully */
      }
      .testimonial-card {
        padding: 16px;
      }
      .testimonial-card .quote {
        font-size: 0.9rem;
        line-height: 1.4;
      }
    }

    /* Medium devices (tablets < 768px) */
    @media (max-width: 768px) {
      .counters-v2-inner {
        grid-template-columns: repeat(2, 1fr); /* 2 counters per row */
      }
      .carousel-btn.prev { left: 10px; }
      .carousel-btn.next { right: 10px; }
      .india-map { max-width: 480px; }
    }

    /* Larger phones & small tablets (up to 992px) */
    @media (max-width: 992px) {
      .tagline h2 { font-size: 2rem; }
      .prod-heading h2 { font-size: 2.2rem; }
      .our-reach .section-title,
      .videos .section-title,
      .testimonials .section-title {
        font-size: 2rem;
      }
      .testimonial-card .quote::before,
      .testimonial-card .quote::after {
        font-size: 1.5rem;
        left: 10px;
        right: 10px;
      }
    }

  /* Container */
  .floating-cake {
    position: fixed;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1200;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* Clickable image button */
  .cake-btn {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  /* Cake image — no background/box */
  .cake-img {
    width: 140px;      /* adjust size */
    height: auto;
    display: block;
    border-radius: 0;  /* no rounding */
    box-shadow: none;  /* no shadow/box */
    transition: transform .35s cubic-bezier(.2,.9,.3,1);
    animation: floatCake 3.2s ease-in-out infinite;
  }

  /* Float animation */
  @keyframes floatCake {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-14px); }
  }

  /* Pause float + hover effect */
  .floating-cake:hover .cake-img,
  .floating-cake.open .cake-img {
    animation-play-state: paused;
    transform: translateY(-6px) scale(1.06) rotate(-2deg);
  }

  /* Dropdown Menu */
  .cake-menu {
    margin-top: 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    opacity: 0;
    transform: translateY(8px);
    pointer-events: none;
    transition: all .25s ease;
  }

  .floating-cake:hover .cake-menu,
  .floating-cake.open .cake-menu {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  .cake-menu ul { list-style: none; margin: 0; padding: 0; }
  .cake-menu li { border-bottom: 1px solid #eee; }
  .cake-menu li:last-child { border-bottom: none; }
  .cake-menu a {
    display: block;
    padding: 10px 16px;
    color: #333;
    text-decoration: none;
    font-weight: 600;
  }
  .cake-menu a:hover { background: #FB95A0; color: #fff; }

  /* Mobile adjustments */
  @media (max-width: 640px) {
    .cake-img { width: 110px; }
    .cake-menu { min-width: 180px; }
  }