/* Mobile site v2 — only active below 768px */
@media (max-width: 768px) {
  :root { --mv-navy:#162334; --mv-ink:#1c2734; --mv-gold:#c6944a; --mv-cream:#f6f3ed; --mv-line:#e9e2d8; --mv-muted:#727983; }
  body.mv2-active { margin:0; background:var(--mv-cream); color:var(--mv-ink); font-family:"Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; padding-bottom:72px; overflow-x:hidden; }
  body.mv2-active > *:not(#mobileSiteV2) { display:none !important; }
  #mobileSiteV2 { display:block; min-height:100vh; background:var(--mv-cream); }
  #mobileSiteV2 *, #mobileSiteV2 *::before, #mobileSiteV2 *::after { box-sizing:border-box; }
  #mobileSiteV2 a { color:inherit; text-decoration:none; }
  .mv2-top { position:sticky; top:0; z-index:100; height:62px; display:flex; align-items:center; justify-content:space-between; padding:0 17px; background:rgba(20,32,47,.98); color:#fff; box-shadow:0 2px 14px rgba(10,20,33,.16); }
  .mv2-logo { display:flex; align-items:center; gap:8px; min-width:0; font:700 17px/1.1 "Noto Serif SC",serif; letter-spacing:.04em; }
  .mv2-logo img { display:block; width:auto; height:33px; max-width:156px; object-fit:contain; }
  .mv2-menu-btn { appearance:none; width:38px; height:38px; padding:0; border:0; background:transparent; color:#fff; font-size:25px; }
  .mv2-drawer { position:fixed; z-index:99; top:62px; right:0; left:0; display:none; padding:9px 20px 19px; background:#173d66; box-shadow:0 12px 20px rgba(0,0,0,.2); }
  .mv2-drawer.open { display:grid; }
  .mv2-drawer a { display:block; padding:13px 2px; color:#fff !important; font-size:15px; font-weight:600; border-bottom:1px solid rgba(255,255,255,.2); text-shadow:0 1px 1px rgba(0,0,0,.16); }
  .mv2-hero { position:relative; min-height:377px; display:flex; align-items:flex-end; padding:32px 20px; overflow:hidden; background:var(--mv-navy); color:#fff; }
  .mv2-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(13,23,35,.8),rgba(13,23,35,.18)),linear-gradient(0deg,rgba(13,23,35,.74),transparent 70%); }
  .mv2-hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
  .mv2-hero-copy { position:relative; z-index:1; max-width:340px; }
  .mv2-eyebrow { margin-bottom:8px; color:#ecc681; font-size:10px; letter-spacing:.16em; }
  .mv2-hero h1, .mv2-title { margin:0; font-family:"Noto Serif SC",serif; }
  .mv2-hero h1 { font-size:31px; line-height:1.22; }
  .mv2-hero p { margin:12px 0 20px; color:rgba(255,255,255,.8); font-size:13px; line-height:1.75; }
  .mv2-actions { display:flex; gap:9px; }
  .mv2-button { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 15px; border:1px solid transparent; border-radius:4px; font-size:13px; font-weight:700; }
  .mv2-button.gold { color:#162334; background:var(--mv-gold); }
  .mv2-button.light { color:#fff; border-color:rgba(255,255,255,.62); }
  .mv2-benefits { position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,1fr); margin:-16px 14px 0; padding:14px 2px; border-radius:9px; background:#fff; box-shadow:0 4px 18px rgba(20,31,45,.1); }
  .mv2-benefit { min-width:0; padding:0 3px; color:#58606a; border-right:1px solid #eee8df; text-align:center; font-size:10px; }
  .mv2-benefit:last-child { border-right:0; }
  .mv2-benefit b { display:block; margin-bottom:4px; color:var(--mv-gold); font-size:18px; font-weight:500; }
  .mv2-page-head { padding:28px 18px 19px; background:linear-gradient(145deg,#192b41,#233d59); color:#fff; }
  .mv2-page-head .mv2-eyebrow { margin-bottom:7px; }
  .mv2-page-head h1 { margin:0; font:700 27px/1.25 "Noto Serif SC",serif; }
  .mv2-page-head p { margin:8px 0 0; color:rgba(255,255,255,.63); font-size:12px; line-height:1.7; }
  .mv2-section { padding:29px 16px 0; }
  .mv2-section-head { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:13px; }
  .mv2-title { font-size:20px; color:var(--mv-ink); }
  .mv2-more { flex:none; color:#8c7b64; font-size:12px; }
  .mv2-scroll { display:flex; gap:11px; margin:0 -16px; padding:0 16px 5px; overflow:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .mv2-scroll::-webkit-scrollbar { display:none; }
  .mv2-case-card { position:relative; flex:0 0 77%; height:202px; overflow:hidden; border-radius:9px; background:#27303a; color:#fff; scroll-snap-align:start; }
  .mv2-case-card img { width:100%; height:100%; object-fit:cover; }
  .mv2-case-card::after { content:""; position:absolute; inset:42% 0 0; background:linear-gradient(transparent,rgba(8,17,26,.86)); }
  .mv2-case-copy { position:absolute; z-index:1; right:13px; bottom:12px; left:13px; }
  .mv2-case-copy small { color:#f0c983; font-size:10px; }
  .mv2-case-copy h3 { margin:2px 0 0; font-size:16px; }
  .mv2-featured-case { position:relative; display:block; aspect-ratio:4 / 3; overflow:hidden; border-radius:10px; background:#243243; color:#fff; box-shadow:0 3px 14px rgba(20,31,45,.12); }
  .mv2-featured-case img { width:100%; height:100%; object-fit:cover; }
  .mv2-featured-case::after { content:""; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,rgba(10,17,25,.87)); }
  .mv2-featured-copy { position:absolute; z-index:1; right:15px; bottom:14px; left:15px; }
  .mv2-featured-copy small { color:#efca8a; font-size:11px; }.mv2-featured-copy h3 { margin:3px 0 0; color:#fff; font-size:19px; }
  .mv2-case-carousel { display:flex; gap:10px; overflow-x:auto; padding:1px 1px 5px; scroll-snap-type:x mandatory; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
  .mv2-case-carousel::-webkit-scrollbar { display:none; }
  .mv2-case-carousel .mv2-featured-case { flex:0 0 calc(100% - 30px); scroll-snap-align:start; }
  .mv2-swipe-tip { margin:5px 0 0; color:#9b8b72; font-size:10px; text-align:right; }
  .mv2-case-previews { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:10px; }
  .mv2-case-preview { display:grid; grid-template-columns:72px minmax(0,1fr); gap:8px; align-items:center; min-width:0; padding:7px; border-radius:8px; background:#fff; box-shadow:0 2px 10px rgba(26,32,40,.05); }
  .mv2-case-preview img { width:72px; height:54px; border-radius:5px; object-fit:cover; }.mv2-case-preview small { display:block; color:#a18255; font-size:10px; }.mv2-case-preview b { display:-webkit-box; overflow:hidden; margin-top:3px; color:#333c47; font-size:11px; line-height:1.4; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
  .mv2-brand-card { overflow:hidden; border-radius:10px; background:#fff; box-shadow:0 2px 12px rgba(26,32,40,.06); }
  .mv2-brand-card img { display:block; width:100%; height:176px; object-fit:cover; }.mv2-brand-copy { padding:16px; }.mv2-brand-copy small { color:#ad8445; font-size:10px; letter-spacing:.12em; }.mv2-brand-copy h3 { margin:5px 0 7px; color:#24303d; font:700 19px/1.3 "Noto Serif SC",serif; }.mv2-brand-copy p { margin:0; color:#6d7580; font-size:13px; line-height:1.8; }.mv2-brand-copy p + p { margin-top:8px; }.mv2-brand-copy .mv2-brand-slogan { color:#8b7451; font-family:"Noto Serif SC",serif; }.mv2-brand-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:14px; border-radius:6px; overflow:hidden; background:#ece6dc; }.mv2-brand-stats span { padding:9px 4px; background:#f8f6f1; color:#8b7451; text-align:center; font-size:10px; }.mv2-brand-stats b { display:block; margin-top:2px; color:#283443; font-size:13px; }
  .mv2-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
  .mv2-product { overflow:hidden; border-radius:8px; background:#fff; box-shadow:0 2px 12px rgba(26,32,40,.06); }
  .mv2-product img { width:100%; aspect-ratio:1.22; object-fit:cover; }
  .mv2-product-copy { display:flex; align-items:center; justify-content:space-between; gap:5px; padding:9px 10px; }
  .mv2-product-copy small { display:block; color:#9a825e; font-size:10px; }
  .mv2-product-copy b { display:block; overflow:hidden; max-width:132px; color:#28303b; font-size:13px; white-space:nowrap; text-overflow:ellipsis; }
  .mv2-category-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }.mv2-category { overflow:hidden; border-radius:8px; background:#fff; box-shadow:0 2px 12px rgba(26,32,40,.06); }.mv2-category img { display:block; width:100%; aspect-ratio:1.48; object-fit:cover; }.mv2-category-copy { display:flex; align-items:center; justify-content:space-between; min-height:42px; padding:8px 10px; color:#303741; font-size:14px; font-weight:600; }.mv2-category-copy i { color:#7a6b57; font-size:19px; font-style:normal; font-weight:400; }
  .mv2-arrow { color:var(--mv-gold); font-size:18px; }
  .mv2-filters { display:flex; gap:8px; margin:0 -16px 16px; padding:0 16px 4px; overflow:auto; scrollbar-width:none; }
  .mv2-filters::-webkit-scrollbar { display:none; }
  .mv2-filter { flex:none; padding:7px 12px; border:1px solid var(--mv-line); border-radius:999px; background:#fff; color:#70747a; font-size:12px; }
  .mv2-filter.active { border-color:var(--mv-navy); background:var(--mv-navy); color:#fff; }
  .mv2-more-products { display:block; width:100%; margin:16px 0 0; min-height:44px; border:1px solid #c8af83; border-radius:7px; background:#fff; color:#76603e; font:700 13px inherit; }
  .mv2-more-products[hidden] { display:none; }
  .mv2-list { display:grid; gap:11px; }
  .mv2-news { display:grid; grid-template-columns:104px minmax(0,1fr) 13px; align-items:center; gap:10px; padding:10px; border-bottom:1px solid #eee8df; background:#fff; }
  .mv2-news:first-child { border-radius:9px 9px 0 0; } .mv2-news:last-child { border-bottom:0; border-radius:0 0 9px 9px; }
  .mv2-news img { width:104px; height:70px; border-radius:5px; object-fit:cover; }
  .mv2-news small { color:#aa854d; font-size:10px; }
  .mv2-news h3 { display:-webkit-box; margin:3px 0 0; overflow:hidden; color:#303641; font-size:13px; line-height:1.45; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
  .mv2-about { margin:29px 16px 0; overflow:hidden; border-radius:10px; background:#fff; box-shadow:0 2px 12px rgba(26,32,40,.06); }
  .mv2-about img { display:block; width:100%; height:168px; object-fit:cover; }
  .mv2-about-copy { padding:16px; } .mv2-about-copy h2 { margin:0 0 8px; font:700 20px/1.3 "Noto Serif SC",serif; } .mv2-about-copy p { margin:0; color:var(--mv-muted); font-size:13px; line-height:1.82; }.mv2-about-copy p + p { margin-top:10px; }.mv2-about-slogan { margin-top:13px !important; color:#9c7948 !important; font-family:"Noto Serif SC",serif; font-weight:700; text-align:center; }
  .mv2-detail-hero { position:relative; height:300px; background:#243449; color:#fff; }
  .mv2-detail-hero img { width:100%; height:100%; object-fit:cover; } .mv2-detail-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(10,18,27,.78),transparent 65%); }
  .mv2-detail-hero h1 { position:absolute; z-index:1; right:16px; bottom:18px; left:16px; margin:0; color:#fff; font:700 25px/1.28 "Noto Serif SC",serif; }
  .mv2-detail { padding:20px 16px 0; } .mv2-summary { margin:0 0 15px; color:var(--mv-muted); font-size:13px; line-height:1.8; }
  .mv2-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:15px; } .mv2-metric { padding:10px 7px; border-radius:7px; background:#fff; text-align:center; } .mv2-metric small { display:block; color:#9b835f; font-size:10px; } .mv2-metric b { display:block; margin-top:3px; color:#2e3743; font-size:12px; }
  .mv2-specs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:14px 0; } .mv2-spec { padding:11px; border-radius:7px; background:#fff; } .mv2-spec small { display:block; color:#a18255; font-size:10px; } .mv2-spec b { display:block; margin-top:3px; color:#3d4450; font-size:12px; line-height:1.5; }
  .mv2-gallery { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin-top:12px; } .mv2-gallery img { width:100%; aspect-ratio:1; border-radius:7px; object-fit:cover; } .mv2-gallery img:first-child { grid-column:1/-1; aspect-ratio:1.55; }
  .mv2-rich { overflow:hidden; color:#4d5661; font-size:14px; line-height:1.9; } .mv2-rich img { width:100%; height:auto; margin:10px 0; border-radius:7px; } .mv2-rich h2,.mv2-rich h3 { color:#25303d; font-family:"Noto Serif SC",serif; }
  .mv2-contact { margin:20px 16px 0; padding:17px 15px; border-radius:9px; background:linear-gradient(135deg,#192b41,#102039); color:#fff; } .mv2-contact h2 { margin:0; font:700 18px/1.3 "Noto Serif SC",serif; } .mv2-contact p { margin:5px 0 11px; color:rgba(255,255,255,.66); font-size:11px; }
  .mv2-contact-form { display:grid; gap:7px; } .mv2-contact-form input,.mv2-contact-form textarea { width:100%; min-height:38px; padding:8px 9px; border:0; border-radius:4px; font:12px inherit; } .mv2-contact-form textarea { min-height:64px; resize:vertical; } .mv2-contact-form button { height:39px; border:0; border-radius:4px; background:var(--mv-gold); color:#172331; font:700 13px inherit; }
  .mv2-info-card { margin:20px 16px 0; padding:16px; border-radius:9px; background:#fff; } .mv2-info-card h2 { margin:0 0 11px; font:700 19px/1.3 "Noto Serif SC",serif; } .mv2-info-row { padding:11px 0; border-bottom:1px solid #eee8df; color:#5d6672; font-size:13px; } .mv2-info-row:last-child { border:0; }
  .mv2-footer { display:flex; flex-wrap:wrap; justify-content:center; gap:5px 9px; padding:16px 16px 14px; color:#92908b; background:#f0ede7; text-align:center; font-size:10px; line-height:1.6; }.mv2-footer a { color:#797c81 !important; }
  .mv2-reveal { opacity:0; transform:translateY(16px); transition:opacity .45s ease,transform .45s ease; } .mv2-reveal.in { opacity:1; transform:none; }
  .mv2-bottom { position:fixed !important; z-index:9999 !important; right:0 !important; bottom:0 !important; left:0 !important; display:grid !important; grid-template-columns:repeat(4,1fr); height:66px; padding-bottom:env(safe-area-inset-bottom); background:rgba(255,255,255,.98); border-top:1px solid var(--mv-line); box-shadow:0 -3px 13px rgba(20,28,35,.08); transform:translateZ(0); }
  .mv2-bottom a { display:flex !important; height:66px !important; min-height:0 !important; margin:0 !important; padding:0 !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:2px; overflow:hidden !important; color:#6e747d; font-size:10px; line-height:1.2 !important; } .mv2-bottom i { display:block !important; margin:0 0 2px !important; color:#a77d40; font-size:18px; font-style:normal; line-height:1 !important; } .mv2-bottom .cta { height:66px !important; background:#dec083; color:#1e2d3c; font-weight:700; }
  .mv2-phone { position:fixed !important; z-index:10000 !important; right:17px; bottom:81px; display:grid; width:48px; height:48px; place-items:center; border:3px solid var(--mv-cream); border-radius:50%; background:var(--mv-gold); color:#1c2b3b; box-shadow:0 4px 14px rgba(25,32,42,.25); font-size:22px; }
}
