/* Estilos formulario de opciones */
.custom-product-form {
  order: 4;
  margin-bottom: 30px;
  padding: 20px;
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-family: "Open Sans", sans-serif;
}

.custom-product-form h3 {
  margin-bottom: 20px;
  font-size: 20px;
  color: #222;
}

.form-row-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  grid-column: 1 / -1;
  margin-top: 20px;
}

.form-row-3 {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  grid-column: 1 / -1;
}

.form-field {
  display: flex;
  flex-direction: column;
}

.form-field.full-width {
  grid-column: 1 / -1;
  margin-top: 20px;
}

label {
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 14px;
  color: #333;
}

input,
select,
textarea {
  padding: 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
}

.input-disabled {
  background-color: #eee;
  color: #666;
  pointer-events: none;
  cursor: not-allowed;
}

.custom-warning-message {
  margin-top: 25px;
  background: #f5f5f5;
  border-left: 4px solid #d60000;
  padding: 15px;
  font-size: 14px;
  color: #d60000;
  font-weight: bold;
}

.custom-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='gray' height='18' viewBox='0 0 24 24' width='18' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px 16px;
  padding-right: 35px;
  background-color: white;
  cursor: pointer;
}

@media (max-width: 768px) {
  .form-row-3,
  .form-row-2 {
    grid-template-columns: 1fr;
  }

  .form-field.full-width {
    grid-column: auto;
  }
}
/* Fin Estilos formulario de opciones */

/* Oculta inmediatamente btn ficha tecnica, social links y attachment */
body.catalog-product-view.product-espiral-de-plastico-a-medida-pl-000-c
  .mp-attachment-container.under-cart,
body.catalog-product-view.product-espiral-metalica-a-medida-mt-000-c
  .mp-attachment-container.under-cart,
body.catalog-product-view.product-doble-alambre-cortado-wr-000-c
  .mp-attachment-container.under-cart,
body.catalog-product-view.product-espiral-de-plastico-a-medida-pl-000-c
  .product-social-links,
body.catalog-product-view.product-espiral-metalica-a-medida-mt-000-c
  .product-social-links,
body.catalog-product-view.product-doble-alambre-cortado-wr-000-c
  .product-social-links,
body.catalog-product-view.product-espiral-de-plastico-a-medida-pl-000-c
  .product.info.detailed,
body.catalog-product-view.product-espiral-metalica-a-medida-mt-000-c
  .product.info.detailed,
body.catalog-product-view.product-doble-alambre-cortado-wr-000-c
  .product.info.detailed,
body.catalog-product-view.product-espiral-de-plastico-a-medida-pl-000-c
  .ficha-tecnica,
body.catalog-product-view.product-espiral-metalica-a-medida-mt-000-c
  .ficha-tecnica,
body.catalog-product-view.product-doble-alambre-cortado-wr-000-c .ficha-tecnica,
body.catalog-product-view.product-doble-alambre-cortado-wr-000-c
  .especial-filter-box {
  display: none !important;
  visibility: hidden !important;
}

/* Estilos en el checkout index */

.checkout-cart-index .item-options > dt, .item-options > dd {
  font-size: 10px;
}
.checkout-cart-index .item-options > dt {
  margin: 0 5px 0 0px !important;
}