/* i-Light Bathroom Navigation 1.0.0: only the marked category overview. */
.ilight-bathroom-cards { margin: 0 0 24px; color: #253241; }
.ilight-bathroom-cards, .ilight-bathroom-cards * { box-sizing: border-box; }
.ilight-bathroom-cards h2 { margin: 0 0 16px; font-family: inherit; font-size: 21px; font-weight: 600; line-height: 1.35; color: #253241; text-transform: none; }
.ilight-bathroom-cards .ilight-bathroom-cards__intro { margin: 0 0 18px; line-height: 1.6; }
.ilight-bathroom-cards__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ilight-bathroom-cards a.ilight-bathroom-cards__card { display: flex; flex-direction: column; align-items: stretch; min-width: 0; margin: 0; padding: 18px; background: #fff; border: 1px solid #dce3eb; border-radius: 12px; color: #253241; text-decoration: none; text-align: left; transition: border-color .15s ease, box-shadow .15s ease; }
.ilight-bathroom-cards a.ilight-bathroom-cards__card:hover { border-color: #ff891c; box-shadow: 0 5px 16px rgba(37, 50, 65, .07); text-decoration: none; }
.ilight-bathroom-cards a.ilight-bathroom-cards__card:focus-visible { outline: 3px solid #135b89; outline-offset: 3px; }
.ilight-bathroom-cards .ilight-bathroom-cards__image { display: flex; align-items: center; justify-content: center; width: 100%; height: 180px; margin: 0 0 16px; overflow: hidden; background: #fff; }
.ilight-bathroom-cards .ilight-bathroom-cards__image img { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; }
.ilight-bathroom-cards .ilight-bathroom-cards__name { display: block; margin: 0 0 7px; font-size: 17px; font-weight: 600; line-height: 1.4; color: #253241; overflow-wrap: break-word; }
.ilight-bathroom-cards .ilight-bathroom-cards__detail { display: block; margin: 0; font-size: 13px; font-weight: 400; line-height: 1.5; color: #5e6e81; overflow-wrap: break-word; }
@media (min-width: 768px) {
  .ilight-bathroom-cards .ilight-bathroom-cards__card[data-category-id="153"] .ilight-bathroom-cards__image img { object-fit: cover; object-position: center; }
}
@media (max-width: 1199px) {
  .ilight-bathroom-cards a.ilight-bathroom-cards__card { padding: 14px; }
  .ilight-bathroom-cards .ilight-bathroom-cards__image { height: 150px; }
  .ilight-bathroom-cards .ilight-bathroom-cards__name { font-size: 16px; }
}
@media (max-width: 767px) {
  .ilight-bathroom-cards__grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .ilight-bathroom-cards a.ilight-bathroom-cards__card { display: grid; grid-template-columns: 112px minmax(0, 1fr); grid-template-rows: 1fr 1fr; gap: 0 14px; align-items: center; }
  .ilight-bathroom-cards .ilight-bathroom-cards__image { grid-column: 1; grid-row: 1 / 3; width: 112px; height: 126px; margin: 0; }
  .ilight-bathroom-cards .ilight-bathroom-cards__name { grid-column: 2; align-self: end; }
  .ilight-bathroom-cards .ilight-bathroom-cards__detail { grid-column: 2; align-self: start; }
}
@media (max-width: 399px) {
  .ilight-bathroom-cards a.ilight-bathroom-cards__card { grid-template-columns: 88px minmax(0, 1fr); gap: 0 12px; padding: 12px; }
  .ilight-bathroom-cards .ilight-bathroom-cards__image { width: 88px; height: 120px; }
}
@media (prefers-reduced-motion: reduce) {
  .ilight-bathroom-cards a.ilight-bathroom-cards__card { transition: none; }
}