/* Additive, mobile-only contact access. The approved page design stays intact. */
.aesop-contact-dock { display: none; }

@media (max-width: 900px) {
  html { scroll-padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)); }
  body.has-contact-dock { padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)); }
  .aesop-contact-dock {
    position: fixed;
    z-index: 25;
    inset: auto 0 0;
    display: grid;
    grid-template-columns: minmax(92px, .8fr) minmax(0, 1.7fr);
    gap: 10px;
    padding: 12px max(16px, env(safe-area-inset-right, 0px)) calc(12px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));
    background: var(--paper);
    border-top: 1px solid var(--line);
  }
  .aesop-contact-dock a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 52px;
    min-width: 0;
    padding: 10px 8px;
    border: 1px solid var(--green);
    border-radius: 12px;
    color: var(--ink);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
  }
  .aesop-contact-dock .aesop-dock-form { background: var(--accent); border-color: transparent; }
  .aesop-contact-dock a:hover { background: var(--mint); }
  .aesop-contact-dock a:focus-visible { outline-offset: 3px; }
}

@media print { body.has-contact-dock { padding-bottom: 0; } .aesop-contact-dock { display: none !important; } }