.ab-gallery-wrap{padding:24px;background:#f8f9fb;border-radius:24px;margin:30px 0}
.ab-gallery-title{text-align:center;margin-bottom:24px}
.ab-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ab-card{background:#fff;border:1px solid #dfe3e8;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;height:100%;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.04),0 12px 24px rgba(0,0,0,.08)}
.ab-card:hover{transform:translateY(-6px);box-shadow:0 10px 20px rgba(0,0,0,.08),0 20px 40px rgba(0,0,0,.12)}
.ab-product-img{width:100%;height:140px;object-fit:contain;padding:12px;background:#fafafa;border-bottom:1px solid #ececec}
.ab-result-img{width:100%;height:300px;object-fit:cover;display:block}
.ab-product-name{padding:16px;background:#fff;border-top:1px solid #f2f2f2;text-align:center;line-height:1.5;font-weight:700;font-size:16px;color:#243b63;flex-grow:1}
.ab-btn{display:block;margin:14px;padding:12px;border-radius:14px;text-align:center;text-decoration:none;background:#05070b;color:#fff;font-weight:700;letter-spacing:.3px;transition:.25s}
.ab-btn:hover{transform:translateY(-2px)}
@media(max-width:1200px){.ab-gallery-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.ab-gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.ab-gallery-grid{grid-template-columns:1fr}}


/* v3.2 compact gallery upgrade */
.ab-gallery-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:18px !important;
}

.ab-product-img{
    height:180px !important;
    object-fit:contain !important;
    padding:10px !important;
}

.ab-result-img{
    height:220px !important;
    object-fit:contain !important;
    background:#fff !important;
    padding:6px !important;
}

.ab-product-name{
    padding:10px 12px 6px !important;
    font-size:14px !important;
    line-height:1.35 !important;
    min-height:auto !important;
}

.ab-btn{
    margin:6px 12px 12px !important;
    padding:10px 12px !important;
    font-size:13px !important;
    border-radius:12px !important;
}

.ab-card{
    border:1px solid #dfe3e8 !important;
    box-shadow:0 4px 6px rgba(0,0,0,.04),0 12px 24px rgba(0,0,0,.08) !important;
}

@media(max-width:1200px){
 .ab-gallery-grid{grid-template-columns:repeat(3,1fr)!important;}
}
@media(max-width:900px){
 .ab-gallery-grid{grid-template-columns:repeat(2,1fr)!important;}
}
@media(max-width:600px){
 .ab-gallery-grid{grid-template-columns:1fr!important;}
}

.ab-editor-row{display:flex;gap:20px;border:1px solid #ddd;padding:15px;margin:15px 0;background:#fff}
.ab-editor-left{flex:1}
.ab-editor-right{width:280px;display:flex;gap:10px}
.ab-editor-preview{width:120px;height:120px;object-fit:cover;border:1px solid #ddd;display:block;margin-bottom:8px}