.cai-disclaimer-top {
margin: 0 0 20px 0 !important;
padding: 12px 15px !important;
background: #fff3cd !important;
border-left: 4px solid #ff6b00 !important;
font-size: 0.9em !important;
color: #856404 !important;
text-align: left !important;
line-height: 1.5 !important;
border-radius: 4px !important;
font-weight: 500 !important;
} @media (prefers-color-scheme: dark) {
.cai-disclaimer-top {
background: #3d3416 !important;
color: #ffc107 !important;
border-left-color: #ff8c00 !important;
}
} #cai-product-container.cai-products {
display: flex !important;
flex-wrap: wrap !important;
gap: 20px !important;
justify-content: space-between !important;
margin: 30px 0 !important;
padding: 20px 0 !important;
box-sizing: border-box !important;
} #cai-product-container .cai-product-card {
flex: 1 1 calc(33.333% - 20px) !important;
border: 1px solid #444 !important;
border-radius: 8px !important;
text-align: center !important;
box-sizing: border-box !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
background: #2d2d2d !important;
padding: 15px !important;
transition: transform 0.2s ease, box-shadow 0.2s ease !important;
display: flex !important;
flex-direction: column !important;
}
#cai-product-container .cai-product-card:hover {
transform: translateY(-5px) !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
} #cai-product-container .cai-product-image {
max-width: 100% !important;
height: auto !important;
object-fit: contain !important;
border-radius: 4px !important;
margin-bottom: 15px !important;
max-height: 300px !important;
display: block !important;
}
#cai-product-container .cai-product-image-placeholder {
width: 100% !important;
height: 200px !important;
background: #444 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 4px !important;
margin-bottom: 15px !important;
color: #999 !important;
} #cai-product-container .cai-product-title {
font-weight: 600 !important;
margin-bottom: 10px !important;
height: 3em !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
color: #e0e0e0 !important;
line-height: 1.5 !important;
font-size: 1em !important;
} #cai-product-container .cai-product-price {
color: #f0f0f0 !important;
font-size: 1.3em !important;
margin-bottom: 15px !important;
font-weight: bold !important;
} #cai-product-container .cai-product-link,
#cai-product-container a.cai-product-link,
#cai-product-container a.cai-product-link:link,
#cai-product-container a.cai-product-link:visited {
display: inline-block !important;
background-color: #ff6b00 !important;
color: #ffffff !important;
padding: 10px 20px !important;
border-radius: 4px !important;
text-decoration: none !important;
font-size: 0.95em !important;
font-weight: 600 !important;
transition: background-color 0.2s ease !important;
border: none !important;
box-shadow: none !important;
text-shadow: none !important;
margin-top: auto !important;
}
#cai-product-container .cai-product-link:hover,
#cai-product-container a.cai-product-link:hover,
#cai-product-container a.cai-product-link:active,
#cai-product-container a.cai-product-link:focus {
background-color: #e65c00 !important;
color: #ffffff !important;
text-decoration: none !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
} @media (prefers-color-scheme: light) {
#cai-product-container.cai-products {
background: transparent !important;
}
#cai-product-container .cai-product-card {
background: #fff !important;
border-color: #e0e0e0 !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
}
#cai-product-container .cai-product-card:hover {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
}
#cai-product-container .cai-product-title {
color: #333 !important;
}
#cai-product-container .cai-product-price {
color: #c00 !important;
}
#cai-product-container .cai-product-image-placeholder {
background: #f0f0f0 !important;
color: #999 !important;
}
} @media (max-width: 768px) {
#cai-product-container.cai-products {
flex-wrap: nowrap !important;
overflow-x: auto !important;
scroll-snap-type: x mandatory !important;
-webkit-overflow-scrolling: touch !important;
padding: 10px 5px !important;
gap: 15px !important;
}
#cai-product-container .cai-product-card {
flex: 0 0 auto !important;
min-width: 80% !important;
max-width: 80% !important;
scroll-snap-align: start !important;
}
#cai-product-container .cai-product-image {
max-height: 250px !important;
}
} @media (min-width: 769px) and (max-width: 1024px) {
#cai-product-container .cai-product-card {
flex: 1 1 calc(50% - 20px) !important;
}
} .cai-error {
padding: 15px !important;
background: #ffebee !important;
border-left: 3px solid #f44336 !important;
color: #c62828 !important;
margin: 20px 0 !important;
border-radius: 4px !important;
} .cai-loading {
padding: 20px !important;
text-align: center !important;
color: #999 !important;
font-style: italic !important;
}