/* Formula Unit FINAL polish: social icons, global product search, premium image motion */
.site-search{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:30;display:flex;align-items:center}
.site-search input{width:210px;height:42px;border:1px solid #ead9e1;border-radius:999px;padding:0 17px;outline:none;background:rgba(255,255,255,.97);color:#17151a;box-shadow:0 8px 24px rgba(40,20,35,.07);transition:.25s ease}
.site-search input:focus{width:250px;border-color:#f20b70;box-shadow:0 0 0 4px rgba(242,11,112,.10),0 10px 28px rgba(40,20,35,.10)}
.nav{position:sticky;top:0}
.social-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.social-links a{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#f20b70;border:1px solid #f3d9e5;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,color .3s ease}
.social-links a:hover{transform:translateY(-4px) rotate(-4deg);background:#f20b70;color:#fff;box-shadow:0 12px 28px rgba(242,11,112,.22)}
.social-links svg{width:19px;height:19px;fill:currentColor}
/* Hide the old text-only social row and use real linked icons */
.topbar .social{display:none!important}
.topbar .topin{position:relative}
.topbar-social{display:flex;gap:12px;align-items:center}
.topbar-social a{color:#fff;opacity:.98;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;transition:transform .25s ease,opacity .25s ease}
.topbar-social a:hover{transform:translateY(-2px) scale(1.08);opacity:1}
.topbar-social svg{width:25px;height:25px;fill:currentColor}
/* Premium hero image: crisp, layered, gently animated */
.clean-hero{background:#fff7fb!important;position:relative!important;isolation:isolate!important;overflow:hidden!important}
.clean-hero::after{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;width:62%;background-image:url('assets/hero-clean-bg.jpg');background-repeat:no-repeat;background-position:center right;background-size:cover;transform:scale(1.015);animation:fuHeroKenBurns 10s ease-in-out infinite alternate;filter:saturate(1.03) contrast(1.02);pointer-events:none}
.clean-hero::before{z-index:1!important;background:linear-gradient(90deg,#fffafe 0%,rgba(255,250,254,.99) 25%,rgba(255,250,254,.86) 41%,rgba(255,250,254,.34) 60%,rgba(255,250,254,0) 78%)!important}
.clean-hero-inner,.clean-hero-features{z-index:3!important}
.clean-hero-visual{z-index:2!important;pointer-events:none}
.clean-hero-visual::after{content:"";position:absolute;width:280px;height:280px;right:7%;top:18%;border-radius:50%;background:radial-gradient(circle,rgba(242,11,112,.13),rgba(242,11,112,0) 68%);filter:blur(5px);animation:fuGlowFloat 5.5s ease-in-out infinite}
.clean-hero-features a{animation:fuFeatureFloat 4.8s ease-in-out infinite;}
.clean-hero-features a:nth-child(2){animation-delay:.25s}.clean-hero-features a:nth-child(3){animation-delay:.5s}.clean-hero-features a:nth-child(4){animation-delay:.75s}
.cat,.product,.promo-card,.about-image{will-change:transform}
.cat img,.product img{transition:transform .7s cubic-bezier(.16,1,.3,1),filter .5s ease}
.cat:hover img,.product:hover img{transform:scale(1.07) rotate(.5deg);filter:saturate(1.08)}
/* Search on all pages: header field remains compact and responsive */
@media(max-width:1180px){.site-search{position:static;transform:none;padding:8px 4%;border-top:1px solid rgba(236,231,236,.65);background:rgba(255,255,255,.96)}.site-search input{width:100%}.site-search input:focus{width:100%}}
@media(max-width:700px){.topbar-social{display:none}.clean-hero::after{width:100%;height:47%;top:0;bottom:auto;background-size:cover;background-position:center top}.clean-hero::before{background:linear-gradient(180deg,rgba(255,250,254,.55) 0%,#fffafe 43%,#fffafe 100%)!important}.clean-hero{min-height:900px!important}.clean-hero-copy{position:relative;z-index:4}.clean-hero-features{position:relative;z-index:5}}
@keyframes fuHeroKenBurns{0%{transform:scale(1.015) translate3d(0,0,0)}100%{transform:scale(1.055) translate3d(-10px,-4px,0)}}
@keyframes fuGlowFloat{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.75}50%{transform:translate3d(-18px,12px,0) scale(1.08);opacity:1}}
@keyframes fuFeatureFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.clean-hero::after,.clean-hero-visual::after,.clean-hero-features a{animation:none!important}.cat img,.product img{transition:none!important}}


/* Final cart/header polish */
.navin{position:relative;}
.nav-actions{flex:0 0 auto;display:flex;align-items:center;gap:10px;}
.nav-actions .site-search{position:static;transform:none;display:flex;align-items:center;order:2;margin:0;}
.nav-actions .site-search input{width:210px;height:42px;}
.nav-actions .cart-nav{order:1;white-space:nowrap;}
.nav-actions .btn{order:3;white-space:nowrap;}
@media(max-width:1180px){
  .links{gap:16px;}
  .navin{gap:14px;}
  .nav-actions .site-search input{width:190px;}
}
@media(max-width:1000px){
  .navin{flex-wrap:wrap;height:auto;min-height:68px;padding:10px 0;}
  .nav-actions{margin-left:auto;}
  .nav-actions .site-search{order:4;flex-basis:100%;padding:8px 0 2px;}
  .nav-actions .site-search input{width:100%;height:44px;}
  .nav-actions .btn{display:none;}
  .nav-actions{flex-wrap:wrap;justify-content:flex-end;}
}
@media(max-width:600px){
  .navin{padding:8px 0;}
  .nav-actions{width:auto;gap:8px;}
  .nav-actions .cart-nav{font-size:12px;padding:8px 11px;}
  .nav-actions .site-search{width:100vw;position:relative;left:calc(-1 * (100vw - 92vw) / 2);}
}


/* Homepage final header polish: WhatsApp CTA removed; search occupies the space. */
.home-nav-actions{gap:12px;}
.home-nav-actions .home-search{position:static;transform:none;display:flex;align-items:center;order:2;margin:0;}
.home-nav-actions .home-search .search-input{width:250px;height:44px;border:1px solid #ead9e1;border-radius:999px;padding:0 18px;background:#fff;box-shadow:0 8px 24px rgba(40,20,35,.07);font-size:14px;transition:width .25s ease,border-color .25s ease,box-shadow .25s ease;}
.home-nav-actions .home-search .search-input::placeholder{color:#8a8188;}
.home-nav-actions .home-search .search-input:focus{width:285px;border-color:#f20b72;box-shadow:0 0 0 4px rgba(242,11,114,.10),0 10px 28px rgba(40,20,35,.10);}
@media(max-width:1180px){.home-nav-actions .home-search .search-input{width:210px}.home-nav-actions .home-search .search-input:focus{width:230px}}
@media(max-width:1000px){.home-nav-actions .home-search{display:flex;order:2;flex:1;min-width:0}.home-nav-actions .home-search .search-input,.home-nav-actions .home-search .search-input:focus{width:100%;height:42px}.home-nav-actions{gap:8px}.home-nav-actions .menu{display:grid}}
@media(max-width:600px){.home-nav-actions .cart-nav{padding:8px 10px;font-size:12px}.home-nav-actions .home-search .search-input{height:40px;font-size:13px;padding:0 14px}}

/* Final homepage polish: topbar has no search; only the main nav search remains. */
body:has(.home-nav-actions) .topbar .site-search{display:none!important;}
body:has(.home-nav-actions) .topbar .topin{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:46px;}
body:has(.home-nav-actions) .home-nav-actions{align-items:center;justify-content:flex-end;gap:12px;}
body:has(.home-nav-actions) .home-nav-actions .home-search{display:flex!important;}
@media(max-width:700px){body:has(.home-nav-actions) .topbar .topin{min-height:40px;gap:8px;font-size:11px;}body:has(.home-nav-actions) .home-nav-actions .home-search{min-width:0;flex:1;}}

/* WhatsApp logo polish */
.wa-icon{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.16em;fill:currentColor;flex:0 0 auto}.hero-wa{gap:8px}.whatsapp .wa-icon{width:30px;height:30px;vertical-align:middle}

/* Final contact-button polish: floating green action now opens Contact Us. */
.contact-float{background:#25d366;color:#fff}
.contact-float .contact-icon{width:30px;height:30px;display:block;fill:currentColor}
.contact-float:hover{transform:scale(1.08)}

/* Contact page social section: larger, centered, pink monochrome icons */
.contact-social-section{padding-top:42px;padding-bottom:18px}
.contact-social{padding:34px 28px 38px;text-align:center;background:linear-gradient(135deg,#fff8fb 0%,#fff 55%,#fff5f9 100%);border-color:#ffd5e6;box-shadow:0 16px 42px rgba(242,11,112,.08)}
.contact-social-heading{max-width:700px;margin:0 auto 24px}
.contact-social-kicker{display:inline-block;color:var(--pink);font-size:12px;font-weight:800;letter-spacing:.16em;margin-bottom:7px}
.contact-social-heading h2{margin:0;font-size:34px;letter-spacing:-1px}
.contact-social-heading h2 span{color:var(--pink)}
.contact-social-heading p{margin:8px auto 0;color:var(--muted);font-size:14px}
.contact-social-links{justify-content:center;gap:18px;margin-top:20px}
.contact-social-links a{width:64px;height:64px;border-radius:18px;background:#fff;color:var(--pink);border:1.5px solid #ffc0d9;box-shadow:0 10px 24px rgba(242,11,112,.10)}
.contact-social-links a:hover{background:var(--pink);color:#fff;transform:translateY(-5px) scale(1.04);box-shadow:0 14px 30px rgba(242,11,112,.22)}
.contact-social-links svg{width:31px;height:31px;fill:currentColor}
@media(max-width:700px){.contact-social-section{padding-top:28px}.contact-social{padding:28px 18px 30px}.contact-social-heading h2{font-size:28px}.contact-social-links{gap:12px}.contact-social-links a{width:56px;height:56px;border-radius:16px}.contact-social-links svg{width:27px;height:27px}}

/* FINAL NAV POLISH: keep every navigation label on one line across all pages */
.nav .links{display:flex;align-items:center;gap:22px;flex-wrap:nowrap;white-space:nowrap;min-width:max-content;}
.nav .links a{white-space:nowrap;flex:0 0 auto;line-height:1.2;}
@media(min-width:1001px){.navin{gap:18px}.nav .links{font-size:14px;gap:22px}.nav .links a{white-space:nowrap;}}

/* FINAL FOOTER SOCIAL POLISH: center social links on every page without changing their footer position */
.footer > .social-links{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin:18px auto 0;
  padding:16px 0 2px;
  border-top:1px solid #2c2930;
}
.footer > .social-links a{
  width:52px;
  height:52px;
  border-radius:50%;
  background:#fff;
  color:var(--pink);
  border:1px solid #f3d9e5;
  box-shadow:0 8px 20px rgba(242,11,112,.10);
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.footer > .social-links svg{width:24px;height:24px;fill:currentColor}
.footer > .social-links a:hover{background:var(--pink);color:#fff;transform:translateY(-3px) scale(1.04);box-shadow:0 12px 26px rgba(242,11,112,.20)}
@media(max-width:700px){
  .footer > .social-links{gap:10px;padding-top:14px;margin-top:16px}
  .footer > .social-links a{width:48px;height:48px}
  .footer > .social-links svg{width:22px;height:22px}
}


/* Formula Unit sitewide logo animation + subtle lighting */
.fu-site-logo-animation{
  position:fixed;
  left:18px;
  bottom:18px;
  z-index:99999;
  width:68px;
  height:68px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  background:radial-gradient(circle,rgba(255,255,255,.20),rgba(255,105,180,.08) 45%,transparent 70%);
  box-shadow:0 0 14px rgba(255,105,180,.28),0 0 34px rgba(255,255,255,.10);
  animation:fuLogoFloat 3.2s ease-in-out infinite;
}
.fu-site-logo-animation::before{
  content:"FORMULA UNIT";
  font-weight:800;
  font-size:8px;
  letter-spacing:1px;
  text-align:center;
  color:#fff;
  text-shadow:0 0 5px rgba(255,105,180,.9),0 0 12px rgba(255,255,255,.55);
  animation:fuLogoGlow 2.2s ease-in-out infinite alternate;
}
.fu-site-logo-animation::after{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:50%;
  border:1px solid rgba(255,105,180,.35);
  box-shadow:0 0 16px rgba(255,105,180,.25);
  animation:fuRing 3s linear infinite;
}
.fu-search-wrap{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
}
.fu-search-icon{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:30px;
  height:30px;
  border:0;
  border-radius:50%;
  background:rgba(0,0,0,.10);
  color:currentColor;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:3;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.fu-search-icon:hover{
  transform:translateY(-50%) scale(1.08);
  box-shadow:0 0 12px rgba(255,105,180,.45);
  background:rgba(255,105,180,.14);
}
.fu-search-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@keyframes fuLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes fuLogoGlow{from{opacity:.65;filter:brightness(.9)}to{opacity:1;filter:brightness(1.35)}}
@keyframes fuRing{to{transform:rotate(360deg)}}
@media(max-width:700px){.fu-site-logo-animation{width:56px;height:56px;left:10px;bottom:10px}.fu-search-icon{width:28px;height:28px}}



/* ===== Formula Unit: sitewide polished logo animation ===== */
.fu-site-logo-animation{
  position:fixed!important;
  top:18px!important;
  right:18px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:2147483000!important;
  width:74px!important;
  height:74px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:none!important;
  overflow:visible!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.22) 0 14%,rgba(255,105,180,.12) 34%,rgba(255,255,255,0) 70%)!important;
  box-shadow:
    0 0 10px rgba(255,255,255,.18),
    0 0 22px rgba(255,105,180,.25),
    0 0 42px rgba(255,105,180,.12)!important;
  animation:fuLogoFloat 3.4s ease-in-out infinite!important;
}
.fu-site-logo-animation::before{
  content:"FORMULA UNIT"!important;
  width:58px!important;
  height:58px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px!important;
  box-sizing:border-box!important;
  font-weight:900!important;
  font-size:7px!important;
  line-height:1.15!important;
  letter-spacing:1px!important;
  text-align:center!important;
  color:#fff!important;
  background:rgba(0,0,0,.25)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  text-shadow:0 0 5px rgba(255,105,180,.9),0 0 12px rgba(255,255,255,.5)!important;
  box-shadow:inset 0 0 15px rgba(255,105,180,.12)!important;
  animation:fuLogoPulse 2.2s ease-in-out infinite alternate!important;
}
.fu-site-logo-animation::after{
  content:""!important;
  position:absolute!important;
  inset:-6px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,105,180,.38)!important;
  box-shadow:0 0 12px rgba(255,105,180,.24)!important;
  animation:fuRing 4s linear infinite!important;
}

/* Search icon: clean, centered, non-overlapping */
.fu-search-icon{
  position:absolute!important;
  right:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(255,105,180,.28)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.08)!important;
  color:currentColor!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:10!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
  line-height:1!important;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important;
}
.fu-search-icon:hover{
  transform:translateY(-50%) scale(1.08)!important;
  background:rgba(255,105,180,.14)!important;
  box-shadow:0 0 14px rgba(255,105,180,.38)!important;
}
.fu-search-icon svg{
  width:17px!important;
  height:17px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.fu-search-wrap{position:relative!important;display:flex!important;align-items:center!important;width:100%!important}
@keyframes fuLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes fuLogoPulse{from{opacity:.72;filter:brightness(.9)}to{opacity:1;filter:brightness(1.35)}}
@keyframes fuRing{to{transform:rotate(360deg)}}
@media(max-width:700px){
 .fu-site-logo-animation{top:10px!important;right:10px!important;width:62px!important;height:62px!important}
 .fu-site-logo-animation::before{width:49px!important;height:49px!important;font-size:6px!important}
 .fu-search-icon{width:32px!important;height:32px!important;min-width:32px!important}
}



/* =========================================================
   FINAL UI FIX — Search icon + sitewide Formula Unit logo
   + social-media animation
   ========================================================= */

/* Search: keep the icon INSIDE the search field, at the right edge.
   The previous version could inherit an absolute-positioning context
   from the navigation and sit on top of the placeholder text. */
.site-search,
.home-search{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  isolation:isolate;
}
.site-search .search-input,
.home-search .search-input,
.site-search input,
.home-search input{
  position:relative!important;
  z-index:1!important;
  box-sizing:border-box!important;
  padding-right:54px!important;
}
.fu-search-icon{
  position:absolute!important;
  right:9px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:5!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(242,11,112,.20)!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#fff,#fff5fa)!important;
  color:#f20b70!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 4px 12px rgba(242,11,112,.10)!important;
  line-height:1!important;
  pointer-events:auto!important;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important;
}
.fu-search-icon:hover{
  transform:translateY(-50%) scale(1.08)!important;
  background:#f20b70!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(242,11,112,.28)!important;
}
.fu-search-icon svg{
  width:17px!important;
  height:17px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.25!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* Sitewide floating Formula Unit logo — uses the real logo asset. */
.fu-site-logo-animation{
  position:fixed!important;
  top:16px!important;
  right:16px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:2147483000!important;
  width:76px!important;
  height:76px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:none!important;
  overflow:visible!important;
  background:radial-gradient(circle,rgba(255,255,255,.32) 0 20%,rgba(242,11,112,.13) 44%,transparent 72%)!important;
  box-shadow:0 0 14px rgba(255,255,255,.32),0 0 28px rgba(242,11,112,.20),0 0 52px rgba(242,11,112,.10)!important;
  animation:fuFloatFinal 3.6s ease-in-out infinite!important;
}
.fu-site-logo-animation::before{
  content:""!important;
  width:64px!important;
  height:64px!important;
  border-radius:50%!important;
  background:url("assets/nav-logo-clean.png") center/contain no-repeat!important;
  filter:drop-shadow(0 4px 10px rgba(242,11,112,.18)) brightness(1.03)!important;
  animation:fuLogoBreathFinal 2.8s ease-in-out infinite!important;
}
.fu-site-logo-animation::after{
  content:""!important;
  position:absolute!important;
  inset:-7px!important;
  border-radius:50%!important;
  border:1px solid rgba(242,11,112,.30)!important;
  box-shadow:0 0 18px rgba(242,11,112,.16)!important;
  animation:fuOrbitFinal 4.2s linear infinite!important;
}
@keyframes fuFloatFinal{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-5px,0)}
}
@keyframes fuLogoBreathFinal{
  0%,100%{transform:scale(1);filter:drop-shadow(0 4px 10px rgba(242,11,112,.16)) brightness(1)}
  50%{transform:scale(1.045);filter:drop-shadow(0 6px 16px rgba(242,11,112,.30)) brightness(1.10)}
}
@keyframes fuOrbitFinal{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

/* Social / entertainment icons: gentle staggered pulse + lift.
   Applies to footer, contact page and top-bar social icons. */
.social-links a,
.topbar-social a{
  animation:fuSocialFloat 3.4s ease-in-out infinite;
  transform-origin:center;
  will-change:transform,box-shadow;
}
.social-links a:nth-child(2),
.topbar-social a:nth-child(2){animation-delay:.18s}
.social-links a:nth-child(3),
.topbar-social a:nth-child(3){animation-delay:.36s}
.social-links a:nth-child(4),
.topbar-social a:nth-child(4){animation-delay:.54s}
.social-links a:hover,
.topbar-social a:hover{
  animation-play-state:paused;
}
@keyframes fuSocialFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-3px) scale(1.045)}
}
.social-links a::after,
.topbar-social a::after{
  content:"";
  position:absolute;
  inset:-3px;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:0 0 0 0 rgba(242,11,112,0);
  animation:fuSocialGlow 3.4s ease-in-out infinite;
}
.social-links a,
.topbar-social a{position:relative}
@keyframes fuSocialGlow{
  0%,100%{box-shadow:0 0 0 0 rgba(242,11,112,0)}
  50%{box-shadow:0 0 0 5px rgba(242,11,112,.06),0 0 18px rgba(242,11,112,.10)}
}
@media(max-width:700px){
  .fu-site-logo-animation{width:62px!important;height:62px!important;top:10px!important;right:10px!important}
  .fu-site-logo-animation::before{width:51px!important;height:51px!important}
  .fu-search-icon{width:32px!important;height:32px!important;min-width:32px!important;right:7px!important}
  .site-search .search-input,.home-search .search-input,.site-search input,.home-search input{padding-right:48px!important}
}
@media(prefers-reduced-motion:reduce){
  .fu-site-logo-animation,
  .fu-site-logo-animation::before,
  .fu-site-logo-animation::after,
  .social-links a,
  .topbar-social a,
  .social-links a::after,
  .topbar-social a::after{animation:none!important}
}


/* ============================================================
   FINAL REQUEST — remove floating corner widget
   and animate the REAL Formula Unit logo
   ============================================================ */

/* Remove the previous circular corner design completely. */
.fu-site-logo-animation{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Real Formula Unit logo in the header */
.brand{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  overflow:visible!important;
}
.brand .clean-logo{
  position:relative!important;
  z-index:2!important;
  transform-origin:center left!important;
  will-change:transform,filter,opacity!important;
  animation:
    fuRealLogoEntrance 1.05s cubic-bezier(.16,1,.3,1) both,
    fuRealLogoFloat 4.6s 1.05s ease-in-out infinite!important;
  filter:drop-shadow(0 4px 9px rgba(242,11,112,.10))!important;
}
.brand::after{
  content:""!important;
  position:absolute!important;
  left:-8px!important;
  top:50%!important;
  width:42px!important;
  height:70%!important;
  transform:translate(-70%,-50%) skewX(-18deg)!important;
  border-radius:50%!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent)!important;
  filter:blur(4px)!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:3!important;
  animation:fuLogoShineSweep 4.8s 1.8s ease-in-out infinite!important;
}
.brand:hover .clean-logo{
  animation:fuRealLogoHover .65s cubic-bezier(.2,.8,.2,1) both!important;
}
@keyframes fuRealLogoEntrance{
  0%{opacity:0;transform:translateY(-9px) scale(.94);filter:blur(2px) drop-shadow(0 4px 8px rgba(242,11,112,.04))}
  70%{opacity:1;transform:translateY(2px) scale(1.02)}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0) drop-shadow(0 4px 9px rgba(242,11,112,.12))}
}
@keyframes fuRealLogoFloat{
  0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 4px 9px rgba(242,11,112,.10))}
  50%{transform:translateY(-2px) scale(1.012);filter:drop-shadow(0 7px 16px rgba(242,11,112,.22))}
}
@keyframes fuRealLogoHover{
  0%{transform:scale(1)}
  50%{transform:scale(1.045) rotate(-.5deg);filter:drop-shadow(0 8px 18px rgba(242,11,112,.28))}
  100%{transform:scale(1.015)}
}
@keyframes fuLogoShineSweep{
  0%,55%{opacity:0;left:-12%}
  63%{opacity:.8}
  74%{opacity:0;left:108%}
  100%{opacity:0;left:108%}
}

/* Footer Formula Unit logo: same elegant motion, slightly slower. */
.footer-logo{
  position:relative!important;
  display:block!important;
  transform-origin:center!important;
  will-change:transform,filter!important;
  animation:
    fuFooterLogoIn .95s cubic-bezier(.16,1,.3,1) both,
    fuFooterLogoFloat 5.2s 1s ease-in-out infinite!important;
}
@keyframes fuFooterLogoIn{
  from{opacity:0;transform:translateY(8px) scale(.95);filter:blur(2px)}
  to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
@keyframes fuFooterLogoFloat{
  0%,100%{transform:translateY(0);filter:drop-shadow(0 3px 7px rgba(242,11,112,.08))}
  50%{transform:translateY(-2px);filter:drop-shadow(0 6px 13px rgba(242,11,112,.18))}
}

/* Social / entertainment icons: polished staggered glow animation. */
.social-links a,
.topbar-social a{
  position:relative!important;
  transform-origin:center!important;
  will-change:transform,box-shadow!important;
  animation:fuSocialFinal 3.2s ease-in-out infinite!important;
}
.social-links a:nth-child(2),.topbar-social a:nth-child(2){animation-delay:.18s!important}
.social-links a:nth-child(3),.topbar-social a:nth-child(3){animation-delay:.36s!important}
.social-links a:nth-child(4),.topbar-social a:nth-child(4){animation-delay:.54s!important}
@keyframes fuSocialFinal{
  0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 2px 3px rgba(242,11,112,.02))}
  50%{transform:translateY(-3px) scale(1.045);filter:drop-shadow(0 5px 10px rgba(242,11,112,.18))}
}
.social-links a:hover,.topbar-social a:hover{
  animation-play-state:paused!important;
}

/* Keep search icon clean and fixed at the right INSIDE the field. */
.site-search,.home-search{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
}
.site-search input,.home-search input,
.site-search .search-input,.home-search .search-input{
  box-sizing:border-box!important;
  padding-right:52px!important;
}
.fu-search-icon{
  position:absolute!important;
  right:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  margin:0!important;
  padding:0!important;
  z-index:10!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  border:1px solid rgba(242,11,112,.20)!important;
  background:#fff!important;
  color:#f20b70!important;
  box-shadow:0 4px 12px rgba(242,11,112,.10)!important;
  line-height:1!important;
}
.fu-search-icon:hover{
  transform:translateY(-50%) scale(1.08)!important;
  background:#f20b70!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(242,11,112,.28)!important;
}
.fu-search-icon svg{
  width:17px!important;height:17px!important;
  fill:none!important;stroke:currentColor!important;
  stroke-width:2.25!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
@media(max-width:700px){
  .brand .clean-logo{animation-duration:1s,4.8s!important}
  .fu-search-icon{width:32px!important;height:32px!important;min-width:32px!important;right:7px!important}
  .site-search input,.home-search input,.site-search .search-input,.home-search .search-input{padding-right:48px!important}
}
@media(prefers-reduced-motion:reduce){
  .brand .clean-logo,.brand::after,.footer-logo,
  .social-links a,.topbar-social a{animation:none!important}
}



/* FINAL COPYRIGHT PLACEMENT: social media icons first, copyright centered below */
.footer > .social-links{
  order:2!important;
  margin:22px auto 0!important;
  padding:18px 0 0!important;
  border-top:1px solid #2c2930!important;
  justify-content:center!important;
  text-align:center!important;
}
.footer > .copyright{
  order:3!important;
  width:min(1180px,92%)!important;
  margin:14px auto 0!important;
  padding:0 0 4px!important;
  border-top:0!important;
  text-align:center!important;
  color:#8d8890!important;
  font-size:12px!important;
  line-height:1.6!important;
}
.footer > .container.footgrid{order:1!important}

/* Product detail / pack-size selector inspired by modern cosmetic stores */
.product{cursor:pointer}
.product:focus{outline:2px solid rgba(242,11,112,.35);outline-offset:3px}
.product-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:22px}
.product-modal.open{display:flex}
.product-modal-backdrop{position:absolute;inset:0;background:rgba(18,12,17,.58);backdrop-filter:blur(8px)}
.product-modal-card{position:relative;z-index:2;width:min(900px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.28);display:grid;grid-template-columns:.9fr 1.1fr;gap:0;animation:productModalIn .3s cubic-bezier(.16,1,.3,1)}
.product-modal-media{padding:28px;background:linear-gradient(145deg,#fff4f9,#fff);display:flex;align-items:center;justify-content:center;min-height:420px}
.product-modal-media img{width:min(390px,100%);aspect-ratio:1/1;object-fit:contain;border-radius:22px;filter:drop-shadow(0 16px 28px rgba(242,11,112,.10))}
.product-modal-info{padding:38px 38px 32px}
.product-modal-close{position:absolute;right:16px;top:14px;width:40px;height:40px;border:1px solid #eee;border-radius:50%;background:#fff;font-size:27px;line-height:1;cursor:pointer;z-index:3;color:#555}
.modal-eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:800;color:#f20b70;margin-bottom:10px}
.product-modal-info h2{font-size:34px;line-height:1.1;margin:0 45px 7px; margin-left:0;letter-spacing:-1px}
.modal-category{color:#777;margin:0 0 25px}
.modal-label,.modal-price-label{font-size:13px;font-weight:800;margin:18px 0 10px;color:#30282e}
.variant-options{display:flex;gap:9px;flex-wrap:wrap}
.variant-option{padding:11px 16px;border:1px solid #ddd;border-radius:12px;background:#fff;cursor:pointer;font-weight:700;color:#494149;transition:.2s}
.variant-option:hover{border-color:#f20b70;color:#f20b70}
.variant-option.active{background:#f20b70;border-color:#f20b70;color:#fff;box-shadow:0 8px 18px rgba(242,11,112,.20)}
.modal-price{font-size:31px;font-weight:900;color:#f20b70;margin-bottom:16px}
.modal-quantity{display:flex;align-items:center;gap:16px;margin:12px 0 20px}
.modal-quantity button{width:38px;height:38px;border:1px solid #ddd;border-radius:50%;background:#fff;cursor:pointer;font-size:21px}
.modal-quantity span{min-width:28px;text-align:center;font-weight:800}
.modal-actions{display:flex;gap:10px}.modal-actions .btn{flex:1;justify-content:center}
.modal-note{font-size:12px;color:#888;margin-top:14px;line-height:1.5}
.product-modal-open{overflow:hidden}
@keyframes productModalIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.product-modal{padding:10px}.product-modal-card{grid-template-columns:1fr;max-height:94vh;border-radius:22px}.product-modal-media{min-height:250px;padding:18px}.product-modal-media img{width:230px}.product-modal-info{padding:25px 20px}.product-modal-info h2{font-size:28px}.modal-actions{flex-direction:column}.variant-option{padding:10px 13px}}


/* ============================================================
   PRODUCT MODAL FINAL — Add to Cart + Buy Now
   WhatsApp removed from the product quick-view modal.
   ============================================================ */
.modal-actions-polished{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:8px!important}
.modal-actions-polished .btn{min-height:58px!important;border-radius:30px!important;font-size:16px!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;position:relative!important;overflow:hidden!important}
.modal-add-cart{background:#f20b70!important;color:#fff!important;border:1px solid #f20b70!important;box-shadow:0 10px 24px rgba(242,11,112,.20)!important}
.modal-buy-now{background:#fff!important;color:#f20b70!important;border:1.5px solid #ff9ac2!important;box-shadow:0 7px 18px rgba(242,11,112,.08)!important}
.modal-add-cart::after,.modal-buy-now::after{content:"";position:absolute;top:-20%;left:-35%;width:28%;height:140%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-18deg);opacity:0}
.modal-add-cart:hover,.modal-buy-now:hover{transform:translateY(-2px)!important}
.modal-add-cart:hover{box-shadow:0 14px 28px rgba(242,11,112,.28)!important}
.modal-buy-now:hover{box-shadow:0 12px 26px rgba(242,11,112,.18)!important;background:#fff7fb!important}
.modal-add-cart:hover::after,.modal-buy-now:hover::after{opacity:1;animation:fuModalButtonShine .9s ease forwards}
.modal-buy-now{animation:fuBuyNowPulse 2.8s ease-in-out infinite}
@keyframes fuModalButtonShine{from{left:-35%}to{left:125%}}
@keyframes fuBuyNowPulse{0%,100%{box-shadow:0 7px 18px rgba(242,11,112,.08)}50%{box-shadow:0 8px 24px rgba(242,11,112,.18),0 0 0 4px rgba(242,11,112,.035)}}
.fu-cart-added-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,24px);z-index:100002;min-width:min(720px,calc(100vw - 30px));display:flex;align-items:center;gap:13px;padding:13px 14px 13px 16px;background:rgba(25,22,25,.96);color:#fff;border-radius:17px;box-shadow:0 18px 48px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .28s ease,transform .28s ease;backdrop-filter:blur(10px)}
.fu-cart-added-toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.fu-toast-check{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f20b70;color:#fff;font-weight:900;box-shadow:0 0 18px rgba(242,11,112,.35)}
.fu-toast-text{font-size:14px;font-weight:700;line-height:1.35;flex:1}
.fu-toast-cart{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border-radius:11px;background:#333;color:#fff!important;text-decoration:none!important;font-weight:800;font-size:13px;white-space:nowrap}
.fu-toast-cart:hover{background:#f20b70}
@media(max-width:760px){
 .modal-actions-polished{grid-template-columns:1fr!important}
 .modal-actions-polished .btn{min-height:54px!important}
 .fu-cart-added-toast{bottom:14px;padding:11px;gap:9px}
 .fu-toast-text{font-size:12px}
 .fu-toast-cart{padding:9px 11px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.modal-buy-now{animation:none!important}.modal-add-cart::after,.modal-buy-now::after{animation:none!important}}