/*!
 * Product Archive - CSS
 * Migrated 2026-05-21 from WPCode snippet #5058.
 * Enqueue condition: is_shop() / WC archives
 */

/* Base layout and background */

#product-archive-main-container,

#category-catelog-title,

#shop-ebikes-section,

#accessories-carousel-section {

	

	     font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;

      background-color: #f9f9f9;

}



#category-catelog-title {

	text-align:center;

	padding-bottom:20px;

		padding-top:30px;

	margin-bottom:0px;

}





#shop-ebikes-section {

	

	align-items:center;

	

}







#shop-ebikes-section #ebike-product-catelog ul.products {

  display: flex;

  flex-wrap: wrap;

	  justify-content: center;

	      border-radius: 10px;

      box-shadow: 0 2px 8px rgba(0,0,0,0.05);

	



}



/* Product Card */

#shop-ebikes-section .products .product {

  border: 2px solid #e6e6e6;

border-radius: 10px;

  width: 320px;

  transition: all 0.3s ease;

  box-shadow: 0 0 0 rgba(0, 0, 0, 0);

	  background-color: #fff;

	box-shadow: 0 2px 8px rgba(0,0,0,0.05);

	margin:20px;

	padding:20px;

	height:650px;



}



#shop-ebikes-section .products .product:hover {

  border-color: #ff7d00;

  box-shadow: 0 0 12px rgba(255, 125, 0, 0.2);

}



/* Product Image */

#shop-ebikes-section .products .product img {

  height: 280px;

  object-fit: contain;

	padding-bottom:15px;

}



#shop-ebikes-section .product-catelog-style-class h3 {

	font-size:18px!important;

	margin-top:0px!important;

	height:64.5px;

	margin-bottom:10px!important;

}





/* Attributes */

#shop-ebikes-section .attribute-value a, .products .product .dynamic[data-field-id] {

  font-size: 0.875rem;

}





#shop-ebikes-section .price-line {

  font-size: 14px;

  color: #888;

  text-decoration: line-through;

}



#shop-ebikes-section .price-new {

  font-size: 16px;

  font-weight: bold;

  color: #E4572E;

}





#shop-ebikes-section .price.rent-price {

	margin-top:15px;

}



#shop-ebikes-section .price.buy-price {

	margin-bottom:15px;

}





/* Stock Status */

#shop-ebikes-section .products .product .stock {

  font-size: 0.85rem;

  color: #118C4F;

	margin-bottom:15px;

	font-weight:600;

}



/* CTA Button */

#shop-ebikes-section .products .product .button,

#shop-ebikes-section .products .product .add_to_cart_button {

  width: 100%;

	font-size:0.875rem;

  background: #ff7d00;

  color: #ffffff;

  text-transform: uppercase;

  border-radius: 6px;

  border: none;

  cursor: pointer;

  transition: background 0.3s ease;

  text-decoration: none;

	margin:0px;

}



#shop-ebikes-section .products .product .button:hover,

#shop-ebikes-section .products .product .add_to_cart_button:hover {

  background: #ff9a32;

}



/* Disabled Button */

#shop-ebikes-section .products .product .button[disabled],

#shop-ebikes-section .products .product .add_to_cart_button[aria-disabled="true"] {

  background: #ccc;

  color: #666;

  cursor: not-allowed;

}





/* Responsive layout for mobile */



/* Main page title: "Shop" */

#shop-ebikes-section #category-catelog-title {

  font-size: 2.5rem;

  font-weight: 700;

  text-align: center;

  color: #111;

  margin-top: 2rem;

  margin-bottom: 0.5rem;

  letter-spacing: -0.5px;

}



/* Section heading: "eBikes" */

#shop-ebikes-section  #ebike-product-catelog-title {

  font-size: 2rem;

  font-weight: 600;

  text-align: center;

  color: #ff7d00;

  margin-top: 0;

  margin-bottom: 2rem;

  line-height: 1.2;

}



/* Optional: Breadcrumbs cleanup */

.brxe-woocommerce-breadcrumbs nav {

  font-size: 0.85rem;

  text-align: center;

  margin-top: 1rem;

  color: #666;

}



.brxe-woocommerce-breadcrumbs a {

  color: #ff7d00;

  text-decoration: none;

}



.brxe-woocommerce-breadcrumbs .separator {

  padding: 0 5px;

  color: #aaa;

}



#category-catelog-breadcrumbs {

  box-sizing: border-box;

  display: block;

  height: 68.4453px;

  margin: 0;

  padding: 22.652px 0;

  width: 250px;

  font-family: "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

  font-weight: 400;

  line-height: 25.888px;

  color: rgb(67, 69, 75);

  text-rendering: optimizeLegibility;

  overflow-wrap: break-word;

  unicode-bidi: isolate;

  -webkit-text-size-adjust: 100%;

  text-size-adjust: 100%;

}





.dynamic[data-field-id="mjlbml"] {

  height: 40px; /* or whatever */

}



@media (max-width: 768px) {

  /* Product Card Container */

#shop-ebikes-section   .products .product {

    width: 95%;

    margin: 15px auto;

    padding: 16px;

    height: auto;

    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);

  }



  /* Product Image */

#shop-ebikes-section   .products .product img {

    height: auto;

    max-height: 200px;

    object-fit: contain;

    margin-bottom: 10px;

  }



  /* Product Title */

#shop-ebikes-section   .product-catelog-style-class h3 {

    font-size: 16px !important;

    line-height: 1.3;

    height: auto;

    margin-bottom: 8px !important;

  }



  /* Product Attributes */

#shop-ebikes-section   .products .product .dynamic[data-field-id] {

    font-size: 0.875rem;

    line-height: 1.4;

    margin-bottom: 6px;

  }



#shop-ebikes-section   .attribute-value a {

    font-size: 0.85rem;

  }



  /* Price Text */

#shop-ebikes-section   .price-line {

    font-size: 13px;

  }



#shop-ebikes-section   .price-new {

    font-size: 15px;

  }



#shop-ebikes-section   .price.rent-price

 {

    margin-top: 12px;

  }

	



#shop-ebikes-section   .price.buy-price {

    margin-bottom: 12px;

  }



  /* Stock Text */

#shop-ebikes-section   .products .product .stock {

    font-size: 0.8rem;

    font-weight: 500;

    margin-bottom: 12px;

  }



  /* CTA Button */

#shop-ebikes-section   .products .product .button,

#shop-ebikes-section   .products .product .add_to_cart_button {

    font-size: 0.875rem;

    padding: 12px;

    border-radius: 6px;

    margin-top: 12px;

  }



  /* Titles & Headers */

#shop-ebikes-section   #category-catelog-title {

    font-size: 2rem;

    margin-bottom: 1rem;

  }



#shop-ebikes-section   #ebike-product-catelog-title {

    font-size: 1.5rem;

    margin-bottom: 1.5rem;

  }



  /* Breadcrumbs */

#shop-ebikes-section   .brxe-woocommerce-breadcrumbs nav {

    font-size: 0.8rem;

    line-height: 1.2;

    margin-bottom: 1rem;

  }

}