.gava-count { color: #696c7e; font-size: 12px; margin-left: auto; }
.gava-product-grid { display: grid; gap: 10px; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 11px; }
.gava-product-card { border: 1px solid #e6e7ee; border-radius: 10px; display: flex; flex-direction: column; min-width: 0; overflow: hidden; padding: 8px; }
.gava-product-image { align-items: center; background: #f8f8fb; border-radius: 7px; display: flex; height: 104px; justify-content: center; overflow: hidden; position: relative; }
.gava-product-image img { height: 100%; object-fit: contain; width: 100%; }
.gava-image-zoom { background: #fff; border: 1px solid #d9dbe5; border-radius: 50%; box-shadow: 0 2px 5px rgba(0, 0, 0, .12); color: #4d5165; cursor: pointer; line-height: 1; padding: 4px; position: absolute; right: 6px; top: 6px; }
.gava-image-zoom .dashicons { font-size: 16px; height: 16px; width: 16px; }
.gava-product-card h4 { font-size: 12px; line-height: 1.35; margin: 9px 0 5px; }
.gava-stock { color: #177a42; font-size: 11px; margin: 0 0 5px; }
.gava-stock::before { background: #24a55a; border-radius: 50%; content: ""; display: inline-block; height: 6px; margin-right: 4px; vertical-align: 1px; width: 6px; }
.gava-price { font-size: 13px; margin-bottom: 7px; }
.gava-product-source { color: #6255bc; font-size: 10px; line-height: 1.3; margin: 0 0 8px; overflow-wrap: anywhere; }
.gava-product-source a { color: inherit; text-decoration: underline; }
.gava-product-cta { align-items: center; background: var(--gava-accent); border-radius: 7px; color: #fff !important; display: flex; font-size: 11px; font-weight: 700; justify-content: center; margin-top: auto; min-height: 34px; padding: 6px 5px; text-decoration: none !important; }
.gava-product-cta .dashicons { font-size: 16px; height: 16px; margin-left: 3px; width: 16px; }
.gava-feedback { align-items: center; border-top: 1px solid #edeeF4; color: #686b7d; display: flex; font-size: 11px; gap: 4px; padding-top: 9px; }
.gava-feedback-button, .gava-dialog-close { background: transparent; border: 0; color: #4d5165; cursor: pointer; padding: 7px; }
.gava-feedback-button { align-items: center; border-radius: 6px; display: inline-flex; padding: 3px; }
.gava-feedback-button:hover, .gava-feedback-button:focus-visible, .gava-feedback-button.is-selected { background: #ede9ff; color: var(--gava-accent); }
.gava-feedback-button .dashicons { font-size: 16px; height: 16px; width: 16px; }
.gava-image-dialog { background: #fff; border: 0; border-radius: 12px; box-shadow: 0 18px 60px rgba(0, 0, 0, .35); max-height: 88vh; max-width: min(740px, 92vw); padding: 20px; position: fixed; }
.gava-image-dialog::backdrop { background: rgba(22, 24, 38, .62); }
.gava-image-dialog img { display: block; max-height: calc(88vh - 40px); max-width: min(700px, calc(92vw - 40px)); object-fit: contain; }
.gava-dialog-close { background: #fff; border: 1px solid #d9dbe5; border-radius: 50%; position: absolute; right: 8px; top: 8px; }
.gava-image-zoom:focus-visible, .gava-dialog-close:focus-visible, .gava-feedback-button:focus-visible, .gava-product-cta:focus-visible { outline: 3px solid #24198a; outline-offset: 2px; }
@media (max-width: 760px) { .gava-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 390px) { .gava-product-grid { grid-template-columns: 1fr; } .gava-product-image { height: 120px; } }