/* BPD Shopping / MOBILE-01 / 12.10.2026
   Load AFTER /assets/site.css. Additive patch for the current .hero/.trust/.doc templates.
   Does not replace site.css, legal content, translations, images, fonts or desktop layout. */
.bpd-doc-nav,.bpd-back-mobile{display:none}
@media screen and (max-width:767px){
  html{scroll-padding-top:96px}
  .hero p,.trust p,.trust h2,.steps p,.steps h3,.partners p,.partners h2,.contact p{overflow-wrap:anywhere}
  .hero .btn>span,.partners .link-arrow>span{min-width:0;overflow-wrap:anywhere}
  .wrap{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
  .hero{column-gap:8px;padding-top:16px;padding-bottom:20px}
  .hero .brand{width:128px}
  .hero .langs{margin-right:-4px;align-self:center}
  .hero .langs ul{gap:0}
  .hero .langs a{min-width:44px;min-height:44px;padding:0 5px;font-size:.875rem}
  .hero .copy{padding-top:14px;min-width:0}
  .hero .copy>*{max-width:100%;min-width:0}
  .hero .rule{width:44px;height:2px;margin-bottom:18px}
  .hero h1{font-size:clamp(2.4rem,10.8vw,3rem);line-height:1.03;letter-spacing:-.035em}
  :lang(ru) .hero h1{font-size:clamp(1.875rem,8.5vw,2.35rem);line-height:1.1}
  :lang(de) .hero h1{font-size:clamp(2rem,9vw,2.75rem);line-height:1.08}
  .hero h1 .nowrap{white-space:normal}
  .hero .tagline{font-size:1rem;line-height:1.45;margin-top:16px}
  .hero .lead{font-size:1rem;line-height:1.5;margin-top:10px;max-width:34em}
  .hero .btn{font-size:1rem;line-height:1.4;width:100%;min-height:52px;justify-content:space-between;gap:14px;padding:12px 16px;margin-top:18px}
  .hero .status{font-size:.875rem;line-height:1.5;margin-top:12px;gap:8px}
  /* Use the existing square hero asset in the mobile <source>; see INSTALL_RU.md.
     Reserve the image box, keep proportions, and keep ALL of the artwork visible. */
  .hero .visual{width:100%;max-width:360px;height:clamp(200px,57vw,250px);justify-self:center;margin:8px 0 0}
  .hero .visual picture{display:block;width:100%;height:100%}
  .hero .visual img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center;-webkit-mask-image:none;mask-image:none}
  .hero .node{display:none}
  .hero .anim{animation:none;opacity:1;transform:none}
  .trust{display:flex;flex-wrap:wrap;padding:20px 0;gap:16px 0}.trust>div:nth-child(n+2){flex:1 1 8.5rem}
  .trust>div{min-width:0}
  .trust>div:first-child{flex:0 0 100%;grid-column:1/-1;margin:0;padding:0 0 14px;border-bottom:1px solid var(--line)}
  .trust .eyebrow{font-size:.6875rem;letter-spacing:.12em}
  .trust h2{font-size:1.0625rem;line-height:1.4;margin-top:6px}
  .trust .note{display:none}
  .trust>div:nth-child(2){margin:0;padding:0 12px 0 0;border:0}
  .trust>div:nth-child(3){margin:0;padding:0 0 0 16px;border-top:0;border-left:1px solid var(--line)}
  .trust .num{font-size:clamp(1.4rem,6.3vw,1.875rem);line-height:1.15;letter-spacing:-.035em}
  .trust .label{font-size:.875rem;line-height:1.45;margin-top:8px}
  .trust .attr{font-size:.8125rem;line-height:1.4;margin-top:4px}
  .lower{padding:28px 0;row-gap:28px}
  .steps h2{font-size:1.375rem;line-height:1.3}
  .steps ol{margin-top:20px;gap:20px}
  .steps li{grid-template-columns:32px minmax(0,1fr);column-gap:12px}
  .step-head svg{width:26px;height:26px}
  .step-head span{display:none}
  .steps h3{font-size:1.0625rem;line-height:1.4}
  .steps p{font-size:1rem;line-height:1.5;margin-top:4px}
  .partners{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:20px 18px;scroll-margin-top:16px}
  .partners .eyebrow{font-size:.6875rem;letter-spacing:.13em;line-height:1.5;margin-top:0}
  .partners h2{font-size:1.375rem;line-height:1.3;margin-top:10px}
  .partners p{font-size:1rem;line-height:1.55;margin-top:12px}
  .partners .link-arrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:12px 14px;min-height:52px;border-radius:4px;background:var(--purple);color:white;font-size:1rem;line-height:1.4}
  .partners .link-arrow svg{margin-left:0;flex:none}
  .site-footer>.wrap{display:flex;flex-direction:column;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
  .site-footer .f-top{padding-top:16px;gap:12px;order:1}
  .site-footer .f-mail{font-size:1rem;overflow-wrap:anywhere}
  .site-footer .social{margin-left:0;gap:8px;font-size:.9375rem;flex-wrap:wrap;max-width:100%}.site-footer .social .handle{min-width:0;overflow-wrap:anywhere;margin-left:0;flex:1 1 140px}
  .site-footer .social a{width:44px;height:44px;border:1px solid var(--line);border-radius:8px}
  .site-footer .f-bottom{order:3;padding-bottom:0;gap:18px;width:100%}
  .site-footer .f-brand{order:2;font-size:.8125rem;line-height:1.55}
  .legal-nav{width:100%;order:1}
  .legal-nav ul{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px}
  .legal-nav li{min-width:0;border-bottom:1px solid var(--line)}
  .legal-nav a{display:flex;width:100%;min-height:48px;font-size:.875rem;line-height:1.5;overflow-wrap:anywhere;padding:8px 0}
  .contact{display:block;order:0;border-top:0;padding:24px 0 0;scroll-margin-top:96px}
  .contact .intro{font-size:1rem;line-height:1.5}
  .contact h2{font-size:1.25rem}
  .c-grid{gap:8px;margin-top:16px;font-size:.9375rem;line-height:1.6}
  .c-grid p{min-width:0;overflow-wrap:anywhere}.c-grid a{display:block;max-width:100%;min-height:44px;padding:6px 0;margin:0;overflow-wrap:anywhere}
  .contact .status{font-size:.875rem;line-height:1.5}
  /* The always-visible Contact section already has an email link. Avoid repeating it. */
  .site-footer:has(.contact) .f-top>.f-mail{display:none}
  .legal-top{position:sticky;top:0;z-index:8;background:var(--bg);flex-wrap:nowrap;gap:12px;padding-top:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
  .legal-top .brand{width:104px;flex:none}
  .legal-top .back{font-size:.9375rem;line-height:1.3;min-height:44px;gap:8px;padding:6px 0}
  .bpd-back-desktop{display:none}.bpd-back-mobile{display:inline}
  .doc{padding-top:24px;padding-bottom:28px}
  .doc h1{font-size:2rem;line-height:1.15}
  .doc h1::after{width:44px;height:2px;margin-top:14px}
  .doc h2{font-size:1.125rem;line-height:1.4;margin-top:28px;scroll-margin-top:100px}
  .doc p{font-size:1rem;line-height:1.65}
  .doc-body{hyphens:manual;overflow-wrap:anywhere}
  .doc-body a{color:var(--purple);text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px}
  .lang-note{font-size:.875rem;line-height:1.5;padding:10px 12px;margin-bottom:18px}
  .bpd-doc-nav{display:grid;grid-template-columns:1fr;gap:4px;padding:12px 0 4px;counter-reset:toc}
  .bpd-doc-nav a{display:flex;align-items:center;gap:10px;min-height:44px;border-bottom:1px solid var(--line);font-size:.9375rem;line-height:1.4;color:var(--purple);text-decoration:none;padding:8px 0}
  .bpd-doc-nav a::before{counter-increment:toc;content:counter(toc,decimal-leading-zero);font-size:.6875rem;color:var(--muted)}
}
@media screen and (max-width:359px){
  .wrap{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .hero .brand{width:116px}.hero .langs{margin-right:-4px}
  .hero .langs a{min-width:44px}
  .partners{padding:18px 14px}
}
@media screen and (max-width:767px) and (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}