/* V91 — TikTok-style New Arrivals feed in the right rail (below the company look). */

/* Rail layout: company look PINNED at the top (never overlaps), feed scrolls in its own area below. */
body .samsheys-public-layout[data-global-shell] .samsheys-new-arrivals-rail[data-global-rail]>.global-social-sidebar.tt-sidebar{
  position:sticky!important;top:82px!important;height:calc(100vh - 82px)!important;max-height:calc(100vh - 82px)!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:14px 12px 0!important;box-sizing:border-box!important}
body .samsheys-public-layout .global-social-sidebar.tt-sidebar .sidebar-company-view{position:relative!important;top:auto!important;z-index:1;flex:0 0 auto;margin-bottom:10px}
.tt-sidebar .sidebar-company-media{aspect-ratio:16/10!important;max-height:min(30vh,250px)!important}
.tt-sidebar .sidebar-company-copy p{display:none}
.tt-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 2px 40px;scrollbar-width:thin;scrollbar-color:#3a3f48 transparent;overscroll-behavior:contain;scroll-behavior:smooth}
.tt-scroll::-webkit-scrollbar{width:6px}.tt-scroll::-webkit-scrollbar-thumb{background:#3a3f48;border-radius:9px}

.tt-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:2px 2px 12px;color:#fff;position:sticky;top:0;z-index:15;background:#090909;padding:4px 0 8px}
.tt-head .eyebrow{margin:0 0 4px;font-size:10px}.tt-head h2{margin:0;font-size:18px;line-height:1.15;color:#fff}
.tt-live{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:800;letter-spacing:.12em;color:#d7ad52;white-space:nowrap}
.tt-live i{width:7px;height:7px;border-radius:50%;background:#2fd17a;box-shadow:0 0 0 0 rgba(47,209,122,.6);animation:ttPulse 1.8s infinite}
@keyframes ttPulse{70%{box-shadow:0 0 0 7px rgba(47,209,122,0)}100%{box-shadow:0 0 0 0 rgba(47,209,122,0)}}

.tt-new-pill{position:sticky;top:48px;z-index:20;display:block;margin:0 auto 10px;border:0;border-radius:99px;padding:8px 16px;background:#d7ad52;color:#111;font-size:11px;font-weight:900;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.4)}
.tt-new-pill[hidden]{display:none}

.tt-feed{display:flex;flex-direction:column;gap:18px}
.tt-card{position:relative;border-radius:18px;overflow:hidden;background:#000;border:1px solid #242932;box-shadow:0 14px 34px rgba(0,0,0,.32)}
.tt-card.tt-fresh{animation:ttIn .5s ease both}
@keyframes ttIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}

/* 9:16 frame. Media is CONTAINED so the whole photo/video is always visible; a blurred copy fills the bars. */
.tt-frame{position:relative;width:100%;aspect-ratio:9/16;max-height:calc(100vh - 82px - 30vh - 150px);min-height:300px;background:#050505;overflow:hidden;isolation:isolate;user-select:none;-webkit-user-select:none}
.tt-slide{position:absolute;inset:0;display:none}.tt-slide.active{display:block}
.tt-bg{position:absolute;inset:-14%;width:128%;height:128%;object-fit:cover;filter:blur(24px) brightness(.5) saturate(1.15);z-index:0}
.tt-media{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;object-position:center;z-index:1;background:transparent}
.tt-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.82) 0,rgba(0,0,0,.35) 24%,transparent 46%),linear-gradient(to bottom,rgba(0,0,0,.35),transparent 16%)}

.tt-badges{position:absolute;left:10px;top:10px;z-index:5;display:flex;gap:6px;flex-wrap:wrap;pointer-events:none}
.tt-badge{padding:4px 8px;border-radius:99px;background:rgba(0,0,0,.6);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;backdrop-filter:blur(4px)}
.tt-badge--new{background:#d7ad52;color:#111;letter-spacing:.1em}.tt-badge[hidden]{display:none}

.tt-play{position:absolute;left:50%;top:50%;z-index:5;width:62px;height:62px;margin:-31px 0 0 -31px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:24px;cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(4px);transition:opacity .2s,transform .2s}
.tt-card.is-playing .tt-play{opacity:0;pointer-events:none;transform:scale(.8)}
.tt-card:not(.has-video) .tt-play,.tt-card.on-image .tt-play{display:none}

.tt-nav{position:absolute;top:50%;z-index:6;width:32px;height:32px;margin-top:-16px;border:0;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;font-size:22px;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s}
.tt-nav--prev{left:8px}.tt-nav--next{right:54px}.tt-card:hover .tt-nav,.tt-card:focus-within .tt-nav{opacity:1}
.tt-dots{position:absolute;left:0;right:46px;bottom:62px;z-index:5;display:flex;justify-content:center;gap:5px;pointer-events:none}
.tt-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.4)}.tt-dots i.on{background:#fff;width:16px;border-radius:9px}

.tt-heart{position:absolute;left:50%;top:50%;z-index:7;font-size:92px;line-height:1;color:#ff3b5c;margin:-46px 0 0 -46px;opacity:0;pointer-events:none;text-shadow:0 8px 30px rgba(0,0,0,.4)}
.tt-heart.burst{animation:ttHeart .8s ease}
@keyframes ttHeart{0%{opacity:0;transform:scale(.3)}25%{opacity:1;transform:scale(1.15)}100%{opacity:0;transform:scale(1.5) translateY(-30px)}}

.tt-actions{position:absolute;right:8px;bottom:70px;z-index:6;display:flex;flex-direction:column;gap:12px;align-items:center}
.tt-act{border:0;background:none;color:#fff;cursor:pointer;display:grid;justify-items:center;gap:2px;padding:0}
.tt-act b{width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.5);display:grid;place-items:center;font-size:18px;font-weight:400;backdrop-filter:blur(4px);transition:transform .15s,background .15s}
.tt-act:hover b{background:rgba(0,0,0,.72);transform:scale(1.08)}.tt-act small{font-size:10px;font-weight:700;text-shadow:0 1px 3px #000}
.tt-act.liked b{color:#ff3b5c;background:rgba(255,59,92,.18)}

.tt-info{position:absolute;left:0;right:56px;bottom:12px;z-index:5;padding:0 12px;color:#fff}
.tt-author{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.tt-avatar{width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;flex:0 0 30px}.tt-avatar img{width:78%;height:78%;object-fit:contain}
.tt-author b{display:block;font-size:12px}.tt-author small{display:block;font-size:10px;color:#cfd3d9;margin-top:1px}
.tt-info h3{margin:0 0 4px;font-size:15px;line-height:1.25;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.tt-caption{margin:0;font-size:12px;line-height:1.45;color:#e4e7eb;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.tt-caption.open{-webkit-line-clamp:unset;max-height:150px;overflow:auto}
.tt-product{display:inline-block;margin-top:7px;padding:5px 10px;border-radius:99px;background:#d7ad52;color:#111!important;font-size:11px;font-weight:800;text-decoration:none}

.tt-progress{position:absolute;left:0;right:0;bottom:0;z-index:8;height:14px;cursor:pointer;display:flex;align-items:flex-end}
.tt-progress::before{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.28);transition:height .15s}
.tt-progress i{position:relative;display:block;height:3px;width:0;background:#d7ad52;transition:height .15s}
.tt-progress:hover::before,.tt-progress:hover i,.tt-progress.drag::before,.tt-progress.drag i{height:6px}

.tt-comments{padding:10px;background:#0f1216;display:grid;gap:7px}.tt-comments[hidden]{display:none}
.tt-comments input,.tt-comments textarea{width:100%;box-sizing:border-box;border:1px solid #2a303a;background:#171b21;color:#fff;border-radius:8px;padding:8px 10px;font-size:12px;outline:none;resize:vertical}
.tt-comments input:focus,.tt-comments textarea:focus{border-color:#d7ad52}
.tt-comments div{display:flex;align-items:center;gap:10px}.tt-comments button{border:0;border-radius:8px;background:#d7ad52;color:#111;font-weight:800;font-size:12px;padding:8px 14px;cursor:pointer}.tt-comments span{font-size:11px;color:#9aa3ae}

.tt-empty{padding:28px 16px;text-align:center;color:#aab1ba;border:1px dashed #2a303a;border-radius:16px}.tt-empty[hidden]{display:none}
.tt-empty span{display:inline-grid;width:44px;height:44px;border-radius:50%;background:#fff;place-items:center;margin-bottom:8px}.tt-empty span img{width:70%}
.tt-empty h3{margin:0 0 4px;color:#fff;font-size:15px}.tt-empty p{margin:0;font-size:12px}
.tt-sentinel{height:320px}.tt-sentinel[hidden]{display:none}.tt-end{text-align:center;padding:16px;font-size:11px;color:#6d7682}.tt-end[hidden]{display:none}
.tt-loading{text-align:center;padding:14px;font-size:11px;color:#8d96a1}

@media(max-width:900px){
  body .samsheys-public-layout[data-global-shell] .samsheys-new-arrivals-rail[data-global-rail]>.global-social-sidebar.tt-sidebar{position:relative!important;top:auto!important;height:auto!important;max-height:none!important;display:block!important;overflow:visible!important;padding:24px 14px 40px!important}
  .tt-scroll{overflow:visible;padding-bottom:0}.tt-head{position:static}.tt-sidebar .sidebar-company-media{max-height:240px!important}
  .tt-feed{align-items:center}.tt-card{width:min(100%,420px)}.tt-frame{max-height:84vh}
  .tt-nav{opacity:1}
}
@media(prefers-reduced-motion:reduce){.tt-card.tt-fresh,.tt-live i,.tt-heart.burst{animation:none}.tt-sidebar{scroll-behavior:auto}}

.tt-retry{border:0;border-radius:8px;background:#d7ad52;color:#111;font-weight:800;font-size:12px;padding:8px 14px;cursor:pointer}