@charset "utf-8";
/* Ohouse-inspired minimal theme override for Youngcart (Theme/basic) */

/* Font */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.css");

:root{
  --point:#6D28D9; /* change to match logo K */
  --bg:#ffffff;
  --text:#111827;
  --muted:#6B7280;
  --line:#E5E7EB;
  --card:#ffffff;
  --shadow: 0 8px 24px rgba(0,0,0,.08);
  --radius:16px;
}

html,body{background:var(--bg);}
body{
  font-family:"Pretendard Variable","Pretendard","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
}

/* Links */
a{color:inherit;}
a:hover{color:var(--point);}

/* Header (Gnuboard/Youngcart common ids) */
#hd{background:#fff; border-bottom:1px solid var(--line);}
#hd_wrapper{max-width:1200px; margin:0 auto; padding:18px 0px 10px;}
#logo, #hd_logo{display:flex; align-items:center;}
#logo img{max-height:36px; height:auto;}
/* Force logo text in point color if logo is text */
#logo a, #hd_logo a{font-weight:800; letter-spacing:-.02em;}
#logo a b, #hd_logo a b{color:var(--point);}

#hd_sch, #sch, #hd_sch form{max-width:620px;}
#sch, #hd_sch form{position:relative;}
#hd_sch{margin-left:18px;}
#sch, #hd_sch{flex:1;}
#sch #sch_str, #hd_sch #sch_str, #sch input[type="text"]{
  width: 100%;
      height: 44px;
      border: 1px solid var(--line);
      border-radius: 999px;
      padding: 0 46px 0 16px;
      background: #F9FAFB;
      color: #6d28d9 !important;
      font-weight: bold;
      outline: none;
      font-family: 'Pretendard Variable';
}
#sch #sch_submit, #hd_sch #sch_submit{
  position: absolute;
      width: 43px;
      height: 43px;
      border-radius: 999px;
      border: 0;
      background: var(--point);
      color: #fff;
      right: 4px;
      top: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
}
#sch #sch_submit:hover, #hd_sch #sch_submit:hover{filter:brightness(.95);}

/* Top mini menu */
#tnb{background:#6d28d9;}
#tnb .tnb_inner{max-width:1200px; margin:0 auto; padding:8px 20px;}
#tnb a{color:var(--muted);}
#tnb a:hover{color:#ffffffc7;}

/* Our header category nav */
.oh-hd-menu{max-width:1200px; margin:0 auto; padding:10px 20px 14px;}
.oh-gnb{
  display:flex;
  gap:18px;
  align-items:center;
  flex-wrap:wrap;
}
.oh-gnb__item{
  font-size:14px;
  font-weight:700;
  color:#374151;
  padding:8px 10px;
  border-radius:10px;
}
.oh-gnb__item.is-active,
.oh-gnb__item:hover{
  background:rgba(109,40,217,.08);
  color:var(--point);
}

/* Layout wrapper */
.oh-wrap{max-width:1440px; margin:0 auto;}

/* Hero banner (Youngcart main banner skin #main_bn / .main_bn) */
.oh-hero{margin:10px 0 18px;}
#main_bn, .main_bn, .main_bn_wrap{
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow);
  background:#F3F4F6;
}
#main_bn img, .main_bn img{display:block; width:100%; height:auto;}

/* Sections */
.oh-section{margin-top:22px;}
.oh-section__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0 0 12px;
}
.oh-section__title{
  font-size:18px;
  font-weight:800;
  letter-spacing:-.02em;
}
.oh-more{
  font-size:13px;
  color:var(--point);
  font-weight:700;
}

/* Quick buttons */
.oh-quick{
  display:grid;
  grid-template-columns:repeat(8, 1fr);
  gap:14px;
}
.oh-quick__item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
  transition:transform .12s ease, box-shadow .12s ease;
}
.oh-quick__item:hover{transform:translateY(-1px); box-shadow:0 10px 22px rgba(0,0,0,.08);}
.oh-quick__icon{
  width:34px; height:34px;
  border-radius:12px;
  display:grid; place-items:center;
  background:rgba(109,40,217,.08);
  overflow:hidden;
}
.oh-quick__icon img{width:22px; height:22px; object-fit:contain;}
.oh-quick__name{font-size:14px; font-weight:800; color:#111827; white-space:nowrap;}

/* Products grid (Youngcart sct list) */
.oh-products ul.sct,
.oh-products .sct{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:18px;
  padding:0;
  margin:0;
  list-style:none;
}
.oh-products .sct_li{
  float:none !important;
  width:auto !important;
  margin:0 !important;
  padding: 0;
}
.oh-products .sct_li .sct_a{
  display:block;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  transition:transform .12s ease, box-shadow .12s ease;
}
.oh-products .sct_li .sct_a:hover{transform:translateY(-2px); box-shadow:var(--shadow);}

.oh-products .sct_img{
  position:relative;
  background:#F3F4F6;
}
.oh-products .sct_img img{
  width: 100% !important;
      height: auto !important;
      display: block;
  
      border-radius: 14px;


}
.oh-products .sct_txt{
  padding:12px 12px 4px;
  font-size:14px;
  font-weight:700;
  line-height:1.35;
  color:#111827;
  min-height:38px;
}
.oh-products .sct_cost,
.oh-products .sct_price{
  padding:0 12px 14px;
  font-weight:900;
  font-size:16px;
}
.oh-products .sct_price{color:#111827;}
.oh-products .sct_cost{color:var(--muted);  font-weight:700;}

/* Wish/like icon (if present) */
.oh-products .sct_btn{
  position:absolute;
  right:10px; bottom:10px;
}

/* Footer spacing fix */
#ft{margin-top:50px;}

/* Responsive */
@media (max-width:1200px){
  #hd_wrapper, .oh-hd-menu, .oh-wrap, #tnb .tnb_inner{max-width:100%;}
}
@media (max-width:1024px){
  .oh-quick{grid-template-columns:repeat(4, 1fr);}
  .oh-products ul.sct, .oh-products .sct{grid-template-columns:repeat(3, minmax(0,1fr));}
}
@media (max-width:768px){
  .oh-products ul.sct, .oh-products .sct{grid-template-columns:repeat(2, minmax(0,1fr));}
  .oh-quick{grid-template-columns:repeat(2, 1fr);}
}