/* Mobile layout only: preserve checkout URLs, licensing and desktop layout. */
.mobile-shortcuts,.mobile-bar{display:none}
@media(max-width:760px){
  html{scroll-padding-top:132px}
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px));-webkit-text-size-adjust:100%}
  body:not(:has(.mobile-bar)){padding-bottom:0}
  .wrap,.whatsapp-section{width:calc(100% - 32px);max-width:620px}
  main,main article,main section,.head>div,.qrbox>div,.showcase-card>div,.line-contact>div{min-width:0}
  main p,main h1,main h2,main h3,main h4,main a,main strong,main small,.version-badge,footer{overflow-wrap:anywhere}
  .top{padding-top:env(safe-area-inset-top,0px)}
  .nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,142px);gap:8px 12px;padding:8px 0;min-height:0}
  .brand{font-size:.85rem;letter-spacing:.07em;white-space:nowrap}
  .lang{width:100%;max-width:none;min-height:44px;font-size:16px;padding:8px 10px}
  .navlinks{grid-column:1/-1;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .navlinks a{min-height:44px;padding:8px 6px;border-radius:12px;font-size:1rem}
  .hero,html[data-page]:not([data-page="home"]) .hero{padding:28px 0 24px}
  .hero .eyebrow{font-size:.72rem;letter-spacing:.1em}
  .hero h1,html[data-page]:not([data-page="home"]) .hero h1{font-size:clamp(1.8rem,7.7vw,2.7rem);line-height:1.18;margin:12px 0 16px;text-wrap:balance}
  .hero p{font-size:1rem;line-height:1.7}
  .mobile-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0 0}
  .mobile-shortcuts a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--violet);font-weight:800;text-decoration:none}
  .mobile-shortcuts a:first-child{background:var(--violet);color:#fff;border-color:var(--violet)}
  .proofbar{grid-template-columns:1fr;gap:8px;margin-bottom:24px}
  .proof{padding:12px 16px;border-radius:16px;box-shadow:none;text-align:start}
  .proof b{font-size:1rem}.proof span{font-size:.9rem}
  .showcase{gap:16px;padding-bottom:24px}
  .showcase-card{grid-template-columns:100px minmax(0,1fr);gap:14px;padding:16px;border-radius:20px}
  .showcase-card img{max-height:220px;object-fit:contain;background:#f0f2f7}
  .showcase-card h2{font-size:1.2rem}.showcase-card p,.showcase-card strong{font-size:.92rem}
  .products,.videos,.checkout-grid,.feature-detail-grid,.detail-gallery{grid-template-columns:1fr;gap:16px}
  .products{padding:8px 0 28px}.card{padding:18px;border-radius:20px}
  .head{gap:12px;align-items:flex-start}.icon{width:52px;height:52px;flex:0 0 52px;border-radius:14px}
  .card h2{font-size:1.35rem;line-height:1.25;margin:8px 0}.version-badge{font-size:.78rem}
  .features{min-height:0}.download{padding:14px 12px;min-height:48px;line-height:1.5}
  .qrbox{align-items:center;gap:12px;padding:12px}.qrbox img{width:88px;height:88px;flex:0 0 88px}
  .checkout,.policy-summary,.review-pack,.notice,.support,.feedback-note{padding:18px;border-radius:20px;margin-bottom:24px}
  .checkout{display:flex;flex-direction:column;gap:0}
  .checkout>h2,.checkout>p{order:0}.checkout>.consent{order:1}.checkout>.checkout-grid{order:2}
  .checkout>.status-note,.checkout>.bulk,.checkout>.delivery{order:3}
  .checkout h2{font-size:1.5rem;line-height:1.3}
  .consent{padding:14px;border:1px solid #c7ceda;border-radius:14px;background:#f6f8fc;line-height:1.6}
  .consent input{width:24px;height:24px;margin:3px 0 0;accent-color:var(--violet)}
  .buy-card{padding:16px;gap:4px;border-radius:16px}.buy-card>strong{font-size:1.3rem}
  .checkout .payment-method{padding:14px;margin-top:12px}.payment-method h4{font-size:1.05rem;line-height:1.4}
  .checkout .payment-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .checkout .checkout-link{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;line-height:1.5;padding:12px}
  .status-note{border-radius:14px;align-items:flex-start;line-height:1.6}
  .status-note:before{flex:0 0 9px;margin-top:7px}.bulk,.delivery{padding:16px}
  .guide,html[data-page]:not([data-page="home"]) .guide{padding:24px 0}
  .guide h2,.section-title{font-size:1.65rem;line-height:1.35}
  .steps{grid-template-columns:1fr;gap:10px}
  .step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;padding:14px}
  .step p{margin:0}.video{border-radius:18px}
  .video video{height:auto;max-height:70vh;max-height:70svh;width:100%;object-fit:contain}
  .video h3{font-size:1.1rem;line-height:1.5}
  .detail-actions{display:none} /* Same destinations are already in mobile-shortcuts. */
  .feature-detail-grid article{padding:18px}.detail-gallery img{height:auto;max-height:70svh;object-fit:contain}
  .detail-gallery figcaption{padding:14px}.demo-note{text-align:start}
  .line-contact{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;padding:14px;align-items:start}
  .line-contact .line-qr{width:88px;min-width:0}.line-contact .line-qr img{width:88px;height:88px}
  .line-contact .line-account{margin:6px 0 10px}.line-contact a.line-add{width:100%;min-height:48px;padding:10px}
  .line-contact .line-hint{font-size:.85rem}
  .wa-grid{grid-template-columns:1fr;gap:14px}.wa-card{display:grid;grid-template-columns:88px minmax(0,1fr);padding:16px;gap:14px}
  .wa-qr{width:88px}.wa-qr img{width:88px;height:88px}.wa-copy h3{font-size:1.05rem}.wa-link{width:100%;padding:10px;line-height:1.5}
  .whatsapp-section{scroll-margin-top:132px}
  .mobile-bar{position:fixed;inset:auto 0 0;z-index:20;display:grid;grid-template-columns:1.5fr 1fr;gap:10px;padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:#fffffff5;border-top:1px solid var(--line);box-shadow:0 -4px 20px #253b5b10}
  .mobile-bar a{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid var(--line);border-radius:12px;padding:10px;font-weight:800;text-decoration:none;background:#fff;color:var(--violet);line-height:1.4;text-align:center}
  .mobile-bar a:first-child{background:var(--violet);color:#fff;border-color:var(--violet)}
  footer{padding-bottom:24px}
  [data-policy-language] table{table-layout:fixed;overflow-wrap:anywhere}
  [data-policy-language] th,[data-policy-language] td{padding:6px;font-size:.8rem}
  [data-policy-language] th:nth-child(2),[data-policy-language] td:nth-child(2){width:22%}
}
@media(max-width:360px){
  .wrap,.whatsapp-section{width:calc(100% - 24px)}.nav{column-gap:8px;grid-template-columns:minmax(0,1fr) 124px}
  .brand{font-size:.75rem;letter-spacing:.04em}.card,.checkout,.policy-summary,.review-pack,.notice,.support{padding:14px}
  .showcase-card{grid-template-columns:1fr}.showcase-card img{width:100%;height:200px;object-fit:contain}
  .wa-card,.line-contact{grid-template-columns:72px minmax(0,1fr);gap:10px;padding:12px}
  .wa-qr,.line-contact .line-qr{width:72px}.wa-qr img,.line-contact .line-qr img{width:72px;height:72px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}