/* 오늘의생활이야기 추천제품 - 프론트엔드 스타일
   테마(onul-life-story)의 네이비·골드 색상 체계를 그대로 따릅니다.
   테마가 없어도 최소한의 모양을 갖추도록 색상값을 직접 지정합니다. */

.onlp-disclosure{
  background:#fff8e6;
  border:1px solid #f0dca0;
  color:#5b4a12;
  font-size:14.5px;
  padding:12px 16px;
  border-radius:10px;
  margin:16px 0 20px;
}

.onlp-intro{color:#5b6478;font-size:17px;}

.onlp-filter-form{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-bottom:24px;
}
.onlp-filter-form input[type="search"]{
  flex:1;
  min-width:180px;
  padding:12px 14px;
  border:2px solid #e5e1d6;
  border-radius:10px;
  font-size:17px;
}
.onlp-filter-form select{
  padding:12px 14px;
  border:2px solid #e5e1d6;
  border-radius:10px;
  font-size:17px;
}
.onlp-filter-form button{
  background:#071b3e;
  color:#fff;
  border:0;
  padding:12px 18px;
  border-radius:10px;
  font-weight:700;
  font-size:17px;
  cursor:pointer;
}
.onlp-filter-form .onlp-reset{
  font-size:15px;
  color:#5b6478;
  text-decoration:underline;
}

.onlp-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
@media (max-width:900px){.onlp-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.onlp-grid{grid-template-columns:1fr;}}

.onlp-card{
  background:#fff;
  border:1px solid #e5e1d6;
  border-radius:14px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  box-shadow:0 1px 4px rgba(7,27,62,.06);
}
.onlp-card__thumb{
  display:block;
  aspect-ratio:4/3;
  background:#eef1f7;
  overflow:hidden;
}
.onlp-card__thumb img{width:100%;height:100%;object-fit:cover;}
.onlp-card__thumb-placeholder{
  width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
  font-size:40px;
}
.onlp-card__body{padding:14px 16px 18px;}
.onlp-card__number{
  display:inline-block;
  background:#eef3ff;
  color:#0d2b5c;
  font-weight:700;
  font-size:13px;
  padding:4px 10px;
  border-radius:999px;
  margin:0 0 8px;
}
.onlp-card__title{font-size:19px;margin:0 0 6px;}
.onlp-card__title a{color:#071b3e;text-decoration:none;}
.onlp-card__title a:hover{color:#f2b923;}
.onlp-card__tagline{color:#5b6478;font-size:15.5px;margin:0 0 8px;}
.onlp-card__cats{color:#5b6478;font-size:13.5px;margin:0 0 12px;}

.onlp-btn-coupang{
  display:inline-block;
  width:100%;
  text-align:center;
  background:#f2b923;
  color:#071b3e;
  font-weight:800;
  font-size:16px;
  padding:12px 14px;
  border-radius:10px;
  text-decoration:none;
}
.onlp-btn-coupang:hover{background:#ffcf4f;}
.onlp-btn-coupang--disabled{background:#e5e1d6;color:#5b6478;}
.onlp-btn-coupang--large{width:auto;padding:14px 24px;font-size:18px;}

.onlp-empty{
  text-align:center;
  padding:40px 20px;
  color:#5b6478;
}

.onlp-pagination{margin-top:26px;display:flex;gap:8px;flex-wrap:wrap;}
.onlp-pagination .page-numbers{
  display:inline-block;
  padding:10px 14px;
  border:1px solid #e5e1d6;
  border-radius:8px;
  text-decoration:none;
  color:#071b3e;
}
.onlp-pagination .page-numbers.current{background:#071b3e;color:#fff;border-color:#071b3e;}

.onlp-single-thumb img{border-radius:14px;margin:14px 0;}
.onlp-single-tagline{font-size:19px;color:#172033;font-weight:600;}

.onlp-visually-hidden{
  position:absolute !important;
  width:1px;height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
}