.lovinpet-direct{
  width:100%;
  padding-top:var(--ld-pad-top, 20px);
  padding-bottom:var(--ld-pad-bottom, 20px);
  background:rgb(var(--ld-section-bg, 255, 255, 255));
}
.lovinpet-direct__inner{
  max-width:var(--ld-max-width, 1440px);
  width:100%;
  margin:0 auto;
  padding:0 54px;
  box-sizing:border-box;
}
.lovinpet-direct__shell{
  display:flex;
  align-items:stretch;
  gap:0;
  background:rgb(var(--ld-shell-bg, 247, 242, 233));
  border:1px solid rgb(var(--ld-shell-border, 235, 227, 214));
  border-radius:var(--ld-shell-radius, 18px);
  box-shadow:var(--ld-shell-shadow, 0 10px 28px rgba(36,45,32,.06));
  overflow:hidden;
  box-sizing:border-box;
}
.lovinpet-direct__panel{
  flex:0 0 var(--ld-panel-width, 210px);
  width:var(--ld-panel-width, 210px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:12px;
  padding:28px 22px;
  background:rgb(var(--ld-panel-bg, 33, 77, 48));
  background-image:var(--ld-panel-bg-image, none);
  background-size:cover;
  background-position:center;
  box-sizing:border-box;
  min-height:100%;
}
.lovinpet-direct__panel-title{
  margin:0;
  font-family:Georgia, 'Times New Roman', serif;
  font-weight:700;
  font-size:var(--ld-panel-title-size, 28px);
  line-height:1.15;
  color:rgb(var(--ld-panel-title-color, 255, 255, 255));
  letter-spacing:-.2px;
}
.lovinpet-direct__panel-desc{
  margin:0;
  font-size:var(--ld-panel-desc-size, 13px);
  font-weight:500;
  line-height:1.45;
  color:rgb(var(--ld-panel-desc-color, 255, 255, 255));
  white-space:pre-line;
}
.lovinpet-direct__panel-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:6px;
  padding:10px 16px;
  border-radius:var(--ld-btn-radius, 8px);
  background:rgb(var(--ld-btn-bg, 232, 226, 213));
  color:rgb(var(--ld-btn-text, 31, 45, 33));
  border:none;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
  transition:opacity .15s ease, transform .15s ease;
}
.lovinpet-direct__panel-btn:hover{
  opacity:.92;
  transform:translateY(-1px);
  text-decoration:none;
  color:rgb(var(--ld-btn-text, 31, 45, 33));
}
.lovinpet-direct__scroller{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:stretch;
  gap:var(--ld-item-gap, 8px);
  padding:18px 12px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  box-sizing:border-box;
}
.lovinpet-direct__scroller::-webkit-scrollbar{height:6px;}
.lovinpet-direct__scroller::-webkit-scrollbar-thumb{
  background:#d8d0c2;
  border-radius:99px;
}
.lovinpet-direct__item-wrap{
  flex:1 1 0;
  min-width:var(--ld-item-min-width, 140px);
  max-width:var(--ld-item-max-width, 220px);
  display:flex;
}
.lovinpet-direct__item{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  text-decoration:none;
  color:inherit;
  padding:6px 8px 4px;
  box-sizing:border-box;
  transition:transform .15s ease;
}
.lovinpet-direct__item:hover{
  transform:translateY(-2px);
  text-decoration:none;
  color:inherit;
}
.lovinpet-direct__item-head{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  width:100%;
  margin-bottom:8px;
  min-height:70px;
}
.lovinpet-direct__icon-wrap{
  width:22px;
  height:22px;
  margin-bottom:2px;
}
.lovinpet-direct__icon-wrap img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.lovinpet-direct__item-title{
  margin:0;
  font-size:14px;
  font-weight:800;
  color:rgb(var(--ld-item-title-color, 31, 45, 33));
  line-height:1.2;
}
.lovinpet-direct__item-desc{
  margin:0;
  font-size:11px;
  font-weight:500;
  color:rgb(var(--ld-item-desc-color, 106, 116, 101));
  line-height:1.3;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.lovinpet-direct__media{
  width:100%;
  aspect-ratio:calc(var(--ld-image-ratio, 100) / 100);
  border-radius:var(--ld-image-radius, 10px);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:8px;
  background:transparent;
}
.lovinpet-direct__media img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.lovinpet-direct__price{
  font-size:14px;
  font-weight:800;
  color:rgb(var(--ld-price-color, 31, 45, 33));
  line-height:1.2;
}
@media (max-width:991.98px){
  .lovinpet-direct__inner{padding:0 24px;}
  .lovinpet-direct__panel{
    flex-basis:var(--ld-panel-width-tablet, 180px);
    width:var(--ld-panel-width-tablet, 180px);
  }
}
@media (max-width:767.98px){
  .lovinpet-direct__inner{padding:0 16px;}
  .lovinpet-direct__shell{flex-direction:column;}
  .lovinpet-direct__panel{
    flex:0 0 auto;
    width:100%;
  }
  .lovinpet-direct__item-wrap{
    flex:0 0 var(--ld-item-min-width, 140px);
    max-width:none;
  }
}