/* Compact, consistent spacing for the OtoSahin mobile footer. */
@media(max-width:768px){
 #app .df-footer{--df-line:#e5e9ee;margin-top:28px!important}
 #app .df-footer .df-main{padding:24px 18px 20px;gap:0}
 #app .df-footer .df-about{margin-bottom:16px}
 #app .df-footer .df-store-logo{width:150px;height:54px;max-width:150px;margin-bottom:4px}
 #app .df-footer .df-about p{margin:6px 0 0;font-size:12px;line-height:1.65}
 #app .df-footer .df-social{margin-top:12px;gap:6px 14px}
 #app .df-footer .df-columns{display:block}
 #app .df-footer .df-column{margin:0;border-bottom:1px solid #e5e9ee}
 #app .df-footer .df-column summary{min-height:44px;padding:10px 0;margin:0;font-size:13px;line-height:20px}
 #app .df-footer .df-column summary>span{font-size:14px;width:24px;text-align:center}
 #app .df-footer .df-column ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;margin:0;padding:0 0 10px}
 #app .df-footer .df-column li{margin:0;padding:0;line-height:20px}
 #app .df-footer .df-column li a{display:block;padding:6px 0;min-height:32px;font-size:12px;line-height:20px;overflow-wrap:anywhere}
 #app .df-footer .df-contact{margin-top:18px}
 #app .df-footer .df-contact h2{margin-bottom:10px}
 #app .df-footer .df-bottom{padding:14px 0;gap:12px;align-items:center}
 #app .df-footer .df-bottom>span{font-size:10px;line-height:1.6;max-width:none;flex:1}
 #app .df-footer .df-bottom>a{display:inline-flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap;flex-shrink:0}
}