/* User-approved mobile fixed CTA override. The Django reference styles stay byte-identical. */
@media (max-width:760px){
  .mobile-consult-dock{
    right:0;
    bottom:0;
    left:0;
    min-height:78px;
    height:auto;
    padding:0 max(10px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(10px,env(safe-area-inset-left,0px));
    grid-template-columns:1fr 1fr;
    gap:0;
    background:linear-gradient(rgba(39,40,32,.97),rgba(29,30,24,.98)),url('../images/optimized/washi-green-1672.webp') center/cover;
    box-shadow:0 -8px 28px rgba(25,25,20,.22);
  }
  .mobile-consult-dock::before{
    content:"";
    position:absolute;
    inset:0;
    border-top:1px solid rgba(211,184,119,.32);
    pointer-events:none;
  }
  .mobile-consult-dock a,
  .mobile-consult-dock a+ a{
    min-height:78px;
    padding:11px 16px;
    border:0;
    background:transparent;
    align-items:center;
    gap:11px;
    color:#fffdf8;
    box-shadow:none;
    transition:background-color .18s ease,transform .18s ease;
  }
  .mobile-consult-dock a+ a::before{content:none}
  .mobile-consult-dock .mobile-consult-dock-action--phone{grid-template-columns:30px minmax(0,1fr)}
  .mobile-consult-dock .mobile-consult-dock-action--contact{grid-template-columns:32px minmax(0,1fr) 12px}
  .mobile-consult-dock-action--phone::after{
    content:"";
    position:absolute;
    top:16px;
    right:0;
    bottom:16px;
    width:1px;
    background:rgba(211,184,119,.78);
    pointer-events:none;
  }
  .mobile-consult-dock-icon{
    width:32px;
    height:36px;
    grid-column:auto;
    grid-row:auto;
  }
  .mobile-consult-dock-icon img{width:30px;height:30px}
  .mobile-consult-dock-action--phone .mobile-consult-dock-icon img{
    width:29px;
    height:29px;
    opacity:1;
    filter:invert(77%) sepia(42%) saturate(603%) hue-rotate(359deg) brightness(90%) contrast(86%);
  }
  .mobile-consult-dock-action--contact .mobile-consult-dock-icon img{width:31px;height:31px}
  .mobile-consult-dock-copy{gap:2px;line-height:1.2}
  .mobile-consult-dock strong,
  .mobile-consult-dock a+ a strong{
    color:#fffdf8;
    font:500 17px/1.25 var(--r-serif);
    letter-spacing:.075em;
  }
  .mobile-consult-dock small,
  .mobile-consult-dock a+ a small{
    color:#eee8da;
    font:400 10px/1.35 var(--r-serif);
    letter-spacing:.065em;
  }
  .mobile-consult-dock-arrow{
    width:11px;
    height:11px;
    border-top:2px solid #d3b877;
    border-right:2px solid #d3b877;
    transform:rotate(45deg);
  }
  .mobile-consult-dock a:active{
    background:rgba(255,255,255,.06);
    box-shadow:none;
    transform:translateY(1px);
  }
  .mobile-consult-dock a+ a:focus-visible{outline-color:#f8f5ee}
}

@media (max-width:340px){
  body{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}
  .mobile-consult-dock{
    min-height:72px;
    padding-right:max(6px,env(safe-area-inset-right,0px));
    padding-left:max(6px,env(safe-area-inset-left,0px));
  }
  .mobile-consult-dock a,
  .mobile-consult-dock a+ a{min-height:72px;padding:9px 10px;gap:8px}
  .mobile-consult-dock .mobile-consult-dock-action--phone{grid-template-columns:25px minmax(0,1fr)}
  .mobile-consult-dock .mobile-consult-dock-action--contact{grid-template-columns:27px minmax(0,1fr) 9px}
  .mobile-consult-dock-icon{width:27px;height:31px}
  .mobile-consult-dock-icon img,
  .mobile-consult-dock-action--phone .mobile-consult-dock-icon img,
  .mobile-consult-dock-action--contact .mobile-consult-dock-icon img{width:25px;height:25px}
  .mobile-consult-dock small,
  .mobile-consult-dock a+ a small{font-size:8px;letter-spacing:.035em}
  .mobile-consult-dock strong,
  .mobile-consult-dock a+ a strong{font-size:14px;letter-spacing:.045em}
  .mobile-consult-dock-arrow{width:8px;height:8px}
}