/* Catalogo visuale 0.7.7 | single Bea product-card layout.
 * Scoped to this plugin and its canonical cards. No changes to WooCommerce data.
 */
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-product-list {align-items:stretch!important;}
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-product.sss-vc-bea-card {
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 min-width:0!important;min-height:0!important;height:100%!important;gap:0!important;
 overflow:hidden!important;border:1px solid #dce5f1!important;border-radius:14px!important;background:#fff!important;
}
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-product.sss-vc-bea-card > .sss-vc-product-img {
 display:flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 auto!important;width:100%!important;height:auto!important;
 aspect-ratio:1 / 1.03!important;padding:12px!important;margin:0!important;
 background:#fff!important;border:0!important;border-bottom:1px solid #e8edf5!important;
 overflow:hidden!important;
}
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-product.sss-vc-bea-card > .sss-vc-product-img img {
 display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
 object-fit:contain!important;object-position:center center!important;
 border:0!important;border-radius:0!important;background:#fff!important;transform:none!important;
}
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-product.sss-vc-bea-card > .sss-vc-product-details.sss-vc-bea-details {
 display:flex!important;flex:1 1 auto!important;flex-direction:column!important;
 min-width:0!important;align-items:stretch!important;
 gap:0!important;margin:0!important;padding:12px 12px 0!important;border:0!important;
}
/* Prevent older site snippets from inserting visible metadata / duplicate prices around the canonical card. */
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-product.sss-vc-bea-card > .sss-vc-bea-details > :not(.sss-vc-bea-layout),
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-product.sss-vc-bea-card > :not(.sss-vc-product-img):not(.sss-vc-bea-details):not(.sss-vc-select) {
 display:none!important;
}
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-layout {
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;
 grid-template-rows:74px 33px 49px 40px!important;grid-auto-flow:row!important;
 align-content:start!important;justify-items:stretch!important;align-items:start!important;
 row-gap:5px!important;min-width:0!important;width:100%!important;height:auto!important;
 margin:0!important;padding:0!important;
}
/* Name left, code right; only ONE copy of the code. */
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-heading {
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,40%)!important;
 gap:7px!important;align-items:start!important;min-width:0!important;width:100%!important;
 margin:0!important;padding:0!important;
}
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-name-size {
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important;gap:7px!important;
 margin:0!important;padding:0!important;
}
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-name {
 display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
 overflow:hidden!important;overflow-wrap:anywhere!important;min-width:0!important;max-width:100%!important;
 min-height:18px!important;max-height:38px!important;margin:0!important;padding:0!important;
 font-size:14px!important;line-height:1.28!important;font-weight:800!important;
 color:#1d2d44!important;text-align:left!important;text-decoration:none!important;
}
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-size {
 display:block!important;font-size:11.5px!important;line-height:1.35!important;font-weight:500!important;
 color:#293b4d!important;overflow-wrap:anywhere!important;max-width:100%!important;
 min-height:17px!important;margin:0!important;padding:0!important;
}
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-code {
 display:block!important;min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;
 font-size:10px!important;font-weight:650!important;line-height:1.35!important;color:#626a77!important;
 text-align:right!important;margin:1px 0 0!important;padding:0!important;
}
/* One small category description below the name/dimensions row. */
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-category {
 display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
 height:auto!important;min-height:26px!important;max-height:32px!important;width:100%!important;
 margin:0!important;padding:0!important;overflow:hidden!important;overflow-wrap:anywhere!important;
 color:#79879d!important;font-size:10.5px!important;line-height:1.42!important;font-weight:500!important;
}
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-card .sss-vc-bea-colors {
 display:flex!important;align-items:flex-start!important;justify-content:space-between!important;
 gap:5px!important;min-height:49px!important;max-height:49px!important;
 width:100%!important;margin:0!important;padding:0!important;overflow:visible!important;
}
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-card .sss-vc-bea-colors .sss-vc-swatches {
 display:flex!important;flex-flow:row wrap!important;align-items:center!important;align-content:flex-start!important;
 justify-content:flex-start!important;gap:4px!important;row-gap:4px!important;
 flex:1 1 auto!important;min-width:0!important;min-height:20px!important;
 margin:0!important;padding:0!important;max-height:none!important;overflow:visible!important;
}
/* Exactly 20px on desktop, including actual SVG circle. */
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-card .sss-vc-bea-colors .sss-vc-swatches .sss-vc-swatch-btn,
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-card .sss-vc-bea-colors .sss-vc-swatches .sss-vc-round-swatch,
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-card .sss-vc-bea-colors .sss-vc-swatches .sss-vc-color-dot {
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 20px!important;width:20px!important;height:20px!important;
 min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;
 box-sizing:border-box!important;aspect-ratio:1 / 1!important;padding:0!important;margin:0!important;
 border-radius:50%!important;transform:none!important;
}
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-card .sss-vc-bea-colors .sss-vc-colors-note {
 color:#7d8b9d!important;font-size:10.5px!important;line-height:20px!important;
}
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-card .sss-vc-bea-colors .sss-vc-more-colors {
 height:20px!important;line-height:20px!important;font-size:10px!important;
}
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-grammage {
 display:inline-block!important;flex:0 0 auto!important;color:#51637b!important;
 font-size:10px!important;font-weight:700!important;line-height:1.4!important;text-align:right!important;
}
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-price {
 display:flex!important;flex-direction:row!important;align-items:baseline!important;justify-content:flex-start!important;
 flex-wrap:nowrap!important;gap:5px!important;min-width:0!important;width:100%!important;
 margin:0!important;padding:0!important;min-height:35px!important;border:0!important;
 color:#132c6c!important;white-space:nowrap!important;line-height:1.25!important;
}
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-price-prefix,
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-price-unit {
 display:inline-block!important;font-size:10px!important;font-weight:750!important;line-height:1.3!important;
 color:#172e64!important;margin:0!important;padding:0!important;
}
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-price > strong {
 display:inline-block!important;margin:0!important;padding:0!important;
 font-size:22px!important;font-weight:850!important;line-height:1.1!important;color:#112e79!important;
}
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-price .woocommerce-Price-amount,
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-price .amount {
 font:inherit!important;color:inherit!important;
}
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-price.is-quote {
 font-size:13px!important;line-height:20px!important;font-weight:750!important;
}
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-product.sss-vc-bea-card > .sss-vc-select {
 display:flex!important;align-items:center!important;justify-content:center!important;
 align-self:stretch!important;flex:0 0 auto!important;margin:8px 12px 12px!important;
 min-height:43px!important;box-sizing:border-box!important;padding:8px 10px!important;
 border:0!important;border-radius:8px!important;background:#152e83!important;
 color:#fff!important;text-align:center!important;text-decoration:none!important;
 font-size:11.5px!important;line-height:1.25!important;font-weight:800!important;
}
#sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-product.sss-vc-bea-card > .sss-vc-select:hover {
 color:#fff!important;background:#1c48a7!important;
}
/* Mobile: identical ordering, circles 17px; no images or text cropped. */
@media(max-width:620px){
 #sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-product.sss-vc-bea-card > .sss-vc-product-img{padding:7px!important;}
 #sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-product.sss-vc-bea-card > .sss-vc-product-details.sss-vc-bea-details{padding:9px 8px 0!important;}
 #sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-layout{grid-template-rows:69px 33px 41px 31px!important;row-gap:3px!important;}
 #sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-heading{grid-template-columns:minmax(0,1fr) minmax(0,39%)!important;gap:4px!important;}
 #sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-name-size{gap:5px!important;}
 #sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-name{font-size:12px!important;max-height:32px!important;}
 #sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-size{font-size:10px!important;}
 #sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-code{font-size:9px!important;}
 #sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-category{font-size:9.5px!important;min-height:26px!important;max-height:29px!important;}
 #sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-card .sss-vc-bea-colors{min-height:41px!important;max-height:41px!important;}
 #sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-card .sss-vc-bea-colors .sss-vc-swatches{gap:3px!important;row-gap:3px!important;min-height:17px!important;}
 #sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-card .sss-vc-bea-colors .sss-vc-swatches .sss-vc-swatch-btn,
 #sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-card .sss-vc-bea-colors .sss-vc-swatches .sss-vc-round-swatch,
 #sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-card .sss-vc-bea-colors .sss-vc-swatches .sss-vc-color-dot {
  flex:0 0 17px!important;width:17px!important;height:17px!important;
  min-width:17px!important;max-width:17px!important;min-height:17px!important;max-height:17px!important;
 }
 #sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-card .sss-vc-bea-colors .sss-vc-more-colors{height:17px!important;line-height:17px!important;}
 #sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-bea-price > strong{font-size:17px!important;}
 #sss-vc-visual-catalog.sss-vc-layout-077 .sss-vc-product.sss-vc-bea-card > .sss-vc-select{margin:7px 7px 9px!important;min-height:39px!important;font-size:10px!important;}
}