/* MEMPHY merch ad templates — scoped .crtv, ported from /bait-lab (merch subset). */
.crtv{position:relative;font-family:Arial,Helvetica,sans-serif;cursor:pointer;overflow:hidden;}
.crtv .hl{font-family:var(--headline-font,Impact,"Arial Black",Arial,sans-serif);text-transform:uppercase;color:var(--headline-color,#fff);background:linear-gradient(to bottom,var(--grad-a,#ff0),var(--grad-b,#f80) 55%,var(--grad-c,#f00));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:var(--glow,none);}
.crtv.frame2 [data-blink]{visibility:hidden;}
.crtv .badge{color:#fff;background:var(--cta-bg,#c00);border:1px solid #fff;font-family:Tahoma,Geneva,sans-serif;font-weight:bold;letter-spacing:1px;}
.crtv .badge.b-pill{border-radius:11px;}
.crtv .badge.b-tag{border-radius:0;border-left:4px solid #fff;}
.crtv .badge.b-ribbon{border-radius:0;transform:rotate(-14deg);box-shadow:1px 2px 3px rgba(0,0,0,.4);}
.crtv .badge.b-none{display:none !important;}
.crtv img{display:block;object-fit:contain;}
.crtv .pic{z-index:1;position:relative;overflow:visible;}
.crtv .pic img[data-slot="image"]{position:relative;z-index:2;}
.crtv .hl,.crtv .sub,.crtv .cta,.crtv .badge{position:relative;z-index:3;}
/* motion */
.crtv.m-slideup .pic{overflow:hidden;}
.crtv.m-slideup.ph0 .pic>*{transform:translateY(105%);}
.crtv.m-slideup.ph1 .pic>*{transform:translateY(62%);}
.crtv.m-slideup.ph2 .pic>*{transform:translateY(24%);}
.crtv.m-slideup.ph3 .pic>*{transform:translateY(0);}
.crtv.m-twitch.ph0 .pic>*{transform:translate(-6px,1px) rotate(-5deg);}
.crtv.m-twitch.ph1 .pic>*{transform:translate(6px,-4px) rotate(4deg);}
.crtv.m-twitch.ph2 .pic>*{transform:translate(-4px,-2px) rotate(-3deg);}
.crtv.m-twitch.ph3 .pic>*{transform:translate(7px,2px) rotate(6deg);}

/* banner 926x62 */
.t-show-banner{width:926px;height:62px;background:var(--bg,#000);border:1px solid var(--cta-border,#444);}
.t-show-banner .pic{float:left;width:80px;height:60px;overflow:hidden;}
.t-show-banner .pic img{width:80px;height:60px;}
.t-show-banner .hl{position:absolute;left:96px;right:150px;top:50%;transform:translateY(-50%);max-height:58px;font-size:42px;line-height:44px;white-space:nowrap !important;overflow:hidden;-webkit-text-stroke:1.4px var(--stroke,#000);}
.t-show-banner .cta{position:absolute;right:16px;top:16px;font:bold 22px Arial;text-transform:uppercase;color:var(--cta-bg,#f00);white-space:nowrap;}
.t-show-banner .pic2{position:absolute;right:0;top:0;width:80px;height:60px;overflow:hidden;}
.t-show-banner .pic2 img{width:80px;height:60px;object-fit:contain;}
.t-show-banner.two-ico .cta{display:none;}
.t-show-banner.two-ico .hl{left:96px;right:96px;}
.t-show-banner .badge{display:none !important;}
.t-show-banner .sub{display:none !important;}

/* rect 346x258 */
.t-show-rect{width:346px;height:258px;background:var(--bg,#000);border:1px solid var(--cta-border,#444);}
.t-show-rect .pic{width:344px;height:110px;overflow:hidden;}
.t-show-rect .pic img{width:344px;height:110px;}
.t-show-rect .badge{position:absolute;top:5px;left:5px;padding:3px 9px;font-size:13px;}
.t-show-rect .hl{padding:6px 8px 2px;font-size:32px;line-height:32px;text-align:center;-webkit-text-stroke:1.5px var(--stroke,#000);max-height:64px;overflow:hidden;}
.t-show-rect .sub{position:absolute;bottom:44px;left:0;right:0;padding:0 12px;font:13px Verdana,Geneva,sans-serif;text-align:center;white-space:nowrap;overflow:hidden;color:var(--headline-color,#ddd);opacity:.85;}
.t-show-rect .cta{position:absolute;bottom:10px;left:0;right:0;text-align:center;font:bold 20px Arial;text-transform:uppercase;color:var(--cta-bg,#f00);white-space:nowrap;overflow:hidden;}

/* mobile 320x100 */
.t-show-mobile{width:320px;height:100px;background:var(--bg,#000);border:1px solid var(--cta-border,#444);}
.t-show-mobile .pic{float:left;width:96px;height:98px;overflow:hidden;}
.t-show-mobile .pic img{width:96px;height:98px;}
.t-show-mobile .badge{position:absolute;top:4px;left:4px;padding:2px 7px;font-size:11px;z-index:2;}
.t-show-mobile .hl{position:absolute;left:104px;top:6px;right:8px;font-size:24px;line-height:24px;-webkit-text-stroke:1.1px var(--stroke,#000);max-height:46px;overflow:hidden;}
.t-show-mobile .sub{position:absolute;left:104px;bottom:26px;right:8px;font:11px Verdana,sans-serif;white-space:nowrap;overflow:hidden;color:var(--headline-color,#ddd);opacity:.85;}
.t-show-mobile .cta{position:absolute;left:104px;bottom:6px;font:bold 16px Arial;text-transform:uppercase;color:var(--cta-bg,#f00);white-space:nowrap;}

/* mpu 336x280 */
.t-show-mpu{width:336px;height:280px;background:var(--bg,#000);border:1px solid var(--cta-border,#444);}
.t-show-mpu .pic{width:334px;height:130px;overflow:hidden;}
.t-show-mpu .pic img{width:334px;height:130px;}
.t-show-mpu .badge{position:absolute;top:5px;left:5px;padding:3px 9px;font-size:13px;z-index:2;}
.t-show-mpu .hl{padding:8px 10px 2px;font-size:34px;line-height:34px;text-align:center;-webkit-text-stroke:1.5px var(--stroke,#000);max-height:74px;overflow:hidden;}
.t-show-mpu .sub{position:absolute;bottom:52px;left:0;right:0;padding:0 12px;font:13px Verdana,sans-serif;text-align:center;white-space:nowrap;overflow:hidden;color:var(--headline-color,#ddd);opacity:.85;}
.t-show-mpu .cta{position:absolute;bottom:12px;left:0;right:0;text-align:center;font:bold 22px Arial;text-transform:uppercase;color:var(--cta-bg,#f00);white-space:nowrap;}

/* sky 160x600 */
.t-show-sky{width:160px;height:600px;background:var(--bg,#000);border:1px solid var(--cta-border,#444);}
.t-show-sky .pic{position:absolute;top:40px;left:8px;right:8px;height:250px;overflow:hidden;}
.t-show-sky .pic img{width:100%;height:250px;object-fit:contain;}
.t-show-sky .badge{position:absolute;top:8px;left:8px;padding:2px 8px;font-size:12px;z-index:2;}
.t-show-sky .hl{position:absolute;top:300px;left:6px;right:6px;font-size:24px;line-height:24px;text-align:center;-webkit-text-stroke:1.2px var(--stroke,#000);max-height:160px;overflow:hidden;}
.t-show-sky .sub{position:absolute;top:470px;left:6px;right:6px;font:12px Verdana,sans-serif;text-align:center;white-space:normal;overflow:hidden;color:var(--headline-color,#ddd);opacity:.85;max-height:44px;}
.t-show-sky .cta{position:absolute;bottom:16px;left:8px;right:8px;text-align:center;font:bold 20px Arial;text-transform:uppercase;color:var(--cta-bg,#f00);white-space:nowrap;}

/* halfpage 300x600 */
.t-show-halfpage{width:300px;height:600px;background:var(--bg,#000);border:1px solid var(--cta-border,#444);}
.t-show-halfpage .pic{position:absolute;top:44px;left:10px;right:10px;height:300px;overflow:hidden;}
.t-show-halfpage .pic img{width:100%;height:300px;object-fit:contain;}
.t-show-halfpage .badge{position:absolute;top:10px;left:10px;padding:3px 10px;font-size:14px;z-index:2;}
.t-show-halfpage .hl{position:absolute;top:356px;left:10px;right:10px;font-size:40px;line-height:40px;text-align:center;-webkit-text-stroke:1.6px var(--stroke,#000);max-height:150px;overflow:hidden;}
.t-show-halfpage .sub{position:absolute;top:516px;left:10px;right:10px;font:15px Verdana,sans-serif;text-align:center;white-space:normal;overflow:hidden;color:var(--headline-color,#ddd);opacity:.85;max-height:40px;}
.t-show-halfpage .cta{position:absolute;bottom:18px;left:12px;right:12px;text-align:center;font:bold 26px Arial;text-transform:uppercase;color:var(--cta-bg,#f00);white-space:nowrap;}

/* shared: headline centering, fax accent, garment, chrome */
.crtv .hl,.crtv .sub,.crtv .cta{white-space:normal;height:auto;}
.crtv .hl{text-align:center !important;}
.crtv.t-show-banner .hl{white-space:nowrap !important;}
.crtv .hl .acc{color:var(--accent-word,#e00013);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;-webkit-text-fill-color:var(--accent-word,#e00013);}
.crtv.skin-craigslist .hl{text-decoration:underline;font-weight:bold;}
.crtv.skin-fax{border:3px double #000 !important;}
.crtv.garment .pic{background:transparent;}
.crtv.garment .pic img{object-fit:contain !important;background:transparent;}
.crtv .adx{position:absolute;top:2px;right:3px;width:16px;height:16px;line-height:15px;text-align:center;font:bold 12px Arial,sans-serif;color:#fff;background:rgba(0,0,0,.5);border-radius:2px;z-index:7;pointer-events:none;}
.crtv .adclose{position:absolute;top:3px;right:3px;padding:3px 8px;font:600 11px Arial,sans-serif;color:#eee;background:rgba(22,22,22,.86);border-radius:11px;z-index:7;pointer-events:none;white-space:nowrap;}
.crtv .adclose::before{content:'\2715\00a0';font-size:9px;opacity:.85;}
.crtv .adlabel{position:absolute;top:0;left:0;padding:2px 7px;font:600 10px Arial,sans-serif;letter-spacing:.3px;color:#dcdcdc;background:rgba(64,64,64,.92);z-index:7;pointer-events:none;}
/* the page's legacy #mobad img rule (object-fit:cover; max-height) must not crop the live ad's garment */
#mobad .crtv img{max-height:none !important;}
#mobad .crtv.garment .pic img{object-fit:contain !important;}

/* STREAM NOW (GO ALL NIGHT) popup — on phones it was ~full-screen with a tiny low-contrast close.
   Shrink the box so there's backdrop to tap, cap the hero, and make the ✕ a big obvious target. */
@media (max-width:640px){
  #streampop .spbox{ max-width:88vw !important; max-height:80vh !important; border-radius:10px !important; }
  #streampop .sphero img{ max-height:34vh !important; object-fit:cover !important; object-position:center 22% !important; }
  #streampop .spbar{ height:48px !important; line-height:48px !important; font-size:15px !important; padding-right:52px !important; position:relative; }
  #streampop .spbar .r{ position:absolute; top:0; right:0; width:48px; height:48px; line-height:48px; margin:0; text-align:center; font-size:22px !important; color:#fff !important; background:rgba(0,0,0,.18); }
}
/* tapping the dimmed backdrop always closes it */
#streampop.on{ cursor:pointer; }

/* modeling/music detail header (.vhead): on phones the floated view-stats crowd the wrapping
   title and the chips cram inline. Restack cleanly: title → stats → tag chips, full width. */
@media (max-width:640px){
  .vhead{ display:flex !important; flex-direction:column; align-items:flex-start; padding:10px 12px 12px !important; gap:6px; }
  .vhead .vtitle{ order:1; display:block; font-size:19px !important; line-height:1.22; }
  .vhead .vstats{ order:2; float:none !important; padding:0 !important; font-size:12px !important; }
  .vhead .vtags{ order:3; display:flex !important; flex-wrap:wrap; gap:6px; margin:2px 0 0 !important; vertical-align:baseline !important; }
  .vhead .vtags span{ margin:0 !important; }
}


/* mobile: kill the rubber-band overscroll on the scrollable content views (shop/bookings/modeling/...)
   so you can't drag past the end into white. Normal scrolling still works. */
@media (max-width:820px){
  html, body { overscroll-behavior:none !important; overscroll-behavior-y:none !important; }
}

/* clean, uniform ad edge: the per-skin border (dark blue/grey) read as a "failed outline" and the
   fax skin's 3px double border looked like a stray double line. Force one subtle hairline everywhere. */
.merchad .crtv, #mobad .crtv, .crtv.skin-fax{
  border:1px solid rgba(0,0,0,.12) !important;
}

/* bigger logo on mobile (was ~64x26) */
@media (max-width:820px){
  #logo3d{ width:104px !important; height:44px !important; top:5px !important; left:6px !important; }
}