/* ============================================================
   NY Headshots — PRICING CARDS (reusable component)
   Two-column pricing table: gradient cards, per-feature line glyphs,
   gentle center-grow + gradient-invert rollover, soft ground shadow.
   Finalized on the /retouch page; reuse on any dark-panel page.

   Requires : "Open Sans" (+ system "Trebuchet MS") loaded by the page.
   Host note : if the cards sit in a scroll container, give that
               container `overflow-x:hidden` so the hover grow can't
               trigger a horizontal scrollbar.
   Markup    : see Claude/components/pricing-cards.html
   ============================================================ */

/* --- layout + base --- */
.rt-pricing{display:flex;margin-top:24px;padding-bottom:28px;}
.rt-card{flex:1 1 50%;padding:36px 24px 32px;color:#fff;text-align:center;display:flex;flex-direction:column;position:relative;transition:transform .42s cubic-bezier(.22,.61,.36,1),box-shadow .42s ease;will-change:transform;}
.rt-card>*{position:relative;z-index:1;}
.rt-basic{background:linear-gradient(180deg,rgb(49,72,14),rgba(121,121,29,.75));}
.rt-advanced{background:linear-gradient(180deg,rgba(99,76,20,.73),rgba(228,174,46,.73));}

/* --- type --- */
.rt-card-title{font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;font-size:38px;font-weight:400;color:#f2f3f4;line-height:1.03;}
.rt-advanced .rt-card-title{font-size:34px;}
.rt-card-sub{font-family:"Open Sans",Arial,sans-serif;font-size:12px;font-weight:400;color:rgba(233,233,233,.65);line-height:20px;margin-top:2px;}
.rt-price{font-family:"Open Sans",Arial,sans-serif;font-size:45px;font-weight:400;color:#ebebeb;line-height:1;margin-top:18px;}
.rt-per{font-family:"Open Sans",Arial,sans-serif;font-size:12px;font-weight:400;color:#ebebeb;margin-top:2px;padding-bottom:22px;}
.rt-includes{font-family:"Open Sans",Arial,sans-serif;font-weight:700;font-size:12px;color:#fff;margin:28px 0 20px;}

/* --- feature list + line glyphs --- */
.rt-list{list-style:none;font-family:"Open Sans",Arial,sans-serif;font-size:15px;font-weight:400;color:#fff;line-height:1.5;text-align:left;margin:26px auto 40px;max-width:235px;padding:0;}
.rt-list li{display:flex;align-items:flex-start;gap:11px;margin-bottom:15px;}
.rt-ico{flex:0 0 auto;width:18px;height:18px;margin-top:2px;opacity:.92;}

/* --- order button --- */
.rt-order{display:inline-block;margin-top:auto;align-self:center;border:1px solid rgba(255,255,255,.55);color:#fff;font-family:"Open Sans",Arial,sans-serif;font-size:14px;padding:12px 34px;border-radius:999px;transition:background .2s,color .2s,border-color .2s;}
.rt-order:hover{background:rgba(255,255,255,.85);color:#1c252c;}

/* --- rollover: gentle center-grow + gradient invert + soft ground shadow (modern take on legacy go_pricing) --- */
.rt-card::before{content:"";position:absolute;inset:0;z-index:0;opacity:0;transition:opacity .42s ease;pointer-events:none;}
.rt-basic::before{background:linear-gradient(0deg,rgb(49,72,14),rgba(121,121,29,.75));}
.rt-advanced::before{background:linear-gradient(0deg,rgba(99,76,20,.73),rgba(228,174,46,.73));}
.rt-card::after{content:"";position:absolute;left:12%;right:12%;bottom:-14px;height:24px;background:radial-gradient(50% 62% at 50% 50%,rgba(255,255,255,.30),transparent 75%);filter:blur(7px);opacity:.35;transition:opacity .42s ease,transform .42s ease;pointer-events:none;z-index:0;}
.rt-card:hover{transform:scale(1.035);z-index:3;box-shadow:0 18px 44px -22px rgba(0,0,0,.85),0 8px 22px -16px rgba(255,255,255,.12);}
.rt-card:hover::before{opacity:1;}
.rt-card:hover::after{opacity:.55;transform:scaleX(1.06);}
@media(hover:none){.rt-card:hover{transform:none;box-shadow:none;}.rt-card:hover::before{opacity:0;}}

/* --- mobile --- */
@media(max-width:760px){
  .rt-pricing{flex-direction:row;}
  .rt-card{min-width:0;padding:26px 10px 24px;}
  .rt-card-title{font-size:34px;}
  .rt-advanced .rt-card-title{font-size:31px;}
  .rt-card-sub{font-size:10px;}
  .rt-price{font-size:33px;}
  .rt-includes{margin:22px 0 16px;}
  .rt-order{padding:10px 20px;font-size:13px;}
  .rt-list{font-size:13px;line-height:1.45;margin:18px auto 28px;max-width:none;}
  .rt-ico{width:15px;height:15px;}
  .rt-card:hover{transform:none;box-shadow:none;}
  .rt-card:hover::before{opacity:0;}
  .rt-card::after{display:none;}
}