/* Nazaaqat brand lockup: "By Nandini" is a tagline, not part of the brand name. */
.brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:max-content;
  text-decoration:none;
}
.brand .brand-name{
  display:block;
  margin:0;
  font:inherit;
  line-height:1;
  letter-spacing:inherit;
  color:inherit;
  text-transform:none;
}
.brand .brand-tagline{
  display:block;
  margin-top:6px;
  font:500 9px/1.15 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--gold);
  white-space:nowrap;
}
.footer-brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:max-content;
  line-height:1;
}
.footer-brand > span{
  display:block;
}
.footer-brand > small{
  display:block;
  margin-top:7px;
  font:500 9px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#c9a97a;
}
@media(max-width:900px){
  .brand{align-items:center;justify-self:center}
  .brand .brand-name{display:block}
  .brand .brand-tagline{
    display:block;
    margin-top:4px;
    font-size:7px;
    letter-spacing:.18em;
  }
}

/* Mobile Three-Line Menu Control v1.3
   Uses real CSS bars instead of a font glyph, so the hamburger is visibly larger
   and consistent across iPhone/Android fonts. Width and thickness come from Admin. */
@media(max-width:900px){
  .mobile-menu{
    display:inline-flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    width:50px;
    min-width:50px;
    height:48px;
    padding:0;
    border:0;
    background:transparent;
    color:var(--wine2);
    font-size:0;
    line-height:0;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-menu .menu-line{
    display:block;
    width:var(--mobile-menu-line-width,34px);
    height:var(--mobile-menu-line-thickness,3px);
    min-height:var(--mobile-menu-line-thickness,3px);
    flex:0 0 var(--mobile-menu-line-thickness,3px);
    border-radius:999px;
    background:currentColor;
  }
}
@media(max-width:520px){
  .header-row{
    grid-template-columns:50px minmax(0,1fr) auto;
  }
  .mobile-menu{
    width:50px;
    min-width:50px;
    height:48px;
  }
}

/* Homepage Editorial Backend Control v1.4 */
.editorial-art.editorial-art-image{
  padding:0;
  overflow:hidden;
  background:#4f2131;
}
.editorial-art.editorial-art-image img{
  display:block;
  width:100%;
  height:100%;
  min-height:280px;
  object-fit:cover;
}
@media(max-width:900px){
  .editorial-art.editorial-art-image img{min-height:300px}
}
@media(max-width:520px){
  .editorial-art.editorial-art-image img{min-height:280px}
}

/* Homepage Category Images v1.5
   Category photos are uploaded from Admin > Categories and cropped into the
   existing circular homepage tiles. The original text tile remains the fallback. */
.category-visual.has-image{
  padding:0;
  overflow:hidden;
  background:#f5ece7;
}
.category-visual.has-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:50%;
  transition:transform .28s ease;
}
@media(hover:hover) and (pointer:fine){
  .category-card:hover .category-visual.has-image img{transform:scale(1.035)}
}
@media(prefers-reduced-motion:reduce){
  .category-visual.has-image img{transition:none}
}