/** Shopify CDN: Minification failed

Line 846:0 Unexpected "}"

**/
/* =========================================================
   FEMISAFE — PREMIUM DIWALI EXPERIENCE
   ========================================================= */


/* =========================================================
   3-ROCKET LAUNCHER
   ========================================================= */

#fs-diwali-rockets {
  position: fixed;

  left: 10px;
  bottom: var(--fs-rocket-bottom, 12px);

  width: 150px;
  height: 152px;

  z-index: 2147482500;

  pointer-events: none;

  transition: bottom 160ms ease;
}


#fs-rocket-launcher {
  position: absolute;
  inset: 0;

  padding: 0;
  margin: 0;

  border: 0;
  outline: 0;

  background: transparent;

  cursor: pointer;

  pointer-events: auto;

  -webkit-tap-highlight-color: transparent;
}


/* =========================================================
   ROCKETS
   Fan shape — NOT crossed like X
   ========================================================= */

.fs-rocket {
  position: absolute;

  bottom: 0;

  width: 42px;
  height: 138px;

  transform-origin: 50% 100%;

  transition:
    opacity 100ms ease,
    filter 120ms ease;
}


/* left points slightly OUTWARD */

.fs-rocket--left {
  left: 18px;

  transform: rotate(-11deg);
}


/* centre straight */

.fs-rocket--center {
  left: 54px;
  bottom: 8px;

  z-index: 3;

  transform: rotate(0deg);
}


/* right points slightly OUTWARD */

.fs-rocket--right {
  left: 90px;

  transform: rotate(11deg);
}


/* =========================================================
   WOODEN STICK
   ========================================================= */

.fs-rocket-stick {
  position: absolute;

  left: 50%;
  bottom: 0;

  width: 3px;
  height: 88px;

  transform: translateX(-50%);

  border-radius: 2px;

  background:
    linear-gradient(
      90deg,
      #74451f,
      #d0a267 48%,
      #86522a
    );

  box-shadow:
    0 1px 2px rgba(0,0,0,0.18);
}


/* =========================================================
   TRADITIONAL DIWALI ROCKET
   ========================================================= */

.fs-rocket-body {
  position: absolute;

  left: 50%;
  top: 18px;

  width: 21px;
  height: 40px;

  transform: translateX(-50%);

  border-radius: 3px;

  border:
    1px solid rgba(86,14,17,0.5);

  background:
    linear-gradient(
      to bottom,

      #83171c 0%,
      #ba2830 18%,

      #f1c956 18%,
      #d4af37 25%,

      #b8232c 25%,
      #ca3338 68%,

      #d4af37 68%,
      #f2d266 78%,

      #80151c 78%,
      #991c24 100%
    );

  box-shadow:
    inset 2px 0 3px rgba(255,255,255,0.17),
    inset -2px 0 3px rgba(0,0,0,0.16),
    0 3px 5px rgba(0,0,0,0.16);
}


/* rocket cone */

.fs-rocket-body::before {
  content: "";

  position: absolute;

  left: 50%;
  top: -19px;

  transform: translateX(-50%);

  border-left: 11px solid transparent;
  border-right: 11px solid transparent;

  border-bottom:
    20px solid #941b22;
}


/* tiny gold star */

.fs-rocket-body::after {
  content: "✦";

  position: absolute;

  left: 50%;
  top: 9px;

  transform: translateX(-50%);

  color: #ffe696;

  font-size: 7px;

  text-shadow:
    0 0 4px rgba(255,225,130,0.7);
}


/* =========================================================
   FUSE
   ========================================================= */

.fs-rocket-fuse {
  position: absolute;

  left: 25px;
  top: 49px;

  width: 13px;
  height: 2px;

  transform: rotate(28deg);

  transform-origin: left center;

  border-radius: 3px;

  background: #2a1c18;
}


.fs-rocket-fuse-spark {
  position: absolute;

  right: -5px;
  top: 50%;

  width: 9px;
  height: 9px;

  transform:
    translateY(-50%)
    scale(0);

  border-radius: 50%;

  opacity: 0;

  background: #fffbe5;

  box-shadow:
    0 0 4px #fffbe5,
    0 0 8px #ffbf4e,
    0 0 15px #ff7b21;
}


/* =========================================================
   IMMEDIATE IGNITION
   ========================================================= */

#fs-diwali-rockets.is-igniting
.fs-rocket-fuse-spark {
  opacity: 1;

  animation:
    fsFuseIgnite
    80ms
    ease-in-out
    infinite
    alternate;
}


#fs-diwali-rockets.is-igniting
.fs-rocket {
  filter:
    drop-shadow(
      0 0 9px rgba(255,184,77,0.55)
    );
}


@keyframes fsFuseIgnite {

  from {
    transform:
      translateY(-50%)
      scale(0.65);
  }

  to {
    transform:
      translateY(-50%)
      scale(1.45);
  }
}


/* original rockets disappear once airborne */

#fs-diwali-rockets.is-launching
.fs-rocket {
  opacity: 0;
}


/* =========================================================
   FLYING ROCKET
   ========================================================= */

.fs-flying-rocket {
  position: fixed !important;

  left: 0 !important;
  top: 0 !important;
  bottom: auto !important;

  width: 42px !important;
  height: 138px !important;

  z-index: 2147483050 !important;

  pointer-events: none !important;

  transform-origin: 50% 28% !important;

  will-change: transform;

  filter:
    drop-shadow(
      0 0 8px rgba(255,184,77,0.72)
    );
}


.fs-flying-rocket
.fs-rocket-fuse-spark {
  opacity: 1;

  transform:
    translateY(-50%)
    scale(1);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  #fs-diwali-rockets {
    left: 4px;

    bottom:
      var(--fs-rocket-bottom, 7px);

    transform: scale(0.78);

    transform-origin: left bottom;
  }
}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  #fs-diwali-rockets,
  .fs-rocket,
  .fs-rocket-fuse-spark {

    animation: none !important;
    transition: none !important;
  }
}


/* =========================================================
   FINAL FEMISAFE NAVBAR LANTERNS
   EXACTLY 2 LEFT + 2 RIGHT
   ATTACHED TO NAVBAR
   ========================================================= */


/* Hide every previous lantern attempt */

#fs-fixed-lanterns,
#fs-nav-lanterns,
body::before,
body::after,
html::before,
html::after {
  display: none !important;
}


/* Navbar becomes the lantern anchor */

.fs-diwali-nav-anchor {
  overflow: visible !important;
}


/* =========================================================
   LEFT + RIGHT LANTERN GROUPS
   ========================================================= */

.fs-diwali-nav-anchor::before,
.fs-diwali-nav-anchor::after {

  content: "" !important;

  display: block !important;

  position: absolute !important;

  top: 100% !important;

  width: 115px !important;
  height: 105px !important;

  pointer-events: none !important;

  z-index: 9999 !important;

  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: contain !important;

  filter:
    drop-shadow(0 4px 4px rgba(0,0,0,0.13));

  /*
    ONE SVG contains TWO lanterns.
    Therefore:
    left pseudo = 2 lanterns
    right pseudo = 2 lanterns
  */

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 110'%3E%3Cg%3E%3Cpath d='M29 0V18' stroke='%23D4AF37' stroke-width='2'/%3E%3Ccircle cx='29' cy='18' r='3' fill='none' stroke='%23D4AF37' stroke-width='2'/%3E%3Cpath d='M20 24H38L43 31H15Z' fill='%23D4AF37'/%3E%3Cpath d='M14 34C9 46 10 65 17 75C22 81 36 81 41 75C48 65 49 46 44 34C36 29 22 29 14 34Z' fill='%23971F32' stroke='%23D4AF37' stroke-width='2'/%3E%3Cpath d='M22 33C19 47 19 65 23 77M36 33C39 47 39 65 35 77M29 31V79' fill='none' stroke='%23E8C75B' stroke-width='1.7'/%3E%3Cellipse cx='29' cy='52' rx='4' ry='8' fill='%23FFE68A' opacity='.82'/%3E%3Cpath d='M17 76H41L38 83H20Z' fill='%23D4AF37'/%3E%3Cpath d='M21 82V103M27 82V108M33 82V106M39 82V100' stroke-linecap='round' stroke-width='3.5' stroke='%23A51F35'/%3E%3Cpath d='M27 82V108M39 82V100' stroke='%23D4AF37' stroke-width='3.5' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(58 0) scale(.82)'%3E%3Cpath d='M29 0V18' stroke='%23D4AF37' stroke-width='2'/%3E%3Ccircle cx='29' cy='18' r='3' fill='none' stroke='%23D4AF37' stroke-width='2'/%3E%3Cpath d='M20 24H38L43 31H15Z' fill='%23D4AF37'/%3E%3Cpath d='M14 34C9 46 10 65 17 75C22 81 36 81 41 75C48 65 49 46 44 34C36 29 22 29 14 34Z' fill='%23971F32' stroke='%23D4AF37' stroke-width='2'/%3E%3Cpath d='M22 33C19 47 19 65 23 77M36 33C39 47 39 65 35 77M29 31V79' fill='none' stroke='%23E8C75B' stroke-width='1.7'/%3E%3Cellipse cx='29' cy='52' rx='4' ry='8' fill='%23FFE68A' opacity='.82'/%3E%3Cpath d='M17 76H41L38 83H20Z' fill='%23D4AF37'/%3E%3Cpath d='M21 82V103M27 82V108M33 82V106M39 82V100' stroke='%23A51F35' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M27 82V108M39 82V100' stroke='%23D4AF37' stroke-width='3.5' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E") !important;
}


/* TWO ON LEFT */

.fs-diwali-nav-anchor::before {
  left: 0 !important;

  transform-origin: top center;

  animation:
    fsFinalLanternLeft
    3.6s ease-in-out infinite alternate;
}


/* TWO ON RIGHT */

.fs-diwali-nav-anchor::after {
  right: 0 !important;

  transform:
    scaleX(-1);

  transform-origin: top center;

  animation:
    fsFinalLanternRight
    3.9s ease-in-out infinite alternate;
}


/* Very subtle motion */

@keyframes fsFinalLanternLeft {

  from {
    transform: rotate(-2.5deg);
  }

  to {
    transform: rotate(2.5deg);
  }
}


@keyframes fsFinalLanternRight {

  from {
    transform:
      scaleX(-1)
      rotate(-2.5deg);
  }

  to {
    transform:
      scaleX(-1)
      rotate(2.5deg);
  }
}


/* MOBILE */

@media (max-width: 767px) {

  .fs-diwali-nav-anchor::before,
  .fs-diwali-nav-anchor::after {

    width: 86px !important;
    height: 82px !important;

    top: 100% !important;
  }


  .fs-diwali-nav-anchor::before {
    left: 2px !important;
  }


  .fs-diwali-nav-anchor::after {
    right: 2px !important;
  }
}


/* =========================================================
   HIDE LEFT DIWALI LANTERNS WHILE NAV MENU IS OPEN
   ========================================================= */

body:has(#v2Drawer.is-open) .fs-diwali-nav-anchor::before {
  opacity: 0 !important;
  visibility: hidden !important;
}


/* =========================================================
   KEEP SIDE MENU ABOVE FLOATING NAVBAR
   ========================================================= */

#v2Overlay.is-open {
  z-index: 2147483500 !important;
}

#v2Drawer.is-open {
  z-index: 2147483600 !important;
}


/* =========================================================
   KEEP CLICK FIREWORKS ABOVE NAVBAR / MENU
   ========================================================= */

#femisafe-diwali-fireworks {
  z-index: 2147483700 !important;
}


/* =========================================================
   HAPPY DIWALI — FINAL SINGLE VERSION
   One trigger only. No duplicate popup.
   Gold text, slight outline, ~1.2s clear hold.
   ========================================================= */

#fs-happy-diwali {
  position: fixed !important;

  left: 50% !important;
  top: 40% !important;

  transform: translate(-50%, -50%) !important;

  z-index: 2147483900 !important;

  pointer-events: none !important;

  opacity: 0 !important;
  visibility: hidden !important;

  white-space: nowrap !important;
}


/* Disable the old click-timer version if old JS still adds this class. */

#fs-happy-diwali.fs-fast-happy {
  opacity: 0 !important;
  visibility: hidden !important;
  animation: none !important;
}

#fs-happy-diwali.fs-fast-happy span {
  animation: none !important;
}


/* Show only when the REAL fireworks sequence adds is-showing. */

#fs-happy-diwali.is-showing {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
}


#fs-happy-diwali span {
  display: block !important;

  color: #F6C445 !important;

  font-family:
    Poppins,
    Arial,
    sans-serif !important;

  font-size:
    clamp(48px, 8vw, 92px) !important;

  font-weight: 800 !important;

  line-height: 1 !important;

  letter-spacing: -0.01em !important;

  text-align: center !important;

  -webkit-text-stroke:
    1px #9A6500 !important;

  text-shadow:
    0 2px 4px rgba(0,0,0,.28),
    0 0 8px rgba(255,196,55,.42) !important;
}


#fs-happy-diwali.is-showing span {
  animation:
    fsHappyDiwaliSingle
    1s
    ease-out
    forwards !important;
}


@keyframes fsHappyDiwaliSingle {

  0% {
    opacity: 0;
    transform: scale(.98);
  }

  12% {
    opacity: 1;
    transform: scale(1.01);
  }

  87% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(1);
  }
}


@media (max-width: 767px) {

  #fs-happy-diwali {
    top: 41% !important;
  }

  #fs-happy-diwali span {
    font-size:
      clamp(42px, 11vw, 58px) !important;

    -webkit-text-stroke:
      0.9px #9A6500 !important;
  }
}


/* Keep the single popup readable for reduced-motion users too. */

@media (prefers-reduced-motion: reduce) {

  #fs-happy-diwali.is-showing span {
    animation:
      fsHappyDiwaliSingle
      1s
      linear
      forwards !important;
  }
}


/* =========================================================
   NEW PREMIUM DIWALI LANTERNS
   Inspired by the two boss references
   ONLY changes lantern artwork
   ========================================================= */

.fs-diwali-nav-anchor::before,
.fs-diwali-nav-anchor::after {
  width: 160px !important;
  height: 120px !important;
  top: 100% !important;

  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAgMTIwIj4KPGRlZnM+CiAgPGZpbHRlciBpZD0icyIgeD0iLTMwJSIgeT0iLTIwJSIgd2lkdGg9IjE2MCUiIGhlaWdodD0iMTcwJSI+CiAgICA8ZmVEcm9wU2hhZG93IGR4PSIwIiBkeT0iMiIgc3RkRGV2aWF0aW9uPSIxLjUiIGZsb29kLWNvbG9yPSIjMDAwIiBmbG9vZC1vcGFjaXR5PSIuMjAiLz4KICA8L2ZpbHRlcj4KPC9kZWZzPgo8ZyBmaWx0ZXI9InVybCgjcykiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOCAwKSI+CiAgICA8cGF0aCBkPSJNMzAgMFYxMCIgc3Ryb2tlPSIjRDRBRjM3IiBzdHJva2Utd2lkdGg9IjIiLz4KICAgIDxjaXJjbGUgY3g9IjMwIiBjeT0iMTIiIHI9IjMiIGZpbGw9IiNGRkQ1NEEiIHN0cm9rZT0iI0Q0QUYzNyIgc3Ryb2tlLXdpZHRoPSIxLjQiLz4KICAgIDxwYXRoIGQ9Ik0xMiAzMEwzMCAxMEw0OCAzMFoiIGZpbGw9IiM2RjJDOTEiIHN0cm9rZT0iIzNDMkE3MyIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICA8cGF0aCBkPSJNMTggMzBMMzAgMTNMMzAgMzBaIiBmaWxsPSIjQTg0RUI4IiBvcGFjaXR5PSIuNzIiLz4KICAgIDxwYXRoIGQ9Ik0zMCAzMEw0MiAxNEw0OCAzMFoiIGZpbGw9IiM4QjNFQTgiIG9wYWNpdHk9Ii44MiIvPgogICAgPHJlY3QgeD0iMTAiIHk9IjI4IiB3aWR0aD0iNDAiIGhlaWdodD0iNiIgcng9IjIiIGZpbGw9IiNGRjlBMUYiIHN0cm9rZT0iI0QxNUMyMSIgc3Ryb2tlLXdpZHRoPSIxLjQiLz4KICAgIDxwYXRoIGQ9Ik0xMiAzNEg0OEw0NSA1MkgxNVoiIGZpbGw9IiNBNjI4ODIiIHN0cm9rZT0iIzZEMjE2RCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KICAgIDxnIGZpbGw9IiNGRkQ1NEEiPjxjaXJjbGUgY3g9IjE5IiBjeT0iNDMiIHI9IjIuMyIvPjxjaXJjbGUgY3g9IjMwIiBjeT0iNDMiIHI9IjIuMyIvPjxjaXJjbGUgY3g9IjQxIiBjeT0iNDMiIHI9IjIuMyIvPjwvZz4KICAgIDxnIHN0cm9rZT0iI0ZGRjZERCIgc3Ryb2tlLXdpZHRoPSIxLjMiPjxwYXRoIGQ9Ik0xNiA0OEg0NCIvPjxwYXRoIGQ9Ik0yMSAzNlY1MCIvPjxwYXRoIGQ9Ik0zMCAzNVY1MCIvPjxwYXRoIGQ9Ik0zOSAzNlY1MCIvPjwvZz4KICAgIDxyZWN0IHg9IjEyIiB5PSI1MSIgd2lkdGg9IjM2IiBoZWlnaHQ9IjUiIHJ4PSIxLjUiIGZpbGw9IiNGRjhBMUUiIHN0cm9rZT0iI0QxNUMyMSIgc3Ryb2tlLXdpZHRoPSIxLjIiLz4KICAgIDxwYXRoIGQ9Ik0xNSA1Nkg0NUw0MiA3MkgxOFoiIGZpbGw9IiNENDNFOEEiIHN0cm9rZT0iIzhFMjU2RiIgc3Ryb2tlLXdpZHRoPSIxLjMiLz4KICAgIDxwYXRoIGQ9Ik0xOSA2MUg0MSIgc3Ryb2tlPSIjRkZGNERFIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWRhc2hhcnJheT0iMiAzIi8+CiAgICA8cGF0aCBkPSJNMTggNTZMMjIgNjlMMjcgNTZaIiBmaWxsPSIjNDJBNzRGIi8+CiAgICA8cGF0aCBkPSJNMjcgNTZMMzEgNzFMMzUgNTZaIiBmaWxsPSIjMkM5RTY5Ii8+CiAgICA8cGF0aCBkPSJNMzUgNTZMMzkgNjlMNDQgNTZaIiBmaWxsPSIjNTBCNDVBIi8+CiAgICA8cmVjdCB4PSIxOCIgeT0iNzEiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0IiByeD0iMSIgZmlsbD0iI0ZGOUExRiIvPgogICAgPGcgc3Ryb2tlLXdpZHRoPSIzIj48cGF0aCBkPSJNMjEgNzVWOTgiIHN0cm9rZT0iI0Y3QjcxOCIvPjxwYXRoIGQ9Ik0yNyA3NVYxMDUiIHN0cm9rZT0iI0Q3M0M4MyIvPjxwYXRoIGQ9Ik0zMyA3NVYxMDMiIHN0cm9rZT0iI0Y3QjcxOCIvPjxwYXRoIGQ9Ik0zOSA3NVY5NyIgc3Ryb2tlPSIjRDczQzgzIi8+PC9nPgogICAgPGcgZmlsbD0iI0ZGRDU0QSI+PGNpcmNsZSBjeD0iMjEiIGN5PSI5OSIgcj0iMi4zIi8+PGNpcmNsZSBjeD0iMjciIGN5PSIxMDYiIHI9IjIuMyIvPjxjaXJjbGUgY3g9IjMzIiBjeT0iMTA0IiByPSIyLjMiLz48Y2lyY2xlIGN4PSIzOSIgY3k9Ijk4IiByPSIyLjMiLz48L2c+CiAgPC9nPgoKICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4OCAxKSI+CiAgICA8cGF0aCBkPSJNMjggMEMxOCA4IDEzIDE3IDEyIDI1IiBmaWxsPSJub25lIiBzdHJva2U9IiM1NTMzOEUiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgPHBhdGggZD0iTTI4IDBDMzggOCA0MyAxNyA0NCAyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTUzMzhFIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgIDxwYXRoIGQ9Ik0xNCAyM0g0MlYzMEgxNFoiIGZpbGw9IiNBNTJEN0IiIHN0cm9rZT0iIzZGMjg2QiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KICAgIDxnIGZpbGw9IiNFOUUzRkYiPjxjaXJjbGUgY3g9IjE5IiBjeT0iMjYuNSIgcj0iMS42Ii8+PGNpcmNsZSBjeD0iMjUiIGN5PSIyNi41IiByPSIxLjYiLz48Y2lyY2xlIGN4PSIzMSIgY3k9IjI2LjUiIHI9IjEuNiIvPjxjaXJjbGUgY3g9IjM3IiBjeT0iMjYuNSIgcj0iMS42Ii8+PC9nPgogICAgPHBhdGggZD0iTTEyIDMwQzUgNDAgNSA1OCAxNSA2OUMyMCA3NSAzNiA3NSA0MSA2OUM1MSA1OCA1MSA0MCA0NCAzMEMzNiAyNSAyMCAyNSAxMiAzMFoiIGZpbGw9IiM0NEI4QjgiIHN0cm9rZT0iIzU3MzE4QiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICA8cGF0aCBkPSJNMTIgMzJDOCA0MSA4IDUyIDEzIDYwTDIwIDQwTDE0IDMyWiIgZmlsbD0iIzdEMzE5NCIgb3BhY2l0eT0iLjkiLz4KICAgIDxwYXRoIGQ9Ik00NCAzMkM0OCA0MSA0OCA1MiA0MyA2MEwzNiA0MEw0MiAzMloiIGZpbGw9IiM2QzJDOEQiIG9wYWNpdHk9Ii45Ii8+CiAgICA8cGF0aCBkPSJNMTYgNDZMMjggMzVMNDAgNDZMMjggNTlaIiBmaWxsPSIjRjMzQzhDIiBzdHJva2U9IiNGRkQzMkEiIHN0cm9rZS13aWR0aD0iNCIvPgogICAgPHBhdGggZD0iTTIyIDQ2TDI4IDQwTDM0IDQ2TDI4IDUyWiIgZmlsbD0iIzRBMkQ3OSIvPgogICAgPHBhdGggZD0iTTEzIDYzTDE4IDY5SDM4TDQzIDYzIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkY1REQiIHN0cm9rZS13aWR0aD0iMyIvPgogICAgPHJlY3QgeD0iMTQiIHk9IjY5IiB3aWR0aD0iMjgiIGhlaWdodD0iNiIgZmlsbD0iI0E1MkQ3QiIgc3Ryb2tlPSIjNkYyODZCIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogICAgPGcgZmlsbD0iI0U5RTNGRiI+PGNpcmNsZSBjeD0iMTkiIGN5PSI3MiIgcj0iMS42Ii8+PGNpcmNsZSBjeD0iMjUiIGN5PSI3MiIgcj0iMS42Ii8+PGNpcmNsZSBjeD0iMzEiIGN5PSI3MiIgcj0iMS42Ii8+PGNpcmNsZSBjeD0iMzciIGN5PSI3MiIgcj0iMS42Ii8+PC9nPgogICAgPGcgc3Ryb2tlPSIjNTYzMThCIiBzdHJva2Utd2lkdGg9IjIuMyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE4IDc1QzE0IDg2IDE3IDk2IDE2IDEwNyIvPjxwYXRoIGQ9Ik0yMyA3NUMyMCA4NiAyNCA5NiAyMiAxMTEiLz48cGF0aCBkPSJNMjggNzVDMjYgODcgMzAgOTggMjggMTEzIi8+PHBhdGggZD0iTTMzIDc1QzMxIDg1IDM1IDk4IDM0IDExMCIvPjxwYXRoIGQ9Ik0zOCA3NUMzNiA4NyA0MCA5NiA0MCAxMDYiLz48L2c+CiAgICA8ZyBmaWxsPSIjRkZENTMxIj48cGF0aCBkPSJNMTEgODZsMiA0IDQgMi00IDItMiA0LTItNC00LTIgNC0yeiIvPjxwYXRoIGQ9Ik00MyA4MmwyIDQgNCAyLTQgMi0yIDQtMi00LTQtMiA0LTJ6Ii8+PHBhdGggZD0iTTMyIDEwM2wyIDQgNCAyLTQgMi0yIDQtMi00LTQtMiA0LTJ6Ii8+PC9nPgogIDwvZz4KPC9nPgo8L3N2Zz4K") !important;

  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;

  filter:
    drop-shadow(
      0 5px 6px
      rgba(0,0,0,.18)
    ) !important;
}


.fs-diwali-nav-anchor::before {
  left: -4px !important;
}

.fs-diwali-nav-anchor::after {
  right: -4px !important;
}


/* MOBILE */

@media (max-width: 767px) {

  .fs-diwali-nav-anchor::before,
  .fs-diwali-nav-anchor::after {
    width: 112px !important;
    height: 92px !important;
    top: 100% !important;
  }

  .fs-diwali-nav-anchor::before {
    left: -4px !important;
  }

  .fs-diwali-nav-anchor::after {
    right: -4px !important;
  }
}


/* =========================================================
   TAP TO SPARKLE — ROCKET PROMPT
   SAME ON DESKTOP + MOBILE
   ========================================================= */

#fs-diwali-rockets::after {
  content: "Tap to Sparkle!" !important;

  position: absolute !important;

  left: 50% !important;
  top: 58% !important;

  transform:
    translate(-50%, -50%) !important;

  padding: 7px 14px !important;

  background: #F89E18 !important;
  background-color: #F89E18 !important;

  color: #145d62 !important;

  font-family:
    Poppins,
    Arial,
    sans-serif !important;

  font-size: 12px !important;
  font-weight: 600 !important;

  white-space: nowrap !important;

  border:
    1px solid
    rgba(212,175,55,0.65) !important;

  border-radius: 20px !important;

  box-shadow:
    0 3px 10px
    rgba(0,0,0,0.16) !important;

  z-index: 50 !important;

  pointer-events: none !important;

  animation:
    fsRocketClickPulse
    1.8s
    ease-in-out
    infinite !important;
}

#fs-diwali-rockets.is-igniting::after,
#fs-diwali-rockets.is-launching::after {
  opacity: 0 !important;
}

@keyframes fsRocketClickPulse {
  0%,
  100% {
    transform:
      translate(-50%, -50%)
      scale(1);
  }

  50% {
    transform:
      translate(-50%, -50%)
      scale(1.06);
  }
}

}


/* Happy Diwali font */

#fs-happy-diwali span {
  font-family: "Hatcher", serif !important;
}


/* FemiSafe Diwali — footer background same as navbar */

.Footer {
  background: #c51f26 !important;
  background-color: #c51f26 !important;
}

.Footer {
  background-color: #c51f26 !important;
}


/* ===== BETTER ROCKET PROMPT ===== */

#fs-diwali-rockets::after {
  content: "Tap to Sparkle!" !important;

  left: 50% !important;
  top: 68% !important;

  transform: translate(-50%, -50%) !important;

  padding: 6px 11px !important;

  background: #F89E18 !important;
  background-color: #F89E18 !important;

  color: #ffffff !important;

  font-family: Poppins, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;

  letter-spacing: 0.2px !important;

  white-space: nowrap !important;

  border: 1px solid rgba(255,255,255,0.55) !important;
  border-radius: 16px !important;

  box-shadow:
    0 3px 8px rgba(0,0,0,0.16) !important;
}


/* MOBILE SIDE MENU — SAME RED AS NAVBAR */

#v2Drawer,
.v2-drawer {
  background: #c51f26 !important;
  background-color: #c51f26 !important;
}


/* =========================================================
   FEMISAFE — TAP TO SPARKLE VISIBILITY FIX
   Only changes the text label above the rockets
   ========================================================= */

#fs-diwali-rockets::after {
  content: "Tap to sparkle" !important;

  font-family: Poppins, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.01em !important;

  color: #c51f26 !important;

  background: rgba(255, 255, 255, 0.98) !important;

  border: 2px solid #F89E1B !important;
  border-radius: 999px !important;

  padding: 9px 16px !important;

  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.22),
    0 0 0 3px rgba(248, 158, 27, 0.18),
    0 0 16px rgba(248, 158, 27, 0.28) !important;

  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.8) !important;

  white-space: nowrap !important;

  animation:
    fsTapToSparkleLoud
    1.45s
    ease-in-out
    infinite !important;
}


/* PHONE — MAKE IT MUCH EASIER TO NOTICE */

@media (max-width: 767px) {

  #fs-diwali-rockets::after {
    font-size: 16px !important;
    font-weight: 800 !important;

    padding: 10px 17px !important;

    border-width: 2px !important;

    box-shadow:
      0 5px 14px rgba(0, 0, 0, 0.26),
      0 0 0 4px rgba(248, 158, 27, 0.20),
      0 0 20px rgba(248, 158, 27, 0.38) !important;
  }

}


@keyframes fsTapToSparkleLoud {

  0%,
  100% {
    transform:
      translate(-50%, -50%)
      scale(1);
  }

  50% {
    transform:
      translate(-50%, -50%)
      scale(1.09);
  }

}


/* Hide label while rocket is launching — existing behaviour stays */

#fs-diwali-rockets.is-igniting::after,
#fs-diwali-rockets.is-launching::after {
  opacity: 0 !important;
}


/* =========================================================
   FEMISAFE — MOBILE LANTERNS BIGGER
   ========================================================= */

@media (max-width: 767px) {

  .fs-diwali-nav-anchor::before,
  .fs-diwali-nav-anchor::after {
    width: 76px !important;
    height: 84px !important;
  }

  .fs-diwali-nav-anchor::before {
    left: -9px !important;
  }

  .fs-diwali-nav-anchor::after {
    right: -9px !important;
  }

  .CollectionMain h1,
  .CollectionHeader h1,
  .PageHeader h1,
  .PageHeader__Title,
  .SectionHeader__Heading,
  .Collection__Title,
  main h1 {
    padding-left: 68px !important;
    padding-right: 68px !important;
  }
}

/* FemiSafe landing pages: the lantern padding above is only for page and collection
   titles under the navbar. Product landing pages keep their own title spacing. */
@media (max-width: 767px) {
  #fs-bw h1, #fs-uv h1, #fs-pl h1, #fs-kit h1, #fs-ur h1, #fs-reviews h1 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


/* =========================================================
   FEMISAFE — MOBILE MENU COLOUR
   Match navbar red
   ========================================================= */

@media (max-width: 767px) {

  #v2Drawer,
  #v2Drawer .v2-drawer-top,
  #v2Drawer .v2-drawer-nav,
  #v2Drawer .v2-drawer-link,
  #v2Drawer .v2-nav-group,
  #v2Drawer .v2-nav-group-toggle,
  #v2Drawer .v2-nav-sub,
  #v2Drawer .v2-nav-sublink {
    background: #c51f26 !important;
    background-color: #c51f26 !important;
  }

  /* Softer separators instead of harsh dark-red lines */

  #v2Drawer .v2-drawer-link,
  #v2Drawer .v2-nav-group-toggle,
  #v2Drawer .v2-nav-sublink {
    border-color: rgba(255, 255, 255, 0.14) !important;
  }

  /* No sparkle visible while drawer is open */

  body:has(#v2Drawer.is-open) #femisafe-diwali-fireworks {
    opacity: 0 !important;
    visibility: hidden !important;
  }
}
/* FEMISAFE — SIDE MENU ORANGE — FINAL */

#v2Drawer,
.v2-drawer,
#v2Drawer .v2-drawer-top,
#v2Drawer .v2-drawer-nav,
#v2Drawer .v2-drawer-link,
#v2Drawer .v2-nav-group,
#v2Drawer .v2-nav-group-toggle,
#v2Drawer .v2-nav-sub,
#v2Drawer .v2-nav-sublink,
#v2Drawer .v2-drawer-social {
  background: #F89E1B !important;
  background-color: #F89E1B !important;
}