/*
Theme Name: Aff Catalog Themes
Theme URI: https://doomeownoomai.store/
Author: DooMeowNooMai Master
Description: Ultra-Performance Bento Theme for WordPress 7.0+. Optimized for Full-Body Fashion Mockups.
Version: 7.0.0
Text Domain: aff-catalog
*/
/* --- Bento Layout: คอมพิวเตอร์ (บังคับสัดส่วน) --- */
/* --- 💻 Desktop: โครงสร้างรูปที่ 1 ที่คุณชอบ --- */
.master-bento-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    grid-auto-rows: 320px !important; /* กำหนดฐานความสูง */
    gap: 25px !important;
    max-width: 1400px;
    margin: 0 auto;
}

/* ล็อคใบที่ 1 (ใบใหญ่ซ้ายสุด) */
.bento-item-1 {
    grid-column: span 2 !important;
    grid-row: span 2 !important; /* สูงเท่ากับ 2 แถว (ประมาณ 665px) */
}

/* ใบที่ 2, 3, 4, 5 จะเป็นใบเล็กมาตรฐานอัตโนมัติ */

/* ล็อคใบที่ 6 (ใบใหญ่ใบที่สอง ถ้ามี) */
.bento-item-6 {
    grid-column: span 2 !important;
    grid-row: span 2 !important;
}

/* คุมภาพให้เต็มและไม่ตัดหัว */
.card-img-box { width: 100%; height: 100%; overflow: hidden; }
.card-img-box img { 
    width: 100% !important; 
    height: 100% !important; 
    object-fit: cover !important; 
    object-position: top center !important; 
}

/* --- 📱 Mobile: แก้ปัญหาเว็บหดตัว --- */
@media (max-width: 1024px) {
    .master-bento-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        grid-auto-rows: 350px !important;
    }
    .bento-item-1, .bento-item-6 {
        grid-column: span 2 !important;
        grid-row: span 1 !important; /* บนมือถือไม่ควรสูงเกินไป */
    }
}

@media (max-width: 600px) {
    .master-bento-grid {
        grid-template-columns: repeat(2, 1fr) !important; /* โชว์คู่ตามเทรนด์ */
        grid-auto-rows: 280px !important;
        gap: 12px !important;
    }
    .hero-title { font-size: 3rem !important; }
}