/* The existing mobile contact bar keeps its theme styles. */
.taif-contact-copy { display: none; }

@media (min-width: 768px) {
  html { scroll-padding-bottom: 144px; }
  body.taif-desktop-contact-ready { padding-bottom: 132px; }
  #tmSticky {
    display: flex;
    box-sizing: border-box;
    width: min(1000px, calc(100% - 48px));
    right: auto;
    left: 50%;
    bottom: 22px;
    gap: 28px;
    padding: 22px 28px;
    border: 1px solid rgba(232, 191, 129, .5);
    border-radius: 22px;
    background: radial-gradient(ellipse at 100% 0, rgba(166, 95, 146, .38), transparent 62%), #321f31;
    box-shadow: 0 14px 44px rgba(33, 15, 31, .28), 0 3px 10px rgba(33, 15, 31, .16);
    color: #fff;
    isolation: isolate;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, calc(100% + 32px));
    transition: transform .5s cubic-bezier(.22, 1, .36, 1), visibility .5s;
  }
  #tmSticky.active {
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
  }
  #tmSticky .tm-sticky__text { display: none; }
  #tmSticky .taif-contact-copy { display: grid; gap: 6px; min-width: 0; }
  #tmSticky .taif-contact-copy__eyebrow { color: #e8bf81; font-size: 12px; line-height: 1.5; font-weight: 500; }
  #tmSticky .taif-contact-copy__title { color: #fff; font-size: 23px; line-height: 1.4; font-weight: 800; }
  #tmSticky .tm-sticky__btns { align-items: center; gap: 12px; flex-shrink: 0; }
  #tmSticky .tm-btn {
    box-sizing: border-box;
    min-height: 52px;
    min-width: 160px;
    justify-content: center;
    gap: 10px;
    padding: 14px 24px;
    border: 1px solid transparent;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.4;
    white-space: nowrap;
    text-decoration: none;
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
  }
  #tmSticky .tm-btn--whatsapp { background: #25d366; color: #102d1b; box-shadow: 0 5px 18px rgba(37, 211, 102, .16); }
  #tmSticky .tm-btn--whatsapp .taif-icon { width: 23px; height: 23px; }
  #tmSticky .tm-btn--primary { background: #f3d5a6; color: #321f31; box-shadow: 0 5px 18px rgba(243, 213, 166, .14); }
  #tmSticky .tm-btn--primary::after { content: '\2190'; font-size: 21px; line-height: 1; }
  #tmSticky .tm-btn:hover { transform: translateY(-3px); box-shadow: 0 8px 22px rgba(0, 0, 0, .24); }
  #tmSticky .tm-btn--whatsapp:hover { background: #4fe383; color: #102d1b; }
  #tmSticky .tm-btn--primary:hover { background: #ffe5bd; color: #321f31; }
  #tmSticky .tm-btn:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
}

@media (min-width: 768px) and (max-width: 960px) {
  #tmSticky { padding: 18px 22px; gap: 18px; }
  #tmSticky .taif-contact-copy__title { font-size: 20px; }
  #tmSticky .tm-btn { min-width: 142px; padding-inline: 18px; }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  #tmSticky, #tmSticky .tm-btn { transition: none; }
  #tmSticky .tm-btn:hover { transform: none; }
}

@media print {
  #tmSticky { display: none !important; }
  body.taif-desktop-contact-ready { padding-bottom: 0; }
}