/* Product Grid */

.cpm-products-grid {    display: grid;    gap: 30px;    margin: 30px 0;  }



/* Back Button */
.cpm-product-back {    padding: 20px 0 10px;    margin-bottom: 10px;    border-bottom: 1px solid #eee;  }
.cpm-product-back {  display: none;  }

.cpm-back-button {    display: inline-flex;    align-items: center;    gap: 8px;    padding: 8px 16px;    background: #f5f5f5;    color: #333;    text-decoration: none;
    border-radius: 4px;    font-weight: 500;    transition: all 0.3s ease;   }

.cpm-back-button:hover {    background: #e5e5e5;    color: #000;    text-decoration: none;    transform: translateX(-3px);  }
.cpm-back-icon {    font-size: 18px;    line-height: 1;  }


/* Update product container to accommodate back button */
.cpm-product-content {    display: flex;    gap: 40px;    padding: 0 20px 20px;  }




/* Responsive adjustments */

@media (max-width: 992px) {
	
	.cpm-product-content {  flex-direction: column; padding: 0 20px 20px; }
    .cpm-product-image { flex: none;  min-height: 300px;  }
    .cpm-product-details { padding: 0; }
	
}

@media (max-width: 768px) {
	
    .cpm-product-back { padding: 15px 20px 10px; }
    .cpm-product-content { padding: 0 15px 15px;  }
	
}


.cpm-products-grid[data-columns="1"] { grid-template-columns: 1fr; }
.cpm-products-grid[data-columns="2"] { grid-template-columns: repeat(2, 1fr); }
.cpm-products-grid[data-columns="3"] { grid-template-columns: repeat(3, 1fr); }
.cpm-products-grid[data-columns="4"] { grid-template-columns: repeat(4, 1fr); }

.cpm-product-item {   background: #fff;    border: 1px solid #e5e5e5;    border-radius: 8px;    overflow: hidden;    transition: transform 0.3s ease, box-shadow 0.3s ease;  }
.cpm-product-item:hover {  transform: translateY(-5px);   box-shadow: 0 8px 20px rgba(0,0,0,0.1);  }
.cpm-product-item a {   text-decoration: none;    color: inherit;    display: block;  }

.cpm-product-thumbnail {    position: relative;    padding-top: 100%;    overflow: hidden;    background: #f5f5f5;  }
.cpm-product-thumbnail img {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;   object-fit: cover;  }
.cpm-placeholder {    display: flex;    align-items: center;    justify-content: center;    color: #999;    font-size: 0.9rem;  }
.cpm-product-title {  padding: 24px 14px;   margin: 0;   font-size: 18px;   text-align: center;   color: #333;    font-weight: 700;  }
.cpm-product-excerpt {    padding: 0 15px 15px;    font-size: 0.9rem;    color: #666;  }

/* Single Product */

.cpm-single-product {  padding: 50px 0px;  }

.cpm-single-product {   margin: auto;    width: 100%;    max-width: 1430px;    box-sizing: border-box;    padding: 80px 0;  }
.cpm-product-container {    display: flex;    gap: 40px;    background: #fff;    border-radius: 12px;    box-shadow: 0 4px 20px rgba(0,0,0,0.08);    overflow: hidden;      align-items: center;  }
.cpm-product-image {    flex: 0 0 50%;    min-height: 400px;    background: #f5f5f5;}  
.cpm-product-image img {    width: 100%;    height: 100%;    object-fit: cover; max-height: 400px;  }
.cpm-placeholder-full {    display: flex;    align-items: center;    justify-content: center;    height: 100%;    color: #999;    font-size: 1.2rem;  }
.cpm-product-details {    flex: 1;    padding: 40px 40px 40px 0;  }
.cpm-product-details .cpm-product-title {   font-size: 30px;    margin-bottom: 20px;    text-align: left;    padding: 0;  }
.cpm-product-description {    color: #666;    line-height: 1.8;    margin: 20px 0;  }
.cpm-product-description p:last-child {    margin-bottom: 0;  }
.cpm-product-actions {    display: flex;    gap: 15px;    margin-top: 30px;    flex-wrap: wrap;  }
.cpm-query-button, .cpm-whatsapp-button {    display: inline-block;    padding: 12px 30px;    border-radius: 6px;    text-decoration: none;    font-weight: 600;     transition: all 0.3s ease;  }
.cpm-query-button {    background: var(--cpm-button, #0073aa);    color: #fff;  }
.cpm-query-button:hover {    opacity: 0.9;    color: #fff;    text-decoration: none;  }
.cpm-whatsapp-button {    background: #25D366;    color: #fff;  }
.cpm-whatsapp-button:hover {    background: #1da851;    color: #fff;    text-decoration: none;  }
.cpm-whatsapp-icon {    margin-right: 8px;  }


/* Category Archive */


body.archive {  background: #f9f9f9 !important;  }

.cpm-category-title { text-align: center;  margin: 0;  font-weight: 700; }
.cpm-category-header {  margin-top: 0;  }
.cpm-category-archive, .cpm-product-archive {  margin: auto;    width: 100%;    max-width: 1430px;    box-sizing: border-box;    padding: 50px 0; }

.cpm-archive-header {  display: flex;    gap: 40px;    margin: 40px 0;    padding: 30px;    background: #f9f9f9;    border-radius: 12px;    align-items: center;  }
.cpm-category-header {  display: flex;    gap: 40px;    margin: 0px 0 40px 0;    padding: 30px;    background: #fff;    border-radius: 12px;    align-items: center;  }

.cpm-archive-header {    justify-content: center;    text-align: center; }
.cpm-category-image {    flex: 0 0 300px;  }
.cpm-category-image img {    width: 100%;    height: auto;   border-radius: 8px;  }
.cpm-category-info {  flex: 1;  }
.cpm-category-title, .cpm-archive-title {     font-size: 2rem; }
.cpm-category-description {    color: #666;    line-height: 1.8;  }
.cpm-no-products {  text-align: center;  padding: 60px 20px;   color: #666; }


/* Pagination */
.cpm-category-archive .page-numbers, .cpm-product-archive .page-numbers {  display: inline-block;   padding: 8px 15px;    margin: 0 3px;    background: #f5f5f5;    border-radius: 4px;
	text-decoration: none;    color: #333;  }

.cpm-category-archive .page-numbers.current, .cpm-product-archive .page-numbers.current {   background: var(--cpm-primary, #0073aa);   color: #fff; }
.cpm-category-archive .page-numbers:hover, .cpm-product-archive .page-numbers:hover {  background: #e5e5e5; }



/* Responsive */
@media (max-width: 992px) {
    
	.cpm-products-grid[data-columns="4"] { grid-template-columns: repeat(3, 1fr); }    
    .cpm-product-container {  flex-direction: column;   }
    .cpm-product-image {  flex: none;  min-height: 300px;  }
    .cpm-product-details { padding: 20px;  }
    .cpm-product-details .cpm-product-title { font-size: 22px;  font-weight: 600;  }
    .cpm-category-header { flex-direction: column;  text-align: center;  }
    .cpm-category-image { flex: none;  max-width: 300px;  margin: 0 auto;  }
}


@media (max-width: 768px) {
	
	.cpm-products-grid {    grid-template-columns: repeat(2, 1fr) !important;   gap: 20px;    }
    .cpm-product-actions {  flex-direction: column;    }
    .cpm-query-button,    .cpm-whatsapp-button {   text-align: center;   }    
	.cpm-category-header {  padding: 20px;    }
}


@media (max-width: 480px) {
	
    .cpm-products-grid {   grid-template-columns: 1fr !important;  }
	
}