/* Compact two-column phone footer; desktop layout stays in its existing stylesheet. */
.oh-footer .oh-footer-label-mobile { display: none; }
@media(max-width:767px) {
 body .oh-footer { padding: 24px 16px 16px; margin-top: 24px; }
 body .oh-footer .oh-footer-grid {
   width: 100%; padding: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr));
   grid-template-areas: "brand contact" "shop help"; gap: 20px 16px; align-items: start;
 }
 body .oh-footer .oh-footer-brand { grid-area: brand; grid-column: auto; align-self: center; }
 body .oh-footer .oh-footer-shop { grid-area: shop; }
 body .oh-footer .oh-footer-help { grid-area: help; }
 body .oh-footer .oh-footer-contact { grid-area: contact; grid-column: auto; align-self: center; }
 body .oh-footer .oh-footer-brand img { width: 116px; height: 40px; object-fit: contain; margin: 0; }
 body .oh-footer .oh-footer-brand p,body .oh-footer .oh-footer-contact :is(h2,p) { display: none; }
 body .oh-footer .oh-footer-contact .oh-btn {
   display: flex; align-items: center; justify-content: center; gap: 8px;
   width: 100%; min-height: 44px; padding: 8px; margin: 0;
   border-radius: 6px; font-size: 12px; line-height: 1.4; white-space: nowrap;
 }
 body .oh-footer .oh-footer-contact .oh-btn svg { width: 16px; height: 16px; }
 body .oh-footer h2 { font-size: 14px; line-height: 1.5; margin: 0 0 8px; }
 body .oh-footer nav { gap: 0; align-items: stretch; }
 body .oh-footer nav a {
   display: flex; align-items: center; min-height: 32px; padding: 4px 0;
   font-size: 12px; line-height: 1.5; white-space: nowrap; min-width: 0;
 }
 body .oh-footer .oh-footer-label-full { display: none; }
 body .oh-footer .oh-footer-label-mobile { display: inline; }
 body .oh-footer .oh-footer-bottom { margin-top: 20px; padding-top: 12px; font-size: 10px; line-height: 1.7; }
}