/* ============================================================
   WAVE PARTS TH — V8 video social + inspiration auto slider
   ============================================================ */

/* Inspiration: real auto slider (3.5 s via app.js) */
.wave-inspiration-grid{
  display:flex!important;
  grid-template-columns:none!important;
  grid-auto-rows:auto!important;
  gap:14px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding:4px 2px 14px;
  overscroll-behavior-x:contain;
}
.wave-inspiration-grid::-webkit-scrollbar{display:none}
.wave-inspiration-card,
.wave-inspiration-card.is-featured{
  flex:0 0 min(34%,390px)!important;
  width:auto!important;
  height:330px!important;
  grid-column:auto!important;
  grid-row:auto!important;
  scroll-snap-align:start;
  transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .45s ease,border-color .35s ease,box-shadow .35s ease!important;
}
.wave-inspiration-card.is-current{
  border-color:rgba(238,45,45,.55)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.34),0 0 0 1px rgba(238,45,45,.12) inset!important;
}
.wave-inspiration-card.is-current img{transform:scale(1.045)}
@media(max-width:900px){
  .wave-inspiration-card,.wave-inspiration-card.is-featured{flex-basis:56vw!important;height:320px!important}
}
@media(max-width:700px){
  .wave-inspiration-grid{padding:2px 14px 12px 2px!important;margin-right:-14px}
  .wave-inspiration-card,.wave-inspiration-card.is-featured{flex-basis:80vw!important;height:310px!important}
}

/* Homepage video modal — no native download controls, center tap play/pause */
.video-player-wrap{position:relative}
.video-player-wrap video,.video-player-wrap iframe{user-select:none;-webkit-user-select:none}
.video-center-hit{
  position:absolute;inset:0;z-index:2;border:0;background:transparent;cursor:pointer;
}
.video-play-pulse{
  position:absolute;left:50%;top:50%;z-index:4;width:76px;height:76px;border-radius:50%;
  transform:translate(-50%,-50%) scale(.65);display:flex;align-items:center;justify-content:center;
  color:#fff;background:rgba(0,0,0,.46);backdrop-filter:blur(8px);font-size:28px;opacity:0;pointer-events:none;
}
.video-play-pulse.show{animation:wpVideoPulse .62s ease}
@keyframes wpVideoPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.65)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.12)}}
.video-sound-toggle{
  position:absolute;left:14px;top:14px;z-index:7;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.22);
  background:rgba(0,0,0,.54);backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;
}

.video-modal-overlay{
  position:absolute!important;left:16px!important;right:82px!important;bottom:22px!important;z-index:6!important;
  display:block!important;pointer-events:none!important;
}
.video-modal-story{display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:100%}
.video-modal-clip-title{
  color:#fff;font-size:16px;font-weight:800;line-height:1.4;text-shadow:0 2px 10px rgba(0,0,0,.9);
  max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.video-modal-product-card{
  display:flex;align-items:center;gap:9px;max-width:280px;padding:7px 10px 7px 7px;border-radius:14px;
  background:rgba(20,20,24,.74);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(12px);
  opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease;pointer-events:auto;
}
.video-modal-product-card img{width:42px;height:42px;border-radius:9px;object-fit:cover;background:#fff;flex:none}
.video-modal-product-copy{min-width:0}
.video-modal-product-name{padding:0!important;background:none!important;backdrop-filter:none!important;border-radius:0!important;
  font-size:13px!important;max-width:none!important;opacity:1!important;transform:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.video-modal-shopee-line{display:flex;align-items:center;gap:6px;margin-top:2px;color:#ff6b45;font-size:12px;font-weight:800;opacity:0;transform:translateY(6px);transition:.42s ease}
.video-modal-shopee-btn{padding:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;opacity:1!important;transform:none!important;pointer-events:auto!important;color:#ff6b45!important}
.video-modal-shopee-btn .btn-text{max-width:none!important;opacity:1!important;padding:0!important;overflow:visible!important}
.video-modal-overlay.show-product .video-modal-product-card{opacity:1;transform:translateY(0)}
.video-modal-overlay.show-shop .video-modal-shopee-line{opacity:1;transform:translateY(0)}

.video-modal-actions{
  position:absolute;right:10px;bottom:74px;z-index:7;display:flex;flex-direction:column;gap:12px;pointer-events:auto;
}
.video-social-btn{
  width:54px;min-height:54px;border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:3px;cursor:pointer;text-shadow:0 2px 9px rgba(0,0,0,.9);font-size:11px;font-weight:700;
}
.video-social-btn i{font-size:27px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.72));transition:transform .18s ease,color .18s ease}
.video-social-btn:active i{transform:scale(.82)}
.video-social-btn.active.like i{color:#62a8ff}
.video-social-btn.active.heart i{color:#ff3b5c}
.video-social-btn.copied i{color:#48d17a}

.video-modal-comments{
  position:absolute;left:0;right:0;bottom:0;height:min(68%,560px);z-index:12;background:#111216;
  border-radius:20px 20px 0 0;transform:translateY(105%);transition:transform .32s cubic-bezier(.2,.8,.2,1);
  display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.12);pointer-events:auto;
}
.video-modal-comments.open{transform:translateY(0)}
.video-comments-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.09);color:#fff;font-weight:800}
.video-comments-head button{border:0;background:rgba(255,255,255,.08);color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer}
.video-comment-list{flex:1;overflow:auto;padding:4px 15px 14px}
.video-comments-empty{color:#8c8f98;text-align:center;padding:30px 12px;font-size:13px}
.video-comment-row{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.065)}
.video-comment-avatar{width:34px;height:34px;border-radius:50%;background:#2a2c32;display:flex;align-items:center;justify-content:center;color:#aeb2bc;flex:none}
.video-comment-body{min-width:0;flex:1}.video-comment-meta{display:flex;align-items:center;gap:8px;color:#fff;font-size:12px}.video-comment-meta span{color:#777c87;font-size:10px}
.video-comment-text{color:#e5e6e9;font-size:13px;line-height:1.55;margin-top:4px;overflow-wrap:anywhere}.video-comment-text a{color:#65aaff;text-decoration:underline}
.video-comment-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 12px 12px;border-top:1px solid rgba(255,255,255,.08);background:#111216}
.video-comment-identity{grid-column:1/-1;color:#8d919a;font-size:10px}.video-comment-identity strong{color:#d8dae0}
.video-comment-form textarea{resize:none;min-height:42px;max-height:100px;border:1px solid #30323a;border-radius:13px;background:#1b1c21;color:#fff;padding:10px 12px;font:inherit;font-size:13px;outline:none}
.video-comment-form textarea:focus{border-color:#d92525}.video-comment-form button{border:0;border-radius:13px;background:#d92525;color:#fff;font-weight:800;padding:0 15px;cursor:pointer}.video-comment-form button:disabled{opacity:.5}

@media(max-width:480px){
  .video-modal-overlay{left:14px!important;right:72px!important;bottom:18px!important}
  .video-modal-clip-title{font-size:14px}.video-modal-product-card{max-width:235px}.video-modal-actions{right:6px;bottom:68px}
  .video-social-btn{width:48px}.video-social-btn i{font-size:25px}
}