.footer-top-wrapper {margin-top: 48px;}
.footer-wrapper {background: #F3EFED; margin:0;}
.footer {display: grid; grid-template-columns: repeat(4, auto);justify-content: space-between; flex-wrap: wrap; padding-top: 55px; padding-bottom: 55px;}
.footer-link a {display: block; font-size: 16px; line-height: 28px; text-decoration:none;}
.footer-link span {display:block; font-size: 16px; line-height: 28px; }
.footer-links.first {grid-area: 1 / 1 / 3 / 2;}
.footer-bot-wrapper {grid-area: 2 / 2 / 3 / 5;}
.footer-mailing {padding:2.5rem 0; border-top: 1px solid #C2C2C2;}
.footer-links h3,
.footer-mailing h3 {font-family: "Playfair Display";  font-weight: 500;}
.footer-links h3 {font-size: 26px; margin: 0 0 .5rem;}
.footer-mailing h3 {font-size: 50px; margin:0;}
.footer-mailing-form {display: flex;align-items: center;justify-content: space-between; position: relative; gap: 2.5rem;}
.footer-newsletter-form {flex-grow: 1; position: relative;}
.footer-newsletter-form form{display:flex; gap: 10px;}
.footer-mailing-form input[type="submit"] {min-width: 296px; flex-grow: 1;}
.footer-newsletter-form input[type="email"] {flex-grow: 2; }


.footer .soc {display:flex; gap:.5rem; margin-top:1rem;}
.footer .soc a {font-size: 18px;border:1px solid#292929; border-radius: 50%;  width:36px; height:36px; display:flex; align-items: center; justify-content: center; text-align:center; line-height:36px; text-decoration: none;}
.footer .soc svg,
.footer .soc i{fill:#292929; color:#292929;}
.footer .soc a:hover {border:1px solid #292929; background: #292929;}
.footer .soc a:hover svg,
.footer .soc a:hover i{fill:#fff; color:#fff;}

.footer .paypal {font-size: 0;}
.footer-html {font-size:14px;}
.footer-html p {margin: .25rem 0 0;}
.footer-bot-wrapper {padding-top: 64px;}
.footer-bot {display: grid; justify-content: space-between; grid-template-columns: repeat(3, auto); align-items: end;}
.footer-menu {display: none;}

.footer-sayu {font:.75rem 'sayu logo', sans-serif;}
.footer-sayu a {color: inherit; text-decoration: none; opacity: .5;}
.footer-sayu .i-sayu {font-family: Arial, Helvetica, sans-serif; font-weight: 900; letter-spacing: -.05em;}

.visible-footer {display:none;}
@media(max-width:1400px) {
   .footer-mailing h3 {font-size:42px;}
   .footer-mailing-form {gap: 1.5rem;}
}

@media(max-width:1080px) {
    .footer-bot-wrapper {padding-top: 32px;}
    .footer-html span{display:block; }
    .footer-links h3 {font-size:22px;}
	.footer-mailing-form {flex-wrap:wrap;}
    .footer-newslttr-ttl {width:100%;}
    
    .footer-mailing h3 {font-size:30px;}
    .footer-top-wrapper {margin-top: 38px;}
    .footer-mailing {padding:26px 0 36px;}
}
@media(min-width:841px) {
    .footer-bot-mobile {display:none;}
}
@media(max-width:840px) {
	.footer-newsletter-form input[type="email"] {font-size:14px;}
	.footer {padding-top:40px; padding-bottom:40px;}
    .footer-bot-wrapper .paypal,
    .footer-bot-wrapper .footer-sayu{display:none;}
	.footer-bot-mobile  {display: flex; align-items: center; justify-content: space-between; width:100%; padding-left: var(--ch-main-padding); padding-right: var(--ch-main-padding);}
}

@media(max-width:840px) and (min-width:621px) {
    .footer {grid-template-columns: repeat(2, auto);}
    .footer-links.first {grid-area: 1 / 1 / 3 / 2; order:1}
    .footer-links.showroom {order:2;}
    .footer-links.legal {grid-area: 3 / 1 / 5 / 2; order:3; margin-top:24px;}
    .footer-links.contact {grid-area: 2 / 2 / 4 / 3; order:4; margin-top:48px;}
    .footer-bot-wrapper {grid-area: auto; order:5; padding-top: 48px;}  
}

@media (max-width: 620px) {
	.footer-links {width: 100%;}
	.visible-footer {display:block;}
	.hidden-footer {display:none;}
	.footer {grid-template-columns:1fr;}
    .footer-links.first,
    .footer-bot-wrapper {grid-area: auto;}
	.footer-bot-wrapper {border-top: 1px solid #C2C2C2; padding-top: 22px;}
	.footer-links .fa-angle-down::before {content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E%3Cpath d='M7.5 15.5L7.5 0.5M15 8H0' stroke='black'/%3E%3C/svg%3E");  font-size: 1rem; }
    .footer-links .fa-angle-up::before {content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='1' viewBox='0 0 16 1' fill='none'%3E%3Cline x1='0.876099' y1='0.5' x2='15.8761' y2='0.5' stroke='black'/%3E%3C/svg%3E");}
	.footer-links h3 {font-size: 18px; display: flex; align-items: center; justify-content: space-between; margin: 0 0 18px;}
	.footer-links span.angle{font-size:0;}
	.footer-mailing h3 {font-size:20px;}
    .footer-newsletter-form form {flex-direction:column;}
    .footer-mailing-form input[type="submit"] {max-width:none;}
	 .footer-newsletter-form input[type="email"] {font-size:12px;}
    .footer {padding-top: 24px; padding-bottom: 24px;}
    .footer-link-wrapper {  margin: 0 0 1rem;}
    .footer-link a {font-size:14px;}
    .footer-bot-mobile {display:none;}
    .footer-bot-wrapper .paypal, .footer-bot-wrapper .footer-sayu {display:flex; justify-content: flex-end;}
    .footer-bot {grid-template-columns: repeat(2, auto);}
    .footer-html {grid-area: 1 / 1 / 3 / 2;}
    .footer-html {font-size:12px;}
}

