.summary-line{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:14px;font-weight:700}
@media(max-width:560px){
  .shell{padding:10px}
  .brand{margin:4px 4px 14px}
  .crest{width:48px;height:48px;font-size:23px}
  .panel,.summary{padding:16px;border-radius:14px}
  h1{font-size:24px}
  .bubble{font-size:14px;padding:12px}
  .product img{height:180px}
  .btn{min-height:48px;padding:13px 22px}
  .nav{position:sticky;bottom:0;background:rgba(255,255,255,.96);padding:12px 0 4px;z-index:5}
  input,textarea,select{font-size:16px}
  .summary-list li{font-size:14px}
  .total{font-size:19px}
}