/* TRON Agency V31 — merged service cards, compact 3+2 desktop grid, safe 2-column mobile grid. */
/* The old descriptive service rail is retired on the home page. */
#services{display:none!important}

/* One compact services/pricing section after cases. Keep it narrower than the old five-across layout. */
#pricing.pricing-v27 .container{width:min(calc(100% - 48px),1240px)!important;max-width:1240px!important}
#pricing.pricing-v27 .pricing-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important;overflow:visible!important;padding:0!important;align-items:stretch!important}
#pricing.pricing-v27 .service-product-card,#pricing.pricing-v27 .service-product-card.featured{
 grid-column:span 2!important;display:flex!important;flex-direction:column!important;min-width:0!important;width:auto!important;min-height:374px!important;
 padding:22px 22px 18px!important;border-radius:22px!important;overflow:hidden!important;text-align:left!important;
}
#pricing.pricing-v27 .service-product-card:nth-child(4){grid-column:2/span 2!important}
#pricing.pricing-v27 .service-product-card:nth-child(5){grid-column:4/span 2!important}
#pricing.pricing-v27 .service-product-card>.plan-term{
 display:block!important;align-self:flex-start!important;width:auto!important;max-width:calc(100% - 18px)!important;margin:0 0 7px!important;padding:0!important;
 font-size:10.5px!important;line-height:1.2!important;letter-spacing:.08em!important;white-space:nowrap!important;text-align:left!important;
}
#pricing.pricing-v27 .service-product-card>h3{
 width:100%!important;max-width:100%!important;min-height:46px!important;margin:0 0 5px!important;padding:0!important;
 font-size:clamp(19px,1.55vw,23px)!important;line-height:1.16!important;overflow-wrap:normal!important;word-break:normal!important;text-align:left!important;
}
#pricing.pricing-v27 .service-product-card>.plan-art-wrap{
 width:100%!important;height:102px!important;min-height:102px!important;max-height:102px!important;margin:0 0 2px!important;padding:0!important;
 display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;
}
#pricing.pricing-v27 .service-product-card .plan-art,#pricing.pricing-v27 .service-product-card:last-child .plan-art{max-width:82%!important;max-height:96px!important;object-fit:contain!important}
#pricing.pricing-v27 .service-product-card>.price{width:100%!important;margin:1px 0 5px!important;padding:0!important;overflow:visible!important;text-align:left!important}
#pricing.pricing-v27 .service-product-card .price-main{display:block!important;max-width:100%!important;font-size:clamp(37px,3.2vw,47px)!important;line-height:1!important;letter-spacing:-.05em!important;white-space:nowrap!important}
#pricing.pricing-v27 .service-product-card .price-from .price-main{font-size:clamp(31px,2.65vw,40px)!important}
#pricing.pricing-v27 .service-product-card>.plan-description{
 display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;text-overflow:ellipsis!important;
 width:100%!important;min-height:54px!important;max-height:54px!important;margin:0 0 7px!important;padding:0!important;
 color:var(--muted)!important;font-size:12.5px!important;line-height:18px!important;text-align:left!important;
}
#pricing.pricing-v27 .service-product-card>.plan-overview{
 align-self:center!important;width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important;min-height:43px!important;margin:0 auto!important;padding:10px 16px!important;
 box-sizing:border-box!important;border-radius:11px!important;font-size:12px!important;overflow:hidden!important;
}
/* Performance vertical ribbon: keep the label readable and move the whole tab left, fully inside the glass frame. */
#pricing.pricing-v27 .service-product-card.featured>.featured-badge{
 display:flex!important;position:absolute!important;top:0!important;right:12px!important;left:auto!important;bottom:auto!important;
 width:36px!important;min-width:36px!important;max-width:36px!important;height:124px!important;min-height:124px!important;max-height:124px!important;
 padding:11px 7px!important;align-items:center!important;justify-content:center!important;writing-mode:vertical-rl!important;text-orientation:mixed!important;
 color:#fff!important;opacity:1!important;font-size:10px!important;line-height:1!important;letter-spacing:.02em!important;font-weight:800!important;white-space:nowrap!important;
 overflow:visible!important;text-overflow:clip!important;transform:none!important;z-index:20!important;border-radius:0 0 13px 13px!important;
}
#pricing.pricing-v27 .service-product-card.featured>.plan-term{max-width:calc(100% - 52px)!important}
#pricing.pricing-v27 .service-product-card.featured>h3{max-width:calc(100% - 42px)!important}

/* Stationary Contact forms only: roughly 30% wider than V30's 690px shell. Popup dimensions are untouched. */
#contact .embedded-modal-contact,.service-contact .embedded-modal-contact{width:min(100%,900px)!important;max-width:900px!important}

@media (max-width:820px){
 #pricing.pricing-v27 .container{width:min(calc(100% - 20px),1240px)!important}
 #pricing.pricing-v27 .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 #pricing.pricing-v27 .service-product-card,#pricing.pricing-v27 .service-product-card.featured{
  grid-column:auto!important;display:flex!important;min-height:286px!important;width:auto!important;max-width:none!important;padding:13px 11px 11px!important;border-radius:18px!important;overflow:hidden!important;
 }
 #pricing.pricing-v27 .service-product-card:nth-child(4),#pricing.pricing-v27 .service-product-card:nth-child(5){grid-column:auto!important}
 #pricing.pricing-v27 .service-product-card>.plan-term{max-width:calc(100% - 8px)!important;margin:0 0 5px!important;padding-left:1px!important;font-size:8px!important;line-height:1.1!important;letter-spacing:.055em!important;white-space:nowrap!important}
 #pricing.pricing-v27 .service-product-card>h3{min-height:37px!important;margin:0 0 3px!important;font-size:clamp(13.5px,3.7vw,16px)!important;line-height:1.14!important;text-align:left!important}
 #pricing.pricing-v27 .service-product-card>.plan-art-wrap{height:64px!important;min-height:64px!important;max-height:64px!important;margin:0 0 1px!important}
 #pricing.pricing-v27 .service-product-card .plan-art,#pricing.pricing-v27 .service-product-card:last-child .plan-art{max-width:82%!important;max-height:60px!important}
 #pricing.pricing-v27 .service-product-card>.price{margin:0 0 3px!important;overflow:visible!important}
 #pricing.pricing-v27 .service-product-card .price-main{font-size:clamp(24px,7.2vw,31px)!important;line-height:1!important;letter-spacing:-.045em!important;white-space:nowrap!important}
 #pricing.pricing-v27 .service-product-card .price-from .price-main{font-size:clamp(20px,5.8vw,26px)!important}
 #pricing.pricing-v27 .service-product-card>.plan-description{min-height:36px!important;max-height:36px!important;margin:0 0 4px!important;font-size:8.8px!important;line-height:12px!important;-webkit-line-clamp:3!important}
 #pricing.pricing-v27 .service-product-card>.plan-overview{width:calc(100% - 8px)!important;max-width:calc(100% - 8px)!important;min-height:35px!important;margin:0 auto!important;padding:7px 5px!important;font-size:9.5px!important;border-radius:9px!important}
 #pricing.pricing-v27 .service-product-card.featured>.featured-badge{right:6px!important;width:27px!important;min-width:27px!important;max-width:27px!important;height:104px!important;min-height:104px!important;max-height:104px!important;padding:8px 5px!important;font-size:7px!important;border-radius:0 0 9px 9px!important}
 #pricing.pricing-v27 .service-product-card.featured>.plan-term{max-width:calc(100% - 35px)!important}
 #pricing.pricing-v27 .service-product-card.featured>h3{max-width:calc(100% - 29px)!important}
 #contact .embedded-modal-contact,.service-contact .embedded-modal-contact{width:100%!important;max-width:100%!important}
}
