@media(max-width:620px){
  .example-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .example-tabs button{width:100%;min-width:0;justify-content:center;padding:12px 8px}
  .example-tabs button span{font-size:14px}
  .browser-toolbar{font-size:10px;letter-spacing:.3px;gap:6px;height:auto;min-height:42px;padding:9px}
  .browser-toolbar>span:nth-child(2){text-align:center;line-height:1.5;min-width:0}
  .footer-connect>a,.contact-email{overflow-wrap:anywhere}
  .footer-columns>*{min-width:0}
  .b-nav small,.b-kicker,.b-services small{font-size:10px}
  .b-hero p,.b-action,.b-services b{font-size:13px}
  .b-services{grid-template-columns:1fr;gap:16px}
  .b-services em,.local-demo-status{font-size:12px}
  .n-view-tabs button,.n-booking-controls select{font-size:13px}
  .d-subnav{gap:12px;font-size:12px;flex-wrap:wrap}
  .d-welcome{flex-wrap:wrap;gap:12px}
  .d-welcome small,.d-live,.d-nav>span{font-size:10px}
  .d-stats{grid-template-columns:1fr;gap:8px}
  .d-stats span,.d-day,.d-day>span:last-child{font-size:12px}
  .d-appointments>div{flex-wrap:wrap}
  .d-appointments time,.d-appointments b{font-size:12px}
  .d-appointments small,.d-state,.d-confirm,.d-feedback{font-size:11px}
  .c-strip{font-size:10px;line-height:1.6;padding:8px}
  .c-nav>b>span,.c-banner>div>span{font-size:10px}
  .c-banner p,.c-heading>b{font-size:13px}
  .c-heading{flex-wrap:wrap;gap:8px}
  .c-heading>span{font-size:10px}
  .c-products{grid-template-columns:1fr;gap:20px}
  .c-product-art{height:160px}
  .c-product-copy>small{font-size:10px}
  .c-product-copy h5{font-size:19px}
  .c-product-copy p,.c-product-copy>div{font-size:13px}
  .c-product-copy button{width:36px;height:36px}
  .coffee-demo .c-cart,.coffee-demo .demo-feedback{font-size:12px}
  .sv-product-info small{font-size:10px}
  .sv-product-info p{font-size:13px}
  .sv-product-info>div{flex-wrap:wrap;gap:8px}
  .sv-panel-header>div{flex-wrap:wrap}
  .sv-panel-tabs{flex-wrap:wrap}
  .sv-panel-caption,.sv-panel-caption span,.sv-state{white-space:normal}
  input,select,textarea{font-size:16px}
}
@media(max-width:380px){
  .sv-product{display:flex;flex-direction:column}
  .sv-product-photo{aspect-ratio:1;min-height:0}
  .sv-product-info h5{font-size:23px}
  .sv-metrics{grid-template-columns:1fr}
  .sv-metrics span{min-height:0;font-size:12px}
  .sv-metrics>div{padding:14px}
  .sv-metrics b{margin-top:3px}
  .footer-columns{grid-template-columns:1fr;gap:28px}
  .footer-about,.footer-connect{grid-column:auto}
  .hero h1{font-size:40px}
}
@media(min-width:621px) and (max-width:1024px){.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:25px}.hero-art{max-width:100%;min-width:0}.hero-copy{min-width:0}.hero .label-top,.hero .label-bottom{max-width:100%;white-space:normal}.header nav{gap:16px;font-size:14px}.header nav>a{white-space:nowrap}.sv-view-tabs button,.n-view-tabs button{font-size:14px}.sv-product-info small,.sv-product-info p{font-size:12px}.sv-product-info h5{font-size:22px}.d-welcome small,.d-live,.d-stats span,.d-appointments small,.d-state,.d-confirm{font-size:12px}.d-appointments b,.d-appointments time{font-size:13px}.d-subnav{font-size:13px;gap:16px}.d-welcome{flex-wrap:wrap;gap:12px}.c-product-copy>small{font-size:11px}.c-product-copy h5{font-size:19px}.c-product-copy p,.c-product-copy>div{font-size:13px}.c-product-copy button{width:34px;height:34px}.browser-toolbar{font-size:11px}.sv-panel-tabs button{font-size:14px}}@media(max-width:620px){.d-week{gap:4px;grid-template-columns:repeat(7,minmax(0,1fr))}.d-week>*{min-width:0}.d-week button{min-width:0;padding-left:2px;padding-right:2px}}
@media(max-width:620px){.d-appointments>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:start;padding:15px 0}.d-appointments>div>p{min-width:0;margin:0;overflow-wrap:anywhere}.d-appointments .d-avatar{display:none}.d-appointments .d-state,.d-appointments .d-confirm{grid-column:2;justify-self:start;max-width:100%;white-space:normal}.d-week>span{text-align:center;font-size:10px;white-space:normal}.d-week>span>*{display:block}}
@media(max-width:620px){.d-week>span{overflow-wrap:anywhere;padding-left:1px;padding-right:1px}}