@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');

/* ===== Sea Coral — elegant masonry menu ===== */
.scc-menux { max-width: 1240px; margin: 0 auto; padding: 6px 20px 10px;
  font-family: 'Roboto Slab', Georgia, serif; color: #2f2f2f; }
.scc-menux *, .scc-menux *::before, .scc-menux *::after { box-sizing: border-box; }

/* header */
.scc-menux-head { text-align: center; margin: 0 0 48px; }
.scc-menux-head h2 { font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 600 !important; font-size: 58px !important; line-height: 1 !important;
  color: #17616a !important; letter-spacing: 1px; margin: 0 !important; }
.scc-menux-head .scc-rule { display: block; width: 82px; height: 3px; background: #e0785a;
  border-radius: 2px; margin: 18px auto 0; }
.scc-menux-head .scc-sub { font-family: 'Cormorant Garamond', serif; font-style: italic;
  font-size: 21px; color: #6b7b7d; margin: 13px 0 0; }

/* masonry columns */
.scc-grid { column-count: 3; column-gap: 46px; }
@media (max-width: 1024px) { .scc-grid { column-count: 2; column-gap: 38px; } }
@media (max-width: 640px)  { .scc-grid { column-count: 1; } }

.scc-cat, .scc-photo { break-inside: avoid; -webkit-column-break-inside: avoid;
  page-break-inside: avoid; display: inline-block; width: 100%; margin: 0 0 36px; }

/* category */
.scc-cat h3 { font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 700 !important; font-size: 27px !important; line-height: 1.1 !important;
  color: #17616a !important; text-transform: uppercase; letter-spacing: 1.5px;
  margin: 0 0 15px !important; padding: 0 0 10px; position: relative;
  border-bottom: 1px solid #e8dfd3; }
.scc-cat h3::after { content: ""; position: absolute; left: 0; bottom: -1px;
  width: 46px; height: 3px; background: #e0785a; }
.scc-cat ul { list-style: none; margin: 0; padding: 0; }
.scc-cat li { margin: 0 0 12px; padding: 0; }
.scc-cat li:last-child { margin-bottom: 0; }
.scc-cat .d { display: block; font-family: 'Roboto Slab', Georgia, serif;
  font-weight: 600; font-size: 16px; color: #2f2f2f; line-height: 1.3; }
.scc-cat .desc { display: block; font-family: 'Cormorant Garamond', serif; font-style: italic;
  font-size: 15px; color: #8c8c8c; line-height: 1.4; margin-top: 3px; }

/* photo cards */
.scc-photo { line-height: 0; }
.scc-photo img { width: 100%; height: auto; display: block; border-radius: 16px;
  box-shadow: 0 16px 40px rgba(23, 97, 106, .20); }

@media (max-width: 640px) {
  .scc-menux-head h2 { font-size: 46px !important; }
  .scc-menux { padding: 6px 16px; }
}

/* ===== Gallery — uniform tiles (no more staircase) ===== */
.scc-gallery .et_pb_image,
.scc-gallery .et_pb_image .et_pb_image_wrap { display: block; width: 100%; }
.scc-gallery .et_pb_image img {
  width: 100%; height: 380px; object-fit: cover; display: block;
  border-radius: 16px; box-shadow: 0 16px 40px rgba(23, 97, 106, .20);
}
@media (max-width: 980px) {
  .scc-gallery .et_pb_image img { height: 300px; }
}