/* Diamond Flowers - homepage & footer refinement
   Loaded after the existing shop stylesheet so it only adjusts the new visual layer. */

/* Keep all product carousels calm and scannable on the homepage. */
body.type-index .products-wrapper { margin-bottom: 54px; }
body.type-index .products-wrapper .product .p { height: 100%; }
body.type-index .products-wrapper .p-in { padding: 19px 20px 22px; }
body.type-index .products-wrapper .p-in-in { min-height: 48px; }
body.type-index .products-wrapper .p-bottom { min-height: 0; }
body.type-index .products-wrapper .p-desc { display: none !important; }
body.type-index .products-wrapper .name { line-height: 1.35; }
body.type-index .products-wrapper .p-tools { margin-top: 15px; }
body.type-index .homepage-group-title { margin-top: 52px; }

/* Benefits become one understated service strip, rather than a mix of clip-art. */
body.type-index .benefitBanner { max-width: 1180px; margin: 46px auto 12px; padding: 28px 34px; border: 1px solid #e6ddd3; border-radius: 18px; background: #fffdfb; }
body.type-index .benefitBanner__item { padding: 8px 26px; }
body.type-index .benefitBanner__item img { width: 42px; height: 42px; object-fit: contain; filter: grayscale(1) sepia(.25) hue-rotate(315deg) saturate(.7); }
body.type-index .benefitBanner__data strong,
body.type-index .benefitBanner__data b { color: #17261f; font-family: Georgia, serif; font-size: 18px; }
body.type-index .benefitBanner__data { color: #706862; }

/* Floating contact matches the store accent without competing with cart controls. */
#qcf { background: #cf5776 !important; border: 3px solid #fffdfb; box-shadow: 0 10px 25px rgba(107, 42, 62, .22) !important; }
#qcf img { filter: brightness(0) invert(1); }

/* Editorial footer: quiet, warm and legible. */
#custom-footer { margin-top: 72px; padding: 58px 28px 0; background: #17261f !important; color: #f8f2ec !important; }
#custom-footer .footer-wrap { max-width: 1180px; margin: 0 auto; gap: 38px; align-items: flex-start; }
#custom-footer .footer-col { min-width: 150px; }
#custom-footer .footer-title { margin: 0 0 17px; color: #f7e8dd; font-family: Georgia, serif; font-size: 15px; letter-spacing: .09em; text-transform: uppercase; }
#custom-footer .footer-link { display: block; margin: 0 0 9px; color: #d9d7d0; font-size: 14px; line-height: 1.4; text-decoration: none; }
#custom-footer .footer-link:hover { color: #ef91a8; }
#custom-footer .socials { display: flex; gap: 10px; }
#custom-footer .social-btn { display: grid; width: 37px; height: 37px; place-items: center; border: 1px solid rgba(248,242,236,.35); border-radius: 50%; background: #fff; }
#custom-footer .social-btn img { width: 18px; height: 18px; filter: none; }
#custom-footer .payment-logos { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
#custom-footer .payment-logo { max-width: 50px; max-height: 28px; padding: 3px; border-radius: 4px; background: #fff; object-fit: contain; }
#custom-footer .payment-note { margin-top: 12px; color: #b7bdb7; font-size: 13px; }
#custom-footer .map-col { flex: 1 1 220px; }
#custom-footer .footer-map { width: 100%; min-height: 135px; border: 0; border-radius: 12px; filter: saturate(.35) contrast(.92); }
#custom-footer .footer-bottom { max-width: 1180px; margin: 42px auto 0; padding: 19px 0 22px; border-top: 1px solid rgba(248,242,236,.18); color: #abb3ac; font-size: 12px; text-align: left; background: transparent !important; width: auto !important; display: block !important; }

@media (max-width: 767px) {
  body.type-index .products-wrapper { margin-bottom: 38px; }
  body.type-index .benefitBanner { margin: 30px 15px 0; padding: 18px 12px; }
  body.type-index .benefitBanner__item { padding: 13px 8px; }
  #custom-footer { margin-top: 42px; padding: 42px 20px 0; }
  #custom-footer .footer-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 30px 20px; }
  #custom-footer .map-col { grid-column: 1 / -1; }
}