/* AVI BLOG — visual language based on the supplied AURAZYRA mockup */
.avi-blog-front{margin:28px auto 60px;max-width:1600px;padding:28px 24px 44px;background:#fff}
.avi-blog-heading{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;margin-bottom:20px}
.avi-blog-brand{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:12px !important;white-space:nowrap !important;height:92px !important;line-height:1 !important}
.avi-blog-brand h2{margin:0 !important;padding:0 !important;font-size:42px !important;line-height:1 !important;font-weight:700 !important;letter-spacing:-1.8px !important;color:#203528 !important;display:block !important;position:static !important;transform:none !important}
.avi-leaf{width:88px !important;height:88px !important;min-width:88px !important;min-height:88px !important;flex:0 0 88px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 !important;margin:0 !important;background:transparent !important;line-height:0 !important;overflow:hidden !important}.avi-leaf img{display:block !important;width:88px !important;height:88px !important;max-width:none !important;max-height:none !important;object-fit:contain !important;margin:0 !important;padding:0 !important;border:0 !important;transform:none !important}
.avi-blog-intro strong{font-size:21px;color:#202522}
.avi-blog-intro p{margin:6px 0 0;font-size:15px;color:#5b625d;max-width:720px}
.avi-view-all{background:#30382D;color:#fff!important;border-radius:7px;padding:13px 18px;text-decoration:none;font-weight:600;white-space:nowrap}
.avi-blog-filters{display:flex;align-items:center;gap:6px;overflow:hidden;padding:4px 0 20px;scrollbar-width:none;width:100%;box-sizing:border-box}
.avi-blog-filters button{flex:0 0 auto;min-width:max-content;box-sizing:border-box;border:1px solid #ddd;border-radius:24px;padding:9px 12px;background:#fff;white-space:nowrap;font-size:14px;color:#303734;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}
.avi-blog-filters button.avi-pill.active{background:#30382D !important;color:#fff !important;border-color:#30382D !important}
.avi-blog-filters button.avi-pill:hover,.avi-blog-filters button.avi-pill:focus,.avi-blog-filters button.avi-pill:focus-visible{background:#30382D !important;color:#fff !important;border-color:#30382D !important}
.avi-blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.avi-blog-card{border:1px solid #e7e8e6;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.04);transition:box-shadow .2s ease,border-color .2s ease}
.avi-blog-card:hover{transform:none;box-shadow:0 9px 24px rgba(0,0,0,.09)}
.avi-blog-img{display:block;aspect-ratio:1.65;overflow:hidden;background:#f5f6f3}
.avi-blog-img img{width:100%;height:100%;object-fit:cover;display:block}
.avi-blog-card-body{padding:17px 18px 19px}
.avi-blog-cat{font-size:11px;font-weight:700;letter-spacing:.7px;color:#657a45;text-transform:uppercase;margin-bottom:8px}
.avi-blog-card h3{font-size:20px;line-height:1.18;margin:0 0 9px}
.avi-blog-card h3 a{color:#17231d;text-decoration:none}
.avi-blog-card-body p{font-size:14px;line-height:1.55;color:#646a66;margin:0 0 16px}
.avi-blog-meta{font-size:11px;color:#747a76;display:flex;gap:8px;align-items:center}
.avi-blog-meta a{margin-left:auto;color:#203d2e;text-decoration:none;font-weight:700}
.avi-article-cta{margin:36px 0;padding:25px;border-radius:14px;background:#f4f6f0;border:1px solid #dfe5d8}
.avi-article-cta strong{font-size:22px;color:#203d2e}.avi-article-cta p{margin:6px 0 14px}
.avi-article-cta a{display:inline-block;background:#203d2e;color:#fff!important;padding:12px 18px;border-radius:7px;text-decoration:none;font-weight:700}
.avi-article-cta small{display:block;margin-top:10px;color:#6d746e}
@media(max-width:1100px){.avi-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.avi-blog-heading{grid-template-columns:1fr}.avi-view-all{width:max-content}}
@media(max-width:650px){.avi-blog-front{padding:20px 12px}.avi-blog-grid{grid-template-columns:1fr}.avi-blog-brand{height:78px !important}.avi-leaf{width:72px !important;height:72px !important;min-width:72px !important;min-height:72px !important;flex-basis:72px !important}.avi-leaf img{width:72px !important;height:72px !important}.avi-blog-brand h2{font-size:34px !important}.avi-blog-intro strong{font-size:18px}}

.avi-blog-empty{grid-column:1 / -1;padding:42px 20px;text-align:center;color:#5b625d;border:1px dashed #d6ddd3;border-radius:14px;background:#fff;font-size:16px}.avi-blog-empty[hidden]{display:none!important}.avi-blog-card[hidden]{display:none!important}



/* Premium AURAZYRA PICKS search arrow — compact fashion/editorial treatment. */
.avi-premium-search-host{position:relative !important;}
.avi-premium-search-input{padding-right:64px !important;}
.avi-premium-search-arrow{
  position:absolute !important;
  z-index:20 !important;
  right:10px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  color:#294536 !important;
  box-shadow:none !important;
  cursor:pointer !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  transition:color .18s ease !important;
}
.avi-premium-search-arrow svg{
  display:block !important;
  width:24px !important;
  height:24px !important;
  flex:0 0 24px !important;
  overflow:visible !important;
}
.avi-premium-search-arrow:hover,
.avi-premium-search-arrow:focus,
.avi-premium-search-arrow:focus-visible{
  transform:translateY(-50%) !important;
  background:transparent !important;
  color:#b08d57 !important;
  box-shadow:none !important;
  outline:none !important;
}
form.avi-premium-search-form{position:relative !important;}
form.avi-premium-search-form .avi-premium-search-arrow:not(.avi-premium-search-arrow-created){
  position:absolute !important;
  right:10px !important;
  top:50% !important;
}
@media(max-width:650px){
  .avi-premium-search-input{padding-right:58px !important;}
  .avi-premium-search-arrow{width:38px !important;min-width:38px !important;height:38px !important;min-height:38px !important;right:7px !important;}
  .avi-premium-search-arrow svg{width:22px !important;height:22px !important;flex-basis:22px !important;}
}