/* DAIDA mobile polish. Phone = Framer's phone breakpoint (up to 809px). */

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
html, body { overflow-x: clip; }
a, button, [role="button"] { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }

@media (max-width: 809.98px) {
  /* Keep phones from zooming into form fields (iOS zooms below 16px). */
  input, textarea, select { font-size: 16px !important; }

  /* Footer: bigger, easier to hit links. */
  .framer-styles-preset-fcd2rz { display: inline-block !important; padding: 8px 0 !important; font-size: 13px !important; line-height: 1.2 !important; }
  /* Size guide / Details: match the width of the buy buttons above them. */
  [data-framer-name="Info + Purchase Options"] .framer-zu7tqp-container { width: 100% !important; max-width: none !important; }

  /* Product page: comfortable tap sizes for size pills and buy buttons. */
  [data-pdp-v29-block] button { min-height: 46px; touch-action: manipulation; }
  [data-pdp-v29-block] > div:first-child { gap: 10px !important; }
  [data-pdp-v29-block] > div:first-child > button { min-width: 50px; }
  [data-pdp-v29-block] > button { min-height: 52px; }

  /* Room for the notch / home indicator below the footer. */
  body { padding-bottom: env(safe-area-inset-bottom, 0px); }
}

/* Sticky add-to-cart bar (phones, product pages only). */
.daida-sticky-atc { display: none; }
@media (max-width: 809.98px) {
  .daida-sticky-atc {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 20;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
    background: rgba(255, 255, 255, 0.96);
    -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    transform: translateY(110%); transition: transform .22s ease; pointer-events: none;
    font-family: Inter, "Inter Variable", system-ui, sans-serif;
  }
  .daida-sticky-atc.is-on { transform: translateY(0); pointer-events: auto; }
  .daida-sticky-atc__info { font-size: 14px; font-weight: 500; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
  .daida-sticky-atc__btn {
    flex: 0 0 auto; min-width: 140px; min-height: 46px; padding: 0 22px; border: 0; border-radius: 999px;
    background: #000; color: #fff; font-weight: 600; font-size: 15px; line-height: 1; font-family: inherit; cursor: pointer;
  }
  .daida-sticky-atc__btn:disabled { opacity: .6; }
}

/* Framer badges removed on every page. */
#__framer-badge-container, [data-framercommerce-widget], .__framer-badge, a[href*="framercommerce.com"], a[href*="framer.com/?utm"] { display: none !important; visibility: hidden !important; }

/* ---- Phone product cards: even, tidy tiles (like the original phone view) ---- */
@media (max-width: 809.98px) {
  /* Every photo gets the same 3:4 frame, whatever shape the original is. */
  .framer-TQ3zH .framer-aw3ihj { left: 14px !important; right: 14px !important; width: auto !important; height: auto !important; aspect-ratio: 3 / 4 !important; }
  .framer-TQ3zH .framer-aw3ihj img { object-fit: contain !important; }
  .framer-TQ3zH .framer-11mlgu3 { padding: 8px 4px 4px !important; }
  .framer-TQ3zH .framer-5ir7dc p { font-size: 12px !important; line-height: 1.25em !important; }
  .framer-TQ3zH .daida-card-price { font-size: 12px !important; margin-top: 3px !important; }
  .framer-TQ3zH .framer-6hjykz-container p { font-size: 10px !important; }
  .framer-TQ3zH .framer-6hjykz-container a { padding: 0 !important; }
  .daida-toast { bottom: calc(76px + env(safe-area-inset-bottom, 0px)); max-width: calc(100vw - 32px); }
}

/* ---- Phone homepage slider: narrower cards, whole photo visible (v36) ---- */
@media (max-width: 809.98px) {
  html body div[class*="pc-"][class*="-slide"][class*="-slide"] {
    flex-basis: 62% !important; min-width: 62% !important; max-width: 62% !important;
    height: auto !important;
  }
  [class*="pc-"][class*="-slide"] > .framer-TQ3zH { height: auto !important; padding-bottom: 12px !important; gap: 0 !important; }
  [class*="pc-"][class*="-slide"] .framer-1jj6lr9 {
    flex: none !important; height: auto !important; aspect-ratio: 3 / 4 !important; width: 100% !important;
  }
  [class*="pc-"][class*="-slide"] .framer-1jj6lr9 > .framer-aw3ihj,
  [class*="pc-"][class*="-slide"] .framer-1jj6lr9 > .framer-2lmugh {
    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    width: 100% !important; height: 100% !important; aspect-ratio: auto !important; transform: none !important;
  }
  [class*="pc-"][class*="-slide"] .framer-1jj6lr9 img { object-fit: contain !important; }
  [class*="pc-"][class*="-slide"] .framer-11mlgu3 { position: relative !important; bottom: auto !important; left: 0 !important; right: 0 !important; width: 100% !important; align-items: flex-start !important; text-align: left !important; }
}

/* Homepage hero (v38): no subheading, only the "Shop collection" button. */
.framer-31j7ch, .framer-vcuya1-container { display: none !important; }