/* Homepage spacing pass. Keep these overrides last. */

/* Catalogue sits close to the hero, but still has enough breathing room to feel premium. */
#flores{
  padding-top:52px!important;
  padding-bottom:18px!important;
}
#flores .section-head{
  margin-bottom:30px!important;
}

/* Product rows should read as separate rows, not one compressed block. */
#flores .products-grid{
  row-gap:30px!important;
  column-gap:20px!important;
}
#flores .product-info{
  padding-top:11px!important;
  min-height:66px!important;
}
#flores .product-top{
  min-height:24px!important;
}
#flores .add-btn{
  margin-top:6px!important;
  padding-top:7px!important;
}

/* Clear but controlled transition from products into occasions. */
#ocasioes{
  padding-top:62px!important;
  padding-bottom:76px!important;
}
#ocasioes .section-head{
  margin-bottom:34px!important;
}

/* Keep the second editorial compact and intentional. */
#sobre,
#sobre .editorial-media{
  min-height:500px!important;
}
#sobre .editorial-copy{
  padding-top:48px!important;
  padding-bottom:48px!important;
}

@media(max-width:900px){
  #flores{padding-top:44px!important;padding-bottom:12px!important}
  #flores .products-grid{row-gap:28px!important}
  #ocasioes{padding-top:54px!important;padding-bottom:66px!important}
  #sobre,#sobre .editorial-media{min-height:460px!important}
}

@media(max-width:600px){
  #flores{padding-top:38px!important;padding-bottom:8px!important}
  #flores .products-grid{row-gap:28px!important}
  #flores .product-info{min-height:60px!important}
  #ocasioes{padding-top:48px!important;padding-bottom:58px!important}
  #sobre,#sobre .editorial-media{min-height:430px!important}
  #sobre .editorial-copy{padding-top:40px!important;padding-bottom:40px!important}
}