.product-sticky-purchase { display: none; }

@media (max-width: 767.98px) {
  .product-detail-page { padding-bottom: 78px; }

  .product-detail-main .product-gallery__thumbs {
    gap: 8px;
    padding: 1px 1px 2px;
    scrollbar-width: none;
  }

  .product-detail-main .product-gallery__thumbs::-webkit-scrollbar { display: none; }

  .product-detail-main .product-gallery__thumbs button {
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    padding: 4px;
    border-radius: 8px;
  }

  .product-sticky-purchase {
    position: fixed;
    z-index: 185;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    min-height: 70px;
    grid-template-columns: minmax(105px, .72fr) minmax(180px, 1.28fr);
    align-items: center;
    gap: 12px;
    padding: 10px max(12px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
    border-top: 1px solid #e3e5e9;
    background: rgb(255 255 255 / 96%);
    box-shadow: 0 -10px 30px rgb(19 23 31 / 13%);
    opacity: 0;
    pointer-events: none;
    transform: translateY(115%);
    transition: opacity .2s ease, transform .28s cubic-bezier(.2, .8, .2, 1);
    backdrop-filter: blur(13px);
  }

  .product-sticky-purchase.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  .product-sticky-purchase__price { display: flex; min-width: 0; flex-direction: column; }
  .product-sticky-purchase__price small { margin-bottom: 3px; color: #7b8089; font-size: 10px; font-weight: 500; }
  .product-sticky-purchase__price strong { overflow: hidden; color: var(--brand-red); font-size: 21px; line-height: 1.1; white-space: nowrap; text-overflow: ellipsis; }

  .product-sticky-purchase > button {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    border: 0;
    border-radius: 11px;
    background: var(--brand-red);
    box-shadow: 0 8px 20px rgb(237 0 23 / 20%);
    color: #fff;
    font: 800 14px Roboto, sans-serif;
    cursor: pointer;
  }

  .product-sticky-purchase > button:active { transform: scale(.98); }
  .product-sticky-purchase > button img { width: 20px; filter: brightness(0) invert(1); }
  .product-sticky-purchase > button.is-added { background: #239447; box-shadow: 0 8px 20px rgb(35 148 71 / 20%); }

  body.mobile-category-is-open .product-sticky-purchase,
  body.is-feedback-modal-open .product-sticky-purchase,
  body.is-description-modal-open .product-sticky-purchase,
  body.is-gallery-modal-open .product-sticky-purchase {
    opacity: 0;
    pointer-events: none;
    transform: translateY(115%);
  }

  body:has(.product-detail-page) .layout-settings { bottom: 88px; }
}

@media (max-width: 359.98px) {
  .product-sticky-purchase { grid-template-columns: 102px 1fr; gap: 8px; }
  .product-sticky-purchase__price strong { font-size: 18px; }
  .product-sticky-purchase > button { padding-inline: 10px; font-size: 13px; }
}