/* PAHM mobile commerce polish — production layer */
@media (max-width:900px){
  :root{--mobile-gutter:16px;--mobile-line:#ded7cf;--mobile-ink:#191715;--mobile-muted:#756f68}
  html,body{width:100%;overflow-x:hidden;background:#faf8f4}
  body{font-synthesis:none}

  /* Header: primary PAHM by Pham masthead is always visible on mobile. */
  .header{height:76px!important;min-height:76px!important;padding:0 16px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;align-items:center!important;border-bottom:1px solid rgba(222,216,208,.7);position:sticky!important;top:0!important;z-index:60!important;background:rgba(250,248,244,.98)!important}
  .brand{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:62!important;justify-self:center!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;width:max-content!important;min-width:92px!important;height:58px!important;transform:none!important;color:#111!important;text-decoration:none!important}
  .brand .brand-pahm{display:block!important;visibility:visible!important;opacity:1!important;font-family:"Cormorant Garamond","Bodoni Moda","Didot",serif!important;font-size:22px!important;font-weight:500!important;line-height:.88!important;letter-spacing:.22em!important;padding-left:.22em!important;color:#111!important;white-space:nowrap!important}
  .brand .brand-bypham{display:block!important;visibility:visible!important;opacity:.84!important;width:56px!important;height:18px!important;object-fit:contain!important;margin:1px 0 0!important}
  .brand .brand-monogram,.brand>img:not(.brand-bypham){display:none!important}
  .mobile-menu{font-size:0!important;width:40px;height:40px;position:relative;z-index:63!important;border:0!important;background:none!important}
  .mobile-menu:before{content:'☰';font-size:17px;line-height:1}
  .right-nav{display:flex!important;justify-content:flex-end!important;position:relative!important;z-index:63!important}
  .right-nav button{font-size:0!important;width:40px;height:40px;padding:0!important}
  .right-nav button:last-child{display:block!important}
  .right-nav button:last-child:before{content:'♧';font-size:20px}
  .right-nav button:last-child span{font-size:8px!important;vertical-align:top;position:relative;top:-2px}
  .right-nav button:nth-child(1),.right-nav button:nth-child(2){display:none!important}

  .services{padding:24px 16px!important;gap:0!important;border-bottom:1px solid var(--mobile-line)}
  .services>div{min-height:100px;padding:13px 8px!important;display:flex;flex-direction:column;align-items:center;justify-content:center}
  .services>div:nth-child(odd){border-right:1px solid var(--mobile-line)}
  .services>div:nth-child(3),.services>div:nth-child(4){border-top:1px solid var(--mobile-line)}
  .service-monogram{width:27px!important;height:27px!important;margin:0 auto 9px!important}
  .services>div b{font-size:8px!important;letter-spacing:.15em!important;white-space:nowrap}
  .services>div small{font-size:9px!important;color:#8a837b!important;margin-top:5px!important}

  .shop{padding:48px 16px 62px!important}
  .section-heading{margin:0 0 22px!important;padding:0 0 14px!important;align-items:center!important}
  .section-heading h2{font-size:31px!important;letter-spacing:.16em!important}
  .section-heading a{font-size:8px!important;letter-spacing:.16em!important}
  .product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 10px!important;align-items:start!important}
  .product-card{width:100%!important;min-width:0!important}
  .product-image{width:100%!important;aspect-ratio:3/4!important;height:auto!important;background:#e8e0d7!important;overflow:hidden!important;position:relative!important}
  .product-image>img{display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center center!important;background:#e8e0d7!important}
  .product-image>img[data-failed="1"]{opacity:1!important;visibility:visible!important}
  .product-image>img[data-failed="1"] + .badge:after{content:' IMAGE UNAVAILABLE';display:block;margin-top:6px;font-size:6px;letter-spacing:.08em;color:#9a9289}
  .product-image .badge{top:10px!important;left:10px!important;padding:9px 11px!important;font-size:7px!important;letter-spacing:.15em!important;background:rgba(255,255,255,.95)!important}
  .product-image .heart{top:9px!important;right:8px!important;font-size:28px!important;line-height:1!important}
  .product-view-btn{left:10px!important;bottom:10px!important;min-width:72px!important;height:36px!important;padding:0 13px!important;font-size:9px!important;letter-spacing:.16em!important}
  .product-info{padding-top:11px!important}
  .product-line{display:block!important;min-height:0!important;font-size:8px!important;line-height:1.45!important;letter-spacing:.11em!important;color:#4f4a45!important}
  .product-line span:first-child{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  .product-line span:last-child{display:block!important;margin-top:7px!important;font-size:10px!important;letter-spacing:.08em!important;color:#222!important}
  .product-info p{display:none!important}
  .preorder-label{display:block!important;margin-top:10px!important;padding-bottom:9px!important;border-bottom:1px solid #cdbfb0!important;font-size:7px!important;letter-spacing:.18em!important;color:#a18b77!important}

  .private-banner{display:block!important;padding:0!important;background:#eee7de!important;border-top:1px solid #ddd5cc!important}
  .private-copy{display:grid!important;grid-template-columns:58px 1fr!important;gap:18px!important;align-items:center!important;padding:38px 25px 28px!important}
  .private-copy .pahm-monogram{width:58px!important;height:58px!important}
  .private-pahm{font-size:31px!important;letter-spacing:.23em!important}
  .private-bypham{width:72px!important;margin-top:2px!important}
  .private-lockup p{font-size:9px!important;line-height:1.65!important;color:#7d766e!important;max-width:280px!important;margin:12px 0 0!important}
  .private-banner form{display:grid!important;grid-template-columns:minmax(0,1fr) 92px!important;margin:0 25px 28px!important;width:auto!important;max-width:none!important}
  .private-banner input[type=email]{height:52px!important;box-sizing:border-box!important;padding:0 16px!important;font-size:9px!important;border:1px solid #cfc4b9!important;background:#faf8f4!important}
  .private-banner form button{height:52px!important;padding:0!important;font-size:8px!important;letter-spacing:.2em!important}
  .private-banner label{grid-column:1/-1;margin-top:10px;font-size:7px;color:#8b837a;line-height:1.4}
  .gift-image{display:none!important}

  footer{padding:42px 24px 28px!important;gap:30px 18px!important;background:#faf8f4!important;border-top:1px solid var(--mobile-line)}
  .footer-brand{padding-bottom:10px}
  .footer-brand .pahm-monogram{width:48px!important;height:48px!important}
  .footer-pahm{font-size:30px!important}
  .footer-bypham{width:70px!important}
  footer label{font-size:7px!important;letter-spacing:.17em!important}
  footer a{font-size:8px!important;letter-spacing:.08em!important}

  .product-modal{inset:0!important;width:100%!important;height:100dvh!important;border-radius:0!important;grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) auto!important;overflow:auto!important}
  .modal-close{top:14px!important;right:14px!important;z-index:20!important;width:38px!important;height:38px!important;background:rgba(255,255,255,.92)!important;border:1px solid #d7d0c8!important;border-radius:50%!important}
  .modal-image{min-height:0!important;height:auto!important;background:#e8e0d7!important}
  .modal-main-image{height:auto!important;min-height:0!important;aspect-ratio:3/4!important;background:#e8e0d7!important}
  .modal-main-image img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important}
  .gallery-nav button{width:36px!important;height:36px!important}
  .gallery-controls{padding:8px 0!important}
  .gallery-controls button{min-width:76px!important;height:31px!important;font-size:8px!important}
  .gallery-thumbs{padding:6px 12px 10px!important}
  .gallery-thumb{flex:0 0 56px!important;width:56px!important;height:70px!important}
  .modal-info{padding:26px 22px 32px!important}
}

@media(max-width:380px){
  .shop{padding-left:13px!important;padding-right:13px!important}
  .product-grid{gap:24px 8px!important}
  .product-line{font-size:7px!important}
  .product-line span:last-child{font-size:9px!important}
  .private-copy{padding-left:20px!important;padding-right:20px!important}
  .private-banner form{margin-left:20px!important;margin-right:20px!important}
}

/* Final mobile masthead guard: primary wordmark must never disappear. */
@media(max-width:900px){
  .header .brand,.header .brand .brand-pahm,.header .brand .brand-bypham{visibility:visible!important;opacity:1!important}
  .header .brand{display:flex!important}
  .header .brand .brand-pahm{display:block!important;color:#111!important}
  .header .brand .brand-bypham{display:block!important}
}