/* Premium TikTok catalogue visuals. Keeps existing product/order logic untouched. */
#books.lhc-tiktok-grid #productGrid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}

#books.lhc-tiktok-grid .product-card{
  position:relative!important;
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid rgba(139,92,246,.16)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(19,20,34,.97),rgba(8,9,17,.99))!important;
  box-shadow:0 20px 55px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.04)!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease!important;
}
#books.lhc-tiktok-grid .product-card:hover{
  transform:translateY(-7px)!important;
  border-color:rgba(158,122,255,.34)!important;
  box-shadow:0 30px 75px rgba(0,0,0,.34),0 0 42px rgba(124,58,237,.1),inset 0 1px 0 rgba(255,255,255,.06)!important;
}

#books.lhc-tiktok-grid .product-cover{
  position:relative!important;
  isolation:isolate!important;
  min-height:0!important;
  aspect-ratio:1.08/1!important;
  overflow:hidden!important;
  background-color:#090b12!important;
}
#books.lhc-tiktok-grid .product-cover::before{
  content:""!important;
  position:absolute!important;
  inset:-35%!important;
  z-index:-2!important;
  opacity:.8!important;
  filter:blur(28px)!important;
  transform:rotate(-8deg)!important;
  pointer-events:none!important;
}
#books.lhc-tiktok-grid .product-cover::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.07),transparent 28%),
    radial-gradient(circle at 75% 20%,rgba(255,255,255,.12),transparent 18%),
    linear-gradient(180deg,transparent 48%,rgba(3,4,10,.58) 100%)!important;
  pointer-events:none!important;
}

/* Followers: purple/cyan people-network look. */
#books.lhc-tiktok-grid .cover-tiktok{
  background:
    radial-gradient(circle at 74% 24%,rgba(34,211,238,.26),transparent 30%),
    radial-gradient(circle at 20% 85%,rgba(168,85,247,.28),transparent 32%),
    linear-gradient(145deg,#101425 0%,#0a0b15 52%,#151026 100%)!important;
}
#books.lhc-tiktok-grid .cover-tiktok::before{
  background:conic-gradient(from 40deg,rgba(34,211,238,.55),rgba(168,85,247,.45),rgba(244,63,94,.2),rgba(34,211,238,.55))!important;
}
#books.lhc-tiktok-grid .cover-tiktok .tiktok-grid{
  position:absolute!important;
  inset:0!important;
  opacity:.15!important;
  background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px)!important;
  background-size:24px 24px!important;
  mask-image:linear-gradient(180deg,#000,transparent 90%)!important;
}
#books.lhc-tiktok-grid .cover-tiktok .tiktok-mark{
  position:absolute!important;
  top:31%!important;
  left:50%!important;
  display:grid!important;
  place-items:center!important;
  width:78px!important;
  height:78px!important;
  transform:translate(-50%,-50%) rotate(-5deg)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:24px!important;
  color:#fff!important;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035))!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:0 22px 45px rgba(0,0,0,.35),0 0 35px rgba(34,211,238,.12)!important;
}
#books.lhc-tiktok-grid .cover-tiktok .tiktok-mark b{font-size:42px!important;line-height:1!important;text-shadow:-4px 0 0 rgba(34,211,238,.75),4px 0 0 rgba(244,63,94,.7)!important}
#books.lhc-tiktok-grid .cover-tiktok .tiktok-followers{
  position:absolute!important;
  top:19%!important;
  right:7%!important;
  display:flex!important;
  flex-direction:column!important;
  padding:9px 11px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:13px!important;
  background:rgba(8,10,20,.54)!important;
  backdrop-filter:blur(10px)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.25)!important;
}
#books.lhc-tiktok-grid .cover-tiktok .tiktok-followers b{font-size:17px!important;line-height:1!important;color:#fff!important}
#books.lhc-tiktok-grid .cover-tiktok .tiktok-followers small{margin-top:4px!important;font-size:7px!important;letter-spacing:.14em!important;color:#b8c2e8!important}
#books.lhc-tiktok-grid .cover-tiktok .tiktok-avatars{position:absolute!important;left:8%!important;top:43%!important;display:flex!important}
#books.lhc-tiktok-grid .cover-tiktok .tiktok-avatars i{width:26px!important;height:26px!important;margin-left:-6px!important;border:2px solid #111322!important;border-radius:50%!important;background:linear-gradient(135deg,#22d3ee,#8b5cf6)!important;box-shadow:0 6px 14px rgba(0,0,0,.25)!important}
#books.lhc-tiktok-grid .cover-tiktok .tiktok-avatars i:nth-child(2){background:linear-gradient(135deg,#a855f7,#f43f5e)!important}
#books.lhc-tiktok-grid .cover-tiktok .tiktok-avatars i:nth-child(3){background:linear-gradient(135deg,#60a5fa,#22d3ee)!important}

/* Views / likes use a cinematic video-signal canvas. */
#books.lhc-tiktok-grid .cover-tiktok-views{
  background:
    radial-gradient(circle at 79% 19%,rgba(236,72,153,.22),transparent 28%),
    radial-gradient(circle at 17% 82%,rgba(59,130,246,.28),transparent 34%),
    linear-gradient(145deg,#101225 0%,#090b14 55%,#170d20 100%)!important;
}
#books.lhc-tiktok-grid .cover-tiktok-views::before{
  background:conic-gradient(from 70deg,rgba(236,72,153,.45),rgba(59,130,246,.45),rgba(124,58,237,.55),rgba(236,72,153,.45))!important;
}
#books.lhc-tiktok-grid .cover-tiktok-views .views-grid{
  position:absolute!important;
  inset:0!important;
  opacity:.16!important;
  background-image:radial-gradient(circle,rgba(255,255,255,.5) 1px,transparent 1.5px)!important;
  background-size:18px 18px!important;
  mask-image:linear-gradient(135deg,#000 0%,transparent 80%)!important;
}
#books.lhc-tiktok-grid .cover-tiktok-views .views-play{
  position:absolute!important;
  top:31%!important;
  left:50%!important;
  display:grid!important;
  place-items:center!important;
  width:76px!important;
  height:76px!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid rgba(255,255,255,.17)!important;
  border-radius:24px!important;
  color:#fff!important;
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.03))!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:0 22px 45px rgba(0,0,0,.38),0 0 36px rgba(139,92,246,.15)!important;
  font-size:27px!important;
  text-indent:4px!important;
}
#books.lhc-tiktok-grid .cover-tiktok-views .views-count{
  position:absolute!important;
  right:7%!important;
  top:18%!important;
  display:flex!important;
  flex-direction:column!important;
  padding:9px 11px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:13px!important;
  background:rgba(8,10,20,.55)!important;
  backdrop-filter:blur(10px)!important;
}
#books.lhc-tiktok-grid .cover-tiktok-views .views-count b{font-size:18px!important;line-height:1!important;color:#fff!important}
#books.lhc-tiktok-grid .cover-tiktok-views .views-count small{margin-top:4px!important;font-size:7px!important;letter-spacing:.14em!important;color:#c7c9df!important}
#books.lhc-tiktok-grid .cover-tiktok-views .views-wave{
  position:absolute!important;
  left:8%!important;
  top:45%!important;
  color:#96a7ff!important;
  font-size:18px!important;
  letter-spacing:5px!important;
  text-shadow:0 0 20px rgba(96,165,250,.45)!important;
}

/* Save/favourite variant: premium bookmark feel. */
#books.lhc-tiktok-grid .cover-tiktok-favorite{
  background:
    radial-gradient(circle at 76% 18%,rgba(250,204,21,.18),transparent 28%),
    radial-gradient(circle at 18% 82%,rgba(168,85,247,.32),transparent 34%),
    linear-gradient(145deg,#13101f 0%,#090b14 58%,#16101b 100%)!important;
}
#books.lhc-tiktok-grid .cover-tiktok-favorite::before{
  background:conic-gradient(from 30deg,rgba(250,204,21,.28),rgba(168,85,247,.55),rgba(236,72,153,.3),rgba(250,204,21,.28))!important;
}
#books.lhc-tiktok-grid .cover-tiktok-favorite .cover-decoration{
  display:grid!important;
  place-items:center!important;
  position:absolute!important;
  top:29%!important;
  left:50%!important;
  width:78px!important;
  height:78px!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:24px!important;
  color:#fde68a!important;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.03))!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:0 22px 45px rgba(0,0,0,.35),0 0 30px rgba(250,204,21,.08)!important;
  font-size:34px!important;
}

#books.lhc-tiktok-grid .cover-brand{
  top:15px!important;
  left:16px!important;
  z-index:4!important;
  padding:6px 8px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:9px!important;
  color:rgba(244,246,255,.8)!important;
  background:rgba(7,8,14,.34)!important;
  backdrop-filter:blur(9px)!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
}
#books.lhc-tiktok-grid .cover-name{
  left:16px!important;
  right:14px!important;
  bottom:34px!important;
  z-index:4!important;
  max-width:88%!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:.91!important;
  letter-spacing:-.055em!important;
  text-shadow:0 8px 28px rgba(0,0,0,.58)!important;
}
#books.lhc-tiktok-grid .cover-foot{
  left:16px!important;
  bottom:15px!important;
  z-index:4!important;
  color:rgba(221,225,245,.58)!important;
  font-size:7px!important;
  letter-spacing:.15em!important;
}

#books.lhc-tiktok-grid .product-content{padding:16px!important}
#books.lhc-tiktok-grid .product-category{
  color:#9d8cff!important;
  letter-spacing:.11em!important;
}
#books.lhc-tiktok-grid .product-title,
#books.lhc-tiktok-grid .product-content h3{
  font-size:18px!important;
  line-height:1.08!important;
}
#books.lhc-tiktok-grid .product-description{
  display:-webkit-box!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  font-size:10px!important;
  line-height:1.5!important;
  color:rgba(225,228,242,.62)!important;
}
#books.lhc-tiktok-grid .price-row{
  padding-top:10px!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
#books.lhc-tiktok-grid .current-price{letter-spacing:-.04em!important}
#books.lhc-tiktok-grid .product-actions{gap:7px!important}
#books.lhc-tiktok-grid .product-actions button{
  min-height:44px!important;
  padding:8px!important;
  border-radius:12px!important;
  font-size:9px!important;
  transition:transform .2s ease,filter .2s ease!important;
}
#books.lhc-tiktok-grid .product-actions button:hover{transform:translateY(-2px)!important;filter:brightness(1.08)!important}

html[data-theme="light"] #books.lhc-tiktok-grid .product-card{
  border-color:rgba(95,74,210,.14)!important;
  background:linear-gradient(180deg,#fff,#f7f7fb)!important;
  box-shadow:0 18px 46px rgba(37,34,70,.09)!important;
}
html[data-theme="light"] #books.lhc-tiktok-grid .product-description{color:#66677a!important}
html[data-theme="light"] #books.lhc-tiktok-grid .price-row{border-top-color:rgba(33,33,45,.08)!important}

@media(max-width:1020px){
  #books.lhc-tiktok-grid #productGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:760px){
  #books.lhc-tiktok-grid #productGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  #books.lhc-tiktok-grid .product-card{border-radius:17px!important}
  #books.lhc-tiktok-grid .product-card:hover{transform:none!important}
  #books.lhc-tiktok-grid .product-cover{
    aspect-ratio:1.02/1!important;
    border-radius:0!important;
  }
  #books.lhc-tiktok-grid .product-content{padding:11px 9px 10px!important}
  #books.lhc-tiktok-grid .product-category{margin-bottom:5px!important;font-size:7px!important;line-height:1.3!important}
  #books.lhc-tiktok-grid .product-title,
  #books.lhc-tiktok-grid .product-content h3{
    min-height:2.2em!important;
    margin-bottom:6px!important;
    font-size:14px!important;
    line-height:1.1!important;
  }
  #books.lhc-tiktok-grid .product-description{display:none!important}
  #books.lhc-tiktok-grid .product-stock{margin:5px 0!important;font-size:7px!important}
  #books.lhc-tiktok-grid .card-links{margin:5px 0!important}
  #books.lhc-tiktok-grid .detail-link{min-height:32px!important;padding:6px 7px!important;font-size:8px!important}
  #books.lhc-tiktok-grid .product-rating{margin:6px 0!important;font-size:7px!important}
  #books.lhc-tiktok-grid .price-row{margin:7px 0!important;gap:5px!important;padding-top:7px!important}
  #books.lhc-tiktok-grid .current-price{font-size:17px!important;line-height:1!important}
  #books.lhc-tiktok-grid .old-price{font-size:9px!important}
  #books.lhc-tiktok-grid .product-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
  }
  #books.lhc-tiktok-grid .product-actions button{
    width:100%!important;
    min-height:40px!important;
    padding:6px 4px!important;
    border-radius:10px!important;
    font-size:8px!important;
    line-height:1.15!important;
  }
  #books.lhc-tiktok-grid .wishlist-button{width:30px!important;height:30px!important;font-size:15px!important}
  #books.lhc-tiktok-grid .sale-badge{padding:5px 7px!important;font-size:7px!important}
  #books.lhc-tiktok-grid .cover-brand{top:10px!important;left:10px!important;padding:4px 6px!important;font-size:5px!important}
  #books.lhc-tiktok-grid .cover-foot{left:10px!important;bottom:9px!important;font-size:5px!important}
  #books.lhc-tiktok-grid .cover-name{left:10px!important;bottom:24px!important;font-size:14px!important;line-height:.95!important}
  #books.lhc-tiktok-grid .cover-tiktok .tiktok-mark,
  #books.lhc-tiktok-grid .cover-tiktok-views .views-play,
  #books.lhc-tiktok-grid .cover-tiktok-favorite .cover-decoration{width:54px!important;height:54px!important;border-radius:17px!important}
  #books.lhc-tiktok-grid .cover-tiktok .tiktok-mark b{font-size:29px!important}
  #books.lhc-tiktok-grid .cover-tiktok-views .views-play{font-size:19px!important}
  #books.lhc-tiktok-grid .cover-tiktok-favorite .cover-decoration{font-size:24px!important}
  #books.lhc-tiktok-grid .tiktok-followers,
  #books.lhc-tiktok-grid .views-count{transform:scale(.72)!important;transform-origin:top right!important}
  #books.lhc-tiktok-grid .cover-tiktok .tiktok-avatars{transform:scale(.74)!important;transform-origin:left center!important}
}

@media(max-width:360px){
  #books.lhc-tiktok-grid #productGrid{gap:6px!important}
  #books.lhc-tiktok-grid .product-content{padding:9px 7px!important}
  #books.lhc-tiktok-grid .product-title,
  #books.lhc-tiktok-grid .product-content h3{font-size:12px!important}
  #books.lhc-tiktok-grid .current-price{font-size:15px!important}
  #books.lhc-tiktok-grid .product-actions button{font-size:7px!important}
}