.footer-section{background-color:var(--secondary-color);color:var(--white-color);padding:calc(var(--spacing-unit) * 4) 0 calc(var(--spacing-unit) * 2)}.footer-content .logo img{max-height:400px;margin-bottom:var(--spacing-unit)}.footer-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 3)}.footer-col h4{color:var(--white-color);margin-bottom:calc(var(--spacing-unit) * 1.5);position:relative}.footer-col p{margin-bottom:var(--spacing-unit);color:#000c}.footer-col ul li{margin-bottom:calc(var(--spacing-unit) * .5)}.footer-col ul a{color:#000c;transition:color var(--transition-speed) ease,padding var(--transition-speed) ease}.footer-col ul a:hover{color:var(--primary-color);padding-left:5px}.social-icons{display:flex;gap:calc(var(--spacing-unit) * .75)}.social-icons a{color:var(--white-color);background-color:#ffffff1a;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-speed) ease}.social-icons a:hover{background-color:var(--primary-color);color:var(--white-color)}.newsletter-form{display:flex;gap:10px}.newsletter-form input{flex:1;padding:10px 15px;border:1px solid rgba(255,255,255,.1);border-radius:25px;background-color:#ffffff0d;color:var(--white-color)}.newsletter-form button{background-color:var(--primary-color);color:var(--white-color);border:none;padding:10px 20px;border-radius:25px;cursor:pointer;transition:background-color var(--transition-speed) ease}.newsletter-form button:hover{background-color:var(--accent-color)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:calc(var(--spacing-unit) * 2);border-top:1px solid rgba(255,255,255,.1)}.footer-product-image{max-width:100px;opacity:.7;transition:opacity var(--transition-speed) ease}.footer-product-image:hover{opacity:1}[dir=rtl] .footer-col ul a:hover{padding-left:0;padding-right:5px}[dir=rtl] .social-icons a{margin-right:0;margin-left:calc(var(--spacing-unit) * .75)}[dir=rtl] .newsletter-form input{text-align:right}[dir=rtl] .newsletter-form button{margin-left:0;margin-right:10px}[dir=rtl] .footer-product-image{transform:scaleX(-1)}