/* Botanica – Spin to Bloom appearance-only fixes */
@media (max-width: 768px){
  .btw-modal, .spinwheel-modal, #botanica-spinwheel, .botanica-spin-to-bloom, .spin-to-bloom-modal {
    position: fixed !important;
    inset: 16px 12px calc(16px + env(safe-area-inset-bottom)) 12px !important;
    width: auto !important;
    max-width: 520px;
    margin: 0 auto !important;
    border-radius: 20px !important;
    z-index: 999999 !important;
  }
  .btw-backdrop, .spinwheel-backdrop, .spin-to-bloom-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,.55) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    z-index: 999998 !important;
  }
  .btw-modal .header, .spinwheel-modal .header, .spin-to-bloom-modal .header, #botanica-spinwheel .header {
    padding: 18px 52px 8px 18px !important;
    line-height: 1.2 !important;
  }
  .btw-close, .spinwheel-close, .spin-to-bloom-close, #botanica-spinwheel .close {
    position: absolute !important;
    top: 10px; right: 10px;
    width: 36px; height: 36px;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    display: grid; place-items: center;
    z-index: 2;
  }
  .btw-close::before, .spinwheel-close::before, .spin-to-bloom-close::before, #botanica-spinwheel .close::before {
    content: "";
    width: 16px; height: 16px;
    background: #E7D8A6;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M18.3 5.7a1 1 0 0 0-1.4-1.4L12 9.17 7.1 4.3a1 1 0 1 0-1.4 1.4L10.83 12l-5.13 4.9a1 1 0 1 0 1.4 1.4L12 14.83l4.9 5.13a1 1 0 0 0 1.4-1.4L13.17 12z'/></svg>") center/contain no-repeat;
            mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M18.3 5.7a1 1 0 0 0-1.4-1.4L12 9.17 7.1 4.3a1 1 0 1 0-1.4 1.4L10.83 12l-5.13 4.9a1 1 0 1 0 1.4 1.4L12 14.83l4.9 5.13a1 1 0 0 0 1.4-1.4L13.17 12z'/></svg>") center/contain no-repeat;
  }
  .btw-wheel-wrap, .spinwheel-wheel-wrap, .spin-to-bloom-wheel-wrap, #botanica-spinwheel .wheel-wrap, canvas#spinwheel-canvas {
    width: 100% !important;
    max-width: 92vw !important;
    margin: 8px auto 0 !important;
    aspect-ratio: 1 / 1 !important;
    display: block !important;
  }
  .btw-wheel-wrap canvas, .spinwheel-wheel-wrap canvas, .spin-to-bloom-wheel-wrap canvas, #botanica-spinwheel canvas {
    width: 100% !important;
    height: auto !important;
  }
  .btw-pointer, .spinwheel-pointer, .spin-to-bloom-pointer, #botanica-spinwheel .pointer {
    position: absolute !important;
    top: calc(18px + 52px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border-width: 12px 8px 0 8px !important;
    z-index: 2 !important;
  }
  .btw-cta, .spinwheel-cta, .spin-to-bloom-cta, #botanica-spinwheel .cta, button.spin-to-bloom-cta {
    display: block;
    width: min(360px, 86vw);
    margin: 18px auto 20px !important;
  }
  .btw-modal .content, .spinwheel-modal .content, .spin-to-bloom-modal .content, #botanica-spinwheel .content {
    padding-bottom: calc(22px + env(safe-area-inset-bottom, 0px)) !important;
  }
}
.btw-backdrop, .spinwheel-backdrop, .spin-to-bloom-backdrop { z-index: 999998 !important; }