/* BANK-JEWE readability tuning: larger type with safe wrapping on narrow screens */
@media(max-width:760px){
  .topbar{width:calc(100% - 28px);height:72px}
  .brand{font-size:26px;line-height:1.12}
  .brand small{font-size:9px;letter-spacing:1.7px;margin-top:5px}
  .topbar nav{font-size:13px;gap:10px}
  .garden{width:100%;padding:0 7px}
  .page-content{width:88%;max-width:560px;padding-top:24px;padding-bottom:28px}
  .intro{margin-bottom:13px}
  .eyebrow{font-size:10px;letter-spacing:1.35px;line-height:1.5}
  h1{font-size:clamp(34px,8.5vw,42px);line-height:1.28;letter-spacing:0;margin-top:8px;overflow-wrap:anywhere}
  .intro p{font-size:14px;line-height:1.7;margin-top:9px}
  .showcase{padding:9px;border-radius:17px}
  .showcase-head{padding:0 5px 8px;gap:8px}
  .showcase-head>span{font-size:14px;gap:6px;min-width:0}
  .showcase-head img{width:34px;height:34px}
  .showcase-head small{font-size:11px;text-align:right}
  .stage{height:clamp(145px,43vw,190px)}
  .hero-product{height:95%;width:auto;max-width:42%;aspect-ratio:106/160}
  .carousel-controls{gap:20px;margin-top:2px}
  .carousel-controls .round{width:38px;height:38px}
  .carousel-controls span{font-size:12px;letter-spacing:1.2px}
  .product-name{font-size:17px;line-height:1.5;min-height:0;margin:9px 0 2px;padding:0 8px;overflow-wrap:anywhere}
  .dots{min-height:25px}
  .category-buttons{gap:9px;margin:18px 0 0}
  .category{font-size:16px;line-height:1.35;min-height:48px;padding:10px 5px;white-space:normal}
  .category-hint{font-size:12px;line-height:1.6;margin:12px 0 0}
  .about{padding:17px 5px 15px;margin-bottom:14px}
  .about h2{font-size:17px;line-height:1.5;margin-bottom:7px;overflow-wrap:anywhere}
  .about p{font-size:13px;line-height:1.7}
  .visit{padding:15px 12px;gap:12px}
  .shop-info .eyebrow{font-size:10px}
  .shop-info h2{font-size:22px;line-height:1.4;margin:7px 0}
  .shop-info p{font-size:13px;line-height:1.7;margin:7px 0 12px}
  .contact-actions{gap:9px}
  .contact-actions .pill{font-size:13px;line-height:1.35;min-height:48px;padding:9px 7px;white-space:normal;overflow-wrap:anywhere}
  .contact-actions .contact-phone{white-space:normal}
  .contact-actions .contact-phone svg{width:18px;height:18px}
  .phone-copy{gap:2px;min-width:0}
  .phone-copy>span{font-size:12px}
  .phone-copy strong{font-size:clamp(12px,3.6vw,15px);letter-spacing:0;white-space:nowrap}
  .map-card{min-height:68px;padding:12px;gap:11px}
  .map-card img{width:36px;height:36px}
  .map-card b{font-size:15px;line-height:1.4}
  .map-card small{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
  .floating-line{font-size:14px;min-height:48px;padding:11px 18px;gap:9px}
  footer{font-size:10px;line-height:1.6;letter-spacing:.4px;padding:0 12px;margin-top:8px}
  .share-link{font-size:13px;gap:9px}
  .share-link button{font-size:13px;min-height:44px;padding:9px 15px}
  dialog{padding:20px 16px}
  .gallery-top h2{font-size:29px;line-height:1.3}
  .gallery-tabs .pill{font-size:14px;min-height:44px}
  .filter{font-size:13px;padding:9px 14px}
  .gallery-view figcaption{font-size:20px;line-height:1.5}
  .gallery-count,.gallery-hint{font-size:12px;line-height:1.6}
  .gallery-order{font-size:14px;min-height:46px}
}
@media(max-width:380px){
  .page-content{width:91%}
  h1{font-size:clamp(31px,8.6vw,35px)}
  .intro p{font-size:13px}
  .showcase-head>span{font-size:13px}
  .showcase-head small{font-size:10px}
  .category{font-size:15px;padding-inline:3px}
  .shop-info h2{font-size:20px}
  .contact-actions .pill{font-size:12px}
  .phone-copy strong{font-size:12px}
}
@media(min-width:761px){
  .page-content{width:58%}
  h1{font-size:clamp(34px,3vw,43px)}
  .intro p{font-size:13px;line-height:1.8}
  .showcase-head>span{font-size:14px}
  .showcase-head small{font-size:10px}
  .product-name{font-size:17px}
  .category{font-size:17px}
  .category-hint{font-size:11px}
  .about h2{font-size:19px}
  .about p,.shop-info p{font-size:12px}
  .shop-info h2{font-size:22px}
  .contact-actions .pill{font-size:12px}
  .map-card b{font-size:17px}
  .map-card small{font-size:11px}
  .order-main{font-size:15px}
  footer{font-size:10px}
}
