/* AI Product Recommendations — frontend styles */

.aipr-fbt {
	background: linear-gradient(120deg, #eef2ff, #ecfeff);
	border: 1px solid #c7d2fe; border-radius: 16px; padding: 24px 26px; margin: 30px 0;
}
.aipr-fbt h2 { margin: 0 0 6px; font-size: 19px; }
.aipr-fbt__pitch { margin: 0 0 16px; color: #4338ca; font-weight: 600; font-size: 13px; }

.aipr-fbt__row { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-bottom: 18px; }
.aipr-fbt__plus { font-size: 20px; color: #94a3b8; font-weight: 700; }
.aipr-fbt__item { display: flex; flex-direction: column; align-items: center; gap: 4px; width: 120px; text-align: center; cursor: pointer; }
.aipr-fbt__item img { width: 80px; height: 80px; object-fit: cover; border-radius: 10px; border: 2px solid transparent; }
.aipr-fbt__check { margin-bottom: 4px; }
.aipr-fbt__check:checked + img { border-color: #4338ca; }
.aipr-fbt__name { font-size: 12px; color: #1e1b4b; line-height: 1.3; }
.aipr-fbt__price { font-size: 12px; font-weight: 700; color: #4338ca; }

.aipr-fbt__footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.aipr-fbt__total { font-size: 14px; color: #1e1b4b; }
.aipr-fbt__total strong { font-size: 18px; color: #4338ca; }
.aipr-fbt__save { background: #dcfce7; color: #166534; padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; margin-left: 8px; }

.aipr-btn { background: #4338ca; color: #fff; border: none; border-radius: 10px; padding: 11px 22px; font-weight: 700; cursor: pointer; font-size: 14px; }
.aipr-btn:hover { background: #3730a3; }
.aipr-btn:disabled { opacity: 0.6; cursor: wait; }
.aipr-btn--sm { display: inline-block; padding: 6px 14px; font-size: 12px; text-decoration: none; }

.aipr-msg { display: block; margin-top: 10px; font-size: 13px; font-weight: 600; }
.aipr-msg.is-error { color: #dc2626; }
.aipr-msg.is-ok { color: #16a34a; }

/* You May Also Like */
.aipr-related { margin: 34px 0; }
.aipr-related h2 { font-size: 19px; margin-bottom: 16px; }
.aipr-related__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 16px; }
.aipr-related__card { border: 1px solid #e5e7eb; border-radius: 12px; padding: 14px; text-align: center; transition: box-shadow 0.15s ease; }
.aipr-related__card:hover { box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08); }
.aipr-related__card a { text-decoration: none; color: inherit; display: block; }
.aipr-related__card img { width: 100%; height: auto; border-radius: 8px; margin-bottom: 8px; }
.aipr-related__name { display: block; font-size: 13px; color: #1e1b4b; margin-bottom: 4px; }
.aipr-related__price { display: block; font-size: 13px; font-weight: 700; color: #4338ca; margin-bottom: 8px; }
.aipr-related__btn { display: inline-block; background: #eef2ff; color: #4338ca; border-radius: 8px; padding: 6px 14px; font-size: 12px; font-weight: 700; text-decoration: none; }
.aipr-related__btn:hover { background: #e0e7ff; }

/* Comparison */
.aipr-compare { margin: 30px 0; }
.aipr-compare h2 { font-size: 19px; margin-bottom: 12px; }
.aipr-compare-ai { background: #ecfeff; border: 1px solid #a5f3fc; border-radius: 12px; padding: 14px 18px; margin: 0 0 16px; list-style: none; }
.aipr-compare-ai li { padding: 4px 0; font-size: 13px; color: #164e63; }
.aipr-compare-table { width: 100%; border-collapse: collapse; }
.aipr-compare-table th, .aipr-compare-table td { border: 1px solid #e5e7eb; padding: 10px 12px; text-align: center; font-size: 13px; }
.aipr-compare-table thead th { background: #eef2ff; color: #312e81; }
.aipr-compare-table td:first-child, .aipr-compare-table th:first-child { text-align: left; font-weight: 600; background: #f9fafb; }
.aipr-compare-images img { width: 60px; height: 60px; object-fit: cover; border-radius: 8px; }