/*
Theme Name: Buddy Bright
Description: Buddy Bright Pressure & Soft Washing - built from the approved Figma mockup by PW Marketing Pros. Copy and photos are edited in the Home Page fields (ACF).
Version: 1.0.0
Requires PHP: 7.4
Text Domain: buddybright
*/
/* Buddy Bright Pressure & Soft Washing - home page. Everything scoped under .bb */
.bb{--ff-d:'Carter One','Carter One Fallback',cursive;--ff-h:'Frygia','Bricolage Grotesque',Arial,sans-serif;--ff-b:'Abacaxi Latin VF','Instrument Sans',Arial,sans-serif;--ff-s:'Lawabo','Fredoka',sans-serif;
  --ink:#160045;--plum:#2d004c;--pink:#ae4d9d;--text:#333;--cyan:#5decff;
  position:relative;overflow-x:hidden;overflow-x:clip;background:#fff;color:var(--text);font-family:var(--ff-b);font-size:20px;line-height:1.6;letter-spacing:.003em;-webkit-font-smoothing:antialiased;margin:0}
.bb *,.bb *::before,.bb *::after{box-sizing:border-box}
.bb :where(img){display:block;max-width:none;border:0}
.bb :where(h1,h2,h3,p,ul,ol,li,figure,blockquote,figcaption){margin:0;padding:0;font-weight:inherit}
.bb :where(ul,ol){list-style:none}
.bb :where(a){color:inherit;text-decoration:none}
.bb p a,.bb .bb-text a{font-weight:700}
.bb :where(button){font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.bb [hidden]{display:none!important}
.bb strong{font-weight:700}
.bb-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bb-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:var(--plum);padding:10px 16px;font-weight:700;border-radius:8px}
.bb-skip:focus{left:16px}
.bb a:focus-visible,.bb button:focus-visible{outline:3px solid #f3b034;outline-offset:3px;border-radius:6px}

.bb-sec{position:relative;z-index:1}
.bb-canvas{position:relative;width:1920px;left:50%;margin-left:-960px;height:100%}
.bb-d,.bb-p{position:absolute;left:calc(var(--x)*1px);top:calc(var(--y)*1px)}
.bb-d{width:calc(var(--w)*1px);height:calc(var(--h)*1px);pointer-events:none;user-select:none}
.bb-p{width:calc(var(--w)*1px)}
.bb-op{opacity:var(--o)}
/* fixed-size component internals (kept on mobile) */
.bb-l,.bb-t{position:absolute;left:calc(var(--x)*1px);top:calc(var(--y)*1px)}
.bb-l{width:calc(var(--w)*1px);height:calc(var(--h)*1px);pointer-events:none;user-select:none}
.bb-t{width:calc(var(--w)*1px)}
/* masked photo = Figma clipping mask */
.bb-crop{position:relative;overflow:hidden;width:100%;aspect-ratio:var(--ar);-webkit-mask:var(--m) 0 0/100% 100% no-repeat;mask:var(--m) 0 0/100% 100% no-repeat}
.bb-crop>img{position:absolute;left:var(--cx);top:var(--cy);width:var(--cw);height:auto}
.bb-text a[href^="tel:"],.bb p a[href^="tel:"]{white-space:nowrap}
.bb-center{text-align:center}

/* ---------- type */
.bb-h2{font-family:var(--ff-d);font-weight:400;color:var(--ink);text-align:center;font-size:calc(var(--fs)*1px);line-height:calc(var(--lh)*1px);letter-spacing:calc(var(--ls)*1px)}
.bb-h2__a{color:var(--pink)}
.bb-h2--w{color:#fff}
.bb-h2--sh{text-shadow:var(--shx) var(--shy) 0 var(--plum)}
.bb-text{font-size:21px;line-height:37.8px}
.bb-text p+p{margin-top:33.5px}
.bb-lead21{font-size:21px;line-height:37.8px}
.bb-sub27{font-size:27px;line-height:27px;color:var(--text)}
.bb-sub27--m{font-weight:500}
.bb-sub27--why{line-height:44.55px;letter-spacing:.026px}
.bb-sub27--ar{line-height:40.5px;letter-spacing:.08px}

/* ---------- buttons */
.bb-btns{display:flex;gap:13.5px;height:69px}
.bb-btn{position:relative;display:block;flex:none;width:287.5px;height:69px;transition:transform .2s,filter .2s}
.bb-btn--p{width:252.5px}
.bb-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.bb-btn__t{position:absolute;left:calc(var(--x)*1px);top:calc(var(--y)*1px);white-space:nowrap;font-family:var(--ff-d);font-size:20px;line-height:20px;letter-spacing:.4px;color:#fff;text-shadow:-2px 2px 0 #000}
.bb-btn__t--p{font-size:23px;line-height:23px;letter-spacing:-.046px;color:var(--plum);text-shadow:none}
.bb-btns--big{gap:29px;height:75.2px}
.bb-btn--big{width:313.63px;height:75.2px}
.bb-btn--bigp{width:275px;height:75px}
.bb-btns--one{justify-content:center}
.bb-btn--va{width:298px;height:74px}

/* ---------- header */
.bb-hd{position:relative;z-index:5;height:181px}
.bb-hd__canvas{height:181px}
.bb-hd__call{display:block;height:72px}
.bb-hd__ci{position:absolute;left:0;top:0;width:68px;height:72px}
.bb-hd__any{letter-spacing:0;position:absolute;left:83px;top:7.75px;font-family:var(--ff-s);font-weight:700;font-size:25px;line-height:25px;color:#d17cb3;white-space:nowrap}
.bb-hd__num{position:absolute;left:81px;top:35.74px;font-family:var(--ff-d);font-size:27px;line-height:27px;letter-spacing:-.675px;color:var(--plum);white-space:nowrap}
.bb-hd__logo img{width:326px;height:200px}
.bb-hd__quote{position:relative;display:block;width:264px;height:69px;transition:transform .2s,filter .2s}
.bb-hd__quote:hover{transform:translateY(-2px);filter:brightness(1.06)}
.bb-hd__qt{font-size:24px;line-height:24px;letter-spacing:.24px}
.bb-hd__burger{display:none}
.bb-nav__a{font-family:var(--ff-h);font-weight:800;font-stretch:75%;text-transform:uppercase;color:var(--plum);white-space:nowrap}
.bb-nav__a[aria-current="page"]{color:var(--pink)}
.bb-nav__a:hover{color:var(--pink)}
.bb-nav__sub a{display:block;padding:10px 18px;font-family:var(--ff-h);font-weight:800;font-size:17px;color:var(--plum);white-space:nowrap}
.bb-nav__sub a:hover{background:#fdf0fa;color:var(--pink)}

/* ---------- hero */
.bb-hero__tag{font-family:var(--ff-d);font-size:64px;line-height:70.4px;letter-spacing:-.32px;color:#fff;text-align:center;text-shadow:-3px 2px 0 var(--plum)}
.bb-hero__arc{display:block;overflow:visible}
.bb-hero__arc text{text-transform:uppercase;font-family:var(--ff-h);font-weight:800;font-size:40px;fill:var(--plum)}
.bb-hero__h1m{display:none}

/* ---------- about */
.bb-about__t p:nth-child(2){margin-top:25px}
.bb-about__t3{font-size:22px;line-height:35.2px;margin-top:30px!important}

/* ---------- services */
.bb-svc{position:relative;width:370px;height:713px}
.bb-svc__ph{position:absolute;left:10px;top:10px;width:350px}
.bb-svc__h{font-family:var(--ff-h);font-weight:800;font-stretch:95%;font-size:39px;line-height:39px;letter-spacing:-1.5px;color:var(--plum);text-align:center}
.bb-svc__txt{font-size:18px;line-height:30.6px;text-align:center;color:var(--text)}
.bb-lm{position:absolute;left:calc(var(--x)*1px);top:calc(var(--y)*1px);width:229px;height:55px;transition:transform .2s,filter .2s}
.bb-lm:hover{transform:translateY(-2px);filter:brightness(1.06)}
.bb-lm span{position:absolute;left:0;right:0;top:19px;text-align:center;font-family:var(--ff-h);font-weight:800;font-stretch:95%;font-size:20px;line-height:20px;letter-spacing:-.6px;color:#2c004b}

/* ---------- packages */
.bb-pkg{position:relative;width:701px;height:182px}
.bb-pkg__h{font-family:var(--ff-h);font-weight:800;font-stretch:95%;font-size:37px;line-height:37px;letter-spacing:-1.11px;color:var(--plum)}
.bb-pkg__txt{font-size:19px;line-height:28.5px;letter-spacing:calc(var(--ls)*1px);color:var(--text)}

/* ---------- residential & commercial */
.bb-rc__bar{height:107px}
.bb-rc__barbg{position:absolute;left:0;top:0;width:595px;height:107px}
.bb-rc__bar--c .bb-rc__barbg{height:109px}
.bb-rc__bar span{position:absolute;left:22px;top:12.54px;font-family:var(--ff-d);font-size:40px;line-height:44px;letter-spacing:-1.2px;color:#fff;white-space:nowrap}
.bb-rc__bar--c span{left:24px}
.bb-rc__intro{font-size:21px;line-height:29.4px}
.bb-rc__intro--c{font-size:20px;line-height:28px}
.bb-rc__para{font-size:18px;line-height:34.2px}
.bb-rc__props{font-size:18px;line-height:34.2px}
.bb-list li{position:relative;font-family:var(--ff-d);font-size:21px;line-height:52.5px;letter-spacing:.1px;color:#2c004b;white-space:nowrap}
.bb-list li::before{content:"";position:absolute;width:13px;height:14px;background:url(/wp-content/uploads/bb-assets/rc-bullet.svg) 0 0/13px 14px no-repeat}
.bb-list--r li::before{left:-28px;top:21px}
.bb-list--c li::before{left:-21px;top:16px}

/* ---------- why */
.bb-why{position:relative;width:363px;height:433px}
.bb-why--tall{height:473px}
.bb-why__h{font-family:var(--ff-h);font-weight:800;font-stretch:95%;font-size:26px;line-height:31.2px;letter-spacing:-.78px;color:var(--plum);text-align:center}
.bb-why__txt{font-size:17px;line-height:27.2px;color:#363636;text-align:center}

/* ---------- process */
.bb-step{position:relative;width:calc(var(--cw)*1px);height:457px}
.bb-step__n{position:absolute;left:calc(var(--x)*1px);top:calc(var(--y)*1px);width:60px;height:60px;padding-top:12px;text-align:center;font-family:var(--ff-d);font-size:37px;line-height:37px;color:var(--pink)}
.bb-step__h{font-family:var(--ff-d);font-size:27px;line-height:33.75px;color:var(--pink);text-align:center}
.bb-step__txt{font-size:17px;line-height:27.2px;color:#363636;text-align:center}
.bb-step__txt--m{font-weight:500}

/* ---------- before & after */
.bb-ba__f{background:#fff;border:1px solid #dccbf5;padding:13.5px 13px 14px 15px;width:570px}
.bb-ba__f img{width:542px;height:auto}

/* ---------- reviews */
.bb-rv{position:relative;width:363px;height:466px}
.bb-rv__txt{font-size:17px;line-height:29.75px;color:#363636}
.bb-rv__name{font-family:var(--ff-d);font-size:28px;line-height:28px;letter-spacing:-.84px;color:var(--ink)}
.bb-rv__stars{position:absolute;inset:0;pointer-events:none}
.bb-rvs__dots{display:none;justify-content:center;gap:10px;margin-top:24px}
.bb-rvs__dots button{width:44px;height:24px;position:relative}
.bb-rvs__dots button::before{content:"";position:absolute;left:4px;right:4px;top:8px;height:8px;border-radius:4px;background:#d0d0d0}
.bb-rvs__dots button[aria-current="true"]::before{background:#4ce1f5}

/* ---------- FAQ */
.bb-faq__list{display:flex;flex-direction:column;gap:10px}
.bb-faq__i{position:relative}
.bb-faq__q button{position:relative;display:flex;align-items:center;width:100%;min-height:75px;padding:14px 86px 14px 34px;background:#fff;border:1px solid #410f53;border-radius:15px;text-align:left;font-family:var(--ff-h);font-weight:800;font-stretch:95%;font-size:24px;line-height:28px;letter-spacing:-.12px;color:#2c004b;z-index:1}
.bb-faq__q i{position:absolute;right:9px;top:50%;width:57px;height:57px;margin-top:-28.5px;background:url(/wp-content/uploads/bb-assets/fq-plus.png) 0 0/57px 57px no-repeat}
.bb-faq__q button[aria-expanded="true"]{background:linear-gradient(135deg,#b653a2 30%,#cc6dab 70%);color:#fff;border:2px solid #fff;border-radius:16px}
.bb-faq__q button[aria-expanded="true"] i{background-image:url(/wp-content/uploads/bb-assets/fq-minus.png)}
.bb-faq__q button:hover{filter:brightness(1.03)}
.bb-faq__a{position:relative;margin:-24px 10px 3px;padding:47px 26px 22px;background:#fff;border-radius:18px;font-size:18px;line-height:24px;letter-spacing:-.05px;color:#2c004b}
.bb-faq__btns{width:553.5px;margin:34px auto 0}

/* ---------- areas */
.bb-ar__list{display:grid;grid-template-columns:228px 1fr;grid-template-rows:repeat(10,68.75px);grid-auto-flow:column}
.bb-ar__list li{position:relative;padding-left:29px;font-family:var(--ff-h);font-weight:800;font-stretch:95%;font-size:25px;line-height:68.75px;letter-spacing:-.125px;color:#000;white-space:nowrap}
.bb-ar__list li::before{content:"";position:absolute;left:0;top:20.8px;width:17px;height:21px;background:url(/wp-content/uploads/bb-assets/ar-pin.png) 0 0/17px 21px no-repeat}

/* ---------- footer */
.bb-ft{overflow:hidden;color:#fff}
.bb-ft__t{font-family:var(--ff-h);font-weight:800;font-stretch:95%;font-size:25px;line-height:25px;letter-spacing:.3px;color:#fff;white-space:nowrap}
.bb-ft__logo img{width:294px;height:179px}
.bb-ft__soc{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:15px}
.bb-ft__soc a{display:block;width:60px;height:60px;border-radius:50%;transition:transform .2s}
.bb-ft__soc a:hover{transform:translateY(-2px)}
.bb-ft__soc img{width:60px;height:60px}
.bb-ft__row{position:relative;padding-left:43px;font-size:19px;line-height:28.5px;letter-spacing:.15px}
.bb-ft__row img{position:absolute;left:0;top:3px}
.bb .bb-ft__row a{font-weight:400}
.bb-ft__lab{display:block;font-size:17px;line-height:17px;opacity:.7;margin-bottom:7px}
.bb-ft__lab--thin{font-weight:300}
.bb-ft__big{display:inline-block;font-family:'Poppins',var(--ff-b);font-weight:700!important;font-size:22px;line-height:22px;letter-spacing:-.11px;white-space:nowrap}
.bb-ft__em{display:inline-block;font-weight:700!important;font-size:18px;line-height:18px;letter-spacing:-.67px}
.bb-ft__hrs strong{display:block;font-size:19px;line-height:28.5px}
.bb-ft a:hover{text-decoration:underline}
.bb-ft__ql ul{margin-top:21px}
.bb-ft__ql li{position:relative;padding-left:30px;font-size:19px;line-height:41.8px;letter-spacing:.07px}
.bb-ft__ql li::before{content:"";position:absolute;left:2px;top:13.25px;width:13px;height:13px;background:url(/wp-content/uploads/bb-assets/ft-chev.png) 0 0/13px 13px no-repeat}
.bb-ft__mapin{width:242px;height:263px;-webkit-mask:url(/wp-content/uploads/bb-assets/ft-mask.svg) 0 0/100% 100% no-repeat;mask:url(/wp-content/uploads/bb-assets/ft-mask.svg) 0 0/100% 100% no-repeat;background:#e8eef4}
.bb-ft__mapin iframe{display:block;width:100%;height:100%;border:0}
.bb-ft__dir{display:inline-block;margin-top:14px;font-weight:700;font-size:17px;line-height:24px;color:#fff;text-decoration:underline}
.bb-ft__legal{font-size:18px;line-height:18px;letter-spacing:.035px;text-align:center;color:rgba(255,255,255,.7)}
.bb .bb-ft__legal a{font-weight:400}
.bb-ft__sp{display:inline-block;width:14px}
.bb-ft__bar{margin:0 10px}

/* ================= desktop stage ================= */
@media (max-width:1199.98px){.bb-dbr{display:none}}
@media (min-width:1200px){
  .bb-sec{height:calc(var(--sh)*1px)}
  .bb-hd__ribbon,.bb-hd__bg{z-index:0}
  .bb-hd__logo{z-index:2}
  .bb-nav{position:absolute;inset:0;pointer-events:none}
  .bb-nav__li{position:absolute;left:calc(var(--x)*1px);top:calc(var(--y)*1px);transform:translate(-50%,-50%) rotate(calc(var(--a)*1deg));pointer-events:auto}
  .bb-nav__a{display:block;padding:4px 2px;font-size:calc(var(--fz)*1px);line-height:33px;letter-spacing:0}
  .bb-nav__dd{position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;pointer-events:none}
  .bb-nav__sub{position:absolute;left:50%;top:100%;min-width:180px;padding:8px 0;margin-top:6px;background:#fff;border:3px solid var(--plum);border-radius:14px;box-shadow:0 10px 24px rgba(22,0,69,.2);transform:translateX(-50%);opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s}
  .bb-nav__sub::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
  .bb-nav__li--dd:hover .bb-nav__sub,.bb-nav__li--dd:focus-within .bb-nav__sub{opacity:1;visibility:visible}
  .bb-hero__h1 svg{width:800px;height:90px}
  .bb-svc__grid{height:713px}
  .bb-svc{position:absolute;top:0}
  .bb-svc:nth-child(1){left:0}.bb-svc:nth-child(2){left:417px;top:-.63px}.bb-svc:nth-child(3){left:829px;top:-.63px}
  .bb-pkg__list{height:612px}
  .bb-pkg{position:absolute;left:0}
  .bb-pkg:nth-child(2){top:214px}.bb-pkg:nth-child(3){top:427px}
  .bb-pkg__ic{position:absolute;inset:0}
  .bb-rc__lw .bb-list--r{display:grid;grid-template-columns:249px auto;grid-template-rows:repeat(4,52.5px);grid-auto-flow:column}
  .bb-rc__lw .bb-list--c{display:grid;grid-template-columns:340px auto;grid-template-rows:repeat(6,52.5px);grid-auto-flow:column}
  .bb-list--c li:nth-child(n+7){top:-3px}
  .bb-why__grid{height:945px}
  .bb-why{position:absolute}
  .bb-why:nth-child(2),.bb-why:nth-child(5){left:417.5px}
  .bb-why:nth-child(3),.bb-why:nth-child(6){left:836px}
  .bb-why:nth-child(n+4){top:472px}
  .bb-steps{height:860px}
  .bb-step{position:absolute}
  .bb-step--1{left:0;top:400px}.bb-step--2{left:395px;top:0}.bb-step--3{left:871px;top:400px}
  .bb-ba__grid{height:893px}
  .bb-ba__f{position:absolute}
  .bb-ba__f:nth-child(2),.bb-ba__f:nth-child(4){left:632px}
  .bb-ba__f:nth-child(n+3){top:476px}
  .bb-ba__f:nth-child(2){padding:14.5px 13px 15.5px 15px}
  .bb-ba__f:nth-child(4){padding:12.5px 14px 17px 14px}
  .bb-rvs__track{position:relative;height:466px}
  .bb-rv{position:absolute;top:0}
  .bb-rv:nth-child(2){left:418.5px}.bb-rv:nth-child(3){left:838px}
  .bb-ft__contact .bb-ft__row{position:absolute}
  .bb-ft__addr{left:3px;top:54.55px;padding-left:39px!important}
  .bb-ft__addr img{top:4.24px!important}
  .bb-ft__call{left:1px;top:138.26px}
  .bb-ft__mail{left:1px;top:220.26px}
  .bb-ft__hrs{left:0;top:297.8px}
  .bb-ft__hrs .bb-ft__lab{margin-bottom:5px}
  .bb-ft__mapline{z-index:2}
  .bb-ft__loct{position:absolute;left:-7px;top:-59.49px}
}

/* ================= tablet / mobile flow ================= */
@media (max-width:1199.98px){
  .bb{font-size:17px}
  .bb-d{display:none}
  .bb-canvas{left:auto;width:auto;margin:0;height:auto;display:flex;flex-direction:column;align-items:center;padding:64px 20px;max-width:100%}
  .bb-p{position:relative;left:auto!important;top:auto!important;width:auto;max-width:100%}
  .bb-h2{font-size:clamp(30px,6.4vw,58px);line-height:1.1;letter-spacing:-.5px}
  .bb-h2 br{display:none}
  .bb-h2__a{display:block}
  .bb-h2--sh{text-shadow:-3px 3px 0 var(--plum)}
  .bb-text,.bb-lead21{font-size:17px;line-height:1.75;max-width:680px}
  .bb-sub27{font-size:19px;line-height:1.5!important;max-width:680px;margin-top:16px}
  .bb-btns{flex-wrap:wrap;justify-content:center;height:auto;gap:12px 13px;margin-top:32px;width:100%!important}
  .bb-btn{flex:none}

  /* header */
  .bb-hd{height:auto;background:linear-gradient(180deg,#93f4ff,#7fe6f2);border-bottom:3px solid #3d1657;position:sticky;top:0}
  .bb-hd__canvas{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:6px 16px;height:auto;gap:8px}
  .bb-hd__logo{order:1;width:auto!important}
  .bb-hd__logo img{width:118px;height:auto}
  .bb-hd__call{order:2;width:auto!important;height:auto;margin-left:auto;display:flex;align-items:center;gap:8px;min-height:44px}
  .bb-hd__ci{position:static;width:44px;height:auto}
  .bb-hd__any{display:none}
  .bb-hd__num{position:static;font-size:19px;line-height:1.2}
  .bb-hd__qwrap{display:none}
  .bb-hd__burger{order:3;display:flex;flex-direction:column;justify-content:center;gap:5px;width:48px;height:48px;padding:0 11px;border-radius:12px;background:var(--plum)}
  .bb-hd__burger span{display:block;height:3px;border-radius:2px;background:#fff;transition:transform .2s,opacity .2s}
  .bb-hd__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .bb-hd__burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .bb-hd__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .bb-nav{order:4;width:100%;display:none}
  .bb-nav.is-open{display:block}
  .bb-nav__ul{padding:6px 0 12px}
  .bb-nav__li{position:relative;border-top:1px solid rgba(45,0,76,.15)}
  .bb-nav__a{display:flex;align-items:center;min-height:48px;font-size:22px;letter-spacing:.3px;font-stretch:85%}
  .bb-nav__dd{position:absolute;right:0;top:0;width:48px;height:48px}
  .bb-nav__dd span{display:block;width:12px;height:12px;margin:14px auto 0;border-right:3px solid var(--plum);border-bottom:3px solid var(--plum);transform:rotate(45deg);transition:transform .2s}
  .bb-nav__dd[aria-expanded="true"] span{transform:translateY(6px) rotate(-135deg)}
  .bb-nav__sub{display:none;padding:0 0 8px 16px}
  .bb-nav__dd[aria-expanded="true"]+.bb-nav__sub{display:block}
  .bb-nav__sub a{padding:0;min-height:44px;display:flex;align-items:center;font-size:18px}

  /* hero */
  .bb-hero .bb-canvas{padding:36px 16px 0;background:linear-gradient(180deg,#3060b0,#4b80c8 60%,#9cc4ec)}
  .bb-hero__tag{order:1;font-size:clamp(28px,6.4vw,52px);line-height:1.12;letter-spacing:-.3px;max-width:640px;padding:26px 18px 30px;background:#d178b0 url(/wp-content/uploads/bb-assets/hero-sign-tex.png) center/cover;border:6px solid #5df0ff;outline:4px solid #18002c;border-radius:34px;text-shadow:-2px 2px 0 var(--plum)}
  .bb-hero__tag br{display:none}
  .bb-hero__h1{order:2;margin-top:-20px;z-index:1;width:100%!important;max-width:560px;padding:14px 22px;background:linear-gradient(180deg,#fec754,#f9bc4e);border:4px solid var(--plum);border-radius:18px;text-align:center}
  .bb-hero__arc{display:none}
  .bb-hero__h1m{display:block;font-family:var(--ff-h);font-weight:800;font-stretch:90%;font-size:clamp(20px,4.6vw,30px);line-height:1.15;text-transform:uppercase;color:var(--plum)}
  .bb-hero__btns{order:3;margin-top:24px}
  .bb-hero__photo{display:block;position:relative;order:4;left:auto;top:auto;width:calc(100% + 32px);max-width:none;height:auto;margin:28px -16px 0;aspect-ratio:1920/900;object-fit:cover;object-position:50% 100%;border-radius:0 0 36px 36px;border-bottom:6px solid #18002c}

  /* about */
  .bb-about__ph{order:2;width:100%!important;max-width:460px;margin-top:28px;filter:drop-shadow(5px 0 0 #5df0ff) drop-shadow(-5px 0 0 #5df0ff) drop-shadow(0 5px 0 #5df0ff) drop-shadow(0 -5px 0 #5df0ff) drop-shadow(3px 0 0 #18002c) drop-shadow(-3px 0 0 #18002c) drop-shadow(0 3px 0 #18002c) drop-shadow(0 -3px 0 #18002c)}
  .bb-about__t{order:3;margin-top:28px;width:100%!important}
  .bb-about__t p+p{margin-top:18px!important}
  .bb-about__t3{font-size:17px;line-height:1.75}
  .bb-about .bb-btns{order:4}

  /* services panel */
  .bb-svcs .bb-canvas{padding-top:0;padding-bottom:0}
  .bb-svcs #bb-svc-h{order:1;width:calc(100% + 40px)!important;max-width:none;margin:0 -20px;padding:56px 20px 28px;background:#d178b0 url(/wp-content/uploads/bb-assets/sv-tex.png) center/cover;border-top:10px solid #bb59a4;border-radius:44px 44px 0 0;font-size:clamp(38px,8vw,72px)}
  .bb-svc__grid{order:2;width:calc(100% + 40px)!important;max-width:none;margin:0 -20px;padding:12px 20px 56px;background:#d178b0 url(/wp-content/uploads/bb-assets/sv-tex.png) center/cover;border-radius:0 0 44px 44px;display:flex;flex-wrap:wrap;justify-content:center;gap:28px 40px}
  .bb-svc{margin-bottom:10px}
  /* packages */
  .bb-svcs .bb-canvas{background:linear-gradient(180deg,#fff 0,#fff 1px,transparent 1px)}
  #bb-pkg-h{order:3;margin-top:0;width:calc(100% + 40px)!important;max-width:none;margin-left:-20px;margin-right:-20px;padding:56px 20px 0;background:linear-gradient(180deg,#4aeeff,#20a8b7 100%);background-size:100% 400%;font-size:clamp(38px,8vw,72px)}
  .bb-svcs .bb-lead21{order:4;max-width:none;width:calc(100% + 40px)!important;margin:0 -20px;padding:18px 20px 0;background:#39cfe0}
  .bb-pkg__list{order:5;width:calc(100% + 40px)!important;max-width:none;margin:0 -20px;padding:12px 20px 0;background:#30c3d4;display:flex;flex-direction:column;align-items:center;gap:20px}
  .bb-pkg__list+.bb-lead21{order:6;padding-top:24px;background:#29b8c8}
  .bb-svcs .bb-btns{order:7;width:calc(100% + 40px)!important;max-width:none;margin:0 -20px 64px;padding:28px 20px 48px;background:#22aebd;border-radius:0 0 44px 44px}
  .bb-pkg{width:100%;max-width:560px;height:auto;padding:22px 20px 22px 112px;background:linear-gradient(135deg,#fad78d,#f1bb69);border:3px solid var(--plum);border-radius:24px;box-shadow:0 0 0 3px #eca02f inset}
  .bb-pkg__bg{display:none}
  .bb-pkg__ic{position:absolute;left:-6px;top:50%;width:121px;height:121px;margin-top:-60px;transform:scale(.8)}
  .bb-pkg__ic .bb-l:first-child{top:0!important}
  .bb-pkg__ic .bb-l:not(:first-child){margin-top:-30px}
  .bb-pkg .bb-t{position:static;width:auto}
  .bb-pkg__h{font-size:clamp(22px,5vw,30px);line-height:1.1;letter-spacing:-.6px}
  .bb-pkg__txt{margin-top:8px;font-size:16px;line-height:1.6;letter-spacing:0}

  /* res / com */
  .bb-rc .bb-canvas{background:linear-gradient(180deg,#fff 0,#e3fbff 260px,#e3fbff)}
  .bb-rc__bar{width:100%!important;max-width:595px;height:auto;margin-top:44px;padding:14px 20px;background:linear-gradient(135deg,#9e4191,#f3b034);border-radius:10px}
  .bb-rc__barbg{display:none}
  .bb-rc__bar span{position:static;display:block;font-size:clamp(24px,5.4vw,34px);line-height:1.15;white-space:normal}
  .bb-rc__bar br{display:none}
  .bb-rc__ph,.bb-rc__ph--c{width:100%!important;max-width:420px;margin-top:22px;border-radius:24px;overflow:hidden}
  .bb-rc__ph .bb-crop{-webkit-mask:none;mask:none;aspect-ratio:4/3}
  .bb-rc__ph .bb-crop img{left:0;top:0;width:100%;height:100%;object-fit:cover}
  .bb-rc__intro{margin-top:22px;width:100%!important;font-size:17px!important;line-height:1.6!important}
  .bb-dbr{display:none}
  .bb-rc__lw{width:100%!important;max-width:680px;margin-top:12px}
  .bb-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:0 20px}
  .bb-list li{padding-left:24px;font-size:18px;line-height:1.35;padding-top:9px;padding-bottom:9px;white-space:normal}
  .bb-list li::before{left:0!important;top:13px!important}
  .bb-rc__para{margin-top:16px;width:100%!important;font-size:16px!important;line-height:1.75!important}
  .bb-rc__props{margin-top:20px;width:100%!important;font-size:16px!important;line-height:1.75!important}
  .bb-o2{order:2}.bb-o3{order:3}.bb-o4{order:4}.bb-o5{order:5}.bb-o6{order:6}.bb-o7{order:7}.bb-o10{order:10}.bb-o11{order:11}.bb-o12{order:12}.bb-o13{order:13}.bb-o14{order:14}.bb-o15{order:15}.bb-o16{order:16}
  .bb-o10{margin-top:56px}

  /* why */
  .bb-whys .bb-canvas{padding-bottom:0}
  .bb-why__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px 32px;margin-top:36px;width:100%!important}
  .bb-why__house{display:block;position:relative;left:auto;top:auto;width:calc(100% + 40px);max-width:none;height:auto;margin:40px -20px 0;order:9;aspect-ratio:1919/900;object-fit:cover;object-position:50% 70%}
  .bb-whys .bb-btns{order:8}

  /* CTA bands */
  .bb-cta .bb-canvas{padding:40px 16px}
  .bb-cta__h{position:relative;width:100%!important;max-width:760px;padding:64px 22px 30px;background:#d178b0 url(/wp-content/uploads/bb-assets/ct-tex.png) center/cover;border:8px solid #5df0ff;outline:5px solid #18002c;border-radius:40px;font-size:clamp(28px,6.4vw,54px)!important;line-height:1.12!important;text-shadow:-3px 3px 0 var(--plum)}
  .bb-cta__h::before{content:"";position:absolute;left:50%;top:-40px;width:200px;height:86px;margin-left:-100px;background:url(/wp-content/uploads/bb-assets/c2-stars.png) center/contain no-repeat}
  .bb-cta .bb-btns{margin-top:26px}
  .bb-cta--2{z-index:1}

  /* process */
  .bb-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 36px;margin-top:36px;width:100%!important}
  .bb-step{height:470px}

  /* before & after */
  .bb-ba .bb-canvas{background:linear-gradient(135deg,#f1eafb,#f7dbfb);border:6px solid #18002c;border-radius:44px;margin:0 8px;max-width:calc(100% - 16px)}
  .bb-ba__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;margin-top:32px;width:100%!important;max-width:1000px}
  .bb-ba__f{width:auto;padding:8px}
  .bb-ba__f img{width:100%}

  /* reviews */
  .bb-rvs{margin-top:36px;width:100%!important}
  .bb-rvs__track{display:flex;justify-content:center;gap:24px}
  .bb-rv.is-off{display:none}
  .bb-rvs__dots{display:flex}

  /* faq */
  .bb-faqs .bb-canvas{background:#577ebf url(/wp-content/uploads/bb-assets/fq-img2.webp) 50% 100%/cover;border-radius:44px 44px 0 0;padding-bottom:80px}
  .bb-faq__photo{display:none!important}
  .bb-faq{margin-top:32px;width:100%!important;max-width:1000px}
  .bb-faq__q button{min-height:64px;padding:12px 74px 12px 20px;font-size:clamp(17px,3.6vw,22px);line-height:1.3}
  .bb-faq__q i{width:48px;height:48px;margin-top:-24px;right:8px;background-size:48px 48px!important}
  .bb-faq__a{padding:40px 18px 18px;font-size:16px;line-height:1.6}

  /* areas */
  .bb-ar__lw{order:3;width:100%!important;max-width:700px;margin-top:28px;padding:22px 20px;background:#fff;border:4px solid #240f50;border-radius:28px;box-shadow:0 0 0 6px #5decff,0 0 0 9px #240f50}
  .bb-ar__list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-template-rows:none;grid-auto-flow:row}
  .bb-ar__list li{font-size:19px;line-height:44px}
  .bb-ar__list li::before{top:11px}
  .bb-ar__map{order:4;width:100%!important;max-width:520px;margin-top:28px}
  .bb-ar .bb-canvas{padding-bottom:0}
  .bb-ar__crew{display:block;position:relative;left:auto;top:auto;order:5;width:calc(100% + 40px);max-width:none;height:auto;margin:36px -20px 0}

  /* footer */
  .bb-ft{background:linear-gradient(90deg,#821194,#4f1d8e)}
  .bb-ft .bb-canvas{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:36px 32px;align-items:start;justify-items:start;padding:64px 24px 28px;max-width:1100px;margin:0 auto}
  .bb-ft__brand{justify-self:center}
  .bb-ft__row{margin-top:20px}
  .bb-ft__ql ul{margin-top:12px}
  .bb-ft__ql li{line-height:44px}
  .bb-ft__loct{margin-bottom:16px}
  .bb-ft__legal{grid-column:1/-1;justify-self:stretch;padding-top:24px;border-top:1px solid rgba(255,255,255,.3);line-height:1.8;font-size:15px}
  .bb-ft__legal a{display:inline-block;min-height:44px;line-height:44px}
}
@media (max-width:767.98px){
  .bb-canvas{padding:52px 16px}
  .bb-hd__canvas{padding:6px 12px}
  .bb-sub27{font-size:17px}
}
@media (max-width:479.98px){.bb-hd__num{display:none}.bb-hd__call{min-width:48px;justify-content:center}}
/* fixed-art cards keep their design; scale on narrow phones */
@media (max-width:409.98px){
  .bb-svc,.bb-why,.bb-rv,.bb-step{zoom:.92}
}
@media (max-width:379.98px){
  .bb-svc,.bb-why,.bb-rv,.bb-step{zoom:.86}
}
@media (max-width:449.98px){
  .bb-step--2{zoom:.9}
}

/* ---------- simple pages (index.php) */
.bb-page{position:relative;z-index:1;padding:150px 20px 80px}
.bb-page__in{max-width:900px;margin:0 auto}
.bb-page__h1{font-family:var(--ff-d);font-weight:400;font-size:clamp(36px,6vw,64px);line-height:1.1;color:var(--ink);text-align:center;margin-bottom:32px}
.bb-page__h1 .bb-h2__a{display:block}
.bb-page__body{font-size:18px;line-height:1.75}
.bb-page__body h2{font-family:var(--ff-d);font-weight:400;font-size:30px;line-height:1.2;color:var(--ink);margin:32px 0 10px}
.bb-page__body p,.bb-page__body ul{margin:0 0 16px}
.bb-page__body a{color:var(--pink);font-weight:700}
.bb-page__list{list-style:disc;padding-left:22px}
.bb-page__list li{margin:6px 0}
.bb-page__card{padding:24px 0;border-bottom:1px solid #eee}
@media (max-width:1199.98px){.bb-page{padding-top:48px}}
.bb-nav .sub-menu{display:none}