/* ===== Quirkys Platters: bright & playful theme layer (header + shared effects) ===== */
:root{
  --q-ink:#2a1b4d; --q-pink:#ff4f87; --q-yellow:#ffd23f; --q-mint:#2ee6a6;
  --q-orange:#ff8a3d; --q-sky:#5ac8fa; --q-cream:#fff8ec;
  --q-font:'Baloo 2','Poppins',sans-serif;
}
body{-webkit-font-smoothing:antialiased;}

/* ---------- header ---------- */
.qh-announce{background:#c8962f;color:#1a1a1a;font-weight:600;letter-spacing:.6px;text-transform:uppercase;font-size:11.5px;}
.qh-announce b{color:#1a1a1a;text-decoration:underline;}
.qh-bar{background:#fffff9;border-bottom:1.5px solid #1a1a1a;}
.qh-nav a{font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;letter-spacing:.8px;text-transform:uppercase;color:#1a1a1a;border-radius:30px;transition:background .2s,color .2s;}
.qh-nav a:hover{background:#c8962f;color:#1a1a1a;}
.qh-nav a.active{background:#1a1a1a;color:#fff;}
.qh-nav a.active::after{display:none;}
.qh-ic{color:#1a1a1a;border-radius:50%;transition:transform .2s,background .2s;}
.qh-ic:hover{background:#c8962f;color:#1a1a1a;transform:translateY(-2px);}
.qh-badge{background:#1a1a1a;color:#c8962f;}
.qh-badge.fx-pop{animation:fxPop .5s cubic-bezier(.3,1.8,.5,1);}
@keyframes fxPop{0%{transform:scale(1)}40%{transform:scale(1.6)}100%{transform:scale(1)}}
.qh-pop{border-radius:20px;border:1.5px solid #1a1a1a;}
.qh-pop a.qh-row:hover{background:#c8962f;color:#1a1a1a;}
.qh-cart-foot .b .v{background:#c8962f;color:#1a1a1a;}
.qh-cart-foot .b .c{background:#1a1a1a;}
.qh-ci-more a{color:#1a1a1a;text-decoration:underline;}
@media(max-width:920px){.qh-nav{background:#fffff9;}}
/* scroll progress bar */
#fxProgress{position:fixed;top:0;left:0;height:3px;width:100%;background:#1a1a1a;transform:scaleX(0);transform-origin:0 50%;z-index:2000;pointer-events:none;}

/* ---------- scroll reveal (springy) ---------- */
.fx-r{opacity:0;transform:translateY(40px) scale(.96);transition:opacity .6s ease,transform .7s cubic-bezier(.3,1.4,.5,1);transition-delay:var(--fx-d,0s);}
.fx-r.fx-in{opacity:1;transform:none;}
.fx-r.fx-done{transition-delay:0s;}

/* button ripple */
.hbtn,.pc .add,.nl button{position:relative;overflow:hidden;}
.fx-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.6);transform:scale(0);animation:fxRip .6s ease-out;pointer-events:none;}
@keyframes fxRip{to{transform:scale(3.2);opacity:0}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition-duration:.01ms !important;}
  .fx-r{opacity:1 !important;transform:none !important;}
}

/* ---------- header v2: floating pill, sticky, logo centred ---------- */
.qh{display:contents;}
.qh-bar{position:sticky;top:0;z-index:1000;background:transparent !important;border:0 !important;padding:12px 16px 4px;pointer-events:none;}
.qh-inner{pointer-events:auto;max-width:1240px !important;height:88px !important;padding:0 14px 0 28px !important;background:#fffaf0;border:1.5px solid #1a1a1a;border-radius:60px;box-shadow:5px 5px 0 #c8962f;display:grid !important;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;transition:box-shadow .25s,background .25s;}
.qh.scrolled .qh-inner{box-shadow:3px 3px 0 #c8962f,0 14px 30px rgba(0,0,0,.12);}
.qh-nav{order:1;justify-self:start;gap:2px;}
.qh-logo{order:2;justify-self:center;}
.qh-logo img{height:80px;}
.qh-actions{order:3;justify-self:end;gap:8px;}
.qh-ic{width:44px;height:44px;background:#fff;border:1.5px solid #1a1a1a;box-shadow:none;}
.qh-ic:hover{background:#c8962f;color:#1a1a1a;}
.qh-badge{top:-5px;right:-5px;border:2px solid #fffaf0;}
.qh-nav a.active{background:#c8962f;color:#1a1a1a;}
.qh-nav a:hover{background:#f3e3b8;}
@media(max-width:920px){
  .qh-bar{padding:10px 10px 2px;}
  .qh-inner{height:72px !important;padding:0 10px 0 18px !important;grid-template-columns:auto 1fr;box-shadow:3px 3px 0 #c8962f;}
  .qh-logo{order:1;justify-self:start;}
  .qh-logo img{height:56px !important;}
  .qh-actions{order:2;}
  .qh-nav{background:#fffaf0;border-right:1.5px solid #1a1a1a;}
  .qh-nav a.active{background:#c8962f;}
}

/* ---------- footer (warm gold, matches theme) ---------- */
footer.bg_gray{background:#ecd9a6 !important;font-family:'Montserrat',sans-serif;}
footer .footer_desc p,footer .contact_info p,footer .contact_info a,footer .widget_links a,footer .shopping_info p,footer .icon_box p,footer .bottom_footer p,footer address,footer li{color:#2b2b29 !important;}
footer .widget_title,footer .icon_box h5,footer .icon_box_style2 h5{color:#1a1a1a !important;font-family:'Montserrat',sans-serif !important;font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:-.2px;}
footer .widget_links a:hover,footer .contact_info a:hover{color:#8a5f10 !important;}
footer [class^="ti-"],footer [class*=" ti-"],footer .contact_info span,footer .icon_box i,footer .icon_box .icon i{color:#1a1a1a !important;}
footer .icon_box .icon,footer .contact_info li span{background:#fff6e0 !important;border-radius:50%;}
footer hr,footer .shopping_info,footer .border-top,footer .bottom_footer{border-color:rgba(26,26,26,.25) !important;}
footer .social_icons a{border-radius:50%;}


/* footer background doodles (fruit, carrot, bowl) in white */
footer .overlap_shape img{filter:brightness(0) invert(1);opacity:.85;}