:root {
   --footer-primary-dark: #874B00;
   --footer-accent: #E9A652;
   --footer-light1: #FFC781;
   --footer-text-dark: #333;
 }

 .footer {
   background: var(--footer-light1);
   box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
   overflow: hidden;
 }

 .footer #footer_content {
   padding: 60px 20px 40px 20px;
   color: var(--footer-text-dark);
 }

 .footer #footer_contacts h1 {
   font-size: 42px;
   font-weight: 900;
   color: var(--footer-primary-dark);
   margin: 0 0 16px 0;
   letter-spacing: -1px;
 }

 .footer #footer_contacts p {
   font-size: 16px;
   opacity: 0.85;
   line-height: 1.6;
   max-width: 320px;
 }

 .footer #footer_social_media {
   display: flex;
   gap: 14px;
   margin-top: 24px;
 }

 .footer #footer_social_media a {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 46px;
   height: 46px;
   background: white;
   border-radius: 50%;
   color: var(--footer-primary-dark);
   font-size: 22px;
   text-decoration: none;
   box-shadow: 0 4px 15px rgba(174, 105, 20, 0.2);
   transition: all 0.3s;
 }

 .footer #footer_social_media a:hover {
   background: var(--footer-primary-dark);
   color: white;
   transform: translateY(-4px);
 }

 .footer .footer-list {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .footer .footer-list h3 {
   font-size: 20px;
   font-weight: 750;
   color: var(--footer-primary-dark);
   margin-bottom: 10px;

 }

 .footer .footer-list a {
   display: block;
   color: #f8f8f8;
   font-size: 16px;
   font-weight: 500;
   text-decoration: none;
   padding: 6px 0;
   transition: all 0.3s;

 }

 .footer .footer-list a:hover {
   color: var(--footer-primary-dark);
   transform: translateY(2px);
   text-shadow: 2px 2px 0px #874a0044;
 }

 .footer #footer_copyrigth {
   text-align: center;
   padding: 25px 20px;
   background: rgba(135, 75, 0, 0.1);
   color: var(--footer-primary-dark);
   font-size: 14px;
   font-weight: 500;
 }