#trofeo-config{max-width:100%;margin:18px 0;font-family:system-ui,sans-serif;color:#242424}.trofeo-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:18px}.trofeo-view{height:490px;background:#242a32;border-radius:14px;position:relative;overflow:hidden}.trofeo-view canvas{display:block;width:100%;height:100%}.trofeo-controls{padding:18px;border:1px solid #ddd;border-radius:14px;background:#fff}.trofeo-controls label{display:block;font-weight:700;margin-bottom:8px}.trofeo-controls input,.trofeo-controls select{width:100%;box-sizing:border-box;font-size:17px;padding:11px;border:1px solid #aaa;border-radius:8px}.trofeo-controls button{border:1px solid #ccc;background:#f6f6f6;color:#222;border-radius:8px;padding:10px 13px;cursor:pointer;margin:4px 5px 4px 0}.trofeo-controls button.active{border-color:#111;box-shadow:0 0 0 2px #111}.trofeo-colors span{display:block;width:22px;height:22px;border-radius:50%}.trofeo-controls small{display:block;color:#666;margin-top:10px;font-size:12px}.trofeo-controls .trofeo-label{margin-top:20px}.trofeo-controls .trofeo-reset{margin-top:18px}.trofeo-status{position:absolute;left:12px;bottom:12px;color:#fff;background:#000a;border-radius:6px;padding:6px 10px;font-size:12px;pointer-events:none}@media(max-width:700px){.trofeo-layout{grid-template-columns:1fr}.trofeo-view{height:370px}}

.trofeo-export{display:block;width:100%;padding:12px 10px;background:#161d26;color:#fff;border:0;border-radius:7px;cursor:pointer;font-weight:700;margin:12px 0}.trofeo-export:hover{background:#344456}

/* Product-only layout: hide default photo and center the 3D configurator and purchase form. */
body.trofeo-product-fullwidth.single-product div.product div.woocommerce-product-gallery,
body.trofeo-product-fullwidth.single-product div.product .woocommerce-product-gallery,
body.trofeo-product-fullwidth.single-product div.product .images,
body.trofeo-product-fullwidth.single-product div.product .product-images {display:none!important;}
body.trofeo-product-fullwidth.single-product div.product div.summary,
body.trofeo-product-fullwidth.single-product div.product .summary,
body.trofeo-product-fullwidth.single-product div.product .entry-summary {
 float:none!important;clear:both!important;width:100%!important;max-width:1050px!important;
 margin:0 auto!important;padding:0 18px!important;box-sizing:border-box!important;
}
body.trofeo-product-fullwidth #trofeo-config {width:100%;max-width:100%;margin:24px auto;}
body.trofeo-product-fullwidth .trofeo-layout {grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);}
body.trofeo-product-fullwidth.single-product div.product form.cart {display:block;max-width:100%;}
body.trofeo-product-fullwidth.single-product div.product form.cart .quantity,
body.trofeo-product-fullwidth.single-product div.product form.cart .single_add_to_cart_button {float:none;vertical-align:middle;}
body.trofeo-product-fullwidth.single-product div.product form.cart .single_add_to_cart_button {margin-left:10px;}
@media(max-width:760px){body.trofeo-product-fullwidth .trofeo-layout{grid-template-columns:1fr;}
body.trofeo-product-fullwidth.single-product div.product div.summary{padding:0 12px!important;}}

/* v0.3.9: the theme keeps the summary in the second grid column even after hiding the gallery.
   Span the entire product grid and align content with the left edge. */
body.trofeo-product-fullwidth.single-product div.product,
body.trofeo-product-fullwidth.single-product .woocommerce div.product {
  width:100%!important;max-width:100%!important;
}
body.trofeo-product-fullwidth.single-product div.product > .summary,
body.trofeo-product-fullwidth.single-product div.product > .entry-summary,
body.trofeo-product-fullwidth.single-product div.product > div.summary,
body.trofeo-product-fullwidth.single-product div.product > div.entry-summary {
  grid-column:1 / -1!important;
  grid-row:auto!important;
  justify-self:stretch!important;
  align-self:start!important;
  width:100%!important;
  max-width:1100px!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  transform:none!important;
}
body.trofeo-product-fullwidth.single-product div.product form.cart,
body.trofeo-product-fullwidth.single-product #trofeo-config {
  width:100%!important;max-width:1100px!important;
  margin-left:0!important;margin-right:auto!important;
}
body.trofeo-product-fullwidth.single-product #trofeo-config .trofeo-layout {
  width:100%;grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);
}
@media(max-width:760px){
 body.trofeo-product-fullwidth.single-product #trofeo-config .trofeo-layout{grid-template-columns:minmax(0,1fr)}
 body.trofeo-product-fullwidth.single-product div.product > .summary,
 body.trofeo-product-fullwidth.single-product div.product > .entry-summary{padding:0!important}
}

/* v0.4.2: block-theme product template. Keep theme header/footer and typography.
   The empty gallery column must not reserve half the row. */
body.trofeo-product-fullwidth .wp-block-columns > .wp-block-column:first-child:empty {
  display:none!important;
}
body.trofeo-product-fullwidth .wp-block-columns:has(> .wp-block-column:first-child:empty) > .wp-block-column:nth-child(2) {
  flex:1 1 100%!important;
  flex-basis:100%!important;
  flex-grow:1!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
/* Specific WooCommerce block columns containing a hidden gallery */
body.trofeo-product-fullwidth .wp-block-columns > .wp-block-column:first-child:has(.wc-block-components-product-gallery),
body.trofeo-product-fullwidth .wp-block-columns > .wp-block-column:first-child:has(.woocommerce-product-gallery) {
  display:none!important;
}
body.trofeo-product-fullwidth .wp-block-columns:has(> .wp-block-column:first-child .wc-block-components-product-gallery) > .wp-block-column:nth-child(2),
body.trofeo-product-fullwidth .wp-block-columns:has(> .wp-block-column:first-child .woocommerce-product-gallery) > .wp-block-column:nth-child(2) {
  flex:1 1 100%!important;max-width:100%!important;
}
body.trofeo-product-fullwidth #trofeo-config {margin-left:0!important;margin-right:0!important;}