/* PROSVET SHOP 3.0.2 — typography shared with HOME 3.0.2. */
body{font-size:18px;line-height:1.55}
main{max-width:1323px;padding:32px 26px 48px}
.topbar{padding-left:max(26px,calc((100% - 1271px)/2));padding-right:max(26px,calc((100% - 1271px)/2))}
.topbar nav a,.topbar nav button{font-size:17px;min-height:48px;padding:10px 14px}
.topbar .logo,.topbar .logo img{width:256px}.topbar .logo{height:86px}.topbar .logo img{max-height:86px}
h1{font-size:clamp(34px,3.7vw,50px);line-height:1.14}h2,.catalogTitle h2{font-size:30px;line-height:1.25}h3{font-size:22px;line-height:1.35}
.intro{gap:32px;margin-bottom:32px}.intro>p{font-size:20px;max-width:430px;line-height:1.55}.intro .eyebrow{font-size:14px}
.testBanner,.catalogTitle>span,.extraFilters summary,.filterActions button,.filters label,.caption,.notice,.ordersHelp,.status,.consent,form label.consent{font-size:16px}
.searchRow{grid-template-columns:minmax(0,1fr) 230px 230px;gap:12px}
.searchRow input,.searchRow select,.filters input{font-size:17px;height:auto;min-height:50px;min-width:0;padding:12px}
.extraFilters summary,.filterActions button{min-height:44px}.filterActions{gap:20px;flex-wrap:wrap}
.chip{font-size:16px;min-height:44px;padding:9px 16px}
.catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.product{padding:24px;overflow-wrap:anywhere}.product .category{font-size:14px;line-height:1.4}
.product h3{font-size:22px;line-height:1.35}.product p{font-size:17px;line-height:1.55}
.productFigure figcaption{font-size:14px;line-height:1.5}.productFigure{margin-bottom:20px}
.price strong{font-size:23px;line-height:1.3;font-weight:600}.price span{font-size:16px;line-height:1.5}
.productActions{gap:12px;flex-wrap:wrap;align-items:stretch}
.quantityField{font-size:16px;flex:0 0 auto}.quantityField input{width:76px;font-size:17px;min-height:48px}
.add,.btn,.primary,.heroActions button{font-size:17px;min-height:48px;padding:11px 16px;white-space:normal}
.productActions .add{flex:1 1 136px}
dialog{width:min(840px,calc(100% - 28px));padding:28px;font-size:18px}
.dialogHead h2{font-size:28px}.dialogHead button{flex-shrink:0;min-width:44px;min-height:44px}
.formGrid{gap:20px;min-width:0}.formGrid>*{min-width:0}
form label:not(.trap){font-size:17px;gap:8px;margin:18px 0}
form input:not([type=checkbox]),form select,form textarea{font-size:17px;min-height:48px;min-width:0}
.cartRow{gap:16px;padding:20px 0}.cartRow>div:first-child{min-width:0;overflow-wrap:anywhere}
.cartRow strong{font-size:18px}.cartRow p,.cartRow .remove{font-size:16px}
.cartQuantity input{width:76px;font-size:17px;min-height:48px}.cartQuantity span,.qty span{font-size:16px}
.qty button{width:44px;height:48px;font-size:20px;flex-shrink:0}
.emptyCart h3{font-size:24px}.emptyCart p,.compareRow p,#productDetail dl{font-size:17px}
.orderCard h3{font-size:22px}.orderBadge,.orderDate,.orderCard footer{font-size:16px}
.orderCard li{font-size:17px;flex-wrap:wrap;gap:8px 16px}.orderCard{overflow-wrap:anywhere}
.storeFooter__inner{max-width:1271px}.storeFooter__caption,.storeFooter__right{font-size:16px}
#productDetail dd{overflow-wrap:anywhere}.toast{font-size:17px}
@media(max-width:1050px){
.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
.searchRow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.searchRow #search{grid-column:1/-1}
.intro{align-items:flex-start}.intro>p{max-width:340px;font-size:18px}
}
@media(max-width:760px){
body{font-size:17px}main{padding:24px 18px 36px}.topbar{padding:8px 18px 16px}
.topbar .logo,.topbar .logo img{width:210px}.topbar .logo{height:70px}.topbar .logo img{max-height:70px}
.topbar nav{gap:8px;flex-wrap:wrap;justify-content:flex-start}.topbar nav a,.topbar nav button{font-size:16px;padding:10px}
.intro h1{font-size:34px;line-height:1.18}.intro>p{font-size:18px;max-width:none}
h2,.catalogTitle h2{font-size:27px}.catalogTitle{align-items:flex-start;flex-wrap:wrap;gap:8px}
.catalog{gap:16px}.product{padding:20px}.product h3{font-size:21px}
.searchRow select{font-size:17px}.chip{font-size:16px}.formGrid{grid-template-columns:1fr;gap:0}
dialog{padding:20px}.cartRow{grid-template-columns:minmax(0,1fr);gap:12px}
.cartRow .qty{justify-self:start}.cartRow .remove{grid-column:auto;justify-self:start;padding:8px 0;min-height:44px}
.storeFooter{padding:24px 18px}.storeFooter__right{flex-wrap:wrap}
}
@media(max-width:580px){
.catalog,.searchRow{grid-template-columns:minmax(0,1fr)}
.product{padding:22px}.productPicture{max-width:220px}.product h3{font-size:22px}
}
