/* Phone layout. Content, product data and desktop styling remain shared. */
@media (max-width:760px) {
  html{scroll-padding-top:calc(84px + env(safe-area-inset-top,0px))}
  .site-header,.site-header.is-scrolled{height:calc(72px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(20px,env(safe-area-inset-right,0px)) 0 max(20px,env(safe-area-inset-left,0px));gap:5px}
  .site-header .brand{flex:0 1 auto;gap:7px;min-width:0}
  .site-header .brand img{width:100px;height:auto;flex:none}
  .site-header .brand>span{font-size:6px;letter-spacing:1px;padding-left:7px;white-space:nowrap}
  .site-header .header-actions,.header-actions:has(#product-sound-toggle){gap:0;flex:none}
  #product-sound-toggle{width:44px;height:44px;flex-basis:44px;padding:12px}
  .site-header .language-toggle{min-width:48px;min-height:44px;justify-content:center;gap:5px;font-size:11px;padding:4px}
  .site-header .language-toggle svg{width:14px;height:14px}
  .site-header .menu-toggle{width:44px;height:44px;min-width:44px;min-height:44px;padding:11px}
  .mobile-nav{top:calc(72px + env(safe-area-inset-top,0px));max-height:calc(100dvh - 72px - env(safe-area-inset-top,0px));overflow-y:auto;padding:18px 24px calc(24px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;box-shadow:0 20px 35px #20372c12}
  .mobile-nav a{font-size:21px;line-height:1.5;min-height:58px;padding:16px 0}
  .store-hero{height:auto;min-height:0;max-height:none;padding:calc(98px + env(safe-area-inset-top,0px)) 0 32px}
  .store-intro{display:block;padding:0 6%;max-width:none;margin:0}
  .store-eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:16px;line-height:1.7}
  #store-title,html[lang=th] #store-title{font-size:clamp(40px,10.8vw,54px);line-height:1.12;letter-spacing:-.05em;margin:0}
  html[lang=th] #store-title{line-height:1.22}
  .store-description{max-width:350px;font-size:13px;line-height:1.8;margin:14px 0 0;color:#626f5e}
  .store-catalog-link{min-height:44px;margin-top:18px;padding:10px 15px;font-size:12px;gap:25px;border-radius:5px;box-shadow:0 3px 0 #00402f}
  .store-catalog-link>span:last-child{font-size:20px}
  .store-experience{margin:22px 0 0;overflow:hidden}
  .store-view-topline{order:0;height:auto;min-height:24px;margin:0 0 10px;font-size:8px;letter-spacing:.13em}
  .store-controls-wrap{order:1;padding:0 16px;margin:0}
  .store-view-controls{order:0;display:grid;grid-template-columns:1.15fr 1fr 1fr 1.1fr;width:100%;max-width:440px;gap:2px;padding:4px;background:#fffdf4;border-radius:7px}
  .store-view-controls button{padding:0 6px;min-height:44px;min-width:0;font-size:11px;gap:5px;touch-action:manipulation}
  .store-view-controls button>span:first-child{font-size:8px}
  .store-instruction{order:1;min-height:32px;line-height:1.6;font-size:10px;margin:8px 0 0;color:#617257;text-align:center}
  .store-view-status{order:2;min-height:16px;height:auto;font-size:10px;line-height:1.6;margin:0 0 2px;color:#7a866e}
  .store-viewport{order:2;touch-action:pan-y pinch-zoom;height:clamp(290px,74vw,470px);min-height:0;margin:0;width:100%;overflow:hidden}
  .store-hero.has-view .store-viewport{height:450px}
  .store-scene-fit{top:50%;transform:translate(-50%,-48%) scale(var(--scene-scale,.4))}
  .store-hero:not(.has-view) .store-product-tip{display:none}
  .store-scroll{display:none}
  .section-pad{padding:58px 6%}
  .section-intro,.moments-heading p:last-child,.contact-strip p:not(.eyebrow){font-size:14px;line-height:1.85}
  .catalog-toolbar{gap:16px}
  .category-tab{min-height:44px;font-size:12px;padding:10px 13px;touch-action:manipulation}
  .product-search{min-height:44px;width:100%}
  .product-search input{width:100%;font-size:16px;min-height:44px}
  .catalog-status{font-size:12px;line-height:1.6}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
  .product-card h3{font-size:14px;line-height:1.6}
  .product-card-category{font-size:10px;line-height:1.6}
  .product-card-flavor{font-size:12px;line-height:1.7}
  .product-card-plus{width:32px;height:32px;font-size:22px}
  .catalog-more .button{font-size:13px;min-height:48px}
  .product-dialog[open]{display:block}
  .product-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;scrollbar-width:thin}
  .product-dialog>.dialog-close{position:sticky;top:12px;right:auto;left:calc(100% - 56px);display:block;width:44px;height:44px;margin:12px 12px -56px auto;z-index:20;background:#fffdf5ed;backdrop-filter:blur(10px);font-size:29px;touch-action:manipulation}
  .dialog-image-wrap{min-height:280px}
  .dialog-image-wrap img{max-height:220px}
  .dialog-copy{padding:27px 24px calc(28px + env(safe-area-inset-bottom,0px))}
  .dialog-copy>p:not(.eyebrow):not(.dialog-brand){font-size:14px;line-height:1.85}
  .dialog-copy .button{min-height:46px;font-size:13px}
  .story{gap:32px}
  .story-copy>p:not(.eyebrow):not(.story-lead){font-size:14px;line-height:1.9}
  .story-lead{font-size:18px;line-height:1.7}
  .story-facts span{font-size:11px;line-height:1.6}
  .story-copy>.text-link{min-height:44px;font-size:13px;align-items:center}
  .contact-phone strong{font-size:clamp(22px,6.3vw,29px)}
  .contact-phone,.contact-email{min-height:48px}
  .contact-links{font-size:13px;gap:20px;flex-wrap:wrap}
  .contact-links a{min-height:44px;display:inline-flex;align-items:center;gap:12px}
  .contact-offices summary{min-height:48px;font-size:14px}
  .office-grid{grid-template-columns:minmax(0,1fr);gap:23px}
  .office-grid strong{font-size:13px}
  .office-grid address{font-size:13px;line-height:1.8}
  .footer-top>p{font-size:14px;line-height:1.7}
  .footer-up{width:44px;height:44px}
  .footer-bottom{font-size:11px;line-height:1.85;gap:12px;align-items:flex-start;flex-direction:column}
  .footer-bottom>div{font-size:12px;gap:22px;flex-wrap:wrap}
  .footer-bottom a{min-height:44px;display:inline-flex;align-items:center}
}
@media (max-width:375px){
  .site-header .brand>span{display:none}
  #store-title,html[lang=th] #store-title{font-size:40px}
  .store-view-controls button{font-size:10px;padding:0 4px;gap:4px}
  .store-viewport{height:290px}
  .store-hero.has-view .store-viewport{height:430px}
  .product-card-art{height:190px}
}