/* Catálogo de cortes: fotografia e tipografia próprias, sem alterar as outras seções. */
.cut-catalog {
  padding: clamp(48px, 6.5vw, 88px) 0 clamp(62px, 8vw, 112px);
  background: #090a09;
  border-top: 1px solid rgba(214, 166, 74, .36);
}
.cut-catalog-wrap { max-width: 1360px; }
.cut-catalog-heading { max-width: 760px; margin: 0 auto 28px; text-align: center; }
.cut-catalog-heading .overline { color: #d9b66f; }
.cut-catalog-heading :is(h1,h2) {
  margin: 9px 0 12px;
  color: #f6f3ec;
  font-family: 'Barlow Condensed', Impact, sans-serif;
  font-size: clamp(42px, 6vw, 72px);
  font-weight: 800;
  line-height: .98;
  letter-spacing: .005em;
  text-transform: uppercase;
}
.cut-catalog-heading :is(h1,h2) em { color: #e4bd70; font-style: normal; }
.cut-catalog-heading > p:last-child {
  max-width: 600px;
  margin: 0 auto;
  color: #c7c1b6;
  font: 400 15px/1.65 'Inter', 'DM Sans', sans-serif;
}
.cut-catalog-filters {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  max-width: 790px;
  margin: 28px auto 18px;
}
.cut-catalog-filters button {
  display: flex;
  min-width: 0;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 10px 13px;
  border: 1px solid #39342a;
  border-radius: 8px;
  background: #111210;
  color: #e7e2d9;
  font: 700 12px/1.15 'Sora', 'DM Sans', sans-serif;
  letter-spacing: .055em;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}
.cut-catalog-filters button:hover { border-color: #bb9550; transform: translateY(-1px); }
.cut-catalog-filters button[aria-pressed="true"] {
  border-color: #d6ad5d;
  background: #d6ad5d;
  color: #17130c;
}
.cut-catalog-filters button span { color: inherit; opacity: .68; font: 600 11px/1 'Inter', sans-serif; }
.cut-catalog-status { min-height: 1.2em; margin: 0 0 22px; color: #aaa49b; text-align: center; font: 500 12px/1.4 'Inter', sans-serif; }
.cut-category-group + .cut-category-group { margin-top: clamp(36px, 5vw, 62px); }
.cut-category-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 17px;
  color: #e6c57e;
  font: 700 clamp(21px, 2.4vw, 28px)/1.1 'Barlow Condensed', Impact, sans-serif;
  letter-spacing: .045em;
  text-transform: uppercase;
}
.cut-category-title::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(214,166,74,.34), transparent); }
.cut-category-title span { color: #999185; font: 600 12px/1 'Inter', sans-serif; letter-spacing: .04em; }
.cut-category-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.cut-catalog-grid { display: block; }
.cut-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #34312b;
  border-radius: 11px;
  background: linear-gradient(150deg, #151513, #10110f 70%);
  transition: border-color .2s ease, transform .2s ease;
}
.cut-card:hover { border-color: rgba(221, 183, 104, .78); transform: translateY(-3px); }
.cut-card-media { position: relative; overflow: hidden; aspect-ratio: 3 / 4; background: #171614; }
.cut-card-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cut-card-media::after { position: absolute; inset: 45% 0 0; content: ''; background: linear-gradient(0deg, #070707ee, #07070700); pointer-events: none; }
.cut-card-media h4 {
  position: absolute;
  z-index: 1;
  right: 10px;
  bottom: 12px;
  left: 10px;
  margin: 0;
  color: #fff;
  font: 700 clamp(15px, 1.4vw, 19px)/1.2 'Sora', 'DM Sans', sans-serif;
  text-align: center;
  text-shadow: 0 2px 6px #000, 0 1px 2px #000;
  overflow-wrap: anywhere;
}
.cut-card-tag {
  position: absolute;
  top: 9px;
  left: 9px;
  padding: 6px 8px;
  border: 1px solid rgba(225, 187, 112, .46);
  border-radius: 5px;
  background: rgba(8, 8, 8, .78);
  color: #f1d18d;
  font: 700 9px/1 'Sora', 'DM Sans', sans-serif;
  letter-spacing: .07em;
}
.cut-card-body { display: flex; min-width: 0; flex: 1; flex-direction: column; align-items: stretch; padding: 13px; text-align: center; }
.cut-card-price { margin: 4px 0 8px; color: #e7c678; font: 700 15px/1.3 'Inter', sans-serif; }
.cut-card-choose {
  width: 100%;
  min-height: 44px;
  margin-top: auto;
  padding: 10px 8px;
  border: 1px solid #9b783c;
  border-radius: 6px;
  background: rgba(161, 120, 51, .1);
  color: #f1d18d;
  font: 700 10px/1.2 'Sora', 'DM Sans', sans-serif;
  letter-spacing: .045em;
  cursor: pointer;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.cut-card-choose:hover { border-color: #e1bd70; background: #d6ad5d; color: #17130c; }
.cut-card-choose:focus-visible,.cut-catalog-filters button:focus-visible,.catalog-treatment-action:focus-visible { outline: 3px solid #f3d993; outline-offset: 3px; }
.catalog-treatment[hidden] { display: none !important; }
.catalog-treatment {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;
  margin-top: 42px;
  padding: 22px clamp(16px, 3vw, 34px);
  border: 1px solid #51452f;
  border-radius: 12px;
  background: linear-gradient(105deg, #171612, #10110f 68%);
}
.catalog-treatment > img { display: block; width: 76px; height: 76px; object-fit: contain; }
.catalog-treatment .overline { margin: 0 0 5px; color: #cfaa64; }
.catalog-treatment h3 { margin: 0; color: #f1eee7; font: 600 clamp(18px, 2.4vw, 25px)/1.2 'Sora', 'DM Sans', sans-serif; }
.catalog-treatment-price { margin: 7px 0 0; color: #e8c879; font: 700 16px/1.2 'Inter', sans-serif; }
.catalog-treatment-action {
  min-height: 46px;
  padding: 12px 18px;
  border: 1px solid #b38a42;
  border-radius: 6px;
  background: #d6ad5d;
  color: #17130c;
  font: 700 10px/1.2 'Sora', 'DM Sans', sans-serif;
  letter-spacing: .04em;
  cursor: pointer;
}
.catalog-treatment-action:hover { background: #efcf8b; }
.booking-cut-selection { margin: 12px 0; padding: 12px 14px; border: 1px solid #705830; border-radius: 7px; background: rgba(214,166,74,.1); color: #f1d18d; font: 600 14px/1.45 'Inter', sans-serif; }
.booking-cut-selection[hidden] { display: none !important; }

@media (min-width: 700px) and (max-width: 980px) { .cut-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } }
@media (max-width: 699px) {
  .cut-catalog { padding: 46px 0 68px; }
  .cut-catalog-heading { margin-bottom: 22px; text-align: left; }
  .cut-catalog-heading :is(h1,h2) { font-size: clamp(40px, 11vw, 56px); }
  .cut-catalog-heading > p:last-child { margin: 0; font-size: 14px; }
  .cut-catalog-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 22px 0 14px; }
  .cut-catalog-filters button { min-height: 46px; padding: 10px 8px; font-size: 11px; }
  .cut-category-title { margin-bottom: 12px; font-size: 22px; }
  .cut-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .cut-card { border-radius: 9px; }
  .cut-card-tag { top: 7px; left: 7px; padding: 5px 6px; font-size: 8px; }
  .cut-card-body { padding: 9px 8px 10px; }
  .cut-card-media h4 { right: 7px; bottom: 9px; left: 7px; font-size: clamp(12px, 3.7vw, 16px); }
  .cut-card-price { font-size: 14px; }
  .cut-card-choose { min-height: 46px; padding: 9px 4px; font-size: 10px; letter-spacing: .025em; }
  .catalog-treatment { grid-template-columns: 56px minmax(0, 1fr); gap: 12px; margin-top: 30px; padding: 15px 12px; }
  .catalog-treatment > img { width: 54px; height: 54px; }
  .catalog-treatment h3 { font-size: 16px; }
  .catalog-treatment-action { grid-column: 1 / -1; min-height: 46px; }
}
@media (max-width: 350px) {
  .cut-catalog-wrap { width: min(100% - 24px, 1360px); }
  .cut-category-grid { gap: 8px; }
  .cut-card-body { padding-inline: 6px; }
  .cut-card-choose { font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .cut-catalog-filters button,.cut-card,.cut-card-choose { transition: none; }
}