/* ============================================================
   Fluffo storefront design system
   Shared by: homepage, product page, cart page.
   Everything is scoped under #fluffo so it never fights the
   admin or third-party widgets.
   Brand: Cocoa #463A33 · Caramel #E0A06A/#D08E55 · Sage #9FB89A
          Blush #F3D2C4 · Cream #FAF4EC · Fredoka + Nunito
   ============================================================ */

#fluffo *{box-sizing:border-box;margin:0;padding:0}
#fluffo{font-family:'Nunito',sans-serif;color:#463A33;background:#FAF4EC;line-height:1.6;overflow-x:hidden}
#fluffo.fl-shell,#fluffo.fl-page-enter{min-height:100vh;background:#FAF4EC}
#fluffo.fl-page-enter{animation:flPageIn .38s ease both}
@keyframes flPageIn{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){#fluffo.fl-page-enter{animation:none}}
html.fl-scroll-lock,body.fl-scroll-lock{overflow:hidden!important;touch-action:none}
#fluffo h1,#fluffo h2,#fluffo h3,#fluffo h4,#fluffo .logo,#fluffo .btn{font-family:'Fredoka',sans-serif}
#fluffo a{text-decoration:none;color:inherit}
#fluffo img{max-width:100%;display:block}
#fluffo .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
#fluffo .glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;z-index:0}
#fluffo .glow.a{width:420px;height:420px;background:#F3D2C4;top:40px;right:-100px}

/* ---------- buttons ---------- */
#fluffo .btn{display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;font-weight:600;font-size:15px;border-radius:999px;padding:12px 22px;transition:.2s;font-family:'Fredoka'}
#fluffo .btn-primary{background:#E0A06A;color:#fff}#fluffo .btn-primary:hover{background:#D08E55;transform:translateY(-2px)}
#fluffo .btn-ghost{background:transparent;border:2px solid #E0A06A;color:#D08E55}#fluffo .btn-ghost:hover{background:#E0A06A;color:#fff}
#fluffo .btn-block{width:100%;justify-content:center}

/* ---------- top trust bar (marquee) ---------- */
#fluffo .fl-topbar{background:#463A33;color:#FAF4EC;overflow:hidden;font-size:13px;font-weight:700;position:relative;z-index:1015}
#fluffo .fl-topbar__marquee{overflow:hidden;width:100%}
#fluffo .fl-topbar__track{
  display:flex;gap:56px;align-items:center;padding:9px 0;flex-wrap:nowrap;width:max-content;
  animation:fl-topbar-marquee 28s linear infinite;
}
#fluffo .fl-topbar__track span{white-space:nowrap;opacity:.95;padding:0 8px}
@keyframes fl-topbar-marquee{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}
@media(prefers-reduced-motion:reduce){
  #fluffo .fl-topbar__track{animation:none;justify-content:center;width:100%;flex-wrap:wrap;gap:24px;padding:9px 24px}
  #fluffo .fl-topbar__track span[aria-hidden="true"]{display:none}
}

/* ---------- shared nav ---------- */
#fluffo nav.fl-nav{
  position:sticky !important;top:0 !important;z-index:1010 !important;
  background:rgba(250,244,236,.92) !important;backdrop-filter:blur(14px) !important;-webkit-backdrop-filter:blur(14px) !important;
  border-bottom:1px solid rgba(70,58,51,.06) !important;width:100% !important;display:block !important;
  transform:translateY(0) !important;
  transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .25s ease,border-color .25s ease,background .25s ease !important;
}
#fluffo nav.fl-nav.is-scrolled{
  box-shadow:0 8px 28px rgba(70,58,51,.08) !important;
  border-bottom-color:rgba(70,58,51,.1) !important;
  background:rgba(250,244,236,.97) !important;
}
#fluffo nav.fl-nav.is-hidden{
  transform:translateY(-110%) !important;
  pointer-events:none !important;
}
#fluffo .fl-logo-bounce img{
  animation:fl-logo-bounce .9s cubic-bezier(.34,1.56,.64,1) .15s both !important;
}
@keyframes fl-logo-bounce{
  0%{opacity:0;transform:scale(.82) translateY(-8px)}
  55%{transform:scale(1.08) translateY(0)}
  100%{opacity:1;transform:scale(1) translateY(0)}
}
#fluffo .fl-nav-track{
  display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;
  flex-wrap:nowrap !important;gap:12px !important;
  padding:14px 24px !important;max-width:1180px !important;margin:0 auto !important;
  width:100% !important;box-sizing:border-box !important;
}
#fluffo .fl-nav-start{display:flex !important;align-items:center !important;gap:10px !important;flex-shrink:0 !important;}
#fluffo .fl-nav-center{display:flex !important;align-items:center !important;flex-shrink:0 !important;}
#fluffo .fl-nav-mobile-only{display:none !important;}
#fluffo .fl-nav-desktop-only{display:inline-flex !important;}
#fluffo .fl-logo{display:inline-flex !important;flex-shrink:0 !important;transition:transform .2s ease !important;}
#fluffo .fl-logo:hover{transform:scale(1.02) !important;}
#fluffo .fl-logo img{height:44px !important;width:auto !important;display:block !important;}
#fluffo .fl-menu{
  display:flex !important;flex:1 1 auto !important;flex-direction:row !important;align-items:center !important;justify-content:center !important;
  gap:18px !important;font-weight:700 !important;font-size:14px !important;margin:0 !important;padding:0 8px !important;
  list-style:none !important;min-width:0 !important;overflow:hidden !important;
}
#fluffo .fl-menu .fl-nav-link,
#fluffo .fl-menu .fl-dd-trigger{
  position:relative !important;opacity:.88 !important;color:#463A33 !important;text-decoration:none !important;
  white-space:nowrap !important;display:inline-flex !important;align-items:center !important;gap:4px !important;
  padding:8px 4px !important;font-weight:700 !important;
  transition:color .22s ease,opacity .22s ease,transform .22s ease !important;
}
#fluffo .fl-menu .fl-nav-link::after,
#fluffo .fl-menu .fl-dd-trigger::after{
  content:'' !important;position:absolute !important;left:0 !important;right:0 !important;bottom:2px !important;height:3px !important;
  background:linear-gradient(90deg,#E0A06A,#D08E55) !important;border-radius:999px !important;
  transform:scaleX(0) !important;transform-origin:center !important;transition:transform .3s cubic-bezier(.4,0,.2,1) !important;
}
#fluffo .fl-menu .fl-nav-link:hover,
#fluffo .fl-menu .fl-dd:hover .fl-dd-trigger{
  color:#D08E55 !important;opacity:1 !important;transform:translateY(-1px) !important;
}
#fluffo .fl-menu .fl-nav-link:hover::after,
#fluffo .fl-menu .fl-dd:hover .fl-dd-trigger::after{transform:scaleX(1) !important;}
#fluffo .fl-menu .fl-dd{position:relative;display:inline-block}
#fluffo .fl-menu .fl-dd-caret{font-size:.72em;opacity:.75;transition:transform .28s ease}
#fluffo .fl-menu .fl-dd:hover .fl-dd-caret{transform:rotate(180deg)}
#fluffo .fl-menu .fl-dd::before{content:"";position:absolute;top:100%;left:0;right:0;height:16px}
#fluffo .fl-menu .fl-dd-panel{
  position:absolute;top:100%;left:50%;
  transform:translateX(-50%) translateY(18px) scale(.95);transform-origin:top center;
  min-width:400px;background:#fff;border:1px solid #f1e8de;border-radius:22px;
  box-shadow:0 28px 64px rgba(120,80,40,.22);padding:16px;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .24s ease,transform .32s cubic-bezier(.2,.85,.25,1);z-index:1200;
}
#fluffo .fl-menu .fl-dd:hover .fl-dd-panel{
  opacity:1;visibility:visible;pointer-events:auto;
  transform:translateX(-50%) translateY(10px) scale(1);
}
#fluffo .fl-menu .fl-dd-all{
  display:flex;align-items:center;gap:6px;font-weight:800;color:#b5703a;
  padding:8px 12px 12px;border-bottom:1px solid #f3ece4;margin-bottom:8px;font-size:.92rem;
}
#fluffo .fl-menu .fl-dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
#fluffo .fl-menu .fl-dd-grid a{
  display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:13px;color:#5a4a3c;
  font-size:.9rem;font-weight:600;white-space:nowrap;text-decoration:none;
  opacity:0;transform:translateY(10px);
  transition:background .18s,color .18s,transform .28s ease,opacity .28s ease;
}
#fluffo .fl-menu .fl-dd:hover .fl-dd-grid a{opacity:1;transform:none}
#fluffo .fl-menu .fl-dd-grid a:hover{background:#fbf4ec;color:#1f1a16}
#fluffo .fl-menu .fl-dd-grid a:hover .fl-dd-ico{background:#f1ddc6;transform:scale(1.12) rotate(-4deg)}
#fluffo .fl-menu .fl-dd-ico{
  width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;
  background:#faf3ea;border-radius:10px;font-size:15px;flex:0 0 auto;
  transition:background .2s,transform .25s cubic-bezier(.2,.85,.25,1);
}
#fluffo .fl-menu .fl-dd:hover .fl-dd-grid a:nth-child(1){transition-delay:.03s}
#fluffo .fl-menu .fl-dd:hover .fl-dd-grid a:nth-child(2){transition-delay:.06s}
#fluffo .fl-menu .fl-dd:hover .fl-dd-grid a:nth-child(3){transition-delay:.09s}
#fluffo .fl-menu .fl-dd:hover .fl-dd-grid a:nth-child(4){transition-delay:.12s}
#fluffo .fl-menu .fl-dd:hover .fl-dd-grid a:nth-child(5){transition-delay:.15s}
#fluffo .fl-menu .fl-dd:hover .fl-dd-grid a:nth-child(6){transition-delay:.18s}
#fluffo .fl-menu .fl-dd:hover .fl-dd-grid a:nth-child(n+7){transition-delay:.21s}
#fluffo .fl-search{
  display:flex;align-items:center;background:#f7f1ea;border:1px solid #ece1d4;
  border-radius:999px;overflow:hidden;height:40px;max-width:220px;flex-shrink:0;
  transition:border-color .2s ease,box-shadow .2s ease;
}
#fluffo .fl-search:focus-within{border-color:#E0A06A;box-shadow:0 0 0 3px rgba(224,160,106,.18)}
#fluffo .fl-search input{border:0;background:transparent;padding:0 12px;font-size:.85rem;width:100%;outline:none;color:#3a302a;font-family:'Nunito',sans-serif}
#fluffo .fl-search button{border:0;background:transparent;padding:0 12px;cursor:pointer;color:#7A6F66;display:inline-flex;align-items:center}
#fluffo .fl-nav-cart.is-wiggle,
#fluffo .cart-btn.is-wiggle{animation:fl-cart-wiggle .65s cubic-bezier(.36,.07,.19,.97) !important;}
@keyframes fl-cart-wiggle{
  0%,100%{transform:rotate(0)}
  15%{transform:rotate(-12deg) scale(1.08)}
  30%{transform:rotate(10deg) scale(1.06)}
  45%{transform:rotate(-8deg)}
  60%{transform:rotate(6deg)}
  75%{transform:rotate(-3deg)}
}
#fluffo .fl-nav-right{
  display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:flex-end !important;
  gap:10px !important;flex-shrink:0 !important;
}
#fluffo .fl-nav-icon-btn{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  width:44px !important;height:44px !important;border-radius:999px !important;color:#463A33 !important;
  touch-action:manipulation !important;-webkit-tap-highlight-color:transparent !important;
  transition:background .2s ease,color .2s ease,transform .2s ease !important;
}
#fluffo .fl-nav-icon-btn:hover{background:rgba(224,160,106,.14) !important;color:#D08E55 !important;transform:translateY(-1px) !important;}
#fluffo .fl-nav-cart{
  position:relative !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;
  width:44px !important;height:44px !important;border-radius:999px !important;color:#463A33 !important;
  touch-action:manipulation !important;-webkit-tap-highlight-color:transparent !important;
  transition:background .2s ease,color .2s ease,transform .2s ease !important;
}
#fluffo .fl-nav-cart:hover{background:rgba(224,160,106,.14) !important;color:#D08E55 !important;transform:translateY(-1px) !important;}
#fluffo .fl-nav-cart .cart-count,
#fluffo .fl-nav-right .cart-btn .cart-count{
  position:absolute !important;top:2px !important;right:0 !important;
  background:#E0A06A !important;color:#fff !important;font-size:10px !important;font-weight:800 !important;
  border-radius:999px !important;min-width:17px !important;height:17px !important;padding:0 4px !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  border:2px solid #FAF4EC !important;line-height:1 !important;
  animation:fl-cart-pulse 2.4s ease-in-out infinite !important;
}
@keyframes fl-cart-pulse{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(224,160,106,.35)}
  50%{transform:scale(1.06);box-shadow:0 0 0 4px rgba(224,160,106,0)}
}
#fluffo .fl-nav-account-text{display:inline-flex !important;}
#fluffo .fl-nav-search{
  display:inline-flex !important;
  position:relative !important;
  z-index:12 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}
#fluffo .fl-nav-search svg{pointer-events:none !important;}

/* ---------- compact search dropdown ---------- */
#fluffo .fl-search-wrap{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  z-index:1020 !important;
}
#fluffo nav.fl-nav,
#fluffo .fl-nav-right{overflow:visible !important;}

/* Kill Martfury full-screen search — Fluffo uses its own panel only */
body:has(#fluffo) #site-search.ps-search,
body:has(#fluffo) .ps-search{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

#fluffo .fl-search-backdrop{
  position:fixed;
  inset:0;
  z-index:1018;
  background:rgba(46,37,30,.06);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s ease,visibility .2s ease;
}
#fluffo .fl-search-backdrop.fl-search-backdrop--open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

/* Hard-closed by default — never leave a floating box over the catalog */
#fluffo .fl-search-dropdown{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  left:auto;
  width:min(380px,calc(100vw - 24px));
  max-width:min(380px,calc(100vw - 24px));
  overflow-x:hidden;
  z-index:1025;
  display:none !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .2s ease,transform .2s ease;
}
#fluffo .fl-search-wrap.fl-search-dropdown--open .fl-search-dropdown{
  display:block !important;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}

#fluffo .fl-search-dropdown__inner{
  background:#fff;
  border:1px solid rgba(70,58,51,.08);
  border-radius:16px;
  box-shadow:0 16px 48px rgba(70,58,51,.14),0 4px 12px rgba(70,58,51,.06);
  padding:12px;
  position:relative;
  overflow-x:hidden;
  max-width:100%;
}
#fluffo .fl-search-dropdown__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:0 0 8px;
  min-height:28px;
}
#fluffo .fl-search-dropdown__title{
  font-family:'Nunito',sans-serif;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#7A6F66;
}
#fluffo .fl-search-dropdown__close{
  width:32px;
  height:32px;
  border:0;
  background:transparent;
  border-radius:999px;
  color:#7A6F66;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:background .2s ease,color .2s ease;
  flex-shrink:0;
}
#fluffo .fl-search-dropdown__close:hover{background:rgba(224,160,106,.14);color:#D08E55;}

#fluffo .fl-search-dropdown__form{margin:0;padding:0;}
#fluffo .fl-search-dropdown__field{
  display:flex;
  align-items:center;
  gap:8px;
  background:#f7f1ea;
  border:1px solid #ece1d4;
  border-radius:12px;
  padding:4px 4px 4px 10px;
  min-height:48px;
  transition:border-color .2s ease,box-shadow .2s ease;
}
#fluffo .fl-search-dropdown__field:focus-within{
  border-color:#E0A06A;
  box-shadow:0 0 0 3px rgba(224,160,106,.18);
}
#fluffo .fl-search-dropdown__ico{flex-shrink:0;color:#7A6F66;}
#fluffo .fl-search-dropdown__input{
  flex:1;
  border:0 !important;
  background:transparent !important;
  padding:10px 0 !important;
  font-size:.9rem !important;
  outline:none !important;
  color:#3a302a !important;
  font-family:'Nunito',sans-serif !important;
  min-width:0;
  box-shadow:none !important;
  -webkit-appearance:none;
  appearance:none;
}
#fluffo .fl-search-dropdown__input::-webkit-search-cancel-button{
  -webkit-appearance:none;
  appearance:none;
  display:none;
}
#fluffo .fl-search-dropdown__spinner{
  display:none;
  flex-shrink:0;
  color:#E0A06A;
  width:16px;
  height:16px;
}
#fluffo .fl-search-dropdown__spinner.is-loading{display:inline-flex;}
#fluffo .fl-search-dropdown__spinner .fl-search-spinner{
  animation:fl-search-spin .8s linear infinite;
}
@keyframes fl-search-spin{to{transform:rotate(360deg);}}

#fluffo .fl-search-dropdown__submit{
  flex-shrink:0;
  border:0;
  border-radius:10px;
  background:#E0A06A;
  color:#fff;
  font-family:'Nunito',sans-serif;
  font-weight:800;
  font-size:.82rem;
  padding:10px 14px;
  cursor:pointer;
  transition:background .2s ease,transform .2s ease;
}
#fluffo .fl-search-dropdown__submit:hover{background:#D08E55;transform:translateY(-1px);}
#fluffo .fl-search-dropdown__submit:active{transform:translateY(0);}

#fluffo .fl-search-dropdown__results{
  margin-top:8px;
  max-height:min(50vh,320px);
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  pointer-events:auto;
}
#fluffo .fl-search-dropdown__results[hidden],
#fluffo .fl-search-dropdown__results:not(.is-active){display:none !important;}
#fluffo .fl-search-dropdown__results.is-active{display:block !important;}
#fluffo .fl-search-dropdown__results .ps-product{padding:8px 4px;border-bottom:1px solid rgba(70,58,51,.06);}
#fluffo .fl-search-dropdown__results .ps-product:last-child{border-bottom:0;}
#fluffo .fl-search-dropdown__results a{
  color:#463A33;
  text-decoration:none;
  pointer-events:auto;
  cursor:pointer;
}
#fluffo .fl-search-dropdown__results a:hover{color:#D08E55;}
#fluffo .fl-search-dropdown__view-all{
  display:block;
  margin-top:8px;
  padding:8px 4px 2px;
  font-family:'Nunito',sans-serif;
  font-size:.85rem;
  font-weight:700;
  color:#D08E55;
  text-decoration:none;
}
#fluffo .fl-search-dropdown__view-all[hidden]{display:none !important;}
#fluffo .fl-search-dropdown__view-all:hover{color:#463A33;}

@media (prefers-reduced-motion:reduce){
  #fluffo .fl-search-dropdown,
  #fluffo .fl-search-backdrop,
  #fluffo .fl-search-dropdown__submit{transition:none !important;}
}

@media(min-width:993px){
  #fluffo .fl-search-backdrop{background:transparent;}
}
@media(max-width:1100px){
  #fluffo .fl-menu{gap:10px !important;font-size:13px !important;}
}
@media(max-width:992px){
  #fluffo .fl-menu .fl-dd-panel{display:none !important;}
}

/* ---------- hero (homepage) ---------- */
#fluffo .hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding:60px 0 70px}
#fluffo .badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #F3D2C4;color:#D08E55;font-weight:700;font-size:13px;padding:8px 16px;border-radius:999px;box-shadow:0 18px 40px -18px rgba(70,58,51,.25)}
#fluffo .hero h1{font-size:58px;line-height:1.05;font-weight:700;margin:22px 0 18px}
#fluffo .hero h1 .accent{color:#E0A06A}
#fluffo .hero p.sub{font-size:18px;opacity:.8;max-width:440px;margin-bottom:28px}
#fluffo .hero-cta{display:flex;gap:14px;flex-wrap:wrap}
#fluffo .stats{display:flex;gap:36px;margin-top:38px}
#fluffo .stat .n{font-family:'Fredoka';font-size:28px;font-weight:700;color:#D08E55}
#fluffo .stat .l{font-size:13px;opacity:.7;font-weight:700}
#fluffo .hero-art{position:relative;z-index:1}
#fluffo .hero-img{border-radius:40px;overflow:hidden;box-shadow:0 18px 40px -18px rgba(70,58,51,.25);aspect-ratio:1/1.02;background:linear-gradient(135deg,#F3D2C4,#9FB89A)}
#fluffo .hero-img img{width:100%;height:100%;object-fit:cover}
#fluffo .hero-img.fl-hero{position:relative}
#fluffo .hero-img.fl-hero .fl-slide{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;will-change:opacity,transform;
  animation:flHeroFade var(--fl-hero-cycle,35s) cubic-bezier(.4,0,.2,1) infinite;
}
@keyframes flHeroFade{
  0%{opacity:0;transform:scale(1)}
  1.5%{opacity:1}
  12%{opacity:1;transform:scale(1.06)}
  14.3%{opacity:0;transform:scale(1.07)}
  100%{opacity:0;transform:scale(1)}
}
#fluffo .fl-hero-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:2}
#fluffo .fl-hero-dots i{
  width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.55);
  box-shadow:0 1px 4px rgba(70,58,51,.35);
  animation:flDot var(--fl-hero-cycle,35s) linear infinite;
}
@keyframes flDot{
  0%,12.5%{background:#fff;width:18px;border-radius:4px}
  14.3%,100%{background:rgba(255,255,255,.55);width:7px;border-radius:50%}
}
#fluffo .hero-art .float{animation:flFloat 5.5s ease-in-out infinite}
#fluffo .hero-art .float.two{animation-delay:-2.75s}
@keyframes flFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(prefers-reduced-motion:reduce){
  #fluffo .hero-img.fl-hero .fl-slide,#fluffo .fl-hero-dots i,#fluffo .hero-art .float{animation:none}
  #fluffo .hero-img.fl-hero .fl-slide:first-child{opacity:1}
}
#fluffo .float{position:absolute;background:#fff;border-radius:18px;box-shadow:0 18px 40px -18px rgba(70,58,51,.3);padding:12px 16px;display:flex;align-items:center;gap:12px}
#fluffo .float .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:20px}
#fluffo .float .t{font-family:'Fredoka';font-weight:600;font-size:15px;line-height:1.1}
#fluffo .float .t small{display:block;font-family:'Nunito';font-weight:700;color:#D08E55;font-size:13px;margin-top:2px}
#fluffo .float.one{top:24px;left:-26px}#fluffo .float.two{bottom:34px;right:-24px}
#fluffo .trust{
  background:#fff;border-radius:28px;box-shadow:0 18px 40px -18px rgba(70,58,51,.25);
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:20px 16px;
}
#fluffo .trust-item{
  display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;
  padding:14px 10px;border-radius:18px;transition:transform .25s ease,background .25s ease;
}
#fluffo .trust-item:hover{transform:translateY(-3px);background:rgba(243,210,196,.22)}
#fluffo .trust-ic{
  width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;
  background:linear-gradient(145deg,#F3D2C4 0%,#FAF4EC 100%);
  box-shadow:0 4px 14px rgba(224,160,106,.18);transition:transform .25s ease,box-shadow .25s ease;
}
#fluffo .trust-item:hover .trust-ic{transform:scale(1.06);box-shadow:0 6px 18px rgba(224,160,106,.28)}
#fluffo .trust-ic svg{width:22px;height:22px;stroke:#D08E55;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
#fluffo .trust-txt strong{display:block;font-family:'Fredoka';font-weight:600;font-size:14px;line-height:1.25;color:#463A33}
#fluffo .trust-txt small{display:block;font-size:12px;font-weight:600;color:#7A6F66;margin-top:3px;line-height:1.3}

/* ---------- App Card Container (Flutter/Material style card system) ---------- */
#fluffo .fl-app-card {
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0 12px 30px -20px rgba(70, 58, 51, 0.08);
    padding: 24px;
    margin-bottom: 20px;
    border: 1px solid rgba(70, 58, 51, 0.05);
}

/* ---------- generic section / product grid (homepage) ---------- */
#fluffo section.block{padding:64px 0}
#fluffo .head-c{text-align:center;max-width:560px;margin:0 auto 40px}
#fluffo .head-c h2{font-size:36px;font-weight:700}#fluffo .head-c p{opacity:.75;margin-top:10px}
#fluffo .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
#fluffo .card{background:#fff;border-radius:28px;box-shadow:0 18px 40px -18px rgba(70,58,51,.25);overflow:hidden;transition:.25s}
#fluffo .card:hover{transform:translateY(-6px)}
#fluffo .card .ph{aspect-ratio:1/1;display:grid;place-items:center;font-size:58px;position:relative;overflow:hidden}
#fluffo .card .ph img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
#fluffo .tag{position:absolute;top:12px;left:12px;z-index:2;background:#9FB89A;color:#fff;font-family:'Fredoka';font-weight:600;font-size:11px;padding:5px 11px;border-radius:999px}
#fluffo .card .body{padding:18px}
#fluffo .card h3{font-size:17px;font-weight:600}
#fluffo .card .price{font-family:'Fredoka';font-weight:700;color:#D08E55;font-size:18px;margin:6px 0 14px}
#fluffo .card .add{width:100%;justify-content:center}
#fluffo .kit{background:linear-gradient(120deg,#fff,#F3D2C4);border-radius:40px;box-shadow:0 18px 40px -18px rgba(70,58,51,.25);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:46px;overflow:hidden;margin-top:20px}
#fluffo .kit h2{font-size:32px;font-weight:700}#fluffo .kit p{opacity:.8;margin:12px 0 22px}
#fluffo .kit ul{list-style:none;margin-bottom:26px}#fluffo .kit li{padding:6px 0;font-weight:700}
#fluffo .kit-vis{aspect-ratio:1/.9;border-radius:28px;background:linear-gradient(135deg,#9FB89A,#E0A06A);display:grid;place-items:center;font-size:90px}

/* ---------- Comfort Care Kits (homepage bundles) ---------- */
#fluffo .fl-kits .head-c{margin-bottom:36px}
#fluffo .fl-kits-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}
#fluffo .fl-kit-card{
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid rgba(70,58,51,.08);
  border-radius:24px;
  padding:18px;
  text-decoration:none;
  color:#463A33;
  box-shadow:0 14px 36px -22px rgba(70,58,51,.28);
  transition:transform .32s cubic-bezier(.2,.85,.25,1),box-shadow .32s ease,border-color .32s ease;
}
#fluffo .fl-kit-card:hover{
  transform:translateY(-7px);
  box-shadow:0 26px 48px -18px rgba(70,58,51,.24);
  border-color:rgba(224,160,106,.35);
}
#fluffo .fl-kit-media{
  position:relative;
  margin-bottom:16px;
}
#fluffo .fl-kit-img{
  position:relative;
  aspect-ratio:1/1;
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(145deg,#FAF4EC,#F3D2C4);
  box-shadow:inset 0 0 0 1px rgba(70,58,51,.06),0 8px 22px -14px rgba(70,58,51,.35);
}
#fluffo .fl-kit-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.2,.85,.25,1);
}
#fluffo .fl-kit-card:hover .fl-kit-img img{transform:scale(1.04)}
#fluffo .fl-kit-save{
  position:absolute;
  top:10px;
  left:10px;
  z-index:2;
  background:linear-gradient(135deg,#E0A06A,#D08E55);
  color:#fff;
  font-family:'Fredoka',sans-serif;
  font-weight:600;
  font-size:11px;
  padding:6px 12px;
  border-radius:999px;
  letter-spacing:.35px;
  box-shadow:0 6px 16px -6px rgba(208,142,85,.55);
}
#fluffo .fl-kit-body{
  display:flex;
  flex-direction:column;
  gap:8px;
  flex:1;
  padding:0 2px 2px;
}
#fluffo .fl-kit-count{
  font-size:11px;
  font-weight:800;
  color:#D08E55;
  text-transform:uppercase;
  letter-spacing:.55px;
}
#fluffo .fl-kit-body h3{
  font-family:'Fredoka',sans-serif;
  font-size:16px;
  line-height:1.35;
  font-weight:600;
  margin:0;
  min-height:2.7em;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
#fluffo .fl-kit-price{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:8px;
  margin-top:2px;
}
#fluffo .fl-kit-price strong{
  font-family:'Fredoka',sans-serif;
  font-size:20px;
  font-weight:700;
  color:#463A33;
  line-height:1;
}
#fluffo .fl-kit-price s{
  color:rgba(70,58,51,.42);
  font-size:14px;
  font-weight:600;
  text-decoration:line-through;
  text-decoration-color:rgba(70,58,51,.28);
}
#fluffo .fl-kit-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin-top:auto;
  padding:10px 16px;
  border-radius:999px;
  border:2px solid rgba(224,160,106,.45);
  background:rgba(250,244,236,.65);
  color:#D08E55;
  font-family:'Fredoka',sans-serif;
  font-weight:600;
  font-size:14px;
  transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease;
}
#fluffo .fl-kit-card:hover .fl-kit-btn{
  background:#E0A06A;
  border-color:#E0A06A;
  color:#fff;
  transform:translateY(-1px);
}
#fluffo .fl-kits-all{text-align:center;margin-top:32px}
#fluffo .fl-kit-reveal{
  opacity:0;
  transform:translateY(18px);
}
#fluffo .fl-kit-reveal.is-visible{
  animation:flKitReveal .55s cubic-bezier(.2,.85,.25,1) forwards;
  animation-delay:calc(var(--fl-kit-i, 0) * 70ms);
}
@keyframes flKitReveal{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:992px){
  #fluffo .fl-kits-row{grid-template-columns:repeat(2,1fr);gap:16px}
  #fluffo .fl-kit-card{padding:14px;border-radius:20px}
  #fluffo .fl-kit-body h3{min-height:auto;font-size:15px}
}
@media(max-width:560px){
  #fluffo .fl-kit-price strong{font-size:18px}
  #fluffo .fl-kit-btn{padding:9px 14px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  #fluffo .fl-kit-card,#fluffo .fl-kit-img img,#fluffo .fl-kit-btn{transition:none}
  #fluffo .fl-kit-card:hover{transform:none}
  #fluffo .fl-kit-card:hover .fl-kit-img img{transform:none}
  #fluffo .fl-kit-reveal{opacity:1;transform:none;animation:none}
}
#fluffo .fl-kits-group{margin-bottom:36px}
#fluffo .fl-kits-group:last-of-type{margin-bottom:0}
#fluffo .fl-kits-group__title{font-family:'Fredoka';font-size:20px;font-weight:700;color:#463A33;margin:0 0 18px;text-align:left}
#fluffo .fl-kit-includes-preview{list-style:none;margin:0 0 12px;padding:0;font-size:12px;font-weight:600;color:#7A6F66;line-height:1.45}
#fluffo .fl-kit-includes-preview li{padding:2px 0}
#fluffo .fl-kit-includes-preview li::before{content:'✓ ';color:#9FB89A;font-weight:800}
#fluffo .fl-kit-includes-preview .fl-kit-more{opacity:.75;font-style:italic}
#fluffo .fl-kit-includes-preview .fl-kit-more::before{content:''}

/* ---------- Shop by pet (homepage) ---------- */
#fluffo .fl-pet-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
#fluffo .fl-pet-card{
  display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff;border-radius:28px;
  box-shadow:0 18px 40px -18px rgba(70,58,51,.25);overflow:hidden;transition:.25s;text-decoration:none;color:#463A33;
}
#fluffo .fl-pet-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px -16px rgba(70,58,51,.28)}
#fluffo .fl-pet-img{aspect-ratio:1/.85;overflow:hidden;background:linear-gradient(135deg,#F3D2C4,#9FB89A)}
#fluffo .fl-pet-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
#fluffo .fl-pet-card:hover .fl-pet-img img{transform:scale(1.04)}
#fluffo .fl-pet-body{padding:28px 24px;display:flex;flex-direction:column;justify-content:center}
#fluffo .fl-pet-emoji{font-size:28px;margin-bottom:8px}
#fluffo .fl-pet-body h3{font-family:'Fredoka';font-size:26px;font-weight:700;margin-bottom:8px}
#fluffo .fl-pet-body p{font-size:14px;opacity:.78;line-height:1.5;margin-bottom:14px}
#fluffo .fl-pet-link{font-family:'Fredoka';font-weight:700;color:#D08E55;font-size:15px}

/* ---------- Homepage video showcase ---------- */
#fluffo .fl-home-videos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
#fluffo .fl-home-video-card{
  display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;
  box-shadow:0 14px 36px -22px rgba(70,58,51,.28);transition:.25s;text-decoration:none;color:#463A33;
}
#fluffo .fl-home-video-card:hover{transform:translateY(-5px)}
#fluffo .fl-home-video-wrap{position:relative;aspect-ratio:9/12;background:#241c16;overflow:hidden}
#fluffo .fl-home-video{width:100%;height:100%;object-fit:cover;display:block}
#fluffo .fl-home-video-play{
  position:absolute;inset:0;display:grid;place-items:center;font-size:28px;color:#fff;
  background:rgba(70,58,51,.28);pointer-events:none;transition:background .2s;
}
#fluffo .fl-home-video-card:hover .fl-home-video-play{background:rgba(70,58,51,.12)}
#fluffo .fl-home-video-meta{padding:16px 18px 18px}
#fluffo .fl-home-video-meta h3{font-size:15px;font-weight:700;line-height:1.35;margin-bottom:8px}
#fluffo .fl-home-video-cta{font-family:'Fredoka';font-weight:700;font-size:13px;color:#D08E55}

/* ---------- Care + Shop dual CTA ---------- */
#fluffo .fl-dual-cta{padding-top:24px;padding-bottom:24px}
#fluffo .fl-dual-cta__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
#fluffo .fl-dual-cta__card{
  display:flex;flex-direction:column;border-radius:32px;padding:36px 32px;text-decoration:none;color:#463A33;
  box-shadow:0 18px 40px -18px rgba(70,58,51,.22);transition:.25s;min-height:240px;
}
#fluffo .fl-dual-cta__card:hover{transform:translateY(-5px)}
#fluffo .fl-dual-cta__care{background:linear-gradient(135deg,#FAF4EC,#EAF0E6);border:1px solid rgba(159,184,154,.35)}
#fluffo .fl-dual-cta__shop{background:linear-gradient(135deg,#fff,#F3D2C4);border:1px solid rgba(224,160,106,.25)}
#fluffo .fl-dual-cta__badge{display:inline-block;font-size:12px;font-weight:800;color:#7A6F66;margin-bottom:12px}
#fluffo .fl-dual-cta__card h2{font-family:'Fredoka';font-size:28px;font-weight:700;margin-bottom:10px}
#fluffo .fl-dual-cta__card p{font-size:15px;opacity:.82;line-height:1.55;margin-bottom:22px;flex:1}
#fluffo .fl-dual-cta__card .btn{align-self:flex-start;margin-top:auto}

#fluffo .fl-section-more{text-align:center;margin-top:28px;font-family:'Fredoka';font-weight:700}
#fluffo .fl-section-more a{color:#D08E55}
#fluffo .fl-section-more a:hover{text-decoration:underline}

@media(max-width:992px){
  #fluffo .fl-pet-row{grid-template-columns:1fr}
  #fluffo .fl-home-videos-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  #fluffo .fl-dual-cta__grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  #fluffo .fl-pet-card{grid-template-columns:1fr}
  #fluffo .fl-pet-img{aspect-ratio:16/9;max-height:180px}
  #fluffo .fl-home-videos-grid{grid-template-columns:1fr 1fr;gap:12px}
  #fluffo .fl-home-video-meta h3{font-size:13px}
  #fluffo .fl-dual-cta__card{padding:28px 22px;min-height:0}
  #fluffo .fl-dual-cta__card h2{font-size:24px}
  #fluffo .fl-kits-group__title{font-size:18px}
}

#fluffo .rev{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#fluffo .rev .card{padding:26px;text-align:center}#fluffo .stars{color:#F2B84B;margin-bottom:10px}
#fluffo .rev-ic{font-size:34px;margin-bottom:10px}
#fluffo .rev p{font-weight:600;opacity:.9}#fluffo .rev .who{margin-top:16px;font-family:'Fredoka';font-weight:600;font-size:14px}
#fluffo .story{background:#463A33;color:#FAF4EC;border-radius:40px;text-align:center;padding:60px 40px}
#fluffo .story h2{font-size:32px;margin-bottom:14px}#fluffo .story p{opacity:.85;max-width:560px;margin:0 auto 26px}
#fluffo .story .btn-primary{background:#E0A06A}

/* ---------- shared footer ---------- */
#fluffo footer.fl-footer{padding:64px 0 28px;background:#fff;border-top:1px solid rgba(70,58,51,.07);margin-top:40px}
#fluffo .fl-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.4fr;gap:36px}
#fluffo .fl-foot-brand .logo img{height:42px;margin-bottom:14px}
#fluffo .fl-foot-brand p{font-size:14px;opacity:.75;max-width:280px;margin-bottom:16px}
#fluffo .fl-foot-social{display:flex;gap:14px}
#fluffo .fl-foot-social a{font-weight:700;font-size:13px;color:#D08E55}
#fluffo .fl-foot-social a:hover{text-decoration:underline}
#fluffo .fl-foot-col h4,#fluffo .fl-foot-news h4{font-family:'Fredoka';font-size:15px;font-weight:600;margin-bottom:14px}
#fluffo .fl-foot-col a{display:block;font-size:14px;opacity:.75;padding:5px 0}
#fluffo .fl-foot-col a:hover{color:#D08E55;opacity:1}
#fluffo .fl-foot-news p{font-size:13px;opacity:.75;margin-bottom:12px}
#fluffo .fl-news-form{display:flex;gap:8px;margin-bottom:12px}
#fluffo .fl-news-form input{flex:1;border:2px solid #F3D2C4;border-radius:999px;padding:10px 16px;font-family:'Nunito';font-weight:600;outline:none;min-width:0}
#fluffo .fl-news-form input:focus{border-color:#E0A06A}
#fluffo .fl-news-form button{background:#E0A06A;color:#fff;border:none;border-radius:999px;padding:0 20px;font-family:'Fredoka';font-weight:600;cursor:pointer}
#fluffo .fl-news-form button:hover{background:#D08E55}
#fluffo .fl-foot-mail{font-weight:700;font-size:13px;color:#D08E55}
#fluffo .fl-foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid rgba(70,58,51,.1);margin-top:36px;padding-top:22px;flex-wrap:wrap}
#fluffo .copy{opacity:.6;font-size:13px}
#fluffo .fl-foot-pay{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#fluffo .fl-secure{font-size:12px;font-weight:700;opacity:.7}

/* ---------- payment badges ---------- */
#fluffo .fl-pay{display:inline-flex;gap:7px;align-items:center;flex-wrap:wrap}
#fluffo .fl-pay__b{height:26px;min-width:40px;padding:0 9px;border-radius:6px;background:#fff;border:1px solid rgba(70,58,51,.14);display:inline-flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-weight:800;font-size:12px;letter-spacing:.3px}
#fluffo .fl-pay__visa{color:#1A1F71;font-style:italic}
#fluffo .fl-pay__amex{color:#fff;background:#2E77BC;border-color:#2E77BC;font-size:10px}
#fluffo .fl-pay__pp{color:#003087;font-style:italic;font-size:11px}
#fluffo .fl-pay__pp::first-letter{color:#009cde}
#fluffo .fl-pay__apple{color:#000;font-weight:700}
#fluffo .fl-pay__apple::before{content:"";display:inline-block;width:11px;height:13px;margin-right:1px;background:#000;-webkit-mask:radial-gradient(circle at 60% 18%,transparent 2px,#000 2.2px) ;mask-image:none;clip-path:path('M5.5 0c.1.9-.3 1.8-.8 2.4-.5.6-1.4 1.1-2.2 1-.1-.9.3-1.8.8-2.3C4 .5 4.8.1 5.5 0zM8 4.6c-1 0-1.5.6-2.3.6-.8 0-1.4-.6-2.3-.6C2 4.6.8 5.6.8 7.6c0 1.3.5 2.6 1.1 3.5.5.7 1 1.3 1.7 1.3.7 0 .9-.4 1.8-.4.9 0 1 .4 1.8.4.7 0 1.1-.6 1.6-1.3.4-.6.6-1.1.8-1.7-1.6-.6-1.9-2.9-.4-3.9-.5-.6-1.2-1-1.9-1z')}
#fluffo .fl-pay__mc{gap:0;position:relative;padding:0 16px}
#fluffo .fl-pay__mc i{width:15px;height:15px;border-radius:50%;display:inline-block}
#fluffo .fl-pay__mc i:first-child{background:#EB001B}
#fluffo .fl-pay__mc i:last-child{background:#F79E1B;margin-left:-7px;mix-blend-mode:multiply}

/* ============================================================
   PRODUCT PAGE
   ============================================================ */
#fluffo .fl-pdp{padding:34px 0 10px}
#fluffo .fl-breadcrumb{font-size:13px;font-weight:700;opacity:.6;margin-bottom:18px}
#fluffo .fl-breadcrumb a:hover{color:#D08E55}
#fluffo .fl-pdp-top{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:start}
#fluffo .fl-gallery{
  background:#fff;border-radius:32px;box-shadow:0 18px 40px -18px rgba(70,58,51,.25);padding:18px;
  width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;
}
#fluffo .fl-gallery .fl-main-img{
  border-radius:22px;overflow:hidden;background:#F3D2C4;aspect-ratio:1/1;
  width:100%;max-width:100%;margin:0;
}
#fluffo .fl-gallery .fl-main-img img{width:100%;height:100%;max-width:100%;object-fit:cover;display:block}
#fluffo .fl-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
#fluffo .fl-thumbs img{width:66px;height:66px;border-radius:14px;object-fit:cover;cursor:pointer;border:2px solid transparent;transition:.15s}
#fluffo .fl-thumbs img:hover,#fluffo .fl-thumbs img.is-active{border-color:#E0A06A}
#fluffo .fl-info h1{font-size:30px;line-height:1.2;font-weight:700;margin-bottom:12px}
#fluffo .fl-rating{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;opacity:.85;margin-bottom:14px}
#fluffo .fl-rating .stars{color:#F2B84B}
#fluffo .fl-price{font-family:'Fredoka';font-weight:700;color:#D08E55;font-size:32px;margin-bottom:6px}
#fluffo .fl-price del{color:#463A33;opacity:.4;font-size:20px;margin-left:10px}
#fluffo .fl-deal{background:linear-gradient(135deg,#fff6ec,#fbe7d2);border:1px solid #f1d4b3;border-radius:16px;padding:14px 18px;margin-bottom:12px}
#fluffo .fl-deal__row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
#fluffo .fl-deal__now{font-family:'Fredoka';font-size:1.7rem;font-weight:800;color:#241c16}
#fluffo .fl-deal__was{font-size:1.05rem;color:#b09a85;text-decoration:line-through}
#fluffo .fl-deal__badge{margin-left:auto;background:#d98a4e;color:#fff;font-weight:800;font-size:.8rem;letter-spacing:.4px;padding:5px 13px;border-radius:999px;align-self:center}
#fluffo .fl-deal__note{margin-top:7px;font-size:.88rem;color:#9a6f44;font-weight:600}
#fluffo .fl-kit-incl{margin-top:18px;border:1px solid #efe7de;border-radius:16px;padding:16px 18px;background:#faf6f1}
#fluffo .fl-kit-incl h3{font-size:1rem;font-weight:800;margin:0 0 12px;color:#463A33}
#fluffo .fl-kit-incl ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
#fluffo .fl-kit-incl li a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#241c16}
#fluffo .fl-kit-incl img{width:54px;height:54px;border-radius:10px;object-fit:cover;background:#fff;border:1px solid #efe7de;flex:0 0 auto}
#fluffo .fl-ki-name{flex:1;font-weight:600;font-size:.92rem;line-height:1.3}
#fluffo .fl-ki-price{font-weight:700;color:#b66f37;white-space:nowrap}
#fluffo .fl-kit-save-line{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;border-top:1px dashed #e4d8ca;font-size:.9rem}
#fluffo .fl-kit-save-line s{color:#b6a896}
#fluffo .fl-kit-bundle strong{color:#463A33}
#fluffo .fl-kit-save-badge{color:#d98a4e;font-size:1.02rem;font-weight:800}
#fluffo .fl-stock{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;padding:5px 12px;border-radius:999px;margin:8px 0 18px}
#fluffo .fl-stock--in{background:#EAF0E6;color:#5E7A57}
#fluffo .fl-stock--out{background:#F6E0DA;color:#B5654B}
#fluffo .fl-desc{font-size:15px;opacity:.85;margin-bottom:22px}
#fluffo .fl-desc ul{padding-left:18px;margin-top:8px}
#fluffo .pr_switch_wrap{margin-bottom:18px}
#fluffo .fl-shopping{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
#fluffo .fl-shopping__btns{display:flex;align-items:center;gap:14px;flex:1;flex-wrap:wrap}
#fluffo .fl-wishlist-btn{flex-shrink:0;font-size:22px;line-height:1;margin-left:auto}
#fluffo .fl-product-qty{display:inline-flex !important;flex-direction:row !important;align-items:center !important;background:#fff !important;border:2px solid #F3D2C4 !important;border-radius:999px !important;overflow:hidden !important;width:130px !important;min-width:130px !important;flex-shrink:0 !important;height:46px !important;padding:0 !important;margin:0 !important;position:relative !important;}
#fluffo .fl-product-qty button{width:40px !important;height:100% !important;border:none !important;background:transparent !important;font-size:20px !important;cursor:pointer !important;color:#D08E55 !important;font-weight:700 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;margin:0 !important;padding:0 !important;position:static !important;}
#fluffo .fl-product-qty .fl-qty-input{width:50px !important;height:100% !important;border:none !important;text-align:center !important;font-weight:800 !important;font-family:'Fredoka' !important;background:transparent !important;color:#463A33 !important;font-size:16px !important;padding:0 !important;margin:0 !important;display:inline-block !important;position:static !important;-moz-appearance:textfield !important;}
#fluffo .fl-product-qty .fl-qty-input::-webkit-outer-spin-button,#fluffo .fl-product-qty .fl-qty-input::-webkit-inner-spin-button{-webkit-appearance:none !important;margin:0 !important;}
#fluffo .fl-add{font-size:16px;padding:14px 30px}
#fluffo .fl-buy{background:#463A33;color:#fff}#fluffo .fl-buy:hover{background:#2f2722}
#fluffo .fl-icon-btn{width:46px;height:46px;border-radius:50%;border:2px solid #F3D2C4;display:grid;place-items:center;color:#D08E55;background:#fff;transition:.15s;text-decoration:none}
#fluffo .fl-icon-btn:hover{background:#E0A06A;color:#fff;border-color:#E0A06A}
#fluffo .fl-meta{font-size:13px;opacity:.7;margin-top:14px}
#fluffo .fl-meta a:hover{color:#D08E55}
#fluffo .fl-trust-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;background:#fff;border-radius:22px;box-shadow:0 18px 40px -18px rgba(70,58,51,.2);padding:18px;margin-top:22px}
#fluffo .fl-trust-strip .it{display:flex;gap:10px;align-items:flex-start;font-size:13px;font-weight:700}
#fluffo .fl-trust-strip .it .e{font-size:18px}
#fluffo .fl-trust-strip .it small{display:block;font-weight:600;opacity:.65}
/* subscribe & save plan toggle */
#fluffo .fl-plan{display:grid;gap:10px;margin:4px 0 16px}
#fluffo .fl-plan__opt{border:2px solid #F3D2C4;border-radius:18px;padding:13px 16px;cursor:pointer;transition:.15s;display:block;position:relative}
#fluffo .fl-plan__opt.is-active{border-color:#E0A06A;background:#FFF8F1;box-shadow:0 12px 28px -20px rgba(208,142,85,.7)}
#fluffo .fl-plan__opt input{position:absolute;opacity:0;pointer-events:none}
#fluffo .fl-plan__main{display:flex;justify-content:space-between;align-items:center;font-family:'Fredoka';font-weight:600;font-size:15.5px}
#fluffo .fl-plan__t{display:flex;align-items:center;gap:7px}
#fluffo .fl-plan__t b{color:#D08E55}
#fluffo .fl-plan__save{background:#9FB89A;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}
#fluffo .fl-plan__p{font-family:'Fredoka';font-weight:700;color:#463A33}
#fluffo .fl-plan__opt.is-active .fl-plan__p{color:#D08E55}
#fluffo .fl-plan__sub{font-size:12.5px;opacity:.7;font-weight:700;margin-top:4px}
/* assurance block under CTA */
#fluffo .fl-assure{margin:16px 0 6px;display:grid;gap:7px}
#fluffo .fl-assure__row{font-size:13px;font-weight:700;opacity:.9;display:flex;gap:8px;align-items:center}
#fluffo .fl-assure__pay{display:flex;align-items:center;gap:10px;margin-top:5px;flex-wrap:wrap;padding-top:10px;border-top:1px solid rgba(70,58,51,.08)}
/* accordion */
#fluffo .fl-accordion{margin:46px 0}
#fluffo .fl-accordion .fl-faq-item summary{font-size:17px}
#fluffo .fl-accordion .ck-content{padding:6px 0 18px}
#fluffo .fl-accordion .ck-content img{border-radius:12px;margin:8px 0;max-width:100%}

/* tabs */
#fluffo .fl-tabs{margin:48px 0}
#fluffo .fl-tablist{display:flex;gap:8px;border-bottom:2px solid rgba(70,58,51,.08);margin-bottom:22px;flex-wrap:wrap}
#fluffo .fl-tablist a{padding:12px 18px;font-family:'Fredoka';font-weight:600;opacity:.6;border-bottom:3px solid transparent;margin-bottom:-2px}
#fluffo .fl-tablist a.active{opacity:1;color:#D08E55;border-color:#E0A06A}
#fluffo .fl-tab{display:none}#fluffo .fl-tab.active{display:block}
#fluffo .fl-tab .ck-content,#fluffo .fl-tab .ck-content *{max-width:100%}
#fluffo .fl-tab img{border-radius:14px;margin:10px 0}
/* related */
#fluffo .fl-related h2{font-size:26px;font-weight:700;margin-bottom:22px;text-align:center}

/* ============================================================
   SHOP / PRODUCTS LISTING
   ============================================================ */
#fluffo .fl-shop{padding:42px 0 64px;min-height:50vh}
#fluffo .fl-shop-head{text-align:center;margin-bottom:36px}
#fluffo .fl-shop-head h1{font-size:38px;font-weight:700}
#fluffo .fl-shop-head p{opacity:.72;margin-top:8px;font-size:17px}
#fluffo .fl-shop-count{font-size:13px;font-weight:700;opacity:.6;margin-top:6px}
#fluffo .fl-pagination{display:flex;justify-content:center;margin-top:44px}
#fluffo .fl-pagination .pagination{display:flex;gap:8px;list-style:none;padding:0;align-items:center;flex-wrap:wrap}
#fluffo .fl-pagination .page-item .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border-radius:999px;background:#fff;color:#463A33;font-family:'Fredoka';font-weight:600;border:1px solid rgba(70,58,51,.12);text-decoration:none}
#fluffo .fl-pagination .page-item.active .page-link{background:#E0A06A;color:#fff;border-color:#E0A06A}
#fluffo .fl-pagination .page-item.disabled .page-link{opacity:.4}
#fluffo .fl-pagination .page-link:hover{border-color:#E0A06A;color:#D08E55}

/* ============================================================
   CMS / INFO PAGES (about, shipping, returns, faq, contact...)
   ============================================================ */
#fluffo .fl-page{max-width:840px;margin:0 auto;padding:46px 24px 10px}
#fluffo .fl-page-head{text-align:center;margin-bottom:30px}
#fluffo .fl-page-head h1{font-size:38px;font-weight:700;margin-bottom:8px}
#fluffo .fl-page-head p{opacity:.7;font-size:17px}
#fluffo .fl-page-card{background:#fff;border-radius:28px;box-shadow:0 18px 40px -18px rgba(70,58,51,.18);padding:40px 44px}
#fluffo .fl-page-card .ck-content h2,#fluffo .fl-page-card h2{font-family:'Fredoka';font-size:23px;font-weight:600;margin:26px 0 12px}
#fluffo .fl-page-card h2:first-child{margin-top:0}
#fluffo .fl-page-card h3{font-family:'Fredoka';font-size:18px;font-weight:600;margin:18px 0 8px}
#fluffo .fl-page-card p{margin-bottom:14px;opacity:.9;line-height:1.7}
#fluffo .fl-page-card ul,#fluffo .fl-page-card ol{padding-left:22px;margin-bottom:14px}
#fluffo .fl-page-card li{margin-bottom:8px;opacity:.9}
#fluffo .fl-page-card a{color:#D08E55;font-weight:700}
#fluffo .fl-page-card a:hover{text-decoration:underline}
#fluffo .fl-page-card strong{color:#463A33}
#fluffo .fl-faq-item{border-bottom:1px solid rgba(70,58,51,.1);padding:6px 0}
#fluffo .fl-faq-item summary{font-family:'Fredoka';font-weight:600;font-size:16px;cursor:pointer;padding:14px 0;list-style:none;display:flex;justify-content:space-between;align-items:center}
#fluffo .fl-faq-item summary::-webkit-details-marker{display:none}
#fluffo .fl-faq-item summary::after{content:"+";color:#D08E55;font-size:22px}
#fluffo .fl-faq-item[open] summary::after{content:"−"}
#fluffo .fl-faq-item p{padding:0 0 16px;margin:0}

/* ============================================================
   CART PAGE
   ============================================================ */
#fluffo .fl-cart{padding:40px 0 70px;min-height:50vh}
#fluffo .fl-shipbar{background:#fff;border-radius:18px;box-shadow:0 12px 30px -24px rgba(70,58,51,.35);padding:14px 20px;margin-bottom:22px}
#fluffo .fl-shipbar__txt{font-weight:700;font-size:14px;margin-bottom:9px}
#fluffo .fl-shipbar__txt b{color:#D08E55}
#fluffo .fl-shipbar__track{height:9px;background:#F3D2C4;border-radius:999px;overflow:hidden}
#fluffo .fl-shipbar__fill{height:100%;background:linear-gradient(90deg,#E0A06A,#9FB89A);border-radius:999px;transition:width .4s}
#fluffo .fl-summary-pay{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid rgba(70,58,51,.08)}
#fluffo .fl-summary-guarantee{display:flex;gap:8px;align-items:flex-start;background:#EAF0E6;border-radius:14px;padding:11px 14px;margin-top:14px;font-size:12.5px;font-weight:700;color:#5E7A57}
#fluffo .fl-cart-title{font-size:30px;font-weight:700;margin-bottom:26px;display:flex;align-items:center;gap:12px}
#fluffo .fl-cart-title .count{font-size:14px;font-weight:700;background:#F3D2C4;color:#D08E55;border-radius:999px;padding:4px 14px}
#fluffo .fl-cart-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;align-items:start}
#fluffo .fl-cart-items{background:#fff;border-radius:28px;box-shadow:0 18px 40px -18px rgba(70,58,51,.2);padding:10px 24px}
#fluffo .fl-cart-row{display:grid;grid-template-columns:84px 1fr auto auto;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(70,58,51,.08)}
#fluffo .fl-cart-row:last-child{border-bottom:none}
#fluffo .fl-cart-row .thumb{width:84px;height:84px;border-radius:18px;overflow:hidden;background:#F3D2C4}
#fluffo .fl-cart-row .thumb img{width:100%;height:100%;object-fit:cover}
#fluffo .fl-cart-row .name{font-weight:700;font-size:15px;line-height:1.3}
#fluffo .fl-cart-row .name:hover{color:#D08E55}
#fluffo .fl-cart-row .unit{font-weight:700;color:#D08E55;font-family:'Fredoka';margin-top:4px}
#fluffo .fl-cart-row .line-total{font-family:'Fredoka';font-weight:700;font-size:17px;min-width:80px;text-align:right}
#fluffo .fl-cart-row .remove{color:#B5654B;opacity:.6;transition:.15s}#fluffo .fl-cart-row .remove:hover{opacity:1}
#fluffo .fl-cart-actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px;flex-wrap:wrap}
#fluffo .fl-summary{background:#fff;border-radius:28px;box-shadow:0 18px 40px -18px rgba(70,58,51,.2);padding:28px;position:sticky;top:90px}
#fluffo .fl-summary h2{font-size:20px;font-weight:700;margin-bottom:18px}
#fluffo .fl-summary .row{display:flex;justify-content:space-between;padding:9px 0;font-weight:600;opacity:.9}
#fluffo .fl-summary .row.discount{color:#5E7A57}
#fluffo .fl-summary .total{display:flex;justify-content:space-between;border-top:2px solid rgba(70,58,51,.1);margin-top:12px;padding-top:16px;font-family:'Fredoka';font-weight:700;font-size:22px}
#fluffo .fl-summary .note{font-size:12px;opacity:.6;margin:8px 0 18px}
#fluffo .fl-coupon{margin-top:16px}
#fluffo .fl-coupon label{font-weight:700;font-size:14px;display:block;margin-bottom:8px}
#fluffo .fl-coupon .row{display:flex;gap:8px}
#fluffo .fl-coupon input{flex:1;border:2px solid #F3D2C4;border-radius:999px;padding:11px 16px;font-family:'Nunito';font-weight:600;outline:none}
#fluffo .fl-coupon input:focus{border-color:#E0A06A}
#fluffo .fl-coupon .apply{background:#9FB89A;color:#fff;border:none;border-radius:999px;padding:0 20px;font-family:'Fredoka';font-weight:600;cursor:pointer}
#fluffo .fl-cart-perks{display:grid;gap:12px;margin-top:18px}
#fluffo .fl-cart-perks .it{display:flex;gap:10px;align-items:flex-start;font-size:13px;font-weight:700;background:#fff;border-radius:18px;padding:14px 16px;box-shadow:0 14px 30px -20px rgba(70,58,51,.25)}
#fluffo .fl-cart-perks .it small{display:block;font-weight:600;opacity:.65}
/* empty cart */
#fluffo .fl-empty{text-align:center;padding:70px 20px}
#fluffo .fl-empty .e{font-size:70px;margin-bottom:14px}
#fluffo .fl-empty h1{font-size:30px;font-weight:700;margin-bottom:10px}
#fluffo .fl-empty p{opacity:.75;max-width:420px;margin:0 auto 26px}
#fluffo .fl-empty .acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ============================================================
   WELCOME POPUP (rendered outside #fluffo, so unscoped)
   ============================================================ */
.fl-pop{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;font-family:'Nunito',sans-serif;color:#463A33;opacity:0;transition:opacity .25s}
.fl-pop.is-open{opacity:1}
.fl-pop__overlay{position:absolute;inset:0;background:rgba(70,58,51,.55);backdrop-filter:blur(3px)}
.fl-pop__card{position:relative;background:#FAF4EC;border-radius:28px;box-shadow:0 30px 70px -20px rgba(70,58,51,.5);max-width:420px;width:calc(100% - 36px);padding:38px 34px 30px;text-align:center;transform:translateY(14px) scale(.97);transition:transform .25s}
.fl-pop.is-open .fl-pop__card{transform:none}
.fl-pop__x{position:absolute;top:12px;right:16px;border:none;background:none;font-size:26px;line-height:1;color:#463A33;opacity:.4;cursor:pointer}
.fl-pop__x:hover{opacity:.8}
.fl-pop__emoji{font-size:44px;margin-bottom:6px}
.fl-pop__card h3{font-family:'Fredoka',sans-serif;font-size:25px;font-weight:700;margin:0 0 8px}
.fl-pop__card p{font-size:15px;opacity:.8;margin:0 0 18px;line-height:1.55}
.fl-pop__form{display:flex;flex-direction:column;gap:10px}
.fl-pop__form input{border:2px solid #F3D2C4;border-radius:999px;padding:13px 18px;font-family:'Nunito';font-weight:600;font-size:15px;outline:none;text-align:center}
.fl-pop__form input:focus{border-color:#E0A06A}
.fl-pop__form button{background:#E0A06A;color:#fff;border:none;border-radius:999px;padding:13px;font-family:'Fredoka';font-weight:600;font-size:16px;cursor:pointer;transition:.2s}
.fl-pop__form button:hover{background:#D08E55}
.fl-pop__no{display:block;margin:12px auto 0;border:none;background:none;font-size:13px;font-weight:700;opacity:.5;cursor:pointer;text-decoration:underline}
.fl-pop__code{font-family:'Fredoka',sans-serif;font-weight:700;font-size:24px;letter-spacing:2px;color:#D08E55;background:#fff;border:2px dashed #E0A06A;border-radius:14px;padding:14px;margin:14px 0 18px}
.fl-pop__shop{display:inline-flex;align-items:center;justify-content:center;background:#E0A06A;color:#fff;border-radius:999px;padding:12px 24px;font-family:'Fredoka';font-weight:600;text-decoration:none}
.fl-pop__shop:hover{background:#D08E55;color:#fff}

/* ---------- responsive ---------- */
@media(max-width:768px){
  :root{
    --fl-announcement-h:34px;
    --fl-header-h:56px;
    --fl-admin-bar-h:0px;
    --fl-app-top:calc(
      var(--fl-admin-bar-h) + var(--fl-announcement-h) + var(--fl-header-h) +
      env(safe-area-inset-top,0px)
    );
    --fl-topbar-h:var(--fl-announcement-h);
    --fl-nav-h:var(--fl-header-h);
    --fl-bottom-nav-h:56px;
  }
  body.show-admin-bar{--fl-admin-bar-h:36px}
  body.show-admin-bar:has(#fluffo){padding-top:0!important}
  #fluffo.fl-shell::before{
      content:"" !important;display:block !important;
      height:var(--fl-app-top) !important;width:100% !important;
  }
  /* ---------- grid & layout defaults ---------- */
  #fluffo .hero,#fluffo .kit,#fluffo .trust,#fluffo .grid,#fluffo .rev,#fluffo .fl-pdp-top,#fluffo .fl-cart-grid{grid-template-columns:1fr}
  #fluffo .trust{grid-template-columns:repeat(2,1fr);gap:8px;padding:16px 12px}
  #fluffo .trust-item{padding:12px 8px}
  #fluffo .trust-ic{width:40px;height:40px;border-radius:12px}
  #fluffo .trust-ic svg{width:20px;height:20px}
  #fluffo .trust-txt strong{font-size:13px}
  #fluffo .trust-txt small{font-size:11px}
  #fluffo .hero h1{font-size:36px;margin:12px 0}
  #fluffo .grid{grid-template-columns:1fr 1fr;gap:16px}
  #fluffo .hero-art{order:-1}
  #fluffo .fl-info h1{font-size:22px}
  #fluffo .fl-summary{position:static}
  #fluffo .fl-cart-row{grid-template-columns:64px 1fr auto;gap:12px}
  #fluffo .fl-cart-row .thumb{width:64px;height:64px}

  /* ---------- App-like Sticky Header ---------- */
  #fluffo .fl-topbar{
      position:fixed !important;
      top:var(--fl-admin-bar-h) !important;
      left:0 !important;right:0 !important;
      z-index:1015 !important;height:var(--fl-announcement-h) !important;
      padding-top:0 !important;
  }
  #fluffo .fl-topbar__track{padding:7px 0 !important}
  #fluffo nav.fl-nav {
      padding: 0 !important;
      height: var(--fl-header-h) !important;
      position: fixed !important;
      top: calc(var(--fl-admin-bar-h) + var(--fl-announcement-h) + env(safe-area-inset-top, 0px)) !important;
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      display: flex !important;
      align-items: center !important;
      transform: translateY(0) !important;
      z-index:1010 !important;
      transition: transform .35s cubic-bezier(.4,0,.2,1), box-shadow .25s ease !important;
  }
  #fluffo nav.fl-nav.is-hidden {
      transform: translateY(-110%) !important;
  }
  #fluffo nav.fl-nav.is-scrolled {
      box-shadow: 0 4px 18px rgba(70,58,51,.08) !important;
  }
  #fluffo .fl-nav-track {
    position: relative !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    justify-content: stretch !important;
    flex-wrap: nowrap !important;
    height: 100% !important;
    width: 100% !important;
    padding: 0 10px !important;
    gap: 4px !important;
  }
  #fluffo .fl-nav-start {
    grid-column: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    z-index: 2 !important;
    flex: 0 0 auto !important;
  }
  #fluffo .fl-nav-center {
    grid-column: 2 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    z-index: 1 !important;
  }
  #fluffo .fl-nav-mobile-only {
    display: inline-flex !important;
  }
  #fluffo .fl-nav-desktop-only {
    display: none !important;
  }
  #fluffo .fl-logo {
    position: static !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
    max-width: min(120px, 42vw) !important;
    flex-shrink: 1 !important;
  }
  #fluffo .fl-logo:hover {
    transform: scale(1.02) !important;
  }
  #fluffo .fl-logo img {
    height: 32px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
  }
  #fluffo .fl-menu {
    display: none !important;
  }
  #fluffo .fl-header-actions,
  #fluffo .fl-nav-right {
    grid-column: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    width: auto !important;
    z-index: 2 !important;
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
  }
  #fluffo .fl-search-wrap {
    position: relative !important;
    flex-shrink: 0 !important;
  }
  #fluffo .fl-nav-search {
      display: inline-flex !important;
      pointer-events: auto !important;
      z-index: 12 !important;
  }
  #fluffo .fl-nav-icon-btn,
  #fluffo .fl-nav-cart,
  #fluffo .fl-nav-menu-btn,
  #fluffo .fl-nav-back {
      width: 44px !important;
      height: 44px !important;
      min-width: 44px !important;
      min-height: 44px !important;
      touch-action: manipulation !important;
      -webkit-tap-highlight-color: transparent !important;
  }
  #fluffo .fl-nav-cart .cart-count {
      top: 4px !important;
      right: 2px !important;
      font-size: 9px !important;
      min-width: 15px !important;
      height: 15px !important;
  }

  /* Mobile back button — product/cart/checkout only */
  #fluffo .fl-nav-back {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 40px !important;
      height: 40px !important;
      color: #463A33 !important;
      text-decoration: none !important;
      z-index: 10 !important;
      border-radius: 999px !important;
      transition: background .2s ease, transform .2s ease !important;
  }
  #fluffo .fl-nav-back:active {
      background: rgba(224,160,106,.12) !important;
      transform: scale(.96) !important;
  }

  /* Offset page contents for fixed topbar + header */
  #fluffo {
      padding-top: 0 !important;
  }

  body.show-admin-bar #fluffo .fl-topbar {
      top: var(--fl-admin-bar-h) !important;
  }

  /* Default-layout listing cohesion */
  #fluffo .fl-breadcrumb{background:transparent;padding:8px 0 0}
  #fluffo .fl-breadcrumb .ps-breadcrumb{margin:0;padding:0;background:transparent}
  #fluffo .fl-main-content{margin-top:12px !important;margin-bottom:24px !important}

  /* ---------- App-like Bottom Navigation ---------- */
  .fl-mobile-nav {
      display: flex !important;
      position: fixed !important;
      bottom: 0 !important;
      left: 0 !important;
      right: 0 !important;
      height: calc(var(--fl-bottom-nav-h) + env(safe-area-inset-bottom, 0px)) !important;
      background: rgba(250, 244, 236, 0.96) !important;
      backdrop-filter: blur(12px) !important;
      -webkit-backdrop-filter: blur(12px) !important;
      border-top: 1px solid rgba(70, 58, 51, 0.07) !important;
      box-shadow: 0 -4px 20px rgba(70, 58, 51, 0.05) !important;
      z-index: 9990 !important;
      padding-bottom: env(safe-area-inset-bottom, 0px) !important;
      justify-content: space-around !important;
      align-items: center !important;
      width: 100% !important;
      box-sizing: border-box !important;
      pointer-events: auto !important;
  }
  .fl-mobile-nav__item {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      text-decoration: none !important;
      color: #7A6F66 !important;
      flex: 1 !important;
      min-height: 44px !important;
      min-width: 44px !important;
      height: 100% !important;
      padding: 6px 4px !important;
      touch-action: manipulation !important;
      -webkit-tap-highlight-color: transparent !important;
      transition: color 0.15s ease !important;
      pointer-events: auto !important;
      cursor: pointer !important;
  }
  .fl-mobile-nav__icon--cart{position:relative;display:inline-flex!important;align-items:center;justify-content:center}
  .fl-mobile-nav__item.is-active {
      color: #D08E55 !important;
  }
  .fl-mobile-nav__icon {
      font-size: 21px !important;
      line-height: 1 !important;
      transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  }
  .fl-mobile-nav__item.is-active .fl-mobile-nav__icon {
      transform: scale(1.15) !important;
  }
  .fl-mobile-nav__badge {
      position: absolute !important;
      top: -5px !important;
      right: -8px !important;
      background: #E0A06A !important;
      color: #fff !important;
      font-size: 8.5px !important;
      font-weight: 800 !important;
      border-radius: 999px !important;
      padding: 0 4px !important;
      min-width: 13px !important;
      height: 13px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      border: 1px solid #FAF4EC !important;
      font-family: 'Fredoka', sans-serif !important;
  }
  .fl-mobile-nav__label {
      font-size: 10px !important;
      font-weight: 700 !important;
      margin-top: 3px !important;
      font-family: 'Fredoka', sans-serif !important;
      text-transform: uppercase !important;
      letter-spacing: 0.5px !important;
  }
  
  /* Push main body content up to prevent bottom nav overlay */
  body {
      padding-bottom: calc(var(--fl-bottom-nav-h) + 12px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* ---------- Simplified Mobile Footer ---------- */
  #fluffo footer.fl-footer {
      padding: 24px 16px 16px !important;
      margin-top: 24px !important;
      background: #FAF4EC !important;
      border-top: none !important;
  }
  #fluffo .fl-foot-grid {
      display: none !important; /* Hide massive link lists & newsletters */
  }
  #fluffo .fl-foot-bottom {
      border-top: none !important;
      margin-top: 0 !important;
      padding-top: 0 !important;
      flex-direction: column !important;
      align-items: center !important;
      gap: 16px !important;
  }
  #fluffo .fl-foot-pay {
      justify-content: center !important;
  }

  /* ---------- App UI Polish & Transitions ---------- */
  /* Buttons tap feedback */
  #fluffo .btn:active, 
  #fluffo .fl-mobile-nav__item:active,
  #fluffo .card:active {
      transform: scale(0.97) !important;
      opacity: 0.9 !important;
  }
  
  /* Softer rounded UI elements */
  #fluffo .card {
      border-radius: 20px !important;
      box-shadow: 0 8px 24px rgba(70,58,51,0.06) !important;
  }
  #fluffo .kit {
      border-radius: 24px !important;
      padding: 24px !important;
  }
  #fluffo .story {
      border-radius: 24px !important;
      padding: 36px 20px !important;
  }

  /* Horizontal swipe review layout for mobile */
  #fluffo .rev {
      display: flex !important;
      overflow-x: auto !important;
      gap: 16px !important;
      padding: 8px 4px 20px !important;
      scroll-snap-type: x mandatory !important;
      scrollbar-width: none !important; /* Firefox */
  }
  #fluffo .rev::-webkit-scrollbar {
      display: none !important; /* Safari/Chrome */
  }
  #fluffo .rev .card {
      flex: 0 0 280px !important;
      scroll-snap-align: center !important;
      margin: 0 !important;
  }

  /* Mobile-specific PDP refinements for cards */
  #fluffo .fl-pdp {
      padding: 12px 16px 80px !important; /* Proper margin from screen edge and bottom nav */
  }
  #fluffo .fl-pdp-top {
      display: flex !important;
      flex-direction: column !important;
      gap: 16px !important;
  }
  /* Let the gallery be a card too on mobile */
  #fluffo .fl-gallery {
      background: #fff !important;
      border-radius: 20px !important;
      box-shadow: 0 4px 20px rgba(70, 58, 51, 0.05) !important;
      padding: 16px !important;
      margin-bottom: 0 !important;
      border: 1px solid rgba(70, 58, 51, 0.04) !important;
      width: 100% !important;
      max-width: 100% !important;
      overflow: hidden !important;
      box-sizing: border-box !important;
  }
  #fluffo .fl-gallery .fl-main-img {
      width: 100% !important;
      max-width: 100% !important;
      aspect-ratio: auto !important;
      min-height: unset !important;
      height: auto !important;
      overflow: hidden !important;
      margin: 0 !important;
  }
  #fluffo .fl-gallery .fl-main-img img {
      width: 100% !important;
      max-width: 100% !important;
      height: auto !important;
      object-fit: contain !important;
      display: block !important;
  }
  #fluffo .fl-pdp.wrap {
      overflow-x: hidden !important;
      max-width: 100% !important;
  }
  #fluffo .fl-app-card {
      border-radius: 20px !important;
      padding: 18px 16px !important;
      margin-bottom: 14px !important;
      box-shadow: 0 4px 20px rgba(70, 58, 51, 0.05) !important;
  }
  /* Accordion text padding fix - NO MORE touching the screen edges! */
  #fluffo .fl-accordion .ck-content {
      padding: 12px 10px 18px !important;
      font-size: 14px !important;
      line-height: 1.65 !important;
  }
  #fluffo .fl-accordion .fl-faq-item summary {
      padding: 14px 10px !important;
      font-size: 15.5px !important;
  }
  /* Stacking shopping controls cleanly */
  #fluffo .fl-shopping {
      display: grid !important;
      grid-template-columns: 1fr auto !important;
      gap: 12px !important;
      width: 100% !important;
  }
  #fluffo .fl-shopping__btns {
      display: flex !important;
      flex-direction: column !important;
      grid-column: 1 / -1 !important;
      width: 100% !important;
      gap: 10px !important;
  }
  #fluffo .fl-wishlist-btn {
      grid-column: 2 !important;
      grid-row: 1 !important;
      align-self: center !important;
      margin-left: 0 !important;
  }
  #fluffo .fl-product-qty {
      width: 100% !important;
      max-width: 100% !important;
      display: flex !important;
      justify-content: space-between !important;
      height: 48px !important;
  }
  #fluffo .fl-product-qty button {
      flex: 1 !important;
  }
  #fluffo .fl-product-qty .fl-qty-input {
      flex: 1 !important;
  }
  #fluffo .fl-shopping .btn {
      width: 100% !important;
      justify-content: center !important;
      height: 48px !important;
      font-size: 15px !important;
      margin: 0 !important;
  }
}

/* ============================================================
   BLOG — Pet Care (list grid, category, single article)
   ============================================================ */
#fluffo .fl-empty{text-align:center;padding:60px 20px;opacity:.65;font-weight:600}
#fluffo .fl-blog-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
#fluffo .fl-blog-filter{font-family:"Fredoka";font-size:13px;font-weight:600;color:#7a6a5c;background:#fff;border:1px solid #F3D2C4;padding:8px 18px;border-radius:999px;transition:.2s}
#fluffo .fl-blog-filter:hover,#fluffo .fl-blog-filter.is-active{background:#E0A06A;color:#fff;border-color:#E0A06A}
#fluffo .fl-blog-cats a.fl-cat-spotlight{background:#463A33;color:#FAF4EC;border-color:#463A33}
#fluffo .fl-blog-cats a.fl-cat-spotlight:hover{background:#D08E55;border-color:#D08E55;color:#fff}
#fluffo .fl-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:8px}
#fluffo .fl-blog-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 18px 40px -22px rgba(70,58,51,.22);display:flex;flex-direction:column;transition:.2s}
#fluffo .fl-blog-card:hover{transform:translateY(-4px);box-shadow:0 26px 50px -22px rgba(70,58,51,.3)}
#fluffo .fl-blog-thumb{display:block;aspect-ratio:3/2;overflow:hidden;background:#F3D2C4}
#fluffo .fl-blog-thumb img{width:100%;height:100%;object-fit:cover;transition:.4s}
#fluffo .fl-blog-card:hover .fl-blog-thumb img{transform:scale(1.05)}
#fluffo .fl-blog-body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
#fluffo .fl-blog-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
#fluffo .fl-blog-cats a,#fluffo .fl-article-cats a{font-family:"Fredoka";font-size:11px;font-weight:600;color:#D08E55;background:#FAF4EC;border:1px solid #F3D2C4;padding:4px 11px;border-radius:999px;text-transform:uppercase;letter-spacing:.3px}
#fluffo .fl-blog-cats a:hover,#fluffo .fl-article-cats a:hover{background:#E0A06A;color:#fff;border-color:#E0A06A}
#fluffo .fl-blog-title{font-family:"Fredoka";font-size:19px;font-weight:600;line-height:1.3;margin:0 0 10px}
#fluffo .fl-blog-title a{color:#463A33}
#fluffo .fl-blog-title a:hover{color:#D08E55}
#fluffo .fl-blog-excerpt{font-size:14.5px;opacity:.82;line-height:1.6;margin:0 0 14px}
#fluffo .fl-blog-meta{font-size:12.5px;font-weight:700;opacity:.55;margin-bottom:14px;margin-top:auto}
#fluffo .fl-blog-more{font-family:"Fredoka";font-weight:600;font-size:14px;color:#D08E55}
#fluffo .fl-blog-more:hover{color:#463A33}

/* Single article */
#fluffo .fl-article{max-width:820px}
#fluffo .fl-article-cats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}
#fluffo .fl-article-meta{font-size:14px;font-weight:700;opacity:.55;margin-top:10px}
#fluffo .fl-article-hero{border-radius:28px;overflow:hidden;margin:8px 0 30px;box-shadow:0 20px 44px -22px rgba(70,58,51,.28);aspect-ratio:3/2;background:#F3D2C4}
#fluffo .fl-article-hero img{width:100%;height:100%;object-fit:cover}
#fluffo .fl-page-card .ck-content p:first-child{font-size:18px;color:#463A33;opacity:.95}
#fluffo .fl-article-tags{margin-top:26px;font-size:14px;font-weight:700;opacity:.7}
#fluffo .fl-article-tags a{color:#D08E55;margin:0 4px}
#fluffo .fl-article-share{margin-top:22px;padding-top:18px;border-top:1px solid #F3D2C4;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#fluffo .fl-article-share span{font-family:"Fredoka";font-weight:600}
#fluffo .fl-related-posts{margin:48px 0 20px}
#fluffo .fl-related-posts h2{font-family:"Fredoka";font-size:26px;font-weight:700;text-align:center;margin-bottom:26px}

/* Care article body — readable column, emoji sections */
#fluffo .fl-page-card .ck-content .fluffo-care-article,
#fluffo .fl-page-card .ck-content.fluffo-care-wrap{
  max-width:720px;margin:0 auto;font-size:17px;line-height:1.75;color:#463A33
}
#fluffo .fluffo-care-lead{font-size:1.12em;font-weight:600;line-height:1.65;margin-bottom:22px;opacity:.95}
#fluffo .fluffo-care-article h2{font-family:"Fredoka";font-size:22px;font-weight:600;margin:32px 0 14px;color:#463A33}
#fluffo .fluffo-care-article h3{font-family:"Fredoka";font-size:18px;font-weight:600;margin:22px 0 10px;color:#463A33}
#fluffo .fluffo-care-list{list-style:none;padding:0;margin:0 0 8px}
#fluffo .fluffo-care-list li{padding:10px 0 10px 4px;border-bottom:1px solid rgba(243,210,196,.55);line-height:1.65}
#fluffo .fluffo-care-list li:last-child{border-bottom:none}
#fluffo .fluffo-donation-section{margin-top:36px;padding-top:24px}
#fluffo .fluffo-donation-section h3{font-family:"Fredoka";font-size:20px;margin-bottom:10px}

/* Care blog inline gallery — centered, full-width, no side-by-side product shots */
#fluffo .fl-page-card .ck-content .fluffo-blog-gallery{
  display:flex;flex-direction:column;align-items:center;gap:18px;
  margin:32px auto;max-width:720px;width:100%
}
#fluffo .fl-page-card .ck-content .fluffo-blog-gallery .fluffo-blog-photo{
  width:100%;margin:0
}
#fluffo .fl-page-card .ck-content .fluffo-blog-gallery img{
  width:100%;max-width:100%;height:auto;border-radius:18px;display:block;
  box-shadow:0 12px 32px -16px rgba(70,58,51,.25)
}

@media(max-width:900px){
  #fluffo .fl-blog-grid{grid-template-columns:repeat(2,1fr);gap:22px}
}
@media(max-width:600px){
  #fluffo .fl-blog-grid{grid-template-columns:1fr}
  #fluffo .fl-page-card{padding:26px 22px}
}

/* Product Videos Gallery */
#fluffo .fl-videos { margin: 34px 0 20px; }
#fluffo .fl-videos h2 { font-size: 22px; color: #463A33; margin-bottom: 16px; font-weight: 700; }
#fluffo .fl-videos-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
}
#fluffo .fl-video {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: min(80vh, 640px);
  object-fit: contain;
  background: #000;
  border-radius: 14px;
  display: block;
  border: 2px solid #F3D2C4;
}
@media (min-width: 768px) {
  #fluffo .fl-videos-grid:has(.fl-video:nth-child(2)) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    align-items: start;
  }
  #fluffo .fl-videos-grid:has(.fl-video:nth-child(2)) .fl-video {
    max-height: 540px;
  }
}

/* Description gallery (CJ detail / supplier images appended to content) */
#fluffo .fl-accordion .ck-content .fluffo-product-gallery,
#fluffo .fl-desc .fluffo-product-gallery {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 16px;
}
#fluffo .fl-accordion .ck-content .fluffo-product-gallery img,
#fluffo .fl-desc .fluffo-product-gallery img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
}

/* ---------- Slide-Out Drawer Menu ---------- */
.fl-mobile-nav{display:none}
.pwa-drawer {
    position: fixed !important;
    inset: 0 !important;
    z-index: 100050 !important;
    display: none;
}
.pwa-drawer.is-active {
    display: block !important;
}
.pwa-drawer__overlay {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(70, 58, 51, 0.4) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    opacity: 0 !important;
    transition: opacity 0.25s ease !important;
}
.pwa-drawer.is-active .pwa-drawer__overlay {
    opacity: 1 !important;
}
.pwa-drawer__content {
    position: absolute !important;
    top: var(--fl-app-top, 0) !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 290px !important;
    max-width: 80% !important;
    height: auto !important;
    background: #FAF4EC !important;
    box-shadow: 4px 0 30px rgba(70, 58, 51, 0.15) !important;
    display: flex !important;
    flex-direction: column !important;
    transform: translateX(-105%) !important;
    transition: transform 0.38s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.pwa-drawer.is-active .pwa-drawer__content {
    transform: translateX(0) !important;
}
.pwa-drawer__header {
    padding: 16px !important;
    border-bottom: 1px solid rgba(70, 58, 51, 0.08) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    background: #FAF4EC !important;
}
.pwa-drawer__brand {
    display: flex !important;
    align-items: center !important;
}
.pwa-drawer__close-btn {
    border: none !important;
    background: rgba(70, 58, 51, 0.06) !important;
    font-size: 28px !important;
    line-height: 1 !important;
    color: #7A6F66 !important;
    cursor: pointer !important;
    padding: 0 !important;
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    touch-action: manipulation !important;
}
.pwa-drawer__body {
    flex: 1 !important;
    overflow-y: auto !important;
    padding: 12px 0 !important;
}
.pwa-drawer__list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.pwa-drawer__link {
    display: flex !important;
    align-items: center !important;
    padding: 14px 20px !important;
    color: #463A33 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    font-family: 'Fredoka', sans-serif !important;
    border-bottom: 1px solid rgba(70, 58, 51, 0.03) !important;
    transition: background 0.15s, transform 0.22s ease, padding-left 0.22s ease !important;
}
.pwa-drawer.is-active .pwa-drawer__link {
    animation: fl-drawer-link-in 0.4s cubic-bezier(.2,.85,.25,1) both;
}
.pwa-drawer.is-active .pwa-drawer__list li:nth-child(1) .pwa-drawer__link { animation-delay: .04s; }
.pwa-drawer.is-active .pwa-drawer__list li:nth-child(2) .pwa-drawer__link { animation-delay: .08s; }
.pwa-drawer.is-active .pwa-drawer__list li:nth-child(3) .pwa-drawer__link { animation-delay: .12s; }
.pwa-drawer.is-active .pwa-drawer__list li:nth-child(4) .pwa-drawer__link { animation-delay: .16s; }
.pwa-drawer.is-active .pwa-drawer__list li:nth-child(5) .pwa-drawer__link { animation-delay: .20s; }
.pwa-drawer.is-active .pwa-drawer__list li:nth-child(6) .pwa-drawer__link { animation-delay: .24s; }
.pwa-drawer.is-active .pwa-drawer__list li:nth-child(7) .pwa-drawer__link { animation-delay: .28s; }
@keyframes fl-drawer-link-in {
    from { opacity: 0; transform: translateX(-16px); }
    to { opacity: 1; transform: translateX(0); }
}
.pwa-drawer__link:active {
    background: rgba(224, 160, 106, 0.08) !important;
}
.pwa-drawer__icon {
    font-size: 18px !important;
    margin-right: 12px !important;
    width: 24px !important;
    display: inline-block !important;
    text-align: center !important;
}
.pwa-drawer__footer {
    padding: 20px 16px !important;
    border-top: 1px solid rgba(70, 58, 51, 0.08) !important;
    text-align: center !important;
    background: #FAF4EC !important;
}
.pwa-drawer__account-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background-color: #E0A06A !important;
    color: #ffffff !important;
    border: none !important;
    padding: 11px 20px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    width: 100% !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 4px 12px rgba(208, 142, 85, 0.2) !important;
    font-family: 'Fredoka', sans-serif !important;
}
.pwa-drawer__account-btn:active {
    transform: scale(0.97) !important;
}

/* Header menu toggle buttons */
.fl-nav-menu-btn {
    border: none !important;
    background: transparent !important;
    color: #463A33 !important;
    cursor: pointer !important;
    padding: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    border-radius: 999px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
    pointer-events: auto !important;
    transition: background .2s ease, transform .2s ease !important;
}
.fl-nav-menu-btn:hover {
    background: rgba(224,160,106,.14) !important;
    color: #D08E55 !important;
}
.fl-nav-menu-btn:active {
    transform: scale(.96) !important;
}
@media(min-width:769px){
  .fl-nav-menu-btn{display:none !important;}
}

/* ---------- Live chat widget (website ↔ Telegram) ---------- */
.fl-chat {
    position: fixed;
    right: 18px;
    bottom: calc(18px + env(safe-area-inset-bottom, 0px));
    z-index: 9985;
    font-family: 'Nunito', sans-serif;
}
@media (max-width: 768px) {
    .fl-chat {
        bottom: calc(72px + env(safe-area-inset-bottom, 0px));
        right: 14px;
        z-index: 9985;
    }
}
.fl-chat__toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: none;
    border-radius: 999px;
    padding: 12px 18px;
    min-height: 44px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    background: linear-gradient(135deg, #E0A06A, #D08E55);
    color: #fff;
    font-family: 'Fredoka', sans-serif;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    box-shadow: 0 8px 28px rgba(208, 142, 85, 0.45);
    transition: transform .2s, box-shadow .2s;
}
.fl-chat__toggle:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(208, 142, 85, 0.5); }
.fl-chat__toggle.is-open .fl-chat__toggle-label { display: none; }
.fl-chat__toggle-icon { font-size: 18px; line-height: 1; }
.fl-chat__panel {
    position: absolute;
    right: 0;
    bottom: calc(100% + 12px);
    width: min(360px, calc(100vw - 28px));
    max-height: min(520px, calc(100vh - 120px));
    background: #FAF4EC;
    border: 1px solid rgba(70, 58, 51, 0.08);
    border-radius: 18px;
    box-shadow: 0 18px 50px rgba(70, 58, 51, 0.18);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.fl-chat__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 16px;
    background: #463A33;
    color: #fff;
}
.fl-chat__header strong {
    display: block;
    font-family: 'Fredoka', sans-serif;
    font-size: 16px;
}
.fl-chat__status {
    display: block;
    font-size: 11px;
    opacity: .75;
    margin-top: 2px;
}
.fl-chat__close {
    border: none;
    background: transparent;
    color: #fff;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    padding: 0 4px;
}
.fl-chat__intro { padding: 16px; }
.fl-chat__intro p { margin: 0 0 14px; color: #5A4F47; font-size: 14px; line-height: 1.45; }
.fl-chat__field { display: block; margin-bottom: 10px; }
.fl-chat__field span { display: block; font-size: 12px; font-weight: 700; color: #7A6F66; margin-bottom: 4px; }
.fl-chat__field input {
    width: 100%;
    border: 1px solid rgba(70, 58, 51, 0.12);
    border-radius: 12px;
    padding: 10px 12px;
    font-family: inherit;
    font-size: 14px;
    background: #fff;
    box-sizing: border-box;
}
.fl-chat__field input:focus { outline: none; border-color: #E0A06A; }
.fl-chat__start {
    width: 100%;
    margin-top: 6px;
    border: none;
    border-radius: 999px;
    padding: 12px;
    background: #E0A06A;
    color: #fff;
    font-family: 'Fredoka', sans-serif;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
}
.fl-chat__start:hover { background: #D08E55; }
.fl-chat__body { display: flex; flex-direction: column; min-height: 280px; max-height: 420px; }
.fl-chat__messages {
    flex: 1;
    overflow-y: auto;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #fff;
}
.fl-chat__msg { display: flex; }
.fl-chat__msg--visitor { justify-content: flex-end; }
.fl-chat__msg--admin { justify-content: flex-start; }
.fl-chat__bubble {
    max-width: 85%;
    padding: 10px 13px;
    border-radius: 14px;
    font-size: 14px;
    line-height: 1.4;
    word-break: break-word;
}
.fl-chat__msg--visitor .fl-chat__bubble {
    background: #E0A06A;
    color: #fff;
    border-bottom-right-radius: 4px;
}
.fl-chat__msg--admin .fl-chat__bubble {
    background: #EAF0E6;
    color: #463A33;
    border-bottom-left-radius: 4px;
}
.fl-chat__msg--pending .fl-chat__bubble { opacity: .7; }
.fl-chat__composer {
    display: flex;
    gap: 8px;
    padding: 10px;
    border-top: 1px solid rgba(70, 58, 51, 0.08);
    background: #FAF4EC;
}
.fl-chat__composer textarea {
    flex: 1;
    resize: none;
    border: 1px solid rgba(70, 58, 51, 0.12);
    border-radius: 12px;
    padding: 10px 12px;
    font-family: inherit;
    font-size: 14px;
    min-height: 44px;
    box-sizing: border-box;
}
.fl-chat__composer textarea:focus { outline: none; border-color: #E0A06A; }
.fl-chat__send {
    align-self: flex-end;
    border: none;
    border-radius: 999px;
    padding: 10px 16px;
    background: #463A33;
    color: #fff;
    font-family: 'Fredoka', sans-serif;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
}
.fl-chat__send:hover { background: #5A4A42; }
