/* Phone storefront, loaded after the shared desktop styles. */
.m-mobile-nav { display: none; }
.m-card-product-link { display: block; height: 100%; }
@media (max-width: 767px) {
  :root { --m-phone-header: 84px; --m-phone-nav: calc(64px + env(safe-area-inset-bottom)); }
  html { scroll-padding-top: 100px; }
  body.site1-body { padding-bottom: var(--m-phone-nav); }
  .m-container { width: calc(100% - 32px); min-width: 0; }
  .m-header { padding: 10px 0; }
  .m-header > .flex-between { grid-template-columns: 44px minmax(0, 1fr) 44px; gap: 8px; }
  .m-header .m-brand-logo { justify-self: center; }
  .m-header .m-nav-right { gap: 0; }
  .m-header #mSearchBtn, .m-header #mAuthBtn, .m-header .m-burger-btn span { display: none; }
  .m-header .m-burger-btn, .m-header .m-icon-btn { width: 44px; height: 44px; padding: 0; justify-content: center; font-size: 17px; }
  .m-header .m-logo-lockup { width: 156px; height: 62px; gap: 8px; }
  .m-header .m-logo-emblem { width: 34px; height: 62px; }
  .m-header .m-logo-emblem img { width: 90px; left: -29px; top: -2px; }
  .m-header .m-logo-wordmark { width: 114px; height: 50px; }
  .m-header .m-logo-wordmark img { width: 120px; left: -3px; top: -88px; }
  .m-ticker { padding: 8px 0; }
  .m-ticker-track { font-size: 10px; letter-spacing: .13em; }
  .section-padding, .m-story-section, .m-film-section, .m-reviews-section, .m-newsletter-section, .m-unboxing-section { padding: 36px 0; }
  #categories { padding-top: 28px; }
  .m-section-header { margin-bottom: 22px; }
  .m-section-title { font-size: clamp(26px, 7vw, 34px); line-height: 1.2; margin-bottom: 12px; }
  .m-overline { font-size: 10px; letter-spacing: .16em; }
  .m-section-sub { font-size: 14px; line-height: 1.65; }
  .m-categories-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 22px; }
  .m-cat-card { height: 210px; border-radius: 12px; }
  .m-cat-card:last-child:nth-child(odd) { grid-column: 1 / -1; height: 155px; }
  .m-cat-overlay { padding: 12px; background: linear-gradient(to top, #f6f3eef5, #f6f3eea6 40%, transparent 78%); }
  .m-cat-count, .m-cat-desc { display: none; }
  .m-cat-title { font-size: 18px; line-height: 1.2; margin-bottom: 8px; }
  .m-cat-btn { font-size: 10px; letter-spacing: .035em; min-height: 44px; }
  .m-cat-btn::after { content: ''; position: absolute; inset: 0; }
  .m-btn { min-height: 48px; padding: 13px 20px; font-size: 12px; letter-spacing: .07em; max-width: 100%; white-space: normal; }
  .m-catalogue-header-flex { gap: 18px; margin-bottom: 22px; }
  .m-filter-tabs { width: 100%; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 8px; }
  .m-f-btn, .m-cat-pill, .m-subcat-chip { min-height: 44px; flex-shrink: 0; }
  .m-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .m-card { min-width: 0; border-radius: 12px; }
  .m-card-img-wrap { height: auto; aspect-ratio: 1 / 1.15; }
  .m-card-img { height: 100%; width: 100%; object-fit: cover; }
  .m-card-badge { font-size: 8px; padding: 5px 7px; left: 7px; top: 7px; max-width: calc(100% - 14px); white-space: normal; }
  .m-card-quickview-btn { display: none; }
  .m-card-body { padding: 12px; }
  .m-card-cat { font-size: 9px; letter-spacing: .05em; }
  .m-card-title { font-size: 17px; line-height: 1.25; overflow-wrap: anywhere; }
  .m-card-materials { display: none; }
  .m-card-footer { flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 14px; }
  .m-card-price { font-size: 16px; }
  .m-card-add-btn { min-height: 44px; padding: 8px 12px; width: 100%; justify-content: center; }
  .m-film-box, .m-newsletter-box { padding: 24px 16px; }
  .m-film-frame { margin-top: 20px; }
  .m-film-badge { top: 8px; left: 8px; padding: 5px 8px; font-size: 9px; }
  .m-film-btn { bottom: 8px; right: 8px; width: 44px; height: 44px; }
  .m-story-grid, .m-unboxing-card, .m-reviews-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .m-story-img-wrap, .m-story-image { max-height: 360px; }
  .m-story-title, .m-newsletter-box h2 { font-size: 28px; line-height: 1.2; }
  .m-unboxing-content, .m-review-card { padding: 24px 20px; }
  .m-newsletter-form { flex-direction: column; width: 100%; }
  .m-news-input, .m-news-submit { width: 100%; min-width: 0; min-height: 48px; }
  .m-footer { padding: 36px 0 28px; }
  .m-footer-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .m-footer-brand { align-items: center; }
  .m-footer a { overflow-wrap: anywhere; }
  .m-f-links a { display: inline-flex; align-items: center; min-height: 44px; }
  .m-f-links { gap: 0; }
  .m-social-link { width: 44px; height: 44px; }
  .m-category-hero { padding: 24px 0; }
  .m-category-hero-inner { gap: 16px; }
  .m-category-hero-text { min-width: 0; }
  .m-category-hero-avatar { display: none; }
  .m-breadcrumb { font-size: 10px; letter-spacing: .04em; flex-wrap: wrap; }
  .m-cat-pills-wrap { position: static; padding: 10px 0; }
  .m-subcat-chips { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 8px; margin: 16px 0; }
  .m-cat-toolbar { padding: 12px; gap: 12px; margin-bottom: 20px; }
  .m-cat-search { width: 100%; max-width: none; min-width: 0; }
  .m-cat-search input { min-width: 0; }
  .m-cat-sort-wrap { width: 100%; flex-direction: column; align-items: stretch; gap: 10px; }
  .m-cat-sort select { width: 100%; min-height: 44px; }
  input, select, textarea, .m-auth-input, .m-search-modal-input, .m-cat-search input, .m-news-input { font-size: 16px; }
  .m-modal-backdrop { padding: 12px; }
  .m-modal-box, .m-auth-modal-box { width: 100%; max-height: calc(var(--m-visible-height, 100dvh) - 24px); overflow-y: auto; padding: 48px 20px 24px; overscroll-behavior: contain; }
  #mQuickviewContent > div { grid-template-columns: minmax(0, 1fr) !important; gap: 20px !important; }
  #mPackagingBackdrop .m-modal-box > div { grid-template-columns: minmax(0, 1fr) !important; }
  .m-modal-close-btn, .m-drawer-close, .m-search-close-btn, .m-search-clear-btn { min-width: 44px; min-height: 44px; }
  .m-search-modal-backdrop { padding: 0; }
  .m-search-modal-box { width: 100%; height: var(--m-visible-height, 100dvh); max-height: var(--m-visible-height, 100dvh); border-radius: 0; border: 0; }
  .m-search-modal-header { padding: max(12px, env(safe-area-inset-top)) 12px 12px; gap: 6px; }
  .m-search-input-wrap { min-width: 0; padding: 8px 10px; gap: 8px; }
  .m-search-modal-input { min-width: 0; width: 100%; }
  .m-search-quick-tags { padding: 8px 12px; flex-wrap: nowrap; overflow-x: auto; flex-shrink: 0; }
  .m-search-tag-label { display: none; }
  .m-search-tag-btn { min-height: 44px; white-space: nowrap; flex-shrink: 0; }
  .m-search-results { padding: 12px 16px max(24px, env(safe-area-inset-bottom)); max-height: none; min-height: 0; }
  .m-search-result-item { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 10px; padding: 16px 0; }
  .m-search-result-thumb { width: 64px; height: 76px; grid-row: 1 / 3; }
  .m-search-result-info { grid-column: 2 / 4; }
  .m-search-result-title { white-space: normal; font-size: 15px; line-height: 1.4; }
  .m-search-result-mat { display: none; }
  .m-search-result-cat { font-size: 9px; }
  .m-search-result-price { margin-left: 0; grid-column: 2; }
  .m-search-result-actions { grid-column: 3; }
  .m-search-add-btn { min-height: 44px; }
  .m-cart-drawer, .m-drawer, .m-profile-drawer, .m-cat-drawer { width: 100%; max-width: 100%; height: 100dvh; }
  .m-drawer-body, .m-profile-body, .m-cat-drawer-body { min-height: 0; overscroll-behavior: contain; }
  .m-drawer-header, .m-drawer-body, .m-drawer-footer, .m-profile-body { padding-left: 16px; padding-right: 16px; }
  .m-drawer-footer { padding-bottom: max(16px, env(safe-area-inset-bottom)); }
  .m-cart-item { gap: 12px; }
  .m-cart-item-img { width: 58px; height: 68px; }
  .m-cart-qty-btn, .m-cart-remove-btn { min-width: 44px; min-height: 44px; }
  .m-cart-item-title { overflow-wrap: anywhere; }
  .m-product-page { padding-top: 20px; padding-bottom: 40px; }
  .m-product-page .m-breadcrumb { margin-bottom: 18px; }
  .m-product-layout { gap: 24px; }
  .m-product-photo img { aspect-ratio: 1 / 1; max-height: 440px; }
  .m-product-details h1 { font-size: 28px; line-height: 1.2; }
  .m-product-purchase { gap: 12px; }
  .m-product-purchase input { width: 72px; }
  .m-product-purchase button { padding-left: 12px; padding-right: 12px; }
  .m-whatsapp { bottom: calc(var(--m-phone-nav) + 16px); right: 16px; }
  .m-toast { bottom: calc(var(--m-phone-nav) + 16px); max-width: calc(100% - 32px); white-space: normal; }
  .m-mobile-nav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); position: fixed; bottom: 0; left: 0; right: 0; z-index: 1050; min-height: var(--m-phone-nav); padding: 4px 8px calc(4px + env(safe-area-inset-bottom)); background: #fffdf8; border-top: 1px solid var(--m-beige-border); box-shadow: 0 -4px 20px #0a192f08; }
  .m-mobile-nav a, .m-mobile-nav button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-height: 56px; min-width: 0; padding: 4px; border: 0; background: transparent; text-decoration: none; color: #302719; font: inherit; font-size: 10px; cursor: pointer; }
  .m-mobile-nav i { font-size: 19px; color: inherit; }
  .m-mobile-nav [aria-current="page"] { color: #8b6131; }
  .m-mobile-nav :focus-visible { outline: 2px solid #8b6131; outline-offset: -2px; border-radius: 8px; }
  body:has(.m-modal-backdrop.active, .m-drawer-backdrop.active, .m-cat-drawer-backdrop.active) { overflow: hidden; }
  body:has(.m-modal-backdrop.active, .m-drawer-backdrop.active, .m-cat-drawer-backdrop.active) .m-mobile-nav,
  body:has(.m-modal-backdrop.active, .m-drawer-backdrop.active, .m-cat-drawer-backdrop.active) .m-whatsapp { visibility: hidden; }
}
@media (max-width: 359px) {
  .m-card-title { font-size: 15px; }
  .m-card-body { padding: 10px; }
  .m-cat-title { font-size: 16px; }
  .m-cat-card { height: 190px; }
  .m-cat-btn { font-size: 9px; }
  .m-card-badge { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .m-ticker-track { animation: none; }
}
@media (max-width: 767px) {
  .m-cart-item-title { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.4; }
  body:has(.m-modal-backdrop.active, .m-drawer-backdrop.active, .m-cat-drawer-backdrop.active) .m-toast { visibility: hidden; }
}