/* TradesFolks Sprint 873 — compact premium affiliate package detail */
.legacy-premium-hero{background:#f7f9fc;border-bottom:1px solid #e4eaf0;padding:34px 0 32px}
.legacy-premium-hero-inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:28px;align-items:center}
.legacy-premium-kicker{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:900;letter-spacing:.08em;color:#a87911}
.legacy-premium-kicker>span{width:20px;height:2px;background:#e7ad21}
.legacy-premium-copy h1{font-size:40px;line-height:1.05;letter-spacing:-.03em;color:#15365d;margin:11px 0 10px;max-width:620px}
.legacy-premium-lead{font-size:14px;line-height:1.6;color:#66778b;max-width:680px}
.legacy-premium-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}
.legacy-premium-meta>div{padding:10px 12px;border:1px solid #dde5ed;background:#fff;border-radius:9px}
.legacy-premium-meta strong{display:block;color:#193b62;font-size:12px}
.legacy-premium-meta span{display:block;color:#8190a1;font-size:8px;margin-top:2px}
.legacy-premium-affiliate{display:flex;align-items:center;gap:9px;margin-top:11px;padding:9px 10px;border:1px solid #ead9aa;background:#fffaf0;border-radius:9px;max-width:475px}
.legacy-premium-affiliate-icon{width:30px;height:30px;border-radius:8px;background:#e9ae22;display:grid;place-items:center;color:#173657;font-weight:900;font-size:12px}
.legacy-premium-affiliate small{display:block;font-size:7px;font-weight:900;color:#9b7117}
.legacy-premium-affiliate strong{display:block;font-size:10px;color:#17395e;margin-top:1px}
.legacy-premium-affiliate>span{margin-left:auto;padding:4px 7px;border-radius:999px;background:#fff;color:#477252;border:1px solid #dce9df;font-size:7px;font-weight:800}

.legacy-premium-visual-wrap{position:relative;max-width:560px;width:100%;justify-self:end}
.legacy-premium-visual{overflow:hidden;border:1px solid #dbe3ec;border-radius:14px;background:#fff;min-height:220px;max-height:300px;display:grid;place-items:center;box-shadow:0 12px 26px rgba(34,54,79,.07)}
.legacy-premium-visual picture{display:block;width:100%;height:100%}
.legacy-premium-visual img{display:block;width:100%;height:100%;min-height:220px;max-height:300px;object-fit:contain;background:#fff}
.legacy-premium-placeholder{display:grid;gap:6px;text-align:center;color:#183b61;padding:30px}
.legacy-premium-placeholder span{font-size:9px;font-weight:900;letter-spacing:.11em;color:#b18117}
.legacy-premium-placeholder strong{font-size:22px}
.legacy-premium-price-float{position:absolute;left:16px;right:16px;bottom:-20px;padding:11px 13px;border-radius:10px;background:#0f3158;color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 24px rgba(15,49,88,.16)}
.legacy-premium-price-float small,.legacy-premium-price-float strong,.legacy-premium-price-float span{display:block}
.legacy-premium-price-float small{font-size:7px;font-weight:900;color:#d7e0eb}
.legacy-premium-price-float strong{font-size:21px;margin-top:2px}
.legacy-premium-price-float span{font-size:8px;color:#c4d0dc;margin-top:1px}

.legacy-premium-main{background:#fff;padding:48px 0 44px}
.legacy-premium-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;align-items:start}
.legacy-premium-section-head>span{font-size:8px;font-weight:900;color:#a97911;letter-spacing:.08em}
.legacy-premium-section-head h2{font-size:24px;line-height:1.18;color:#16385e;margin:6px 0}
.legacy-premium-section-head p{font-size:11px;color:#77889a}
.legacy-premium-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}
.legacy-premium-services article{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:10px 11px;border:1px solid #e2e8ef;border-radius:9px;background:#fff}
.legacy-premium-services article:hover{border-color:#d4dee8;box-shadow:0 7px 18px rgba(24,56,94,.05)}
.legacy-premium-service-icon{width:34px;height:34px;border-radius:8px;background:#f7f9fc;border:1px solid #e2e8ef;display:grid;place-items:center;color:#163a61;font-size:9px;font-weight:900}
.legacy-premium-services strong{display:block;font-size:10px;color:#263f5e}
.legacy-premium-services span{display:block;font-size:8px;color:#8a99a9;margin-top:1px}
.legacy-premium-services article>b{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#edf8f1;color:#2d8558;font-size:10px}

.legacy-premium-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
.legacy-premium-trust>div{display:flex;gap:8px;align-items:flex-start;padding:10px;border:1px solid #e1e8ef;border-radius:9px;background:#f9fbfd}
.legacy-premium-trust-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:#fff3d3;color:#916c18;font-weight:900;font-size:10px}
.legacy-premium-trust strong{display:block;font-size:9px;color:#28445f}
.legacy-premium-trust small{display:block;font-size:7px;line-height:1.4;color:#8392a1;margin-top:1px}

.legacy-premium-side{display:grid;gap:10px}
.legacy-premium-card{padding:17px;border:1px solid #dce5ed;border-radius:13px;background:#fff;box-shadow:0 12px 28px rgba(30,53,79,.07);position:sticky;top:82px}
.legacy-premium-card-label{font-size:7px;font-weight:900;letter-spacing:.08em;color:#9e7618}
.legacy-premium-card h3{font-size:17px;color:#17385e;margin:6px 0 5px}
.legacy-premium-card>p{font-size:9px;line-height:1.45;color:#758698;margin-bottom:11px}
.legacy-premium-price{padding:11px 0;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5}
.legacy-premium-price small,.legacy-premium-price strong,.legacy-premium-price span{display:block}
.legacy-premium-price small{font-size:8px;color:#7e8fa0}
.legacy-premium-price strong{font-size:25px;color:#14375c;margin:3px 0}
.legacy-premium-price span{font-size:8px;color:#8a9aaa}
.legacy-premium-mini-list{display:grid;gap:5px;padding:10px 0}
.legacy-premium-mini-list>div{display:flex;justify-content:space-between;gap:8px}
.legacy-premium-mini-list span{font-size:8px;color:#7c8b9c}
.legacy-premium-mini-list strong{font-size:8px;color:#29425f}
.legacy-premium-primary,.legacy-premium-secondary{display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:8px;text-decoration:none;font-size:9px;font-weight:900}
.legacy-premium-primary{justify-content:space-between;padding:0 12px;background:#e8ad20;color:#173556;border:1px solid #d99e12}
.legacy-premium-primary b{font-size:14px}
.legacy-premium-secondary{margin-top:6px;border:1px solid #dce5ee;background:#fff;color:#17385e}
.legacy-premium-safe-note{margin-top:10px;padding:8px 9px;border-radius:8px;background:#f8fafc;border:1px solid #e7ecf1}
.legacy-premium-safe-note b,.legacy-premium-safe-note span{display:block}
.legacy-premium-safe-note b{font-size:8px;color:#39546f}
.legacy-premium-safe-note span{font-size:7px;color:#8796a6;line-height:1.4;margin-top:1px}

.legacy-premium-membership-note{padding:13px;border:1px solid #dce5ed;border-radius:11px;background:#f8fafc}
.legacy-premium-membership-note>span{font-size:7px;font-weight:900;color:#9a7319}
.legacy-premium-membership-note strong{display:block;font-size:9px;color:#29445f;margin:4px 0}
.legacy-premium-membership-note p{font-size:8px;line-height:1.45;color:#8594a4}
.legacy-premium-membership-note a{display:inline-block;margin-top:5px;font-size:8px;font-weight:900;color:#155daf;text-decoration:none}
.legacy-premium-bottom{background:#0f3158;padding:18px 0}
.legacy-premium-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}
.legacy-premium-bottom span,.legacy-premium-bottom strong{display:block}
.legacy-premium-bottom span{font-size:8px;color:#c5d0dc}
.legacy-premium-bottom strong{font-size:12px;color:#fff;margin-top:1px}
.legacy-premium-bottom a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:7px;background:#e8ad20;color:#173556;text-decoration:none;font-size:9px;font-weight:900}
.legacy-premium-empty{padding:14px;border:1px dashed #d8e0e8;border-radius:9px;color:#7f8e9d;background:#fafbfd;margin-top:14px;font-size:10px}

@media(max-width:1100px){
 .legacy-premium-hero-inner{grid-template-columns:1fr 360px;gap:22px}
 .legacy-premium-layout{grid-template-columns:1fr 290px;gap:20px}
 .legacy-premium-copy h1{font-size:36px}
 .legacy-premium-trust{grid-template-columns:1fr}
}
@media(max-width:850px){
 .legacy-premium-hero{padding:28px 0 44px}
 .legacy-premium-hero-inner,.legacy-premium-layout{grid-template-columns:1fr}
 .legacy-premium-visual-wrap{justify-self:stretch;max-width:none;margin-top:6px}
 .legacy-premium-visual{min-height:190px;max-height:260px}
 .legacy-premium-visual img{min-height:190px;max-height:260px}
 .legacy-premium-copy h1{font-size:32px}
 .legacy-premium-meta{grid-template-columns:repeat(3,1fr)}
 .legacy-premium-side{order:0}
 .legacy-premium-card{position:static}
 .legacy-premium-main{padding-top:38px}
}
@media(max-width:640px){
 .legacy-premium-hero{padding:22px 0 34px}
 .legacy-premium-hero-inner{gap:16px}
 .legacy-premium-copy h1{font-size:25px;margin:8px 0}
 .legacy-premium-lead{font-size:12px;line-height:1.5}
 .legacy-premium-kicker{font-size:7px;gap:6px}
 .legacy-premium-kicker>span{width:16px}
 .legacy-premium-meta{grid-template-columns:1fr;gap:6px;margin-top:12px}
 .legacy-premium-meta>div{padding:8px 9px}
 .legacy-premium-meta strong{font-size:10px}
 .legacy-premium-meta span{font-size:7px}
 .legacy-premium-affiliate{padding:8px 9px;margin-top:8px;max-width:none}
 .legacy-premium-affiliate-icon{width:27px;height:27px}
 .legacy-premium-affiliate>span{display:none}
 .legacy-premium-visual{min-height:150px;max-height:210px;border-radius:11px}
 .legacy-premium-visual img{min-height:150px;max-height:210px;object-fit:contain}
 .legacy-premium-price-float{position:static;margin-top:7px;padding:9px 11px}
 .legacy-premium-price-float strong{font-size:18px}
 .legacy-premium-main{padding:24px 0 90px}
 .legacy-premium-layout{gap:16px}
 .legacy-premium-section-head h2{font-size:20px}
 .legacy-premium-section-head p{font-size:10px}
 .legacy-premium-services{grid-template-columns:1fr;gap:7px;margin-top:12px}
 .legacy-premium-services article{grid-template-columns:31px 1fr auto;padding:9px}
 .legacy-premium-service-icon{width:31px;height:31px}
 .legacy-premium-trust{gap:6px;margin-top:12px}
 .legacy-premium-card{padding:14px}
 .legacy-premium-card h3{font-size:15px}
 .legacy-premium-price strong{font-size:22px}
 .legacy-premium-primary,.legacy-premium-secondary{min-height:40px}
 .legacy-premium-membership-note{padding:11px}
 .legacy-premium-bottom{padding:14px 0 78px}
 .legacy-premium-bottom-inner{align-items:flex-start;flex-direction:column;gap:10px}
 .legacy-premium-bottom a{width:100%}
}
@media(max-width:430px){
 .legacy-premium-copy h1{font-size:23px}
 .legacy-premium-hero{padding-top:18px}
 .legacy-premium-meta>div{border-radius:8px}
 .legacy-premium-visual{min-height:135px;max-height:185px}
 .legacy-premium-visual img{min-height:135px;max-height:185px}
 .legacy-premium-section-head h2{font-size:18px}
 .legacy-premium-card,.legacy-premium-membership-note{border-radius:10px}
}

/* Sprint 874 — mobile compact scrollable services */
@media(max-width:640px){
  .legacy-premium-services-scroll{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    max-height:320px;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding-right:4px;
    scroll-behavior:smooth;
    scrollbar-width:thin;
    scrollbar-color:#c9d5e1 transparent;
  }
  .legacy-premium-services-scroll::-webkit-scrollbar{width:5px}
  .legacy-premium-services-scroll::-webkit-scrollbar-track{background:transparent}
  .legacy-premium-services-scroll::-webkit-scrollbar-thumb{background:#c9d5e1;border-radius:99px}

  .legacy-premium-services-scroll article{
    grid-template-columns:1fr auto;
    gap:7px;
    min-height:52px;
    padding:9px 10px;
    border-radius:9px;
  }
  .legacy-premium-services-scroll .legacy-premium-service-icon{display:none}
  .legacy-premium-services-scroll article>div:nth-child(2){min-width:0}
  .legacy-premium-services-scroll strong{
    font-size:9px;
    line-height:1.25;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .legacy-premium-services-scroll span{display:none}
  .legacy-premium-services-scroll article>b{
    width:20px;
    height:20px;
    font-size:9px;
    align-self:center;
  }

  .legacy-premium-section-head p:after{
    content:" Scroll to view all included services.";
  }

  .legacy-premium-trust-strip{
    display:grid;
    grid-template-columns:1fr;
    gap:6px;
    margin-top:12px;
    padding:8px;
    border:1px solid #e3e9ef;
    border-radius:10px;
    background:#f9fbfd;
  }
  .legacy-premium-trust-strip>div{
    border:0;
    background:transparent;
    padding:6px 4px;
    border-radius:0;
  }
  .legacy-premium-trust-strip>div+div{
    border-top:1px solid #e8edf2;
  }
  .legacy-premium-trust-strip .legacy-premium-trust-icon{
    width:22px;
    height:22px;
    font-size:9px;
  }
  .legacy-premium-trust-strip strong{font-size:8px}
  .legacy-premium-trust-strip small{font-size:7px;line-height:1.35}
}

@media(max-width:430px){
  .legacy-premium-services-scroll{
    max-height:286px;
    gap:6px;
  }
  .legacy-premium-services-scroll article{
    min-height:48px;
    padding:8px 9px;
  }
  .legacy-premium-services-scroll strong{font-size:8.5px}
}

/* Sprint 875 package-detail dock removal / bottom whitespace repair */
@media(max-width:640px){
  body.tf-hide-mobile-market-dock .legacy-premium-main{padding-bottom:28px!important}
  body.tf-hide-mobile-market-dock .legacy-premium-bottom{padding-bottom:14px!important}
  body.tf-hide-mobile-market-dock .legacy-premium-bottom-inner{padding-bottom:0!important}
  body.tf-hide-mobile-market-dock .tf-mobile-market-dock,
  body.tf-hide-mobile-market-dock .mobile-app-nav,
  body.tf-hide-mobile-market-dock .tf-mobile-dock{display:none!important}
}