/* FOOTER STYLES */
/* ══ TOAST ══ */
.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(20px);z-index:900;opacity:0;pointer-events:none;background:var(--ink);color:var(--cream);padding:13px 26px;border-radius:50px;font-size:13px;letter-spacing:0.05em;border:1px solid rgba(255,255,255,0.1);box-shadow:0 12px 40px rgba(0,0,0,0.25);display:flex;align-items:center;gap:10px;transition:all 0.35s cubic-bezier(0.34,1.56,0.64,1);white-space:nowrap;font-family:'Outfit',sans-serif}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.toast-icon{color:var(--olive);font-size:16px}

/* ══ FOOTER ══ */
footer{background:var(--ink);color:var(--beige);padding:56px 28px 28px;margin-top:20px}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:44px;margin-bottom:44px}
.footer-brand .brand-name{font-family:'Cormorant Garamond',serif;font-size:26px;color:var(--cream);margin-bottom:14px}
.footer-brand p{font-size:13px;color:rgba(200,185,107,0.55);line-height:1.9;max-width:270px;margin-bottom:22px;font-weight:300}
.footer-social{display:flex;gap:10px}
.social-icon{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all var(--tr)}
.social-icon:hover{background:var(--forest-mid);border-color:var(--forest-mid)}
.footer-col-title{font-size:10px;letter-spacing:0.35em;text-transform:uppercase;color:var(--olive);margin-bottom:18px;font-weight:700}
.footer-link{display:block;font-size:13px;color:rgba(200,185,107,0.5);cursor:pointer;background:none;border:none;text-align:left;font-family:'Outfit',sans-serif;padding:4px 0;transition:color var(--tr)}
.footer-link:hover{color:var(--cream)}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.06);padding-top:22px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:rgba(255,255,255,0.25)}
.footer-pays{display:flex;gap:10px;font-size:18px}

/* ══ REVEAL ══ */
.reveal{opacity:0;transform:translateY(24px);transition:opacity 0.6s ease,transform 0.6s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ══ RESPONSIVE ══ */
@media(max-width:1024px){
  .hot-cat-grid{grid-template-columns:repeat(5,1fr)}
  .whats-new-grid{grid-template-columns:repeat(4,1fr)}
  .rec-grid{grid-template-columns:repeat(3,1fr)}
  .hero-right-area{grid-template-columns:1fr;grid-template-rows:auto auto}
  .promo-cards{flex-direction:row}
  .shop-layout{grid-template-columns:1fr}
  .shop-sidebar{display:none}
}
@media(max-width:768px){
  .home-layout{grid-template-columns:1fr}
  .cat-sidebar{display:none}
  .hero-banner-deco{display:none}
  .promo-bar-right{display:none}
  .main-nav .nav-search-wrap{max-width:none;flex:1}
  .ham-btn{display:flex}
  .footer-top{grid-template-columns:1fr 1fr}
  .hot-cat-grid{grid-template-columns:repeat(4,1fr)}
  .whats-new-grid{grid-template-columns:repeat(3,1fr)}
  .rec-grid{grid-template-columns:repeat(2,1fr)}
  .checkout-wrap{grid-template-columns:1fr}
  .acc-layout{grid-template-columns:1fr}
  .acc-sidebar{position:static;height:auto}
}
@media(max-width:480px){
  .hot-cat-grid{grid-template-columns:repeat(3,1fr)}
  .whats-new-grid{grid-template-columns:repeat(2,1fr)}
  .rec-grid{grid-template-columns:repeat(2,1fr)}
  .footer-top{grid-template-columns:1fr}
  .home-sections{padding:0 12px}
  .f-grid-2{grid-template-columns:1fr}
}
