/* Six distinct compositions sharing accessible, account-scoped content. */
body[data-public-page=home]{--design-bg:#f5f7fa;--design-surface:#fff;--design-ink:#172a36;--design-muted:#5b6b74;--design-line:#dfe5e9;background:var(--design-bg);color:var(--design-ink)}
body[data-public-page=home][data-theme=dark]{--design-bg:#141923;--design-surface:#202733;--design-ink:#f4f5f7;--design-muted:#b4c0ca;--design-line:#ffffff25}
body[data-public-page=home] .template-home{padding:0;display:flex;flex-direction:column}
body[data-public-page=home] .template-home>.hero{order:0}
body[data-public-page=home] .template-home>.section{order:4;background:var(--design-bg)}
body[data-public-page=home] .template-home>.contact{order:9}
body[data-public-page=home] .template-home :is(h1,h2,h3){color:var(--design-ink)}
body[data-public-page=home] .template-home :is(.lead,.address,.section-heading p,.offer-card p,.work-card p){color:var(--design-muted)}
body[data-public-page=home] .template-home :is(.offer-card,.work-card){background:var(--design-surface);border-color:var(--design-line);color:var(--design-ink)}
body[data-public-page=home] footer{background:var(--design-surface);color:var(--design-muted)}
body[data-public-page=home] .contact h2{color:inherit}
body[data-public-page=home] .template-home :is(.offer-card,.work-card,.gallery-grid figure){min-width:0}
body[data-public-page=home] .public-product-card>img{display:block;width:100%;max-width:100%;height:220px;object-fit:contain;margin-bottom:20px;border-radius:12px;background:var(--design-surface)}
body[data-public-page=home] :is(.services-all-link,.gallery-all-link){text-align:center;margin-top:28px}

/* 1. Modern studio: contained dashboard-like bento and a split introduction. */
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=multipurpose-one] .public-header{border:0;background:var(--design-surface)}
body[data-public-page=home][data-template=multipurpose-one] .hero{margin:28px auto 0;width:min(1320px,calc(100% - 48px));padding:55px;gap:45px;min-height:530px;border-radius:32px;background:var(--design-surface);border:1px solid var(--design-line)}
body[data-public-page=home][data-template=multipurpose-one] .hero h1{font-size:clamp(42px,5vw,68px);max-width:650px}
body[data-public-page=home][data-template=multipurpose-one] .hero-image{height:420px;border-radius:24px;box-shadow:none}
body[data-public-page=home][data-template=multipurpose-one] .home-services{padding-block:45px}
body[data-public-page=home][data-template=multipurpose-one] .home-services .section-heading{text-align:left;max-width:1120px}
body[data-public-page=home][data-template=multipurpose-one] .home-services .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body[data-public-page=home][data-template=multipurpose-one] .offer-card{border-radius:20px;box-shadow:0 12px 26px #102b3610}
body[data-public-page=home][data-template=multipurpose-one] .home-services .offer-card:first-child{background:var(--accent);color:#fff;border-color:transparent}
body[data-public-page=home][data-template=multipurpose-one] .home-services .offer-card:first-child :is(h3,p,.offer-bottom,.offer-bottom a){color:#fff}
body[data-public-page=home][data-template=multipurpose-one] .contact{margin:28px auto;width:min(1320px,calc(100% - 48px));border-radius:24px;padding:44px;background:var(--design-ink);color:var(--design-bg)}

/* 2. Editorial: centred masthead, oversized title and a panoramic photograph. */
body[data-public-page=home][data-template=multipurpose-two]{--design-bg:#f3f0e9;--design-ink:#272b28;--design-muted:#6a6a60;--design-line:#d8d6cc}
body[data-public-page=home][data-template=multipurpose-two][data-theme=dark]{--design-bg:#20201e;--design-surface:#292a27;--design-ink:#f0ede3;--design-muted:#bdbbad;--design-line:#ffffff28}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=multipurpose-two] .public-header{position:relative;background:var(--design-bg);color:var(--design-ink);box-shadow:none;border-color:var(--design-line)}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=multipurpose-two] .public-header-inner{flex-wrap:wrap;justify-content:center;padding:24px}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=multipurpose-two] .public-brand{width:100%;justify-content:center;font-family:Georgia,serif;font-size:30px}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=multipurpose-two] .public-nav{margin:0;flex-wrap:wrap}
body[data-public-page=home][data-template=multipurpose-two] .hero{display:flex;flex-direction:column;gap:32px;padding:60px 5vw 0;background:transparent;text-align:center}
body[data-public-page=home][data-template=multipurpose-two] .hero-copy{order:0;max-width:1000px}
body[data-public-page=home][data-template=multipurpose-two] .hero h1{font:500 clamp(46px,7vw,96px)/1.02 Georgia,serif;letter-spacing:-.065em;max-width:1000px;margin:22px auto}
body[data-public-page=home][data-template=multipurpose-two] .lead{max-width:650px;margin:20px auto}
body[data-public-page=home][data-template=multipurpose-two] :is(.hero-image,.hero-art){order:1;width:100%;height:420px;border-radius:0;box-shadow:none}
body[data-public-page=home][data-template=multipurpose-two] :is(.button,.public-action-button){border-radius:0;box-shadow:none}
body[data-public-page=home][data-template=multipurpose-two] .home-gallery{order:1;padding-block:55px;border-bottom:1px solid var(--design-line)}
body[data-public-page=home][data-template=multipurpose-two] .gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
body[data-public-page=home][data-template=multipurpose-two] .gallery-grid figure{border-radius:0;background:transparent}
body[data-public-page=home][data-template=multipurpose-two] .section-heading h2{font:500 48px/1.1 Georgia,serif}
body[data-public-page=home][data-template=multipurpose-two] .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--design-line)}
body[data-public-page=home][data-template=multipurpose-two] .offer-card{border:0;border-bottom:1px solid var(--design-line);border-radius:0;box-shadow:none;background:transparent;padding:32px}
body[data-public-page=home][data-template=multipurpose-two] .offer-card h3{font:500 28px Georgia,serif}
body[data-public-page=home][data-template=multipurpose-two] .contact{flex-direction:column;text-align:center;padding-block:80px;background:var(--design-ink);color:var(--design-bg)}

/* 3. Barber: immersive full-bleed photography and a classic price-list layout. */
body[data-public-page=home][data-template=barber]{--design-bg:#e9e2d6;--design-surface:#f4ede2;--design-ink:#26241e;--design-muted:#625b50;--design-line:#c7beb0}
body[data-public-page=home][data-template=barber][data-theme=dark]{--design-bg:#161616;--design-surface:#222;--design-ink:#f5eee2;--design-muted:#b6aea3;--design-line:#ffffff28}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=barber] .public-header{background:#191919;color:#fff;border:0;position:relative}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=barber] .public-nav a{color:#e4dfd6}
body[data-public-page=home][data-template=barber] .hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:640px;padding:85px 8vw;background:#242424;border:0}
body[data-public-page=home][data-template=barber] :is(.hero-image,.hero-art){position:absolute;inset:0;z-index:-2;width:100%;height:100%;border-radius:0;box-shadow:none;order:0}
body[data-public-page=home][data-template=barber] .hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b0c0deb 0%,#0b0c0d9c 55%,#0b0c0d38)}
body[data-public-page=home][data-template=barber] .hero-copy{max-width:730px;padding:0}
body[data-public-page=home][data-template=barber] .hero h1{font-size:clamp(48px,7vw,92px);color:#fff;line-height:.98;letter-spacing:-.05em;font-weight:900}
body[data-public-page=home][data-template=barber] .hero :is(.lead,.address){color:#e3e0db}
body[data-public-page=home][data-template=barber] .hero .eyebrow{color:#fff;display:inline-block;border-bottom:3px solid var(--accent);padding-bottom:12px}
body[data-public-page=home][data-template=barber] .hero-slide-controls{right:24px;bottom:24px}
body[data-public-page=home][data-template=barber] .home-services{display:grid;grid-template-columns:1fr 1.7fr;gap:35px;align-items:start}
body[data-public-page=home][data-template=barber] .home-services .section-heading{text-align:left;margin:0}
body[data-public-page=home][data-template=barber] .home-services .cards{display:block;width:100%}
body[data-public-page=home][data-template=barber] .home-services .offer-card{display:grid;grid-template-columns:1fr auto;padding:20px 0;border:0;border-bottom:1px dashed var(--design-line);background:transparent;box-shadow:none;border-radius:0}
body[data-public-page=home][data-template=barber] .home-services .offer-top{grid-column:2;grid-row:1}
body[data-public-page=home][data-template=barber] .home-services .offer-icon{display:none}
body[data-public-page=home][data-template=barber] .home-services .offer-card h3{grid-column:1;grid-row:1;margin:0;font-size:22px}
body[data-public-page=home][data-template=barber] .home-services .offer-card p{grid-column:1/-1;margin:8px 0;min-height:0}
body[data-public-page=home][data-template=barber] .home-services .offer-bottom{grid-column:1/-1;border:0;padding:0;margin:8px 0}
body[data-public-page=home][data-template=barber] .home-services .services-all-link{grid-column:2;margin:0;text-align:left}
body[data-public-page=home][data-template=barber] .gallery-grid{gap:6px}
body[data-public-page=home][data-template=barber] .gallery-grid figure{border-radius:0}
body[data-public-page=home][data-template=barber] .contact{background:#181818;color:#fff;padding-block:75px;border-top:8px solid var(--accent)}

/* 4. Agency: permanent side navigation and an architectural portfolio. */
body[data-public-page=home][data-template=agency]{--design-bg:#eef0f2;--design-ink:#202c3a;--design-muted:#667180;--design-line:#d5dce2}
body[data-public-page=home][data-template=agency][data-theme=dark]{--design-bg:#151b25;--design-surface:#202a39;--design-ink:#edf2f9;--design-muted:#aebed1;--design-line:#ffffff25}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=agency] .public-header{position:fixed;inset:0 auto 0 0;width:245px;height:100vh;border-right:1px solid var(--design-line);border-bottom:0;background:var(--design-surface);color:var(--design-ink);box-shadow:none}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=agency] .public-header-inner{height:100%;flex-direction:column;align-items:flex-start;padding:38px 25px;gap:35px}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=agency] .public-brand{font-size:17px;min-width:0;flex-wrap:wrap}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=agency] .public-nav{display:flex;flex-direction:column;align-items:flex-start;margin:0;gap:21px;overflow:visible}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=agency] .public-nav a{font-size:14px}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=agency] .public-actions{margin-top:auto;flex-wrap:wrap;justify-content:flex-start}
body[data-public-page=home][data-template=agency] :is(.template-home,footer){margin-left:245px}
body[data-public-page=home][data-template=agency] .hero{display:grid;grid-template-columns:1fr;padding:60px 6vw;gap:36px;background:transparent}
body[data-public-page=home][data-template=agency] .hero-copy{max-width:900px}
body[data-public-page=home][data-template=agency] .hero h1{font:500 clamp(44px,6vw,80px)/1.03 Georgia,serif;max-width:900px}
body[data-public-page=home][data-template=agency] :is(.hero-image,.hero-art){width:100%;height:340px;border-radius:0;box-shadow:none;filter:grayscale(.85)}
body[data-public-page=home][data-template=agency] .section{padding:55px 6vw;border-top:1px solid var(--design-line)}
body[data-public-page=home][data-template=agency] .section-heading{text-align:left;margin:0 0 28px;max-width:none}
body[data-public-page=home][data-template=agency] .home-portfolio{order:1}
body[data-public-page=home][data-template=agency] .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body[data-public-page=home][data-template=agency] .offer-card{border:0;border-top:2px solid var(--design-ink);border-radius:0;background:transparent;box-shadow:none;padding:24px 0}
body[data-public-page=home][data-template=agency] .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-public-page=home][data-template=agency] .gallery-grid figure{border-radius:0;background:var(--design-surface)}
body[data-public-page=home][data-template=agency] .contact{display:block;padding:55px 6vw;background:var(--design-ink);color:var(--design-bg)}
body[data-public-page=home][data-template=agency] .contact>.button{margin-top:20px;margin-right:20px}

/* 5. Medical: reassuring information panel and roomy service tiles. */
body[data-public-page=home][data-template=medical]{--design-bg:#f0f7f8;--design-ink:#153d48;--design-muted:#526f76;--design-line:#d5e5e9}
body[data-public-page=home][data-template=medical][data-theme=dark]{--design-bg:#10242c;--design-surface:#1b343d;--design-ink:#eaf8fb;--design-muted:#a8c7cf;--design-line:#ffffff22}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=medical] .public-header{border-top:5px solid var(--accent);background:var(--design-surface)}
body[data-public-page=home][data-template=medical] .hero{display:grid;grid-template-columns:1.1fr 1fr;padding:70px 8vw 95px;gap:50px;background:transparent}
body[data-public-page=home][data-template=medical] .hero-copy{padding:35px;border:1px solid var(--design-line);border-radius:22px;background:var(--design-surface)}
body[data-public-page=home][data-template=medical] .hero h1{font-size:clamp(38px,4vw,58px);letter-spacing:-.04em;line-height:1.12}
body[data-public-page=home][data-template=medical] .lead{font-size:17px}
body[data-public-page=home][data-template=medical] :is(.hero-image,.hero-art){height:480px;border-radius:180px 180px 24px 24px;box-shadow:none}
body[data-public-page=home][data-template=medical] .home-services{padding-top:0;margin-top:-35px}
body[data-public-page=home][data-template=medical] .home-services .section-heading{max-width:1120px;text-align:left}
body[data-public-page=home][data-template=medical] .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body[data-public-page=home][data-template=medical] .offer-card{padding:28px;border-radius:22px;box-shadow:none}
body[data-public-page=home][data-template=medical] .home-services .offer-card:first-child{grid-column:span 2;border-left:6px solid var(--accent)}
body[data-public-page=home][data-template=medical] .contact{display:flex;flex-direction:column;align-items:center;text-align:center;margin:25px 8vw 55px;padding:55px;border-radius:28px;background:var(--accent);color:#fff}
body[data-public-page=home][data-template=medical] .contact .eyebrow{color:#fff}

/* 6. Beauty: quiet luxury, large type and an asymmetric image gallery. */
body[data-public-page=home][data-template=beauty]{--design-bg:#f7efe9;--design-surface:#fffaf6;--design-ink:#45392f;--design-muted:#87776b;--design-line:#e4d5c9}
body[data-public-page=home][data-template=beauty][data-theme=dark]{--design-bg:#29201e;--design-surface:#392d28;--design-ink:#f8e9df;--design-muted:#c6afa0;--design-line:#ffffff25}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=beauty] .public-header{position:relative;background:var(--design-bg);color:var(--design-ink);border:0;box-shadow:none}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=beauty] .public-header-inner{min-height:100px;max-width:1500px;flex-wrap:wrap;justify-content:space-between;padding-block:20px;gap:18px}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=beauty] .public-nav{order:3;width:100%;margin:0;justify-content:center}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=beauty] .public-brand{font-family:Georgia,serif;font-size:24px}
body[data-public-page=home][data-template=beauty] .hero{grid-template-columns:1.25fr 1fr;min-height:650px;padding:35px 8vw 80px;gap:5vw;background:transparent;align-items:center}
body[data-public-page=home][data-template=beauty] .hero-copy{text-align:center;max-width:730px}
body[data-public-page=home][data-template=beauty] .hero h1{font:400 clamp(48px,6.5vw,88px)/1.02 Georgia,serif;letter-spacing:-.055em;text-transform:none}
body[data-public-page=home][data-template=beauty] .lead{max-width:460px;margin:25px auto;font-size:17px}
body[data-public-page=home][data-template=beauty] :is(.hero-image,.hero-art){height:520px;border:9px solid var(--design-surface);border-radius:240px 240px 20px 20px;box-shadow:none}
body[data-public-page=home][data-template=beauty] .home-gallery{order:1;padding-block:40px 80px}
body[data-public-page=home][data-template=beauty] .section-heading h2{font:400 clamp(36px,5vw,64px)/1.1 Georgia,serif}
body[data-public-page=home][data-template=beauty] .gallery-grid{display:grid;grid-template-columns:1fr 1.45fr 1fr;gap:25px;align-items:center}
body[data-public-page=home][data-template=beauty] .gallery-grid figure{border-radius:0;background:transparent}
body[data-public-page=home][data-template=beauty] .gallery-grid figure:nth-child(2){grid-row:span 2}
body[data-public-page=home][data-template=beauty] .gallery-grid figure:nth-child(2) img{height:500px;border-radius:150px 150px 0 0}
body[data-public-page=home][data-template=beauty] .gallery-grid img{height:230px}
body[data-public-page=home][data-template=beauty] .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
body[data-public-page=home][data-template=beauty] .offer-card{border:0;border-top:1px solid var(--design-line);border-radius:0;background:transparent;box-shadow:none;padding:30px 5px;text-align:center}
body[data-public-page=home][data-template=beauty] .offer-card h3{font:400 27px Georgia,serif}
body[data-public-page=home][data-template=beauty] .offer-icon{background:transparent}
body[data-public-page=home][data-template=beauty] .contact{flex-direction:column;text-align:center;padding:100px 8vw;background:var(--design-surface);color:var(--design-ink)}
body[data-public-page=home][data-template=beauty] .contact h2{font:400 clamp(40px,5vw,70px)/1.08 Georgia,serif;max-width:800px}
body[data-public-page=home][data-template=beauty] .contact .button{background:var(--accent);color:#fff}

/* Booking layouts follow the same composition without affecting embed styles. */
body[data-public-page=booking]:not(.planivo-embed-mode)[data-template=multipurpose-two] .layout{display:flex;flex-direction:column;align-items:center}
body[data-public-page=booking]:not(.planivo-embed-mode)[data-template=multipurpose-two] .intro{position:static;text-align:center;max-width:760px}
body[data-public-page=booking]:not(.planivo-embed-mode)[data-template=multipurpose-two] .intro :is(p,.location){margin-inline:auto}
body[data-public-page=booking]:not(.planivo-embed-mode)[data-template=multipurpose-two] .steps{display:flex;justify-content:center;flex-wrap:wrap}
body[data-public-page=booking]:not(.planivo-embed-mode)[data-template=multipurpose-two] .booking-card{width:min(760px,100%)}
body[data-public-page=booking]:not(.planivo-embed-mode)[data-template=barber] .layout{gap:0;grid-template-columns:1fr 1.2fr}
body[data-public-page=booking]:not(.planivo-embed-mode)[data-template=barber] .intro{padding:35px;background:#222;color:#fff;position:static;align-self:stretch}
body[data-public-page=booking]:not(.planivo-embed-mode)[data-template=barber] .intro :is(h1,p,.step){color:#fff}
body[data-public-page=booking]:not(.planivo-embed-mode)[data-template=agency] .layout{grid-template-columns:1.2fr 1fr}
body[data-public-page=booking]:not(.planivo-embed-mode)[data-template=agency] .booking-card{order:-1;border-top:4px solid var(--accent)}
body[data-public-page=booking]:not(.planivo-embed-mode)[data-template=medical] .layout{grid-template-columns:.7fr 1.3fr;gap:30px}
body[data-public-page=booking]:not(.planivo-embed-mode)[data-template=medical] .intro{padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--white)}
body[data-public-page=booking]:not(.planivo-embed-mode)[data-template=beauty] .layout{grid-template-columns:1fr 1fr;gap:55px}
body[data-public-page=booking]:not(.planivo-embed-mode)[data-template=beauty] .intro{text-align:center}
body[data-public-page=booking]:not(.planivo-embed-mode)[data-template=beauty] .intro h1{font:400 48px/1.1 Georgia,serif}
body[data-public-page=booking]:not(.planivo-embed-mode)[data-template=beauty] .intro :is(.location,p){margin-inline:auto}

@media(max-width:1100px){
 body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=agency] .public-header{width:210px}
 body[data-public-page=home][data-template=agency] :is(.template-home,footer){margin-left:210px}
 body[data-public-page=home][data-template=multipurpose-one] .home-services .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=beauty] .public-header-inner{flex-wrap:wrap;justify-content:center}
 body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=beauty] .public-nav{order:3;width:100%;margin:0}
}
@media(max-width:800px){
 body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=beauty] .public-nav{justify-content:flex-start}
 body[data-public-page=home] .template-home>.hero{grid-template-columns:1fr;padding:40px 24px;min-height:0;gap:30px}
 body[data-public-page=home][data-template=multipurpose-one] .hero{width:calc(100% - 28px);padding:30px 22px;border-radius:22px}
 body[data-public-page=home][data-template=multipurpose-one] .hero-image{height:300px}
 body[data-public-page=home][data-template=multipurpose-one] .contact{width:calc(100% - 28px);padding:30px}
 body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=multipurpose-two] .public-header-inner{padding:18px 16px}
 body[data-public-page=home][data-template=multipurpose-two] .hero-image{height:300px}
 body[data-public-page=home][data-template=multipurpose-two] .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-public-page=home][data-template=barber] .template-home>.hero{padding:70px 25px;min-height:540px}
 body[data-public-page=home][data-template=barber] .home-services{display:block}
 body[data-public-page=home][data-template=barber] .home-services .section-heading{margin-bottom:25px}
 body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=agency] .public-header{position:sticky;inset:auto;top:0;width:100%;height:auto;border-right:0}
 body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=agency] .public-header-inner{height:auto;flex-direction:row;flex-wrap:wrap;padding:15px;gap:12px;align-items:center}
 body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=agency] .public-nav{flex-direction:row;order:3;width:100%;overflow:auto;gap:18px}
 body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=agency] .public-actions{margin:0 0 0 auto}
 body[data-public-page=home][data-template=agency] :is(.template-home,footer){margin-left:0}
 body[data-public-page=home][data-template=medical] .hero-copy{padding:24px}
 body[data-public-page=home][data-template=medical] .hero-image{height:340px}
 body[data-public-page=home][data-template=medical] .home-services{margin:0;padding-top:35px}
 body[data-public-page=home][data-template=medical] .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-public-page=home][data-template=beauty] .hero-image{height:380px;max-width:500px;width:100%;margin:auto}
 body[data-public-page=home][data-template=beauty] .gallery-grid{grid-template-columns:1fr 1fr;gap:15px}
 body[data-public-page=home][data-template=beauty] .gallery-grid figure:nth-child(2){grid-row:auto}
 body[data-public-page=home][data-template=beauty] .gallery-grid figure:nth-child(2) img{height:230px}
 body[data-public-page=home][data-template=beauty] .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-public-page=booking]:not(.planivo-embed-mode) .layout{display:grid;grid-template-columns:1fr!important;gap:25px!important}
 body[data-public-page=booking]:not(.planivo-embed-mode)[data-template=agency] .booking-card{order:0}
}
@media(max-width:520px){
 body[data-public-page=home] .template-home .cards{grid-template-columns:1fr!important}
 body[data-public-page=home][data-template=medical] .home-services .offer-card:first-child{grid-column:auto}
 body[data-public-page=home][data-template=beauty] .gallery-grid{grid-template-columns:1fr}
 body[data-public-page=home][data-template=beauty] .gallery-grid figure:nth-child(2) img{height:330px}
 body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=multipurpose-two] .public-brand{font-size:24px}
 body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=agency] .public-brand{font-size:14px}
 body[data-public-page=home] .contact{padding:40px 22px!important}
}
/* Keep the selected design consistent on the public studio subpages. */
body[data-public-studio=true]:not(.planivo-embed-mode){--design-bg:#f5f7fa;--design-surface:#fff;--design-ink:#172a36;--design-muted:#5b6b74;--design-line:#dfe5e9}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=multipurpose-two]{--design-bg:#f3f0e9;--design-ink:#272b28;--design-muted:#6a6a60;--design-line:#d8d6cc}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=barber]{--design-bg:#e9e2d6;--design-surface:#f4ede2;--design-ink:#26241e;--design-muted:#625b50;--design-line:#c7beb0}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=agency]{--design-bg:#eef0f2;--design-ink:#202c3a;--design-muted:#667180;--design-line:#d5dce2}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=medical]{--design-bg:#f0f7f8;--design-ink:#153d48;--design-muted:#526f76;--design-line:#d5e5e9}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=beauty]{--design-bg:#f7efe9;--design-surface:#fffaf6;--design-ink:#45392f;--design-muted:#87776b;--design-line:#e4d5c9}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-theme=dark]{--design-bg:#141923;--design-surface:#202733;--design-ink:#f4f5f7;--design-muted:#b4c0ca;--design-line:#ffffff25}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=barber][data-theme=dark]{--design-bg:#161616;--design-surface:#222;--design-ink:#f5eee2;--design-muted:#b6aea3}
body[data-public-studio=true]:not(.planivo-embed-mode)[data-template=beauty][data-theme=dark]{--design-bg:#29201e;--design-surface:#392d28;--design-ink:#f8e9df;--design-muted:#c6afa0}
body[data-public-studio=true]:not(.planivo-embed-mode):not([data-public-page=home]){--paper:var(--design-bg);--white:var(--design-surface);background:var(--design-bg)}
body[data-public-studio=true]:not(.planivo-embed-mode):not([data-public-page=home])[data-template=agency]>main{margin-left:245px;width:calc(100% - 245px);max-width:none;padding-inline:clamp(22px,4vw,64px)}
body[data-public-studio=true]:not(.planivo-embed-mode):not([data-public-page=home])[data-template=agency]>footer{margin-left:245px}
@media(max-width:1100px){body[data-public-studio=true]:not(.planivo-embed-mode):not([data-public-page=home])[data-template=agency]>main{margin-left:210px;width:calc(100% - 210px)}body[data-public-studio=true]:not(.planivo-embed-mode):not([data-public-page=home])[data-template=agency]>footer{margin-left:210px}body[data-public-page=booking]:not(.planivo-embed-mode)[data-template=agency] .layout{grid-template-columns:1fr}.public-brand img{max-width:100%}}
@media(max-width:800px){body[data-public-studio=true]:not(.planivo-embed-mode):not([data-public-page=home])[data-template=agency]>main{margin-left:0;width:100%}body[data-public-studio=true]:not(.planivo-embed-mode):not([data-public-page=home])[data-template=agency]>footer{margin-left:0}}