/* Concise collection cards; full fragrance information remains in the product dialog. */
#products .info{padding:16px;gap:7px}
#products .info h3{margin:0;font-size:1.4rem;line-height:1.2}
#products .info>.notes{flex:0 0 auto;font-size:.85rem;line-height:1.45;min-height:2.9em}
#products .info :is(.ty,.pq,.cd,.scent-match,.rv,.xo){display:none}
#products .vn{font-size:.8rem;line-height:1.4;min-height:32px;margin:0;padding:4px 0;align-self:flex-start}
#products .info>.row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:4px}
#products .price{font-size:1.1rem;line-height:1.3}
#products .buy{margin-left:auto}
#products .buy .qsel{display:none}
#products .buy .btn{min-height:42px;padding:10px 14px}
@media(max-width:760px){
 #products .info{padding:11px 10px;gap:5px}
 #products .info h3{font-size:18px;min-height:2.4em;line-height:1.2}
 #products .info>.notes{font-size:11px;line-height:1.4;min-height:2.8em}
 #products .vn{font-size:11px;min-height:30px;padding:4px 0}
 #products .info>.row{display:grid;gap:8px;padding-top:2px}
 #products .price{font-size:16px}
 #products .buy{margin-left:0;width:100%}
 #products .buy .btn{width:100%;min-height:42px;padding:9px 4px;font-size:10px}
}