/* Phone layouts only. Desktop presentation and commerce behavior stay shared. */
@media (max-width: 700px) {
  html { scroll-padding-top: 80px; }
  .premium-site { overflow-x: clip; }
  .premium-site .announcement-bar { display: none; }
  .premium-site .main-header,
  .premium-site .main-header.scrolled { padding: 4px 0; position: sticky; top: 0; z-index: 1000; }
  .premium-site .header-container {
    width: calc(100% - 24px); min-height: 60px;
    grid-template-columns: 44px minmax(76px,1fr) auto; gap: 4px;
  }
  .premium-site .header-logo-img,
  .premium-site .main-header.scrolled .header-logo-img { width: 96px; height: 56px; max-width: 100%; }
  .premium-site .header-actions { gap: 0; }
  .premium-site .icon-btn,
  .premium-site .mobile-menu-toggle { width: 44px; height: 44px; min-width: 44px; padding: 10px; }
  .premium-site .lang-btn { min-width: 28px; min-height: 44px; padding: 4px; font-size: 11px; }
  .premium-site .lang-divider { display: none; }
  .premium-site .pycbell-lang-switcher { gap: 0; margin: 0 !important; }
  .premium-site .cart-count { top: 1px; right: 2px; }
  .premium-site .mobile-nav-drawer { width: min(100%,390px); }
  .premium-site .mobile-nav-header { padding: 16px 20px; }
  .premium-site .mobile-nav-body { padding: 8px 24px calc(24px + env(safe-area-inset-bottom)); }
  .premium-site .mobile-nav-link { min-height: 52px; font-size: 25px; padding: 12px 0; }
  .premium-site .mobile-nav-details a { min-height: 44px; font-size: 14px; padding: 12px 4px; }
  .premium-site .search-dialog { max-height: calc(100dvh - 32px); padding: 20px; }

  /* The decorative bird must not take 90px away from the headline in flex layout. */
  .home-cinematic .scene-bird.sprite-bird { position: absolute; right: 8%; top: 12%; width: 66px; height: 66px; }
  .home-cinematic .journey:not(.is-cinematic) .journey-scene {
    min-height: calc(100svh - 69px); display: flex; align-items: flex-end;
  }
  .home-cinematic .journey:not(.is-cinematic) .journey-copy {
    flex: 0 0 100%; width: 100%; max-width: none; margin: 0; padding: 100px 24px 48px;
  }
  .home-cinematic .journey-copy :is(h1,h2),
  .home-cinematic .scene-home .journey-copy h2 {
    font-size: clamp(36px,10.7vw,60px); line-height: 1.04;
    max-width: 100%; letter-spacing: -.035em; margin-bottom: 20px;
  }
  .home-cinematic .journey-eyebrow { font-size: 9px; letter-spacing: .12em; margin-bottom: 20px; }
  .home-cinematic .journey-copy .journey-description { font-size: 14px; line-height: 1.7; max-width: 370px; margin-bottom: 24px; }
  .home-cinematic .journey-actions { display: grid; grid-template-columns: 1fr; gap: 10px; max-width: 370px; }
  .home-cinematic .journey-actions .btn { width: 100%; min-height: 50px; padding: 14px 18px !important; font-size: 11px; justify-content: space-between; }
  .home-cinematic .journey-toolbar { top: 18px; right: 24px; }
  .home-cinematic .journey-toolbar a { min-height: 44px; font-size: 11px; padding: 12px 18px; }
  .home-cinematic .scene-bird { pointer-events: none; }
  .home-cinematic .home-gateway { padding: 40px 24px; }
  .home-cinematic .home-gateway h2 { font-size: 40px; }
  .home-cinematic .brand-pillars { padding: 28px 24px; gap: 18px; }
  .home-cinematic .brand-pillars span { font-size: 24px; }

  /* Keep the shirt and its choices close together. */
  .closet-page .moda-breadcrumb-wrap { width: calc(100% - 32px); margin-top: 16px; flex-wrap: wrap; gap: 7px; line-height: 1.6; }
  .closet-page .collection-hero { width: calc(100% - 32px); padding: 22px 0 24px; }
  .closet-page .collection-hero-kicker { font-size: 9px; margin-bottom: 10px; }
  .closet-page .collection-hero-title { font-size: clamp(32px,9vw,44px); max-width: 100%; line-height: 1.05; }
  .closet-page .collection-hero-desc { display: none; }
  .closet-page .closet-instruction { font: 400 13px/1.6 var(--font-sans); margin: 12px 0 0; }
  .closet-page .product-showcase-section { width: calc(100% - 32px); margin-bottom: 36px; }
  .closet-page .product-showcase-card { display: flex; flex-direction: column; }
  .closet-page .product-showcase-card > * { width: 100%; min-width: 0; }
  .closet-page .closet-rail { background: transparent; padding: 0 0 16px; }
  .closet-page .edition-switcher-label { font-size: 11px; letter-spacing: .08em; margin-bottom: 10px; }
  .closet-page .edition-tabs-row { gap: 8px; padding: 0 0 8px; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: #95cfbf transparent; }
  .closet-page .edition-tab-btn {
    width: auto; flex: 0 0 auto; min-height: 44px; padding: 10px 15px;
    background: #faf9f6; border: 1px solid #d2d7cd; border-radius: 24px; scroll-snap-align: start;
  }
  .closet-page .closet-rail-photo { display: none; }
  .closet-page .edition-tab-title { color: #292d2a !important; font-size: 13px; white-space: nowrap; }
  .closet-page .edition-tab-btn.active { background: #95cfbf; border-color: #95cfbf; }
  .closet-page .product-gallery-side { padding: 12px; gap: 12px; border-radius: 8px; }
  .closet-page .closet-gallery-top { font-size: 9px; }
  .editorial-products.closet-page .main-image-viewport { height: min(370px,90vw); aspect-ratio: auto; }
  .closet-page .gallery-view-hint { font-size: 11px; bottom: 12px; padding: 10px 14px; }
  .closet-page .gallery-thumbnails-row { gap: 8px; }
  .closet-page .thumbnail-toggle-btn { min-height: 54px; padding: 8px; gap: 8px; }
  .closet-page .thumbnail-mini-img { width: 26px; height: 34px; }
  .closet-page .thumbnail-tag { font-size: 11px; }
  .closet-page .thumbnail-label { display: none; }
  .closet-page .product-details-side { padding: 24px 4px 8px; gap: 22px; border: 0; }
  .closet-page .product-main-title { font-size: 38px; margin: 6px 0 8px; }
  .closet-page .product-garment-spec { display: none !important; }
  .closet-page .product-tagline-quote { font-size: 19px; line-height: 1.4; }
  .closet-page .price-showcase-box { padding-bottom: 16px; border-color: #dcded4; }
  .closet-page .price-label-small { font-size: 10px; }
  .closet-page .price-amount-large { font: 500 23px/1.4 var(--font-sans); }
  .closet-page .price-shipping-pill { font-size: 12px; }
  .closet-page .closet-story { order: 1; border-top: 1px solid #dcded4; padding-top: 16px; }
  .closet-page .closet-story summary { min-height: 44px; font-size: 14px; padding: 10px 0; }
  .closet-page .trust-props-grid { order: 2; }
  .closet-page .spec-label-row,
  .closet-page .spec-label-row > span { font-size: 13px !important; }
  .closet-page .color-swatches-grid { gap: 7px; }
  .closet-page .color-swatch-box { width: 44px; height: 44px; padding: 5px; }
  .closet-page .color-swatch-box.active { border-color: #292d2a; padding: 4px; }
  .closet-page .color-selection-notice .notice-text { font-size: 12px; line-height: 1.6; }
  .closet-page .size-pill-btn { flex: 1; min-height: 48px; font-size: 14px; }
  .closet-page .fabric-options { margin: 0; }
  .closet-page .fabric-options legend { font-size: 13px; letter-spacing: .04em; }
  .closet-page .fabric-option { min-height: 64px; padding: 14px; font-size: 14px; line-height: 1.5; gap: 12px; border-radius: 6px; }
  .closet-page .fabric-option:has(input:checked) { border-color: #628f7f; background: #e6f2ed; }
  .closet-page .fabric-option input { accent-color: #426c5d; width: 20px; height: 20px; }
  .closet-page .cta-row-flex { flex-direction: column; align-items: stretch; gap: 12px; }
  .closet-page .quantity-stepper { height: 48px; width: 144px; align-items: center; }
  .closet-page .qty-btn { width: 44px; height: 44px; color: #262626; }
  .closet-page .qty-val { font-size: 15px; }
  .closet-page .product-details-side .btn-add-to-bag { flex: none; min-height: 56px; padding: 16px 12px; font-size: 12px; letter-spacing: 0; gap: 8px; }
  .closet-page .trust-prop-item { font-size: 11px; }
  .closet-page .collection-grid-section,
  .closet-page .editorial-craft-section,
  .closet-page .garment-care-section { width: calc(100% - 32px); padding: 32px 0; }
  .closet-page .collection-grid-header h2,
  .closet-page .craft-section-title { font-size: 34px; }

  /* Two readable product cards per row instead of one screen per product. */
  .storefront .store-shell { width: calc(100% - 32px); }
  .storefront .store-intro-description { font-size: 14px; }
  .storefront .store-line-link { font-size: 12px; }
  .storefront .store-filter { font-size: 12px; min-height: 46px; }
  .storefront .store-secondary .store-filter { font-size: 12px; padding: 10px 12px; }
  .storefront .store-catalog-heading { flex-wrap: wrap; gap: 4px 12px; }
  .storefront .store-catalog-heading p { font-size: 13px; }
  .storefront .store-results { font-size: 12px; }
  .editorial-products .store-grid[data-editorial-count],
  .editorial-products.closet-page .collection-grid-cards { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 12px; }
  .editorial-products .store-grid[data-editorial-count="1"] { grid-template-columns: 1fr; }
  .editorial-products .store-grid[data-editorial-count] .store-product:not([hidden]) { display: flex; flex-direction: column; }
  .editorial-products .store-grid[data-editorial-count] .store-product-info { padding: 12px 0 0; flex: 1; }
  .editorial-products .store-grid[data-editorial-count] .store-product h3 { font-size: 23px; line-height: 1.12; margin: 6px 0 12px; }
  .editorial-products .store-product-category { font-size: 10px; line-height: 1.5; }
  .editorial-products .store-grid[data-editorial-count] .store-price { font-size: 13px; margin-top: auto; margin-bottom: 12px; }
  .editorial-products .store-action { font-size: 11px; min-height: 48px; padding: 10px 8px; }
  .editorial-products .store-grid .editorial-caption,
  .editorial-products .store-grid .editorial-quick,
  .editorial-products.closet-page .collection-grid-cards .editorial-caption { display: none; }
  .editorial-products.closet-page .collection-card-info { padding: 14px 0 0; }
  .editorial-products.closet-page .collection-card-city { font-size: 24px; }
  .editorial-products.closet-page .collection-card-desc { font-size: 12px; line-height: 1.6; }
  .editorial-products.closet-page .collection-card-price { flex-direction: column; align-items: stretch; gap: 10px; }
  .editorial-products.closet-page .collection-card-btn { min-width: 0; min-height: 48px; width: 100%; font-size: 12px; }
  .storefront .store-product-dialog { width: calc(100% - 20px); max-height: calc(100dvh - 20px); }
  .storefront .store-detail-copy { padding: 24px 20px; }
  .storefront .store-original-details { font-size: 14px; line-height: 1.7; }
  .storefront .store-detail-copy .store-action { min-height: 52px; font-size: 13px; }

  .premium-site .cart-header { padding: 16px; flex-shrink: 0; }
  .premium-site .cart-header h3 { font-size: 27px; }
  .premium-site .cart-body { padding: 0 16px 16px; min-height: 0; overscroll-behavior: contain; }
  .premium-site .cart-item { align-items: flex-start !important; }
  .premium-site .cart-item-img { flex-shrink: 0; }
  .premium-site .cart-item-actions { padding: 0 !important; gap: 0 !important; }
  .premium-site .cart-item-actions button { width: 44px !important; height: 44px !important; color: #262626 !important; }
  .premium-site .remove-item-btn { min-width: 36px; min-height: 44px; color: #555c57 !important; }
  .premium-site .close-cart,
  .premium-site .mobile-nav-close { color: #262626; }
  .premium-site .cart-footer { padding: 18px 16px calc(18px + env(safe-area-inset-bottom)); flex-shrink: 0; }
  .premium-site .checkout-btn { min-height: 54px; padding: 16px; font-size: 14px; }
  .premium-site .footer-v4-container { width: calc(100% - 40px); }
  .premium-site .footer-v4 a { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; line-height: 1.5; }
  .premium-site .footer-v4 h4 { font-size: 11px; }
  .premium-site .footer-v4 p { font-size: 14px; }
  .premium-site .footer-v4 { padding-bottom: calc(28px + env(safe-area-inset-bottom)); }
  .premium-site .whatsapp-float { width: 44px; height: 44px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); }
  .premium-site .whatsapp-float { position: static; display: flex; margin: 0 16px 20px auto; }
}