/**
 * Template-specific styles
 * Add your custom CSS here. This file loads after Tailwind.
 * Use template_asset('css/style.css') in layout.blade.php
 */

/* Bento: แบบ Pinterest 3 คอลัมน์ กว้าง 413.33 เรียงบนลงล่าง */
.bento-contain {
  max-width: 1320px;
  margin: 60 auto;
}

.bento-pinterest {
  column-count: 3;
  column-gap: 40px;
  column-fill: auto;
}

.bento-pinterest-js {
  max-width: 1320px;
}

.bento-cols {
  display: flex;
  gap: 40px;
  max-width: 1320px;
}

.bento-col {
  width: 413.33px;
  flex: 0 0 413.33px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bento-pin {
  break-inside: avoid;
  margin-bottom: 0;
}