/* Cosmetics Footer Variant */
.cos-footer {
  background: #f8f5f0;
  color: #555;
}
.cos-footer-main { padding: 60px 0 40px; }
.cos-footer-cols {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: 40px;
}

/* Logo & About */
.cos-footer-logo { display: inline-block; margin-bottom: 16px; text-decoration: none; }
.cos-footer-logo-text {
  font-size: 22px; font-weight: 800; letter-spacing: 3px; font-style: italic;
  color: #1a1a1a; text-transform: uppercase;
}
.cos-footer-desc {
  font-size: 13px; color: #777; line-height: 1.7;
  margin-bottom: 20px;
}
.cos-footer-social { display: flex; gap: 8px; }
.cos-footer-social a {
  display: flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; border-radius: 50%;
  border: 1px solid #ddd;
  color: #777; font-size: 13px; text-decoration: none;
  transition: background .2s, color .2s, border-color .2s;
}
.cos-footer-social a:hover {
  background: #c9a020; border-color: #c9a020; color: #fff;
}

/* Col titles */
.cos-footer-col-title {
  font-size: 13px; font-weight: 700; color: #1a1a1a; letter-spacing: 1px;
  text-transform: uppercase; margin-bottom: 18px;
  padding-bottom: 10px; border-bottom: 1px solid #e0d8ce;
}

/* Links */
.cos-footer-links { list-style: none; margin: 0; padding: 0; }
.cos-footer-links li { margin-bottom: 9px; }
.cos-footer-links li a {
  font-size: 13px; color: #777; text-decoration: none;
  transition: color .15s, padding-left .15s;
}
.cos-footer-links li a:hover { color: #c9a020; padding-left: 4px; }

/* Contact */
.cos-footer-contact { list-style: none; margin: 0; padding: 0; }
.cos-footer-contact li {
  display: flex; align-items: flex-start; gap: 10px;
  font-size: 13px; color: #777; margin-bottom: 10px;
}
.cos-footer-contact li i { color: #c9a020; margin-top: 2px; flex-shrink: 0; }
.cos-footer-contact a { color: #777; text-decoration: none; }
.cos-footer-contact a:hover { color: #c9a020; }

/* Bottom bar */
.cos-footer-bottom {
  background: #efe9e1;
  border-top: 1px solid #e0d8ce;
  padding: 16px 0;
}
.cos-footer-bottom-inner {
  display: flex; align-items: center; justify-content: space-between;
}
.cos-footer-payment { display: flex; align-items: center; gap: 6px; }
.cos-footer-payment img { height: 24px; width: auto; opacity: .75; }
.cos-footer-copy {
  font-size: 12px; color: #999; margin: 0;
}

/* Responsive */
@media (max-width: 991px) {
  .cos-footer-cols { grid-template-columns: 1fr 1fr; gap: 32px; }
}
@media (max-width: 575px) {
  .cos-footer-cols { grid-template-columns: 1fr; }
}