/* ArtEssencia: readable cards and useful touch targets. */
#produtos #grid .product{display:flex;flex-direction:column;min-width:0;border-radius:18px}
#produtos #grid .product .body{display:flex;flex-direction:column;flex:1;gap:8px;padding:14px;min-width:0}
#produtos #grid .product h3{font-size:17px;line-height:1.35;margin:0;overflow-wrap:anywhere}
#produtos #grid .product .desc{font-size:13px;line-height:1.5;margin:0}
#produtos #grid .product .price{font-size:20px;margin:6px 0}
#produtos #grid .product .btn{min-height:44px;font-size:12px;line-height:1.35;padding:11px 12px;margin-top:auto;white-space:normal}
#produtos #grid .product img{object-fit:contain;background:var(--paper)}
#produtos .filters{gap:8px;align-items:center}
#produtos .filters .chip{min-height:44px;padding:10px 14px;font-size:13px;line-height:1.3}
#produtos .filters .chip.active{box-shadow:inset 0 -2px 0 currentColor}
header .toolbar{gap:10px}
header .toolbar input,header .toolbar select{min-height:46px;font-size:16px;min-width:0}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #806047;outline-offset:3px}
@media(max-width:620px){
 header .toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto}
 header .toolbar #search{grid-column:1/-1;width:100%}
 header .toolbar #sort{width:100%;max-width:none}
 #produtos #grid .product .body{padding:11px;gap:7px}
 #produtos #grid .product h3{font-size:15px}
 #produtos #grid .product .desc{font-size:12px}
 #produtos #grid .product .price{font-size:18px}
 #produtos #grid .product img{height:clamp(145px,40vw,215px)}
}
@media(max-width:359px){#produtos #grid:not(.single){grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}