/* Cobara Web Studio V28.6 — Full-bleed premium section backgrounds and unified identity.
   Opt-in through existing premium variant classes. No schema changes. */
.cs-site:has(.cs-section[class*="cs-variant-pro-"]){overflow-x:clip}
.cs-site .cs-section[class*="cs-variant-pro-"]{
  max-width:none!important;
  width:100%;
  margin-inline:0!important;
  padding-inline:max(22px,calc((100% - 1200px)/2))!important;
}
.cs-site .cs-section[class*="cs-variant-pro-"]>.cs-elements,
.cs-site .cs-section[class*="cs-variant-pro-"]>.cs-split,
.cs-site .cs-section[class*="cs-variant-pro-"]>.cs-cards{
  max-width:1200px;
  margin-inline:auto;
}
/* A premium commerce site uses a single forest green identity. */
.cs-site:has(.cs-variant-pro-commerce-hero){
 --cs-primary:#245640!important;
 --cs-bg:#eaf0e8!important;
 --cs-ink:#182c25!important;
 --c28-brand:#245640;
 --c28-brand-text:#ffffff;
}
/* Corporate/service pages remain navy + gold throughout. */
.cs-site:not(:has(.cs-variant-pro-commerce-hero)):has(.cs-variant-pro-services-split){
 --cs-primary:#c99239!important;
 --cs-bg:#eff3f8!important;
 --cs-ink:#172235!important;
 --c28-brand:#172235;
 --c28-brand-text:#ffffff;
}
/* Beauty uses its own palette if neither commerce nor professional services is selected. */
.cs-site:not(:has(.cs-variant-pro-commerce-hero)):not(:has(.cs-variant-pro-services-split)):has(.cs-variant-pro-beauty-editorial){
 --cs-primary:#79505d!important;
 --cs-bg:#faf1ee!important;
 --cs-ink:#483a3b!important;
 --c28-brand:#79505d;
 --c28-brand-text:#ffffff;
}
.cs-site:has(.cs-section[class*="cs-variant-pro-"]) .cs-header,
.cs-site:has(.cs-section[class*="cs-variant-pro-"]) .cs-footer{
 background:var(--c28-brand,var(--cs-ink))!important;
 color:var(--c28-brand-text,#ffffff)!important;
}
.cs-site:has(.cs-section[class*="cs-variant-pro-"]) .cs-header a,
.cs-site:has(.cs-section[class*="cs-variant-pro-"]) .cs-footer a{color:inherit!important}
/* Consistent buttons unless they belong to a dark section with explicitly different contrast. */
.cs-site:has(.cs-variant-pro-commerce-hero) .cs-section[class*="cs-variant-pro-"] .cs-button{
 background:#245640!important;color:#fff!important;border-radius:9px!important;
}
.cs-site:not(:has(.cs-variant-pro-commerce-hero)):has(.cs-variant-pro-services-split) .cs-section[class*="cs-variant-pro-"] .cs-button{
 background:#c99239!important;color:#172235!important;border-radius:9px!important;
}
.cs-site:not(:has(.cs-variant-pro-commerce-hero)):not(:has(.cs-variant-pro-services-split)):has(.cs-variant-pro-beauty-editorial) .cs-section[class*="cs-variant-pro-"] .cs-button{
 background:#79505d!important;color:#fff!important;border-radius:9px!important;
}
@media(max-width:760px){
 .cs-site .cs-section[class*="cs-variant-pro-"]{
   padding-inline:clamp(16px,5vw,28px)!important;
 }
}