/* Shared home footer presentation on all public front-end templates. */
.coolnivo-product-footer.coolnivo-site { --orange:#ff8a00; --ink:#171717; width:100%; max-width:none; color:var(--ink); background:#000; font:16px/1.4 Arial,Helvetica,sans-serif; }
.coolnivo-site .site-footer *, .coolnivo-site .site-footer *::before, .coolnivo-site .site-footer *::after { box-sizing:border-box; }
.coolnivo-site .site-footer h3,.coolnivo-site .site-footer p,.coolnivo-site .site-footer ul { margin:0; padding:0; font-family:inherit; line-height:inherit; }
.coolnivo-site .site-footer a { color:inherit; text-decoration:none; }
.coolnivo-site .site-footer button,.coolnivo-site .site-footer input { font:inherit; }
.coolnivo-site .site-footer svg { width:24px; height:24px; display:block; }
.coolnivo-site .site-footer a:focus-visible { outline:3px solid var(--orange); outline-offset:5px; }
.coolnivo-site .footer-brand { display:block; }
.coolnivo-site .picture-footer-logo { display:block; background-image:url('design-reference.jpg'); background-repeat:no-repeat; }
.coolnivo-site .footer-brand .custom-logo { display:block; width:100%; max-width:100%; max-height:64px; object-fit:contain; }
.coolnivo-site .site-footer { background: #000; color: #fff; padding: 3.2% 3.4% 6%; }
.coolnivo-site .footer-grid { display: grid; grid-template-columns: 1.08fr repeat(4,1fr); gap: 4%; }
.coolnivo-site .footer-brand { width: 100%; max-width: 278px; }
.coolnivo-site .picture-footer-logo { width: 100%; aspect-ratio: 285/76; background-size: 673.6842% 5968.4211%; background-position: 4.2202% 84.7534%; }
.coolnivo-site .tagline { color: var(--orange); font-size: clamp(16px,1.9vw,34px); line-height: 1.25; letter-spacing: .025em; margin-top: 5% !important; }
.coolnivo-site .contact-email { display: flex; gap: 7px; align-items: center; margin-top: 15px; font-size: clamp(11px,1.1vw,20px); color: #ccc !important; text-decoration: underline !important; }
.coolnivo-site .contact-email svg { width: 16px; height: 16px; }
.coolnivo-site .newsletter-preview { display: flex; position: relative; width: 100%; max-width: 320px; margin-top: 23px; background: #fff; border-radius: 999px; padding: 5px; align-items: center; }
.coolnivo-site .newsletter-preview input { min-width: 0; flex: 1; width: 100%; background: #fff; opacity: 1; -webkit-text-fill-color: #888; color: #888; border: 0; border-radius: 999px; padding: 6px 9px; font-size: clamp(10px,1vw,17px); }
.coolnivo-site .newsletter-preview button { width: 30px; height: 30px; flex: 0 0 30px; border: 0; display: grid; place-items: center; padding: 5px; background: var(--orange); color: #fff; border-radius: 50%; }
.coolnivo-site .newsletter-preview button svg { width: 19px; height: 19px; }
.coolnivo-site .socials { display: flex; gap: 8px; margin-top: 23px; color: #aaa; }
.coolnivo-site .socials > * { border: 1px solid #999; border-radius: 4px; padding: 3px; }
.coolnivo-site .socials svg { width: 18px; height: 18px; }
.coolnivo-site .footer-column h3 { font-size: clamp(13px,1.4vw,25px); font-weight: 700; padding-top: 12px; margin-bottom: 21px; }
.coolnivo-site .footer-column ul { list-style: none; }
.coolnivo-site .footer-column li { margin-bottom: 17px; font-size: clamp(11px,1.15vw,20px); color: #d5d5d5; }
.coolnivo-site .footer-column a:hover { color: var(--orange); }
.coolnivo-site .payment-art { width: 50%; margin: 8% auto 0; aspect-ratio: 900/58; background-image: url('design-reference.jpg'); background-repeat: no-repeat; background-size: 213.3333% 7820.6897%; background-position: 50.1961% 97.4989%; }
@media (max-width:900px) {
.coolnivo-site .footer-grid { gap: 3%; }
}
@media (max-width:680px) {
.coolnivo-site .site-footer { padding: 30px 7% 34px; }
.coolnivo-site .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 24px; }
.coolnivo-site .footer-brand-column { grid-column: 1/-1; max-width: 290px; }
.coolnivo-site .footer-brand { width: 178px; }
.coolnivo-site .tagline { font-size: 22px; }
.coolnivo-site .contact-email { font-size: 14px; }
.coolnivo-site .newsletter-preview input { font-size: 13px; }
.coolnivo-site .footer-column h3 { font-size: 16px; margin-bottom: 18px; padding-top: 0; }
.coolnivo-site .footer-column li { font-size: 13px; margin-bottom: 14px; }
.coolnivo-site .payment-art { width: 100%; margin-top: 40px; }
}