/* BIG LOUD v55 — shared lower-page system
   Home is the visual master for pricing, social, and footer.
   Loaded last so every active page renders these blocks identically. */

.shared-pricing{
  background:#000!important;color:#fff!important;
  padding:clamp(4.25rem,7.65vw,7.65rem) 4vw!important;
  box-sizing:border-box!important;
}
.shared-pricing .section-head{margin:0 0 2.2rem!important;padding:0!important;max-width:none!important}
.shared-pricing .section-head .eyebrow{
  margin:0 0 .35rem!important;color:#ed028d!important;
  font:900 .74rem/1.2 Inter,Arial,sans-serif!important;
  letter-spacing:.14em!important;text-transform:uppercase!important;
}
.shared-pricing .section-head h2{
  margin:.35rem 0 1.4rem!important;
  font-family:Anton,Impact,sans-serif!important;font-weight:400!important;
  font-size:clamp(4rem,7.8vw,8rem)!important;
  line-height:.88!important;letter-spacing:-.025em!important;text-transform:uppercase!important;
  color:#fff!important;
}
.shared-pricing .price-grid{
  width:min(1500px,100%)!important;margin:0 auto!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;align-items:stretch!important;
}
.shared-pricing .price-card,
.shared-pricing .price-card.featured{
  position:relative!important;box-sizing:border-box!important;
  display:grid!important;grid-template-rows:24px minmax(86px,auto) 72px 1fr auto!important;
  align-content:stretch!important;height:100%!important;min-height:590px!important;
  margin:0!important;padding:28px 24px!important;border-radius:0!important;
  border:2px solid #444!important;background:#000!important;color:#fff!important;
  opacity:1!important;transform:none!important;box-shadow:none!important;
}
.shared-pricing .price-card.featured{
  background:#ed028d!important;color:#000!important;border-color:#ed028d!important;
  box-shadow:0 22px 75px rgba(237,2,141,.18)!important;
}
.shared-pricing .price-card:hover{transform:translateY(-6px)!important;box-shadow:0 22px 70px rgba(0,0,0,.36)!important}
.shared-pricing .price-card.featured:hover{box-shadow:0 24px 80px rgba(237,2,141,.26)!important}
.shared-pricing .price-card .eyebrow{
  min-height:24px!important;margin:0!important;display:flex!important;align-items:flex-start!important;
  font:900 .74rem/1.2 Inter,Arial,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;
  color:inherit!important;
}
.shared-pricing .popular{
  position:absolute!important;top:12px!important;right:12px!important;
  font:900 .68rem/1 Inter,Arial,sans-serif!important;letter-spacing:.1em!important;color:#000!important;
}
.shared-pricing .price-card h3{
  min-height:86px!important;margin:0!important;display:flex!important;align-items:center!important;
  font-family:Anton,Impact,sans-serif!important;font-weight:400!important;
  font-size:clamp(2.05rem,2.55vw,3.35rem)!important;line-height:.92!important;letter-spacing:0!important;
  color:inherit!important;
}
.shared-pricing .price{
  min-height:72px!important;margin:0!important;display:flex!important;align-items:center!important;
  font-family:Anton,Impact,sans-serif!important;font-weight:400!important;
  font-size:clamp(2.55rem,3vw,3.75rem)!important;line-height:1!important;color:#ed028d!important;
}
.shared-pricing .featured .price{color:#000!important}
.shared-pricing .price-period{
  font-family:Inter,Arial,sans-serif!important;font-size:.9rem!important;font-weight:900!important;
  letter-spacing:.08em!important;margin-left:.3rem!important;color:inherit!important;
}
.shared-pricing .price-card ul{
  margin:18px 0 24px!important;padding-left:1.1rem!important;align-self:stretch!important;
  font-family:Inter,Arial,sans-serif!important;font-size:1rem!important;line-height:1.5!important;color:inherit!important;
}
.shared-pricing .price-card li{margin-bottom:10px!important}
.shared-pricing .price-card .btn{
  width:100%!important;min-height:48px!important;margin-top:auto!important;align-self:end!important;
  display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
  padding:.9rem 1.3rem!important;border:2px solid currentColor!important;border-radius:0!important;
  font-family:Inter,Arial,sans-serif!important;font-size:.82rem!important;font-weight:900!important;
  letter-spacing:.08em!important;text-transform:uppercase!important;text-decoration:none!important;
}
.shared-pricing .btn-outline{background:transparent!important;color:#fff!important;border-color:#fff!important}
.shared-pricing .btn-black{background:#000!important;color:#fff!important;border-color:#000!important}
.shared-pricing .management-addon{
  width:min(1500px,100%)!important;margin:18px auto 0!important;box-sizing:border-box!important;
  padding:1.3rem 1.5rem!important;border:2px solid #ed028d!important;border-radius:0!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;
  background:#000!important;color:#fff!important;
  font:400 1.1rem/1.35 Inter,Arial,sans-serif!important;
}
.shared-pricing .management-addon strong{font-weight:900!important;white-space:nowrap!important}
.shared-pricing .management-addon span{text-align:right!important}

.shared-social-footer{
  padding:3.57rem 4vw 2.72rem!important;background:#050505!important;
  border-top:1px solid rgba(255,255,255,.08)!important;color:#fff!important;box-sizing:border-box!important;
}
.shared-social-footer .social-footer-inner{max-width:1360px!important;margin:0 auto!important;padding:0!important}
.shared-social-footer .social-footer-head{
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;
  gap:1.4rem!important;margin:0 0 2rem!important;padding:0!important;
}
.shared-social-footer .social-footer-head .eyebrow{
  margin:0 0 .35rem!important;color:#fff!important;font:900 .74rem/1.2 Inter,Arial,sans-serif!important;
  letter-spacing:.12em!important;text-transform:uppercase!important;
}
.shared-social-footer .social-footer-head h2{
  margin:0!important;font-family:Anton,Impact,sans-serif!important;font-weight:400!important;
  font-size:clamp(2.2rem,4.6vw,4.6rem)!important;line-height:.92!important;color:#fff!important;
}
.shared-social-footer .social-footer-grid{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:1.15rem!important;
}
.shared-social-footer .social-card{
  display:flex!important;flex-direction:column!important;align-items:center!important;gap:1rem!important;
  text-align:center!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;
}
.shared-social-footer .social-icon{
  width:min(6.86rem,100%)!important;aspect-ratio:1!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  border:2px solid rgba(237,2,141,.82)!important;
  background:radial-gradient(circle at 30% 25%,rgba(237,2,141,.42) 0%,rgba(237,2,141,.16) 32%,rgba(255,255,255,.04) 68%,rgba(255,255,255,.02) 100%)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 18px 40px rgba(0,0,0,.32)!important;color:#fff!important;
}
.shared-social-footer .social-card:hover .social-icon{transform:translateY(-6px) scale(1.04)!important;box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 24px 56px rgba(237,2,141,.26)!important;border-color:#fff!important}
.shared-social-footer .social-icon svg{width:44%!important;height:44%!important;display:block!important;fill:currentColor!important}
.shared-social-footer .social-icon.instagram svg rect,
.shared-social-footer .social-icon.instagram svg circle{fill:none!important;stroke:currentColor!important;stroke-width:1.9!important}
.shared-social-footer .social-card span{font:700 clamp(1rem,1.35vw,1.35rem)/1.2 Inter,Arial,sans-serif!important;color:#fff!important}

footer.shared-footer{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;
  padding:1.5rem 4vw!important;background:#000!important;border-top:1px solid #222!important;color:#fff!important;
  font:900 .72rem/1.3 Inter,Arial,sans-serif!important;letter-spacing:.08em!important;box-sizing:border-box!important;
}
footer.shared-footer img{width:70px!important;height:52px!important;object-fit:contain!important}
footer.shared-footer span{margin:0!important;color:#fff!important}

@media (max-width:1449px) and (min-width:701px){
  .shared-pricing .price-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .shared-pricing .price-card,.shared-pricing .price-card.featured{min-height:560px!important}
}
@media (max-width:920px){
  .shared-social-footer .social-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:700px){
  .shared-pricing{padding-left:5vw!important;padding-right:5vw!important}
  .shared-pricing .section-head h2{font-size:clamp(3.5rem,17vw,6rem)!important}
  .shared-pricing .price-grid{grid-template-columns:1fr!important}
  .shared-pricing .price-card,.shared-pricing .price-card.featured{min-height:auto!important;grid-template-rows:auto!important}
  .shared-pricing .price-card h3,.shared-pricing .price-card .price,.shared-pricing .price-card .eyebrow{min-height:0!important}
  .shared-pricing .management-addon{flex-direction:column!important;align-items:flex-start!important}
  .shared-pricing .management-addon strong{white-space:normal!important}
  .shared-pricing .management-addon span{text-align:left!important}
}
@media (max-width:640px){
  .shared-social-footer{padding:3rem 5vw 2.5rem!important}
  .shared-social-footer .social-footer-head{display:block!important;margin-bottom:1.5rem!important}
  .shared-social-footer .social-footer-head h2{font-size:clamp(1.8rem,11vw,3.2rem)!important}
  .shared-social-footer .social-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.9rem!important}
  .shared-social-footer .social-icon{width:100%!important;max-width:6.16rem!important}
  .shared-social-footer .social-card:last-child{grid-column:1 / -1!important;justify-self:center!important;max-width:6.16rem!important}
  footer.shared-footer{align-items:flex-start!important;flex-direction:column!important;padding:1.5rem 5vw!important}
}

/* ===== V73 PRICING CATEGORY COLOR BANDS — PRICING PAGE ONLY / LOAD LAST ===== */
.pricing-page .pricing-recurring{
  background:#000!important;
  color:#fff!important;
  border-top:0!important;
}
.pricing-page .pricing-recurring .section-head h2{color:#fff!important}
.pricing-page .pricing-recurring .section-head .eyebrow{color:#ed028d!important}
.pricing-page .pricing-recurring .price-card{
  background:#000!important;
  color:#fff!important;
  border-color:#444!important;
}
.pricing-page .pricing-recurring .price-card.featured{
  background:#ed028d!important;
  color:#050505!important;
  border-color:#ed028d!important;
}
.pricing-page .pricing-recurring .price-card .price{color:#ed028d!important}
.pricing-page .pricing-recurring .price-card.featured .price{color:#050505!important}
.pricing-page .pricing-recurring .price-card.featured .popular{color:#050505!important}
.pricing-page .pricing-recurring .price-card .btn-outline{
  background:transparent!important;
  color:#fff!important;
  border-color:#fff!important;
}
.pricing-page .pricing-recurring .price-card.featured .btn-black{
  background:#050505!important;
  color:#fff!important;
  border-color:#050505!important;
}
.pricing-page .pricing-recurring .management-addon{
  background:#000!important;
  color:#fff!important;
  border-color:#ed028d!important;
}

.pricing-page .pricing-oneoff{
  background:#ed028d!important;
  color:#050505!important;
}
.pricing-page .pricing-oneoff .section-head h2,
.pricing-page .pricing-oneoff .section-head .eyebrow{color:#050505!important}
.pricing-page .pricing-oneoff .price-card,
.pricing-page .pricing-oneoff .price-card.featured{
  background:#fff!important;
  color:#050505!important;
  border-color:#050505!important;
}
.pricing-page .pricing-oneoff .price-card .price{color:#ed028d!important}
.pricing-page .pricing-oneoff .price-card .price > span{color:#050505!important}
.pricing-page .pricing-oneoff .oneoff-card-desc{margin:.15rem 0 1rem;color:#282828!important;font-size:.94rem;line-height:1.5;max-width:34rem}
.pricing-page .pricing-oneoff .price-card,.pricing-page .pricing-oneoff .price-card.featured{grid-template-rows:24px auto auto 72px 1fr auto!important}
.pricing-page .pricing-oneoff .price-card h3{min-height:0!important;display:block!important;align-items:initial!important;align-self:start!important;margin:0!important}
.pricing-page .pricing-oneoff .oneoff-scope-note{align-self:start!important;margin:.08rem 0 .9rem;color:#777!important;font-size:.78rem;font-weight:600;line-height:1.25;letter-spacing:.01em}
.pricing-page .pricing-oneoff .price-card .btn-outline{
  background:transparent!important;
  color:#050505!important;
  border-color:#050505!important;
}

.pricing-page .pricing-web{
  background:#fff!important;
  color:#050505!important;
}
.pricing-page .pricing-web .section-head h2{color:#050505!important}
.pricing-page .pricing-web .section-head .eyebrow{color:#ed028d!important}
.pricing-page .pricing-web .website-home-price-grid{
  width:min(1050px,100%)!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.pricing-page .pricing-web .website-home-price-card{
  background:#fff!important;
  color:#050505!important;
  border-color:#050505!important;
}
.pricing-page .pricing-web .website-home-price-card .price{color:#ed028d!important}
.pricing-page .pricing-web .website-home-price-card .btn-black{
  background:#050505!important;
  color:#fff!important;
  border-color:#050505!important;
}
.pricing-page .pricing-web .website-home-addon{
  background:#fff!important;
  color:#050505!important;
  border-color:#050505!important;
}
@media(max-width:700px){
  .pricing-page .pricing-web .website-home-price-grid{grid-template-columns:1fr!important}
}
