/* LUXURY COLLECTION — category compositions, illuminated surfaces, editable tokens. */
html[data-category]{--wrap:1280px;--gutter:clamp(22px,4.8vw,76px);--section:clamp(88px,10vw,154px);--r-lg:4px;--r-btn:2px;--display-leading:1.03;--lux-glow:10%;--lux-card-glow:4%;--lux-halo:4%;--lux-beam:2%;--lux-streak:3%;--lux-angle:128deg;--lux-x:83%;--lux-y:8%;background:var(--bg)}
html[data-tone="light"]{--lux-glow:3%;--lux-card-glow:2%;--lux-halo:1%;--lux-beam:.5%;--lux-streak:1%}
html[data-category] body{position:relative;isolation:isolate;background:var(--bg);font-size:clamp(1rem,.94rem + .16vw,1.08rem);line-height:1.8}
html[data-category] body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 72% 68% at var(--lux-x) var(--lux-y),color-mix(in srgb,var(--accent) var(--lux-glow),transparent),transparent 76%),radial-gradient(ellipse 62% 64% at 2% 95%,color-mix(in srgb,var(--link) var(--lux-halo),transparent),transparent 78%),var(--bg)}
html[data-category] body::after{content:"";position:absolute;inset:0 0 auto;height:min(1300px,150svh);z-index:-1;pointer-events:none;background:linear-gradient(var(--lux-angle),transparent 18%,color-mix(in srgb,var(--heading) var(--lux-beam),transparent) 43%,transparent 43.4%,transparent 56%,color-mix(in srgb,var(--accent) var(--lux-streak),transparent) 56.2%,transparent 82%);mask-image:linear-gradient(#000,transparent)}
html[data-category] main>section{position:relative;background-color:transparent}
html[data-category] main>section.v-contrast:not(.b-hero){background:radial-gradient(ellipse 68% 80% at 82% 50%,color-mix(in srgb,var(--accent) 4%,transparent),transparent 80%);border:0}
html[data-category] h1,html[data-category] h2,html[data-category] h3{font-weight:var(--display-weight,400);text-wrap:balance}
html[data-category] h1{letter-spacing:-.057em;line-height:var(--display-leading);max-width:13ch}
html[data-category] h2{font-size:clamp(2.45rem,1.75rem + 2.5vw,4.4rem);line-height:1.1;letter-spacing:-.045em}
html[data-category] h3{font-size:clamp(1.45rem,1.2rem + .55vw,1.9rem);letter-spacing:-.025em;line-height:1.3}
html[data-category] .hl{font-weight:inherit;text-shadow:0 0 34px color-mix(in srgb,var(--accent) 10%,transparent)}
html[data-category] .eyebrow{font:500 .62rem/1.7 var(--font-brand);letter-spacing:.23em;gap:18px;margin-bottom:25px;color:var(--link)}
html[data-category] .eyebrow::before{width:37px;height:1px;background:linear-gradient(90deg,transparent,currentColor);opacity:.8}
html[data-category] .section-head{margin-bottom:clamp(35px,5vw,68px);max-width:65rem}
html[data-category] .section-head .intro,html[data-category] .prose p{line-height:1.9}
html[data-category] .section-head .intro{font-size:1rem;max-width:51ch}
html[data-category] .site-header,html[data-category] body:has(>.crumbs) .site-header{position:relative;z-index:50;background:transparent;border-bottom:1px solid color-mix(in srgb,var(--heading) 10%,transparent);backdrop-filter:none}
html[data-category] body:has(main>.b-hero.is-full:first-child) .site-header{position:absolute;inset:0 0 auto;background:transparent}
html[data-category] body:has(>.crumbs):has(main>.b-hero.is-full:first-child) .site-header{position:relative;background:transparent}
html[data-category] .header-row{min-height:92px;gap:26px}
html[data-category] .brand{gap:13px}
html[data-category] .brand-mark{width:42px;height:42px;border-radius:50%;border:1px solid color-mix(in srgb,var(--heading) 23%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--heading) 5%,transparent),transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--heading) 12%,transparent);color:var(--heading)}
html[data-category] .site-header .brand-name{font-size:1.15rem;letter-spacing:.065em;font-weight:500}
html[data-brand="serif-caps"] .site-header .brand-name{font-family:var(--font-display);font-size:1.55rem;letter-spacing:.12em}
html[data-category] .brand-tag{font-size:.52rem;letter-spacing:.14em;line-height:1.55;max-width:38ch;font-weight:400;margin-top:8px;color:var(--muted)}
html[data-category] .nav-desktop ul{gap:clamp(18px,2vw,31px)}
html[data-category] .nav-desktop a{font-size:.7rem;font-weight:500;letter-spacing:.025em;color:var(--text)}
html[data-category] .nav-desktop a[aria-current="page"]{color:var(--link);box-shadow:inset 0 -1px currentColor}
html[data-category] .btn{min-height:52px;padding:0 27px;font:500 .72rem/1.2 var(--font-brand);letter-spacing:.025em;border-radius:var(--r-btn);gap:22px;transition:transform .25s,border-color .25s,box-shadow .25s;background-clip:padding-box}
html[data-category] .btn-primary{background:linear-gradient(180deg,color-mix(in srgb,var(--heading) 8%,transparent),transparent 35%),var(--accent);color:var(--on-accent);border:1px solid var(--accent);box-shadow:inset 0 1px color-mix(in srgb,var(--heading) 24%,transparent),0 9px 35px -15px color-mix(in srgb,var(--accent) 36%,transparent)}
html[data-category] .btn-primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px color-mix(in srgb,var(--heading) 30%,transparent),0 12px 35px -12px color-mix(in srgb,var(--accent) 45%,transparent)}
html[data-category] .btn-ghost{color:var(--text);border-color:color-mix(in srgb,var(--heading) 28%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--heading) 3%,transparent),transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--heading) 7%,transparent)}
html[data-category] .header-cta{min-height:42px;font-size:.62rem;padding-inline:19px;gap:17px;box-shadow:none}
html[data-category][data-btn="mare"] .btn{font-size:1.2rem;font-weight:700;letter-spacing:0}
html[data-category] .hero-text{position:relative;z-index:2}
html[data-category] .b-hero.v-chenar{padding-block:clamp(42px,6vw,92px) clamp(50px,7vw,110px)}
html[data-category] .b-hero.v-chenar .hero-grid{gap:clamp(45px,7vw,105px);align-items:center}
html[data-category] .b-hero.v-chenar h1{font-size:clamp(3.1rem,5.7vw,6.2rem);margin-bottom:27px}
html[data-category] .b-hero .lead,html[data-category] .b-hero.is-full .lead{font-size:clamp(1rem,.94rem + .2vw,1.12rem);line-height:1.85;max-width:41ch;color:var(--muted);opacity:1}
html[data-category] .b-hero .actions{gap:13px;margin-top:31px}
html[data-category] .b-hero .hero-note{font-size:.68rem;line-height:1.8;max-width:50ch;margin-top:21px;color:var(--muted)}
html[data-category] .hero-media.framed{isolation:isolate;position:relative;background:none;border:0;padding:0;box-shadow:none;margin:0}
html[data-category] .hero-media.framed::before{content:"";position:absolute;z-index:-1;inset:8% -9% -9% 8%;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%);filter:blur(27px);pointer-events:none}
html[data-category] .hero-media.framed img{border-radius:var(--hero-radius,3px);width:100%;height:auto;aspect-ratio:4/4.7;object-fit:cover;box-shadow:0 40px 100px -58px #0009}
html[data-category] .hero-media.framed::after{content:"";position:absolute;pointer-events:none;inset:0;border:1px solid color-mix(in srgb,var(--heading) 14%,transparent);background:linear-gradient(128deg,color-mix(in srgb,var(--heading) 9%,transparent),transparent 32%,transparent 78%,color-mix(in srgb,var(--accent) 6%,transparent));border-radius:inherit}
html[data-category] .hero-badge{background:color-mix(in srgb,var(--bg) 94%,transparent);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);backdrop-filter:blur(15px);box-shadow:0 16px 35px -25px #0008;color:var(--text);font-size:.65rem;font-weight:500;border-radius:var(--r-btn)}
html[data-category] .b-hero.v-centrat{padding-block:clamp(60px,7vw,110px)}
html[data-category] .b-hero.v-centrat h1{font-size:clamp(2.8rem,5vw,5.2rem);max-width:20ch}
html[data-category] .b-hero.v-centrat .lead{max-width:60ch}
html[data-category] .crumbs{font-size:.7rem;letter-spacing:.025em}
html[data-category] .crumbs ol{padding-top:24px}
html[data-category] .b-hero+.b-highlights{background:transparent;border:0;position:relative;padding:30px 0 38px;min-height:0}
html[data-category] .b-hero+.b-highlights::before,html[data-category] .b-hero+.b-highlights::after{content:"";position:absolute;left:var(--gutter);right:var(--gutter);height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 25%,transparent),transparent)}
html[data-category] .b-hero+.b-highlights::before{top:0}html[data-category] .b-hero+.b-highlights::after{bottom:0}
html[data-category] .b-hero+.b-highlights .adv-text{font-size:.7rem;font-weight:400;letter-spacing:.035em;color:var(--muted)}
html[data-category] .b-hero+.b-highlights .adv-list li{gap:14px;border:0;color:var(--link)}
html[data-category] .b-highlights .ico{width:24px;height:24px;stroke-width:1.3}
html[data-category] .b-hero+.b-highlights+section{padding-top:var(--section)}
html[data-category] .card{background:none;border:0;padding:0 0 25px;box-shadow:none;border-radius:0;min-width:0}
html[data-category] .card h3 a{color:var(--heading)}
html[data-category] .card img{max-width:100%;width:100%;margin:0 0 27px;border-radius:var(--r-lg);aspect-ratio:4/3;object-fit:cover}
html[data-category] .card .chips{margin-block:14px}
html[data-category] .card p{font-size:.94rem;line-height:1.85;color:var(--muted)}
html[data-category] .card h3 a::before{font-size:1.2rem;margin-top:7px}
html[data-category] .card:hover{box-shadow:none;transform:translateY(-4px)}
html[data-category] .chips li{padding:0 10px 0 0;font-size:.6rem;letter-spacing:.09em;line-height:1.8;color:var(--link);background:none;border:0;border-radius:0}
html[data-category] .media.framed{padding:0;border:0;box-shadow:none;background:none}
html[data-category] .media-grid{gap:clamp(42px,8vw,120px)}
html[data-category] .media-grid .media img{aspect-ratio:4/4.5;border-radius:var(--r-lg);box-shadow:0 40px 85px -55px #0008}
html[data-category] .media-grid .prose h2{max-width:17ch}
html[data-category] .steps{gap:clamp(25px,4vw,60px)}
html[data-category] .steps li{border-top:1px solid color-mix(in srgb,var(--accent) 25%,transparent);padding-top:30px}
html[data-category] .steps li::before{font:400 clamp(2.8rem,4vw,4.5rem)/1 var(--font-display);color:var(--link);opacity:.8;margin-bottom:27px}
html[data-category] .steps p{font-size:.94rem;line-height:1.85;color:var(--muted)}
html[data-category] .plan{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) var(--lux-card-glow),var(--surface)),var(--surface) 58%);border:1px solid color-mix(in srgb,var(--heading) 12%,transparent);border-radius:var(--r-lg);box-shadow:inset 0 1px color-mix(in srgb,var(--heading) 6%,transparent);padding:38px 30px}
html[data-category] .plan.is-featured{border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:linear-gradient(155deg,color-mix(in srgb,var(--accent) var(--lux-card-glow),var(--raised)),var(--surface) 80%);box-shadow:0 25px 70px -50px var(--accent)}
html[data-category] .plan-price{font-size:3.3rem;font-weight:var(--display-weight);letter-spacing:-.055em}
html[data-category] .plan-badge{font-size:.58rem;border-radius:2px;letter-spacing:.12em}
html[data-category] .person-photo{border-radius:var(--r-lg)}
html[data-category] .person-photo.is-empty{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) var(--lux-card-glow),var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--accent) 23%,transparent);border-radius:50%}
html[data-category] .person-initials{font-weight:var(--display-weight)}
html[data-category] .person-role{font-size:.6rem;letter-spacing:.11em}
html[data-category] .person-bio{font-size:.92rem;line-height:1.85}
html[data-category] .review{position:relative;padding:35px;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) var(--lux-card-glow),var(--surface)),var(--surface) 60%);border:1px solid color-mix(in srgb,var(--heading) 12%,transparent);border-radius:var(--r-lg);box-shadow:inset 0 1px color-mix(in srgb,var(--heading) 6%,transparent)}
html[data-category] .review blockquote{font-family:var(--font-display);font-size:1.5rem;line-height:1.55;font-weight:var(--display-weight);letter-spacing:-.02em}
html[data-category] .review figcaption{border-color:color-mix(in srgb,var(--heading) 12%,transparent)}
html[data-category] .b-faq summary{font-size:1rem;font-weight:500;padding-block:26px}
html[data-category] .b-faq details{border-color:color-mix(in srgb,var(--heading) 14%,transparent)}
html[data-category] .b-faq summary::after{border-color:color-mix(in srgb,var(--heading) 18%,transparent);width:30px;height:30px}
html[data-category] .b-cta .cta-box,html[data-category] .b-cta.v-accent .cta-box{background:radial-gradient(ellipse at 85% 0,color-mix(in srgb,var(--accent) var(--lux-glow),transparent),transparent 72%),linear-gradient(130deg,var(--surface),color-mix(in srgb,var(--surface) 30%,var(--bg)));border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);border-radius:var(--r-lg);box-shadow:inset 0 1px color-mix(in srgb,var(--heading) 10%,transparent),0 40px 100px -70px var(--accent);padding:clamp(35px,6vw,82px)}
html[data-category] .b-cta .cta-box::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 40%,color-mix(in srgb,var(--heading) 3%,transparent) 49%,transparent 49.3%);mask-image:linear-gradient(#000,transparent)}
html[data-category] .b-cta.v-accent .cta-box :is(h2,p){color:var(--heading)}
html[data-category] .b-cta.v-accent .cta-box .eyebrow,html[data-category] .b-cta.v-accent .cta-box .hl{color:var(--link)}
html[data-category] .b-cta.v-accent .hl{text-decoration:none}
html[data-category] .b-cta.v-accent .btn-primary{background:var(--accent);color:var(--on-accent)}
html[data-category] .b-cta.v-accent .btn-ghost{color:var(--text);border-color:color-mix(in srgb,var(--heading) 28%,transparent)}
html[data-category] .site-footer{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bg) 92%,#000));border:0;position:relative;padding-block:80px 35px;--foot-text:var(--text);--foot-muted:var(--muted);--foot-accent:var(--link);--foot-line:var(--line)}
html[data-category] .site-footer::before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 25%,transparent),transparent)}
html[data-tone="light"] .site-footer{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 3%,var(--bg)))}
html[data-category] .site-footer .fh{font:500 .59rem/1.6 var(--font-brand);letter-spacing:.17em;color:var(--link)}
html[data-category] .site-footer p,html[data-category] .site-footer li{font-size:.8rem;line-height:1.9}
html[data-category] .site-footer .brand-name{color:var(--heading)}
html[data-category] :focus-visible{outline:2px solid var(--link);outline-offset:5px}
/* I. ATELIER / PROFESSIONAL — asymmetric editorial spreads and architectural frames. */
html[data-category="general"]{--lux-x:97%;--lux-y:13%;--lux-angle:114deg;--hero-radius:2px;--r-lg:2px}
html[data-category="general"] .b-hero.v-chenar .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.98fr)}
html[data-category="general"] .b-hero.v-chenar .hero-media{margin:5px 0 0 20px}
html[data-category="general"] .b-hero.v-chenar .hero-media::after{inset:18px -18px -18px 18px;border-color:color-mix(in srgb,var(--accent) 34%,transparent);background:none;z-index:-1}
html[data-category="general"] .b-hero.v-chenar .hero-media img{aspect-ratio:4/4.9;mask-image:linear-gradient(#000 85%,#000c)}
html[data-category="general"] .b-cards:not(.cols-randuri) .card-grid{gap:52px 38px}
html[data-category="general"] .b-cards:not(.cols-randuri) .card{padding-bottom:25px;border-bottom:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}
html[data-category="general"] .b-cards:not(.cols-randuri) .card img{aspect-ratio:4/4.5}
html[data-category="general"] .b-cards.cols-2 .card:nth-child(even){margin-top:100px}
html[data-category="general"] .media-grid .media{position:relative}
html[data-category="general"] .media-grid .media::before{content:"";position:absolute;inset:20px 20px -20px -20px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);z-index:-1}
html[data-category="general"] .media-grid .prose{padding-block:30px}
html[data-preset="tehnologic"] .hero-media img{border-radius:10px;box-shadow:0 0 100px -60px var(--accent)}
/* II. RESTAURANT — cinematic photography, menu typography, warm metallic light. */
html[data-category="restaurant"]{--lux-x:12%;--lux-y:14%;--lux-angle:155deg;--r-btn:0;--r-lg:2px}
html[data-category="restaurant"] .brand-mark{display:none}
html[data-category="restaurant"] .site-header .brand-name{font-family:var(--font-display);font-weight:400;font-size:1.6rem;letter-spacing:.16em}
html[data-category="restaurant"] .brand-tag{font-size:.5rem;letter-spacing:.22em}
html[data-category="restaurant"] main>.b-hero.is-full:first-child,html[data-category="restaurant"] main>.b-hero.is-full:first-child:has(+.b-highlights){min-height:clamp(640px,88svh,910px);padding-block:calc(var(--header-h) + 72px) 100px}
html[data-category="restaurant"] .b-hero.is-full .hero-text{max-width:50rem}
html[data-category="restaurant"] .b-hero.is-full :is(h1,h2){font-size:clamp(3.9rem,7.4vw,8.2rem);line-height:.98;max-width:12ch;font-weight:400;letter-spacing:-.055em}
html[data-category="restaurant"] .b-hero.is-full .hero-media img{object-position:65% 50%;mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}
html[data-category="restaurant"] .b-hero.is-full .hero-media::after{background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 92%,transparent) 36%,color-mix(in srgb,var(--bg) 88%,transparent) 48%,color-mix(in srgb,var(--bg) 18%,transparent) 100%),linear-gradient(0deg,var(--bg),transparent 45%),linear-gradient(180deg,color-mix(in srgb,var(--bg) 96%,transparent),color-mix(in srgb,var(--bg) 88%,transparent) 100px,transparent 240px)}
html[data-category="restaurant"] .b-hero.is-full .lead{max-width:38ch;color:var(--text)}
html[data-category="restaurant"] .b-hero+.b-highlights .adv-list li{flex-direction:column;text-align:center}
html[data-category="restaurant"] .b-hero+.b-highlights .adv-text{font-size:.65rem;text-transform:uppercase;letter-spacing:.13em}
html[data-category="restaurant"] .section-head{text-align:center;margin-inline:auto;max-width:55rem}
html[data-category="restaurant"] .section-head h2{max-width:22ch;margin-inline:auto}
html[data-category="restaurant"] .section-head .eyebrow{justify-content:center}
html[data-category="restaurant"] .section-head .eyebrow::after{content:"";width:37px;height:1px;background:linear-gradient(90deg,currentColor,transparent)}
html[data-category="restaurant"] .section-head .intro{margin-inline:auto}
html[data-category="restaurant"] .card-grid{gap:38px}
html[data-category="restaurant"] .card{border-bottom:1px solid color-mix(in srgb,var(--accent) 28%,transparent);padding-bottom:32px;text-align:center}
html[data-category="restaurant"] .card img{aspect-ratio:4/4.8;border-radius:160px 160px 2px 2px;margin-bottom:27px}
html[data-category="restaurant"] .card:nth-child(even) img{border-radius:2px}
html[data-category="restaurant"] .card .chips{justify-content:center}
html[data-category="restaurant"] .card h3 a::before{display:none}
html[data-category="restaurant"] .media-grid .media img{aspect-ratio:4/5;border-radius:180px 180px 2px 2px}
html[data-category="restaurant"] .menu-nav ul{justify-content:center;gap:5px}
html[data-category="restaurant"] .menu-nav a{background:transparent;border:0;border-bottom:1px solid color-mix(in srgb,var(--accent) 32%,transparent);padding:14px 20px;border-radius:0;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}
html[data-category="restaurant"] .menu-section{padding:34px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 3%,var(--surface)),transparent)}
html[data-category="restaurant"] .menu-section h2{font-size:2.1rem;letter-spacing:.025em;text-align:center;border-color:color-mix(in srgb,var(--accent) 22%,transparent);padding-bottom:25px}
html[data-category="restaurant"] .menu-item h3{font-size:1.25rem;letter-spacing:0}
html[data-category="restaurant"] .menu-price{font-family:var(--font-display);font-size:1.35rem;color:var(--link)}
html[data-category="restaurant"] .b-cta .cta-box{grid-template-columns:1fr;text-align:center;justify-items:center}
html[data-category="restaurant"] .b-cta .cta-box h2{margin-inline:auto}
/* III. MEDICAL — pearl / emerald glass, sculpted imagery and reassuring space. */
html[data-category="clinica"]{--lux-x:86%;--lux-y:23%;--lux-angle:141deg;--r-lg:24px;--r-btn:999px;--hero-radius:230px 230px 24px 24px}
html[data-category="clinica"] .b-hero.v-chenar .hero-grid{grid-template-columns:minmax(0,1.07fr) minmax(0,.87fr);gap:clamp(50px,7vw,110px)}
html[data-category="clinica"] .b-hero.v-chenar h1{font-size:clamp(3.5rem,5.7vw,6.2rem);max-width:12ch;letter-spacing:-.05em}
html[data-category="clinica"] .b-hero.v-chenar .hero-media{border-radius:var(--hero-radius);position:relative}
html[data-category="clinica"] .b-hero.v-chenar .hero-media img{border-radius:var(--hero-radius);aspect-ratio:4/5;object-position:61% 50%}
html[data-category="clinica"] .b-hero.v-chenar .hero-media::after{border-radius:var(--hero-radius);inset:-13px 15px 13px -13px;border-color:color-mix(in srgb,var(--accent) 23%,transparent);background:none;z-index:-1}
html[data-category="clinica"] .hero-badge{border-radius:18px;padding:15px 20px;font-size:.68rem}
html[data-category="clinica"] .b-hero+.b-highlights .adv-list{gap:20px}
html[data-category="clinica"] .b-hero+.b-highlights .adv-list li{padding:18px 20px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) var(--lux-card-glow),var(--surface)),color-mix(in srgb,var(--surface) 85%,transparent));border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);border-radius:16px;justify-content:flex-start}
html[data-category="clinica"] .b-hero+.b-highlights .adv-list li p{text-align:left}
html[data-category="clinica"] .card-grid{gap:20px}
html[data-category="clinica"] .card{position:relative;padding:15px 15px 31px;border:1px solid color-mix(in srgb,var(--accent) 16%,transparent);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) var(--lux-card-glow),var(--surface)),var(--surface) 60%);box-shadow:inset 0 1px color-mix(in srgb,var(--heading) 5%,transparent),0 15px 50px -40px color-mix(in srgb,var(--accent) 35%,transparent)}
html[data-category="clinica"] .card img{aspect-ratio:4/3.2;border-radius:15px;margin-bottom:25px}
html[data-category="clinica"] .card>h3,html[data-category="clinica"] .card>p,html[data-category="clinica"] .card>.chips{margin-inline:15px}
html[data-category="clinica"] .card h3 a::before{width:27px;height:27px;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:50%;display:grid;place-items:center;font-size:.9rem;line-height:1;margin-top:1px}
html[data-category="clinica"] .media-grid .media img{border-radius:200px 200px 24px 24px}
html[data-category="clinica"] .pricelist-table,html[data-category="clinica"] .b-booking .booking-box{border-radius:24px}
html[data-category="clinica"] .b-cta .cta-box{border-radius:30px}
/* IV. SPORT — performance typography, precise grids and chamfered photography. */
html[data-category="sport"]{--lux-x:74%;--lux-y:34%;--lux-angle:119deg;--r-lg:1px;--r-btn:0;--hero-radius:0}
html[data-category="sport"] .site-header .brand-name{font-weight:700;letter-spacing:-.025em;font-size:1.35rem}
html[data-category="sport"] .brand-mark{border-radius:1px;border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--link);background:color-mix(in srgb,var(--accent) 3%,transparent)}
html[data-category="sport"] .b-hero.v-chenar .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:35px}
html[data-category="sport"] .b-hero.v-chenar{padding-top:clamp(45px,6vw,90px)}
html[data-category="sport"] .b-hero.v-chenar h1{font-size:clamp(3.2rem,5.5vw,6.2rem);line-height:1.03;text-transform:uppercase;letter-spacing:-.065em;max-width:12ch}
html[data-category="sport"] .b-hero.v-chenar h1 .hl{font-style:normal}
html[data-category="sport"] .b-hero.v-chenar .hero-media img{aspect-ratio:4/5;clip-path:polygon(9% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%);object-position:56% 50%;mask-image:linear-gradient(180deg,#000 70%,#000b)}
html[data-category="sport"] .b-hero.v-chenar .hero-media::after{border:0;background:linear-gradient(126deg,transparent 42%,color-mix(in srgb,var(--accent) 9%,transparent) 68%,transparent);clip-path:polygon(9% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%)}
html[data-category="sport"] .b-hero+.b-highlights .adv-text{text-transform:uppercase;font-size:.63rem;letter-spacing:.11em}
html[data-category="sport"] .section-head h2{text-transform:uppercase;max-width:21ch;letter-spacing:-.055em;font-size:clamp(2.1rem,3.7vw,4rem)}
html[data-category="sport"] .eyebrow::before{width:13px;height:4px;transform:skew(-25deg);background:var(--link)}
html[data-category="sport"] .card-grid{counter-reset:discipline;gap:19px}
html[data-category="sport"] .card{counter-increment:discipline;border:1px solid color-mix(in srgb,var(--heading) 13%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) var(--lux-card-glow),var(--surface)),var(--surface));padding:0 0 25px;overflow:hidden}
html[data-category="sport"] .card::before{content:counter(discipline,decimal-leading-zero);position:absolute;top:15px;left:15px;z-index:1;background:var(--bg);color:var(--link);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);font:500 .65rem/1 var(--font-brand);padding:10px}
html[data-category="sport"] .card img{aspect-ratio:4/4.5;margin:0 0 25px;mask-image:linear-gradient(#000 65%,#000c)}
html[data-category="sport"] .card>h3,html[data-category="sport"] .card>p,html[data-category="sport"] .card>.chips{margin-inline:22px}
html[data-category="sport"] .card h3{font-family:var(--font-brand);font-size:1.12rem;font-weight:700;letter-spacing:-.02em;text-transform:uppercase}
html[data-category="sport"] .plan-price{font-family:var(--font-brand);font-weight:700}
html[data-category="sport"] .plan.is-featured{border-top:3px solid var(--accent)}
html[data-category="sport"] .b-cta .cta-box{border-left:3px solid var(--accent)}
html[data-category="sport"] .schedule{border-radius:0;box-shadow:none}
/* Quiet sport presets keep their actual discipline instead of borrowing gym aggression. */
html[data-preset="yoga"]{--hero-radius:230px 230px 2px 2px;--r-btn:999px;--r-lg:20px}
html[data-preset="yoga"] .b-hero.v-chenar h1,html[data-preset="yoga"] .section-head h2{text-transform:none;letter-spacing:-.045em;font-weight:400}
html[data-preset="yoga"] .b-hero.v-chenar .hero-media img{clip-path:none;border-radius:var(--hero-radius)}
html[data-preset="yoga"] .card{border-radius:20px}
html[data-preset="outdoor"] .b-hero.v-chenar h1,html[data-preset="outdoor"] .section-head h2{text-transform:none;letter-spacing:-.04em}
/* V. KIT EXPLORER — design-studio masthead, panoramic art direction, gallery rhythm. */
html[data-site-scope="kit"]{--lux-x:50%;--lux-y:10%;--lux-angle:108deg}
html[data-site-scope="kit"] .site-header .brand-mark{border-radius:50%;font-family:var(--font-display);font-size:1.4rem}
html[data-site-scope="kit"] .site-header .brand-name{font-family:var(--font-display);font-weight:400;font-size:1.65rem;text-transform:none;letter-spacing:-.035em}
html[data-site-scope="kit"] main>.b-hero.v-chenar:first-child{padding-top:clamp(52px,6vw,90px);padding-bottom:40px}
html[data-site-scope="kit"] main>.b-hero.v-chenar:first-child .hero-grid{grid-template-columns:1fr;gap:55px;justify-items:center}
html[data-site-scope="kit"] main>.b-hero.v-chenar:first-child .hero-text{max-width:1100px;text-align:center}
html[data-site-scope="kit"] main>.b-hero.v-chenar:first-child .eyebrow{justify-content:center;font-size:.6rem}
html[data-site-scope="kit"] main>.b-hero.v-chenar:first-child h1{font-family:"Kit Serif",Georgia,serif;font-weight:400;font-size:clamp(3.5rem,6.8vw,7.2rem);max-width:20ch;margin-inline:auto;letter-spacing:-.055em;line-height:1.04;text-transform:none}
html[data-site-scope="kit"] main>.b-hero.v-chenar:first-child .hl{font-style:italic;font-weight:400}
html[data-site-scope="kit"] main>.b-hero.v-chenar:first-child .lead{max-width:65ch;margin-inline:auto;font-size:1rem}
html[data-site-scope="kit"] main>.b-hero.v-chenar:first-child .actions{justify-content:center;margin-top:27px}
html[data-site-scope="kit"] main>.b-hero.v-chenar:first-child .hero-note{margin-inline:auto;max-width:70ch;font-size:.62rem;margin-top:18px}
html[data-site-scope="kit"] main>.b-hero.v-chenar:first-child .hero-media{width:100%;max-width:1160px;margin:0;border-radius:5px}
html[data-site-scope="kit"] main>.b-hero.v-chenar:first-child .hero-media img{aspect-ratio:2.55;object-position:50% 62%;border-radius:5px;clip-path:none;mask-image:linear-gradient(#000 65%,#0004 100%)}
html[data-site-scope="kit"] main>.b-hero.v-chenar:first-child .hero-media::after{inset:0;z-index:1;background:linear-gradient(125deg,color-mix(in srgb,var(--heading) 5%,transparent),transparent 35%);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:5px;clip-path:none}
html[data-site-scope="kit"] .b-cards.cols-2 .card-grid{gap:70px 45px}
html[data-site-scope="kit"] .b-cards.cols-2 .card:nth-child(even){margin-top:110px}
html[data-site-scope="kit"] .b-cards.cols-2 .card img{aspect-ratio:1.3;border-radius:4px;clip-path:none;mask-image:none}
html[data-site-scope="kit"] .b-cards.cols-2 .card{background:none;border:0;border-bottom:1px solid color-mix(in srgb,var(--accent) 20%,transparent);padding:0 0 26px;text-align:left}
html[data-site-scope="kit"] .b-cards.cols-2 .card::before{display:none}
html[data-site-scope="kit"] .b-cards.cols-2 .card .chips{justify-content:flex-start}
html[data-site-scope="kit"] .b-cards.cols-2 .card h3{font-family:"Kit Serif",Georgia,serif;font-size:2rem;font-weight:400;text-transform:none}
html[data-site-scope="kit"] .b-cards.cols-2 .card>h3,html[data-site-scope="kit"] .b-cards.cols-2 .card>p,html[data-site-scope="kit"] .b-cards.cols-2 .card>.chips{margin-inline:0}
/* Content containers keep their admin-selected column counts and visibility variants. */
html[data-category] .cols-randuri .card{counter-increment:card;display:grid;grid-template-columns:3.2rem minmax(0,1fr);border:0;border-top:1px solid var(--line);padding:28px 0;background:none;overflow:visible}
html[data-category] .cols-randuri .card::before{content:counter(card,decimal-leading-zero);position:static;background:none;border:0;padding:0;grid-row:1/span 3;color:var(--link);font-size:.8rem}
html[data-category] .cols-randuri .card>h3,html[data-category] .cols-randuri .card>p,html[data-category] .cols-randuri .card>.chips{margin-inline:0}
@media(max-width:1100px){html[data-category] .header-row{gap:18px}html[data-category] .nav-desktop ul{gap:17px}html[data-category] .nav-desktop a{font-size:.66rem}html[data-category] .brand-tag{max-width:30ch}}
@media(max-width:959px){html[data-category] .b-hero.v-chenar .hero-grid{grid-template-columns:1fr;gap:45px}html[data-category] .b-hero.v-chenar .hero-text{max-width:100%}html[data-category] .b-hero.v-chenar h1{font-size:clamp(3.5rem,8vw,5.4rem);max-width:15ch}html[data-category] .hero-media.framed{width:100%;max-width:650px;justify-self:center;margin:0}html[data-category] .hero-media.framed img{aspect-ratio:1.15}html[data-category="general"] .b-hero.v-chenar .hero-media{margin:0;width:calc(100% - 15px)}html[data-category="clinica"] .b-hero.v-chenar .hero-media{max-width:520px}html[data-category="clinica"] .b-hero.v-chenar .hero-media img{aspect-ratio:4/4.5}html[data-category="sport"] .b-hero.v-chenar .hero-media img{aspect-ratio:1.2}html[data-site-scope="kit"] main>.b-hero.v-chenar:first-child .hero-grid{gap:40px}html[data-category] .media-grid .media img{aspect-ratio:1.1}html[data-category="restaurant"] .media-grid .media img{aspect-ratio:1}html[data-category] .brand-tag{display:none}}
@media(max-width:639px){html[data-category]{--gutter:22px;--section:76px}html[data-category] .header-row{min-height:76px;gap:15px}html[data-category] .site-header .brand-name{font-size:1rem}html[data-category="restaurant"] .site-header .brand-name{font-size:1.4rem}html[data-site-scope="kit"] .site-header .brand-name{font-size:1.45rem}html[data-category] .site-header .brand-mark{width:34px;height:34px;font-size:.95rem}html[data-category] .b-hero.v-chenar{padding-block:42px 60px}html[data-category] .b-hero.v-chenar h1{font-size:clamp(3rem,10.5vw,4.3rem);line-height:1.06;max-width:13ch;margin-bottom:25px}html[data-category] .b-hero .lead{font-size:.97rem;line-height:1.85;max-width:100%}html[data-category] .eyebrow{font-size:.53rem;letter-spacing:.16em;gap:12px;margin-bottom:21px}html[data-category] .eyebrow::before{width:25px}html[data-category] .btn{min-height:49px;font-size:.67rem;padding:0 21px;gap:17px}html[data-category] .b-hero .actions{gap:10px;flex-wrap:wrap}html[data-category] .hero-badge{font-size:.58rem;padding:11px 13px;max-width:75%}html[data-category] h2{font-size:2.35rem}html[data-category] .card-grid{gap:32px}html[data-category] .section-head .intro{font-size:.96rem}html[data-category="general"] .b-cards.cols-2 .card:nth-child(even),html[data-site-scope="kit"] .b-cards.cols-2 .card:nth-child(even){margin-top:0}html[data-category="general"] .b-cards:not(.cols-randuri) .card img{aspect-ratio:1.1}html[data-category="restaurant"] main>.b-hero.is-full:first-child,html[data-category="restaurant"] main>.b-hero.is-full:first-child:has(+.b-highlights){min-height:720px;padding-block:145px 90px}html[data-category="restaurant"] .b-hero.is-full :is(h1,h2){font-size:4.1rem;max-width:11ch}html[data-category="restaurant"] .b-hero.is-full .hero-media::after{background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 91%,transparent),color-mix(in srgb,var(--bg) 88%,transparent)),linear-gradient(0deg,var(--bg),transparent 70%)}html[data-category="restaurant"] .card img{aspect-ratio:1.1;max-height:430px}html[data-category="restaurant"] .menu-section{padding:25px 20px}html[data-category="clinica"] .b-hero+.b-highlights .adv-list{gap:10px}html[data-category="clinica"] .b-hero+.b-highlights .adv-list li{padding:14px 10px;gap:8px}html[data-category] .b-hero+.b-highlights .adv-text{font-size:.62rem}html[data-category="clinica"] .b-hero+.b-highlights .adv-text{font-size:.6rem;letter-spacing:0}html[data-category="sport"] .b-hero.v-chenar h1{font-size:clamp(2.8rem,10vw,3.8rem);letter-spacing:-.06em}html[data-category="sport"] .section-head h2{font-size:2.2rem}html[data-category] .media-grid{gap:38px}html[data-category] .media-grid .prose{padding:0}html[data-category] .b-cta .cta-box,html[data-category] .b-cta.v-accent .cta-box{padding:35px 25px}html[data-category] .site-footer{padding-top:55px}html[data-site-scope="kit"] main>.b-hero.v-chenar:first-child{padding-top:45px}html[data-site-scope="kit"] main>.b-hero.v-chenar:first-child h1{font-size:clamp(3.2rem,11vw,4.5rem);max-width:15ch;line-height:1.08}html[data-site-scope="kit"] main>.b-hero.v-chenar:first-child .lead{font-size:.94rem;max-width:40ch}html[data-site-scope="kit"] main>.b-hero.v-chenar:first-child .hero-media img{aspect-ratio:1.4}html[data-site-scope="kit"] .b-cards.cols-2 .card-grid{gap:36px}html[data-site-scope="kit"] .b-cards.cols-2 .card img{aspect-ratio:1.2}html[data-category] .plan{padding:30px 24px}}
@media(prefers-reduced-motion:reduce){html[data-category] *,html[data-category] *::before,html[data-category] *::after{animation:none;transition:none;scroll-behavior:auto}}
html[data-tone="dark"]{color-scheme:dark}html[data-tone="light"]{color-scheme:light}
html[data-category] body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
html[data-category] .kit-bar{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}

/* Homepage collection: one aligned row of four models for each concept. */
html[data-site-scope="kit"] .b-cards.cols-4 .card-grid{gap:32px 24px;align-items:start}
html[data-site-scope="kit"] .b-cards.cols-4 .card{margin-top:0;padding:0 0 24px;background:none;border:0;border-bottom:1px solid color-mix(in srgb,var(--accent) 20%,transparent);text-align:left;min-width:0}
html[data-site-scope="kit"] .b-cards.cols-4 .card::before{display:none}
html[data-site-scope="kit"] .b-cards.cols-4 .card img{aspect-ratio:4/3;object-fit:cover;border-radius:4px;clip-path:none;mask-image:none}
html[data-site-scope="kit"] .b-cards.cols-4 .card h3{font-family:"Kit Serif",Georgia,serif;font-size:clamp(1.3rem,1.8vw,1.8rem);font-weight:400;text-transform:none;line-height:1.2}
html[data-site-scope="kit"] .b-cards.cols-4 .card>h3,html[data-site-scope="kit"] .b-cards.cols-4 .card>p,html[data-site-scope="kit"] .b-cards.cols-4 .card>.chips{margin-inline:0}
html[data-site-scope="kit"] .b-cards.cols-4 .card .chips{justify-content:flex-start;font-size:.65rem}
html[data-site-scope="kit"] .b-cards.cols-4 .card>p{font-size:.9rem;line-height:1.7}
html[data-site-scope="kit"] .b-cards.cols-4+.b-cards.cols-4{padding-top:32px}
@media(min-width:960px){html[data-site-scope="kit"] .b-cards.cols-4 .card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:640px) and (max-width:959px){html[data-site-scope="kit"] .b-cards.cols-4 .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){html[data-site-scope="kit"] .b-cards.cols-4 .card-grid{grid-template-columns:1fr}html[data-site-scope="kit"] .b-cards.cols-4 .card h3{font-size:1.8rem}}