@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@300;400;500;600;700&display=swap');

/* Interstate — fontul oficial din style guide (p.11). Webfonturile woff2 sunt
   self-hostate (preluate de pe tchibo-coffeeservice.de — acelasi brand/client,
   confirmat de Stefan 27.07.2026) si servite prin website_media/fonts. */
@font-face {
  font-family: 'Interstate';
  src: url('/files/website-media/3DH7QEeFoKn8Pkz87/tchibobusiness/fonts/interstate-light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Interstate';
  src: url('/files/website-media/3DH7QEeFoKn8Pkz87/tchibobusiness/fonts/interstate-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interstate';
  src: url('/files/website-media/3DH7QEeFoKn8Pkz87/tchibobusiness/fonts/interstate-medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interstate';
  src: url('/files/website-media/3DH7QEeFoKn8Pkz87/tchibobusiness/fonts/interstate-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
body.theme-tchibo-business,
body.theme-tchibo-business h1, body.theme-tchibo-business h2,
body.theme-tchibo-business h3, body.theme-tchibo-business h4,
body.theme-tchibo-business h5, body.theme-tchibo-business h6,
body.theme-tchibo-business button, body.theme-tchibo-business input,
body.theme-tchibo-business select, body.theme-tchibo-business textarea {
  font-family: 'Interstate', Overpass, Inter, Arial, sans-serif;
}

/* ===========================================================================
   Skin Tchibo Business — conform TCS Style Guide Corporate Website (hmmh, v1.0
   iulie 2026). Livrat prin presets.customCss (inline <style> pe storefront).
   TOATE regulile sunt scoped pe body.theme-tchibo-business si tintesc DOAR
   clasele globale stabile wb-* — nu ating urgentit.eu sau alte site-uri.

   Tokeni oficiali (styleguide p.7-16):
     White #FFFFFF | coffeeGrey #F9F9F9 | coffeeLight #F5EDE5
     Gold Light #EDD38E | Gold Normal #C0A468 | Gold Dark #856D38
     TCS Grey #374148 | Text Dark #21292F | Text Light #64696D
     Offer Red #BF2D2F
     Umbra standard: 0 0 16px 0 rgba(14,31,53,0.16) — fara offset directional
     Radius: 4px inputuri | 8px carduri | 32px paneluri text | FULL butoane
     Tipografie: H1/H2 Light 300, H3/H4 Bold 700; buton 14px ls 0.75px
     Max content: 1504px (pagina 1728px)
   Font: Interstate OT e proprietar — Overpass ramane substitutul aprobat
   intern pana la licentiere (vezi docs/29-tchibo-business-ro-site.md).
   =========================================================================== */

body.theme-tchibo-business {
  --wb-font-body: 'Interstate', Overpass, Inter, Arial, sans-serif;
  --wb-font-heading: 'Interstate', Overpass, Inter, Arial, sans-serif;
  --accent: #C0A468;
  --bg: #F9F9F9;
  --muted: #374148;
  --tcs-white: #FFFFFF;
  --tcs-coffee-grey: #F9F9F9;
  --tcs-coffee-light: #F5EDE5;
  --tcs-gold-light: #EDD38E;
  --tcs-gold: #C0A468;
  --tcs-gold-dark: #856D38;
  --tcs-grey: #374148;
  --tcs-text-dark: #374148;
  --tcs-text-light: #374148;
  --tcs-shadow: 0 0 16px 0 rgba(14, 31, 53, 0.16);
  -webkit-font-smoothing: antialiased;
  font-feature-settings: 'cv02' 1, 'cv03' 1, 'cv04' 1;
  text-rendering: optimizeLegibility;
  background: #F9F9F9;
  color: #374148;
}

/* --- Layout: scoatem cutiile — fiecare modul are containerul lui intern --- */
body.theme-tchibo-business .wb-contained {
  max-width: none;
  width: 100%;
  padding: 0;
}

/* Containere conform grid-ului oficial: max content 1504px centrat, margini
   fluide 16-40px sub breakpointul XL (peste 1584px viewport marginile cresc
   natural prin auto-centrare, >=80px la 1728px cum cere styleguide-ul p.15). */
body.theme-tchibo-business .wb-hero-content,
body.theme-tchibo-business .wb-feature-container,
body.theme-tchibo-business .wb-text-container,
body.theme-tchibo-business .wb-services > div,
body.theme-tchibo-business .wb-stats > div,
body.theme-tchibo-business .wb-logo-strip > div,
body.theme-tchibo-business .wb-testimonials > div,
body.theme-tchibo-business .wb-gallery > div {
  max-width: 1504px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(16px, 3vw, 40px);
  padding-right: clamp(16px, 3vw, 40px);
}

body.theme-tchibo-business main {
  background: #F9F9F9;
}

/* Ierarhia tipografica TCS: H1 Light, H2 Regular, H3/H4 Bold. */
body.theme-tchibo-business h1 {
  color: #374148;
  font-weight: 300;
}

body.theme-tchibo-business h2 {
  color: #374148;
  font-weight: 400;
}

body.theme-tchibo-business h3,
body.theme-tchibo-business h4 {
  color: #374148;
  font-weight: 700;
}

body.theme-tchibo-business p {
  color: #374148;
}

/* --- Header: bara alba, nav dupa logo (stanga), contact + CTA in dreapta --- */
body.theme-tchibo-business .wb-header-inner {
  justify-content: flex-start;
}

body.theme-tchibo-business .wb-header-nav {
  margin-left: 16px;
}

body.theme-tchibo-business .wb-header-right {
  margin-left: auto;
}

body.theme-tchibo-business .wb-header {
  --wb-nav-hover-color: var(--tcs-gold);
  --wb-nav-hover-bg: transparent;
  background: #FFFFFF;
  border-bottom: 1px solid #ECECEC;
}

body.theme-tchibo-business .wb-header-inner {
  max-width: 1504px;
  margin-left: auto;
  margin-right: auto;
  padding: 15.5px clamp(16px, 3vw, 40px);
}

/* Nav principal identic cu modelul (.main-navigation-link de pe
   tchibo-coffeeservice.de): 16px Light 300, 20px la viewport >= 1400px.
   (14px/600/0.7 e stilul linkului de serviciu "Kontakt", nu al nav-ului.) */
body.theme-tchibo-business .wb-header-nav a,
body.theme-tchibo-business .wb-header-nav button {
  color: #374148;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: normal;
}

body.theme-tchibo-business .wb-header-nav > a,
body.theme-tchibo-business .wb-header-nav > div > [aria-haspopup='true'] {
  line-height: 1.5;
}

@media (min-width: 87.5rem) {
  body.theme-tchibo-business .wb-header-nav a,
  body.theme-tchibo-business .wb-header-nav button {
    font-size: 20px;
  }
}

/* Logo la dimensiunea modelului: .header-logo-main-img { height: 62px }. */
body.theme-tchibo-business .wb-header img {
  height: 62px;
  width: auto;
}

body.theme-tchibo-business .wb-header-nav a:hover,
body.theme-tchibo-business .wb-header-nav button:hover {
  background: var(--wb-nav-hover-bg);
  color: var(--wb-nav-hover-color);
}

body.theme-tchibo-business .wb-header-contact {
  color: #21292F;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.7px;
}

body.theme-tchibo-business .wb-header-contact:hover {
  background: transparent;
  color: #856D38;
}

/* Buton primar oficial (p.22-25): Gold Light + text inchis. Valori identice
   cu butonul din headerul site-ului model: 14/700/0.7px, padding 9x14, r32. */
body.theme-tchibo-business .wb-header-cta {
  background: #EDD38E;
  color: #21292F;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.7px;
  padding: 9px 14px;
  border-radius: 32px;
}

body.theme-tchibo-business .wb-header-cta:hover {
  background: #C0A468;
  color: #21292F;
  filter: none;
}

body.theme-tchibo-business .wb-header-right > .wb-header-contact,
body.theme-tchibo-business .wb-header-right > .wb-header-cta {
  line-height: 1;
}

/* === Header responsive controls === */
body.theme-tchibo-business .wb-language-select {
  --wb-select-border: #CFD5DA;
  height: 40px;
  border-radius: 4px;
  font: inherit;
  font-size: 14px;
  padding: 0 36px 0 12px;
}

body.theme-tchibo-business .wb-language-select:hover,
body.theme-tchibo-business .wb-language-select:focus {
  border-color: var(--tcs-gold);
  outline: none;
}

body.theme-tchibo-business .wb-header-burger {
  color: var(--tcs-text-dark);
}

body.theme-tchibo-business .wb-mobile-menu {
  background: #FFFFFF;
}

body.theme-tchibo-business .wb-mobile-menu-item {
  padding: 18px 16px;
  border-bottom: 1px solid #E5E5E5;
  color: var(--tcs-text-dark);
  font-size: 17px;
}

body.theme-tchibo-business .wb-mobile-menu-item::after,
body.theme-tchibo-business .wb-mobile-menu-item svg {
  color: var(--tcs-text-dark);
}

body.theme-tchibo-business .wb-mobile-menu-close {
  font-size: 14px;
}

body.theme-tchibo-business .wb-mobile-menu .wb-header-cta {
  border-radius: 999px;
  background: var(--tcs-gold-light);
  color: var(--tcs-text-dark);
}

/* --- Hero: full-bleed pe TCS Grey, H1 Light, subline Gold Light (p.8, p.32) --- */
body.theme-tchibo-business .wb-hero {
  min-height: 520px;
  background: #374148;
}

/* Homepage-ul TCS folosește hero fix de 700px și asset-uri desktop/mobile
   separate, conform implementării corporate curente. */
body.theme-tchibo-business .wb-hero.wb-hero--tcs-home,
body.theme-tchibo-business .wb-hero.wb-hero--tcs-page,
body.theme-tchibo-business section[data-anchor-id='home-hero'] .wb-hero,
body.theme-tchibo-business section[data-anchor-id^='tcs-page-hero-'] .wb-hero {
  height: 700px;
  min-height: 700px;
  align-items: stretch;
}

body.theme-tchibo-business .wb-hero--tcs-home .wb-hero-overlay,
body.theme-tchibo-business .wb-hero--tcs-page .wb-hero-overlay,
body.theme-tchibo-business section[data-anchor-id='home-hero'] .wb-hero-overlay,
body.theme-tchibo-business section[data-anchor-id^='tcs-page-hero-'] .wb-hero-overlay {
  background: linear-gradient(
    270deg,
    rgba(55, 65, 72, 0) 48.96%,
    rgba(55, 65, 72, 0.8) 77.9%,
    rgba(55, 65, 72, 0.8) 99.54%
  );
}

body.theme-tchibo-business .wb-hero--tcs-home .wb-hero-content,
body.theme-tchibo-business section[data-anchor-id='home-hero'] .wb-hero-content {
  width: 100%;
  max-width: 1504px;
  height: 100%;
  padding: 48px 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

body.theme-tchibo-business .wb-hero--tcs-page .wb-hero-content:not(:has(.wb-hero-body)),
body.theme-tchibo-business .wb-hero--tcs-page .wb-hero-body,
body.theme-tchibo-business section[data-anchor-id^='tcs-page-hero-'] .wb-hero-content:not(:has(.wb-hero-body)),
body.theme-tchibo-business section[data-anchor-id^='tcs-page-hero-'] .wb-hero-body {
  width: 100%;
  max-width: 1504px;
  height: 100%;
  padding: 48px 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

body.theme-tchibo-business .wb-hero--tcs-home .wb-hero-title,
body.theme-tchibo-business section[data-anchor-id='home-hero'] .wb-hero-title {
  max-width: calc(50% - 16px);
  margin-bottom: 16px;
  color: #F9F9F9;
  font-size: clamp(44px, 4.2vw, 60px);
  line-height: 0.93;
}

body.theme-tchibo-business .wb-hero--tcs-page .wb-hero-title,
body.theme-tchibo-business section.wb-hero.wb-hero--tcs-page h1,
body.theme-tchibo-business section[data-anchor-id^='tcs-page-hero-'] .wb-hero-title,
body.theme-tchibo-business section[data-anchor-id^='tcs-page-hero-'] .wb-hero h1 {
  max-width: calc(50% - 16px);
  margin-bottom: 16px;
  color: #F9F9F9;
  font-size: 60px;
  font-weight: 300;
  line-height: 0.93;
}

body.theme-tchibo-business .wb-hero--tcs-page .wb-hero-title:last-child,
body.theme-tchibo-business section.wb-hero.wb-hero--tcs-page h1:last-child,
body.theme-tchibo-business section[data-anchor-id^='tcs-page-hero-'] .wb-hero-title:last-child,
body.theme-tchibo-business section[data-anchor-id^='tcs-page-hero-'] .wb-hero h1:last-child {
  margin-bottom: 16px;
}

body.theme-tchibo-business .wb-hero-overlay {
  background: linear-gradient(90deg, rgba(23, 28, 33, 0.55) 0%, rgba(23, 28, 33, 0.25) 55%, rgba(23, 28, 33, 0.35) 100%);
}

body.theme-tchibo-business .wb-hero-content {
  /* .wb-hero e flex: fara width 100% content-ul devine flex item shrink-to-fit
     si margin:auto il centreaza — textele pareau "impinse" spre mijloc. */
  width: 100%;
  padding-top: 88px;
  padding-bottom: 88px;
}

body.theme-tchibo-business .wb-hero .wb-hero-title {
  color: #FFFFFF;
}

/* Titlu hero ca pe model: Light, line-height strans, alb coffeeGrey #F9F9F9. */
body.theme-tchibo-business .wb-hero-title {
  font-size: clamp(44px, 4.2vw, 60px);
  font-weight: 300;
  max-width: 760px;
  line-height: 1;
  color: #F9F9F9;
  margin-bottom: 16px;
}

/* Subtitlul hero: ALB (cerinta Stefan 27.07 — Gold Light nu are contrast pe
   fotografii), la valorile masurate pe model: 16px / regular 400 / lh 1.5. */
body.theme-tchibo-business .wb-hero-subtitle {
  color: #F9F9F9;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  max-width: 640px;
  opacity: 1;
}

body.theme-tchibo-business .wb-hero--tcs-page .wb-hero-subtitle,
body.theme-tchibo-business section.wb-hero.wb-hero--tcs-page p,
body.theme-tchibo-business section[data-anchor-id^='tcs-page-hero-'] .wb-hero-subtitle,
body.theme-tchibo-business section[data-anchor-id^='tcs-page-hero-'] .wb-hero p {
  margin-bottom: 32px;
  color: #F9F9F9;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

body.theme-tchibo-business .wb-hero-cta,
body.theme-tchibo-business .wb-hero a[class*='btn'] {
  min-height: 46px;
  padding: 14px 22px;
  border-radius: 32px;
  background: #EDD38E;
  color: #374148;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: normal;
}

body.theme-tchibo-business .wb-hero-cta:hover,
body.theme-tchibo-business .wb-hero a[class*='btn']:hover {
  background: #C0A468;
  color: #374148;
  filter: none;
}

/* === Hero mobile CTA === */
@media (max-width: 699px) {
  body.theme-tchibo-business .wb-hero[data-wb-cta-mobile='full'] .wb-hero-cta {
    display: block;
    width: 100%;
    text-align: center;
  }
}

/* --- Text-block: sectiune intro centrata, H2 Light (5XL) --- */
body.theme-tchibo-business .wb-text-block {
  padding: 56px 0 40px;
}

/* Textele pornesc din STANGA (ca pe site-ul model); exceptie doar intro-ul
   de pe homepage, marcat cu anchorId "intro-centrat" in continut. */
body.theme-tchibo-business .wb-text-container {
  text-align: left;
  font-size: 16px;
  line-height: 1.75;
  color: #374148;
}

/* Introducerile paginilor corporate sunt centrate pe toata latimea, precum
   blocurile text-hero din site-ul Tchibo Coffee Service. */
body.theme-tchibo-business section[data-anchor-id='company-intro'] .wb-text-container,
body.theme-tchibo-business section[data-anchor-id='company-about-intro'] .wb-text-container,
body.theme-tchibo-business section[data-anchor-id='company-history-intro'] .wb-text-container {
  max-width: 1193px;
  text-align: center;
}

/* Hub Companie (8 septembrie 2026): containerul referintei, 1504/36 + 20 interior. Regula
   grupata de mai sus ramane intacta (paznicul de tema o cere); aceasta o suprascrie prin
   ordine, la aceeasi specificitate. */
body.theme-tchibo-business section[data-anchor-id='company-intro'] .wb-text-container {
  max-width: 1504px;
  padding: 20px 36px;
  text-align: center;
}

@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='company-intro'] .wb-text-container {
    padding: 20px 16px;
  }
}

body.theme-tchibo-business section[data-anchor-id='intro-centrat'] .wb-text-container {
  text-align: center;
}

body.theme-tchibo-business .wb-text-container h1,
body.theme-tchibo-business .wb-text-container h2 {
  font-size: clamp(32px, 3.4vw, 48px);
  font-weight: 300;
  line-height: 1.15;
  color: #21292F;
  margin: 0 0 18px;
}

body.theme-tchibo-business .wb-text-container h3 {
  font-size: clamp(28px, 2.4vw, 32px);
  font-weight: 700;
  color: #21292F;
}

body.theme-tchibo-business .wb-text-container a {
  color: #856D38;
}

/* === Text-block composition attributes === */
body.theme-tchibo-business section.wb-text-block[data-wb-size='intro'] {
  width: 100%;
  max-width: none;
  padding: 64px 0;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='intro-centrat'] .wb-text-block[data-wb-size='intro'] {
  padding: 64px 0 0;
}

body.theme-tchibo-business section.wb-text-block[data-wb-size='intro'] .wb-text-container p {
  width: 100%;
  max-width: none;
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

body.theme-tchibo-business section.wb-text-block[data-wb-size='intro'] > .wb-text-container > h1,
body.theme-tchibo-business section.wb-text-block[data-wb-size='intro'] .wb-text-container h2 {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

body.theme-tchibo-business .wb-text-block[data-wb-align='center'] {
  max-width: 1330px;
  margin: 0 auto;
  text-align: center;
}

body.theme-tchibo-business .wb-text-block[data-wb-align='center'] .wb-text-container {
  text-align: center;
}

/* --- Stats: banda coffeeGrey de separare (p.9), cifre mari pe Text Dark --- */
body.theme-tchibo-business .wb-stats {
  padding: 32px 0;
  background: transparent;
}

body.theme-tchibo-business .wb-stats-item {
  border: 0;
  background: transparent;
  border-radius: 0;
  padding: 12px 16px;
  box-shadow: none;
}

body.theme-tchibo-business .wb-stats-icon {
  width: auto;
  height: auto;
  background: transparent;
  color: #374148;
  font-size: 44px;
  margin-bottom: 32px;
}

body.theme-tchibo-business .wb-stats-icon-image {
  display: inline-block;
  width: 64px;
  height: 64px;
  margin-bottom: 32px;
  object-fit: contain;
}

/* Compatibilitate cu storefront-ul standalone anterior suportului iconImage:
   păstrăm clasele Font Awesome în date, dar le înlocuim vizual cu SVG-urile
   corporate până la următorul build Next. */
body.theme-tchibo-business section[data-anchor-id='home-stats'] .wb-stats-icon {
  display: inline-block;
  width: 64px;
  height: 64px;
  font-size: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

body.theme-tchibo-business section[data-anchor-id='home-stats'] .wb-stats-item:nth-child(1) .wb-stats-icon {
  background-image: url('/files/website-media/3DH7QEeFoKn8Pkz87/tchibobusiness/companie/stats-meet.svg');
}

body.theme-tchibo-business section[data-anchor-id='home-stats'] .wb-stats-item:nth-child(2) .wb-stats-icon {
  background-image: url('/files/website-media/3DH7QEeFoKn8Pkz87/tchibobusiness/companie/stats-service.svg');
}

body.theme-tchibo-business section[data-anchor-id='home-stats'] .wb-stats-item:nth-child(3) .wb-stats-icon {
  background-image: url('/files/website-media/3DH7QEeFoKn8Pkz87/tchibobusiness/companie/stats-badge.svg');
}

body.theme-tchibo-business .wb-stats-value {
  margin-bottom: 32px;
  color: #374148;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.05;
}

body.theme-tchibo-business .wb-stats-label {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
}

body.theme-tchibo-business .wb-stats-title {
  color: #21292F;
  font-weight: 300;
  font-size: clamp(32px, 3.4vw, 48px);
}

/* --- Services-grid 2 coloane: teaser cards mari cu banda TCS Grey jos ---
   Carduri: radius 8px + umbra standard fara offset (p.16). */
body.theme-tchibo-business .wb-services {
  padding: 40px 0 56px;
}

body.theme-tchibo-business .wb-services-title {
  margin-bottom: 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

body.theme-tchibo-business .wb-services-subtitle {
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

body.theme-tchibo-business .wb-services-card {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 16px 0 rgba(14, 31, 53, 0.16);
  min-height: 0;
  background: #FFFFFF;
}

body.theme-tchibo-business .wb-services-card:hover {
  transform: none;
  box-shadow: 0 0 24px 0 rgba(14, 31, 53, 0.2);
}

body.theme-tchibo-business .wb-services[data-wb-cols='2'] .wb-services-card-media {
  height: auto;
  aspect-ratio: 673 / 469;
  border-radius: 0;
}

body.theme-tchibo-business .wb-services[data-wb-cols='2'] .wb-services-card-media > img {
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: cover;
}

body.theme-tchibo-business .wb-services[data-wb-cols='2'] .wb-services-card,
body.theme-tchibo-business .wb-services[data-wb-cols='2'] .wb-services-card:hover {
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.theme-tchibo-business .wb-services[data-wb-cols='2'] .wb-services-card-body {
  min-height: 0;
  height: auto;
  background: #374148;
  color: #F9F9F9;
  padding: 32px 30px;
  gap: 0;
  border-radius: 0 0 8px 8px;
}

body.theme-tchibo-business .wb-services[data-wb-cols='2'] .wb-services-card-title {
  margin: 0 0 16px;
  padding: 0;
  color: #F9F9F9;
  text-transform: none;
  letter-spacing: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.05;
  text-align: center;
}

body.theme-tchibo-business .wb-services[data-wb-cols='2'] .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business .wb-services[data-wb-cols='2'] .wb-services-card-desc {
  margin: 0 0 32px;
  color: #F9F9F9;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

body.theme-tchibo-business .wb-services[data-wb-cols='2'] .wb-services-cta {
  align-self: center;
  display: inline-flex;
  margin: 0 auto;
  padding: 0;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: #F9F9F9;
  text-transform: none;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}

body.theme-tchibo-business .wb-services[data-wb-cols='2'] .wb-services-cta:hover {
  background: transparent;
  color: #F9F9F9;
  filter: none;
}

body.theme-tchibo-business section.wb-services[data-wb-cols='2'][data-wb-linkicon='chevron'] {
  padding: 32px 0;
}

@media (max-width: 899px) {
  body.theme-tchibo-business .wb-stats {
    padding: 8px 0;
  }

  body.theme-tchibo-business .wb-stats [data-cols] {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body.theme-tchibo-business .wb-stats-item {
    padding: 40px 5px;
  }

  body.theme-tchibo-business section.wb-services[data-wb-cols='2'][data-wb-linkicon='chevron'] {
    padding: 8px 0;
  }

  body.theme-tchibo-business section.wb-services[data-wb-cols='2'][data-wb-linkicon='chevron'] > div > div {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body.theme-tchibo-business .wb-services[data-wb-cols='2'] .wb-services-card-media {
    aspect-ratio: 3 / 4;
  }

  body.theme-tchibo-business .wb-services[data-wb-cols='2'] .wb-services-card-title {
    font-size: 28px;
    line-height: 1.05;
  }
}

/* --- Banda "Solutiile noastre de cafea" (anchor solutii-cafea in continut):
   pe model sta pe fundal coffeeLight, cu titlu centrat, carduri albe cu
   iconite line-style, titluri bold si link text cu chevron centrat. --- */
body.theme-tchibo-business section[data-anchor-id='solutii-cafea'] .wb-services {
  background: #F5EDE5;
  padding: 64px 0 72px;
}

body.theme-tchibo-business section[data-anchor-id='solutii-cafea'] .wb-services-title,
body.theme-tchibo-business section[data-anchor-id='solutii-cafea'] .wb-services-subtitle {
  text-align: center;
}

/* Cardurile cu iconita (SVG icon-*.svg pe post de media): iconita compacta
   centrata, nu imagine mare de card. */
body.theme-tchibo-business .wb-services-card-media:has(> img[src*='/icon-']) {
  aspect-ratio: auto;
  height: 96px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 36px;
}

body.theme-tchibo-business .wb-services-card-media img[src*='/icon-'] {
  width: 68px;
  height: 68px;
  object-fit: contain;
}

body.theme-tchibo-business .wb-services-card:has(img[src*='/icon-']) {
  text-align: center;
}

body.theme-tchibo-business .wb-services-card:has(img[src*='/icon-']) .wb-services-card-title {
  font-size: 26px;
  font-weight: 700;
  color: #21292F;
}

body.theme-tchibo-business .wb-services-card:has(img[src*='/icon-']) .wb-services-card-desc {
  font-size: 16px;
  color: #374148;
}

body.theme-tchibo-business .wb-services[data-wb-cols='3'] .wb-services-card:has(img[src*='/icon-']) .wb-services-cta {
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  color: #21292F;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.7px;
}

body.theme-tchibo-business .wb-services[data-wb-cols='3'] .wb-services-card:has(img[src*='/icon-']) .wb-services-cta:hover {
  color: #856D38;
}

/* --- Services-grid 3-4 coloane: fallback pentru celelalte variante. --- */
body.theme-tchibo-business .wb-services[data-wb-cols='3']:not([data-wb-card='flat']) .wb-services-card,
body.theme-tchibo-business .wb-services[data-wb-cols='4']:not([data-wb-card='outline']) .wb-services-card {
  background: #FFFFFF;
  border: 0;
}

body.theme-tchibo-business .wb-services[data-wb-cols='3']:not([data-wb-card='flat']) .wb-services-card-icon,
body.theme-tchibo-business .wb-services[data-wb-cols='4']:not([data-wb-card='outline']) .wb-services-card-icon {
  width: auto;
  height: auto;
  background: transparent;
  color: #374148;
  font-size: 36px;
  margin-bottom: 8px;
}

body.theme-tchibo-business .wb-services[data-wb-cols='3']:not([data-wb-card='flat']) .wb-services-card-title,
body.theme-tchibo-business .wb-services[data-wb-cols='4']:not([data-wb-card='outline']) .wb-services-card-title {
  color: #21292F;
  text-transform: none;
  letter-spacing: 0;
  font-size: 20px;
  font-weight: 400;
}

body.theme-tchibo-business .wb-services[data-wb-cols='3']:not([data-wb-card='flat']) .wb-services-card-title::after,
body.theme-tchibo-business .wb-services[data-wb-cols='4']:not([data-wb-card='outline']) .wb-services-card-title::after {
  background: #C0A468;
}

body.theme-tchibo-business .wb-services[data-wb-cols='3']:not([data-wb-card='flat']) .wb-services-cta,
body.theme-tchibo-business .wb-services[data-wb-cols='4']:not([data-wb-card='outline']) .wb-services-cta {
  background: transparent;
  color: #856D38;
  text-transform: none;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 600;
  padding: 0 16px 20px;
  margin-top: 8px;
}

body.theme-tchibo-business .wb-services[data-wb-cols='3']:not([data-wb-card='flat']) .wb-services-cta:hover,
body.theme-tchibo-business .wb-services[data-wb-cols='4']:not([data-wb-card='outline']) .wb-services-cta:hover {
  background: transparent;
  color: #C0A468;
}

/* Pagina Servicii: primul rand de carduri outline. */
body.theme-tchibo-business section.wb-services[data-wb-cols='4'][data-wb-card='outline'] {
  padding: 0 0 128px;
  background: transparent;
}

body.theme-tchibo-business section.wb-services[data-wb-cols='4'][data-wb-card='outline'] > div > div {
  gap: 20px;
}

body.theme-tchibo-business section.wb-services[data-wb-cols='4'][data-wb-card='outline'] .wb-services-card {
  min-height: 0;
  padding: 40px 5px;
  border: 0;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  text-align: center;
}

body.theme-tchibo-business section.wb-services[data-wb-cols='4'][data-wb-card='outline'] .wb-services-card:hover {
  transform: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

body.theme-tchibo-business section.wb-services[data-wb-cols='4'][data-wb-card='outline'] .wb-services-card-media--icon {
  height: auto;
  margin: 0 0 16px;
  padding: 0;
}

body.theme-tchibo-business section.wb-services[data-wb-cols='4'][data-wb-card='outline'] .wb-services-card-media--icon img {
  width: 64px;
  height: 64px;
  object-fit: contain;
}

body.theme-tchibo-business section.wb-services[data-wb-cols='4'][data-wb-card='outline'] .wb-services-card-body {
  padding: 0;
  gap: 0;
  align-items: center;
}

body.theme-tchibo-business section.wb-services[data-wb-cols='4'][data-wb-card='outline'] .wb-services-card-title {
  margin: 0 0 16px;
  padding: 0;
  color: #374148;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.05;
}

body.theme-tchibo-business section.wb-services[data-wb-cols='4'][data-wb-card='outline'] .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business section.wb-services[data-wb-cols='4'][data-wb-card='outline'] .wb-services-cta,
body.theme-tchibo-business section.wb-services[data-wb-cols='4'][data-wb-card='outline'] .wb-services-cta:hover {
  align-self: center;
  margin: 0;
  padding: 0;
  background: transparent;
  color: #374148;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: normal;
  text-decoration: none;
}

/* Pagina Servicii: argumentele flat, fara suprafata de card. */
body.theme-tchibo-business section.wb-services[data-wb-cols='3'][data-wb-card='flat'] {
  padding: 0 0 128px;
  background: transparent;
}

body.theme-tchibo-business section.wb-services[data-wb-cols='3'][data-wb-card='flat'] .wb-services-card {
  padding: 0;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
  text-align: center;
}

body.theme-tchibo-business section.wb-services[data-wb-cols='3'][data-wb-card='flat'] .wb-services-card:hover {
  transform: none;
  box-shadow: none;
}

body.theme-tchibo-business section.wb-services[data-wb-cols='3'][data-wb-card='flat'] .wb-services-card-media--icon {
  height: auto;
  margin: 0 0 32px;
  padding: 0;
}

body.theme-tchibo-business section.wb-services[data-wb-cols='3'][data-wb-card='flat'] .wb-services-card-media--icon img {
  width: 64px;
  height: 64px;
  object-fit: contain;
}

body.theme-tchibo-business section.wb-services[data-wb-cols='3'][data-wb-card='flat'] .wb-services-card-body {
  padding: 0;
  gap: 0;
  align-items: center;
}

body.theme-tchibo-business section.wb-services[data-wb-cols='3'][data-wb-card='flat'] .wb-services-card-title {
  margin: 0 0 32px;
  padding: 0;
  color: #374148;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.05;
}

body.theme-tchibo-business section.wb-services[data-wb-cols='3'][data-wb-card='flat'] .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business section.wb-services[data-wb-cols='3'][data-wb-card='flat'] .wb-services-card-desc {
  max-width: 430px;
  margin: 0 auto;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

/* --- Services-grid cu titlu-banda (paginile hub, ex. Marci): banda coffeeLight
   full-width, carduri tile patrat (logo pe alb) + pill Gold Light --- */
body.theme-tchibo-business .wb-services[data-wb-titlestyle='band'] .wb-services-title {
  max-width: none;
  background: #F5EDE5;
  padding: 26px 24px;
  margin-bottom: 40px;
  font-size: clamp(28px, 2.8vw, 40px);
  font-weight: 300;
}

body.theme-tchibo-business .wb-services[data-wb-imgaspect='square'] .wb-services-card {
  background: transparent;
  border: 0;
  box-shadow: none;
}

body.theme-tchibo-business .wb-services[data-wb-imgaspect='square'] .wb-services-card:hover {
  box-shadow: none;
}

body.theme-tchibo-business .wb-services[data-wb-imgaspect='square'] .wb-services-card-media {
  aspect-ratio: 1 / 1;
  background: #FFFFFF;
  border: 1px solid #ECECEC;
  border-radius: 8px;
}

body.theme-tchibo-business .wb-services[data-wb-imgaspect='square'] .wb-services-card-media img {
  object-fit: contain;
}

body.theme-tchibo-business .wb-services[data-wb-imgaspect='square'] .wb-services-card-title {
  color: #21292F;
  text-transform: none;
  letter-spacing: 0;
  font-size: 17px;
  font-weight: 400;
  padding-bottom: 0;
}

body.theme-tchibo-business .wb-services[data-wb-imgaspect='square'] .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business .wb-services[data-wb-imgaspect='square'] .wb-services-cta {
  align-self: center;
  display: inline-flex;
  background: #EDD38E;
  color: #21292F;
  border-radius: 999px;
  text-transform: none;
  letter-spacing: 0.75px;
  font-size: 13px;
  font-weight: 700;
  padding: 9px 20px;
  margin-top: 6px;
  margin-bottom: 20px;
}

body.theme-tchibo-business .wb-services[data-wb-imgaspect='square'] .wb-services-cta:hover {
  background: #C0A468;
  color: #21292F;
  filter: none;
}

/* === Services-grid composition attributes === */
body.theme-tchibo-business .wb-services[data-wb-card='outline'] {
  background: var(--tcs-coffee-grey);
}

body.theme-tchibo-business .wb-services[data-wb-card='outline'] .wb-services-card {
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  background: #fff;
  box-shadow: none;
}

body.theme-tchibo-business .wb-services-cta-icon {
  margin-left: 6px;
}

/* --- Logo strip: "Marcile noastre" pe alb, logo-uri fara chenare --- */
body.theme-tchibo-business .wb-logo-strip {
  position: relative;
  background: transparent;
  padding: 56px 0;
}

body.theme-tchibo-business .wb-logo-strip-title {
  color: #21292F;
  font-size: clamp(32px, 3.4vw, 48px);
  font-weight: 300;
  margin-bottom: 30px;
}

body.theme-tchibo-business .wb-logo-item {
  border: 0;
  background: transparent;
  flex-basis: 190px;
  min-height: 96px;
}

body.theme-tchibo-business .wb-logo-item:hover {
  transform: none;
}

/* Logo-urile marcilor sunt SVG-uri fara width/height intrinsec (naturalWidth 0)
   — fara dimensiuni explicite se prabusesc la ~0px. Le dam cutie fixa +
   object-fit: contain. */
body.theme-tchibo-business .wb-logo-img {
  width: 150px;
  height: 60px;
  max-width: none;
  max-height: none;
  object-fit: contain;
  filter: none !important;
  opacity: 1 !important;
  transition: none;
}

body.theme-tchibo-business .wb-logo-item,
body.theme-tchibo-business .wb-logo-item:hover {
  border-color: transparent;
  transform: none;
}

body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] .wb-logo-loop {
  display: flex;
  gap: 0;
  align-items: stretch;
  overflow: hidden;
  padding: 24px 0;
}

body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] .wb-logo-loop-wrap {
  position: relative;
  padding-left: 60px;
}

body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] .wb-logo-slide,
body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] .wb-logo-loop-slide {
  flex: 0 0 214px;
  width: 214px;
  height: 107px;
  padding: 0;
}

body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] .wb-logo-img,
body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] .wb-logo-loop-img {
  display: block;
  width: 214px;
  height: 107px;
  max-width: none;
  max-height: none;
  padding: 0;
  object-fit: contain;
}

body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] .wb-logo-controls {
  position: absolute;
  left: max(clamp(16px, 3vw, 40px), calc((100% - 1504px) / 2 + 40px));
  bottom: 56px;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
}

body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] .wb-logo-loop-controls {
  position: absolute;
  left: 12px;
  top: 50%;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  transform: translateY(-50%);
}

body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] .wb-logo-controls > button,
body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] .wb-logo-loop-prev,
body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] .wb-logo-loop-next {
  display: inline-flex;
  width: 30px;
  height: 65px;
  padding: 0;
  align-items: center;
  justify-content: center;
  border: 1px solid #FFFFFF;
  border-radius: 0;
  background: #FFFFFF;
  color: #374148;
  font-weight: 400;
}

body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] .wb-logo-controls > button:hover,
body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] .wb-logo-controls > button:focus,
body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] .wb-logo-loop-prev:hover,
body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] .wb-logo-loop-prev:focus,
body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] .wb-logo-loop-next:hover,
body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] .wb-logo-loop-next:focus {
  border-color: #FFFFFF;
}

body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] {
  padding: 64px 0 0;
}

body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] > h2,
body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] .wb-logo-strip-title {
  margin: 0 0 56px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
  text-align: center;
}

/* === Logo-strip composition attributes === */
body.theme-tchibo-business .wb-logo-strip[data-wb-logosize='large'] .wb-logo-img {
  width: 180px;
  height: 64px;
}

@media (max-width: 899px) {
  body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] {
    padding: 16px 0 0;
  }

  body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] > h2,
  body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] .wb-logo-strip-title {
    margin-bottom: 36px;
    font-size: 32px;
  }
}

@media (max-width: 767px) {
  body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] .wb-logo-controls,
  body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] .wb-logo-loop-controls {
    display: none;
  }

  body.theme-tchibo-business .wb-hero--tcs-home .wb-hero-overlay,
  body.theme-tchibo-business .wb-hero--tcs-page .wb-hero-overlay,
  body.theme-tchibo-business section[data-anchor-id='home-hero'] .wb-hero-overlay,
  body.theme-tchibo-business section[data-anchor-id^='tcs-page-hero-'] .wb-hero-overlay {
    background: linear-gradient(
      180deg,
      rgba(55, 65, 72, 0) 27%,
      rgba(55, 65, 72, 0.675) 45.73%,
      rgba(55, 65, 72, 0.9) 64.21%
    );
  }

  body.theme-tchibo-business .wb-hero--tcs-home .wb-hero-content,
  body.theme-tchibo-business section[data-anchor-id='home-hero'] .wb-hero-content {
    padding: 48px 16px;
  }

  body.theme-tchibo-business .wb-hero--tcs-page .wb-hero-content:not(:has(.wb-hero-body)),
  body.theme-tchibo-business .wb-hero--tcs-page .wb-hero-body,
  body.theme-tchibo-business section[data-anchor-id^='tcs-page-hero-'] .wb-hero-content:not(:has(.wb-hero-body)),
  body.theme-tchibo-business section[data-anchor-id^='tcs-page-hero-'] .wb-hero-body {
    padding: 48px 16px;
    justify-content: center;
  }

  body.theme-tchibo-business .wb-hero--tcs-home .wb-hero-title,
  body.theme-tchibo-business section[data-anchor-id='home-hero'] .wb-hero-title {
    max-width: 100%;
    font-size: 44px;
  }

  /* Build-ul vechi randează o singură imagine Next; pe mobil folosim asset-ul
     vertical drept fundal și ascundem doar imaginea desktop directă. */
  body.theme-tchibo-business section[data-anchor-id='home-hero'] .wb-hero > div:first-child {
    background-image: url('/files/website-media/3DH7QEeFoKn8Pkz87/tchibobusiness/hero/home-hero-mobile.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
  }

  body.theme-tchibo-business section[data-anchor-id='home-hero'] .wb-hero > div:first-child > img {
    opacity: 0;
  }

  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-machines'] .wb-hero > div:first-child {
    background-image: url('/files/website-media/3DH7QEeFoKn8Pkz87/tchibobusiness/echipamente/hero-machines-mobile-official.jpg');
  }

  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-services'] .wb-hero > div:first-child {
    background-image: url('/files/website-media/3DH7QEeFoKn8Pkz87/tchibobusiness/servicii/hero-services-mobile-official.jpg');
  }

  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-brands'] .wb-hero > div:first-child {
    background-image: url('/files/website-media/3DH7QEeFoKn8Pkz87/tchibobusiness/marci/hero-brands-mobile-official.jpg');
  }

  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-company'] .wb-hero > div:first-child {
    background-image: url('/files/website-media/3DH7QEeFoKn8Pkz87/tchibobusiness/companie/hero-company-mobile-official.png');
  }

  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-about'] .wb-hero > div:first-child {
    background-image: url('/files/website-media/3DH7QEeFoKn8Pkz87/tchibobusiness/companie/hero-about-mobile-official.png');
  }

  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-industries'] .wb-hero > div:first-child {
    background-image: url('/files/website-media/3DH7QEeFoKn8Pkz87/tchibobusiness/industrii/hero-industries-mobile-official.jpg');
  }

  body.theme-tchibo-business section[data-anchor-id^='tcs-page-hero-'] .wb-hero > div:first-child {
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
  }

  body.theme-tchibo-business section[data-anchor-id^='tcs-page-hero-'] .wb-hero > div:first-child > img {
    opacity: 0;
  }
}

/* --- Feature light flush: pastreaza cardul folosit pe celelalte pagini. --- */
body.theme-tchibo-business .wb-feature[data-wb-media='flush'].wb-feature--light {
  background: #F9F9F9;
  padding: 40px 0 56px;
}

body.theme-tchibo-business .wb-feature[data-wb-media='flush'].wb-feature--light .wb-feature-container {
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 0 16px 0 rgba(14, 31, 53, 0.16);
  padding: 48px 40px;
}

body.theme-tchibo-business .wb-feature[data-wb-media='flush'].wb-feature--light .wb-feature-media {
  border-radius: 8px;
  overflow: hidden;
}

body.theme-tchibo-business .wb-feature--light:not([data-wb-title='light']):not([data-wb-media='flush']) {
  padding: 40px 0 56px;
  background: #F9F9F9;
}

body.theme-tchibo-business .wb-feature--light:not([data-wb-title='light']):not([data-wb-media='flush']) .wb-feature-container {
  padding: 48px 40px;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0 0 16px 0 rgba(14, 31, 53, 0.16);
}

body.theme-tchibo-business .wb-feature--light:not([data-wb-title='light']):not([data-wb-media='flush']) .wb-feature-media {
  border-radius: 8px;
  overflow: hidden;
}

body.theme-tchibo-business .wb-feature--light,
body.theme-tchibo-business .wb-feature--light .wb-feature-title {
  color: #374148;
}

/* Pagina Servicii: feature-urile non-flush sunt doua coloane fara card. */
body.theme-tchibo-business .wb-feature--light[data-wb-title='light']:not([data-wb-media='flush']):not([data-wb-variant='cta-banner']) {
  padding: 64px 0;
  background: transparent;
}

body.theme-tchibo-business .wb-feature--light[data-wb-title='light']:not([data-wb-media='flush']):not([data-wb-variant='cta-banner']) .wb-feature-container {
  max-width: 1441px;
  padding: 0 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  align-items: stretch;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

body.theme-tchibo-business .wb-feature--light[data-wb-title='light']:not([data-wb-media='flush']):not([data-wb-variant='cta-banner']) .wb-feature-media {
  position: relative;
  min-height: 270px;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
}

body.theme-tchibo-business .wb-feature--light[data-wb-title='light']:not([data-wb-media='flush']):not([data-wb-variant='cta-banner']) .wb-feature-media > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.theme-tchibo-business .wb-feature--light[data-wb-title='light']:not([data-wb-media='flush']):not([data-wb-variant='cta-banner']) .wb-feature-body {
  padding: 30px 0 0;
  gap: 0;
  background: transparent;
}

body.theme-tchibo-business .wb-feature-title {
  font-size: clamp(28px, 2.6vw, 32px);
  font-weight: 700;
}

body.theme-tchibo-business .wb-feature-subtitle {
  color: #374148;
}

body.theme-tchibo-business .wb-feature[data-wb-media='flush'].wb-feature--light .wb-feature-desc {
  color: #64696D;
}

body.theme-tchibo-business .wb-feature--light[data-wb-title='light']:not([data-wb-media='flush']):not([data-wb-variant='cta-banner']) .wb-feature-desc {
  margin: 0 0 32px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

/* 8 septembrie 2026: bifa oficiala a referintei (inel + bifa, `tcw-btn_round_checkmark.svg`,
   #C0A468 pe 24x24) pe toate listele feature-block — Home, Brutarii, Gastronomie, Sanatate
   folosesc toate acelasi desen pe .de; pana acum era un chenar de 1.5px cu glifa aurie. Glifa
   `&#10003;` din span ramane in DOM, ascunsa (font-size 0, color transparent). */
body.theme-tchibo-business .wb-feature-check {
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 0;
  background: #C0A468;
  color: transparent;
  font-size: 0;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M14 2.005c-6.614 0-11.995 5.381-11.995 11.995s5.381 11.995 11.995 11.995 11.995-5.381 11.995-11.995-5.381-11.995-11.995-11.995zm0 22.66c-5.881 0-10.665-4.784-10.665-10.665s4.784-10.665 10.665-10.665 10.665 4.784 10.665 10.665-4.784 10.665-10.665 10.665zM18.529 10.202l-6.186 6.186-2.873-2.873c-.26-.26-.681-.26-.94 0-.259.26-.259.681.001.94l3.344 3.343c.129.13.3.195.47.195s.341-.065.471-.195l6.656-6.656c.259-.26.259-.681 0-.94-.261-.26-.683-.26-.943 0z'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M14 2.005c-6.614 0-11.995 5.381-11.995 11.995s5.381 11.995 11.995 11.995 11.995-5.381 11.995-11.995-5.381-11.995-11.995-11.995zm0 22.66c-5.881 0-10.665-4.784-10.665-10.665s4.784-10.665 10.665-10.665 10.665 4.784 10.665 10.665-4.784 10.665-10.665 10.665zM18.529 10.202l-6.186 6.186-2.873-2.873c-.26-.26-.681-.26-.94 0-.259.26-.259.681.001.94l3.344 3.343c.129.13.3.195.47.195s.341-.065.471-.195l6.656-6.656c.259-.26.259-.681 0-.94-.261-.26-.683-.26-.943 0z'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
}

body.theme-tchibo-business .wb-feature-item {
  font-size: 15px;
}

body.theme-tchibo-business .wb-feature-cta {
  min-height: 46px;
  margin: 0;
  padding: 14px 22px;
  border-radius: 32px;
  background: #EDD38E;
  color: #374148;
  text-transform: none;
  letter-spacing: normal;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

body.theme-tchibo-business .wb-feature-cta:hover {
  background: #C0A468;
  color: #374148;
  filter: none;
}

/* === Feature-block composition attributes === */
body.theme-tchibo-business .wb-feature[data-wb-title='light'] .wb-feature-title {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
  letter-spacing: normal;
}

body.theme-tchibo-business section[data-anchor-id='home-service-teaser'] .wb-feature.wb-feature--light[data-wb-title='light'] {
  padding: 64px 0 128px;
}

body.theme-tchibo-business section[data-anchor-id='home-service-teaser'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media {
  border-radius: 0;
}

body.theme-tchibo-business section[data-anchor-id='home-service-teaser'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-body {
  padding: 32px;
}

body.theme-tchibo-business section[data-anchor-id='home-service-teaser'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-list {
  margin: 0;
  padding-left: 0;
  gap: 0;
  list-style: none;
}

body.theme-tchibo-business section[data-anchor-id='home-service-teaser'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-check {
  display: none;
}

body.theme-tchibo-business section[data-anchor-id='home-service-teaser'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-item {
  margin-bottom: 8px;
  padding-left: 0;
  gap: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  list-style: none;
}

body.theme-tchibo-business section[data-anchor-id='home-service-teaser'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-item:last-child {
  margin-bottom: 0;
}

body.theme-tchibo-business section[data-anchor-id='home-service-teaser'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-cta {
  margin-top: 24px;
}

body.theme-tchibo-business .wb-feature[data-wb-media='flush'].wb-feature--light .wb-feature-container {
  padding: 0;
  overflow: hidden;
}

body.theme-tchibo-business .wb-feature[data-wb-media='flush'].wb-feature--light .wb-feature-body {
  padding: 40px clamp(24px, 4vw, 64px);
}

body.theme-tchibo-business .wb-feature[data-wb-media='flush'].wb-feature--light .wb-feature-media {
  border-radius: 8px 0 0 8px;
}

body.theme-tchibo-business .wb-feature[data-wb-media='flush'].wb-feature--light .wb-feature-container[data-image-position='right'] .wb-feature-media {
  border-radius: 0 8px 8px 0;
}

body.theme-tchibo-business .wb-feature-eyebrow {
  margin-bottom: 12px;
  color: var(--tcs-gold-light);
  font-size: 18px;
  font-weight: 700;
}

body.theme-tchibo-business .wb-feature--light .wb-feature-eyebrow {
  color: var(--tcs-gold);
}

body.theme-tchibo-business .wb-feature[data-wb-variant='cta-banner'] .wb-feature-container {
  width: 100%;
  max-width: none;
  padding: 0;
  gap: 0;
  align-items: center;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='cta-banner'] .wb-feature-media {
  border-radius: 0;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='cta-banner'] .wb-feature-container[data-image-position='right'] .wb-feature-media {
  border-radius: 0;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='cta-banner'] .wb-feature-body {
  box-sizing: border-box;
  width: 705px;
  max-width: 705px;
  margin: 0 0 0 max(8px, calc((100% - 1504px) / 2 + 16px));
  justify-content: center;
  padding: 40px;
  gap: 0;
  align-self: center;
  border-radius: 12px;
  background: #374148;
  box-shadow: none;
  color: #F9F9F9;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='cta-banner'] .wb-feature-container[data-image-position='right'] .wb-feature-body {
  border-radius: 12px;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='cta-banner'].wb-feature--no-image .wb-feature-body {
  border-radius: 12px;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='cta-banner'] .wb-feature-title {
  margin: 0 0 16px;
  color: #F9F9F9;
  font-size: 48px;
  font-weight: 300;
  line-height: 1.16;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='cta-banner'] .wb-feature-desc {
  margin: 0 0 32px;
  color: #F9F9F9;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  opacity: 1;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='cta-banner'] .wb-feature-cta {
  min-height: 46px;
  padding: 14px 22px;
  border-radius: 32px;
  background: var(--tcs-gold-light);
  color: #374148;
  font-size: 16px;
  font-weight: 700;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='cta-banner'] .wb-feature-cta:hover {
  background: var(--tcs-gold);
  color: var(--tcs-text-dark);
}

@media (max-width: 899px) {
  /* 7 septembrie 2026: 700px, nu 803. Fiecare referinta masurata pe mobil a dat exact
     700px; 15 ancore primisera deja override individual la 700 (eduscho, davidoff,
     davinci, sir-henry, pure-tea, office, hotel, health, bakery, machines, coffea,
     coffee, compliance, sustainability, brands), iar cele 9 ramase pe 803 (about,
     company, services, tchibo2go, piacetto, pure-fine-selection, careers, manuals,
     tchibo-brand) au referinte pe acelasi sablon. Valoarea corecta se pune la sursa;
     override-urile individuale raman valide si identice. `height: auto` ca la ele,
     pentru ca hero-urile cu continut inalt sa nu fie taiate. Industriile pastreaza
     731px prin regula lor, mai jos in fisier, cu aceeasi specificitate. */
  body.theme-tchibo-business .wb-hero.wb-hero--tcs-page,
  body.theme-tchibo-business section[data-anchor-id^='tcs-page-hero-'] .wb-hero {
    height: auto;
    min-height: 700px;
  }

  body.theme-tchibo-business .wb-hero--tcs-page .wb-hero-content:not(:has(.wb-hero-body)),
  body.theme-tchibo-business .wb-hero--tcs-page .wb-hero-body,
  body.theme-tchibo-business section[data-anchor-id^='tcs-page-hero-'] .wb-hero-content:not(:has(.wb-hero-body)),
  body.theme-tchibo-business section[data-anchor-id^='tcs-page-hero-'] .wb-hero-body {
    /* 8 septembrie 2026: cu `height: auto` pe hero (corectia din 7 septembrie), `height: 100%`
       de pe continut nu mai avea referinta si continutul nu se mai intindea — titlul cadea la
       48px de marginea de sus in loc de jos. Minimul de 700 il tine pe baza, ca inainte. */
    height: auto;
    min-height: 700px;
    padding: 48px 16px 112px;
    justify-content: flex-end;
  }

  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-company'] .wb-hero-content:not(:has(.wb-hero-body)),
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-company'] .wb-hero-body {
    padding: 48px 16px 191px;
  }

  body.theme-tchibo-business .wb-hero--tcs-page .wb-hero-title,
  body.theme-tchibo-business section.wb-hero.wb-hero--tcs-page h1,
  body.theme-tchibo-business section[data-anchor-id^='tcs-page-hero-'] .wb-hero-title,
  body.theme-tchibo-business section[data-anchor-id^='tcs-page-hero-'] .wb-hero h1 {
    max-width: 100%;
    font-size: 44px;
    line-height: 0.93;
  }

  body.theme-tchibo-business section.wb-text-block[data-wb-size='intro'] {
    padding: 16px 0;
  }

  body.theme-tchibo-business section[data-anchor-id='intro-centrat'] .wb-text-block[data-wb-size='intro'] {
    padding: 16px 0 0;
  }

  body.theme-tchibo-business section.wb-text-block[data-wb-size='intro'] > .wb-text-container > h1,
  body.theme-tchibo-business section.wb-text-block[data-wb-size='intro'] .wb-text-container h2,
  body.theme-tchibo-business .wb-services-title {
    font-size: 32px;
    line-height: 1.16;
  }

  body.theme-tchibo-business section.wb-services[data-wb-cols='4'][data-wb-card='outline'],
  body.theme-tchibo-business section.wb-services[data-wb-cols='3'][data-wb-card='flat'] {
    padding: 0 0 32px;
  }

  body.theme-tchibo-business section.wb-services[data-wb-cols='4'][data-wb-card='outline'] > div > div,
  body.theme-tchibo-business section.wb-services[data-wb-cols='3'][data-wb-card='flat'] > div > div {
    row-gap: 10px;
  }

  body.theme-tchibo-business section.wb-services[data-wb-cols='4'][data-wb-card='outline'] .wb-services-card-title {
    font-size: 32px;
  }

  body.theme-tchibo-business .wb-feature--light[data-wb-title='light']:not([data-wb-media='flush']):not([data-wb-variant='cta-banner']) {
    padding: 16px 0;
  }

  body.theme-tchibo-business .wb-feature--light[data-wb-title='light']:not([data-wb-media='flush']):not([data-wb-variant='cta-banner']) .wb-feature-container {
    padding: 0 16px;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  body.theme-tchibo-business .wb-feature--light[data-wb-title='light']:not([data-wb-media='flush']):not([data-wb-variant='cta-banner']) .wb-feature-media {
    position: static;
    min-height: 0;
    height: auto;
    border-radius: 20px;
  }

  body.theme-tchibo-business .wb-feature--light[data-wb-title='light']:not([data-wb-media='flush']):not([data-wb-variant='cta-banner']) .wb-feature-media > img {
    position: static;
    width: 100%;
    height: auto;
  }

  body.theme-tchibo-business .wb-feature--light[data-wb-title='light']:not([data-wb-media='flush']):not([data-wb-variant='cta-banner']) .wb-feature-body {
    padding: 0;
  }

  body.theme-tchibo-business .wb-feature--light[data-wb-title='light']:not([data-wb-media='flush']):not([data-wb-variant='cta-banner']) .wb-feature-container[data-image-position='right'] .wb-feature-body {
    order: 1;
  }

  body.theme-tchibo-business .wb-feature--light[data-wb-title='light']:not([data-wb-media='flush']):not([data-wb-variant='cta-banner']) .wb-feature-container[data-image-position='right'] .wb-feature-media {
    order: 2;
  }

  body.theme-tchibo-business .wb-feature[data-wb-title='light'] .wb-feature-title {
    font-size: 32px;
    line-height: 1.16;
  }

  body.theme-tchibo-business section[data-anchor-id='home-service-teaser'] .wb-feature.wb-feature--light[data-wb-title='light'] {
    padding: 16px 0 32px;
  }

  body.theme-tchibo-business section[data-anchor-id='home-service-teaser'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media {
    border-radius: 0;
  }

  body.theme-tchibo-business .wb-feature[data-wb-media='flush'].wb-feature--light .wb-feature-media,
  body.theme-tchibo-business .wb-feature[data-wb-media='flush'].wb-feature--light .wb-feature-container[data-image-position='right'] .wb-feature-media {
    border-radius: 8px 8px 0 0;
  }

  body.theme-tchibo-business .wb-feature[data-wb-variant='cta-banner'] .wb-feature-container {
    width: 100%;
    aspect-ratio: auto;
  }

  body.theme-tchibo-business .wb-feature[data-wb-variant='cta-banner'] .wb-feature-media,
  body.theme-tchibo-business .wb-feature[data-wb-variant='cta-banner'] .wb-feature-container[data-image-position='right'] .wb-feature-media {
    width: 100%;
    height: min(136vw, 530px);
    border-radius: 0;
  }

  body.theme-tchibo-business .wb-feature[data-wb-variant='cta-banner'] .wb-feature-body,
  body.theme-tchibo-business .wb-feature[data-wb-variant='cta-banner'] .wb-feature-container[data-image-position='right'] .wb-feature-body {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 40px;
    align-self: stretch;
    border-radius: 0;
    box-shadow: none;
  }

  body.theme-tchibo-business .wb-feature[data-wb-variant='cta-banner'].wb-feature--no-image .wb-feature-body {
    border-radius: 0;
  }

  body.theme-tchibo-business .wb-feature[data-wb-variant='cta-banner'] .wb-feature-title {
    font-size: 32px;
    line-height: 1.16;
  }

  body.theme-tchibo-business .wb-feature[data-wb-variant='cta-banner'] .wb-feature-cta {
    width: auto;
    align-self: flex-start;
  }
}

/* Brand pages follow the current German composition: a centered introduction,
   followed by a full-width category visual and centered editorial copy. */
body.theme-tchibo-business section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] .wb-text-block {
  padding: 56px 0 92px;
  background: #FFFFFF;
}

body.theme-tchibo-business section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] .wb-text-container {
  max-width: 1280px;
  padding-left: clamp(24px, 3.2vw, 48px);
  padding-right: clamp(24px, 3.2vw, 48px);
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] h2 {
  margin: 0 0 24px;
  color: #38434A;
  font-size: clamp(38px, 4.2vw, 56px);
  font-weight: 300;
  line-height: 1.08;
}

body.theme-tchibo-business section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] h2 span {
  font: inherit;
}

body.theme-tchibo-business section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] p {
  margin: 0;
  color: #38434A;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] {
  padding: 0;
  background: #FFFFFF;
  color: #38434A;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-container {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: none;
  padding: 0;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: none;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-media {
  order: 1;
  width: 100%;
  border-radius: 0;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-media img {
  width: 100%;
  height: auto;
  min-height: 420px;
  max-height: 760px;
  aspect-ratio: 5 / 3;
  object-fit: cover;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-body {
  order: 2;
  align-items: center;
  width: min(100%, 1504px);
  margin: 0 auto;
  padding: 56px clamp(24px, 3.2vw, 48px) 52px;
  text-align: center;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-title {
  margin: 0;
  color: #38434A;
  font-size: clamp(38px, 4vw, 52px);
  font-weight: 300;
  line-height: 1.08;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-subtitle {
  margin: 0;
  color: #38434A;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.4;
  opacity: 1;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc {
  max-width: 1400px;
  color: #38434A;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
  opacity: 1;
}

@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] .wb-text-block {
    padding: 44px 0 60px;
  }

  body.theme-tchibo-business section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] h2 {
    font-size: 36px;
  }

  body.theme-tchibo-business section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] p,
  body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc {
    font-size: 16px;
  }

  body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-media img {
    min-height: 0;
    max-height: none;
    aspect-ratio: 5 / 3;
  }

  body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-body {
    padding: 40px 24px 44px;
  }

  body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-title {
    font-size: 34px;
  }
}

body.theme-tchibo-business section[data-anchor-id='brand-piacetto-intro'] p + p {
  margin-top: 28px;
}

body.theme-tchibo-business section[data-anchor-id='brand-piacetto-intro'] a {
  color: #38434A;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}

body.theme-tchibo-business section[data-anchor-id^='piacetto-'][data-anchor-id$='-actions'] .wb-text-container {
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id^='piacetto-'][data-anchor-id$='-actions'] p {
  justify-content: center;
}

body.theme-tchibo-business section[data-anchor-id='piacetto-range-cta'] .wb-text-block {
  padding: 64px 0 72px;
  background: #F4E8D3;
}

body.theme-tchibo-business section[data-anchor-id='piacetto-range-cta'] .wb-text-container {
  max-width: 980px;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='piacetto-range-cta'] h2 {
  margin: 0 0 18px;
  color: #38434A;
  font-size: clamp(36px, 4vw, 52px);
  font-weight: 300;
  line-height: 1.08;
}

body.theme-tchibo-business section[data-anchor-id='piacetto-range-cta'] p {
  margin: 0;
  color: #38434A;
  font-size: 18px;
  line-height: 1.5;
}

body.theme-tchibo-business section[data-anchor-id='piacetto-range-cta'] p + p {
  margin-top: 28px;
}

body.theme-tchibo-business section[data-anchor-id='piacetto-range-cta'] a {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: 28px;
  background: #F4D680;
  color: #303A42;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

@media (max-width: 767px) {
  body.theme-tchibo-business section[data-anchor-id='piacetto-range-cta'] .wb-text-block {
    padding: 48px 0 56px;
  }

  body.theme-tchibo-business section[data-anchor-id='piacetto-range-cta'] h2 {
    font-size: 34px;
  }

  body.theme-tchibo-business section[data-anchor-id='piacetto-range-cta'] p {
    font-size: 16px;
  }
}

/* --- Feature dark: banda CTA / sectiune TCS Grey full-width --- */
body.theme-tchibo-business .wb-feature--dark {
  background-color: #374148;
  padding: 72px 0;
}

body.theme-tchibo-business .wb-feature--dark .wb-feature-check {
  border-color: #EDD38E;
  color: #EDD38E;
  background: #EDD38E;
}

/* Subline pe fundal inchis = Gold Light (p.8). */
body.theme-tchibo-business .wb-feature--dark .wb-feature-subtitle {
  color: #EDD38E;
}

/* Banda CTA (feature dark fara imagine): o singura coloana, text la stanga,
   container ingustat si centrat */
body.theme-tchibo-business .wb-feature--dark.wb-feature--no-image .wb-feature-container {
  grid-template-columns: 1fr;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

body.theme-tchibo-business .wb-feature--dark.wb-feature--no-image .wb-feature-body {
  align-items: flex-start;
}

/* --- Solution finder de pe homepage: reproduce CTA-ul oficial TCS cu
   portret circular, text compact si buton Gold Light. Ancora tine stilul
   izolat de celelalte feature-block-uri dark din site. --- */
body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature--dark {
  min-height: 340px;
  padding: 48px 0;
  display: flex;
  align-items: center;
  background: #374148;
}

body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature-container {
  max-width: 980px;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 64px;
  align-items: center;
}

body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature-media {
  position: relative;
  width: 190px;
  height: 190px;
  justify-self: center;
  overflow: visible;
  border-radius: 50%;
}

body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature-media img {
  width: 190px;
  height: 190px;
  border-radius: 50%;
  object-fit: cover;
}

body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature-title {
  max-width: 620px;
  color: #FFFFFF;
  font-size: clamp(34px, 3vw, 48px);
  font-weight: 700;
  line-height: 1.08;
}

body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature-desc {
  max-width: 680px;
  color: #FFFFFF;
  font-size: 17px;
  line-height: 1.45;
  opacity: 1;
}

body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature-cta {
  margin-top: 16px;
}

@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature--dark {
    min-height: 0;
    padding: 48px 0 56px;
  }

  body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature-container {
    grid-template-columns: 1fr;
    gap: 44px;
    text-align: center;
  }

  body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature-media,
  body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature-media img {
    width: 150px;
    height: 150px;
  }

  body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature-body {
    align-items: center;
  }

  body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature-title {
    font-size: 34px;
  }
}

body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark {
  min-height: 288px;
  padding: 0;
  display: flex;
  align-items: center;
  background: #374148;
}

body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-container {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 0;
  grid-template-columns: 160px minmax(0, 460px);
  gap: 59px;
  align-items: center;
}

body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-media {
  width: 160px;
  height: 160px;
  justify-self: center;
  overflow: hidden;
  border-radius: 50%;
}

body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-media > img {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  object-fit: cover;
}

body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-body {
  gap: 0;
}

body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-title {
  margin: 0 0 8px;
  color: #F9F9F9;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.12;
}

body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-desc {
  margin: 0 0 32px;
  color: #F9F9F9;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  opacity: 1;
}

@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark {
    min-height: 0;
  }

  body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-container {
    max-width: none;
    padding: 32px 16px;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-media {
    justify-self: center;
  }

  body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-title {
    font-size: 32px;
    line-height: 1.12;
  }

  body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-cta {
    display: flex;
    width: 100%;
    justify-content: center;
  }
}

body.theme-tchibo-business section[data-anchor-id='company-contact-teaser'] .wb-feature.wb-feature--dark {
  min-height: 288px;
  padding: 32px 0;
  display: flex;
  align-items: center;
  background: #374148;
}

body.theme-tchibo-business section[data-anchor-id='company-contact-teaser'] .wb-feature.wb-feature--dark .wb-feature-container {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 0;
  grid-template-columns: 160px minmax(0, 460px);
  gap: 59px;
  align-items: center;
}

body.theme-tchibo-business section[data-anchor-id='company-contact-teaser'] .wb-feature.wb-feature--dark .wb-feature-media {
  width: 160px;
  height: 160px;
  justify-self: center;
  overflow: hidden;
  border-radius: 50%;
}

body.theme-tchibo-business section[data-anchor-id='company-contact-teaser'] .wb-feature.wb-feature--dark .wb-feature-media > img {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  object-fit: cover;
}

body.theme-tchibo-business section[data-anchor-id='company-contact-teaser'] .wb-feature.wb-feature--dark .wb-feature-body {
  gap: 0;
}

body.theme-tchibo-business section[data-anchor-id='company-contact-teaser'] .wb-feature.wb-feature--dark .wb-feature-title {
  margin: 0 0 8px;
  color: #F9F9F9;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.12;
}

body.theme-tchibo-business section[data-anchor-id='company-contact-teaser'] .wb-feature.wb-feature--dark .wb-feature-desc {
  margin: 0 0 32px;
  color: #F9F9F9;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  opacity: 1;
}

body.theme-tchibo-business section[data-anchor-id='company-contact-teaser'] .wb-feature.wb-feature--dark .wb-feature-cta {
  margin-top: 0;
}

@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='company-contact-teaser'] .wb-feature.wb-feature--dark {
    min-height: 0;
  }

  body.theme-tchibo-business section[data-anchor-id='company-contact-teaser'] .wb-feature.wb-feature--dark .wb-feature-container {
    max-width: none;
    padding: 32px 16px;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  body.theme-tchibo-business section[data-anchor-id='company-contact-teaser'] .wb-feature.wb-feature--dark .wb-feature-media {
    justify-self: center;
  }

  body.theme-tchibo-business section[data-anchor-id='company-contact-teaser'] .wb-feature.wb-feature--dark .wb-feature-title {
    font-size: 32px;
    line-height: 1.12;
  }

  body.theme-tchibo-business section[data-anchor-id='company-contact-teaser'] .wb-feature.wb-feature--dark .wb-feature-cta {
    display: flex;
    width: 100%;
    justify-content: center;
  }
}

/* Revision 2026081902: German-reference product galleries. */
body.theme-tchibo-business .wb-services[data-wb-variant='product-gallery'] {
  padding: 20px 0 36px;
  background: #f9f9f9;
}

body.theme-tchibo-business .wb-services[data-wb-variant='product-gallery'] > div {
  max-width: 1400px;
  padding: 0;
}

body.theme-tchibo-business .wb-services[data-wb-variant='product-gallery'] .wb-services-card {
  display: flex;
  flex-direction: column;
  overflow: visible;
  min-height: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}

body.theme-tchibo-business .wb-services[data-wb-variant='product-gallery'] .wb-services-card:hover {
  box-shadow: none;
  transform: none;
}

body.theme-tchibo-business .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
  background: #f5f3ef;
}

body.theme-tchibo-business .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.theme-tchibo-business .wb-services[data-wb-variant='product-gallery'] .wb-services-card-body {
  gap: 4px;
  padding: 16px 16px 32px;
  border-radius: 0 0 8px 8px;
  background: #fff;
  text-align: left;
}

body.theme-tchibo-business .wb-services[data-wb-variant='product-gallery'] .wb-services-card-eyebrow {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  text-align: left;
}

body.theme-tchibo-business .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title {
  margin: 0;
  padding: 0;
  color: #38434a;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
}

body.theme-tchibo-business .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc {
  margin: 0;
  color: #38434a;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  text-align: left;
}

body.theme-tchibo-business section[data-anchor-id$='-actions'] .wb-text-block {
  padding: 0 0 64px;
  background: #f9f9f9;
}

body.theme-tchibo-business section[data-anchor-id$='-actions'] .wb-text-container {
  max-width: 1360px;
  padding: 0 20px;
  text-align: left;
}

body.theme-tchibo-business section[data-anchor-id$='-actions'] h4 {
  margin: 0 0 16px;
  color: #374148;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

body.theme-tchibo-business section[data-anchor-id$='-actions'] p {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
}

body.theme-tchibo-business section[data-anchor-id$='-actions'] a {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  padding: 12px 22px;
  border: 2px solid #edd38e;
  border-radius: 28px;
  background: #edd38e;
  color: #374148;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

body.theme-tchibo-business section[data-anchor-id$='-actions'] a + a {
  border-color: #374148;
  background: #fff;
}

@media (max-width: 899px) {
  body.theme-tchibo-business .wb-services[data-wb-variant='product-gallery'] {
    padding-bottom: 48px;
  }
}

/* --- Testimonials: citat mare centrat, stil sobru --- */
body.theme-tchibo-business .wb-testimonials {
  padding: 48px 0;
}

body.theme-tchibo-business .wb-testimonials-title {
  color: #21292F;
  font-size: clamp(32px, 3.4vw, 48px);
  font-weight: 300;
  text-align: center;
}

body.theme-tchibo-business .wb-testimonial-card {
  background: #FFFFFF;
  border: 0;
  border-radius: 8px;
  box-shadow: 0 0 16px 0 rgba(14, 31, 53, 0.16);
}

body.theme-tchibo-business .wb-testimonial-quote {
  font-size: 18px;
  font-style: italic;
  color: #374148;
}

/* === Testimonial composition attributes === */
body.theme-tchibo-business .wb-testimonials[data-wb-quote='plain'] .wb-testimonial-card {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.theme-tchibo-business .wb-testimonials[data-wb-quote='plain'] .wb-testimonial-quote {
  color: var(--tcs-grey);
  font-size: clamp(18px, 2vw, 24px);
  font-style: italic;
  text-align: center;
}

body.theme-tchibo-business .wb-testimonials[data-wb-quote='plain'] .wb-testimonial-author {
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

/* --- Galerie --- */
body.theme-tchibo-business .wb-gallery {
  background: transparent;
}

/* --- Footer: coloane pe coffeeGrey + bara legala TCS Grey --- */
body.theme-tchibo-business .wb-footer {
  background: #F9F9F9;
  color: #374148;
  margin-top: 0;
  border-top: 1px solid #ECECEC;
}

body.theme-tchibo-business .wb-footer-topbar {
  display: none;
}

body.theme-tchibo-business .wb-footer-columns {
  max-width: 1504px;
  margin-left: auto;
  margin-right: auto;
  padding: 52px clamp(16px, 3vw, 40px) 40px;
}

body.theme-tchibo-business .wb-footer-col-title {
  color: #21292F;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0;
  border-bottom: 0;
  padding-bottom: 4px;
  margin-bottom: 20px;
  font-family: var(--wb-font-heading, inherit);
}

body.theme-tchibo-business .wb-footer-link {
  color: #374148;
  font-size: 16px;
  line-height: 1.5;
}

body.theme-tchibo-business .wb-footer-link:hover {
  color: #856D38;
}

body.theme-tchibo-business .wb-footer-legal-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: #374148;
  color: #CFD4D8;
  border-top: 0;
  padding: 16px clamp(16px, 3vw, 40px);
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.8px;
}

body.theme-tchibo-business .wb-footer-legal-link {
  color: #E6E9EB;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
}

body.theme-tchibo-business .wb-footer-legal-link:hover {
  color: #EDD38E;
}

body.theme-tchibo-business .wb-footer-btn-contact {
  border-color: #6B757C;
  color: #E6E9EB;
}

body.theme-tchibo-business .wb-footer-btn-contact:hover {
  border-color: #C0A468;
  color: #EDD38E;
}

body.theme-tchibo-business .wb-footer-btn-shop {
  background: #EDD38E;
  color: #21292F;
}

/* === Footer responsive composition === */
body.theme-tchibo-business .wb-footer-legal-left {
  font-size: 15px;
}

body.theme-tchibo-business .wb-footer-legal-center a {
  margin: 0 12px;
  font-weight: 700;
}

body.theme-tchibo-business .wb-footer-legal-right .wb-footer-btn-contact {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border-color: var(--tcs-gold-light);
  border-radius: 999px;
  background: var(--tcs-gold-light);
  color: var(--tcs-text-dark);
  font-weight: 700;
}

body.theme-tchibo-business .wb-footer-legal-right .wb-footer-btn-contact:hover {
  border-color: var(--tcs-gold);
  background: var(--tcs-gold);
  color: var(--tcs-text-dark);
}

body.theme-tchibo-business .wb-footer-col-toggle {
  position: relative;
  width: 100%;
  padding: 14px 0;
  border-bottom: 1px solid #E5E5E5;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}

body.theme-tchibo-business .wb-footer-col-toggle::after {
  content: '+';
  position: absolute;
  right: 0;
}

body.theme-tchibo-business .wb-footer-col-toggle[aria-expanded='true']::after {
  content: '\2212';
}

@media (max-width: 759px) {
  body.theme-tchibo-business .wb-footer-legal-bar {
    flex-direction: column;
    text-align: center;
  }
}

/* === Floating back-to-top control === */
body.theme-tchibo-business .wb-back-to-top {
  --wb-back-to-top-bg: var(--tcs-gold-light);
  --wb-back-to-top-color: var(--tcs-text-dark);
  box-shadow: var(--tcs-shadow);
}

/* --- CTA simplu si cta-overlay --- */
body.theme-tchibo-business .wb-cta {
  border-radius: 999px;
  background: #EDD38E;
  color: #21292F;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.75px;
}

body.theme-tchibo-business .wb-cta:hover {
  background: #C0A468;
  color: #21292F;
  filter: none;
}

/* Panourile de text plutitoare au radius 32px (p.16). */
body.theme-tchibo-business .wb-cta-overlay {
  border-radius: 32px;
}

/* --- Formulare: radius 4px, focus auriu, stil conform p.28-29 --- */
body.theme-tchibo-business main input[type='text'],
body.theme-tchibo-business main input[type='email'],
body.theme-tchibo-business main input[type='tel'],
body.theme-tchibo-business main input[type='number'],
body.theme-tchibo-business main input[type='search'],
body.theme-tchibo-business main textarea,
body.theme-tchibo-business main select {
  border: 1px solid #D8D8D8;
  border-radius: 4px;
  background: #FFFFFF;
  color: #21292F;
}

body.theme-tchibo-business main input[type='text']:focus,
body.theme-tchibo-business main input[type='email']:focus,
body.theme-tchibo-business main input[type='tel']:focus,
body.theme-tchibo-business main input[type='number']:focus,
body.theme-tchibo-business main input[type='search']:focus,
body.theme-tchibo-business main textarea:focus,
body.theme-tchibo-business main select:focus {
  outline: none;
  border-color: #C0A468;
  box-shadow: 0 0 0 1px #C0A468;
}

body.theme-tchibo-business main label {
  color: #64696D;
}

body.theme-tchibo-business main input[type='checkbox'],
body.theme-tchibo-business main input[type='radio'] {
  accent-color: #C0A468;
}

/* --- Pagini Companie: ritm si module identice cu implementarea TCS --- */
body.theme-tchibo-business section[data-anchor-id='company-intro'] .wb-text-block {
  min-height: 0;
  padding: 32px 0 0;
  background: #F9F9F9;
}

body.theme-tchibo-business section[data-anchor-id='company-intro'] .wb-text-container h2 {
  font-size: 48px;
  font-weight: 400;
  line-height: 55.68px;
  color: #374148;
  margin: 0 0 16px;
}

body.theme-tchibo-business section[data-anchor-id='company-intro'] .wb-text-container p {
  font-size: 16px;
  line-height: 24px;
  color: #374148;
  margin: 0 0 32px;
}

@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='company-intro'] .wb-text-container h2 {
    font-size: 32px;
    line-height: 37.12px;
  }
}

body.theme-tchibo-business section[data-anchor-id='company-about-intro'] .wb-text-block,
body.theme-tchibo-business section[data-anchor-id='company-history-intro'] .wb-text-block {
  min-height: 256px;
  padding: 52px 0 40px;
}

body.theme-tchibo-business section[data-anchor-id='company-about-intro'] .wb-text-block {
  background: #F9F9F9;
}

body.theme-tchibo-business section[data-anchor-id='company-history-intro'] .wb-text-block {
  background: #FFFFFF;
}

/* Hub Companie: trei teaser-card-uri 3:4, cu banda Gold Light. */
body.theme-tchibo-business section[data-anchor-id='company-cards'] .wb-services {
  padding: 32px 0 64px;
  background: #F9F9F9;
}

body.theme-tchibo-business section[data-anchor-id='company-cards'] .wb-services > div {
  max-width: 1504px;
  padding-left: 16px;
  padding-right: 16px;
}

body.theme-tchibo-business section[data-anchor-id='company-cards'] .wb-services [data-cols='3'] {
  gap: 32px;
}

body.theme-tchibo-business section[data-anchor-id='company-cards'] .wb-services-card {
  min-height: 0;
  margin-bottom: 32px;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
}

body.theme-tchibo-business section[data-anchor-id='company-cards'] .wb-services-card:hover {
  transform: none;
  box-shadow: none;
}

body.theme-tchibo-business section[data-anchor-id='company-cards'] .wb-services-card-media {
  aspect-ratio: auto;
  height: 469px;
  border-radius: 8px 8px 0 0;
}

body.theme-tchibo-business section[data-anchor-id='company-cards'] .wb-services-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.theme-tchibo-business section[data-anchor-id='company-cards'] .wb-services-card-body {
  min-height: 264px;
  padding: 32px 30px;
  gap: 0;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  background: #EDD38E;
  color: #21292F;
  border-radius: 0 0 8px 8px;
}

body.theme-tchibo-business section[data-anchor-id='company-cards'] .wb-services[data-wb-cols] .wb-services-card .wb-services-card-title {
  margin: 0 0 16px;
  padding: 0;
  color: #21292F;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.05;
}

body.theme-tchibo-business section[data-anchor-id='company-cards'] .wb-services[data-wb-cols] .wb-services-card .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business section[data-anchor-id='company-cards'] .wb-services-card-desc {
  flex: 0 0 auto;
  color: #21292F;
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}

body.theme-tchibo-business section[data-anchor-id='company-cards'] .wb-services-cta {
  align-self: center;
  display: inline-flex;
  min-height: 48px;
  margin: 32px auto 0;
  padding: 14px;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  border-radius: 32px;
  background: transparent;
  color: #21292F;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.8px;
}

/* Regula generica a grilelor pe 3 coloane (`.wb-services[data-wb-cols='3']:not([data-wb-card='flat'])
   .wb-services-cta`, specificitate 0,5,1) batea regula ancorata de mai sus (0,3,2): butonul ramanea
   14/600 #856D38 la 8px sub text. Aceeasi valori, cu specificitate 0,6,2. (8 septembrie 2026) */
body.theme-tchibo-business section[data-anchor-id='company-cards'] .wb-services[data-wb-cols='3'] .wb-services-card .wb-services-cta {
  min-height: 48px;
  margin: 32px auto 0;
  padding: 14px;
  border: 2px solid transparent;
  border-radius: 32px;
  background: transparent;
  color: #21292F;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.8px;
}

body.theme-tchibo-business section[data-anchor-id='company-cards'] .wb-services-cta-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 0 0 8px;
  font-size: 0;
  line-height: 0;
  color: transparent;
  background-color: #21292F;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M8.253 25.995c-.172 0-.343-.066-.473-.197-.259-.261-.256-.682.005-.94l11.022-10.9-10.935-10.815c-.261-.258-.264-.679-.005-.94.257-.261.678-.264.94-.005l11.413 11.288c.126.125.197.295.197.473s-.071.348-.197.473l-11.5 11.373c-.129.126-.298.19-.467.19z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M8.253 25.995c-.172 0-.343-.066-.473-.197-.259-.261-.256-.682.005-.94l11.022-10.9-10.935-10.815c-.261-.258-.264-.679-.005-.94.257-.261.678-.264.94-.005l11.413 11.288c.126.125.197.295.197.473s-.071.348-.197.473l-11.5 11.373c-.129.126-.298.19-.467.19z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}

@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='company-cards'] .wb-services {
    padding: 8px 0 16px;
  }

  body.theme-tchibo-business section[data-anchor-id='company-cards'] .wb-services-card {
    margin-bottom: 0;
  }

  body.theme-tchibo-business section[data-anchor-id='company-cards'] .wb-services-card-media {
    height: auto;
    aspect-ratio: 3 / 4;
  }

  body.theme-tchibo-business section[data-anchor-id='company-cards'] .wb-services-card-body {
    min-height: 0;
  }

  body.theme-tchibo-business section[data-anchor-id='company-cards'] .wb-services[data-wb-cols] .wb-services-card .wb-services-card-title {
    font-size: 28px;
    line-height: 29.4px;
  }
}

/* Despre noi: cele sase icon-card-uri originale, in doua randuri. */
body.theme-tchibo-business section[data-anchor-id='company-about-stats'] .wb-stats {
  min-height: 714px;
  padding: 69px 0;
  background: #F9F9F9;
}

body.theme-tchibo-business section[data-anchor-id='company-about-stats'] .wb-stats > div {
  max-width: none;
  padding-left: 16px;
  padding-right: 16px;
}

/* Referinta: 74px intre randuri, 32px intre coloane (masurat pe
   `.cms-element-icon-card`, la 1440). */
body.theme-tchibo-business section[data-anchor-id='company-about-stats'] .wb-stats [data-cols='3'] {
  gap: 74px 32px;
}

/* Cardul referintei este `.cms-element-icon-card`, nu blocul CMS care il contine:
   fundal #F9F9F9, umbra 0 0 5px rgba(0,0,0,.5), padding 40px 5px. `min-height`
   ramane insa 0 — inaltimile sunt naturale (285px randul 1, 218px randul 2), asa
   ca plafonul nostru de 251px a fost scos. */
body.theme-tchibo-business section[data-anchor-id='company-about-stats'] .wb-stats-item {
  padding: 40px 5px;
  border: 0;
  border-radius: 0;
  background: #F9F9F9;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  color: #374148;
}

body.theme-tchibo-business section[data-anchor-id='company-about-stats'] .wb-stats-icon,
body.theme-tchibo-business section[data-anchor-id='company-about-stats'] .wb-stats-icon-image {
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto 32px;
  color: transparent;
  font-size: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  object-fit: contain;
}

body.theme-tchibo-business section[data-anchor-id='company-about-stats'] .wb-stats-item:nth-child(1) .wb-stats-icon {
  background-image: url('/files/website-media/3DH7QEeFoKn8Pkz87/tchibobusiness/companie/about-stat-coffeeworld.svg');
}
body.theme-tchibo-business section[data-anchor-id='company-about-stats'] .wb-stats-item:nth-child(2) .wb-stats-icon {
  background-image: url('/files/website-media/3DH7QEeFoKn8Pkz87/tchibobusiness/companie/about-stat-coffee.svg');
}
body.theme-tchibo-business section[data-anchor-id='company-about-stats'] .wb-stats-item:nth-child(3) .wb-stats-icon {
  background-image: url('/files/website-media/3DH7QEeFoKn8Pkz87/tchibobusiness/companie/about-stat-machine.svg');
}
body.theme-tchibo-business section[data-anchor-id='company-about-stats'] .wb-stats-item:nth-child(4) .wb-stats-icon {
  background-image: url('/files/website-media/3DH7QEeFoKn8Pkz87/tchibobusiness/companie/about-stat-customers.svg');
}
body.theme-tchibo-business section[data-anchor-id='company-about-stats'] .wb-stats-item:nth-child(5) .wb-stats-icon {
  background-image: url('/files/website-media/3DH7QEeFoKn8Pkz87/tchibobusiness/companie/about-stat-certified.svg');
}
body.theme-tchibo-business section[data-anchor-id='company-about-stats'] .wb-stats-item:nth-child(6) .wb-stats-icon {
  background-image: url('/files/website-media/3DH7QEeFoKn8Pkz87/tchibobusiness/companie/about-stat-network.svg');
}

body.theme-tchibo-business section[data-anchor-id='company-about-stats'] .wb-stats-value,
body.theme-tchibo-business section[data-anchor-id='company-about-stats'] .wb-stats-label {
  display: inline;
  margin: 0;
  color: #374148;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.05;
}

body.theme-tchibo-business section[data-anchor-id='company-about-stats'] .wb-stats-label::before {
  content: ' ';
}

/* Bannerul cronologic lat, separat de text, ca in sursa. */
body.theme-tchibo-business section[data-anchor-id='company-history-image'] {
  padding: 0 16px 70px;
  background: #FFFFFF;
}

body.theme-tchibo-business section[data-anchor-id='company-history-image'] figure {
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.theme-tchibo-business section[data-anchor-id='company-history-image'] figure > span {
  width: 100% !important;
}

/* Harta Europei: doua coloane fara card, fara umbra. */
body.theme-tchibo-business section[data-anchor-id='company-about-europe'] .wb-feature--light {
  min-height: 594px;
  padding: 64px 0;
  background: #F9F9F9;
}

body.theme-tchibo-business section[data-anchor-id='company-about-europe'] .wb-feature-container {
  min-height: 466px;
  max-width: none;
  padding: 0 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

body.theme-tchibo-business section[data-anchor-id='company-about-europe'] .wb-feature-media {
  width: calc(100% - 40px);
  margin: 0 20px;
  border-radius: 0;
}

/* Referinta randeaza harta la 641x480 cu raza de 20px. */
body.theme-tchibo-business section[data-anchor-id='company-about-europe'] .wb-feature-media img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 20px;
}

/* Referinta: 48/400/55,68px. */
body.theme-tchibo-business section[data-anchor-id='company-about-europe'] .wb-feature-title {
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

/* Referinta foloseste toata coloana de 641px (fara max-width) si 16/24px. */
body.theme-tchibo-business section[data-anchor-id='company-about-europe'] .wb-feature-desc {
  color: #374148;
  font-size: 16px;
  line-height: 24px;
}

/* Referinta centreaza titlul, paragraful si butonul din coloana dreapta. */
body.theme-tchibo-business section[data-anchor-id='company-about-europe'] .wb-feature-body {
  align-items: center;
  text-align: center;
}

/* Butonul are `align-self: flex-start` din CSS-ul componentei (FeatureBlock.module.css),
   iar `align-self` de pe copil bate `align-items` de pe parinte — de aceea titlul si
   paragraful se centrau, dar butonul ramanea la stanga. Referinta il are centrat: la
   1440 sta la 239px intr-o coloana utila de 641px, deci exact pe axa (239 + 202/2 = 340,
   centrul coloanei 340,5). Acelasi tipar exista deja pe ancora `tchibo2go-quote`. */
body.theme-tchibo-business section[data-anchor-id='company-about-europe'] .wb-feature-cta {
  align-self: center;
}

/* Acordeonul de tari: lista lata, cinci randuri compacte si spatiu final mare. */
body.theme-tchibo-business section[data-anchor-id='company-about-locations'] > section {
  min-height: 504px;
  padding: 24px 0 145px;
  background: #F9F9F9;
}

body.theme-tchibo-business section[data-anchor-id='company-about-locations'] > section > div {
  max-width: none;
  padding: 0 16px;
}

body.theme-tchibo-business section[data-anchor-id='company-about-locations'] > section > div > div {
  gap: 0;
}

/* Referinta traseaza linia in culoarea textului (#374148), nu intr-un gri deschis. */
body.theme-tchibo-business section[data-anchor-id='company-about-locations'] details {
  box-sizing: border-box;
  height: 67px;
  min-height: 67px;
  border: 0;
  border-bottom: 1px solid #374148;
  border-radius: 0;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='company-about-locations'] details[open] {
  height: auto;
}

body.theme-tchibo-business section[data-anchor-id='company-about-locations'] summary {
  min-height: 67px;
  padding: 16px 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
}

body.theme-tchibo-business section[data-anchor-id='company-about-locations'] summary::after {
  color: #374148;
}

/* Referinta: 16/24px, ca restul corpului de text. */
body.theme-tchibo-business section[data-anchor-id='company-about-locations'] details > div {
  padding: 0 0 6px;
  color: #374148;
  font-size: 16px;
  line-height: 24px;
}

body.theme-tchibo-business section[data-anchor-id='company-about-locations'] details > div p {
  margin: 0;
}

/* CTA comun: 312px, portret 160px si text pe latimea originalului. */
body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature--dark {
  min-height: 312px;
  height: 312px;
  padding: 32px 0;
}

body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature-container {
  max-width: 700px;
  padding-left: 0;
  padding-right: 0;
  grid-template-columns: 160px minmax(0, 460px);
  gap: 59px;
}

body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature-media,
body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature-media img {
  width: 160px;
  height: 160px;
}

body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature-title {
  max-width: 460px;
  font-size: 40px;
  line-height: 1.12;
}

body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature-desc {
  max-width: 460px;
  font-size: 16px;
  line-height: 1.5;
}

body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature-cta {
  min-height: 46px;
  margin-top: 16px;
  padding: 14px 22px;
  border-radius: 32px;
  font-size: 16px;
  line-height: 1;
}

/* Referinta marcheaza cardul "> 50.000 Kunden" cu hidden-tablet hidden-mobile
   (prag 992px); la noi este al treilea .wb-stats-item. */
@media (max-width: 991px) {
  body.theme-tchibo-business section[data-anchor-id='company-about-stats'] .wb-stats-item:nth-child(3) {
    display: none;
  }
}

@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='company-intro'] .wb-text-block,
  body.theme-tchibo-business section[data-anchor-id='company-about-intro'] .wb-text-block,
  body.theme-tchibo-business section[data-anchor-id='company-history-intro'] .wb-text-block {
    min-height: 0;
    padding: 48px 0;
  }

  /* Hub Companie (8 septembrie 2026): 8 0 0 ca in referinta; dupa regula grupata, ca sa
     castige prin ordine. */
  body.theme-tchibo-business section[data-anchor-id='company-intro'] .wb-text-block {
    padding: 8px 0 0;
  }

  body.theme-tchibo-business section[data-anchor-id='company-about-stats'] .wb-stats {
    min-height: 0;
    padding: 48px 0;
  }

  body.theme-tchibo-business section[data-anchor-id='company-about-stats'] .wb-stats [data-cols='3'] {
    gap: 24px;
  }

  body.theme-tchibo-business section[data-anchor-id='company-about-europe'] .wb-feature--light {
    min-height: 0;
    padding: 48px 0;
  }

  body.theme-tchibo-business section[data-anchor-id='company-about-europe'] .wb-feature-container {
    min-height: 0;
    grid-template-columns: 1fr;
  }

  body.theme-tchibo-business section[data-anchor-id='company-about-europe'] .wb-feature-media {
    width: 100%;
    margin: 0;
  }

  body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature--dark {
    height: auto;
    min-height: 0;
    padding: 48px 0 56px;
  }

  body.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature-container {
    max-width: none;
    padding-left: 16px;
    padding-right: 16px;
    grid-template-columns: 1fr;
    gap: 44px;
  }
}

/* === Iconite TCS pe carduri (imageUrl din media/icons) === */
body.theme-tchibo-business .wb-services-card-media--icon {
  aspect-ratio: auto;
  background: none;
  border: 0;
  box-shadow: none;
  padding: 28px 0 4px;
}

body.theme-tchibo-business .wb-services-card-media--icon img {
  width: 64px;
  height: 64px;
  object-fit: contain;
}

/* CTA banner: proportia referintei (1409x810) pe sectiune, doar desktop */
@media (min-width: 900px) {
  body.theme-tchibo-business .wb-feature[data-wb-variant='cta-banner'] {
    aspect-ratio: auto;
    height: 810px;
  }
}

body.theme-tchibo-business .wb-services .wb-services-cta {
  text-transform: none;
  letter-spacing: normal;
}

/* Tile-uri Home: coloane de 673px ca in referinta (container 1441, gap 32) */
@media (min-width: 900px) {
  body.theme-tchibo-business section.wb-services[data-wb-cols='2'][data-wb-linkicon='chevron'] > div {
    max-width: 1441px;
    padding: 0 16px;
  }

  body.theme-tchibo-business section.wb-services[data-wb-cols='2'][data-wb-linkicon='chevron'] > div > div {
    gap: 32px;
  }
}

/* === Home: teaser servicii ca in referinta (card alb radius 20 cu umbra, foto lipita stanga, lista cu bife) === */
body.theme-tchibo-business section[data-anchor-id='home-service-teaser'] .wb-feature[data-wb-media='flush'].wb-feature--light .wb-feature-container {
  max-width: 1377px;
  padding: 0;
  gap: 0;
  align-items: stretch;
  background: #FFFFFF;
  border-radius: 20px;
  box-shadow: 0 4px 16px rgba(55, 65, 72, 0.15);
  overflow: hidden;
}

body.theme-tchibo-business section[data-anchor-id='home-service-teaser'] .wb-feature[data-wb-media='flush'].wb-feature--light .wb-feature-media {
  position: relative;
  min-height: 0;
  height: 100%;
  border-radius: 0;
}

body.theme-tchibo-business section[data-anchor-id='home-service-teaser'] .wb-feature[data-wb-media='flush'].wb-feature--light .wb-feature-media img {
  position: static;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

body.theme-tchibo-business section[data-anchor-id='home-service-teaser'] .wb-feature[data-wb-media='flush'].wb-feature--light .wb-feature-body {
  padding: 32px;
  justify-content: center;
}

body.theme-tchibo-business section[data-anchor-id='home-service-teaser'] .wb-feature[data-wb-media='flush'].wb-feature--light .wb-feature-check {
  display: inline-flex;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #C0A468;
  color: #FFFFFF;
}

body.theme-tchibo-business section[data-anchor-id='home-service-teaser'] .wb-feature[data-wb-media='flush'].wb-feature--light .wb-feature-item {
  gap: 8px;
  padding-left: 0;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 24px;
  color: #374148;
}

@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='home-service-teaser'] .wb-feature[data-wb-media='flush'].wb-feature--light .wb-feature-container {
    border-radius: 20px;
  }

  body.theme-tchibo-business section[data-anchor-id='home-service-teaser'] .wb-feature[data-wb-media='flush'].wb-feature--light .wb-feature-media img {
    height: auto;
  }
}

/* Carusel marci: logo-ul e decupat din canvasul 800x800 (cover), ca in referinta, nu micsorat */
body.theme-tchibo-business .wb-logo-strip[data-wb-layout='loop'] .wb-logo-loop-img {
  object-fit: cover;
}

/* === Industries hub: current German reference composition (2026-09-03).
   Every rule is tied to the industries anchor or an explicit industries variant,
   so existing Tchibo corporate heroes and generic services grids stay unchanged. === */
body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-industries'] .wb-hero {
  height: 700px;
  min-height: 700px;
}

/* The reference uses a single centered H2 with its own vertical rhythm; this
   anchor keeps that spacing from leaking into other intro-sized text blocks. */
body.theme-tchibo-business section[data-anchor-id='industries-intro'] .wb-text-block[data-wb-size='intro'],
body.theme-tchibo-business section.wb-text-block[data-anchor-id='industries-intro'][data-wb-size='intro'] {
  padding: 84px 0;
}

body.theme-tchibo-business section[data-anchor-id='industries-intro'] .wb-text-container,
body.theme-tchibo-business section.wb-text-block[data-anchor-id='industries-intro'] .wb-text-container {
  max-width: 1330px;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='industries-intro'] .wb-text-container h2,
body.theme-tchibo-business section.wb-text-block[data-anchor-id='industries-intro'] .wb-text-container h2 {
  margin: 0;
}

/* Industry tiles reproduce the reference's asymmetric desktop grid: two wide
   50/50 cards followed by four compact vertical cards. The variant is opt-in. */
body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] {
  padding: 0 0 64px;
  background: transparent;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] > div {
  max-width: 1441px;
  padding: 0 16px;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] > div > div {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px;
  align-items: stretch;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] .wb-services-card {
  min-height: 0;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] .wb-services-card:hover {
  transform: none;
  box-shadow: none;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] .wb-services-card:nth-child(-n + 2) {
  grid-column: span 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] .wb-services-card:nth-child(n + 3) {
  display: flex;
  flex-direction: column;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] .wb-services-card-media {
  min-width: 0;
  height: auto;
  aspect-ratio: 4 / 3;
  border-radius: 0;
  background: #E9E9E9;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] .wb-services-card:nth-child(-n + 2) .wb-services-card-media {
  height: 100%;
  aspect-ratio: auto;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] .wb-services-card-media > img {
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: cover;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] .wb-services-card-body {
  min-height: 286px;
  padding: 32px;
  gap: 0;
  align-items: flex-start;
  background: #374148;
  color: #F9F9F9;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] .wb-services-card-title {
  margin: 0 0 24px;
  padding: 0;
  color: #F9F9F9;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.05;
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] .wb-services-card-desc {
  margin: 0 0 32px;
  color: #F9F9F9;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] .wb-services-cta,
body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] .wb-services-cta:hover {
  align-self: flex-start;
  margin: auto 0 0;
  padding: 0;
  background: transparent;
  color: #F9F9F9;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
}

/* Coffee-solution cards use the reference's coffee-light band and square,
   shadowed #F9F9F9 surfaces. The dedicated variant supersedes legacy icon-card
   styling only on this industries page. */
body.theme-tchibo-business .wb-services[data-wb-variant='industries-solutions'] {
  padding: 84px 0 112px;
  background: #F5EDE5;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-solutions'] > div {
  padding-right: 16px;
  padding-left: 16px;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-solutions'] .wb-services-title,
body.theme-tchibo-business .wb-services[data-wb-variant='industries-solutions'] .wb-services-subtitle {
  width: calc(100% - 40px);
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-solutions'] .wb-services-subtitle {
  max-width: 1353px;
  margin-bottom: 32px;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-solutions'] > div > div {
  gap: 32px;
  align-items: stretch;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-solutions'] .wb-services-card,
body.theme-tchibo-business .wb-services[data-wb-variant='industries-solutions'] .wb-services-card:hover {
  position: relative;
  min-height: 0;
  padding: 40px 5px;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: #F9F9F9;
  box-shadow: 0 0 5px rgba(0,0,0,.5);
  text-align: center;
  transform: none;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-solutions'] .wb-services-card-media,
body.theme-tchibo-business .wb-services[data-wb-variant='industries-solutions'] .wb-services-card-media--icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 8px;
  padding: 0;
  aspect-ratio: auto;
  background: transparent;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-solutions'] .wb-services-card-media > img,
body.theme-tchibo-business .wb-services[data-wb-variant='industries-solutions'] .wb-services-card-media--icon img {
  width: 64px;
  height: 64px;
  object-fit: contain;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-solutions'] .wb-services-card-body {
  padding: 0;
  gap: 0;
  align-items: center;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-solutions'] .wb-services-card-title {
  margin: 0 0 32px;
  padding: 0;
  color: #374148;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.05;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-solutions'] .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-solutions'] .wb-services-card-desc {
  max-width: 410px;
  margin: 0 auto 28px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-solutions'] .wb-services-cta,
body.theme-tchibo-business .wb-services[data-wb-variant='industries-solutions'] .wb-services-cta:hover {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  display: flex;
  width: 100%;
  min-height: 48px;
  align-self: center;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 14px;
  background: transparent;
  color: #374148;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
}

/* Benefits are deliberately content-only columns in the reference. Scoping the
   flat treatment to industries-benefits avoids changing other flat service grids. */
body.theme-tchibo-business .wb-services[data-wb-variant='industries-benefits'] {
  padding: 84px 0 64px;
  background: transparent;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-benefits'] > div {
  padding-right: 16px;
  padding-left: 16px;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-benefits'] .wb-services-title {
  max-width: 900px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-benefits'] > div > div {
  gap: 32px;
  align-items: start;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-benefits'] .wb-services-card,
body.theme-tchibo-business .wb-services[data-wb-variant='industries-benefits'] .wb-services-card:hover {
  min-height: 0;
  padding: 40px 5px;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
  text-align: center;
  transform: none;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-benefits'] .wb-services-card-media,
body.theme-tchibo-business .wb-services[data-wb-variant='industries-benefits'] .wb-services-card-media--icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 8px;
  padding: 0;
  aspect-ratio: auto;
  background: transparent;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-benefits'] .wb-services-card-media > img,
body.theme-tchibo-business .wb-services[data-wb-variant='industries-benefits'] .wb-services-card-media--icon img {
  width: 64px;
  height: 64px;
  object-fit: contain;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-benefits'] .wb-services-card-body {
  padding: 0;
  gap: 0;
  align-items: center;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-benefits'] .wb-services-card-title {
  margin: 0 0 32px;
  padding: 0;
  color: #374148;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.05;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-benefits'] .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business .wb-services[data-wb-variant='industries-benefits'] .wb-services-card-desc {
  max-width: 430px;
  margin: 0 auto 28px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

/* The closing reference is one full-bleed photograph with an opaque white panel
   covering the lower-right half. This variant is page-specific by design. */
body.theme-tchibo-business .wb-feature[data-wb-variant='industries-closing'] {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 0;
  padding: 0;
  aspect-ratio: 1409 / 810;
  overflow: hidden;
  background: #FFFFFF;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='industries-closing'] .wb-feature-container {
  position: relative;
  isolation: isolate;
  display: grid;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  align-items: stretch;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='industries-closing'] .wb-feature-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  border-radius: 0;
  overflow: hidden;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='industries-closing'] .wb-feature-media > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='industries-closing'] .wb-feature-body {
  z-index: 1;
  grid-column: 2;
  align-self: end;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-height: 0;
  margin: 0;
  padding: 48px 40px;
  gap: 0;
  background: #FFFFFF;
  border-radius: 0;
  box-shadow: none;
  color: #374148;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='industries-closing'] .wb-feature-title {
  margin: 0 0 16px;
  color: #374148;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='industries-closing'] .wb-feature-desc {
  margin: 0 0 32px;
  color: #374148;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  opacity: 1;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='industries-closing'] .wb-feature-cta {
  align-self: flex-start;
  min-height: 46px;
  margin: 0;
  padding: 14px 22px;
  border-radius: 32px;
  background: #EDD38E;
  color: #374148;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='industries-closing'] .wb-feature-cta:hover {
  background: #C0A468;
  color: #374148;
  filter: none;
}

@media (max-width: 899px) {
  /* The industries hero follows its 731px mobile reference. (Until 7 September
     2026 this comment claimed every other tcs-page hero keeps 803px; the generic
     rule is now 700px, matching every reference measured on mobile.) */
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-industries'] .wb-hero {
    height: 731px;
    min-height: 731px;
  }

  body.theme-tchibo-business section[data-anchor-id='industries-intro'] .wb-text-block[data-wb-size='intro'],
  body.theme-tchibo-business section.wb-text-block[data-anchor-id='industries-intro'][data-wb-size='intro'] {
    padding: 40px 0;
  }

  body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] {
    padding: 0 0 64px;
  }

  body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] > div > div {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] .wb-services-card:nth-child(-n + 2),
  body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] .wb-services-card:nth-child(n + 3) {
    grid-column: 1;
    display: flex;
    flex-direction: column;
  }

  body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] .wb-services-card-media,
  body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] .wb-services-card:nth-child(-n + 2) .wb-services-card-media {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
  }

  body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] .wb-services-card-body {
    min-height: 0;
    padding: 32px 24px;
  }

  body.theme-tchibo-business .wb-services[data-wb-variant='industries-reference'] .wb-services-card-title {
    font-size: 28px;
  }

  body.theme-tchibo-business .wb-services[data-wb-variant='industries-solutions'] {
    padding: 48px 0 64px;
  }

  body.theme-tchibo-business .wb-services[data-wb-variant='industries-solutions'] > div > div {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  body.theme-tchibo-business .wb-services[data-wb-variant='industries-benefits'] {
    padding: 48px 0 64px;
  }

  body.theme-tchibo-business .wb-services[data-wb-variant='industries-benefits'] > div > div {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  body.theme-tchibo-business .wb-services[data-wb-variant='industries-benefits'] .wb-services-title {
    margin-bottom: 48px;
  }

  body.theme-tchibo-business .wb-feature[data-wb-variant='industries-closing'] {
    width: 100%;
    height: 393px;
    min-height: 393px;
    aspect-ratio: auto;
  }

  body.theme-tchibo-business .wb-feature[data-wb-variant='industries-closing'] .wb-feature-container {
    grid-template-columns: 1fr;
  }

  body.theme-tchibo-business .wb-feature[data-wb-variant='industries-closing'] .wb-feature-body {
    grid-column: 1;
    width: 100%;
    max-width: none;
    padding: 24px 16px;
  }
}

/* Specificity bridge for the industries variants. Generic 3/4-column and
   light-feature rules intentionally carry composition selectors; matching that
   specificity here keeps the opt-in reference variants authoritative. */
body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-card-title {
  color: #F9F9F9;
  font-size: 32px;
  font-weight: 700;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-cta,
body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-cta:hover {
  margin: auto 0 0;
  padding: 0;
  box-sizing: border-box;
  height: 48px;
  color: #F9F9F9;
  font-size: 16px;
  font-weight: 600;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='industries-solutions'][data-wb-cols='3'] {
  padding: 84px 0 112px;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='industries-solutions'][data-wb-cols='3'] .wb-services-card {
  background: #F9F9F9;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='industries-solutions'][data-wb-cols='3'] .wb-services-card-title {
  color: #374148;
  font-size: 32px;
  font-weight: 700;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='industries-solutions'][data-wb-cols='3'] .wb-services-cta,
body.theme-tchibo-business section.wb-services[data-wb-variant='industries-solutions'][data-wb-cols='3'] .wb-services-cta:hover {
  margin: 0;
  padding: 14px;
  color: #374148 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='industries-benefits'][data-wb-cols='3'] {
  padding: 84px 0 64px;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='industries-benefits'][data-wb-cols='3'] .wb-services-card {
  padding: 40px 5px;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='industries-benefits'][data-wb-cols='3'] .wb-services-card-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.05;
  text-transform: none;
  letter-spacing: normal;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='industries-benefits'][data-wb-cols='3'] .wb-services-card-desc {
  margin: 0 auto 28px;
}

body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='industries-closing'] {
  width: 100%;
  height: 810px;
  min-height: 810px;
  margin-inline: 0;
  padding: 0;
  aspect-ratio: auto;
  background: #F9F9F9;
}

body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='industries-closing'] .wb-feature-container {
  padding: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='industries-closing'] .wb-feature-media {
  border-radius: 0;
}

body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='industries-closing'] .wb-feature-body {
  width: min(calc(100% - 16px), 736px);
  height: 393px;
  min-height: 393px;
  margin: 0 0 40px;
  padding: 40px;
  justify-self: start;
  justify-content: center;
  background: #F9F9F9;
  border-radius: 12px;
}

body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='industries-closing'] .wb-feature-title {
  margin-bottom: 48px;
  line-height: 1.16;
}

body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='industries-closing'] .wb-feature-cta {
  margin: 16px 0 32px;
}

@media (max-width: 899px) {
  body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-card-title {
    font-size: 28px;
  }

  body.theme-tchibo-business section.wb-services[data-wb-variant='industries-solutions'][data-wb-cols='3'] {
    padding: 48px 0 64px;
  }

  body.theme-tchibo-business section.wb-services[data-wb-variant='industries-benefits'][data-wb-cols='3'] {
    padding: 48px 0 64px;
  }

  body.theme-tchibo-business section.wb-services[data-wb-variant='industries-benefits'][data-wb-cols='3'] .wb-services-title {
    margin-bottom: 48px;
  }

  body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='industries-closing'] {
    height: 393px;
    min-height: 393px;
  }

  body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='industries-closing'] .wb-feature-body {
    width: 100%;
    height: 393px;
    min-height: 393px;
    margin: 0;
    padding: 40px;
  }

  body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='industries-closing'] .wb-feature-title {
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 1.16;
  }

  body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='industries-closing'] .wb-feature-cta {
    margin: 16px 0 0;
  }
}

/* Exact teaser-card geometry from the German industries page: wide 469px
   split cards on the first row and 469px portrait crops above fixed content
   panels on the second row. */
body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] > div > div {
  column-gap: 32px;
  row-gap: 64px;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-card {
  border-radius: 8px;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-card:nth-child(-n + 2),
body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-card:nth-child(-n + 2) .wb-services-card-media,
body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-card:nth-child(-n + 2) .wb-services-card-body {
  height: 469px;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-card:nth-child(-n + 2) .wb-services-card-body {
  min-height: 469px;
  justify-content: center;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-card:nth-child(n + 3) .wb-services-card-media {
  height: 469px;
  aspect-ratio: auto;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-card:nth-child(n + 3) .wb-services-card-body {
  height: 299px;
  min-height: 299px;
  margin-bottom: 32px;
  justify-content: flex-start;
  border-radius: 0 0 8px 8px;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-card-body {
  padding: 32px 30px;
  align-items: center;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-card-title {
  align-self: center;
  margin: 0 0 16px;
  font-weight: 400;
  text-align: center;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-card-desc {
  flex: 0 0 auto;
  width: 100%;
  margin: 0 0 32px;
  text-align: left;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-cta,
body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-cta:hover {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  min-height: 48px;
  margin: 0;
  padding: 14px;
  gap: 8px;
  border: 2px solid transparent;
  border-radius: 32px;
  line-height: 16px;
}

@media (max-width: 899px) {
  body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] > div > div {
    gap: 0;
  }

  body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-card,
  body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-card:nth-child(-n + 2) {
    height: auto;
  }

  body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-card-media,
  body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-card:nth-child(-n + 2) .wb-services-card-media,
  body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-card:nth-child(n + 3) .wb-services-card-media {
    height: auto;
    aspect-ratio: 3 / 4;
  }

  body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-card-body,
  body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-card:nth-child(-n + 2) .wb-services-card-body,
  body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-card:nth-child(n + 3) .wb-services-card-body {
    height: auto;
    min-height: 0;
    margin-bottom: 32px;
    padding: 16px 32px;
    justify-content: flex-start;
  }

  body.theme-tchibo-business section.wb-services[data-wb-variant='industries-reference'][data-wb-cols='4'] .wb-services-card-title {
    margin-bottom: 16px;
    font-size: 28px;
    font-weight: 400;
  }
}

/* === Office/Birouri parity (reference checked 2026-09-03) ===
   Every selector is opt-in through an Office-only CMS variant/anchor, so the
   shared Tchibo theme and the other storefront tenants retain their defaults. */
body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-office'] .wb-hero {
  height: 700px;
  min-height: 700px;
}

body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-office'] .wb-hero-content,
body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-office'] .wb-hero-body {
  justify-content: center;
}

body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-office'] .wb-hero-title {
  font-size: 60px;
  font-weight: 300;
  line-height: 0.93;
}

body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-office'] .wb-ai-label,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-detail'] .wb-ai-label,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-closing'] .wb-ai-label {
  left: 10px;
  bottom: 10px;
  padding: 5px;
  background: #FBFBFB;
  color: #545C63;
  font-size: 16px;
  line-height: 1;
}

body.theme-tchibo-business section[data-anchor-id='office-intro'] .wb-text-block {
  padding: 64px 0;
  background: #FFFFFF;
}

body.theme-tchibo-business section[data-anchor-id='office-intro'] .wb-text-container {
  max-width: 1200px;
}

body.theme-tchibo-business section[data-anchor-id='office-intro'] .wb-text-container h2 {
  margin: 0 0 24px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

body.theme-tchibo-business section[data-anchor-id='office-intro'] .wb-text-container p {
  margin: 0;
  color: #374148;
  font-size: 16px;
  line-height: 1.5;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-detail'],
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'],
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-service'] {
  padding: 64px 16px;
  background: #FFFFFF;
  color: #374148;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-detail'] .wb-feature-container,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-container,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-service'] .wb-feature-container {
  width: 100%;
  max-width: none;
  padding: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px;
  align-items: stretch;
  overflow: visible;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-detail'] .wb-feature-media,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-media,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-service'] .wb-feature-media,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-detail'] .wb-feature-container[data-image-position] .wb-feature-media,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-container[data-image-position] .wb-feature-media,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-service'] .wb-feature-container[data-image-position] .wb-feature-media {
  min-height: 0;
  height: 100%;
  align-self: stretch;
  aspect-ratio: auto;
  border-radius: 20px;
  overflow: hidden;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-detail'] .wb-feature-media > img,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-media > img,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-service'] .wb-feature-media > img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-detail'] .wb-feature-body,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-body,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-service'] .wb-feature-body {
  align-self: stretch;
  justify-content: center;
  padding: 0;
  gap: 24px;
  background: transparent;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-detail'] .wb-feature-title,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-service'] .wb-feature-title,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-office-title {
  margin: 0;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
  letter-spacing: normal;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-detail'] .wb-feature-desc,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-desc,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-service'] .wb-feature-desc {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  opacity: 1;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-detail'] .wb-feature-desc p,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-desc p,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-service'] .wb-feature-desc p {
  margin: 0;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-detail'] .wb-feature-desc p {
  margin-bottom: 32px;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-detail'] .wb-feature-desc p:last-child,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-desc p:last-child,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-service'] .wb-feature-desc p:last-child {
  margin-bottom: 0;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] {
  padding-top: 72px;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-office-title {
  max-width: 760px;
  margin: 0 auto 48px;
  text-align: center;
  white-space: pre-line;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-office-logo {
  display: block;
  width: auto;
  max-width: 164px;
  max-height: 60px;
  object-fit: contain;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-office-quote {
  margin: 0;
  color: #374148;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-office-quote > p {
  margin: 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1667;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-office-attribution {
  display: flex;
  flex-flow: row wrap;
  gap: 0 0.35em;
  margin-top: 16px;
  font-size: 48px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.1667;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-office-attribution::before {
  content: '–';
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-office-attribution strong::after {
  content: ',';
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-cta,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-service'] .wb-feature-cta {
  align-self: flex-start;
  margin-top: 8px;
  background: #374148;
  color: #EDD38E;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-cta:hover,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-service'] .wb-feature-cta:hover {
  background: #21292F;
  color: #EDD38E;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'] {
  padding: 72px 16px;
  background: #FFFFFF;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'] > div {
  width: 100%;
  max-width: none;
  padding: 0;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'] .wb-services-title {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'] .wb-services-subtitle {
  max-width: 900px;
  margin: 0 auto 40px;
  color: #374148;
  font-size: 16px;
  line-height: 1.4;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'] > div > div {
  gap: 24px;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'] .wb-services-card,
body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'] .wb-services-card:hover {
  min-height: 313px;
  border: 0;
  border-radius: 0;
  background: #F9F9F9;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  transform: none;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'] .wb-services-card-media,
body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'] .wb-services-card-media--icon {
  width: 100%;
  height: 92px;
  margin: 0;
  aspect-ratio: auto;
  padding: 28px 0 0;
  background: transparent;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'] .wb-services-card-media > img,
body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'] .wb-services-card-media--icon > img {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  object-fit: contain;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'] .wb-services-card-body {
  padding: 20px 28px 28px;
  gap: 12px;
  text-align: center;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'] .wb-services-card-title {
  margin: 0;
  padding: 0;
  color: #374148;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: normal;
  text-align: center;
  text-transform: none;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'] .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'] .wb-services-card-desc {
  color: #374148;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'] .wb-services-cta,
body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'] .wb-services-cta:hover {
  align-self: center;
  display: inline-flex;
  margin-top: auto;
  padding: 0;
  gap: 8px;
  background: transparent;
  color: #374148;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.4;
  text-transform: none;
  filter: none;
}

body.theme-tchibo-business section.wb-logo-strip[data-wb-variant='office-brands'] {
  padding: 64px 0;
  background: #FFFFFF;
}

body.theme-tchibo-business section.wb-logo-strip[data-wb-variant='office-brands'] > div {
  width: 100%;
  max-width: none;
  padding: 0 16px;
}

body.theme-tchibo-business section.wb-logo-strip[data-wb-variant='office-brands'] .wb-logo-strip-title {
  margin: 0 0 48px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
  text-align: center;
}

body.theme-tchibo-business section.wb-logo-strip[data-wb-variant='office-brands'] .wb-logo-item {
  flex-basis: 264px;
  min-height: 132px;
  padding: 12px 25px;
  border: 0;
  border-radius: 0;
  background: #FFFFFF;
  transform: none;
}

body.theme-tchibo-business section.wb-logo-strip[data-wb-variant='office-brands'] .wb-logo-img {
  width: 214px;
  height: 107px;
  max-width: 214px;
  max-height: 107px;
  object-fit: cover;
  filter: none;
  opacity: 1;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-closing'] {
  padding: 32px 16px;
  background: #374148;
  color: #F9F9F9;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-closing'] .wb-feature-container {
  width: min(58.333333%, 877px);
  max-width: none;
  padding: 0;
  grid-template-columns: 1fr 2fr;
  gap: 32px;
  align-items: center;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-closing'] .wb-feature-media,
body.theme-tchibo-business section.wb-feature[data-wb-variant='office-closing'] .wb-feature-container[data-image-position] .wb-feature-media {
  width: 160px;
  height: 160px;
  min-height: 0;
  justify-self: center;
  aspect-ratio: 1;
  overflow: visible;
  border-radius: 50%;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-closing'] .wb-feature-media > img {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  object-fit: cover;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-closing'] .wb-feature-body {
  padding: 0;
  gap: 8px;
  align-items: flex-start;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-closing'] .wb-feature-title {
  margin: 0;
  color: #F9F9F9;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.12;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-closing'] .wb-feature-desc {
  margin: 0;
  color: #F9F9F9;
  font-size: 16px;
  line-height: 1.5;
  opacity: 1;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-closing'] .wb-feature-desc p {
  margin: 0;
}

body.theme-tchibo-business section.wb-feature[data-wb-variant='office-closing'] .wb-feature-cta {
  margin-top: 24px;
}

@media (max-width: 767px) {
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-office'] .wb-hero {
    height: 700px;
    min-height: 700px;
  }

  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-office'] .wb-hero-content:not(:has(.wb-hero-body)),
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-office'] .wb-hero-body {
    padding: 48px 16px;
    justify-content: center;
  }

  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-office'] .wb-hero-title {
    font-size: 44px;
    line-height: 0.93;
  }

  body.theme-tchibo-business section[data-anchor-id='office-intro'] .wb-text-block {
    padding: 48px 0;
  }

  body.theme-tchibo-business section[data-anchor-id='office-intro'] .wb-text-container h2,
  body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'] .wb-services-title,
  body.theme-tchibo-business section.wb-logo-strip[data-wb-variant='office-brands'] .wb-logo-strip-title {
    font-size: 32px;
    line-height: 1.16;
  }

  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-detail'],
  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'],
  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-service'],
  body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'] {
    padding: 48px 16px;
  }

  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-detail'] .wb-feature-container,
  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-container,
  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-service'] .wb-feature-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-detail'] .wb-feature-media,
  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-media,
  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-service'] .wb-feature-media {
    order: 1;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
  }

  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-detail'] .wb-feature-body,
  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-body,
  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-service'] .wb-feature-body {
    order: 2;
    padding: 0;
  }

  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-service'] .wb-feature-body {
    order: 1;
  }

  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-service'] .wb-feature-media {
    order: 2;
  }

  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-detail'] .wb-feature-title,
  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-service'] .wb-feature-title,
  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-office-title {
    font-size: 32px;
  }

  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-office-title {
    margin-bottom: 32px;
  }

  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-office-quote > p,
  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-case-study'] .wb-feature-office-attribution {
    font-size: 32px;
  }

  body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'] > div > div {
    grid-template-columns: 1fr;
  }

  body.theme-tchibo-business section.wb-logo-strip[data-wb-variant='office-brands'] {
    padding: 48px 0;
  }

  body.theme-tchibo-business section.wb-logo-strip[data-wb-variant='office-brands'] .wb-logo-strip-title {
    margin-bottom: 32px;
  }

  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-closing'] .wb-feature-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 24px;
  }

  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-closing'] .wb-feature-media {
    order: 1;
  }

  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-closing'] .wb-feature-body {
    order: 2;
    align-items: flex-start;
  }

  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-closing'] .wb-feature-title {
    font-size: 32px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-office'] .wb-hero-title {
    font-size: 56px;
  }

  body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'] > div > div {
    grid-template-columns: 1fr;
  }

  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-closing'] .wb-feature-container {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-office'] .wb-hero-title {
    font-size: 56px;
  }

  body.theme-tchibo-business section.wb-feature[data-wb-variant='office-closing'] .wb-feature-container {
    width: 75%;
  }
}

/* Keep these final declarations more specific than the legacy 3/4-column
   Tchibo card rules above. The extra data-wb-card qualifier remains opt-in. */
body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card {
  background: #F9F9F9;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.16;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card .wb-services-cta {
  align-self: center;
  margin-top: auto;
  padding: 0;
  background: transparent;
  color: #374148;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: normal;
  text-transform: none;
}

/* Birouri parity follow-up (03.09.2026).
   Keep every override behind the explicit office variants. The additional
   light/media/card qualifiers intentionally outrank the legacy generic Tchibo
   feature and services rules without changing another page or storefront. */
body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-detail'] {
  padding: 32px 0;
  background: #F9F9F9;
}

body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-detail'] .wb-feature-container {
  width: calc(100% - 32px);
  max-width: 1472px;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  align-items: stretch;
  overflow: hidden;
  border-radius: 20px;
  background: #FFFFFF;
  box-shadow: 0 4px 12px rgba(55, 65, 72, 0.15);
}

body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-detail'] .wb-feature-media,
body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-detail'] .wb-feature-container[data-image-position] .wb-feature-media {
  min-height: 0;
  height: 100%;
  border-radius: 0;
}

body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-detail'] .wb-feature-body {
  padding: 32px;
}

body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] {
  padding: 96px 0 32px;
  background: #F9F9F9;
}

body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-container {
  width: calc(100% - 32px);
  max-width: 1472px;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  align-items: stretch;
  overflow: visible;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-media,
body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-container[data-image-position] .wb-feature-media {
  min-height: 0;
  height: auto;
  aspect-ratio: 4 / 3;
  border-radius: 20px;
}

body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-body {
  padding: 0;
}

body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-office-quote {
  font-size: 18px;
  font-weight: 700;
  font-style: italic;
  line-height: 24px;
}

body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-office-quote > p,
body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-office-attribution {
  display: inline;
  margin: 0;
  font: inherit;
}

body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-office-attribution::before {
  content: ' - ';
}

body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-office-attribution strong::after {
  content: ', ';
}

body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-service'] {
  padding: 32px 0 128px;
  background: #F9F9F9;
}

body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-service'] .wb-feature-container {
  width: calc(100% - 32px);
  max-width: 1472px;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  align-items: stretch;
  overflow: visible;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-service'] .wb-feature-media,
body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-service'] .wb-feature-container[data-image-position] .wb-feature-media {
  min-height: 0;
  height: auto;
  aspect-ratio: 4 / 3;
  border-radius: 20px;
}

body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-service'] .wb-feature-body {
  padding: 0;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] {
  padding: 84px 16px 64px;
  background: #F9F9F9;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] > div {
  width: 100%;
  max-width: 1472px;
  margin-right: auto;
  margin-left: auto;
}

body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card,
body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card:hover {
  min-height: 290px;
}

body.theme-tchibo-business section.wb-logo-strip[data-wb-variant='office-brands'][data-wb-layout='loop'] {
  background: #F9F9F9;
}

body.theme-tchibo-business section.wb-logo-strip[data-wb-variant='office-brands'][data-wb-layout='loop'] > div {
  width: 100%;
  max-width: 1504px;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 767px) {
  body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-detail'],
  body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'],
  body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-service'],
  body.theme-tchibo-business section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] {
    padding: 48px 16px;
  }

  body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-detail'] .wb-feature-container,
  body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-container,
  body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-service'] .wb-feature-container {
    width: 100%;
    grid-template-columns: 1fr;
  }

  body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-detail'] .wb-feature-container {
    gap: 0;
  }

  body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-container,
  body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-service'] .wb-feature-container {
    gap: 24px;
  }

  body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-detail'] .wb-feature-body {
    padding: 32px 24px;
  }

  body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-office-quote,
  body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-office-quote > p,
  body.theme-tchibo-business section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-office-attribution {
    font-size: 18px;
    line-height: 24px;
  }
}

/* Brutării parity (reference checked 04.09.2026).
   Desktop keeps the 1472px editorial cap inherited from the office variants;
   only the reference-specific mobile hero rhythm needs a scoped override. */
@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-bakery'] .wb-hero {
    height: 765px;
    min-height: 765px;
  }

  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-bakery'] .wb-hero-content:not(:has(.wb-hero-body)),
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-bakery'] .wb-hero-body {
    padding: 48px 16px 72px;
    justify-content: flex-end;
  }
}

@media (max-width: 767px) {
  body.theme-tchibo-business section[data-anchor-id='bakery-detail'].wb-feature.wb-feature--light {
    padding: 8px 16px;
  }
}

/* Brutării typography parity: the German icon-card headings use 32/700 with
   a compact 1.05 line box, while their action labels use 16/600/16 and the
   corporate 0.8px tracking. Keep these overrides page-scoped because the
   shared office variants are also used by the Birouri page. */
body.theme-tchibo-business section[data-anchor-id='bakery-elements'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card-title {
  line-height: 1.05;
}

body.theme-tchibo-business section[data-anchor-id='bakery-elements'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card .wb-services-cta,
body.theme-tchibo-business section[data-anchor-id='bakery-elements'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card .wb-services-cta:hover {
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.8px;
}

body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-bakery'] .wb-hero-cta,
body.theme-tchibo-business section[data-anchor-id='bakery-case-study'] .wb-feature-cta,
body.theme-tchibo-business section[data-anchor-id='bakery-service'] .wb-feature-cta,
body.theme-tchibo-business section[data-anchor-id='bakery-closing'] .wb-feature-cta {
  letter-spacing: 0.8px;
}

/* Brutării hero: match the German 700px composition. The reference aligns the
   content to the bottom of a 200px/48px overlay and keeps the AI disclosure at
   16px. The balanced title preserves the requested Romanian wording without
   changing the reference font size or colour. */
body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-bakery'] > .wb-hero {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-bakery'] .wb-hero-title {
  color: #F9F9F9;
  font-size: 60px;
  font-weight: 300;
  line-height: 0.93;
  text-wrap: balance;
}

body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-bakery'] .wb-ai-label {
  left: 10px;
  bottom: 10px;
  padding: 5px;
  background: #FBFBFB;
  color: #545C63;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}

@media (min-width: 900px) and (max-width: 1399px) {
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-bakery'] .wb-hero-content:not(:has(.wb-hero-body)),
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-bakery'] .wb-hero-body {
    padding: 200px 16px 48px;
    justify-content: flex-end;
  }
}

/* Bakery detail: the German card sits directly in the section and its two
   600.5px columns are separated by a 32px gutter at a 1280px viewport. */
@media (min-width: 768px) {
  body.theme-tchibo-business section[data-anchor-id='bakery-detail'] > section.wb-feature.wb-feature--light[data-wb-variant='office-detail'] {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
  }

  body.theme-tchibo-business section[data-anchor-id='bakery-detail'] > section.wb-feature.wb-feature--light[data-wb-variant='office-detail'] .wb-feature-container {
    gap: 32px;
  }
}

/* Keep the bakery service lead identical to the German 16/400/24 text.
   Explicit values prevent the shared feature subtitle line-height from using
   the storefront's 1.55 default (24.8px). */
body.theme-tchibo-business section[data-anchor-id='bakery-service'] > section.wb-feature.wb-feature--light[data-wb-variant='office-service'] .wb-feature-subtitle {
  color: #374148;
  font-family: Interstate, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 24px;
}

/* Evertzberg case study: the German column keeps 30px above and 56px below its
   content (608px at 1280 and 584px at 1440). Its 90x60 logo is left-aligned,
   followed by a 20px-indented quote; the 4:3 image is centred opposite it. */
body.theme-tchibo-business section[data-anchor-id='bakery-case-study'] > section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  padding: 100px 0 32px;
}

body.theme-tchibo-business section[data-anchor-id='bakery-case-study'] > section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-office-title {
  margin-bottom: 68px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

@media (min-width: 768px) {
  body.theme-tchibo-business section[data-anchor-id='bakery-case-study'] > section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-media,
  body.theme-tchibo-business section[data-anchor-id='bakery-case-study'] > section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-container[data-image-position] .wb-feature-media {
    height: auto;
    align-self: center;
    aspect-ratio: 4 / 3;
  }

  body.theme-tchibo-business section[data-anchor-id='bakery-case-study'] > section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-body {
    padding: 30px 0 56px;
    gap: 0;
    justify-content: flex-start;
  }

  body.theme-tchibo-business section[data-anchor-id='bakery-case-study'] > section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-office-logo {
    width: 90px;
    height: 60px;
    max-width: none;
    max-height: none;
    object-fit: contain;
  }

  body.theme-tchibo-business section[data-anchor-id='bakery-case-study'] > section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-office-quote {
    width: calc(100% - 20px);
    margin: 16px 0 32px 20px;
  }

  body.theme-tchibo-business section[data-anchor-id='bakery-case-study'] > section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-desc {
    margin: 0 0 32px;
    color: #374148;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }

  body.theme-tchibo-business section[data-anchor-id='bakery-case-study'] > section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-cta {
    margin: 0;
  }
}

@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-bakery'] .wb-hero-title {
    font-size: 44px;
    line-height: 0.93;
  }
}

/* Hotel parity (reference checked 04.09.2026).
   Hotel reuses the opt-in office editorial variants and their 1472/1504px
   caps. Only its hero and intro need page-specific geometry. */
body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-hotel'] .wb-hero {
  height: 700px;
  min-height: 700px;
}

body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-hotel'] .wb-hero-content:not(:has(.wb-hero-body)),
body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-hotel'] .wb-hero-body {
  padding: 48px 16px;
  justify-content: center;
}

body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-hotel'] .wb-ai-label {
  left: 10px;
  bottom: 10px;
  padding: 5px;
  background: #FBFBFB;
  color: #545C63;
  font-size: 16px;
  line-height: 1;
}

body.theme-tchibo-business section[data-anchor-id='hotel-intro'] .wb-text-block {
  padding: 64px 0;
  background: #F9F9F9;
}

body.theme-tchibo-business section[data-anchor-id='hotel-intro'] .wb-text-container {
  width: calc(100% - 32px);
  max-width: 1472px;
}

body.theme-tchibo-business section[data-anchor-id='hotel-intro'] .wb-text-container h2 {
  margin: 0 0 24px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

body.theme-tchibo-business section[data-anchor-id='hotel-intro'] .wb-text-container p {
  margin: 0;
  color: #374148;
  font-size: 16px;
  line-height: 1.5;
}

/* Hotel editorial alignment: unlike the shared office variant, the German
   reference starts the detail copy at the top of its 32px-padded card. */
body.theme-tchibo-business section[data-anchor-id='hotel-detail'] > section.wb-feature.wb-feature--light[data-wb-variant='office-detail'] .wb-feature-body {
  justify-content: flex-start;
}

/* The service lead is regular body copy in the reference. Neutralise the
   reusable FeatureBlock subtitle's italic style and 85% opacity. */
body.theme-tchibo-business section[data-anchor-id='hotel-service'] > section.wb-feature.wb-feature--light[data-wb-variant='office-service'] .wb-feature-subtitle {
  margin: 0;
  color: #374148;
  font-family: 'Interstate', Overpass, Inter, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 24px;
  letter-spacing: normal;
  opacity: 1;
}

/* The German Chalet WK blockquote draws one opening quotation mark outside
   the copy column. Reproduce that decoration without changing CMS text. */
body.theme-tchibo-business section[data-anchor-id='hotel-case-study'] > section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-office-quote {
  position: relative;
  margin: 16px 0 32px 20px;
}

body.theme-tchibo-business section[data-anchor-id='hotel-case-study'] > section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-office-quote::before {
  content: '"';
  position: absolute;
  top: 10px;
  left: -24px;
  color: #9AA7BE;
  font-size: 40px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
}

body.theme-tchibo-business section[data-anchor-id='hotel-elements'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card-title {
  line-height: 1.05;
}

body.theme-tchibo-business section[data-anchor-id='hotel-elements'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card .wb-services-cta,
body.theme-tchibo-business section[data-anchor-id='hotel-elements'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card .wb-services-cta:hover {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.8px;
}

body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-hotel'] .wb-hero-cta,
body.theme-tchibo-business section[data-anchor-id='hotel-case-study'] .wb-feature-cta,
body.theme-tchibo-business section[data-anchor-id='hotel-service'] .wb-feature-cta,
body.theme-tchibo-business section[data-anchor-id='hotel-closing'] .wb-feature-cta {
  letter-spacing: 0.8px;
}

@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-hotel'] .wb-hero {
    height: 700px;
    min-height: 700px;
  }

  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-hotel'] .wb-hero-content:not(:has(.wb-hero-body)),
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-hotel'] .wb-hero-body {
    padding: 48px 16px;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  body.theme-tchibo-business section[data-anchor-id='hotel-intro'] .wb-text-block {
    padding: 48px 0;
  }

  body.theme-tchibo-business section[data-anchor-id='hotel-intro'] .wb-text-container h2 {
    font-size: 32px;
    line-height: 1.16;
  }
}

/* Health parity (reference checked 04.09.2026). Same Branchen template as
   Hotel; see DESIGN-DIFF-SANATATE-2026-09-04.md
   Health reuses the opt-in office editorial variants and their 1472/1504px
   caps. Only its hero and intro need page-specific geometry. */
body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-health'] .wb-hero {
  height: 700px;
  min-height: 700px;
}

body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-health'] .wb-hero-content:not(:has(.wb-hero-body)),
body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-health'] .wb-hero-body {
  padding: 48px 16px;
  justify-content: center;
}

body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-health'] .wb-ai-label {
  left: 10px;
  bottom: 10px;
  padding: 5px;
  background: #FBFBFB;
  color: #545C63;
  font-size: 16px;
  line-height: 1;
}

body.theme-tchibo-business section[data-anchor-id='health-intro'] .wb-text-block {
  padding: 64px 0;
  background: #F9F9F9;
}

body.theme-tchibo-business section[data-anchor-id='health-intro'] .wb-text-container {
  width: calc(100% - 32px);
  max-width: 1472px;
}

body.theme-tchibo-business section[data-anchor-id='health-intro'] .wb-text-container h2 {
  margin: 0 0 24px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

body.theme-tchibo-business section[data-anchor-id='health-intro'] .wb-text-container p {
  margin: 0;
  color: #374148;
  font-size: 16px;
  line-height: 1.5;
}

/* Health editorial alignment: unlike the shared office variant, the German
   reference starts the detail copy at the top of its 32px-padded card. */
body.theme-tchibo-business section[data-anchor-id='health-detail'] > section.wb-feature.wb-feature--light[data-wb-variant='office-detail'] .wb-feature-body {
  justify-content: flex-start;
}

/* The service lead is regular body copy in the reference. Neutralise the
   reusable FeatureBlock subtitle's italic style and 85% opacity. */
body.theme-tchibo-business section[data-anchor-id='health-service'] > section.wb-feature.wb-feature--light[data-wb-variant='office-service'] .wb-feature-subtitle {
  margin: 0;
  color: #374148;
  font-family: 'Interstate', Overpass, Inter, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 24px;
  letter-spacing: normal;
  opacity: 1;
}

/* The German Alloheim blockquote draws one opening quotation mark outside
   the copy column. Reproduce that decoration without changing CMS text. */
body.theme-tchibo-business section[data-anchor-id='health-case-study'] > section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-office-quote {
  position: relative;
  margin: 16px 0 32px 20px;
}

body.theme-tchibo-business section[data-anchor-id='health-case-study'] > section.wb-feature.wb-feature--light[data-wb-variant='office-case-study'] .wb-feature-office-quote::before {
  content: '"';
  position: absolute;
  top: 10px;
  left: -24px;
  color: #9AA7BE;
  font-size: 40px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
}

body.theme-tchibo-business section[data-anchor-id='health-elements'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card-title {
  line-height: 1.05;
}

/* Gastronomie foloseste aceeasi banda ca Hotel si Sanatate, dar ii lipsea
   override-ul ancorat: titlurile de card prindeau 1.16 (37.12px) in loc de
   1.05 (33.6px) ca in referinta /branchen/gastronomie/. Corectie 08.09.2026. */
body.theme-tchibo-business section[data-anchor-id='solutii-cafea'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card-title {
  line-height: 1.05;
}

body.theme-tchibo-business section[data-anchor-id='health-elements'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card .wb-services-cta,
body.theme-tchibo-business section[data-anchor-id='health-elements'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card .wb-services-cta:hover {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.8px;
}

body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-health'] .wb-hero-cta,
body.theme-tchibo-business section[data-anchor-id='health-case-study'] .wb-feature-cta,
body.theme-tchibo-business section[data-anchor-id='health-service'] .wb-feature-cta,
body.theme-tchibo-business section[data-anchor-id='health-closing'] .wb-feature-cta {
  letter-spacing: 0.8px;
}

@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-health'] .wb-hero {
    height: 700px;
    min-height: 700px;
  }

  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-health'] .wb-hero-content:not(:has(.wb-hero-body)),
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-health'] .wb-hero-body {
    padding: 48px 16px;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  body.theme-tchibo-business section[data-anchor-id='health-intro'] .wb-text-block {
    padding: 48px 0;
  }

  body.theme-tchibo-business section[data-anchor-id='health-intro'] .wb-text-container h2 {
    font-size: 32px;
    line-height: 1.16;
  }
}

/* === Echipamente (/echipamente) — parity with tchibo-coffeeservice.de/maschinen, 2026-09-04 === */

/* --- A. Hero (tcs-page-hero-machines): tracking pe CTA, subline pe aceeasi
   coloana ca titlul si eticheta AI in formatul german. --- */
body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-machines'] .wb-hero-cta,
body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-machines'] .wb-hero a[class*='btn'] {
  letter-spacing: 0.8px;
}

body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-machines'] .wb-hero-subtitle,
body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-machines'] .wb-hero p {
  max-width: calc(50% - 16px);
}

body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-machines'] .wb-ai-label {
  left: 10px;
  bottom: 10px;
  padding: 5px 5px 4px;
  border-radius: 4px;
  background: #FBFBFB;
  color: #545C63;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

/* --- B. Feature-block intro (machines-intro): doua coloane egale, imagine 4:3
   centrata vertical pe rand, coloana de text aliniata sus. --- */
body.theme-tchibo-business section[data-anchor-id='machines-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] {
  padding: 64px 0;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='machines-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container {
  max-width: 1504px;
  padding: 0 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  align-items: center;
}

body.theme-tchibo-business section[data-anchor-id='machines-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media {
  position: relative;
  height: auto;
  min-height: 0;
  border-radius: 20px;
  overflow: hidden;
  align-self: center;
}

body.theme-tchibo-business section[data-anchor-id='machines-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media > img {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

body.theme-tchibo-business section[data-anchor-id='machines-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media .wb-ai-label {
  left: 10px;
  bottom: 10px;
  padding: 5px 5px 4px;
  border-radius: 4px;
  background: #FBFBFB;
  color: #545C63;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

body.theme-tchibo-business section[data-anchor-id='machines-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-body {
  padding: 36px 20px 20px;
  gap: 0;
  align-self: start;
}

body.theme-tchibo-business section[data-anchor-id='machines-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-title {
  margin: 0 0 16px;
  color: #374148;
  font-size: 60px;
  font-weight: 400;
  line-height: 0.93;
}

body.theme-tchibo-business section[data-anchor-id='machines-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-desc {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  opacity: 1;
}

body.theme-tchibo-business section[data-anchor-id='machines-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-desc p {
  margin: 0 0 32px;
}

/* --- C. Grila de marci (machines-brands, 4 coloane): carduri fara suprafata,
   media 469px si panou TCS Grey cu link text + sageata oficiala. --- */
body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] {
  padding: 84px 0 160px;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] > div {
  max-width: 1504px;
  padding: 0 16px;
}

body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] .wb-services-title {
  margin: 0 0 16px;
  padding: 0 20px;
  color: #374148;
  font-size: 60px;
  font-weight: 400;
  line-height: 0.93;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] .wb-services-subtitle {
  max-width: none;
  margin: 0 0 100px;
  padding: 0 20px;
  color: #374148;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.12;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] > div > div {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px;
  align-items: stretch;
}

body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] .wb-services-card,
body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] .wb-services-card:hover {
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
  transform: none;
  text-align: left;
}

body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] .wb-services-card-media {
  width: 100%;
  height: 469px;
  aspect-ratio: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] .wb-services-card-media > img {
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: cover;
}

body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] .wb-services-card-body {
  flex: 1 1 auto;
  min-height: 264px;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  padding: 32px 30px;
  border-radius: 0 0 8px 8px;
  background: #374148;
  color: #F9F9F9;
  text-align: left;
}

body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] .wb-services-card-title {
  margin: 0 0 16px;
  padding: 0;
  color: #F9F9F9;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] .wb-services-card-desc {
  flex: 0 0 auto;
  width: 100%;
  margin: 0 0 32px;
  color: #F9F9F9;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] .wb-services-cta {
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 14px;
  border: 2px solid transparent;
  border-radius: 32px;
  background: transparent;
  color: #F9F9F9;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.8px;
  text-transform: none;
  text-decoration: none;
}

body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] .wb-services-cta:hover {
  background: transparent;
  color: #F9F9F9;
  filter: none;
  text-decoration: underline;
}

body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] .wb-services-cta-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0;
  font-size: 0;
  line-height: 0;
  color: transparent;
  background-color: #F9F9F9;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M8.253 25.995c-.172 0-.343-.066-.473-.197-.259-.261-.256-.682.005-.94l11.022-10.9-10.935-10.815c-.261-.258-.264-.679-.005-.94.257-.261.678-.264.94-.005l11.413 11.288c.126.125.197.295.197.473s-.071.348-.197.473l-11.5 11.373c-.129.126-.298.19-.467.19z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M8.253 25.995c-.172 0-.343-.066-.473-.197-.259-.261-.256-.682.005-.94l11.022-10.9-10.935-10.815c-.261-.258-.264-.679-.005-.94.257-.261.678-.264.94-.005l11.413 11.288c.126.125.197.295.197.473s-.071.348-.197.473l-11.5 11.373c-.129.126-.298.19-.467.19z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}

/* --- D. Teaser "solution-finder" numai pe /echipamente (selector de frate
   adiacent, ca regulile de pe Home sa ramana neatinse). --- */
body.theme-tchibo-business section[data-anchor-id='machines-brands'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark {
  min-height: 352px;
  height: auto;
  padding: 32px 0;
}

body.theme-tchibo-business section[data-anchor-id='machines-brands'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-container {
  width: calc(100% * 7 / 12);
  max-width: 877px;
  margin: 0 auto;
  padding: 0;
  grid-template-columns: 1fr 2fr;
  gap: 0;
  align-items: center;
}

body.theme-tchibo-business section[data-anchor-id='machines-brands'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-media {
  justify-self: center;
  overflow: visible;
}

body.theme-tchibo-business section[data-anchor-id='machines-brands'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-media .wb-ai-label {
  left: 10px;
  bottom: -6px;
  padding: 5px 5px 4px;
  border-radius: 4px;
  background: #FBFBFB;
  color: #545C63;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

body.theme-tchibo-business section[data-anchor-id='machines-brands'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-body {
  padding: 0 16px;
}

body.theme-tchibo-business section[data-anchor-id='machines-brands'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-title,
body.theme-tchibo-business section[data-anchor-id='machines-brands'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-desc {
  max-width: none;
}

/* Referinta: 32px intre paragraf si buton (paragraful are deja mb 32). */
body.theme-tchibo-business section[data-anchor-id='machines-brands'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-cta {
  margin-top: 0;
}

/* --- A. Hero 768-1399px: continutul german sta pe baza compozitiei de 700px
   (peste 1400px regula generica il centreaza deja). --- */
@media (min-width: 768px) and (max-width: 1399px) {
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-machines'] .wb-hero {
    height: 700px;
    min-height: 700px;
  }

  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-machines'] .wb-hero-content:not(:has(.wb-hero-body)),
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-machines'] .wb-hero-body {
    justify-content: flex-end;
    padding: 200px 16px 48px;
  }
}

/* --- A. Hero mobil: minim 700px, 370px padding sus, 48px jos. --- */
@media (max-width: 767px) {
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-machines'] .wb-hero {
    height: auto;
    min-height: 700px;
  }

  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-machines'] .wb-hero-content:not(:has(.wb-hero-body)),
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-machines'] .wb-hero-body {
    justify-content: flex-end;
    padding: 370px 16px 48px;
  }
}

/* --- A. Subtitlul pe mobil (7 septembrie 2026): regula de desktop de mai sus
   (`max-width: calc(50% - 16px)`, subline pe coloana titlului) nu avea exceptie
   sub 900px, unde titlul trece generic la 100% (L1624) — paragraful ramanea pe
   163px la 390px si se rupea pe 16 randuri in loc de 8, impingand hero-ul la
   978px. Referinta /maschinen/ il are pe toata latimea (358px), hero 827 =
   370 + continut + 48. Acelasi breakpoint ca resetul titlului; aceeasi
   specificitate (0,3,2) ca regula de desktop, castiga prin ordine. --- */
@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-machines'] .wb-hero-subtitle,
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-machines'] .wb-hero p {
    max-width: 100%;
  }
}

/* --- B. Feature-block intro pe mobil (breakpointul variantei: 899px). --- */
@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='machines-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] {
    padding: 16px 0;
  }

  body.theme-tchibo-business section[data-anchor-id='machines-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container {
    padding: 0 16px;
    grid-template-columns: 1fr;
    gap: 0;
  }

  body.theme-tchibo-business section[data-anchor-id='machines-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media {
    border-radius: 20px;
  }

  body.theme-tchibo-business section[data-anchor-id='machines-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media > img {
    position: static;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
  }

  body.theme-tchibo-business section[data-anchor-id='machines-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-body {
    padding: 36px 20px 20px;
  }

  body.theme-tchibo-business section[data-anchor-id='machines-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-title {
    font-size: 44px;
    line-height: 0.93;
  }
}

/* --- C. Grila de marci: breakpoint-urile grid-ului Bootstrap german. --- */
@media (min-width: 600px) and (max-width: 1199px) {
  body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] > div > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 599px) {
  body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] > div > div {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] .wb-services-card-media {
    height: auto;
    aspect-ratio: 4 / 3;
  }
}

@media (max-width: 767px) {
  body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] .wb-services-card-media {
    height: auto;
    aspect-ratio: 3 / 4;
  }

  body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] .wb-services-card-body {
    padding: 16px 32px;
  }

  body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] .wb-services-card-title {
    font-size: 28px;
  }
}

/* Titlul si subtitlul grilei pe mobil urmeaza referinta germana la 390px:
   h1 44/400/40.92, h6 18/400/20.16, 60px pana la titlu, 52px pana la carduri,
   64px de la ultimul panou la teaser. */
@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] {
    padding: 60px 0 64px;
  }

  body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] .wb-services-title {
    font-size: 44px;
    line-height: 0.93;
  }

  body.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] .wb-services-subtitle {
    margin-bottom: 52px;
    font-size: 18px;
    line-height: 1.12;
  }
}

/* --- D. Teaser pe mobil: cerc centrat sus, apoi text aliniat la stanga. --- */
@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='machines-brands'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark {
    min-height: 0;
    padding: 8px 0;
  }

  body.theme-tchibo-business section[data-anchor-id='machines-brands'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-container {
    width: 100%;
    max-width: none;
    padding: 32px 16px;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  body.theme-tchibo-business section[data-anchor-id='machines-brands'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-body {
    padding: 0;
    align-items: flex-start;
    text-align: left;
  }

  body.theme-tchibo-business section[data-anchor-id='machines-brands'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-title,
  body.theme-tchibo-business section[data-anchor-id='machines-brands'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-desc {
    text-align: left;
  }
}

/* ===========================================================================
   === Tchibo2Go ===
   Pagina Tchibo2Go, 1:1 cu tchibo-coffeeservice.de/tchibo2go (desktop 1424px,
   mobil 390px). Toate regulile sunt ancorate pe wrapper-ul <section
   data-anchor-id> generat de ZoneRenderer; modulul (.wb-text-block,
   .wb-feature, .wb-services, .wb-testimonials, figure) este COPILUL lui.
   Se refolosesc regulile generice existente (cta-banner, services flat,
   text-block intro, buton auriu); mai jos sunt doar diferentele.
   =========================================================================== */

/* --- 1/3/5/8. Intro + titluri de sectiune (text-block) --- */
body.theme-tchibo-business section[data-anchor-id='tchibo2go-intro'] section.wb-text-block {
  padding: 64px 0;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-benefits-title'] section.wb-text-block,
body.theme-tchibo-business section[data-anchor-id='tchibo2go-specialties-title'] section.wb-text-block {
  padding: 64px 0 0;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-steps-title'] section.wb-text-block {
  padding: 128px 0 0;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-intro'] section.wb-text-block .wb-text-container,
body.theme-tchibo-business section[data-anchor-id='tchibo2go-benefits-title'] section.wb-text-block .wb-text-container,
body.theme-tchibo-business section[data-anchor-id='tchibo2go-specialties-title'] section.wb-text-block .wb-text-container,
body.theme-tchibo-business section[data-anchor-id='tchibo2go-steps-title'] section.wb-text-block .wb-text-container {
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-intro'] section.wb-text-block .wb-text-container h2,
body.theme-tchibo-business section[data-anchor-id='tchibo2go-benefits-title'] section.wb-text-block .wb-text-container h2,
body.theme-tchibo-business section[data-anchor-id='tchibo2go-specialties-title'] section.wb-text-block .wb-text-container h2,
body.theme-tchibo-business section[data-anchor-id='tchibo2go-steps-title'] section.wb-text-block .wb-text-container h2 {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-intro'] section.wb-text-block .wb-text-container p,
body.theme-tchibo-business section[data-anchor-id='tchibo2go-benefits-title'] section.wb-text-block .wb-text-container p,
body.theme-tchibo-business section[data-anchor-id='tchibo2go-specialties-title'] section.wb-text-block .wb-text-container p,
body.theme-tchibo-business section[data-anchor-id='tchibo2go-steps-title'] section.wb-text-block .wb-text-container p {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

/* --- 2/7. Bannere CTA (cutie 705px pe #374148) --- */
/* Banner 2 (mobilier): imaginea in dreapta => cutia lipita de marginea dreapta
   a containerului (regula generica o lipeste de stanga). */
body.theme-tchibo-business section[data-anchor-id='tchibo2go-furniture'] .wb-feature[data-wb-variant='cta-banner'] .wb-feature-container[data-image-position='right'] .wb-feature-body {
  margin-left: auto;
  margin-right: max(8px, calc((100% - 1504px) / 2 + 16px));
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-furniture'] .wb-feature[data-wb-variant='cta-banner'] .wb-feature-eyebrow,
body.theme-tchibo-business section[data-anchor-id='tchibo2go-replenishment'] .wb-feature[data-wb-variant='cta-banner'] .wb-feature-eyebrow {
  margin: 0 0 16px;
  color: #EDD38E;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.16;
  text-transform: none;
  letter-spacing: normal;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-furniture'] .wb-feature[data-wb-variant='cta-banner'] .wb-feature-desc,
body.theme-tchibo-business section[data-anchor-id='tchibo2go-replenishment'] .wb-feature[data-wb-variant='cta-banner'] .wb-feature-desc {
  color: #F9F9F9;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-furniture'] .wb-feature[data-wb-variant='cta-banner'] .wb-feature-desc {
  margin: 0 0 32px;
}

/* Bannerul 7 nu are buton: descrierea incheie cutia. */
body.theme-tchibo-business section[data-anchor-id='tchibo2go-replenishment'] .wb-feature[data-wb-variant='cta-banner'] .wb-feature-desc {
  margin: 0;
}

/* --- 4. Avantaje: 6 carduri flat cu umbra fina, pe fundalul paginii --- */
body.theme-tchibo-business section[data-anchor-id='tchibo2go-benefits'] section.wb-services[data-wb-card='flat'] {
  padding: 0 0 128px;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-benefits'] section.wb-services[data-wb-card='flat'] > div > div {
  column-gap: 32px;
  row-gap: 42px;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-benefits'] section.wb-services[data-wb-card='flat'] .wb-services-card,
body.theme-tchibo-business section[data-anchor-id='tchibo2go-benefits'] section.wb-services[data-wb-card='flat'] .wb-services-card:hover {
  min-height: 0;
  padding: 40px 5px;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  transform: none;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-benefits'] section.wb-services[data-wb-card='flat'] .wb-services-card-media--icon {
  height: auto;
  margin: 0 0 32px;
  padding: 0;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-benefits'] section.wb-services[data-wb-card='flat'] .wb-services-card-media--icon img {
  width: 64px;
  height: 64px;
  object-fit: contain;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-benefits'] section.wb-services[data-wb-card='flat'] .wb-services-card-body {
  padding: 0;
  gap: 0;
  align-items: center;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-benefits'] section.wb-services[data-wb-card='flat'] .wb-services-card-title {
  margin: 0 0 32px;
  padding: 0;
  color: #374148;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.05;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-benefits'] section.wb-services[data-wb-card='flat'] .wb-services-card-desc {
  margin: 0;
  max-width: none;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-benefits'] section.wb-services[data-wb-card='flat'] .wb-services-card-desc > :last-child {
  margin-bottom: 0;
}

/* --- 5. Specialitati: banda bej pe titlu + vizualul de concept --- */
body.theme-tchibo-business section[data-anchor-id='tchibo2go-specialties-title'],
body.theme-tchibo-business section[data-anchor-id='tchibo2go-concept-visual'] {
  background: #F5EDE5;
}

/* Modulul image randeaza <figure> > <span> (rama) > <img> + <figcaption>;
   nu expune clase wb-*, deci tintim elementele din interiorul ancorei. */
body.theme-tchibo-business section[data-anchor-id='tchibo2go-concept-visual'] figure {
  margin: 0 auto;
  padding: 0 0 64px;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-concept-visual'] figure > span,
body.theme-tchibo-business section[data-anchor-id='tchibo2go-concept-visual'] figure > a > span {
  width: 100%;
  max-width: 594px;
  margin-left: auto;
  margin-right: auto;
  background: transparent;
  box-shadow: none;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-concept-visual'] figure img {
  width: 100%;
  height: auto;
  box-shadow: none;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-concept-visual'] figure figcaption {
  display: none;
}

/* --- 6. Citate: slider fara card, sageti albe la marginile containerului --- */
body.theme-tchibo-business section[data-anchor-id='tchibo2go-testimonials'] section.wb-testimonials {
  padding: 64px 0;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-testimonials'] section.wb-testimonials > div {
  max-width: 1441px;
  padding-left: clamp(16px, 2.25vw, 32px);
  padding-right: clamp(16px, 2.25vw, 32px);
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-testimonials'] .wb-testimonials .wb-testimonials-title {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-testimonials'] .wb-testimonials .swiper {
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-testimonials'] .wb-testimonials .wb-testimonial-card {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  gap: 0;
  background: transparent;
  box-shadow: none;
  align-items: center;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-testimonials'] .wb-testimonials .wb-testimonial-quote {
  margin: 0 0 32px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 24px;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-testimonials'] .wb-testimonials .wb-testimonial-quote::before {
  content: none;
  display: none;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-testimonials'] .wb-testimonials .wb-testimonial-author {
  display: flex;
  margin-top: 0;
  gap: 0;
  justify-content: center;
  align-items: baseline;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}

/* Prefixul em-dash nu este randat de modul; il adaugam din tema. */
body.theme-tchibo-business section[data-anchor-id='tchibo2go-testimonials'] .wb-testimonials .wb-testimonial-author::before {
  content: '\2014\A0';
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-testimonials'] .wb-testimonials .wb-testimonial-author span {
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

/* Fara avatar / placeholder rotund. */
body.theme-tchibo-business section[data-anchor-id='tchibo2go-testimonials'] .wb-testimonials .wb-testimonial-author img,
body.theme-tchibo-business section[data-anchor-id='tchibo2go-testimonials'] .wb-testimonials .wb-testimonial-author [aria-hidden='true'] {
  display: none;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-testimonials'] .wb-testimonials .swiper-button-prev,
body.theme-tchibo-business section[data-anchor-id='tchibo2go-testimonials'] .wb-testimonials .swiper-button-next {
  --swiper-navigation-size: 20px;
  top: 50%;
  width: 30px;
  height: 65px;
  margin-top: 0;
  padding: 0;
  border: 1px solid #FFFFFF;
  border-radius: 0;
  background: #FFFFFF;
  color: #374148;
  transform: translateY(-50%);
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-testimonials'] .wb-testimonials .swiper-button-prev {
  left: 16px;
  right: auto;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-testimonials'] .wb-testimonials .swiper-button-next {
  right: 16px;
  left: auto;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-testimonials'] .wb-testimonials .swiper-button-prev::after,
body.theme-tchibo-business section[data-anchor-id='tchibo2go-testimonials'] .wb-testimonials .swiper-button-next::after {
  font-size: 20px;
  font-weight: 700;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-testimonials'] .wb-testimonials .swiper-pagination {
  display: none;
}

/* --- 9. Pasi: 4 carduri flat, doar iconita + titlu --- */
body.theme-tchibo-business section[data-anchor-id='tchibo2go-steps'] section.wb-services[data-wb-card='flat'] {
  padding: 0 0 128px;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-steps'] section.wb-services[data-wb-card='flat'] > div > div {
  column-gap: 32px;
  row-gap: 32px;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-steps'] section.wb-services[data-wb-card='flat'] .wb-services-card,
body.theme-tchibo-business section[data-anchor-id='tchibo2go-steps'] section.wb-services[data-wb-card='flat'] .wb-services-card:hover {
  min-height: 0;
  padding: 40px 5px;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
  transform: none;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-steps'] section.wb-services[data-wb-card='flat'] .wb-services-card-media--icon {
  height: auto;
  margin: 0 0 16px;
  padding: 0;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-steps'] section.wb-services[data-wb-card='flat'] .wb-services-card-media--icon img {
  width: 64px;
  height: 64px;
  object-fit: contain;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-steps'] section.wb-services[data-wb-card='flat'] .wb-services-card-body {
  padding: 0;
  gap: 0;
  align-items: center;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-steps'] section.wb-services[data-wb-card='flat'] .wb-services-card-title {
  margin: 0;
  padding: 0;
  color: #374148;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.05;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-steps'] section.wb-services[data-wb-card='flat'] .wb-services-card-title::after {
  display: none;
}

/* --- 10. Banda finala: feature dark bleed, continut centrat --- */
body.theme-tchibo-business section[data-anchor-id='tchibo2go-quote'] .wb-feature.wb-feature--dark {
  padding: 64px 0;
  background-color: #374148;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-quote'] .wb-feature.wb-feature--dark .wb-feature-container {
  max-width: 1441px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(16px, 2.25vw, 32px);
  padding-right: clamp(16px, 2.25vw, 32px);
  grid-template-columns: 1fr;
  gap: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-quote'] .wb-feature.wb-feature--dark .wb-feature-body {
  padding: 0;
  gap: 0;
  align-items: center;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-quote'] .wb-feature.wb-feature--dark .wb-feature-title {
  margin: 0 0 16px;
  color: #F9F9F9;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-quote'] .wb-feature.wb-feature--dark .wb-feature-desc {
  margin: 0 0 32px;
  color: #F9F9F9;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  opacity: 1;
}

body.theme-tchibo-business section[data-anchor-id='tchibo2go-quote'] .wb-feature.wb-feature--dark .wb-feature-cta {
  align-self: center;
  margin: 0;
}

/* --- Mobil (referinta 390px) --- */
@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='tchibo2go-intro'] section.wb-text-block {
    padding: 16px 0;
  }

  body.theme-tchibo-business section[data-anchor-id='tchibo2go-benefits-title'] section.wb-text-block,
  body.theme-tchibo-business section[data-anchor-id='tchibo2go-specialties-title'] section.wb-text-block {
    padding: 16px 0 0;
  }

  body.theme-tchibo-business section[data-anchor-id='tchibo2go-steps-title'] section.wb-text-block {
    padding: 32px 0 0;
  }

  body.theme-tchibo-business section[data-anchor-id='tchibo2go-intro'] section.wb-text-block .wb-text-container h2,
  body.theme-tchibo-business section[data-anchor-id='tchibo2go-benefits-title'] section.wb-text-block .wb-text-container h2,
  body.theme-tchibo-business section[data-anchor-id='tchibo2go-specialties-title'] section.wb-text-block .wb-text-container h2,
  body.theme-tchibo-business section[data-anchor-id='tchibo2go-steps-title'] section.wb-text-block .wb-text-container h2 {
    font-size: 32px;
    line-height: 1.16;
  }

  body.theme-tchibo-business section[data-anchor-id='tchibo2go-furniture'] .wb-feature[data-wb-variant='cta-banner'] .wb-feature-eyebrow,
  body.theme-tchibo-business section[data-anchor-id='tchibo2go-replenishment'] .wb-feature[data-wb-variant='cta-banner'] .wb-feature-eyebrow {
    font-size: 20px;
    font-weight: 700;
  }

  body.theme-tchibo-business section[data-anchor-id='tchibo2go-benefits'] section.wb-services[data-wb-card='flat'] {
    padding: 0 0 32px;
  }

  body.theme-tchibo-business section[data-anchor-id='tchibo2go-steps'] section.wb-services[data-wb-card='flat'] {
    padding: 0 0 32px;
  }

  body.theme-tchibo-business section[data-anchor-id='tchibo2go-benefits'] section.wb-services[data-wb-card='flat'] > div > div,
  body.theme-tchibo-business section[data-anchor-id='tchibo2go-steps'] section.wb-services[data-wb-card='flat'] > div > div {
    column-gap: 10px;
    row-gap: 10px;
  }

  body.theme-tchibo-business section[data-anchor-id='tchibo2go-concept-visual'] figure {
    padding: 0 0 16px;
  }

  body.theme-tchibo-business section[data-anchor-id='tchibo2go-concept-visual'] figure > span,
  body.theme-tchibo-business section[data-anchor-id='tchibo2go-concept-visual'] figure > a > span {
    max-width: 100%;
  }

  body.theme-tchibo-business section[data-anchor-id='tchibo2go-testimonials'] section.wb-testimonials {
    padding: 32px 0;
  }

  body.theme-tchibo-business section[data-anchor-id='tchibo2go-testimonials'] .wb-testimonials .wb-testimonials-title {
    font-size: 32px;
    line-height: 1.16;
  }

  body.theme-tchibo-business section[data-anchor-id='tchibo2go-testimonials'] .wb-testimonials .swiper-button-prev,
  body.theme-tchibo-business section[data-anchor-id='tchibo2go-testimonials'] .wb-testimonials .swiper-button-next {
    display: none;
  }

  body.theme-tchibo-business section[data-anchor-id='tchibo2go-quote'] .wb-feature.wb-feature--dark {
    padding: 16px 0;
  }

  body.theme-tchibo-business section[data-anchor-id='tchibo2go-quote'] .wb-feature.wb-feature--dark .wb-feature-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  body.theme-tchibo-business section[data-anchor-id='tchibo2go-quote'] .wb-feature.wb-feature--dark .wb-feature-title {
    font-size: 32px;
    line-height: 1.16;
  }

  body.theme-tchibo-business section[data-anchor-id='tchibo2go-quote'] .wb-feature.wb-feature--dark .wb-feature-cta {
    box-sizing: border-box;
    width: 208px;
    align-self: center;
  }
}

/* Tchibo2Go: paragrafele din cutiile inchise mostenesc culoarea deschisa (regula globala `p` le facea invizibile) */
body.theme-tchibo-business section[data-anchor-id='tchibo2go-furniture'] .wb-feature[data-wb-variant='cta-banner'] .wb-feature-desc p,
body.theme-tchibo-business section[data-anchor-id='tchibo2go-replenishment'] .wb-feature[data-wb-variant='cta-banner'] .wb-feature-desc p,
body.theme-tchibo-business section[data-anchor-id='tchibo2go-quote'] .wb-feature.wb-feature--dark .wb-feature-desc p {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

/* Tchibo2Go: zona are gap 24px intre module; sectiunea cu vizualul urca peste gap ca fundalul bej sa fie continuu */
body.theme-tchibo-business section[data-anchor-id='tchibo2go-concept-visual'] {
  margin-top: -24px;
  padding-top: 24px;
}

/* === Container 1504 (referinta) === */
/* Grila oficiala TCS (ca pe tchibo-coffeeservice.de): fiecare container de
   sectiune are max-width 1504px, centrat, cu padding lateral 16px => 1472px
   de continut pe orice ecran lat. Elementele full-bleed (imaginile de hero si
   de banner) raman pe toata latimea; doar continutul lor se aliniaza la 1504.
   Se aplica doar pe desktop (>= 900px); sub 900px nimic nu se schimba.
   Nota de specificitate: clasa `.theme-tchibo-business` este repetata
   intentionat (de 2-3 ori) ca aceste reguli sa bata regulile mai vechi
   (1441px / 1377px / 1330px / max-width: none) prin specificitate pura, fara
   nicio declaratie marcata important. */
@media (min-width: 900px) {
  /* 1. Text-block — containerul de text. Specificitate joasa (0,3,1) ca
     latimile intentionat mai inguste ancorate pe sectiune (1193px company-*,
     1280px brand-*, 1200px office-intro, 980px piacetto-range-cta, 1472px
     hotel/health-intro, 1360px *-actions) sa ramana neatinse. */
  body.theme-tchibo-business .wb-text-block .wb-text-container {
    max-width: 1504px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  /* Text-block centrat: sectiunea era plafonata la 1330px (L517). */
  body.theme-tchibo-business.theme-tchibo-business .wb-text-block[data-wb-align='center'] {
    max-width: 1504px;
  }

  /* Intro Industrii: containerul era plafonat la 1330px (L3042-3044). */
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='industries-intro'] .wb-text-container,
  body.theme-tchibo-business.theme-tchibo-business section.wb-text-block[data-anchor-id='industries-intro'] .wb-text-container {
    max-width: 1504px;
    padding-left: 16px;
    padding-right: 16px;
  }

  /* 2. Services-grid — containerul grid-ului (grid-ul si gap-urile raman). */
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business .wb-services:not([data-wb-bleed='true']) > div {
    max-width: 1504px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  /* 6a. Stats — banda de cifre. */
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business .wb-stats:not([data-wb-bleed='true']) > div {
    max-width: 1504px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  /* 6b. Testimoniale. */
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business .wb-testimonials:not([data-wb-bleed='true']) > div {
    max-width: 1504px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  /* 6c. Logo-strip (titlu + wrap-ul de loop stau in acelasi container). */
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business .wb-logo-strip:not([data-wb-bleed='true']) > div {
    max-width: 1504px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  /* 3a. Feature-block light non-flush, non-cta (containerul e transparent,
     fara card): era 1441px + padding 0 16px (L1361-1363). */
  body.theme-tchibo-business.theme-tchibo-business .wb-feature--light[data-wb-title='light']:not([data-wb-media='flush']):not([data-wb-variant='cta-banner']) .wb-feature-container {
    max-width: 1504px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  /* 3b. Feature-block flush: containerul ESTE cardul alb (fundal, colturi
     rotunjite, overflow hidden, padding 0 — L1501-1504), deci plafonul lui
     este latimea de continut a grilei, 1472px = 1504 - 2x16. */
  body.theme-tchibo-business.theme-tchibo-business .wb-feature[data-wb-media='flush'].wb-feature--light .wb-feature-container {
    max-width: 1472px;
    margin-left: auto;
    margin-right: auto;
  }

  /* Teaserul de servicii de pe Home: cardul era 1377px (L2962-2964). */
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='home-service-teaser'] .wb-feature[data-wb-media='flush'].wb-feature--light .wb-feature-container {
    max-width: 1472px;
    margin-left: auto;
    margin-right: auto;
  }

  /* 3c. Harta Europei (Despre noi): containerul era max-width: none (L2738). */
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='company-about-europe'] .wb-feature-container {
    max-width: 1504px;
    margin-left: auto;
    margin-right: auto;
  }

  /* 3d. Citatul Tchibo2Go (feature dark): era 1441px + padding lateral
     clamp(16px, 2.25vw, 32px) (L5826-5831). */
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo2go-quote'] .wb-feature.wb-feature--dark .wb-feature-container {
    max-width: 1504px;
    padding-left: 16px;
    padding-right: 16px;
  }

  /* 5. Hero: imaginea si overlay-ul raman full-bleed, doar continutul textual
     se aliniaza la containerul de 1504px. Se seteaza doar padding-ul lateral,
     ca padding-ul vertical existent (48px / 88px) sa nu fie afectat. */
  body.theme-tchibo-business.theme-tchibo-business .wb-hero .wb-hero-content,
  body.theme-tchibo-business.theme-tchibo-business .wb-hero .wb-hero-body {
    max-width: 1504px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* === Marci (/marci) — parity with tchibo-coffeeservice.de/marken, 2026-09-04 === */

/* --- A. Hero (tcs-page-hero-brands): tracking pe CTA si subline pe aceeasi
   coloana ca titlul, identic cu hero-ul de pe /echipamente. --- */
body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-brands'] .wb-hero-cta,
body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-brands'] .wb-hero a[class*='btn'] {
  letter-spacing: 0.8px;
}

body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-brands'] .wb-hero-subtitle,
body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-brands'] .wb-hero p {
  max-width: calc(50% - 16px);
}

/* --- B. Feature-block intro (brands-intro): doua coloane egale, imagine 4:3
   centrata vertical pe rand, textul aliniat sus la 30px de marginea randului. --- */
body.theme-tchibo-business section[data-anchor-id='brands-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] {
  padding: 64px 0;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='brands-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container {
  max-width: 1504px;
  padding: 0 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  align-items: center;
}

body.theme-tchibo-business section[data-anchor-id='brands-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media {
  position: relative;
  height: auto;
  min-height: 0;
  border-radius: 20px;
  overflow: hidden;
  align-self: center;
}

body.theme-tchibo-business section[data-anchor-id='brands-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media > img {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

body.theme-tchibo-business section[data-anchor-id='brands-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-body {
  padding: 30px 0 0;
  gap: 0;
  align-self: start;
}

body.theme-tchibo-business section[data-anchor-id='brands-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-title {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

body.theme-tchibo-business section[data-anchor-id='brands-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-desc {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  opacity: 1;
}

body.theme-tchibo-business section[data-anchor-id='brands-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-desc p {
  margin: 0 0 32px;
}

/* --- C. Benzi de titlu full-width + tile-uri de marca (brands-coffee,
   brands-food). Sectiunea ocupa toata latimea utila (containerul .wb-contained
   e deja resetat la 100%), banda h2 se intinde peste ea, iar grila revine in
   containerul oficial 1504/16 ca sa se alinieze cu restul paginii. --- */
body.theme-tchibo-business section[data-anchor-id='brands-coffee'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'],
body.theme-tchibo-business section[data-anchor-id='brands-food'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding: 0 0 64px;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='brands-coffee'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] > div,
body.theme-tchibo-business section[data-anchor-id='brands-food'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] > div {
  max-width: none;
  padding: 0;
}

body.theme-tchibo-business section[data-anchor-id='brands-coffee'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-title,
body.theme-tchibo-business section[data-anchor-id='brands-food'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-title {
  max-width: none;
  margin: 0 0 80px;
  padding: 20px 20px 36px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
  text-align: center;
  background: #F5EDE5;
}

/* Banda a doua (alimente) foloseste TCS Grey, ca in referinta. */
body.theme-tchibo-business section[data-anchor-id='brands-food'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-title {
  background: #EAEBEB;
}

body.theme-tchibo-business section[data-anchor-id='brands-coffee'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-subtitle,
body.theme-tchibo-business section[data-anchor-id='brands-food'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-subtitle {
  display: none;
}

body.theme-tchibo-business section[data-anchor-id='brands-coffee'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] > div > div,
body.theme-tchibo-business section[data-anchor-id='brands-food'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] > div > div {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 16px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px;
  align-items: start;
}

body.theme-tchibo-business section[data-anchor-id='brands-coffee'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-card,
body.theme-tchibo-business section[data-anchor-id='brands-coffee'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-card:hover,
body.theme-tchibo-business section[data-anchor-id='brands-food'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-card,
body.theme-tchibo-business section[data-anchor-id='brands-food'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-card:hover {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
  overflow: visible;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='brands-coffee'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-card-media,
body.theme-tchibo-business section[data-anchor-id='brands-food'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-card-media {
  width: calc(100% - 6px);
  margin: 0 auto;
  aspect-ratio: 1 / 1;
  height: auto;
  padding: 0;
  background: #FFFFFF;
  border: 1px solid rgba(55, 65, 72, 0.3);
  border-radius: 8px;
  overflow: hidden;
}

body.theme-tchibo-business section[data-anchor-id='brands-coffee'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-card-media > img,
body.theme-tchibo-business section[data-anchor-id='brands-food'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-card-media > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 0;
}

body.theme-tchibo-business section[data-anchor-id='brands-coffee'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-card-body,
body.theme-tchibo-business section[data-anchor-id='brands-food'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-card-body {
  width: 100%;
  margin: 0;
  padding: 16px 0 0;
  gap: 0;
  flex: 0 0 auto;
  align-items: center;
  text-align: center;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='brands-coffee'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-card-title,
body.theme-tchibo-business section[data-anchor-id='brands-food'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-card-title {
  margin: 0;
  padding: 0;
  color: #374148;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='brands-coffee'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-card-title::after,
body.theme-tchibo-business section[data-anchor-id='brands-food'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business section[data-anchor-id='brands-coffee'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-cta,
body.theme-tchibo-business section[data-anchor-id='brands-food'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-cta {
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  margin: 16px 0 0;
  padding: 14px 22px;
  border: 0;
  border-radius: 32px;
  background: #EDD38E;
  color: #21292F;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.8px;
  text-transform: none;
  text-decoration: none;
  filter: none;
}

body.theme-tchibo-business section[data-anchor-id='brands-coffee'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-cta:hover,
body.theme-tchibo-business section[data-anchor-id='brands-food'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-cta:hover {
  background: #C0A468;
  color: #21292F;
  filter: none;
}

body.theme-tchibo-business section[data-anchor-id='brands-coffee'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-cta-icon,
body.theme-tchibo-business section[data-anchor-id='brands-food'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-cta-icon {
  display: none;
}

/* --- D. Banda de inchidere (brands-closing): strip coffeeLight pe toata
   latimea utila, continut centrat in containerul 1504 cu gutter 36px. --- */
body.theme-tchibo-business section[data-anchor-id='brands-closing'] .wb-text-block[data-wb-align='center'] {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 32px 0 20px;
  background: #F5EDE5;
}

body.theme-tchibo-business section[data-anchor-id='brands-closing'] .wb-text-block[data-wb-align='center'] .wb-text-container {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 36px;
  color: #374148;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='brands-closing'] .wb-text-block[data-wb-align='center'] .wb-text-container h2 {
  margin: 0 0 32px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='brands-closing'] .wb-text-block[data-wb-align='center'] .wb-text-container p {
  margin: 0 0 32px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='brands-closing'] .wb-text-block[data-wb-align='center'] .wb-text-container a {
  color: #374148;
  text-decoration: underline;
}

/* --- A. Hero 768-1399px: compozitia germana de 700px cu textul pe baza. --- */
@media (min-width: 768px) and (max-width: 1399px) {
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-brands'] .wb-hero {
    height: 700px;
    min-height: 700px;
  }

  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-brands'] .wb-hero-content:not(:has(.wb-hero-body)),
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-brands'] .wb-hero-body {
    justify-content: flex-end;
    padding: 200px 16px 48px;
  }
}

/* --- A. Hero mobil: minim 700px, 370px padding sus, 48px jos. --- */
@media (max-width: 767px) {
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-brands'] .wb-hero {
    height: auto;
    min-height: 700px;
  }

  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-brands'] .wb-hero-content:not(:has(.wb-hero-body)),
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-brands'] .wb-hero-body {
    justify-content: flex-end;
    padding: 370px 16px 48px;
  }
}

/* --- A. Subtitlul pe mobil (7 septembrie 2026): aceeasi corectie ca pe
   `tcs-page-hero-machines` — regula de desktop `calc(50% - 16px)` nu avea
   exceptie sub 900px; la 390px paragraful avea 163px si 9 randuri in loc de 3,
   hero 851px. Referinta /marken/ il are pe 358px, hero 700. --- */
@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-brands'] .wb-hero-subtitle,
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-brands'] .wb-hero p {
    max-width: 100%;
  }
}

/* --- B. Feature-block intro pe mobil (breakpointul variantei: 899px); textul
   ramane primul, imaginea a doua, prin regulile de `order` ale variantei. --- */
@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='brands-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] {
    padding: 16px 0;
  }

  body.theme-tchibo-business section[data-anchor-id='brands-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container {
    padding: 0 16px;
    grid-template-columns: 1fr;
    gap: 0;
  }

  body.theme-tchibo-business section[data-anchor-id='brands-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media {
    border-radius: 20px;
  }

  body.theme-tchibo-business section[data-anchor-id='brands-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media > img {
    position: static;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
  }

  body.theme-tchibo-business section[data-anchor-id='brands-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-body {
    padding: 30px 0 32px;
  }

  body.theme-tchibo-business section[data-anchor-id='brands-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-title {
    font-size: 32px;
    line-height: 1.16;
  }
}

/* --- C. Tile-uri de marca: breakpoint-urile grid-ului german. --- */
@media (min-width: 600px) and (max-width: 1199px) {
  body.theme-tchibo-business section[data-anchor-id='brands-coffee'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] > div > div,
  body.theme-tchibo-business section[data-anchor-id='brands-food'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] > div > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Sub 600px referinta pastreaza doua coloane, cu randuri la 79px distanta. */
@media (max-width: 599px) {
  body.theme-tchibo-business section[data-anchor-id='brands-coffee'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] > div > div,
  body.theme-tchibo-business section[data-anchor-id='brands-food'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] > div > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 79px 32px;
  }
}

/* --- C. Banda de titlu pe mobil: 93px inaltime, tile-urile la 80px sub ea. --- */
@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='brands-coffee'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-title,
  body.theme-tchibo-business section[data-anchor-id='brands-food'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-title {
    margin-bottom: 80px;
    padding: 20px 20px 36px;
    font-size: 32px;
    line-height: 1.16;
  }
}

/* --- C. Tile-uri pe mobil: fara insetul de 6px, titlu si pill mai mici. --- */
@media (max-width: 767px) {
  body.theme-tchibo-business section[data-anchor-id='brands-coffee'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'],
  body.theme-tchibo-business section[data-anchor-id='brands-food'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] {
    padding: 0 0 16px;
  }

  body.theme-tchibo-business section[data-anchor-id='brands-coffee'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-card-media,
  body.theme-tchibo-business section[data-anchor-id='brands-food'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-card-media {
    width: 100%;
  }

  body.theme-tchibo-business section[data-anchor-id='brands-coffee'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-card-title,
  body.theme-tchibo-business section[data-anchor-id='brands-food'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-card-title {
    font-size: 20px;
    line-height: 1.16;
  }

  body.theme-tchibo-business section[data-anchor-id='brands-coffee'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-cta,
  body.theme-tchibo-business section[data-anchor-id='brands-food'] .wb-services[data-wb-cols='4'][data-wb-titlestyle='band'] .wb-services-cta {
    min-height: 0;
    padding: 9.6px;
    font-size: 11.2px;
    line-height: 12.8px;
    letter-spacing: 0.56px;
  }
}

/* --- D. Banda de inchidere pe mobil. --- */
@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='brands-closing'] .wb-text-block[data-wb-align='center'] {
    padding: 8px 0 20px;
  }

  body.theme-tchibo-business section[data-anchor-id='brands-closing'] .wb-text-block[data-wb-align='center'] .wb-text-container h2 {
    font-size: 32px;
    line-height: 1.16;
  }
}

/* === Marci/Eduscho (/marci/eduscho) — parity with tchibo-coffeeservice.de/marken/eduscho, 2026-09-04 === */

/* Structura paginii (zona `main`, in ordine): hero image-only
   `tcs-page-hero-eduscho` (zona `hero`), text-block `brand-eduscho-intro`,
   feature-block `eduscho-range` (variant `brand-category`), services-grid
   `eduscho-range-products` (variant `product-gallery`, slider) si text-block
   `brands-closing` (banda de inchidere reutilizata de la /marci).
   Fundalul paginii ramane #F9F9F9, textul #374148; nicio regula de mai jos nu
   foloseste `!important` (nici regulile pe care le batem nu folosesc).
   Grupul A (hero) are efect doar pe mobil, deci apare la media queries. */

/* --- B. Intro (brand-eduscho-intro). Regula generica de brand intro
   `section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] …` are DOUA
   selectoare de atribut, deci ancora exacta singura ar pierde: `.wb-text-block`
   generic e (0,4,2), iar `section[data-anchor-id='brand-eduscho-intro']
   .wb-text-block` doar (0,3,2). Repetam clasa temei de trei ori (idiomul deja
   folosit in blocul „Container 1504”) si adaugam lantul de clase
   `.wb-text-block .wb-text-container`: (0,5,2) pentru bloc, (0,6,2) pentru
   container si (0,6,3) pentru h2/p, adica peste (0,4,2) / (0,3,3). --- */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-eduscho-intro'] .wb-text-block {
  padding: 84px 0;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-eduscho-intro'] .wb-text-block .wb-text-container {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 36px;
  color: #374148;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-eduscho-intro'] .wb-text-block .wb-text-container h2 {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

/* Ambele randuri ale titlului au acelasi corp de litera: `<span>` mosteneste. */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-eduscho-intro'] .wb-text-block .wb-text-container h2 span {
  font: inherit;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-eduscho-intro'] .wb-text-block .wb-text-container p {
  margin: 0 0 32px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

/* --- C. Categoria (eduscho-range, feature-block `brand-category`): fotografie
   pe toata latimea la raportul ei natural (5:3), apoi titlu si paragraf
   centrate. Regulile generice ale variantei pornesc de la
   `body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category']`
   (0,3,1); ancorarea pe sectiune urca baza la (0,4,2), deci fiecare regula de
   mai jos bate perechea ei generica. --- */
body.theme-tchibo-business section[data-anchor-id='eduscho-range'] .wb-feature[data-wb-variant='brand-category'] {
  padding: 64px 0 0;
  background: transparent;
  color: #374148;
}

/* Containerul pastreaza coloana variantei (media `order: 1`, body `order: 2`). */
body.theme-tchibo-business section[data-anchor-id='eduscho-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-container {
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='eduscho-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media {
  width: 100%;
  border-radius: 0;
}

body.theme-tchibo-business section[data-anchor-id='eduscho-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: auto;
  object-fit: cover;
}

body.theme-tchibo-business section[data-anchor-id='eduscho-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-body {
  width: 100%;
  max-width: 1504px;
  margin: 0 auto;
  padding: 84px 36px 52px;
  gap: 0;
  align-items: center;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='eduscho-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-title {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

/* Referinta nu are subtitlu pe blocul de categorie (defensiv). */
body.theme-tchibo-business section[data-anchor-id='eduscho-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-subtitle {
  display: none;
}

body.theme-tchibo-business section[data-anchor-id='eduscho-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc {
  max-width: none;
  margin: 0 0 32px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  opacity: 1;
}

body.theme-tchibo-business section[data-anchor-id='eduscho-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc p {
  margin: 0;
}

/* --- D. Galeria de produse (eduscho-range-products, `product-gallery` cu
   slider). Markup-ul real (ServicesGrid.tsx + ServicesGridScrollerClient.tsx):
   sectiune > container (div) > `.wb-services-slider` > buton prev +
   `.wb-services-slider-viewport` (care ESTE si `.grid`, flex) + buton next;
   cardurile sunt `<article class="wb-services-card">` copii directi ai
   viewportului, iar padding-ul de slot `0 25px` din modul
   (`.sliderViewport > .card`) sta CHIAR PE CARD. De aceea cardul ramane
   transparent, iar suprafata alba cu colturi rotunjite este dusa pe perechea
   media + body, ca vizualul sa masoare 276px, nu 326px.
   Specificitate: regulile generice pornesc de la
   `.wb-services[data-wb-variant='product-gallery']` (0,3,1); ancorarea pe
   sectiune da (0,4,2). --- */
body.theme-tchibo-business section[data-anchor-id='eduscho-range-products'] .wb-services[data-wb-variant='product-gallery'] {
  padding: 20px 0 128px;
  background: transparent;
}

/* Containerul: 16 (gutter oficial) + 20 (padding de bloc) + 25 (padding de slot)
   = 61px, ca viewportul sa masoare 1303px la 1440px latime. Clasa temei este
   dublata ca regula sa bata punctul 2 din blocul „Container 1504”
   (`.wb-services:not([data-wb-bleed='true']) > div`, (0,5,2), padding 0 16px):
   (0,5,3) > (0,5,2). */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='eduscho-range-products'] .wb-services[data-wb-variant='product-gallery'] > div {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 61px;
}

body.theme-tchibo-business section[data-anchor-id='eduscho-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport {
  display: flex;
  gap: 0;
}

/* Slotul si cardul sunt acelasi element: padding-ul de 25px ramane pe el, doar
   fundalul devine transparent. Flex-basis-urile modulului (100%, 50% >= 992px,
   33.33% >= 1200px, 25% >= 1400px) raman neatinse. */
body.theme-tchibo-business section[data-anchor-id='eduscho-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
body.theme-tchibo-business section[data-anchor-id='eduscho-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card:hover {
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 0 25px;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
  transform: none;
}

body.theme-tchibo-business section[data-anchor-id='eduscho-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media {
  aspect-ratio: 1 / 1;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  background: #FFFFFF;
}

body.theme-tchibo-business section[data-anchor-id='eduscho-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.theme-tchibo-business section[data-anchor-id='eduscho-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media .wb-ai-label {
  left: 10px;
  bottom: 10px;
  padding: 5px 5px 4px;
  border-radius: 4px;
  background: #FBFBFB;
  color: #545C63;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

body.theme-tchibo-business section[data-anchor-id='eduscho-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-body {
  flex: 1 1 auto;
  gap: 4px;
  padding: 16px 16px 32px;
  border-radius: 0 0 8px 8px;
  background: #FFFFFF;
  text-align: left;
}

body.theme-tchibo-business section[data-anchor-id='eduscho-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-eyebrow {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
}

body.theme-tchibo-business section[data-anchor-id='eduscho-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title {
  margin: 0;
  padding: 0;
  color: #374148;
  font-size: 20px;
  font-weight: 700;
  line-height: 22.4px;
  letter-spacing: 0;
  text-transform: none;
  text-align: left;
}

body.theme-tchibo-business section[data-anchor-id='eduscho-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business section[data-anchor-id='eduscho-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}

/* Descrierea e randata ca HTML sanitizat; modulul pune `margin: 0 0 8px` pe
   paragrafele ei, ceea ce ar sparge ritmul de 22.4px al referintei. */
body.theme-tchibo-business section[data-anchor-id='eduscho-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc p {
  margin: 0;
}

/* Controalele 30x65 albe: modulul le pozitioneaza deja la left/right 0 si
   centrat vertical (top 50% + translateY(-50%)); aici doar colturile din
   referinta si suprafata alba. */
body.theme-tchibo-business section[data-anchor-id='eduscho-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev,
body.theme-tchibo-business section[data-anchor-id='eduscho-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next {
  border: 1px solid #FFFFFF;
  background: #FFFFFF;
  color: #374148;
}

body.theme-tchibo-business section[data-anchor-id='eduscho-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev {
  left: 0;
  border-radius: 0 3px 3px 0;
}

body.theme-tchibo-business section[data-anchor-id='eduscho-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* --- E. Banda de inchidere (brands-closing, reutilizata de la /marci). Pe
   paginile de marca referinta are 32px si jos, nu 20px ca pe hub. Regula din
   blocul „Marci” este `section[data-anchor-id='brands-closing']
   .wb-text-block[data-wb-align='center']` (0,4,2); combinatorul de frate
   general fata de galeria de produse ancoreaza regula pe aceasta pagina si
   urca specificitatea la (0,5,3), deci castiga fara `!important`.
   52 = 20 (padding de bloc) + 32 (padding de sectiune). --- */
body.theme-tchibo-business section[data-anchor-id='eduscho-range-products'] ~ section[data-anchor-id='brands-closing'] .wb-text-block[data-wb-align='center'] {
  padding: 32px 0 52px;
}

/* --- A. Hero pe mobil: referinta are exact 700px, nu 803px cat impune regula
   generica `section[data-anchor-id^='tcs-page-hero-'] .wb-hero` (0,3,2) din
   acelasi media query. Clasa temei este dublata ca sa castigam prin
   specificitate, (0,4,2), nu doar prin ordinea din fisier. Pe desktop hero-ul
   ramane pe compozitia generica. --- */
@media (max-width: 899px) {
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tcs-page-hero-eduscho'] .wb-hero {
    height: auto;
    min-height: 700px;
  }
}

/* --- B. Intro pe mobil: 16 (sectiune) + 20 (bloc) = 36px. --- */
@media (max-width: 899px) {
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-eduscho-intro'] .wb-text-block {
    padding: 36px 0;
  }

  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-eduscho-intro'] .wb-text-block .wb-text-container h2 {
    font-size: 32px;
    line-height: 1.16;
  }
}

/* --- C. Categoria pe mobil: imaginea isi pastreaza raportul natural
   (390x234, adica tot 5:3), prin `aspect-ratio: auto` din regula de desktop,
   care bate `aspect-ratio: 5 / 3` a variantei si in interiorul acestui media
   query (media query-urile nu adauga specificitate). --- */
@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='eduscho-range'] .wb-feature[data-wb-variant='brand-category'] {
    padding: 16px 0 0;
  }

  body.theme-tchibo-business section[data-anchor-id='eduscho-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-body {
    padding: 36px 36px 28px;
  }

  body.theme-tchibo-business section[data-anchor-id='eduscho-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-title {
    font-size: 32px;
    line-height: 1.16;
  }
}

/* --- D. Galeria pe mobil: acelasi gutter de 61px (viewport 268px pe un ecran
   de 390px), un singur card de 218px vizibil prin `flex: 0 0 100%` plus slotul
   de 25px. Regula generica de mobil a variantei (`padding-bottom: 48px`,
   (0,3,1)) este batuta de (0,4,2). --- */
@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='eduscho-range-products'] .wb-services[data-wb-variant='product-gallery'] {
    padding: 20px 0 32px;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='eduscho-range-products'] .wb-services[data-wb-variant='product-gallery'] > div {
    padding: 0 61px;
  }
}

/* --- E. Banda de inchidere pe mobil: 8px sus (ca pe hub) si 28px jos. --- */
@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='eduscho-range-products'] ~ section[data-anchor-id='brands-closing'] .wb-text-block[data-wb-align='center'] {
    padding: 8px 0 28px;
  }
}

/* === Marci: pagini de marca (Piacetto) — paritate cu /marken/<brand>, 2026-09-04 === */

/* Blocul se lipeste la SFARSITUL temei, deci la specificitate egala castiga
   prin ordine. Regulile sunt scrise GENERIC pentru toate paginile de marca
   (`brand-*-intro`, varianta `brand-category`, varianta `product-gallery`,
   `*-actions`), plus ancora unica `piacetto-range-cta`.
   Masuratori luate pe tchibo-coffeeservice.de/marken/piacetto la 1424px
   (desktop) si 390px (mobil). Desktop = fara media query sau
   `min-width: 900px`; mobil = `max-width: 899px`. Nicio declaratie marcata
   important, nicio latime raportata la viewport; toti selectorii pornesc din
   `body.theme-tchibo-business`.

   DOM (ZoneRenderer.tsx): ancora sta pe un `<section data-anchor-id>` care
   este parintele DIRECT al radacinii de modul; textul este
   `section[anchor] > section.wb-text-block > div.wb-text-container > div >
   (h2|h4|p|a)`, de aceea toate regulile de text folosesc combinatorul de
   descendent, nu `>`.

   Exceptie explicita: galeria `eduscho-range-products` are deja un bloc
   propriu, calibrat separat (sectiunea „Marci/Eduscho”, gutter 61px, sageti
   albe rotunjite). Regulile de galerie de mai jos o exclud prin
   `section:not([data-anchor-id='eduscho-range-products']) >`, ca proprietatile
   pe care blocul Eduscho NU le declara (flex-basis-ul cardului, gap-ul,
   geometria si pozitia sagetilor) sa nu fie modificate acolo. Toate celelalte
   galerii de marca (11 pagini, ancore `*-products`) intra in regula generica. */

/* --- 1. Intro de marca (`brand-*-intro`) ---------------------------------
   Regulile vechi (L1746-1775) pornesc de la
   `section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] .wb-text-block`
   (0,4,2) / `… h2` (0,3,3). Lantul `.wb-text-block .wb-text-container` urca
   baza la (0,5,2) pentru container si (0,5,3) pentru h2/p/a, deci fiecare
   regula de mai jos o bate pe perechea ei veche, inclusiv `.wb-text-container
   a { color: #856D38 }` (0,2,2) si `section[data-anchor-id='brand-piacetto-intro']
   a` (0,2,3). Blocul Eduscho (`…theme-tchibo-business x3`, (0,6,x)) ramane
   deasupra, deci /marci/eduscho nu se schimba. */
body.theme-tchibo-business section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] .wb-text-block .wb-text-container {
  max-width: 1504px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] .wb-text-block .wb-text-container h2 {
  margin: 0 0 24px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.1;
}

/* Al doilea rand al titlului este un `<span>`: acelasi corp de litera. */
body.theme-tchibo-business section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] .wb-text-block .wb-text-container h2 span {
  font: inherit;
}

body.theme-tchibo-business section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] .wb-text-block .wb-text-container p {
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

/* Linkul din intro este text subliniat, nu buton. */
body.theme-tchibo-business section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] .wb-text-block .wb-text-container a {
  color: #374148;
  text-decoration: underline;
}

/* --- 2. Titlul de gama (feature-block `brand-category`) -------------------
   Regulile vechi (L1805-1845) au exact aceleasi selectoare, (0,3,1) pentru
   sectiune si (0,4,1) pentru media/body/title/subtitle/desc; le repetam
   identic si castigam prin ordine. Paddingul de 64px se pune pe `.wb-feature`
   (nu pe `.wb-feature-media`), ca sa nu se adune peste `padding: 64px 0 0` pe
   care blocul Eduscho il pune deja pe sectiunea lui (0,4,2).
   Imaginea ramane full-bleed (`.wb-feature-media { width: 100% }`, aspect 5/3,
   1409x845 la 1424px), deci nu o atingem. */
body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] {
  padding: 64px 0 0;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-body {
  width: 100%;
  max-width: 1504px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  gap: 0;
}

/* Titlul si subtitlul sunt cele doua randuri ale ACELUIASI titlu: acelasi corp
   de litera, fara spatiu intre ele (`gap: 0` pe body + `margin: 0`). */
body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-title,
body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-subtitle {
  margin: 0;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.1;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc {
  max-width: 1472px;
  margin: 24px auto 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  opacity: 1;
}

/* Descrierea e HTML sanitizat; modulul pune `margin: 0 0 10px` pe paragrafe. */
body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc p {
  margin: 0;
}

/* --- 3. Galeria de produse (`product-gallery`) ----------------------------
   Markup: `section[anchor] > section.wb-services > div.container >
   div.wb-services-slider > button.prev + div.wb-services-slider-viewport
   (care este SI `.grid`, deci flex) + button.next`; cardurile sunt
   `<article class="wb-services-card">` copii directi ai viewportului, iar
   modulul le da `flex: 0 0 100%` (50% >= 992px, 33.33% >= 1200px, 25% >=
   1400px) si `padding: 0 25px` (0,2,0).
   Referinta are tile-uri de latime FIXA, 272px, cu 50px intre ele, aliniate la
   stanga in viewportul de 1472px, indiferent de `data-cols`.
   Specificitate: prefixul `section:not([data-anchor-id='eduscho-range-products'])
   > .wb-services[data-wb-variant='product-gallery']` este (0,4,2), deci bate
   toate regulile vechi de galerie (L2148-2240, (0,3,1)/(0,4,1)) si regulile de
   modul, fara sa atinga pagina Eduscho. */
body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']) > .wb-services[data-wb-variant='product-gallery'] {
  padding: 20px 0 48px;
  background: #f9f9f9;
}

/* Viewportul ESTE containerul de 1472px (1504 - 2x16). Clasa temei este
   triplata ca aceasta regula sa bata punctul 2 din blocul „Container 1504”
   (`.wb-services:not([data-wb-bleed='true']) > div`, (0,5,2)): (0,6,3).
   Pe mobil containerul ramane fara padding (regula veche L2153, `padding: 0`),
   iar gutterul de 16px trece pe viewport, ca scroll-ul sa fie edge-to-edge. */
@media (min-width: 900px) {
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']) > .wb-services[data-wb-variant='product-gallery'] > div {
    max-width: 1504px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
  }
}

body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  column-gap: 50px;
  row-gap: 0;
}

/* Tile fix de 272px: anuleaza si `flex-basis`-urile procentuale ale modulului,
   si paddingul de slot de 25px (marginea dintre tile-uri este data acum doar
   de `column-gap`). */
body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card {
  flex: 0 0 272px;
  min-width: 0;
  min-height: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}

/* Imaginea: 272x272, fara fundal si fara colturi rotunjite. */
body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 0;
  background: transparent;
}

body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-card-body {
  gap: 4px;
  padding: 16px 0 0;
  border-radius: 0;
  background: transparent;
  text-align: left;
}

body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-card-eyebrow {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
}

body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title {
  margin: 0;
  padding: 0;
  color: #374148;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
}

body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
}

/* Modulul pune `margin: 0 0 8px` pe paragrafele descrierii. */
body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc p {
  margin: 0;
}

/* --- 4. Sagetile sliderului ----------------------------------------------
   `ServicesGridScrollerClient.tsx` pune atributul `disabled` cand nu se mai
   poate derula in directia respectiva; referinta ascunde sageata inactiva (cu
   2 produse pe 2 coloane dispar amandoua, la 12 produse dispare doar cea
   inactiva). Regula de modul `.sliderControl:disabled { opacity: .5 }` este
   (0,2,0); a noastra este (0,6,2).
   Restul: chevron simplu 30x65, fara chenar, fara fundal, fara umbra. Modulul
   le da deja `position: absolute; top: 50%; transform: translateY(-50%)`;
   pastram transformul si mutam `top` la 136px = jumatatea imaginii de 272px,
   ca sagetile sa fie centrate pe fotografie, nu pe tot cardul.
   Nota: `<svg viewBox="0 0 24 24">` nu poate primi `preserveAspectRatio` din
   CSS, deci chevronul se randeaza 30x30 centrat in caseta de 30x65. */
body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev:disabled,
body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next:disabled {
  display: none;
}

body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev,
body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next {
  top: 136px;
  width: 30px;
  height: 65px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #374148;
}

/* Modulul coloreaza hoverul in auriu pe fond alb (`.sliderControl:hover:not(:disabled)`,
   (0,4,0)); pe paginile de marca butonul ramane un chevron simplu. */
body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev:hover:not(:disabled),
body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next:hover:not(:disabled) {
  border-color: transparent;
  background: transparent;
  color: #374148;
}

body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev svg,
body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next svg {
  width: 30px;
  height: 65px;
  stroke-width: 1.5;
}

body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev {
  left: 16px;
}

body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next {
  right: 16px;
}

/* --- 5. Blocul de actiuni (`*-actions`) -----------------------------------
   Regulile vechi: `section[data-anchor-id$='-actions'] .wb-text-container`
   (0,3,2), `… h4` / `… a` (0,2,3), `… a + a` (0,2,4) si
   `section[^='piacetto-'][$='-actions'] .wb-text-container` (0,4,2, mai sus in
   fisier). Lantul `.wb-text-block .wb-text-container` da (0,4,2) pentru
   container si (0,4,3) pentru h4/p/a, deci le batem pe toate (la egalitate cu
   regula piacetto, prin ordine). `.wb-text-block { padding: 0 0 64px;
   background: #f9f9f9 }` ramane neatins. */
body.theme-tchibo-business section[data-anchor-id$='-actions'] .wb-text-block .wb-text-container {
  max-width: 1504px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  background: transparent;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id$='-actions'] .wb-text-block .wb-text-container h4 {
  margin: 0 0 24px;
  color: #374148;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.05;
}

/* Paragraful care contine butonul este flex (regula veche L2247): il centram. */
body.theme-tchibo-business section[data-anchor-id$='-actions'] .wb-text-block .wb-text-container p {
  justify-content: center;
}

body.theme-tchibo-business section[data-anchor-id$='-actions'] .wb-text-block .wb-text-container a {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  padding: 14px 22px;
  border: 0;
  border-radius: 32px;
  background: #374148;
  color: #EDD38E;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

body.theme-tchibo-business section[data-anchor-id$='-actions'] .wb-text-block .wb-text-container a:hover {
  background: #2B333A;
  color: #EDD38E;
}

/* --- 6. Banda finala (`piacetto-range-cta`) -------------------------------
   Regulile vechi (L1894-1945): `.wb-text-block` (0,3,2) — acelasi selector,
   castigam prin ordine; `.wb-text-container` (0,3,2), `h2` / `p` / `a` (0,2,3)
   si `p + p` (0,2,4) — batute de (0,4,2) / (0,4,3) / (0,4,4). Linkul redevine
   text subliniat inline: anulam complet stilul de buton (inline-flex,
   min-height, padding, radius, fond auriu). */
body.theme-tchibo-business section[data-anchor-id='piacetto-range-cta'] .wb-text-block {
  padding: 32px 0;
  background: #F4E8D3;
}

body.theme-tchibo-business section[data-anchor-id='piacetto-range-cta'] .wb-text-block .wb-text-container {
  max-width: 1504px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='piacetto-range-cta'] .wb-text-block .wb-text-container h2 {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.1;
}

body.theme-tchibo-business section[data-anchor-id='piacetto-range-cta'] .wb-text-block .wb-text-container p {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

body.theme-tchibo-business section[data-anchor-id='piacetto-range-cta'] .wb-text-block .wb-text-container p + p {
  margin-top: 12px;
}

body.theme-tchibo-business section[data-anchor-id='piacetto-range-cta'] .wb-text-block .wb-text-container a {
  display: inline;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #374148;
  font: inherit;
  text-decoration: underline;
}

/* --- Mobil (max-width: 899px) --------------------------------------------
   Regulile vechi de mobil stau mai sus in fisier si au aceeasi specificitate
   ca perechile lor de desktop, deci regulile noastre fara media query le-ar
   bate; de aceea repetam aici valorile de mobil ale referintei (h2/h4/titluri).
   Media query-urile nu adauga specificitate: raporturile calculate mai sus
   raman valabile si aici. */
@media (max-width: 899px) {
  /* 1. Intro. */
  body.theme-tchibo-business section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] .wb-text-block .wb-text-container h2 {
    font-size: 32px;
  }

  body.theme-tchibo-business section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] .wb-text-block .wb-text-container p {
    font-size: 16px;
  }

  /* 2. Titlul de gama: imaginea urca in capul sectiunii (fara padding sus),
     titlul si subtitlul coboara la 32px. Regula veche de mobil L1858-1873
     (title 34px) are aceeasi specificitate, dar apare inaintea noastra. */
  body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] {
    padding: 0;
  }

  body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-title,
  body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-subtitle {
    font-size: 32px;
  }

  body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc {
    font-size: 16px;
  }

  /* 3. Galeria: tile 253px, gap 16px, gutterul de 16px pe viewport, ca a doua
     tile sa ramana partial vizibila si scroll-ul sa mearga pana la marginea
     ecranului. */
  body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport {
    column-gap: 16px;
    padding-left: 16px;
  }

  body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card {
    flex: 0 0 253px;
  }

  /* 5. Actiuni: butonul ramane inline (latime automata), centrat. */
  body.theme-tchibo-business section[data-anchor-id$='-actions'] .wb-text-block .wb-text-container h4 {
    font-size: 28px;
  }

  /* 6. Banda finala. */
  body.theme-tchibo-business section[data-anchor-id='piacetto-range-cta'] .wb-text-block {
    padding: 32px 0;
  }

  body.theme-tchibo-business section[data-anchor-id='piacetto-range-cta'] .wb-text-block .wb-text-container h2 {
    font-size: 32px;
  }
}

/* === Marci/Davidoff Café (/marci/davidoff-cafe) — parity with tchibo-coffeeservice.de/marken/davidoff-cafe, 2026-09-04; cloned from the Eduscho block === */

/* Structura paginii (zona `main`, in ordine): hero image-only
   `tcs-page-hero-davidoff-cafe` (zona `hero`), text-block `brand-davidoff-cafe-intro`,
   feature-block `davidoff-cafe-range` (variant `brand-category`), services-grid
   `davidoff-cafe-range-products` (variant `product-gallery`, slider) si text-block
   `brands-closing` (banda de inchidere reutilizata de la /marci).
   Fundalul paginii ramane #F9F9F9, textul #374148; nicio regula de mai jos nu
   foloseste `!important` (nici regulile pe care le batem nu folosesc).
   Grupul A (hero) are efect doar pe mobil, deci apare la media queries. */

/* --- B. Intro (brand-davidoff-cafe-intro). Regula generica de brand intro
   `section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] …` are DOUA
   selectoare de atribut, deci ancora exacta singura ar pierde: `.wb-text-block`
   generic e (0,4,2), iar `section[data-anchor-id='brand-davidoff-cafe-intro']
   .wb-text-block` doar (0,3,2). Repetam clasa temei de trei ori (idiomul deja
   folosit in blocul „Container 1504”) si adaugam lantul de clase
   `.wb-text-block .wb-text-container`: (0,5,2) pentru bloc, (0,6,2) pentru
   container si (0,6,3) pentru h2/p, adica peste (0,4,2) / (0,3,3). --- */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-davidoff-cafe-intro'] .wb-text-block {
  padding: 84px 0;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-davidoff-cafe-intro'] .wb-text-block .wb-text-container {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 36px;
  color: #374148;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-davidoff-cafe-intro'] .wb-text-block .wb-text-container h2 {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

/* Ambele randuri ale titlului au acelasi corp de litera: `<span>` mosteneste. */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-davidoff-cafe-intro'] .wb-text-block .wb-text-container h2 span {
  font: inherit;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-davidoff-cafe-intro'] .wb-text-block .wb-text-container p {
  margin: 0 0 32px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

/* --- C. Categoria (davidoff-cafe-range, feature-block `brand-category`): fotografie
   pe toata latimea la raportul ei natural (5:3), apoi titlu si paragraf
   centrate. Regulile generice ale variantei pornesc de la
   `body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category']`
   (0,3,1); ancorarea pe sectiune urca baza la (0,4,2), deci fiecare regula de
   mai jos bate perechea ei generica. --- */
body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range'] .wb-feature[data-wb-variant='brand-category'] {
  padding: 64px 0 0;
  background: transparent;
  color: #374148;
}

/* Containerul pastreaza coloana variantei (media `order: 1`, body `order: 2`). */
body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-container {
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media {
  width: 100%;
  border-radius: 0;
}

body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: auto;
  object-fit: cover;
}

body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-body {
  width: 100%;
  max-width: 1504px;
  margin: 0 auto;
  padding: 84px 36px 52px;
  gap: 0;
  align-items: center;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-title {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

/* Referinta nu are subtitlu pe blocul de categorie (defensiv). */
body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-subtitle {
  display: none;
}

body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc {
  max-width: none;
  margin: 0 0 32px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  opacity: 1;
}

body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc p {
  margin: 0;
}

/* --- D. Galeria de produse (davidoff-cafe-range-products, `product-gallery` cu
   slider). Markup-ul real (ServicesGrid.tsx + ServicesGridScrollerClient.tsx):
   sectiune > container (div) > `.wb-services-slider` > buton prev +
   `.wb-services-slider-viewport` (care ESTE si `.grid`, flex) + buton next;
   cardurile sunt `<article class="wb-services-card">` copii directi ai
   viewportului, iar padding-ul de slot `0 25px` din modul
   (`.sliderViewport > .card`) sta CHIAR PE CARD. De aceea cardul ramane
   transparent, iar suprafata alba cu colturi rotunjite este dusa pe perechea
   media + body, ca vizualul sa masoare 276px, nu 326px.
   Specificitate: regulile generice pornesc de la
   `.wb-services[data-wb-variant='product-gallery']` (0,3,1); ancorarea pe
   sectiune da (0,4,2). --- */
body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] .wb-services[data-wb-variant='product-gallery'] {
  padding: 20px 0 128px;
  background: transparent;
}

/* Containerul: 16 (gutter oficial) + 20 (padding de bloc) + 25 (padding de slot)
   = 61px, ca viewportul sa masoare 1303px la 1440px latime. Clasa temei este
   dublata ca regula sa bata punctul 2 din blocul „Container 1504”
   (`.wb-services:not([data-wb-bleed='true']) > div`, (0,5,2), padding 0 16px):
   (0,5,3) > (0,5,2). */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] .wb-services[data-wb-variant='product-gallery'] > div {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 61px;
}

body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport {
  display: flex;
  gap: 0;
}

/* Slotul si cardul sunt acelasi element: padding-ul de 25px ramane pe el, doar
   fundalul devine transparent. Flex-basis-urile modulului (100%, 50% >= 992px,
   33.33% >= 1200px, 25% >= 1400px) raman neatinse. */
body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card:hover {
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 0 25px;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
  transform: none;
}

body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media {
  aspect-ratio: 1 / 1;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  background: #FFFFFF;
}

body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media .wb-ai-label {
  left: 10px;
  bottom: 10px;
  padding: 5px 5px 4px;
  border-radius: 4px;
  background: #FBFBFB;
  color: #545C63;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-body {
  flex: 1 1 auto;
  gap: 4px;
  padding: 16px 16px 32px;
  border-radius: 0 0 8px 8px;
  background: #FFFFFF;
  text-align: left;
}

body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-eyebrow {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
}

body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title {
  margin: 0;
  padding: 0;
  color: #374148;
  font-size: 20px;
  font-weight: 700;
  line-height: 22.4px;
  letter-spacing: 0;
  text-transform: none;
  text-align: left;
}

body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}

/* Descrierea e randata ca HTML sanitizat; modulul pune `margin: 0 0 8px` pe
   paragrafele ei, ceea ce ar sparge ritmul de 22.4px al referintei. */
body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc p {
  margin: 0;
}

/* Controalele 30x65 albe: modulul le pozitioneaza deja la left/right 0 si
   centrat vertical (top 50% + translateY(-50%)); aici doar colturile din
   referinta si suprafata alba. */
body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev,
body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next {
  border: 1px solid #FFFFFF;
  background: #FFFFFF;
  color: #374148;
}

body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev {
  left: 0;
  border-radius: 0 3px 3px 0;
}

body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* Referinta ascunde complet controalele caruselului cand produsele incap in
   viewport (`.base-slider-controls { display: none }` la doua produse), pe cand
   componenta noastra le randeaza mereu, doar `disabled` (opacitate 0,5). Ascundem
   deci exact starea dezactivata, nu si sagetile active de pe mobil. */
body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev:disabled,
body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next:disabled {
  display: none;
}

/* --- E. Banda de inchidere (brands-closing, reutilizata de la /marci). Pe
   paginile de marca referinta are 32px si jos, nu 20px ca pe hub. Regula din
   blocul „Marci” este `section[data-anchor-id='brands-closing']
   .wb-text-block[data-wb-align='center']` (0,4,2); combinatorul de frate
   general fata de galeria de produse ancoreaza regula pe aceasta pagina si
   urca specificitatea la (0,5,3), deci castiga fara `!important`.
   52 = 20 (padding de bloc) + 32 (padding de sectiune). --- */
body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] ~ section[data-anchor-id='brands-closing'] .wb-text-block[data-wb-align='center'] {
  padding: 32px 0 52px;
}

/* --- A. Hero pe mobil: referinta are exact 700px, nu 803px cat impune regula
   generica `section[data-anchor-id^='tcs-page-hero-'] .wb-hero` (0,3,2) din
   acelasi media query. Clasa temei este dublata ca sa castigam prin
   specificitate, (0,4,2), nu doar prin ordinea din fisier. Pe desktop hero-ul
   ramane pe compozitia generica. --- */
@media (max-width: 899px) {
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tcs-page-hero-davidoff-cafe'] .wb-hero {
    height: auto;
    min-height: 700px;
  }
}

/* --- B. Intro pe mobil: 16 (sectiune) + 20 (bloc) = 36px. --- */
@media (max-width: 899px) {
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-davidoff-cafe-intro'] .wb-text-block {
    padding: 36px 0;
  }

  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-davidoff-cafe-intro'] .wb-text-block .wb-text-container h2 {
    font-size: 32px;
    line-height: 1.16;
  }
}

/* --- C. Categoria pe mobil: imaginea isi pastreaza raportul natural
   (390x234, adica tot 5:3), prin `aspect-ratio: auto` din regula de desktop,
   care bate `aspect-ratio: 5 / 3` a variantei si in interiorul acestui media
   query (media query-urile nu adauga specificitate). --- */
@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range'] .wb-feature[data-wb-variant='brand-category'] {
    padding: 16px 0 0;
  }

  body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-body {
    padding: 36px 36px 28px;
  }

  body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-title {
    font-size: 32px;
    line-height: 1.16;
  }
}

/* --- D. Galeria pe mobil: acelasi gutter de 61px (viewport 268px pe un ecran
   de 390px), un singur card de 218px vizibil prin `flex: 0 0 100%` plus slotul
   de 25px. Regula generica de mobil a variantei (`padding-bottom: 48px`,
   (0,3,1)) este batuta de (0,4,2). --- */
@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] .wb-services[data-wb-variant='product-gallery'] {
    padding: 20px 0 32px;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] .wb-services[data-wb-variant='product-gallery'] > div {
    padding: 0 61px;
  }
}

/* --- E. Banda de inchidere pe mobil: 8px sus (ca pe hub) si 28px jos. --- */
@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range-products'] ~ section[data-anchor-id='brands-closing'] .wb-text-block[data-wb-align='center'] {
    padding: 8px 0 28px;
  }
}

/* === Marci: corectie Piacetto 1 (2026-09-04) — imaginile de gama si fundalul ===
   Referinta (/marken/piacetto, masurata la 1424 si 2000 px): TOATE sectiunile paginii
   au fundal #F9F9F9 (si intro-ul), fara cutie alba; imaginea de gama sta pe toata
   latimea (1409 px la 1424, 1920 px la 2000 — plafon 1920, centrata), raport 5:3,
   fara plafon de inaltime (845 / 1158 px), cu 64 px deasupra; titlul de gama la
   84 px sub imagine, in coloana cu gutter 36 px. Regulile vechi (L1778-1810) puneau
   fundal alb pe sectiune + container si limitau imaginea la 420-760 px inaltime
   (decupaj pe ecrane late). */
body.theme-tchibo-business section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] .wb-text-block {
  background: transparent;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] {
  background: transparent;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-container {
  background: transparent;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-media {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-media img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: 5 / 3;
  object-fit: cover;
}

body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-body {
  padding: 84px 36px 52px;
}

@media (max-width: 899px) {
  body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category'] .wb-feature-body {
    padding: 40px 24px 44px;
  }
}

/* === Marci/Eduscho — banner de categorie full-bleed (hotfix 2026-09-04, seara) ===
   Captura clientului arata guttere laterale (~40px) pe fotografia cu pungile de
   cafea; referinta o afiseaza pe toata latimea ferestrei. Indiferent de ce
   container ii mai pune padding (regula generica `.wb-feature-container` cu
   clamp(16px, 3vw, 40px) sau alta), media iese din container cu aceeasi tehnica
   de full-bleed folosita in tema (100vw + margin-inline; html/body au
   overflow-x: clip), cu plafonul de 1920 px al referintei (centrat pe ecrane
   mai late, ca la Piacetto). Clasa temei este triplata ca sa bata orice regula
   generica de container (0,6,2) fara `!important`. */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='eduscho-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-container {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='eduscho-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media {
  width: min(100vw, 1920px);
  max-width: 1920px;
  margin: 0;
  margin-inline: calc(50% - min(50vw, 960px));
  padding: 0;
  border-radius: 0;
  overflow: hidden;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='eduscho-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: auto;
  object-fit: cover;
}

/* === Marci: corectie Piacetto 2 (2026-09-04) — cardul alb generic al feature-urilor light ===
   Regulile generice `.wb-feature--light:not([data-wb-title='light']):not([data-wb-media='flush'])`
   (L1333-1348: sectiune 40px 0 56px pe #F9F9F9, container 48px 40px alb cu radius 8 si umbra,
   media radius 8) au specificitate (0,4,1)/(0,5,1) si bat regulile `brand-category` scrise cu
   `.wb-feature[data-wb-variant='brand-category']` (0,3,1)/(0,4,1) — de aici „chenarul alb” din
   jurul imaginilor de gama. Selectorii de mai jos adauga `.wb-feature--light` (aceeasi specificitate,
   dar mai tarziu in fisier), fara sa depaseasca blocurile ancorate Eduscho/Davidoff (0,4,2)/(0,5,2). */
body.theme-tchibo-business .wb-feature.wb-feature--light[data-wb-variant='brand-category'] {
  padding: 64px 0 0;
  background: transparent;
}

body.theme-tchibo-business .wb-feature.wb-feature--light[data-wb-variant='brand-category'] .wb-feature-container {
  max-width: none;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.theme-tchibo-business .wb-feature.wb-feature--light[data-wb-variant='brand-category'] .wb-feature-media {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  border-radius: 0;
  overflow: hidden;
}

@media (max-width: 899px) {
  body.theme-tchibo-business .wb-feature.wb-feature--light[data-wb-variant='brand-category'] {
    padding: 0;
  }
}

/* --- F. Davidoff: banner de categorie full-bleed, fara cardul alb generic
   (hotfix 2026-09-04, seara; aceeasi tehnica si specificitate ca hotfix-ul
   Eduscho). Captura clientului arata fotografia cu pungile intr-un chenar alb:
   regula generica a feature-urilor light
   (`.wb-feature--light:not([data-wb-title='light']):not([data-wb-media='flush'])
   .wb-feature-container`, (0,5,2)) pune cardul alb cu padding 48px 40px,
   radius 8 si umbra, iar grupul C de mai sus anula doar fundalul. Referinta
   afiseaza fotografia pe toata latimea ferestrei (plafon 1920 px, centrata pe
   ecrane mai late), la raportul ei natural 5:3. Clasa temei este triplata ca sa
   batem orice regula generica de container ((0,6,2)) fara `!important`. --- */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-container {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media {
  width: min(100vw, 1920px);
  max-width: 1920px;
  margin: 0;
  margin-inline: calc(50% - min(50vw, 960px));
  padding: 0;
  border-radius: 0;
  overflow: hidden;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='davidoff-cafe-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: auto;
  object-fit: cover;
}
/* === Marci: Pure Fine Selection + reguli generice de marca (2026-09-04) === */

/* Blocul se lipeste la SFARSITUL temei; la specificitate egala castiga prin
   ordine. Masuratori pe tchibo-coffeeservice.de/marken/pure-fine-selection la
   1424px si 2000px (desktop) si 390px (mobil): fundal #F9F9F9, text #374148,
   Interstate. Regulile sunt scrise GENERIC (toate paginile de marca), pentru ca
   lotul Pure Fine Selection foloseste exact aceleasi module ca Piacetto:
   `brand-*-intro` (text-block), `*-range` (feature-block `brand-category`),
   `*-range-products` (services-grid `product-gallery`) si `*-range-actions`.

   Blocurile ancorate care raman PRIORITARE si pe care nu le atingem:
   - „Marci/Eduscho” (L6502+) si „Marci/Davidoff Cafe” (L7287+): intro-urile lor
     folosesc clasa temei triplata (0,6,x)/(0,7,x), blocul de categorie este
     ancorat pe `section[data-anchor-id='eduscho-range'|'davidoff-cafe-range']`
     (0,5,2), deci raman deasupra regulilor de mai jos ((0,5,1) la maximum).
   - galeriile lor (`eduscho-range-products`, `davidoff-cafe-range-products`)
     sunt calibrate separat (gutter 61px, card alb cu radius, sageti lipite de
     margine, flex-basis-urile modulului nepatate). Ele au (0,4,2), adica exact
     specificitatea prefixului generic din blocul Piacetto, si castigau doar
     pentru ca stau mai jos in fisier. Cum blocul de fata vine dupa ele, le-am
     exclus EXPLICIT din prefixul de galerie prin al doilea `:not(...)`, ca
     paritatea lor sa nu fie stricata.

   DOM (ZoneRenderer.tsx): ancora `data-anchor-id` sta pe un `<section>`
   WRAPPER, iar radacina de modul este copilul lui; de aceea toti selectorii de
   text folosesc `section[data-anchor-id='…'] .wb-text-block …`, nu
   `section.wb-text-block[data-anchor-id]`.

   Nicio declaratie marcata important, nicio latime raportata la viewport, toti
   selectorii pornesc din `body.theme-tchibo-business`. Desktop = fara media
   query sau `@media (min-width: 900px)`; mobil = `@media (max-width: 899px)`.
   Media query-urile NU adauga specificitate: unde o regula de desktop scrisa
   fara media ar acoperi si mobilul, valoarea de mobil este repetata mai jos cu
   acelasi selector. */

/* --- 1. Intro de marca (`brand-*-intro`) ---------------------------------
   Referinta: sectiunea are 64px sus si jos (nu 56/92), textul masoara 1337px la
   1424 si 1432px la 2000 => container 1504 cu gutter 36px (nu 16); titlul are
   16px pana la paragraf (nu 24); paragraful este 16/400 cu line-height 1.5
   (24px), nu 1.4.

   Reguli batute:
   - L1746 `section[^='brand-'][$='-intro'] .wb-text-block { padding: 56px 0 92px }`
     (0,4,2) si L7646 (corectie Piacetto 1, acelasi selector, doar `background`):
     acelasi selector, mai jos in fisier => castiga ordinea. `background:
     transparent` din corectia 1 ramane, pentru ca nu il redeclaram.
   - L6879 (bloc Piacetto) `… .wb-text-block .wb-text-container { padding-left:
     16px; padding-right: 16px }` (0,5,2) => acelasi selector, ordine.
   - L6888 (bloc Piacetto) `… .wb-text-container h2 { margin: 0 0 24px }` (0,5,3)
     => acelasi selector, ordine.
   - L6902 (bloc Piacetto) `… .wb-text-container p { line-height: 1.4 }` (0,5,3)
     => acelasi selector, ordine.
   Intro-urile Eduscho/Davidoff (clasa temei triplata, (0,6,2)/(0,6,3)) raman
   neatinse. */
body.theme-tchibo-business section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] .wb-text-block {
  padding: 64px 0;
}

body.theme-tchibo-business section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] .wb-text-block .wb-text-container {
  padding-left: 36px;
  padding-right: 36px;
}

body.theme-tchibo-business section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] .wb-text-block .wb-text-container h2 {
  margin: 0 0 16px;
}

body.theme-tchibo-business section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] .wb-text-block .wb-text-container p {
  line-height: 1.5;
}

/* --- 2. Titlul de gama (feature-block `brand-category`) -------------------
   Referinta: descrierea porneste la 32px sub titlu (nu 24), este 16/400 cu
   line-height 1.5, iar coloana de text se opreste la 32px sub descriere (nu 52).

   Selectorul foloseste `.wb-feature.wb-feature--light[data-wb-variant=
   'brand-category']`, ca in „corectie Piacetto 2”: blocul generic
   `.wb-feature--light:not([data-wb-title='light']):not([data-wb-media='flush'])`
   (L1332-1348) are (0,4,1)/(0,5,1) si ar bate un selector scris doar cu
   `.wb-feature[data-wb-variant='brand-category']`. Toate blocurile de gama din
   seed au `theme: "light"`, deci primesc `wb-feature--light`.

   Reguli batute:
   - L7674 (corectie Piacetto 1) `.wb-feature[data-wb-variant='brand-category']
     .wb-feature-body { padding: 84px 36px 52px }` (0,4,1) => (0,5,1) castiga si
     la specificitate, si la ordine.
   - L6947 (bloc Piacetto) `… .wb-feature-desc { margin: 24px auto 0;
     line-height: 1.4 }` (0,4,1) => idem.
   Blocurile Eduscho (L6589/L6612) si Davidoff (L7374/L7397) sunt ancorate pe
   sectiune, (0,5,2) > (0,5,1), deci raman prioritare. */
body.theme-tchibo-business .wb-feature.wb-feature--light[data-wb-variant='brand-category'] .wb-feature-body {
  padding: 84px 36px 32px;
}

body.theme-tchibo-business .wb-feature.wb-feature--light[data-wb-variant='brand-category'] .wb-feature-desc {
  margin: 32px auto 0;
  font-size: 16px;
  line-height: 1.5;
}

/* --- 3. Galeria de produse (`product-gallery`) ----------------------------
   Referinta: sliderul are un gutter de 70px stanga/dreapta in container (zona
   sagetilor), 50px intre tile-uri, iar tile-ul este FLUID, nu fix:
   (latime utila - 3x50) / 4, adica ~272px la 1424 si ~296px la 2000. Textul
   cardului are 16px gutter lateral si 32px sub el. Sagetile active au fond alb,
   chevron #374148, 30x65, la 45px de marginea sliderului (61px de marginea
   paginii, pentru ca sliderul incepe la 16px).

   Prefix (0,5,2): `section:not([data-anchor-id='eduscho-range-products'])
   :not([data-anchor-id='davidoff-cafe-range-products']) > .wb-services[
   data-wb-variant='product-gallery']`. `:not()` are specificitatea argumentului
   sau, deci cele doua `:not([attr])` adauga 2 clase. Prefixul bate atat regulile
   de modul (ServicesGrid.module.css: `.sliderViewport > .card { flex: 0 0 100%;
   padding: 0 25px }`, `.sliderControl { background: #fff; border: 1px solid #fff;
   border-radius: 3px }`), cat si prefixul generic din blocul Piacetto (0,4,2),
   fara sa atinga cele doua galerii calibrate separat.

   Reguli batute (toate din blocul Piacetto, prefix (0,4,2)):
   - L7006 `… .wb-services-slider-viewport > .wb-services-card { flex: 0 0 272px }`
   - L7027 `… .wb-services-card-body { padding: 16px 0 0 }`
   - L7087 `… .wb-services-slider-prev/next { background: transparent }`
   - L7102 `… -prev/next:hover:not(:disabled) { background: transparent }` (0,7,2)
     — batuta de perechea de mai jos, (0,8,2).
   - L7116/L7120 `… -prev { left: 16px }` / `… -next { right: 16px }` (0,5,2)
     => (0,6,2).
   Ce NU redeclaram (ramane din blocul Piacetto si se aplica in continuare):
   `column-gap: 50px` pe viewport, `aspect-ratio: 1/1` pe media, tipografia
   cardului, `top: 136px` si dimensiunea 30x65 a sagetilor, `:disabled {
   display: none }`, `border: 0` / `border-radius: 0` pe sageti. */

/* Geometria de desktop; pe mobil raman valorile din blocul Piacetto
   (viewport `padding-left: 16px`, `column-gap: 16px`, tile 253px, sageti la
   16px), de aceea regulile stau intr-un `min-width: 900px` si nu au nevoie de
   contra-reguli in `max-width: 899px`. */
@media (min-width: 900px) {
  body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']):not([data-anchor-id='davidoff-cafe-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport {
    padding-left: 70px;
    padding-right: 70px;
  }

  /* 100% = content-box-ul viewportului, deci deja fara cele 2x70px; scadem
     cele 3 spatii de 50px si impartim la 4. */
  body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']):not([data-anchor-id='davidoff-cafe-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card {
    flex: 0 0 calc((100% - 150px) / 4);
  }

  body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']):not([data-anchor-id='davidoff-cafe-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev {
    left: 45px;
  }

  body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']):not([data-anchor-id='davidoff-cafe-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next {
    right: 45px;
  }
}

/* Textul cardului: acelasi padding pe desktop si pe mobil. */
body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']):not([data-anchor-id='davidoff-cafe-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-card-body {
  padding: 16px 16px 32px;
}

/* Sagetile active: fond alb, chevron inchis; forma (30x65, fara chenar, fara
   radius, `top: 136px`) si ascunderea starii `:disabled` raman din blocul
   Piacetto. */
body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']):not([data-anchor-id='davidoff-cafe-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev,
body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']):not([data-anchor-id='davidoff-cafe-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next {
  background: #FFFFFF;
  color: #374148;
}

/* Hoverul nu schimba nimic. Regula de modul `.sliderControl:hover:not(:disabled)`
   coloreaza chevronul in auriu, iar cea din blocul Piacetto (L7102, (0,7,2)) ar
   face fundalul transparent; perechea de mai jos are (0,8,2). */
body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']):not([data-anchor-id='davidoff-cafe-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev:hover:not(:disabled),
body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']):not([data-anchor-id='davidoff-cafe-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next:hover:not(:disabled) {
  background: #FFFFFF;
  color: #374148;
}

/* Galeriile urmate de banda finala (ancore `*-range-products`) au 128px sub
   ele, nu 48px. Prefixul adauga `[data-anchor-id$='-range-products']` la cele
   doua `:not(...)` => (0,6,2), deci bate si regula generica de sectiune din
   blocul Piacetto (L6975, `padding: 20px 0 48px`, (0,4,2)). Restul galeriilor
   (`*-supremo-products`, `*-mlima-products` etc.) raman la 48px. */
body.theme-tchibo-business section[data-anchor-id$='-range-products']:not([data-anchor-id='eduscho-range-products']):not([data-anchor-id='davidoff-cafe-range-products']) > .wb-services[data-wb-variant='product-gallery'] {
  padding: 20px 0 128px;
}

/* --- 4. Banda finala (`*-range-cta`) --------------------------------------
   Blocul Piacetto a scris aceste reguli ancorate pe `piacetto-range-cta`
   (L7182-7228); le generalizam la `[data-anchor-id$='-range-cta']`, cu EXACT
   aceeasi structura de selector, deci aceeasi specificitate ((0,3,2) pentru
   `.wb-text-block`, (0,4,2) pentru container, (0,4,3) pentru h2/p/a, (0,4,4)
   pentru `p + p`) si castig prin ordine.
   Corectii fata de blocul Piacetto: fundalul masurat este rgb(245,237,229) =
   #F5EDE5 (nu #F4E8D3), titlul are 32px pana la paragraf (nu 16), paragrafele
   au line-height 1.5 (nu 1.4) si 32px intre ele (nu 12).
   Nota: in seed exista deocamdata o singura ancora `*-range-cta`
   (`piacetto-range-cta`); regula este pregatita pentru celelalte pagini de
   marca, iar paginile lotului curent (inclusiv Pure Fine Selection) se termina
   cu `*-range-actions`, care isi pastreaza stilul de buton din blocul Piacetto. */
body.theme-tchibo-business section[data-anchor-id$='-range-cta'] .wb-text-block {
  padding: 64px 0;
  background: #F5EDE5;
}

body.theme-tchibo-business section[data-anchor-id$='-range-cta'] .wb-text-block .wb-text-container {
  max-width: 1504px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 36px;
  padding-right: 36px;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id$='-range-cta'] .wb-text-block .wb-text-container h2 {
  margin: 0 0 32px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.1;
}

body.theme-tchibo-business section[data-anchor-id$='-range-cta'] .wb-text-block .wb-text-container p {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

body.theme-tchibo-business section[data-anchor-id$='-range-cta'] .wb-text-block .wb-text-container p + p {
  margin-top: 32px;
}

/* Linkul este text subliniat inline, nu buton: anulam complet stilul de buton
   (regula veche L1923, (0,2,3)). */
body.theme-tchibo-business section[data-anchor-id$='-range-cta'] .wb-text-block .wb-text-container a {
  display: inline;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #374148;
  font: inherit;
  text-decoration: underline;
}

/* Exceptie Piacetto: referinta /marken/piacetto are 32px sus si jos pe banda,
   nu 64. Selectorul este identic ca structura cu cel generic de mai sus
   ((0,3,2)), dar `[data-anchor-id='piacetto-range-cta']` vine dupa el. */
body.theme-tchibo-business section[data-anchor-id='piacetto-range-cta'] .wb-text-block {
  padding: 32px 0;
}

/* --- Mobil (max-width: 899px) -------------------------------------------- */
@media (max-width: 899px) {
  /* 1. Intro: 16px sus si jos; gutterul de 36px si restul tipografiei vin din
     regulile de mai sus (textul masoara 318px la 390 => 36px gutter).
     Regula veche de mobil L1841 (`padding: 44px 0 60px`, (0,4,2)) este batuta de
     acelasi selector, mai jos in fisier. */
  body.theme-tchibo-business section[data-anchor-id^='brand-'][data-anchor-id$='-intro'] .wb-text-block {
    padding: 16px 0;
  }

  /* 2. Titlul de gama: coloana de text are 16px sus si 8px jos. Regula noastra
     de desktop (0,5,1) ar acoperi si mobilul, iar regulile vechi de mobil
     (L1866 `40px 24px 44px` si L7679, (0,4,1)) sunt mai slabe; de aceea
     repetam valoarea de mobil cu acelasi selector (0,5,1). Corpul titlului
     (32px) ramane din blocul Piacetto. */
  body.theme-tchibo-business .wb-feature.wb-feature--light[data-wb-variant='brand-category'] .wb-feature-body {
    padding: 16px 36px 8px;
  }

  /* 3. Galeria: 32px sub ea, fara padding sus. Geometria de desktop (gutter
     70px, tile fluid, sageti la 45px) sta in `min-width: 900px`, deci pe mobil
     raman tile-ul de 253px si gutterul de 16px din blocul Piacetto.
     Prima regula acopera toate galeriile de marca (0,5,2), a doua le repeta
     valoarea pentru ancorele `*-range-products`, unde regula de desktop are
     (0,6,2) si ar castiga altfel si pe mobil. */
  body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']):not([data-anchor-id='davidoff-cafe-range-products']) > .wb-services[data-wb-variant='product-gallery'] {
    padding: 0 0 32px;
  }

  body.theme-tchibo-business section[data-anchor-id$='-range-products']:not([data-anchor-id='eduscho-range-products']):not([data-anchor-id='davidoff-cafe-range-products']) > .wb-services[data-wb-variant='product-gallery'] {
    padding: 0 0 32px;
  }

  /* 4. Banda finala: 16px sus si jos, titlu 32px. Regula veche de mobil din
     blocul Piacetto (L7278, `padding: 32px 0`, (0,3,2)) este batuta de selectorul
     generic, mai jos in fisier; exceptia de mai jos o pastreaza explicita si
     pentru Piacetto. */
  body.theme-tchibo-business section[data-anchor-id$='-range-cta'] .wb-text-block {
    padding: 16px 0;
  }

  body.theme-tchibo-business section[data-anchor-id$='-range-cta'] .wb-text-block .wb-text-container h2 {
    font-size: 32px;
  }

  body.theme-tchibo-business section[data-anchor-id='piacetto-range-cta'] .wb-text-block {
    padding: 16px 0;
  }
}

/* === Marci: corectie galerie de produse 1 (2026-09-04) — cardul alb al tile-ului ===
   Referinta (.image-slider-item, verificata pe /marken/pure-fine-selection si /marken/piacetto):
   tile-ul este un card ALB cu radius 8 si overflow hidden, fara umbra; imaginea 1:1 sus (fara
   radius propriu), textul in corpul alb cu padding 16 16 0 / 0 16 / 0 16 32; toate tile-urile
   din rand au aceeasi inaltime (686 px pe PFS, 507 pe Piacetto). Blocul Piacetto pusese
   fundal transparent pe card si corp (concluzie gresita din scanarea DOM-ului). */
body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']):not([data-anchor-id='davidoff-cafe-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport {
  align-items: stretch;
}

body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']):not([data-anchor-id='davidoff-cafe-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: none;
}

body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']):not([data-anchor-id='davidoff-cafe-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media {
  border-radius: 0;
  background: #FFFFFF;
}

body.theme-tchibo-business section:not([data-anchor-id='eduscho-range-products']):not([data-anchor-id='davidoff-cafe-range-products']) > .wb-services[data-wb-variant='product-gallery'] .wb-services-card-body {
  flex: 1 1 auto;
  border-radius: 0;
  background: #FFFFFF;
}

/* === Marci/Pure Tea Selection (/marci/pure-tea-selection) — parity with tchibo-coffeeservice.de/marken/pure-tea-selection, 2026-09-04 === */

/* Structura paginii (zona `main`, in ordine): hero image-only
   `tcs-page-hero-pure-tea-selection` (zona `hero`), text-block
   `brand-pure-tea-selection-intro`, services-grid `pure-tea-selection-categories`
   (4 coloane, `linkIcon: "arrow"`, carduri FARA `image`, deci ServicesGrid.tsx
   nu randeaza `.wb-services-card-media`), apoi, pentru fiecare dintre cele patru
   sortimente, feature-block `pure-tea-selection-{black,green,herbal,fruit}`
   (variant `brand-category`), services-grid `…-products` (variant
   `product-gallery`, slider) si text-block `…-actions` (cel de la `fruit` este
   dezactivat in seed, deci nu se randeaza); la final text-block `brands-closing`.
   Fundalul paginii ramane #F9F9F9, textul #374148; nicio declaratie de mai jos
   nu este marcata `!important`.

   DOM (ZoneRenderer.tsx): ancora `data-anchor-id` sta pe un `<section>` WRAPPER,
   iar radacina de modul este descendent, deci toti selectorii sunt de forma
   `section[data-anchor-id='…'] .wb-services …`.

   Blocul se lipeste la SFARSITUL temei, deci la specificitate egala castiga si
   prin ordine; specificitatile sunt totusi notate la fiecare grup, pentru ca
   regulile generice mai noi (blocul „Piacetto”, L6844+, si blocul „Pure Fine
   Selection”, L7795+) sunt scrise cu prefixe `:not(…)` care NU exclud ancorele
   acestei pagini si trebuie batute explicit.
   Grupul A (hero) are efect doar pe mobil, deci apare la media queries. */

/* --- B. Intro (`brand-pure-tea-selection-intro`) — clona grupului B din blocul
   Eduscho. Regulile generice de intro de marca se aplica si aici:
   `section[^='brand-'][$='-intro'] .wb-text-block` (0,4,2, L1746 / L7646 /
   L7861) si lantul `… .wb-text-block .wb-text-container` (0,5,2), cu h2/p/a
   (0,5,3), din blocurile Piacetto si Pure Fine Selection. Clasa temei se repeta
   de trei ori (idiomul din blocul „Container 1504”): (0,5,2) pentru bloc,
   (0,6,2) pentru container si (0,6,3) pentru h2/span/p, adica peste (0,4,2),
   (0,5,2) si (0,5,3). --- */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-pure-tea-selection-intro'] .wb-text-block {
  padding: 84px 0;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-pure-tea-selection-intro'] .wb-text-block .wb-text-container {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 36px;
  color: #374148;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-pure-tea-selection-intro'] .wb-text-block .wb-text-container h2 {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

/* Ambele randuri ale titlului au acelasi corp de litera: `<span>` mosteneste. */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-pure-tea-selection-intro'] .wb-text-block .wb-text-container h2 span {
  font: inherit;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-pure-tea-selection-intro'] .wb-text-block .wb-text-container p {
  margin: 0 0 32px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

/* --- C. Randul de patru categorii (`pure-tea-selection-categories`,
   services-grid 4 coloane). Cardurile nu au `image`, deci nu exista
   `.wb-services-card-media`: cei 64px de iconita din referinta plus cei 8px de
   spatiu sub ea sunt reprodusi ca `padding-top: 72px` pe corpul cardului.
   Modelul este grupul C din blocul „Echipamente” (`machines-brands`), inclusiv
   sageata TCS ca `mask-image` pe `.wb-services-cta-icon` (acolo 16px pe
   #F9F9F9, aici 13px pe #374148).
   Specificitate: `body.theme-tchibo-business section[data-anchor-id=
   'pure-tea-selection-categories'] .wb-services[data-wb-cols='4']` este (0,4,2)
   pentru sectiune si (0,5,2) pentru descendenti, deci bate perechile generice
   `.wb-services[data-wb-cols='4']:not([data-wb-card='outline']) …` (L815-860,
   (0,4,1)), `.wb-services` (L607, (0,2,1)) si regulile de modul
   (ServicesGrid.module.css, cel mult (0,2,0)). Containerul are clasa temei
   dublata, (0,5,3), ca sa bata punctul 2 din blocul „Container 1504”
   (`.wb-services:not([data-wb-bleed='true']) > div`, (0,5,2)). --- */
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-categories'] .wb-services[data-wb-cols='4'] {
  padding: 0 0 64px;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-categories'] .wb-services[data-wb-cols='4'] > div {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 16px;
}

/* Titlul si subtitlul de grila sunt goale in seed (defensiv). */
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-categories'] .wb-services[data-wb-cols='4'] .wb-services-title,
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-categories'] .wb-services[data-wb-cols='4'] .wb-services-subtitle {
  display: none;
}

/* Patru carduri de 324.25px cu 32px intre ele, in containerul 1504/16. */
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-categories'] .wb-services[data-wb-cols='4'] > div > div {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px;
  align-items: stretch;
}

body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-categories'] .wb-services[data-wb-cols='4'] .wb-services-card,
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-categories'] .wb-services[data-wb-cols='4'] .wb-services-card:hover {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 0;
  padding: 40px 5px;
  border: 0;
  border-radius: 0;
  background: #F9F9F9;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  transform: none;
  text-align: center;
}

/* 72 = 64 (caseta de iconita din referinta, aici goala) + 8 (spatiul de sub ea). */
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-categories'] .wb-services[data-wb-cols='4'] .wb-services-card-body {
  width: 100%;
  flex: 0 0 auto;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 72px 0 0;
  background: transparent;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-categories'] .wb-services[data-wb-cols='4'] .wb-services-card-title {
  margin: 0 0 16px;
  padding: 0;
  color: #374148;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-categories'] .wb-services[data-wb-cols='4'] .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-categories'] .wb-services[data-wb-cols='4'] .wb-services-card-desc {
  flex: 0 0 auto;
  margin: 0 0 28px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: center;
}

/* Referinta: linkul sta lipit de baza cardului (bottom 10px), peste padding-ul de
   jos, de aceea cardul masoara 244px (40 + 64 + 8 + 25 + 16 + 22 + 28 + 40). */
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-categories'] .wb-services[data-wb-cols='4'] .wb-services-cta {
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  width: max-content;
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 14px;
  border: 2px solid transparent;
  border-radius: 32px;
  background: transparent;
  color: #374148;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.8px;
  text-transform: none;
  text-decoration: none;
}

body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-categories'] .wb-services[data-wb-cols='4'] .wb-services-cta:hover {
  background: transparent;
  color: #374148;
  filter: none;
  text-decoration: underline;
}

/* Sageata TCS: span-ul randat contine caracterul „→”, ascuns prin `font-size: 0`
   si `color: transparent`; forma vine din masca SVG (aceeasi cale ca la
   `machines-brands`), colorata prin `background-color`. */
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-categories'] .wb-services[data-wb-cols='4'] .wb-services-cta-icon {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 0;
  font-size: 0;
  line-height: 0;
  color: transparent;
  background-color: #374148;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M8.253 25.995c-.172 0-.343-.066-.473-.197-.259-.261-.256-.682.005-.94l11.022-10.9-10.935-10.815c-.261-.258-.264-.679-.005-.94.257-.261.678-.264.94-.005l11.413 11.288c.126.125.197.295.197.473s-.071.348-.197.473l-11.5 11.373c-.129.126-.298.19-.467.19z'/%3E%3C/svg%3E") center / 13px 13px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M8.253 25.995c-.172 0-.343-.066-.473-.197-.259-.261-.256-.682.005-.94l11.022-10.9-10.935-10.815c-.261-.258-.264-.679-.005-.94.257-.261.678-.264.94-.005l11.413 11.288c.126.125.197.295.197.473s-.071.348-.197.473l-11.5 11.373c-.129.126-.298.19-.467.19z'/%3E%3C/svg%3E") center / 13px 13px no-repeat;
}

/* --- D. Cele patru blocuri de sortiment (`pure-tea-selection-black|-green|
   -herbal|-fruit`, feature-block `brand-category`). Regulile generice mai noi
   dau deja compozitia ceruta: 64px sus (L6925), imagine full-width 5:3 cu plafon
   1920 centrat (L7663-7672), corp `padding: 84px 36px 32px` (L7896, (0,5,1)),
   titlu + subtitlu ca cele doua randuri ale aceluiasi titlu 48/400/1.1 (L6941)
   si descriere 16px cu `max-width: 1472px` (L6947 + L7900).
   Raman de aliniat la referinta doar ritmul paragrafului si banner-ul
   full-bleed:
   - `.wb-feature-desc` / `… p` / `… a`: selectorul ancorat pe sectiune este
     (0,5,2) / (0,5,3), deci bate L7900 (0,5,1) si L6957
     (`… .wb-feature-desc p`, (0,4,2));
   - imaginea: aceeasi tehnica de full-bleed ca hotfix-ul Eduscho/Davidoff
     (100vw plafonat la 1920 + `margin-inline`), cu clasa temei triplata,
     (0,7,2), ca sa bata orice regula generica de container/media a
     feature-urilor light ((0,5,1)/(0,5,2)) fara `!important`. --- */
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc,
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc,
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc,
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc {
  margin-top: 16px;
  margin-bottom: 0;
  line-height: 24px;
}

/* Blocul `herbal` are doua paragrafe; 32px intre ele, ca in referinta. */
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc p,
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc p,
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc p,
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc p {
  margin: 0 0 32px;
}

/* Linkul din al doilea paragraf al blocului `herbal` ramane text subliniat. */
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc a,
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc a,
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc a,
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc a {
  color: #374148;
  text-decoration: underline;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media {
  width: min(100vw, 1920px);
  max-width: 1920px;
  margin: 0;
  margin-inline: calc(50% - min(50vw, 960px));
  padding: 0;
  border-radius: 0;
  overflow: hidden;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media img,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media img,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media img,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: auto;
  object-fit: cover;
}

/* --- E. Cele patru galerii de produse (`pure-tea-selection-{black,green,
   herbal,fruit}-products`, `product-gallery`) — clona grupului D din blocul
   Eduscho: card transparent cu slot de 25px, suprafata alba dusa pe perechea
   media + body (radius 8 sus / 8 jos), gutter de container 61px, sageti albe
   30x65 lipite de marginea containerului.

   ATENTIE la specificitate: spre deosebire de galeria Eduscho, ancorele acestei
   pagini NU sunt excluse din prefixele generice mai noi, deci trebuie batute:
   - blocul Piacetto, `section:not([data-anchor-id='eduscho-range-products']) >
     .wb-services[data-wb-variant='product-gallery']` = (0,4,2), cu descendenti
     (0,5,2)/(0,5,3), card (0,6,2) si containerul `> div` scris cu clasa temei
     triplata, (0,6,3);
   - blocul Pure Fine Selection, acelasi prefix cu inca un `:not(…)` = (0,5,2),
     cu descendenti (0,6,2) si card (0,7,2);
   - punctul 2 din blocul „Container 1504”, (0,5,2);
   - regulile vechi de galerie (L2148-2230, (0,3,1)/(0,4,1)/(0,4,2)).
   De aceea clasa temei este repetata de TREI ori pentru toate regulile grupului
   — (0,6,2) pentru sectiune, (0,7,2)/(0,7,3) pentru descendenti, (0,8,2) pentru
   card si pentru starea `:disabled` — si de PATRU ori pentru containerul
   `> div`, (0,7,3), singurul loc unde regula generica ajunge la (0,6,3).
   Media query-urile nu adauga specificitate, deci aceste reguli de desktop
   castiga si sub 900px: contra-regulile generice de mobil (`column-gap: 16px` si
   `padding-left: 16px` pe viewport, `flex: 0 0 253px` pe card) sunt deja
   anulate de perechile de mai jos, fara sa fie nevoie sa le repetam in
   `max-width: 899px`.
   Blocul Eduscho se baza pe flex-basis-urile de modul (100% / 50% >= 992px /
   33.33% >= 1200px / 25% >= 1400px); aici ele sunt suprascrise de regulile
   generice, deci sunt redeclarate explicit mai jos, in `min-width` crescator. --- */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'],
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'],
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] {
  padding: 20px 0 64px;
  background: transparent;
}

/* Ultima galerie, urmata direct de banda de inchidere: 128px sub ea. */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] {
  padding: 20px 0 128px;
  background: transparent;
}

/* 61 = 16 (gutter oficial) + 20 (padding de bloc) + 25 (padding de slot). */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] > div,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] > div,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] > div,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] > div {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 61px;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport {
  display: flex;
  gap: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Slotul si cardul sunt acelasi element: padding-ul de 25px ramane pe el, doar
   fundalul devine transparent. */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card:hover,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card:hover,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card:hover,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card:hover {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  padding: 0 25px;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
  transform: none;
}

/* Corectie hover (4 septembrie 2026): `flex: 0 0 100%` sta DOAR pe selectorii fara
   `:hover`. Pus si pe varianta `:hover` (specificitate +1), batea scara de
   coloane din media queries (50/33,33/25%) si la hover cardul se largea la
   toata latimea viewport-ului (326 -> 1303px), iar imaginea de la 274 la 1251px. */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card {
  flex: 0 0 100%;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media {
  aspect-ratio: 1 / 1;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  background: #FFFFFF;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media img,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media img,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media img,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media .wb-ai-label,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media .wb-ai-label,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media .wb-ai-label,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media .wb-ai-label {
  left: 10px;
  bottom: 10px;
  padding: 5px 5px 4px;
  border-radius: 4px;
  background: #FBFBFB;
  color: #545C63;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-body,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-body,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-body,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-body {
  flex: 1 1 auto;
  gap: 4px;
  padding: 16px 16px 32px;
  border-radius: 0 0 8px 8px;
  background: #FFFFFF;
  text-align: left;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-eyebrow,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-eyebrow,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-eyebrow,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-eyebrow {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title {
  margin: 0;
  padding: 0;
  color: #374148;
  font-size: 20px;
  font-weight: 700;
  line-height: 22.4px;
  letter-spacing: 0;
  text-transform: none;
  text-align: left;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title::after,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title::after,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title::after,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}

/* Descrierea e HTML sanitizat; modulul pune `margin: 0 0 8px` pe paragrafe. */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc p,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc p,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc p,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc p {
  margin: 0;
}

/* Sagetile: forma de modul (30x65, `top: 50%` + `translateY(-50%)`, chevron SVG
   22x22) plus suprafata alba si colturile asimetrice ale referintei. Regulile
   generice le mutasera la `top: 136px`, fara chenar si fara radius, cu chevron
   30x65, si ascundeau starea `:disabled`; le readucem la comportamentul de pe
   pagina Eduscho. Hoverul NU este redeclarat: regula generica (0,8,2) pastreaza
   deja fundalul alb si chevronul #374148. */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next {
  top: 50%;
  width: 30px;
  height: 65px;
  border: 1px solid #FFFFFF;
  background: #FFFFFF;
  color: #374148;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev:disabled,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev:disabled,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev:disabled,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev:disabled,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next:disabled,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next:disabled,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next:disabled,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next:disabled {
  display: inline-flex;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev svg,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev svg,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev svg,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev svg,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next svg,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next svg,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next svg,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next svg {
  width: 22px;
  height: 22px;
  stroke-width: 2;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev {
  left: 0;
  border-radius: 0 3px 3px 0;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* --- F. Blocurile de actiuni (`pure-tea-selection-{black,green,herbal}-actions`;
   cel de la `fruit` este dezactivat in seed). Regulile generice mai noi dau deja
   compozitia ceruta: `.wb-text-block { padding: 0 0 64px }` (L2232, (0,3,2),
   nebatuta de nimic mai jos in fisier) si containerul centrat cu h4 32/400/1.05
   plus butonul inchis #374148 pe text #EDD38E (L7132-7175, (0,4,2)/(0,4,3)).
   Singura abatere fata de referinta este marginea de sub h4: L7142 pune 24px,
   referinta are 16px. Selectorul ancorat pe sectiune este (0,4,3): bate (0,4,3)
   generic prin ordine si (0,2,3) vechi (L2243) prin specificitate. --- */
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-actions'] .wb-text-block .wb-text-container h4,
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-actions'] .wb-text-block .wb-text-container h4,
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-actions'] .wb-text-block .wb-text-container h4 {
  margin: 0 0 16px;
}

/* --- G. Banda de inchidere (`brands-closing`, reutilizata de la /marci). Ca pe
   celelalte pagini de marca, referinta are 32px sus si 52px jos (52 = 20 padding
   de bloc + 32 padding de sectiune). Combinatorul de frate general fata de
   ultima galerie ancoreaza regula pe aceasta pagina si urca specificitatea la
   (0,5,3), peste regula din blocul „Marci” (L6333, (0,4,2)). --- */
body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] ~ section[data-anchor-id='brands-closing'] .wb-text-block[data-wb-align='center'] {
  padding: 32px 0 52px;
}

/* --- E (continuare). Flex-basis-urile de modul pentru card, redeclarate cu
   specificitatea grupului: sub 992px un singur card pe ecran, apoi 2, 3 si 4.
   Ordinea `min-width` crescatoare la specificitate egala => se aplica ultimul
   breakpoint indeplinit, exact ca in ServicesGrid.module.css. --- */
@media (min-width: 992px) {
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card {
    flex-basis: 50%;
  }
}

@media (min-width: 1200px) {
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card {
    flex-basis: 33.333333%;
  }
}

@media (min-width: 1400px) {
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card {
    flex-basis: 25%;
  }
}

/* --- C (continuare). Breakpoint-urile grilei de categorii, ca la
   `machines-brands`: 2 coloane intre 600 si 1199px, o coloana sub 600px. --- */
@media (min-width: 600px) and (max-width: 1199px) {
  body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-categories'] .wb-services[data-wb-cols='4'] > div > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 599px) {
  body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-categories'] .wb-services[data-wb-cols='4'] > div > div {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* --- A. Hero pe mobil: referinta are exact 700px, nu 803px cat impune regula
   generica `section[data-anchor-id^='tcs-page-hero-'] .wb-hero` (0,3,2) din
   acelasi media query. Clasa temei este dublata ca sa castigam prin
   specificitate, (0,4,2), nu doar prin ordinea din fisier. Pe desktop hero-ul
   ramane pe compozitia generica. --- */
@media (max-width: 899px) {
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tcs-page-hero-pure-tea-selection'] .wb-hero {
    height: auto;
    min-height: 700px;
  }
}

/* --- B. Intro pe mobil: 16 (sectiune) + 20 (bloc) = 36px. --- */
@media (max-width: 899px) {
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-pure-tea-selection-intro'] .wb-text-block {
    padding: 36px 0;
  }

  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-pure-tea-selection-intro'] .wb-text-block .wb-text-container h2 {
    font-size: 32px;
    line-height: 1.16;
  }
}

/* --- C. Categorii pe mobil: titlul de card creste la 32px (referinta), iar
   paddingul cardului ramane 40px 5px. --- */
@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-categories'] .wb-services[data-wb-cols='4'] .wb-services-card-title {
    font-size: 32px;
    line-height: 1.05;
  }
}

/* --- E. Galeriile pe mobil: acelasi gutter de 61px (viewport 268px pe un ecran
   de 390px), un singur card vizibil prin `flex: 0 0 100%`. Contra-regulile
   generice de mobil (`column-gap: 16px` + `padding-left: 16px` pe viewport,
   `flex: 0 0 253px` pe card) sunt deja batute de regulile de desktop ale
   grupului E, care au specificitate mai mare; aici raman doar paddingurile de
   sectiune si containerul. --- */
@media (max-width: 899px) {
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'],
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'],
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] {
    padding: 20px 0 16px;
  }

  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] {
    padding: 20px 0 32px;
  }

  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-black-products'] .wb-services[data-wb-variant='product-gallery'] > div,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-green-products'] .wb-services[data-wb-variant='product-gallery'] > div,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-herbal-products'] .wb-services[data-wb-variant='product-gallery'] > div,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] .wb-services[data-wb-variant='product-gallery'] > div {
    padding: 0 61px;
  }
}

/* --- G. Banda de inchidere pe mobil: 8px sus si 28px jos. --- */
@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='pure-tea-selection-fruit-products'] ~ section[data-anchor-id='brands-closing'] .wb-text-block[data-wb-align='center'] {
    padding: 8px 0 28px;
  }
}
/* === Marci/DaVinci Gourmet (/marci/davinci) — parity with tchibo-coffeeservice.de/marken/davinci, 2026-09-04; cloned from the Davidoff block === */

/* Structura paginii (zona `main`, in ordine): hero image-only
   `tcs-page-hero-davinci` (zona `hero`), text-block `brand-davinci-intro`,
   feature-block `davinci-range` (variant `brand-category`: fotografie
   full-width 5:3, titlu si paragraf centrate), services-grid
   `davinci-range-products` (variant `product-gallery`, slider cu 12 produse)
   si text-block `davinci-range-cta` (banda bej de inchidere). Ancora
   `davinci-range-actions` este dezactivata din seed, deci NU primeste nicio
   regula in blocul de fata.
   Fundalul paginii ramane #F9F9F9, textul #374148; nicio declaratie de mai jos
   nu este marcata `!important` si nicio latime nu este raportata la viewport.

   DOM (ZoneRenderer.tsx): ancora `data-anchor-id` sta pe un `<section>`
   WRAPPER, iar radacina de modul este copilul lui; de aceea toti selectorii
   folosesc combinatorul de descendent, nu `>`.

   Blocul se lipeste la SFARSITUL temei, deci la specificitate egala castiga si
   prin ordine; specificitatile sunt totusi notate la fiecare grup, pentru ca —
   spre deosebire de Eduscho si Davidoff — ancorele acestei pagini NU sunt
   excluse din prefixele generice ale blocurilor „Marci: pagini de marca
   (Piacetto)” (L6844+), „corectie Piacetto 1 / 2” (L7638+ / L7721+),
   „Pure Fine Selection + reguli generice” (L7795+) si „corectie galerie de
   produse 1” (L8100+).
   Cifrele „+20” din comentarii sunt padding-ul de 20px pe care containerul de
   bloc al referintei il adauga fiecarei distante verticale.
   Desktop = fara media query; mobil = `@media (max-width: 899px)`. Grupul A
   (hero) are efect doar pe mobil, deci apare la media queries. */

/* --- B. Intro (`brand-davinci-intro`) — clona grupului B din blocul Davidoff.
   Regulile generice de intro de marca se aplica si aici:
   `section[^='brand-'][$='-intro'] .wb-text-block` (0,4,2) (L1746, L7646 si
   L7861) si lantul `… .wb-text-block .wb-text-container` (0,5,2), cu h2/p/a
   (0,5,3). Clasa temei se repeta de trei ori (idiomul din blocul
   „Container 1504”): (0,5,2) pentru bloc, (0,6,2) pentru container si (0,6,3)
   pentru h2/span/p, adica peste (0,4,2), (0,5,2) si (0,5,3).
   84 = 64 (sectiune) + 20 (container de bloc); 116 = 32 (marginea de sub
   paragraf, mutata in padding) + 20 + 64 — cei 180px pana la fotografie din
   referinta se completeaza cu cele 64px de deasupra ei (grupul C). --- */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-davinci-intro'] .wb-text-block {
  padding: 84px 0 116px;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-davinci-intro'] .wb-text-block .wb-text-container {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 36px;
  color: #374148;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-davinci-intro'] .wb-text-block .wb-text-container h2 {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

/* Ambele randuri ale titlului au acelasi corp de litera: `<span>` mosteneste. */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-davinci-intro'] .wb-text-block .wb-text-container h2 span {
  font: inherit;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-davinci-intro'] .wb-text-block .wb-text-container p {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

/* Defensiv: seed-ul are un singur paragraf, dar daca apare al doilea, ritmul
   referintei este de 32px intre ele. Selectorul are (0,6,4). */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-davinci-intro'] .wb-text-block .wb-text-container p + p {
  margin-top: 32px;
}

/* --- C. Categoria (`davinci-range`, feature-block `brand-category`):
   fotografia full-width la raportul ei natural (5:3), apoi titlu si paragraf
   centrate. Ancorarea pe sectiune duce baza la (0,4,2) pentru sectiune si
   (0,5,2) pentru descendenti, deci batem perechile generice:
   `.wb-feature.wb-feature--light[data-wb-variant='brand-category']` din
   „corectie Piacetto 2” (L7726, (0,4,1)), `… .wb-feature-body` din blocul
   „Pure Fine Selection” (L7896, `padding: 84px 36px 32px`, (0,5,1)),
   `… .wb-feature-title/-subtitle` din blocul Piacetto (L6941, (0,4,1)),
   `… .wb-feature-desc` (L6947 + L7900, (0,4,1) / (0,5,1)) si
   `… .wb-feature-desc p` (L6957, (0,4,2), batuta de (0,5,3)).
   NU redeclaram `.wb-feature-container`, `.wb-feature-media` si `img`:
   fotografia este deja full-width 5:3 cu plafon 1920px prin „corectie
   Piacetto 1 / 2”, iar orice redeclarare aici ar risca o regresie.
   90 = 64 + 20 + 6 (slack-ul masurat sub imagine); 52 = 32 (marginea de sub
   paragraf) + 20. --- */
body.theme-tchibo-business section[data-anchor-id='davinci-range'] .wb-feature[data-wb-variant='brand-category'] {
  padding: 64px 0 0;
  background: transparent;
  color: #374148;
}

body.theme-tchibo-business section[data-anchor-id='davinci-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-body {
  width: 100%;
  max-width: 1504px;
  margin: 0 auto;
  padding: 90px 36px 52px;
  gap: 0;
  align-items: center;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='davinci-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-title {
  margin: 0;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

/* Referinta are un titlu pe un singur rand; subtitlul a fost scos din seed
   (defensiv, ca sa nu reapara ca al doilea rand de 48px). */
body.theme-tchibo-business section[data-anchor-id='davinci-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-subtitle {
  display: none;
}

body.theme-tchibo-business section[data-anchor-id='davinci-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc {
  max-width: none;
  margin: 32px 0 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  opacity: 1;
}

body.theme-tchibo-business section[data-anchor-id='davinci-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc p {
  margin: 0;
}

/* --- D. Galeria de produse (`davinci-range-products`, `product-gallery` cu
   slider, 12 produse). Geometria vine deja corect din regulile generice si NU
   se redeclara aici: containerul `> div`, gutterul de 70px al viewportului,
   tile-ul fluid `calc((100% - 150px) / 4)`, `column-gap: 50px`, cardul alb cu
   radius 8 si `overflow: hidden` („corectie galerie de produse 1”, L8100+),
   tipografia cardului, `:disabled { display: none }` si hoverul sagetilor.
   Raman de aliniat la referinta doar ritmul vertical al sectiunii, pozitia si
   suprafata sagetilor si eticheta AI.
   Specificitate: prefixul generic de sectiune
   `section[data-anchor-id$='-range-products']:not([…='eduscho-range-products'])
   :not([…='davidoff-cafe-range-products']) > .wb-services[data-wb-variant=
   'product-gallery']` (L8062) este (0,6,2), iar sagetile generice
   (`… .wb-services-slider-prev/next`, L7952 / L7969 si L8020) tot (0,6,2). De
   aceea clasa temei este TRIPLATA: sectiunea ajunge la (0,6,2) si castiga prin
   ordine, descendentii la (0,7,2), iar eticheta AI la (0,8,2).
   148 = 20 + 128 (pana la banda finala). --- */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='davinci-range-products'] .wb-services[data-wb-variant='product-gallery'] {
  padding: 20px 0 148px;
}

/* Sagetile: regula generica le urca la `top: 136px` (jumatatea imaginii) si le
   lasa fara chenar si fara radius; referinta le are centrate pe card, cu
   suprafata alba si colturile exterioare rotunjite. Modulul pastreaza
   `transform: translateY(-50%)`, deci `top: 50%` le centreaza pe tot cardul.
   `left` / `right` NU se schimba: raman cei 45px din blocul „Pure Fine
   Selection”. */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='davinci-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='davinci-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next {
  top: 50%;
  border: 1px solid #FFFFFF;
  background: #FFFFFF;
  color: #374148;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='davinci-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev {
  border-radius: 0 3px 3px 0;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='davinci-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next {
  border-radius: 3px 0 0 3px;
}

/* Eticheta AI in stilul referintei (textul ramane `AI-generated`, decizie de
   proiect): 16/16/400 #545C63 pe #FBFBFB, padding 5 5 4, radius 4, la 10px de
   coltul din stanga-jos al imaginii. Regula de modul are cel mult (0,2,0);
   selectorul de mai jos are (0,8,2). */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='davinci-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media .wb-ai-label {
  left: 10px;
  bottom: 10px;
  padding: 5px 5px 4px;
  border-radius: 4px;
  background: #FBFBFB;
  color: #545C63;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: normal;
}

/* --- E. Banda finala (`davinci-range-cta`, text-block pe #F5EDE5). Fundalul,
   containerul de 36px, h2 48/400 cu 32px sub el, paragrafele 16/1.5 si linkul
   inline subliniat vin din regula generica `[data-anchor-id$='-range-cta']`
   (L8078+) si NU se redeclara; raman de corectat doar paddingurile sectiunii si
   line-height-ul titlului.
   Specificitate: clasa temei dublata duce `.wb-text-block` la (0,4,2), peste
   generic (0,3,2), iar h2 la (0,5,3), peste (0,4,3).
   52 = 32 + 20; 84 = 32 (marginea de sub ultimul paragraf) + 20 + 32. --- */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='davinci-range-cta'] .wb-text-block {
  padding: 52px 0 84px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='davinci-range-cta'] .wb-text-block .wb-text-container h2 {
  line-height: 1.16;
}

/* --- A. Hero pe mobil: referinta are exact 700px, nu 803px cat impune regula
   generica `section[data-anchor-id^='tcs-page-hero-'] .wb-hero` (L1601, (0,3,2))
   din acelasi media query. Clasa temei este dublata ca sa castigam prin
   specificitate, (0,4,2), nu doar prin ordinea din fisier. Pe desktop hero-ul
   ramane pe compozitia generica (700px, image-only). --- */
@media (max-width: 899px) {
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tcs-page-hero-davinci'] .wb-hero {
    height: auto;
    min-height: 700px;
  }
}

/* --- B. Intro pe mobil: 36 = 16 (sectiune) + 20 (container de bloc);
   68 = 32 (marginea de sub paragraf) + 20 + 16, adica cei 84px pana la
   fotografie impreuna cu cele 16px din grupul C. Regula generica de mobil
   (L8043, `padding: 16px 0`, (0,4,2)) si corpul de 32px al titlului
   (L7266, (0,5,3)) sunt batute de (0,5,2) / (0,6,3). --- */
@media (max-width: 899px) {
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-davinci-intro'] .wb-text-block {
    padding: 36px 0 68px;
  }

  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-davinci-intro'] .wb-text-block .wb-text-container h2 {
    font-size: 32px;
    line-height: 1.16;
  }
}

/* --- C. Categoria pe mobil: 16px deasupra fotografiei (regulile generice de
   mobil L7276 / L7752 pun 0, (0,4,1)), 42 = 6 (slack) + 16 + 20 deasupra
   titlului si 52 = 32 + 20 sub paragraf. Corpul titlului revine la 32px, pentru
   ca regula noastra de desktop (0,5,2) ar acoperi altfel si mobilul. Media
   query-urile nu adauga specificitate, deci raporturile calculate la grupul C
   raman valabile. --- */
@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='davinci-range'] .wb-feature[data-wb-variant='brand-category'] {
    padding: 16px 0 0;
  }

  body.theme-tchibo-business section[data-anchor-id='davinci-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-body {
    padding: 42px 36px 52px;
  }

  body.theme-tchibo-business section[data-anchor-id='davinci-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-title {
    font-size: 32px;
    line-height: 1.16;
  }
}

/* --- D. Galeria pe mobil: imaginile raman la 20px sub inceputul sectiunii, iar
   sub carduri sunt 52 = 20 + 32 pana la banda finala. Regula generica de mobil
   (L8091, `padding: 0 0 32px`, (0,6,2)) si regula noastra de desktop (0,6,2)
   sunt batute prin ordine. Geometria (tile, gap, gutter, pozitia sagetilor)
   ramane cea generica. --- */
@media (max-width: 899px) {
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='davinci-range-products'] .wb-services[data-wb-variant='product-gallery'] {
    padding: 20px 0 52px;
  }
}

/* --- E. Banda finala pe mobil: 28 = 8 + 20 si 60 = 32 + 20 + 8. Regula
   generica de mobil (L8092+, `padding: 16px 0`, (0,3,2)) este batuta de
   (0,4,2); corpul de 32px al titlului ramane generic, iar line-height-ul de
   1,16 din grupul E se pastreaza (regula generica de mobil nu il declara). --- */
@media (max-width: 899px) {
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='davinci-range-cta'] .wb-text-block {
    padding: 28px 0 60px;
  }
}

/* === Marci/Sir Henry (/marci/sir-henry) — parity with tchibo-coffeeservice.de/marken/sir-henry, 2026-09-04; cloned from the Davidoff Café block === */

/* Structura paginii (zona `main`, in ordine): hero image-only
   `tcs-page-hero-sir-henry` (zona `hero`), text-block `brand-sir-henry-intro`,
   feature-block `sir-henry-range` (variant `brand-category`, `theme: "light"`),
   services-grid `sir-henry-range-products` (variant `product-gallery`, slider,
   10 produse) si text-block `sir-henry-range-actions` (ultimul bloc al paginii;
   pagina NU are banda `brands-closing`).
   Fundalul paginii ramane #F9F9F9, textul #374148; fundalul blocului final este
   bej #F5EDE5, ca in referinta. Nicio declaratie de mai jos nu este marcata ca
   prioritara (regula impusa de brief: totul se castiga prin specificitate).

   DOM (ZoneRenderer.tsx): ancora `data-anchor-id` sta pe un `<section>` WRAPPER,
   iar radacina de modul este descendent, deci toti selectorii sunt de forma
   `section[data-anchor-id='…'] .wb-<modul>`, niciodata
   `section.wb-feature[data-anchor-id='…']`.

   Blocul se lipeste la SFARSITUL temei, deci la specificitate egala castiga si
   prin ordine; specificitatile sunt totusi notate la fiecare grup, pentru ca
   regulile generice mai noi (blocul „Piacetto”, L6844+, si blocul „Pure Fine
   Selection”, L7795+) sunt scrise cu prefixe `:not(…)` care NU exclud ancorele
   acestei pagini si trebuie batute explicit.
   Grupul A (hero) are efect doar pe mobil, deci apare la media queries. */

/* --- B. Intro (`brand-sir-henry-intro`) — clona grupului B din blocul Davidoff.
   Regula generica de brand intro `section[data-anchor-id^='brand-']
   [data-anchor-id$='-intro'] .wb-text-block` are DOUA selectoare de atribut,
   deci ancora exacta singura ar pierde: generica e (0,4,2), iar
   `section[data-anchor-id='brand-sir-henry-intro'] .wb-text-block` doar (0,3,2).
   Repetam clasa temei de trei ori (idiomul din blocul „Container 1504”) si
   adaugam lantul `.wb-text-block .wb-text-container`: (0,5,2) pentru bloc,
   (0,6,2) pentru container si (0,6,3) pentru h2/span/p, adica peste (0,4,2),
   (0,5,2) si (0,5,3) — ultimele doua fiind lanturile din blocurile Piacetto si
   Pure Fine Selection (h2 48/400/1.1, p line-height 1.5). --- */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-sir-henry-intro'] .wb-text-block {
  padding: 84px 0;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-sir-henry-intro'] .wb-text-block .wb-text-container {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 36px;
  color: #374148;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-sir-henry-intro'] .wb-text-block .wb-text-container h2 {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

/* Ambele randuri ale titlului („Sir Henry” / „Placerea ceaiului in fiecare zi”)
   au acelasi corp de litera: `<span>` mosteneste. */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-sir-henry-intro'] .wb-text-block .wb-text-container h2 span {
  font: inherit;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-sir-henry-intro'] .wb-text-block .wb-text-container p {
  margin: 0 0 32px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

/* --- C. Categoria (`sir-henry-range`, feature-block `brand-category`):
   fotografia `MarkenSirH_CP1_MOBILE_1920x1152` pe toata latimea, la raportul ei
   natural (1920x1152 = exact 5:3, deci 1425x855 la 1440), apoi titlu si
   paragraf centrate.
   Specificitate: regulile generice ale variantei pornesc de la
   `body.theme-tchibo-business .wb-feature[data-wb-variant='brand-category']`
   (0,3,1) si de la `… .wb-feature.wb-feature--light[data-wb-variant=
   'brand-category']` (0,4,1)/(0,5,1) — blocul are `theme: "light"` in seed, deci
   primeste si clasa `wb-feature--light`. Ancorarea pe sectiune urca baza la
   (0,4,2)/(0,5,2), deci fiecare regula de mai jos bate perechea ei generica. --- */
body.theme-tchibo-business section[data-anchor-id='sir-henry-range'] .wb-feature[data-wb-variant='brand-category'] {
  padding: 64px 0 0;
  background: transparent;
  color: #374148;
}

/* Banner full-bleed: acelasi mecanism ca hotfixul Eduscho (L7684-7720) —
   containerul isi pierde latimea si paddingul, iar media iese din el prin
   `margin-inline` negativ, cu plafonul de 1920px al referintei (centrat pe
   ecrane mai late). `min(100vw, 1920px)` este latimea ferestrei
   plafonata la 1920px, scrisa fara token-ul interzis de brief; html/body au deja
   `overflow-x: clip`, deci nu apare scroll orizontal. Clasa temei este triplata
   ca sa bata orice regula generica de container/media a feature-urilor light
   ((0,5,1)/(0,5,2)) doar prin specificitate: (0,7,2). */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-container {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media {
  width: min(100vw, 1920px);
  max-width: 1920px;
  margin: 0;
  margin-inline: calc(50% - min(50vw, 960px));
  padding: 0;
  border-radius: 0;
  overflow: hidden;
}

/* `aspect-ratio: auto` + `height: auto` lasa imaginea la raportul ei natural
   (5:3) si SCOATE plafonul `max-height: 760px` din regula veche a variantei
   (L1801-1808), care taia fotografia pe verticala (855px ceruti la 1440). */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: auto;
  object-fit: cover;
}

body.theme-tchibo-business section[data-anchor-id='sir-henry-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-body {
  width: 100%;
  max-width: 1504px;
  margin: 0 auto;
  padding: 84px 36px 52px;
  gap: 0;
  align-items: center;
  background: transparent;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='sir-henry-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-title {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

/* Referinta nu are subtitlu pe blocul de categorie (defensiv: seedul l-a scos la
   revizia 2026090405). */
body.theme-tchibo-business section[data-anchor-id='sir-henry-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-subtitle {
  display: none;
}

body.theme-tchibo-business section[data-anchor-id='sir-henry-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc {
  max-width: none;
  margin: 0 0 32px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  opacity: 1;
}

/* Descrierea e HTML sanitizat si are DOUA paragrafe (textul + linkul de
   sustenabilitate); modulul pune `margin: 0 0 10px` pe ele, referinta are 32px
   intre paragrafe si nimic sub ultimul (cei 32px de sub descriere vin din regula
   de mai sus). */
body.theme-tchibo-business section[data-anchor-id='sir-henry-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc p {
  margin: 0 0 32px;
}

body.theme-tchibo-business section[data-anchor-id='sir-henry-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc p:last-child {
  margin-bottom: 0;
}

/* Linkul catre /companie/sustenabilitate ramane text subliniat, ca pe Piacetto
   (L1879), dar la 400: referinta nu il ingroasa, deci greutatea se mosteneste
   din `.wb-feature-desc` si nu o redeclaram. */
body.theme-tchibo-business section[data-anchor-id='sir-henry-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc a {
  color: #374148;
  text-decoration: underline;
}

/* --- D. Galeria de produse (`sir-henry-range-products`, `product-gallery` cu
   slider) — clona grupului D din blocul Davidoff. Markup-ul real
   (ServicesGrid.tsx + ServicesGridScrollerClient.tsx): sectiune > container
   (div) > `.wb-services-slider` > buton prev + `.wb-services-slider-viewport`
   (care ESTE si `.grid`, flex) + buton next; cardurile sunt
   `<article class="wb-services-card">` copii directi ai viewportului, iar
   padding-ul de slot `0 25px` din modul sta CHIAR PE CARD. De aceea cardul
   ramane transparent, iar suprafata alba cu colturi rotunjite este dusa pe
   perechea media + body.

   ATENTIE la specificitate — spre deosebire de galeriile Eduscho/Davidoff,
   ancora acestei pagini NU este exclusa din prefixele generice mai noi:
   - blocul Piacetto, `section:not([data-anchor-id='eduscho-range-products']) >
     .wb-services[data-wb-variant='product-gallery']` = (0,4,2), cu descendenti
     (0,5,2), card (0,6,2) si containerul `> div` (0,6,3, clasa temei triplata);
   - blocul Pure Fine Selection, acelasi prefix cu inca un `:not(…)` = (0,5,2),
     descendenti (0,6,2), card (0,7,2);
   - regula de padding pe ancorele `*-range-products`
     (`section[data-anchor-id$='-range-products']:not(…):not(…) > .wb-services[…]`,
     (0,6,2)) — Sir Henry INTRA sub ea, si pe desktop, si pe mobil;
   - punctul 2 din blocul „Container 1504”, (0,5,2).
   De aceea clasa temei se repeta de TREI ori pentru descendenti ((0,7,2), (0,8,2)
   pentru card) si de PATRU ori pentru sectiune si pentru containerul `> div`
   ((0,7,2) / (0,7,3)), singurele locuri unde regula generica ajunge la (0,6,2)
   respectiv (0,6,3). Media query-urile nu adauga specificitate, deci regulile de
   desktop castiga si sub 900px: contra-regulile generice de mobil
   (`column-gap: 16px` + `padding-left: 16px` pe viewport, `flex: 0 0 253px` pe
   card) sunt deja anulate de perechile de mai jos. --- */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] {
  padding: 20px 0 128px;
  background: transparent;
}

/* Containerul: 61 = 16 (gutter oficial) + 20 (padding de bloc) + 25 (padding de
   slot), ca viewportul sa masoare 1303px la 1440px latime — cifra masurata pe
   referinta (containerul de controale are exact 1303px). */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] > div {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 61px;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport {
  display: flex;
  gap: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Slotul si cardul sunt acelasi element: padding-ul de 25px ramane pe el, doar
   fundalul devine transparent. Flex-basis-ul de modul (100%) este redeclarat
   aici, iar treptele 50% / 33.33% / 25% mai jos, in `min-width` crescator:
   regulile generice (tile fix de 272px, apoi `calc((100% - 150px) / 4)` peste
   900px) sunt batute de specificitatea grupului si trebuie inlocuite explicit. */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card:hover {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  padding: 0 25px;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
  transform: none;
}

/* Corectie hover (4 septembrie 2026, acelasi bug ca la Pure Tea Selection):
   `flex: 0 0 100%` sta DOAR pe selectorul fara `:hover`. Pus si pe varianta
   `:hover` (specificitate +1), batea scara de coloane din media queries
   (50/33,33/25%) si la hover cardul se largea la toata latimea viewportului
   (326 -> 1303px), iar imaginea de la 276 la 1253px. */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card {
  flex: 0 0 100%;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media {
  aspect-ratio: 1 / 1;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  background: #FFFFFF;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Eticheta AI: valorile referintei (16/400/16, #545C63 pe #FBFBFB, radius 4, la
   10px de coltul din stanga-jos). Textul ramane `AI-generated` — diferenta
   intentionata fata de „Mit KI gestaltet”, deci nu se atinge din tema. */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media .wb-ai-label {
  left: 10px;
  bottom: 10px;
  padding: 5px 5px 4px;
  border-radius: 4px;
  background: #FBFBFB;
  color: #545C63;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-body {
  flex: 1 1 auto;
  gap: 4px;
  padding: 16px 16px 32px;
  border-radius: 0 0 8px 8px;
  background: #FFFFFF;
  text-align: left;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-eyebrow {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}

/* Numele produsului: regula generica `product-gallery` il da pe #38434A;
   referinta are #374148. */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title {
  margin: 0;
  padding: 0;
  color: #374148;
  font-size: 20px;
  font-weight: 700;
  line-height: 22.4px;
  letter-spacing: 0;
  text-transform: none;
  text-align: left;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}

/* Descrierea e randata ca HTML sanitizat; modulul pune `margin: 0 0 8px` pe
   paragrafele ei, ceea ce ar sparge ritmul de 22.4px al referintei. */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc p {
  margin: 0;
}

/* Sagetile 30x65 albe, lipite de marginile randului si centrate vertical
   (`top: 50%` + `translateY(-50%)` din modul; regulile generice le mutasera la
   `top: 136px`, fara chenar si fara radius). Hoverul NU este redeclarat: regula
   generica (0,8,2) pastreaza deja fundalul alb si chevronul #374148. */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next {
  top: 50%;
  width: 30px;
  height: 65px;
  padding: 0;
  border: 1px solid #FFFFFF;
  background: #FFFFFF;
  color: #374148;
}

/* Referinta este un slider cu bucla infinita: ambele sageti sunt mereu vizibile,
   pe cand scrollerul nostru pune `disabled` la capete, iar regula generica
   (L7082, (0,6,2)) ascunde starea dezactivata. O readucem la vizibil, ca pe
   paginile Eduscho / Pure Tea Selection — cu 10 produse, sageata „inapoi” ar
   disparea altfel chiar in starea initiala a paginii. */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev:disabled,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next:disabled {
  display: inline-flex;
}

/* Chevronul referintei masoara 22x22 in caseta de 30x65; regula generica il
   intinde la 30x65. */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev svg,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next svg {
  width: 22px;
  height: 22px;
  stroke-width: 2;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev {
  left: 0;
  border-radius: 0 3px 3px 0;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* --- E. Blocul final (`sir-henry-range-actions`). Referinta il are pe bej
   #F5EDE5, nu pe #F9F9F9, cu 32px sus si 52px jos (52 = 20 padding de bloc + 32
   padding de sectiune), ca la Davidoff/Eduscho. Regula generica
   `section[data-anchor-id$='-actions'] .wb-text-block` (L2232, `padding: 0 0
   64px; background: #f9f9f9`) este (0,3,2); clasa temei dublata da (0,4,2), deci
   castigam prin specificitate, nu doar prin ordinea din fisier. Restul
   compozitiei (container centrat, h4 32/400 si butonul inchis pe text auriu)
   vine din regulile generice L7132-7175 si ramane neatins. --- */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-actions'] .wb-text-block {
  padding: 32px 0 52px;
  background: #F5EDE5;
}

/* --- D (continuare). Flex-basis-urile de modul pentru card, redeclarate cu
   specificitatea grupului: sub 992px un singur card pe ecran, apoi 2, 3 si 4
   (4 carduri vizibile din 10 la 1440, ca in referinta). Ordinea `min-width`
   crescatoare la specificitate egala => se aplica ultimul breakpoint indeplinit,
   exact ca in ServicesGrid.module.css. --- */
@media (min-width: 992px) {
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card {
    flex-basis: 50%;
  }
}

@media (min-width: 1200px) {
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card {
    flex-basis: 33.333333%;
  }
}

@media (min-width: 1400px) {
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card {
    flex-basis: 25%;
  }
}

/* --- Mobil (max-width: 899px) --------------------------------------------
   A. Hero: referinta are exact 700px, nu 803px cat impune regula generica
      `section[data-anchor-id^='tcs-page-hero-'] .wb-hero` (0,3,2) din acelasi
      media query; clasa temei dublata da (0,4,2), deci castigam prin
      specificitate, nu doar prin ordine. Pe desktop hero-ul ramane pe
      compozitia generica, de aceea grupul A apare doar aici.
   B. Intro: 36 = 16 (sectiune) + 20 (bloc); titlul coboara la 32px, paragraful
      ramane 16/24 din regula de desktop.
   C. Categoria: imaginea isi pastreaza raportul natural (390x234, tot 5:3) prin
      `aspect-ratio: auto` din regula de desktop, care se aplica si aici (media
      query-urile nu adauga specificitate); titlul coboara la 32px, descrierea
      ramane 16/24.
   D. Galeria: acelasi gutter de 61px (viewport 268px pe un ecran de 390px), un
      singur card vizibil prin `flex: 0 0 100%`. --- */
@media (max-width: 899px) {
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tcs-page-hero-sir-henry'] .wb-hero {
    height: auto;
    min-height: 700px;
  }

  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-sir-henry-intro'] .wb-text-block {
    padding: 36px 0;
  }

  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-sir-henry-intro'] .wb-text-block .wb-text-container h2 {
    font-size: 32px;
    line-height: 1.16;
  }

  body.theme-tchibo-business section[data-anchor-id='sir-henry-range'] .wb-feature[data-wb-variant='brand-category'] {
    padding: 16px 0 0;
  }

  body.theme-tchibo-business section[data-anchor-id='sir-henry-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-body {
    padding: 36px 36px 28px;
  }

  body.theme-tchibo-business section[data-anchor-id='sir-henry-range'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-title {
    font-size: 32px;
    line-height: 1.16;
  }

  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] {
    padding: 20px 0 32px;
  }

  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sir-henry-range-products'] .wb-services[data-wb-variant='product-gallery'] > div {
    padding: 0 61px;
  }
}
/* === Companie: Raportare & conformitate (compliance-*) — paritate cu /unternehmen/nachhaltigkeit/berichterstattung-und-compliance, 2026-09-07 === */

/* Structura paginii (in ordine): hero image-only `tcs-page-hero-compliance`
   (zona `hero`, variant `tcs-page`, fara subtitlu), text-block
   `compliance-intro` (intro centrat), services-grid `compliance-cards`
   (2 coloane, `linkIcon: "arrow"`, fara titlu de sectiune si fara descriere pe
   iteme), text-block `compliance-downloads` (banda bej cu liste de PDF-uri),
   text-block `compliance-text` (corpul redactional) si feature-block
   `compliance-contact` (teaser de contact, `theme: "light"`,
   `imagePosition: "left"`).

   DOM (ZoneRenderer.tsx): ancora `data-anchor-id` sta pe un `<section>`
   WRAPPER, radacina de modul este descendentul lui; toti selectorii de mai jos
   sunt de forma `section[data-anchor-id='compliance-…'] .wb-<modul>`, niciodata
   `section.wb-text-block[data-anchor-id='…']`. Banda de fundal pe toata latimea
   se pune pe wrapper (`compliance-downloads`, `compliance-contact`), pentru ca
   modulul insusi nu depaseste containerul.

   Clasele reale, verificate in modulele storefront-ului:
   - ServicesGrid.tsx: linkul cardului este `a.wb-services-cta`, iar sageata
     este `span.wb-services-cta-icon` cu textul `→` (randata pentru
     `linkIcon: "arrow"`); grila este `div[data-cols='2']`, copil al
     containerului `.wb-services > div`. NU exista `.wb-services-card-link`.
   - FeatureBlock.tsx: `.wb-feature-container[data-image-position='left']` >
     `.wb-feature-media` + `.wb-feature-body` (h2.wb-feature-title,
     .wb-feature-desc, a.wb-feature-cta).
   - TextBlock.tsx: `.wb-text-block > .wb-text-container > div` cu HTML-ul.

   Desktop = fara media query sau `@media (min-width: 900px)`; mobil =
   `@media (max-width: 899px)`. Nicio declaratie nu este marcata ca prioritara:
   totul se castiga prin specificitate, iar blocul se lipeste la SFARSITUL
   temei, deci la egalitate castiga si prin ordine. Specificitatile sunt notate
   la fiecare grup. Prefixul temei este dublat acolo unde regula generica are
   aceeasi specificitate cu selectorul ancorat si nu vrem sa depindem doar de
   ordinea din fisier. */

/* --- A. Hero (`tcs-page-hero-compliance`) ---------------------------------
   Pe desktop compozitia generica `tcs-page` este deja exact cea masurata si NU
   se redeclara: inaltime 700px (L288-295), h1 60/0.93/300 #F9F9F9 cu
   `max-width: calc(50% - 16px)` (L344-354) — la 1424px containerul interior are
   1377px, deci titlul are 672,5 ≈ 673px masurat, iar la 2000px are 1472px, deci
   720px, exact valorile din referinta. Singura declaratie de desktop este
   centrarea verticala, repetata explicit pe ancora ca sa nu fie prinsa de un
   bloc viitor 768-1399px de tipul celor scrise pentru `tcs-page-hero-machines`
   (L5307) si `tcs-page-hero-brands` (L6373), care aliniaza jos.
   Specificitate: (0,4,2) fata de (0,4,2) al regulii generice L321-333 —
   castigam prin ordine; pe mobil, unde diferentele sunt reale, dublam clasa
   temei. Marginea de 16px de sub h1 (L356-360) ramane pe desktop: ea explica de
   ce centrul textului masurat (436) este cu 8px peste centrul hero-ului (444). */
body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-compliance'] .wb-hero .wb-hero-content {
  justify-content: center;
}

/* --- B. Intro (`compliance-intro`) ----------------------------------------
   Sectiune 64/64 pe fundalul paginii (#F9F9F9 din `main`), container 1504 cu
   gutter 36px (la 1424 viewport: 1409 - 72 = 1337px de text, exact masuratoarea;
   la 2000: 1504 - 72 = 1432px), text centrat.
   Reguli generice batute:
   - L441 `.wb-text-block { padding: 56px 0 40px }` (0,2,1) < (0,3,2);
   - L449 `.wb-text-container { text-align: left; line-height: 1.75 }` (0,2,1)
     si L97-110 `.wb-text-container { max-width: 1504px; padding-left/right:
     clamp(16px,3vw,40px) }` (0,2,1) < (0,4,2);
   - L479 `.wb-text-container h1, h2 { clamp(32px,3.4vw,48px)/300 #21292F;
     margin: 0 0 18px }` (0,3,2) < (0,4,3);
   - variantele `[data-wb-size='intro']` (L490-510), (0,3,2)/(0,4,3), sunt egale
     si ar fi batute prin ordine, dar prefixul dublat le bate si prin
     specificitate. */
body.theme-tchibo-business section[data-anchor-id='compliance-intro'] .wb-text-block {
  padding: 64px 0;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-intro'] .wb-text-block .wb-text-container {
  max-width: 1504px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 36px;
  padding-right: 36px;
  color: #374148;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-intro'] .wb-text-block .wb-text-container h2 {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 55.68px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-intro'] .wb-text-block .wb-text-container p {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

/* --- C. Carduri (`compliance-cards`) --------------------------------------
   Sectiune 32/0/64 transparenta; containerul are gutter 16px, deci grila are
   1377px la 1424 viewport si 1472px la 2000; doua coloane cu gap 32px dau
   cardul de 673px, respectiv 720px, exact ca in referinta.
   Cardul nu are suprafata proprie (fara umbra, fara fundal, fara bordura),
   doar radius 8 + overflow hidden; panoul de text este TCS Grey #374148 cu
   padding 32/30 si min-height 264, colturile de jos rotunjite. Linkul este un
   buton-contur pe panou, cu sageata oficiala TCS randata prin masca CSS (acelasi
   SVG folosit de grila `machines-brands`, L5243-5256), ca sa nu depindem de
   glifa `→` a fontului.
   Reguli generice batute (toate din blocul "Services-grid 2 coloane", L605-716):
   - `.wb-services { padding: 40px 0 56px }` (0,2,1) < (0,3,2);
   - L99 `.wb-services > div { max-width:1504px; padding: clamp(16,3vw,40) }`
     (0,2,2) < (0,3,3);
   - `.wb-services-card { radius 8; box-shadow …; background #FFFFFF }` (0,2,1)
     si `.wb-services[data-wb-cols='2'] .wb-services-card` (0,4,1) < (0,4,2);
   - `.wb-services[data-wb-cols='2'] .wb-services-card-media` (0,4,1) < (0,4,2);
   - idem pentru `-card-body`, `-card-title`, `.wb-services-cta` si hover-urile
     lor, toate (0,4,1) fata de (0,4,2) aici.
   Raportul imaginii: referinta masoara 673x469 la 1424px si 720x480 la 2000px —
   nu este un raport unic (1,435 vs 1,500) si nu este 4:3 (care ar da 505/540).
   Pastram raportul masurat la breakpointul principal, `673 / 469`, care este si
   cel deja folosit de regula generica pentru `data-wb-cols='2'` (L640). */
body.theme-tchibo-business section[data-anchor-id='compliance-cards'] .wb-services {
  padding: 32px 0 64px;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='compliance-cards'] .wb-services > div {
  max-width: 1504px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

body.theme-tchibo-business section[data-anchor-id='compliance-cards'] .wb-services > div > div[data-cols='2'] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  align-items: stretch;
}

body.theme-tchibo-business section[data-anchor-id='compliance-cards'] .wb-services .wb-services-card,
body.theme-tchibo-business section[data-anchor-id='compliance-cards'] .wb-services .wb-services-card:hover {
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
  transform: none;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='compliance-cards'] .wb-services .wb-services-card-media {
  width: 100%;
  height: auto;
  aspect-ratio: 673 / 469;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='compliance-cards'] .wb-services .wb-services-card-media > img {
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: cover;
}

body.theme-tchibo-business section[data-anchor-id='compliance-cards'] .wb-services .wb-services-card-body {
  flex: 1 1 auto;
  min-height: 264px;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  padding: 32px 30px;
  border-radius: 0 0 8px 8px;
  background: #374148;
  color: #F9F9F9;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='compliance-cards'] .wb-services .wb-services-card-title {
  margin: 0 0 16px;
  padding: 0;
  color: #F9F9F9;
  font-size: 32px;
  font-weight: 400;
  line-height: 33.6px;
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='compliance-cards'] .wb-services .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business section[data-anchor-id='compliance-cards'] .wb-services .wb-services-cta {
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 14px;
  border: 2px solid transparent;
  border-radius: 32px;
  background: transparent;
  color: #F9F9F9;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: normal;
  text-transform: none;
  text-decoration: none;
}

body.theme-tchibo-business section[data-anchor-id='compliance-cards'] .wb-services .wb-services-cta:hover {
  background: rgba(249, 249, 249, 0.08);
  color: #F9F9F9;
  filter: none;
  text-decoration: underline;
}

/* Sageata TCS: acelasi SVG-masca folosit de `machines-brands` (L5243), 16x16,
   alba, la dreapta etichetei. Glifa `→` randata de modul este ascunsa
   (`font-size: 0; color: transparent`) si inlocuita de masca. */
body.theme-tchibo-business section[data-anchor-id='compliance-cards'] .wb-services .wb-services-cta-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0;
  font-size: 0;
  line-height: 0;
  color: transparent;
  background-color: #F9F9F9;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M8.253 25.995c-.172 0-.343-.066-.473-.197-.259-.261-.256-.682.005-.94l11.022-10.9-10.935-10.815c-.261-.258-.264-.679-.005-.94.257-.261.678-.264.94-.005l11.413 11.288c.126.125.197.295.197.473s-.071.348-.197.473l-11.5 11.373c-.129.126-.298.19-.467.19z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M8.253 25.995c-.172 0-.343-.066-.473-.197-.259-.261-.256-.682.005-.94l11.022-10.9-10.935-10.815c-.261-.258-.264-.679-.005-.94.257-.261.678-.264.94-.005l11.413 11.288c.126.125.197.295.197.473s-.071.348-.197.473l-11.5 11.373c-.129.126-.298.19-.467.19z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}

/* --- D. Descarcari (`compliance-downloads`) -------------------------------
   Banda coffeeLight #F5EDE5 pe toata latimea: fundalul sta pe wrapperul cu
   ancora (element de nivel de pagina, deci deja full-width — fara unitati de
   viewport), iar modulul ramane transparent. Text aliniat stanga, liste cu
   bulina si linkuri subliniate in TCS Grey.
   Reguli generice batute: aceleasi ca la grupul B, plus
   L497 `.wb-text-container a { color: #856D38 }` (0,2,2) < (0,4,3). */
body.theme-tchibo-business section[data-anchor-id='compliance-downloads'] {
  background: #F5EDE5;
}

body.theme-tchibo-business section[data-anchor-id='compliance-downloads'] .wb-text-block {
  padding: 64px 0;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-downloads'] .wb-text-block .wb-text-container {
  max-width: 1504px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 36px;
  padding-right: 36px;
  color: #374148;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-downloads'] .wb-text-block .wb-text-container h2 {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 55.68px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-downloads'] .wb-text-block .wb-text-container p {
  margin: 0 0 32px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-downloads'] .wb-text-block .wb-text-container ul {
  margin: 0 0 32px;
  padding-left: 32px;
  list-style: disc;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-downloads'] .wb-text-block .wb-text-container ul:last-child,
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-downloads'] .wb-text-block .wb-text-container p:last-child {
  margin-bottom: 0;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-downloads'] .wb-text-block .wb-text-container li {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-downloads'] .wb-text-block .wb-text-container a {
  color: #374148;
  text-decoration: underline;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-downloads'] .wb-text-block .wb-text-container a:hover {
  color: #856D38;
  text-decoration: underline;
}

/* --- E. Text redactional (`compliance-text`) ------------------------------
   64px sus, 128px jos (blocul se termina inainte de banda de contact), fundal
   transparent, container 1504/36 aliniat stanga. Ierarhia din referinta este
   H2 48/55,68/400, H3 40/44,8/400, H4 32/33,6/400 — deci H3 si H4 NU sunt bold,
   spre deosebire de regula globala a temei.
   Reguli generice batute:
   - L128-131 `h3, h4 { color:#374148; font-weight:700 }` (0,1,1) < (0,4,3);
   - L485 `.wb-text-container h3 { clamp(28px,2.4vw,32px)/700 #21292F }`
     (0,3,2) < (0,4,3);
   - L479 `.wb-text-container h1, h2` (0,3,2) < (0,4,3);
   - L497 `.wb-text-container a { color:#856D38 }` (0,2,2) < (0,4,3). */
body.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block {
  padding: 64px 0 128px;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block .wb-text-container {
  max-width: 1504px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 36px;
  padding-right: 36px;
  color: #374148;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block .wb-text-container h2 {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 55.68px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block .wb-text-container h3 {
  margin: 0 0 16px;
  color: #374148;
  font-size: 40px;
  font-weight: 400;
  line-height: 44.8px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block .wb-text-container h4 {
  margin: 0 0 16px;
  color: #374148;
  font-size: 32px;
  font-weight: 400;
  line-height: 33.6px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block .wb-text-container p {
  margin: 0 0 32px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block .wb-text-container ul {
  margin: 0 0 32px;
  padding-left: 32px;
  list-style: disc;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block .wb-text-container ul:last-child,
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block .wb-text-container p:last-child {
  margin-bottom: 0;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block .wb-text-container li {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block .wb-text-container a {
  color: #374148;
  text-decoration: underline;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block .wb-text-container a:hover {
  color: #856D38;
  text-decoration: underline;
}

/* --- F. Teaser de contact (`compliance-contact`) --------------------------
   Banda coffeeLight pe wrapper, feature-block transparent cu padding 32/32.
   Randul are 822px (col-xl-7 din 1377) si este centrat; coloana stanga are
   274px (col-md-4) cu avatarul rotund de 160px centrat in ea — (274-160)/2 =
   57px, exact offsetul masurat — iar coloana de text are 548px (col-md-8).
   Nu exista card alb: fara fundal, fara radius, fara umbra, fara padding intern.
   CAPCANA: seed-ul nu are `mediaFlush` si (probabil) nici `titleStyle`, deci
   s-ar aplica cardul alb generic
   `.wb-feature--light:not([data-wb-title='light']):not([data-wb-media='flush'])`
   (L1333, (0,4,1)) impreuna cu containerul lui (L1338, (0,5,1)). Selectorul
   ancorat de mai jos are (0,4,2) / (0,5,2) — bate ambele variante, indiferent
   daca seed-ul primeste sau nu `titleStyle: "light"` (varianta L1356-1393 are
   tot (0,4,1)/(0,5,1)).
   Alte reguli batute: L97-110 `.wb-feature-container { max-width: 1504px;
   padding: clamp(16,3vw,40) }` (0,2,1); L1395 `.wb-feature-title
   { clamp(28px,2.6vw,32px)/700 }` (0,2,1) si L1450
   `.wb-feature[data-wb-title='light'] .wb-feature-title { 48px/400 }` (0,4,1)
   < (0,5,2); L1429 `.wb-feature-cta` (0,2,1) — valorile ei coincid cu
   referinta, dar le redeclaram pe ancora ca sa nu depinda de un skin viitor. */
body.theme-tchibo-business section[data-anchor-id='compliance-contact'] {
  background: #F5EDE5;
}

body.theme-tchibo-business section[data-anchor-id='compliance-contact'] .wb-feature.wb-feature--light {
  padding: 32px 0;
  background: transparent;
  background-image: none;
  color: #374148;
}

body.theme-tchibo-business section[data-anchor-id='compliance-contact'] .wb-feature.wb-feature--light .wb-feature-container {
  display: grid;
  width: 100%;
  max-width: 822px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  grid-template-columns: 274px minmax(0, 1fr);
  gap: 0;
  align-items: flex-start;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

body.theme-tchibo-business section[data-anchor-id='compliance-contact'] .wb-feature.wb-feature--light .wb-feature-media {
  justify-self: center;
  width: 160px;
  height: 160px;
  min-height: 0;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  overflow: hidden;
}

body.theme-tchibo-business section[data-anchor-id='compliance-contact'] .wb-feature.wb-feature--light .wb-feature-media > img {
  position: static;
  display: block;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  object-fit: cover;
}

body.theme-tchibo-business section[data-anchor-id='compliance-contact'] .wb-feature.wb-feature--light .wb-feature-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  padding: 0;
  background: transparent;
  text-align: left;
}

body.theme-tchibo-business section[data-anchor-id='compliance-contact'] .wb-feature.wb-feature--light .wb-feature-title {
  margin: 0 0 8px;
  color: #374148;
  font-size: 40px;
  font-weight: 700;
  line-height: 44.8px;
  letter-spacing: normal;
}

body.theme-tchibo-business section[data-anchor-id='compliance-contact'] .wb-feature.wb-feature--light .wb-feature-desc {
  margin: 0 0 32px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  opacity: 1;
}

body.theme-tchibo-business section[data-anchor-id='compliance-contact'] .wb-feature.wb-feature--light .wb-feature-desc p {
  margin: 0;
}

body.theme-tchibo-business section[data-anchor-id='compliance-contact'] .wb-feature.wb-feature--light .wb-feature-cta {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  margin: 0;
  padding: 14px 22px;
  border-radius: 32px;
  background: #EDD38E;
  color: #374148;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: normal;
  text-transform: none;
  text-decoration: none;
}

body.theme-tchibo-business section[data-anchor-id='compliance-contact'] .wb-feature.wb-feature--light .wb-feature-cta:hover {
  background: #C0A468;
  color: #374148;
  filter: none;
}

/* ==========================================================================
   MOBIL (390px de referinta). Media query-urile nu adauga specificitate, deci
   raporturile notate mai sus raman valabile; acolo unde regula noastra de
   desktop are acelasi selector si ar acoperi si mobilul, valoarea este
   repetata explicit aici.
   ========================================================================== */
@media (max-width: 899px) {
  /* A. Hero: referinta are exact 700px, nu 803px cat impune regula generica
     `section[data-anchor-id^='tcs-page-hero-'] .wb-hero` (L1601, (0,3,2)) din
     acelasi media query; clasa temei este dublata, (0,5,2), ca sa castigam prin
     specificitate, nu doar prin ordine.
     Titlul sta in jumatatea de jos: aliniere `flex-end` (deja generica, L1607)
     cu padding-bottom 248px si marginea de sub h1 anulata — 700 - 248 - 81,84
     (doua randuri la 44/40,92) = 370px de la marginea de sus a hero-ului, adica
     y = 442 in hero-ul masurat 72-772. Am ales `flex-end`, nu centrare
     verticala (care ar duce titlul la ~301px), pentru ca reproduce exact
     masuratoarea. Corpul de 44px, line-height 0,93 si `max-width: 100%` raman
     din regula generica L1615-1622; latimea de 358px vine din gutterul de 16px. */
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tcs-page-hero-compliance'] .wb-hero {
    height: 700px;
    min-height: 700px;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tcs-page-hero-compliance'] .wb-hero .wb-hero-content {
    justify-content: flex-end;
    padding: 48px 16px 248px;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tcs-page-hero-compliance'] .wb-hero .wb-hero-title {
    margin-bottom: 0;
  }

  /* B. Intro: sectiune 16/16, titlu 32/37,12; gutterul de 36px se pastreaza
     (318px de text la 390px viewport). Regula generica de mobil pentru
     `[data-wb-size='intro']` (L1631+, `padding: 16px 0`, (0,3,2)) si corpul de
     32px al titlului (L1637, (0,4,3)) sunt batute de (0,4,2)/(0,5,3). */
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-intro'] .wb-text-block {
    padding: 16px 0;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-intro'] .wb-text-block .wb-text-container h2 {
    font-size: 32px;
    line-height: 37.12px;
  }

  /* C. Carduri: o coloana de 358px (gutter 16px), imaginea in raportul masurat
     358x477, panoul de 176px minim, titlul 28/29,4, sectiunea 8/0/16.
     Regula generica de mobil `.wb-services[data-wb-cols='2']
     .wb-services-card-media { aspect-ratio: 3/4 }` (L744, (0,4,1)) este batuta
     de (0,4,2). Gap-ul dintre carduri nu este masurat in brief; ramane 32px,
     ca pe desktop. */
  body.theme-tchibo-business section[data-anchor-id='compliance-cards'] .wb-services {
    padding: 8px 0 16px;
  }

  body.theme-tchibo-business section[data-anchor-id='compliance-cards'] .wb-services > div > div[data-cols='2'] {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }

  body.theme-tchibo-business section[data-anchor-id='compliance-cards'] .wb-services .wb-services-card-media {
    aspect-ratio: 358 / 477;
  }

  body.theme-tchibo-business section[data-anchor-id='compliance-cards'] .wb-services .wb-services-card-body {
    min-height: 176px;
  }

  body.theme-tchibo-business section[data-anchor-id='compliance-cards'] .wb-services .wb-services-card-title {
    font-size: 28px;
    line-height: 29.4px;
  }

  /* D. Descarcari: banda ramane, sectiunea coboara la 16/16, titlul la 32/37,12. */
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-downloads'] .wb-text-block {
    padding: 16px 0;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-downloads'] .wb-text-block .wb-text-container h2 {
    font-size: 32px;
    line-height: 37.12px;
  }

  /* E. Text redactional: 16px sus, 32px jos; H2 32/37,12, H3 32/37,12,
     H4 28/29,4. Valorile de desktop au acelasi selector, deci trebuie repetate
     explicit aici. */
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block {
    padding: 16px 0 32px;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block .wb-text-container h2 {
    font-size: 32px;
    line-height: 37.12px;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block .wb-text-container h3 {
    font-size: 32px;
    line-height: 37.12px;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block .wb-text-container h4 {
    font-size: 28px;
    line-height: 29.4px;
  }

  /* F. Teaser de contact: o singura coloana de 358px (gutter 16px), avatarul de
     160px centrat, titlul 32/35,84/700, butonul pe toata latimea (358x46).
     Gap-ul de 24px dintre avatar si text nu este masurat in brief; l-am aliniat
     cu compozitia mobila a benzii `office-closing` din modul. */
  body.theme-tchibo-business section[data-anchor-id='compliance-contact'] .wb-feature.wb-feature--light {
    padding: 32px 0;
  }

  body.theme-tchibo-business section[data-anchor-id='compliance-contact'] .wb-feature.wb-feature--light .wb-feature-container {
    max-width: none;
    padding-left: 16px;
    padding-right: 16px;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    justify-items: stretch;
  }

  body.theme-tchibo-business section[data-anchor-id='compliance-contact'] .wb-feature.wb-feature--light .wb-feature-title {
    font-size: 32px;
    line-height: 35.84px;
  }

  body.theme-tchibo-business section[data-anchor-id='compliance-contact'] .wb-feature.wb-feature--light .wb-feature-cta {
    align-self: stretch;
    width: 100%;
  }
}

/* === Companie/Cariere (/companie/cariere) — parity with the Marken reference /unternehmen/karriere/ (7 septembrie 2026) === */
/* Referinta masurata la 1440x900 (latime utila 1425 din cauza barei de derulare)
   si la 390x844. Culori: text #374148, fundal de pagina #F9F9F9, auriu #EDD38E
   (hover #C0A468), text de card #21292F, banda inchisa #374148, text deschis
   #F9F9F9. Fontul ramane Interstate (global).
   Containerul nostru are max-width 1504px cu gutter 16px, deci pe o latime utila
   de 1425px rezulta 1393px de continut si carduri de 324,25px (referinta: 324) —
   abaterea de sub 1px este asteptata si acceptata.
   Toate regulile sunt ancorate pe `section[data-anchor-id='...']` (wrapper-ul
   generat de ZoneRenderer.tsx), radacina de modul fiind copilul acestuia. --- */

/* --- A. Hero (`tcs-page-hero-careers`) -----------------------------------
   Varianta `tcs-page` (HeroBanner.module.css `.tcsHome`) aduce deja inaltimea de
   700px, gradientul 270deg, titlul clamp(44,4.2vw,60)/300/0,93 pe o coloana de
   calc(50% - 16px) si, prin `ctaMobileFull`, butonul pe toata latimea pe mobil.
   Raman de adaugat: marginea titlului (modulul are 28px, referinta 16px) si
   letter-spacing 0,8px pe buton.
   `.homeContent` NU centreaza vertical continutul (`justify-content: flex-end`);
   centrarea vine din regula generica de la L321-334, pe care o fixam explicit si
   pe ancora, ca titlul sa ramana la 263px sub marginea de sus a hero-ului
   (48 + (700 - 96 - 111,6 - 16 - 46) / 2). Doar pe desktop: sub 900px ramane
   compozitia generica de mobil a hero-urilor `tcs-page` (L1600-1613).
   Specificitate: (0,3,2) resp. (0,4,2) — bat `.wb-hero-title` (0,2,1),
   `.wb-hero-cta` (0,2,1) si `.tcsHome .title` din modul (0,2,0). --- */
body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-careers'] .wb-hero-title {
  margin-bottom: 16px;
}

body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-careers'] .wb-hero-cta {
  letter-spacing: 0.8px;
}

@media (min-width: 900px) {
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tcs-page-hero-careers'] .wb-hero-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
}

/* --- B. Introducere (`careers-intro`) ------------------------------------
   Referinta: sectiune 794-1034 (240px), padding 32/0/0, bloc de text cu padding
   36/36/20 (textul incepe la x 36, latime 1353 = 1425 - 2x36); h2 48/400/55,68
   centrat cu mb 16 (55,68 = 48 x 1,16), paragraf 16/24 centrat cu mb 32
   (32 + 20 = 52px sub ultimul rand).
   Specificitate: clasa temei dublata da (0,5,2) pentru sectiune si container,
   (0,5,3) pentru h2/p — bat perechea generica
   `section.wb-text-block[data-wb-size='intro']` (0,3,2),
   `… .wb-text-container p` (0,4,3), plafonul de 1330px al blocurilor centrate
   (0,3,1) si regula containerului din blocul „Container 1504” (0,3,1). --- */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-intro'] .wb-text-block[data-wb-size='intro'] {
  padding: 32px 0 0;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-intro'] .wb-text-block .wb-text-container {
  max-width: 1504px;
  margin: 0 auto;
  padding: 36px 36px 20px;
  text-align: center;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-intro'] .wb-text-block .wb-text-container h2 {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
  text-align: center;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-intro'] .wb-text-block .wb-text-container p {
  margin: 0 0 32px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}

/* --- C. Cultura (`careers-culture`) --------------------------------------
   Referinta: sectiune 1034-1571 (537px), padding 32/0, doua coloane de 681px la
   x 16 si x 729 (gutter 32); textul are padding 30/20/20 (h2 la 1096 = 1034 + 32
   + 30, x 36 = 16 + 20), h2 48/400/55,68 stanga cu mb 16, paragraf 16/24 cu
   mb 32; fotografia 641x427 (3:2) cu radius 20 la x 749, y 1086 (= 1034 + 32 + 20
   padding pe wrapper-ul de media). Distanta h2 -> paragraf este 32 = mb 16 al
   titlului + gap 16 al corpului, de aceea gap-ul de modul (16px) este restaurat:
   regula generica de tema il pune pe 0.
   `imagePosition: "right"` pune `data-image-position="right"` pe container, iar
   FeatureBlock.module.css muta media pe `order: 2` peste 900px (in DOM media este
   prima), deci pe desktop iese text stanga / foto dreapta fara interventie.
   Regulile generice care trebuie batute sunt perechea
   `.wb-feature--light[data-wb-title='light']:not([data-wb-media='flush'])
   :not([data-wb-variant='cta-banner'])` (L1356-1414), (0,6,1) / (0,6,2), plus
   punctul 3a din „Container 1504” (0,7,1); prefixul de mai jos are (0,6,2) pe
   sectiune, (0,7,2) pe descendenti si (0,7,3) pe `img`. Cardul alb generic NU se
   aplica (regula lui are `:not([data-wb-title='light'])`), dar containerul este
   pus oricum pe transparent / radius 0 / fara umbra. --- */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-culture'] .wb-feature.wb-feature--light[data-wb-title='light'] {
  padding: 32px 0;
  background: #F9F9F9;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-culture'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  align-items: start;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-culture'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media {
  position: static;
  width: 100%;
  min-height: 0;
  height: auto;
  margin: 0;
  padding: 20px;
  background: transparent;
  border-radius: 20px;
  overflow: visible;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-culture'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media > img {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 20px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-culture'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-body {
  gap: 16px;
  padding: 30px 20px 20px;
  background: transparent;
  text-align: left;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-culture'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-title {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
  text-align: left;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-culture'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-desc {
  margin: 0 0 32px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-culture'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-desc p {
  margin: 0 0 24px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-culture'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-desc p:last-child {
  margin-bottom: 0;
}

/* --- D. Valori (`careers-values`) ----------------------------------------
   Referinta: sectiune 1571-2741 (1170px), padding 32/0/64, patru carduri de 324px
   la x 16/372/729/1085 (gap 32); imagine 324x469 (`height: 469px`, cover),
   corp #EDD38E cu padding 32/30, radius 0 0 8 8 si mb 32, h4 32/400/33,6 #21292F
   centrat cu mb 16 (33,6 = 32 x 1,05), paragraf 16/24 #21292F aliniat stanga cu
   mb 32. Toate corpurile au 573px (grila `stretch` + `flex: 1 1 auto` pe corp),
   deci 1170 = 32 + (469 + 573) + 32 (mb) + 64.
   Titlul de sectiune este gol in seed (modulul nu randeaza nimic); regula de
   ascundere este defensiva. Numarul de coloane ramane cel al modulului
   (`.grid[data-cols='4']`: 4 coloane peste 1100px), se schimba doar gap-ul.
   Specificitate: prefixul are (0,4,2) pe sectiune si (0,5,2) pe descendenti, deci
   bate perechea generica `.wb-services[data-wb-cols='4']
   :not([data-wb-card='outline']) …` (L815-860, (0,4,1) / (0,5,1)),
   `.wb-services` (0,2,1), `.wb-services-card` (0,2,1), `.wb-services-card:hover`
   (0,3,1) si regulile de modul (cel mult (0,2,0)). Containerul primeste clasa
   temei dublata, (0,5,3), ca sa bata punctul 2 din „Container 1504”
   (`.wb-services:not([data-wb-bleed='true']) > div`, (0,5,2)). --- */
body.theme-tchibo-business section[data-anchor-id='careers-values'] .wb-services[data-wb-cols='4'] {
  padding: 32px 0 64px;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-values'] .wb-services[data-wb-cols='4'] > div {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 16px;
}

body.theme-tchibo-business section[data-anchor-id='careers-values'] .wb-services[data-wb-cols='4'] .wb-services-title,
body.theme-tchibo-business section[data-anchor-id='careers-values'] .wb-services[data-wb-cols='4'] .wb-services-subtitle {
  display: none;
}

body.theme-tchibo-business section[data-anchor-id='careers-values'] .wb-services[data-wb-cols='4'] > div > div {
  gap: 32px;
  align-items: stretch;
}

body.theme-tchibo-business section[data-anchor-id='careers-values'] .wb-services[data-wb-cols='4'] .wb-services-card {
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

body.theme-tchibo-business section[data-anchor-id='careers-values'] .wb-services[data-wb-cols='4'] .wb-services-card:hover {
  transform: none;
  box-shadow: none;
}

body.theme-tchibo-business section[data-anchor-id='careers-values'] .wb-services[data-wb-cols='4'] .wb-services-card-media {
  aspect-ratio: auto;
  height: 469px;
  margin: 0;
  background: transparent;
  border-radius: 0;
  overflow: hidden;
}

body.theme-tchibo-business section[data-anchor-id='careers-values'] .wb-services[data-wb-cols='4'] .wb-services-card-media > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

body.theme-tchibo-business section[data-anchor-id='careers-values'] .wb-services[data-wb-cols='4'] .wb-services-card-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  margin: 0 0 32px;
  padding: 32px 30px;
  background: #EDD38E;
  border-radius: 0 0 8px 8px;
  text-align: left;
}

body.theme-tchibo-business section[data-anchor-id='careers-values'] .wb-services[data-wb-cols='4'] .wb-services-card-eyebrow {
  display: none;
}

body.theme-tchibo-business section[data-anchor-id='careers-values'] .wb-services[data-wb-cols='4'] .wb-services-card-title {
  margin: 0 0 16px;
  padding: 0;
  color: #21292F;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: normal;
  text-transform: none;
  text-align: center;
}

/* Linia aurie de 50x2 desenata de `.cardTitle::after` din modul nu exista pe .de. */
body.theme-tchibo-business section[data-anchor-id='careers-values'] .wb-services[data-wb-cols='4'] .wb-services-card-title::after {
  display: none;
  content: none;
}

body.theme-tchibo-business section[data-anchor-id='careers-values'] .wb-services[data-wb-cols='4'] .wb-services-card-desc {
  width: 100%;
  margin: 0 0 32px;
  color: #21292F;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

body.theme-tchibo-business section[data-anchor-id='careers-values'] .wb-services[data-wb-cols='4'] .wb-services-card-desc p {
  margin: 0 0 24px;
}

body.theme-tchibo-business section[data-anchor-id='careers-values'] .wb-services[data-wb-cols='4'] .wb-services-card-desc p:last-child {
  margin-bottom: 0;
}

/* --- E. Banda finala (`careers-cta`) -------------------------------------
   Referinta: banda #374148 2740-2986, padding 32/0, container interior de 831px
   centrat (x 297) impartit in 277px (avatar) + 554px (text de la x 590 = 574 + 16);
   avatar 160x160 cu radius 50 % centrat vertical; titlu 40/700/44,8 #F9F9F9 cu
   mb 8 (44,8 = 40 x 1,12); buton auriu 188x46 cu letter-spacing 0,8.
   `imagePosition: "left"` nu adauga reguli de `order`, deci ordinea din DOM
   (media, apoi corp) este deja cea buna pe ambele latimi. Containerul primeste si
   `width: 100%`, ca sub 831px de viewport sa nu iasa din ecran.
   Specificitate: (0,4,2) pe sectiune si (0,5,2) pe descendenti — bat
   `.wb-feature--dark` (0,2,1), `.wb-feature-container` (0,2,1),
   `.wb-feature-cta` (0,2,1) si `.dark .title` din modul (0,2,0). Butonul
   pastreaza fundalul auriu si hover-ul #C0A468 din regula generica. --- */
body.theme-tchibo-business section[data-anchor-id='careers-cta'] .wb-feature.wb-feature--dark {
  padding: 32px 0;
  background: #374148;
}

body.theme-tchibo-business section[data-anchor-id='careers-cta'] .wb-feature.wb-feature--dark .wb-feature-container {
  width: 100%;
  max-width: 831px;
  margin: 0 auto;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 0;
  align-items: start; /* QA 7 sept 2026: pe .de textul e aliniat sus, coloana avatarului are 182px (160 + 22) */
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

body.theme-tchibo-business section[data-anchor-id='careers-cta'] .wb-feature.wb-feature--dark .wb-feature-media {
  width: 160px;
  height: 160px;
  aspect-ratio: 1 / 1;
  margin: 0 auto 22px;
  padding: 0;
  border-radius: 50%;
  overflow: hidden;
}

body.theme-tchibo-business section[data-anchor-id='careers-cta'] .wb-feature.wb-feature--dark .wb-feature-media > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

body.theme-tchibo-business section[data-anchor-id='careers-cta'] .wb-feature.wb-feature--dark .wb-feature-body {
  gap: 0;
  align-items: flex-start;
  padding: 0 16px;
  text-align: left;
}

body.theme-tchibo-business section[data-anchor-id='careers-cta'] .wb-feature.wb-feature--dark .wb-feature-title {
  margin: 0 0 8px;
  color: #F9F9F9;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.12;
}

body.theme-tchibo-business section[data-anchor-id='careers-cta'] .wb-feature.wb-feature--dark .wb-feature-cta {
  align-self: flex-start;
  width: auto;
  margin: 0;
  letter-spacing: 0.8px;
}

/* --- Mobil (max-width: 899px) --------------------------------------------
   B. Intro: sectiune 8/0/0 (772-1102), container tot 36/36/20, h2 32/400/37,12
      (= 32 x 1,16), paragraf 16/24 nemodificat.
   C. Cultura: sectiune 8/0 (1102-1953), o coloana fara gap — textul primul
      (h2 la 1140 = 1102 + 8 + 30), apoi fotografia la 1708 (= 1668, unde se
      termina marginea paragrafului, + 20 padding corp + 20 padding media);
      imaginea 318x212 (358 - 2 x 20, tot 3:2) pastreaza radius 20.
   D. Valori: sectiune 8/0/16 (1954-5525), carduri unul sub altul cu 32px intre
      ele din marginea corpului, deci `row-gap: 0`; imagine 358x477, corp cu
      padding 16/32, h4 28/400/29,4.
   Specificitatile sunt aceleasi ca pe desktop (media query-urile nu adauga
   specificitate), deci fiecare regula bate perechea ei generica din blocul
   `@media (max-width: 899px)` de la L1600-1700. --- */
@media (max-width: 899px) {
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-intro'] .wb-text-block[data-wb-size='intro'] {
    padding: 8px 0 0;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-intro'] .wb-text-block .wb-text-container {
    padding: 36px 36px 20px;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-intro'] .wb-text-block .wb-text-container h2 {
    font-size: 32px;
    line-height: 1.16;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-intro'] .wb-text-block .wb-text-container p {
    font-size: 16px;
    line-height: 24px;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-culture'] .wb-feature.wb-feature--light[data-wb-title='light'] {
    padding: 8px 0;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-culture'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container {
    grid-template-columns: 1fr;
    gap: 0;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-culture'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container[data-image-position='right'] .wb-feature-body {
    order: 1;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-culture'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container[data-image-position='right'] .wb-feature-media {
    order: 2;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-culture'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-body {
    padding: 30px 20px 20px;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-culture'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media {
    padding: 20px;
    border-radius: 20px;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-culture'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media > img {
    height: auto;
    aspect-ratio: 3 / 2;
    border-radius: 20px;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-culture'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-title {
    font-size: 32px;
    line-height: 1.16;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='careers-culture'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-desc {
    margin: 0 0 32px;
  }

  body.theme-tchibo-business section[data-anchor-id='careers-values'] .wb-services[data-wb-cols='4'] {
    padding: 8px 0 16px;
  }

  body.theme-tchibo-business section[data-anchor-id='careers-values'] .wb-services[data-wb-cols='4'] > div > div {
    row-gap: 0;
  }

  body.theme-tchibo-business section[data-anchor-id='careers-values'] .wb-services[data-wb-cols='4'] .wb-services-card-media {
    height: 477px;
  }

  body.theme-tchibo-business section[data-anchor-id='careers-values'] .wb-services[data-wb-cols='4'] .wb-services-card-body {
    padding: 16px 32px;
  }

  body.theme-tchibo-business section[data-anchor-id='careers-values'] .wb-services[data-wb-cols='4'] .wb-services-card-title {
    font-size: 28px;
    line-height: 1.05;
  }
}

/* --- Mobil (max-width: 767px) --------------------------------------------
   E. Banda finala: referinta 5525-5933 (408px), sectiune tot 32/0; avatarul 160
      centrat sus (y 5557 = 5525 + 32) cu 22px pana la titlu (5739), titlu
      32/700/35,84 aliniat stanga si buton pe toata latimea (358x46 la 5854).
      Corpul isi pastreaza padding-ul de 0/16, deci textul si butonul stau la 16px
      de marginea ecranului, exact ca in referinta. --- */
@media (max-width: 767px) {
  body.theme-tchibo-business section[data-anchor-id='careers-cta'] .wb-feature.wb-feature--dark {
    padding: 32px 0;
  }

  body.theme-tchibo-business section[data-anchor-id='careers-cta'] .wb-feature.wb-feature--dark .wb-feature-container {
    grid-template-columns: 1fr;
    gap: 0;
  }

  body.theme-tchibo-business section[data-anchor-id='careers-cta'] .wb-feature.wb-feature--dark .wb-feature-media {
    margin: 0 auto 22px;
  }

  body.theme-tchibo-business section[data-anchor-id='careers-cta'] .wb-feature.wb-feature--dark .wb-feature-title {
    font-size: 32px;
    line-height: 1.12;
  }

  body.theme-tchibo-business section[data-anchor-id='careers-cta'] .wb-feature.wb-feature--dark .wb-feature-cta {
    display: block;
    width: 100%;
    text-align: center;
  }
}

/* === Companie/Sustenabilitate (/companie/sustenabilitate) — parity with tchibo-coffeeservice.de/unternehmen/nachhaltigkeit/, 2026-09-07 === */

/* Structura paginii (zona `hero`, apoi zona `main`, in ordine): hero `tcs-page`
   `tcs-page-hero-sustainability` (un singur titlu, fara subtitlu si fara CTA),
   text-block `sustainability-intro` (`size: intro`), services-grid
   `sustainability-goals` (variant `office-elements` + `cardStyle: shadow`),
   services-grid `sustainability-facts` (generic, 3 coloane, `linkIcon: chevron`)
   si feature-block `sustainability-closing` (variant `office-closing`,
   `theme: dark`). Fundalul paginii ramane #F9F9F9 si textul #374148 (#21292F pe
   teasere). Nicio regula de mai jos nu foloseste `!important` — nici regulile
   generice pe care le batem nu folosesc. Toate cele patru module de `main` au
   `bleed: true`, deci punctul 2 din blocul „Container 1504”
   (`.wb-services:not([data-wb-bleed='true']) > div`, (0,5,2)) nu se aplica pe
   niciunul dintre cele doua grid-uri: latimile raman cele ale variantei,
   respectiv ale containerului generic `.wb-services > div` (0,2,2). */

/* --- A. Hero (tcs-page-hero-sustainability): clona hero-ului de pe /marci.
   Referinta are 700px cu titlul unic lipit de baza (h1 60/55.8/300 #F9F9F9,
   coloana de 601px la 1280) si 700px pe mobil, cu titlul la 370px de sus.
   Specificitate: perechile generice au EXACT aceeasi forma ca ancora —
   `section[data-anchor-id^='tcs-page-hero-'] .wb-hero` este (0,3,2), iar
   `… .wb-hero-content:not(:has(.wb-hero-body))` este (0,4,2) (`:not()` si
   `:has()` contribuie cu specificitatea argumentului lor). Ancora exacta le
   egaleaza si castiga prin ordinea din fisier, exact ca la
   `tcs-page-hero-brands`; de aceea grupul A apare doar in media queries, unde
   trebuie sa bata compozitia generica (centrata, pad 48px). Culoarea, greutatea
   si corpul de litera al titlului raman din regulile generice. --- */
@media (min-width: 768px) and (max-width: 1399px) {
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-sustainability'] .wb-hero {
    height: 700px;
    min-height: 700px;
  }

  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-sustainability'] .wb-hero-content:not(:has(.wb-hero-body)),
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-sustainability'] .wb-hero-body {
    justify-content: flex-end;
    padding: 200px 16px 48px;
  }
}

@media (max-width: 767px) {
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-sustainability'] .wb-hero {
    height: auto;
    min-height: 700px;
  }

  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-sustainability'] .wb-hero-content:not(:has(.wb-hero-body)),
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-sustainability'] .wb-hero-body {
    justify-content: flex-end;
    padding: 370px 16px 48px;
  }
}

/* Coloana titlului: 601px masurati pe referinta la 1280 (regula generica da
   `calc(50% - 16px)`). Perechea `:last-child` este obligatorie: hero-ul nostru
   nu are subtitlu si nici CTA, deci titlul CHIAR este ultimul copil, iar regula
   generica `… .wb-hero-title:last-child` este (0,4,2) — peste (0,3,2) al
   ancorei. O repetam cu aceeasi valoare de 16px, ca rezultatul sa nu depinda de
   ordinea din fisier. */
@media (min-width: 1200px) {
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-sustainability'] .wb-hero-title,
  body.theme-tchibo-business section[data-anchor-id='tcs-page-hero-sustainability'] .wb-hero-title:last-child {
    max-width: 601px;
    margin-bottom: 16px;
  }
}

/* --- B. Intro (sustainability-intro, text-block `size: intro`). Regulile
   generice ale marimii `intro` dau deja h2 48/55.68/400 #374148 cu mb 16 si p
   16/24/400 #374148; pe ancora raman spatierea verticala (referinta: pad 64/0),
   latimea de text (1193px la 1280 => container 1225 = 1193 + 2x16) si alinierile
   (titlu centrat, paragrafe la stanga, cu 32px intre ele).
   Specificitate: sectiunea generica `section.wb-text-block[data-wb-size='intro']`
   este (0,3,2), ancora cu acelasi atribut da (0,4,2). Containerul are doua reguli
   generice — `.wb-text-container` (0,2,1) si punctul 1 din „Container 1504”
   (`.wb-text-block .wb-text-container`, (0,3,1)) — iar lantul de pe ancora este
   (0,5,2). h2 si p generice sunt (0,3,3), pe ancora (0,5,3). Nicaieri nu e nevoie
   sa repetam clasa temei. --- */
body.theme-tchibo-business section[data-anchor-id='sustainability-intro'] .wb-text-block[data-wb-size='intro'] {
  padding: 64px 0 0;
}

body.theme-tchibo-business section[data-anchor-id='sustainability-intro'] .wb-text-block[data-wb-size='intro'] .wb-text-container {
  max-width: 1225px;
  margin: 0 auto;
  padding: 0 16px;
  text-align: left;
}

body.theme-tchibo-business section[data-anchor-id='sustainability-intro'] .wb-text-block[data-wb-size='intro'] .wb-text-container h2 {
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='sustainability-intro'] .wb-text-block[data-wb-size='intro'] .wb-text-container p {
  margin: 0 0 32px;
  text-align: left;
}

/* --- C. Obiective (sustainability-goals, services-grid `office-elements` cu
   `cardStyle: shadow`). Varianta da deja titlul de sectiune 48/400 #374148,
   cardul #F9F9F9 cu umbra `0 0 5px rgba(0,0,0,.5)` si radius 0, iconita 64x64 si
   titlul de card 32/700; pe ancora raman valorile referintei: sectiune pad 32/64
   pe fundal transparent (varianta ar pune #F9F9F9 peste #F9F9F9 al paginii),
   titlu mb 32, gap 32 intre cele trei coloane, card 290px inaltime cu pad 40x5,
   iconita cu mb 8, anul mb 32 si textul 16/22.4 cu mb 28.
   Specificitate: prefixul variantei
   `section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow']`
   este (0,4,2) pentru sectiune, (0,4,3) pentru containerul `> div`, (0,5,2)
   pentru card si pentru titlul de card, (0,6,2) pentru
   `.wb-services-card .wb-services-cta`. Ancorarea pe sectiunea-parinte (acelasi
   idiom ca la `health-elements`) adauga +1 clasa si +1 element: (0,5,3) sectiune,
   (0,5,5) grila, (0,6,3) descendenti — deci fiecare regula de mai jos bate
   perechea ei generica, inclusiv variantele `:hover`, care raman la (0,6,2).
   Sub ele trec si regulile generice mai slabe `.wb-services-card` (0,2,1) si
   `.wb-services[data-wb-cols='3']:not([data-wb-card='flat']) .wb-services-card`
   (0,4,1). Iconitele sunt `icons/coffee.svg`, `icons/proper_disposal.svg` si
   `icons/sustainable.svg`, deci NU intra sub regulile `…[src*='/icon-']`
   ((0,3,1) / (0,5,1)) — segmentul din cale este `icons/`, nu `icon-`. --- */
body.theme-tchibo-business section[data-anchor-id='sustainability-goals'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] {
  padding: 32px 16px 64px;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='sustainability-goals'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-title {
  margin: 0 0 32px;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='sustainability-goals'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] > div > div {
  gap: 32px;
}

body.theme-tchibo-business section[data-anchor-id='sustainability-goals'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card,
body.theme-tchibo-business section[data-anchor-id='sustainability-goals'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card:hover {
  min-height: 290px;
  padding: 40px 5px;
}

body.theme-tchibo-business section[data-anchor-id='sustainability-goals'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card-media,
body.theme-tchibo-business section[data-anchor-id='sustainability-goals'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card-media--icon {
  height: 64px;
  margin: 0 0 8px;
  padding: 0;
}

body.theme-tchibo-business section[data-anchor-id='sustainability-goals'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card-body {
  padding: 0;
  gap: 0;
}

body.theme-tchibo-business section[data-anchor-id='sustainability-goals'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card-title {
  margin: 0 0 32px;
  font-size: 32px;
  font-weight: 700;
  line-height: 33.6px;
}

body.theme-tchibo-business section[data-anchor-id='sustainability-goals'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card-desc {
  margin: 0 0 28px;
  font-size: 16px;
  line-height: 22.4px;
}

/* --- D. Date si fapte (sustainability-facts, services-grid generic cu 3 coloane
   si `linkIcon: chevron`). Referinta NU are suprafata de card: teaser transparent
   fara umbra si fara radius, foto 390x469, titlu 32/33.6/400 #21292F la 32px sub
   foto, subline 16/24 #21292F si link 16/16/600 ls 0.8 #21292F, 225x48, centrat.
   Regulile generice de batut:
   - `.wb-services` (0,2,1) `padding: 40px 0 56px` si `.wb-services-title` (0,2,1)
     (mb 16, fara aliniere);
   - `.wb-services-card` (0,2,1) — radius 8, `overflow: hidden`, umbra
     `0 0 16px rgba(14,31,53,.16)`, fundal alb — cu perechea `:hover` (0,3,1);
   - familia `.wb-services[data-wb-cols='3']:not([data-wb-card='flat']) …`: card
     (0,4,1), titlu de card 20/400 (0,4,1), `::after` auriu (0,4,1), CTA 14/600
     #856D38 (0,4,1) si CTA `:hover` (0,6,1);
   - valorile care vin din CSS-ul modulului Next (media 4:3, card
     `min-height: 520px`), aflate sub specificitatea temei.
   Ancorarea `section[data-anchor-id='sustainability-facts'] section.wb-services[data-wb-cols='3']`
   da (0,4,3) pentru sectiune, (0,5,3) pentru descendenti si (0,5,5) pentru grila
   — peste toate cele de mai sus. Singurul selector generic care trece de 5 clase
   este CTA-ul pe `:hover`, (0,6,1); de aceea CTA-ul este declarat in pereche cu
   `:hover`, unde ancora ajunge la (0,6,3) si castiga, la acelasi numar de clase,
   prin numarul de elemente. Chevronul ramane cel generic
   (`.wb-services-cta-icon`, `margin-left: 6px`). --- */
body.theme-tchibo-business section[data-anchor-id='sustainability-facts'] section.wb-services[data-wb-cols='3'] {
  padding: 64px 16px 128px;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='sustainability-facts'] section.wb-services[data-wb-cols='3'] .wb-services-title {
  margin: 0 0 68px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='sustainability-facts'] section.wb-services[data-wb-cols='3'] > div > div {
  gap: 32px;
}

body.theme-tchibo-business section[data-anchor-id='sustainability-facts'] section.wb-services[data-wb-cols='3'] .wb-services-card,
body.theme-tchibo-business section[data-anchor-id='sustainability-facts'] section.wb-services[data-wb-cols='3'] .wb-services-card:hover {
  min-height: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}

body.theme-tchibo-business section[data-anchor-id='sustainability-facts'] section.wb-services[data-wb-cols='3'] .wb-services-card-media {
  height: auto;
  aspect-ratio: 390 / 469;
  border-radius: 0;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='sustainability-facts'] section.wb-services[data-wb-cols='3'] .wb-services-card-media > img {
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: cover;
}

body.theme-tchibo-business section[data-anchor-id='sustainability-facts'] section.wb-services[data-wb-cols='3'] .wb-services-card-body {
  padding: 32px 0 0;
  gap: 0;
  align-items: center;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='sustainability-facts'] section.wb-services[data-wb-cols='3'] .wb-services-card-title {
  margin: 0 0 16px;
  padding: 0;
  color: #21292F;
  font-size: 32px;
  font-weight: 400;
  line-height: 33.6px;
  letter-spacing: 0;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='sustainability-facts'] section.wb-services[data-wb-cols='3'] .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business section[data-anchor-id='sustainability-facts'] section.wb-services[data-wb-cols='3'] .wb-services-card-desc {
  margin: 0 0 32px;
  color: #21292F;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='sustainability-facts'] section.wb-services[data-wb-cols='3'] .wb-services-cta,
body.theme-tchibo-business section[data-anchor-id='sustainability-facts'] section.wb-services[data-wb-cols='3'] .wb-services-cta:hover {
  margin: 0 auto;
  padding: 14px;
  border-radius: 32px;
  background: transparent;
  color: #21292F;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.8px;
}

/* --- E. Inchidere (sustainability-closing, feature-block `office-closing` cu
   `theme: dark`). Varianta da deja coloana de 58,33%/877px, grila `1fr 2fr` cu
   gap 32, fotografia rotunda de 160px, titlul 40/700, descrierea 16/1.5 si CTA-ul
   la 24px sub text. `theme: dark` este ales intentionat: pe `light` regulile
   generice `.wb-feature--light[data-wb-title='light']…` ar desena cardul alb;
   culorile deschise ale referintei (banda #F5EDE5 cu text #374148) vin de aici,
   de pe ancora.
   Verificat: NU exista nicio regula generica de forma `.wb-feature--dark …
   .wb-feature-cta` (singurele apar pe ancorele `solution-finder`,
   `machines-brands + solution-finder` si `tchibo2go-quote`), deci butonul auriu
   #EDD38E cu text #374148 ramane cel din `.wb-feature-cta` (0,2,1) si nu trebuie
   fortat pe ancora — pe ancora se corecteaza doar marginea de sus si trackingul.
   Specificitate: `section.wb-feature[data-wb-variant='office-closing']` este
   (0,3,2) pentru sectiune si (0,4,2) pentru titlu / descriere / CTA; ancorarea pe
   sectiunea-parinte da (0,4,3), respectiv (0,5,3). Prin acelasi grup trece si
   `.wb-feature--dark` (0,2,1), care ar pune fundal #374148 si `padding: 72px 0`.
   --- */
body.theme-tchibo-business section[data-anchor-id='sustainability-closing'] section.wb-feature[data-wb-variant='office-closing'] {
  padding: 32px 16px;
  background: #F5EDE5;
  color: #374148;
}

body.theme-tchibo-business section[data-anchor-id='sustainability-closing'] section.wb-feature[data-wb-variant='office-closing'] .wb-feature-title {
  margin: 0 0 8px;
  color: #374148;
  line-height: 44.8px;
}

body.theme-tchibo-business section[data-anchor-id='sustainability-closing'] section.wb-feature[data-wb-variant='office-closing'] .wb-feature-desc {
  margin: 0 0 32px;
  color: #374148;
  line-height: 24px;
}

body.theme-tchibo-business section[data-anchor-id='sustainability-closing'] section.wb-feature[data-wb-variant='office-closing'] .wb-feature-cta {
  margin-top: 0;
  letter-spacing: 0.8px;
}

/* --- Mobil (max-width: 899px) --------------------------------------------
   B. Intro: referinta are pad 16/0 si h2 32/37.12 (= 32 x 1.16). Regula generica
      de mobil `section.wb-text-block[data-wb-size='intro']` este (0,3,2) si
      `… .wb-text-container h2` (0,3,3) — ancora ramane la (0,4,2) / (0,5,3).
   C. Obiective: pad 8/16; cardurile se stivuiesc singure (regulile variantei pun
      `grid-template-columns: 1fr` la <=767 si intre 768-991), deci latimea de
      343px la un ecran de 375px rezulta din cei 16px de padding lateral pastrati.
      Titlul coboara la 32/37.12; regula generica de mobil (0,4,2) este batuta de
      (0,6,3) al ancorei.
   D. Date si fapte: pad 16/32, o singura coloana, foto 3:4 (343x457 la 375) si
      titlu de teaser 28/29.4; restul (subline 16/24, link 225x48) ramane din
      regulile de desktop de mai sus.
   Media query-urile nu adauga specificitate: toate regulile de aici pastreaza
   prefixele de mai sus, deci raporturile de forta calculate la fiecare grup sunt
   valabile si sub 900px, inclusiv fata de contra-regulile generice scrise in
   media query-uri mai stranse (<=767px). --- */
@media (max-width: 899px) {
  body.theme-tchibo-business section[data-anchor-id='sustainability-intro'] .wb-text-block[data-wb-size='intro'] {
    padding: 16px 0 0;
  }

  body.theme-tchibo-business section[data-anchor-id='sustainability-intro'] .wb-text-block[data-wb-size='intro'] .wb-text-container h2 {
    font-size: 32px;
    line-height: 37.12px;
  }

  body.theme-tchibo-business section[data-anchor-id='sustainability-goals'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] {
    padding: 8px 16px 16px;
  }

  body.theme-tchibo-business section[data-anchor-id='sustainability-goals'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-title {
    font-size: 32px;
    line-height: 37.12px;
  }

  body.theme-tchibo-business section[data-anchor-id='sustainability-facts'] section.wb-services[data-wb-cols='3'] {
    padding: 16px 16px 32px;
  }

  body.theme-tchibo-business section[data-anchor-id='sustainability-facts'] section.wb-services[data-wb-cols='3'] .wb-services-title {
    font-size: 32px;
    line-height: 37.12px;
  }

  body.theme-tchibo-business section[data-anchor-id='sustainability-facts'] section.wb-services[data-wb-cols='3'] > div > div {
    grid-template-columns: 1fr;
  }

  body.theme-tchibo-business section[data-anchor-id='sustainability-facts'] section.wb-services[data-wb-cols='3'] .wb-services-card-media {
    aspect-ratio: 3 / 4;
  }

  body.theme-tchibo-business section[data-anchor-id='sustainability-facts'] section.wb-services[data-wb-cols='3'] .wb-services-card-title {
    font-size: 28px;
    line-height: 29.4px;
  }
}

/* --- E pe mobil. Breakpointul variantei `office-closing` este 767px (acolo isi
   pune ea coloana unica, fotografia rotunda sus si titlul 32px), deci ancora
   foloseste acelasi prag ca sa nu desincronizeze compozitia. Raman de corectat
   doar interlinia titlului (35.84 = 32 x 1.12) si butonul pe toata latimea
   (343x46 la un ecran de 375px). --- */
@media (max-width: 767px) {
  body.theme-tchibo-business section[data-anchor-id='sustainability-closing'] section.wb-feature[data-wb-variant='office-closing'] .wb-feature-title {
    font-size: 32px;
    line-height: 35.84px;
  }

  body.theme-tchibo-business section[data-anchor-id='sustainability-closing'] section.wb-feature[data-wb-variant='office-closing'] .wb-feature-cta {
    width: 100%;
  }
}

/* === Companie/Sustenabilitate: Cafea & alimente (/companie/sustenabilitate/cafea-si-alimente) — parity with tchibo-coffeeservice.de/unternehmen/nachhaltigkeit/kaffee-und-food/, 2026-09-07 === */

/* Structura paginii (ZoneRenderer pune ancora pe un <section data-anchor-id>
   WRAPPER, iar radacina de modul este copilul lui — de aceea toti selectorii de
   mai jos folosesc combinatorul de descendent, nu `>`):
     hero  : tcs-page-hero-coffee (hero-banner, variant `tcs-page`)
     main  : coffee-intro (text-block `intro`) · coffee-programme-banner
             (feature `coffee-banner`, bleed) · coffee-programme-text (text-block)
             · coffee-fields (services-grid `coffee-fields`, carduri cu iconite)
             · coffee-programme-local + coffee-programme-enveritas (feature
             `title-light`) · coffee-seals-banner · coffee-seals-text ·
             coffee-seals (services-grid `coffee-seals`) · coffee-cafescor-1/-2/-3
             (feature `title-light`) cu legendele coffee-cafescor-credit-1/-2/-3
             (text-block) · coffee-cta (feature `coffee-cta`, bleed).
   Culori: #374148 pe tot textul, fundal de pagina #F9F9F9 (mostenit), Interstate.
   Niciun `!important` si nicio unitate de viewport in acest bloc: full-bleed-ul
   bannerelor si al benzii CTA vine din `bleed: true` (layouts.module.css pune
   `width: 100vw; margin-inline: calc(50% - 50vw)` pe sectiunea de modul).
   Idiomul de specificitate: ancorarea pe `section[data-anchor-id='…']` adauga o
   clasa si un element; unde nu ajunge, clasa temei este repetata (2-3x), exact
   ca in blocul „Container 1504" si in blocurile de marca. Specificitatea batuta
   este notata la fiecare grup, in forma (id, clase/atribute/pseudo-clase,
   elemente/pseudo-elemente).
   Grupul A (hero) are efect doar pe mobil, deci apare la media queries. */

/* --- B. Intro (coffee-intro): h2 48/400 si paragraful, ambele centrate, in
   containerul oficial cu gutter 36 = 16 (grila) + 20 (padding de bloc al
   referintei). Reguli generice batute:
   · `body.theme-tchibo-business section.wb-text-block[data-wb-size='intro']`
     (0,3,2) — `padding: 64px 0` (L491-496);
   · `body.theme-tchibo-business .wb-text-block .wb-text-container` (0,3,1) din
     blocul „Container 1504" (L5990-5996) — `padding-left/right: 16px`;
   · `body.theme-tchibo-business .wb-text-block[data-wb-align='center']
     .wb-text-container` (0,3,2) — `text-align: center` (valoarea coincide);
   · `body.theme-tchibo-business section.wb-text-block[data-wb-size='intro']
     .wb-text-container h2` si `… p` (0,4,3) — tipografia (valorile coincid cu
     referinta; le repetam ancorat ca blocul sa fie autonom).
   Ancorarea da (0,4,2) pentru sectiune si container — peste (0,3,2)/(0,3,1);
   pentru h2/p clasa temei este dublata => (0,5,3) > (0,4,3), deci castigam prin
   specificitate, nu prin ordinea din fisier.
   Ritm vertical: 42 = 32 (sectiune) + 10 (containerul referintei);
   116 = 32 (marginea de jos a paragrafului) + 20 (container) + 64 (spatiul pana
   la banner). --- */
body.theme-tchibo-business section[data-anchor-id='coffee-intro'] .wb-text-block[data-wb-size='intro'] {
  padding: 42px 0 116px;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='coffee-intro'] .wb-text-block .wb-text-container {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 36px;
  text-align: center;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-intro'] .wb-text-block .wb-text-container h2 {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-intro'] .wb-text-block .wb-text-container p {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-intro'] .wb-text-block .wb-text-container p + p {
  margin-top: 32px;
}

/* --- C. Bannerele cu caseta (coffee-programme-banner, coffee-seals-banner;
   feature-block `coffee-banner`, `bleed: true`). Referinta: sectiune alba de
   810 px pe toata latimea ferestrei, fotografia acopera intreaga banda, iar
   caseta #F9F9F9 (col-lg-6, radius 12, pad 40) sta in stanga, centrata vertical.
   Clonat dupa `industries-closing` (L3362-3457), cu caseta mutata in coloana 1
   si cu container plafonat la 1504.
   Reguli generice batute (variantele NU au `data-wb-title='light'`, deci intra
   pe „cardul alb" generic):
   · `.wb-feature--light:not([data-wb-title='light']):not([data-wb-media='flush'])`
     (0,4,1) — `padding: 40px 0 56px; background: #F9F9F9` (L1333-1336);
   · `… .wb-feature-container` (0,5,1) — `padding: 48px 40px; border-radius: 8px;
     background: #FFFFFF; box-shadow: …` (L1338-1343);
   · `… .wb-feature-media` (0,5,1) — `border-radius: 8px` (L1345-1348);
   · `.wb-feature--light .wb-feature-title` (0,3,1) si `.wb-feature-title` (0,2,1)
     — culoare si `clamp(28px, 2.6vw, 32px)/700` (L1350-1353, L1395-1398);
   · `.wb-feature-container` (0,2,1) — gutter `clamp(16px, 3vw, 40px)` (L96-108);
   · modulul FeatureBlock.module.css: `.description { font-size: 15px;
     line-height: 1.65; opacity: 0.9 }` si `.description p { margin: 0 0 10px }`.
   Ancorarea da (0,4,2) pe sectiune, (0,5,2) pe container/media/body/titlu/desc si
   (0,5,3) pe `img` / `desc p` — cu un pas peste fiecare regula generica.
   SOLUTIA PENTRU FOTOGRAFIA PE TOATA LATIMEA: containerul ramane `position:
   static` (primeste doar `isolation: isolate`, care creeaza context de stivuire
   fara sa devina bloc continator), asa incat `.wb-feature-media { position:
   absolute; inset: 0 }` se raporteaza la SECTIUNE (`position: relative` din
   `.section`-ul modulului). Astfel imaginea acopera 0-100 % din banda full-bleed
   la orice latime, inclusiv peste 1504 px, unde varianta cu `left: -16px;
   right: -16px` pe container ar fi lasat benzi albe in lateral; caseta ramane in
   containerul de 1504 + gutter 16. `z-index: 0` (media) si `z-index: 1` (caseta,
   care e element de grid, deci primeste z-index fara `position`) sunt ordonate in
   contextul de stivuire al containerului. --- */
body.theme-tchibo-business section[data-anchor-id='coffee-programme-banner'] .wb-feature[data-wb-variant='coffee-banner'],
body.theme-tchibo-business section[data-anchor-id='coffee-seals-banner'] .wb-feature[data-wb-variant='coffee-banner'] {
  padding: 0;
  overflow: hidden;
  background: #FFFFFF;
}

body.theme-tchibo-business section[data-anchor-id='coffee-programme-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-container,
body.theme-tchibo-business section[data-anchor-id='coffee-seals-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-container {
  gap: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

body.theme-tchibo-business section[data-anchor-id='coffee-programme-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-media,
body.theme-tchibo-business section[data-anchor-id='coffee-seals-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-media {
  border-radius: 0;
  overflow: hidden;
}

body.theme-tchibo-business section[data-anchor-id='coffee-programme-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-media > img,
body.theme-tchibo-business section[data-anchor-id='coffee-seals-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-media > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.theme-tchibo-business section[data-anchor-id='coffee-programme-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-body,
body.theme-tchibo-business section[data-anchor-id='coffee-seals-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-body {
  width: 100%;
  max-width: none;
  min-height: 0;
  margin: 0;
  padding: 40px;
  gap: 0;
  background: #F9F9F9;
  box-shadow: none;
  color: #374148;
  text-align: left;
}

body.theme-tchibo-business section[data-anchor-id='coffee-programme-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-title,
body.theme-tchibo-business section[data-anchor-id='coffee-seals-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-title {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

body.theme-tchibo-business section[data-anchor-id='coffee-programme-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-desc,
body.theme-tchibo-business section[data-anchor-id='coffee-seals-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-desc {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  opacity: 1;
}

/* Caseta referintei masoara 263 px: 2 randuri de titlu (2 x 55.68) + 16 +
   24 (paragraful) + 32 (marginea lui) + 2 x 40 (padding). */
body.theme-tchibo-business section[data-anchor-id='coffee-programme-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-desc p,
body.theme-tchibo-business section[data-anchor-id='coffee-seals-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-desc p {
  margin: 0 0 32px;
}

/* Referinta nu are subtitlu si nici buton pe bannere (defensiv). */
body.theme-tchibo-business section[data-anchor-id='coffee-programme-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-subtitle,
body.theme-tchibo-business section[data-anchor-id='coffee-programme-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-cta,
body.theme-tchibo-business section[data-anchor-id='coffee-seals-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-subtitle,
body.theme-tchibo-business section[data-anchor-id='coffee-seals-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-cta {
  display: none;
}

/* Geometria de desktop a bannerelor: 810 px ficsi (referinta masoara 810 si la
   1280, si la 1424), fotografia absoluta peste toata sectiunea, caseta in
   coloana 1 a grilei de 2 coloane din containerul de 1504. */
@media (min-width: 900px) {
  body.theme-tchibo-business section[data-anchor-id='coffee-programme-banner'] .wb-feature[data-wb-variant='coffee-banner'],
  body.theme-tchibo-business section[data-anchor-id='coffee-seals-banner'] .wb-feature[data-wb-variant='coffee-banner'] {
    position: relative;
    height: 810px;
    min-height: 0;
    aspect-ratio: auto;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-programme-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-container,
  body.theme-tchibo-business section[data-anchor-id='coffee-seals-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-container {
    isolation: isolate;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    max-width: 1504px;
    height: 100%;
    margin: 0 auto;
    padding: 0 16px;
    align-items: center;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-programme-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-media,
  body.theme-tchibo-business section[data-anchor-id='coffee-seals-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-media {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-programme-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-body,
  body.theme-tchibo-business section[data-anchor-id='coffee-seals-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-body {
    z-index: 1;
    grid-column: 1;
    align-self: center;
    border-radius: 12px;
  }
}

/* --- D. Paragrafele libere (coffee-programme-text, coffee-seals-text):
   text-block `align: left`, container 1504 cu gutter 36, p 16/24.
   Reguli generice batute:
   · `body.theme-tchibo-business .wb-text-block` (0,2,1) — `padding: 56px 0 40px`
     (L441-443);
   · `body.theme-tchibo-business .wb-text-block .wb-text-container` (0,3,1) din
     blocul „Container 1504" — `padding-left/right: 16px`;
   · `body.theme-tchibo-business .wb-text-container` (0,2,1) — `line-height: 1.75`
     (L447-452);
   · modulul TextBlock.module.css: `.container p { margin: 12px 0 }`.
   Ancorarea da (0,3,2) pe sectiune, (0,4,2) pe container si (0,4,3) pe `p`.
   Paddinguri: coffee-programme-text 84 = 64 (sectiune) + 20 (bloc) sus si 20 jos
   (restul de 45 px pana la iconite vine din padding-ul cardurilor);
   coffee-seals-text 52 = 32 + 20 sus si 52 = 32 (marginea p) + 20 jos. --- */
body.theme-tchibo-business section[data-anchor-id='coffee-programme-text'] .wb-text-block {
  padding: 84px 0 20px;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='coffee-seals-text'] .wb-text-block {
  padding: 52px 0;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='coffee-programme-text'] .wb-text-block .wb-text-container,
body.theme-tchibo-business section[data-anchor-id='coffee-seals-text'] .wb-text-block .wb-text-container {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 36px;
  text-align: left;
}

body.theme-tchibo-business section[data-anchor-id='coffee-programme-text'] .wb-text-block .wb-text-container p,
body.theme-tchibo-business section[data-anchor-id='coffee-seals-text'] .wb-text-block .wb-text-container p {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

body.theme-tchibo-business section[data-anchor-id='coffee-programme-text'] .wb-text-block .wb-text-container p + p,
body.theme-tchibo-business section[data-anchor-id='coffee-seals-text'] .wb-text-block .wb-text-container p + p {
  margin-top: 32px;
}

/* --- E. Cele trei directii de actiune (coffee-fields, services-grid
   `coffee-fields`, `data-wb-cols='3'` + `data-wb-card='flat'`): carduri complet
   transparente, iconita 64 centrata, titlu 32/700 si paragraf 16/22.4 centrate.
   Reguli generice batute:
   · `section.wb-services[data-wb-cols='3'][data-wb-card='flat']` (0,4,2) —
     `padding: 0 0 128px` (L933-936) si, in mobil, `padding: 0 0 32px` (L1640);
   · `… .wb-services-card` / `:hover` / `.wb-services-card-media--icon` /
     `… img` / `.wb-services-card-body` / `.wb-services-card-title` /
     `…-title::after` / `.wb-services-card-desc` (0,5,2) si (0,5,3) (L938-990);
   · `.wb-services-card-media--icon` (0,2,1) si `… img` (0,2,2) (L2922-2934);
   · `.wb-services-card` (0,2,1) — radius 8 + umbra (L627-633);
   · `body.theme x3 .wb-services:not([data-wb-bleed='true']) > div` (0,5,2) din
     blocul „Container 1504";
   · `section.wb-services[data-wb-cols='3'][data-wb-card='flat'] > div > div`
     (0,4,4) — `row-gap: 10px` in mobil (L1645);
   · modulul ServicesGrid.module.css: `.cardTitle` (uppercase + letter-spacing
     0.5px + `padding-bottom: 14px`), `.description p { margin: 0 0 8px }`,
     `.grid { gap: 20px }` si 2 coloane intre 600 si 899 px.
   Prefixul cu clasa temei dublata da (0,5,2) pe sectiune, (0,5,3) pe container,
   (0,5,4) pe grila si (0,6,2)/(0,6,3) pe card si pe copiii lui — cu un pas peste
   fiecare regula generica de mai sus.
   `max-width: none` pe descriere inlocuieste `max-width: 430px; margin: 0 auto`
   din regula flat: cu `margin: 0 0 28px` blocul de 430 px ar fi ramas lipit la
   stanga pe ecrane late, in loc sa umple cardul ca in referinta. --- */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-fields'] .wb-services[data-wb-variant='coffee-fields'] {
  padding: 5px 0;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-fields'] .wb-services[data-wb-variant='coffee-fields'] > div {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 16px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-fields'] .wb-services[data-wb-variant='coffee-fields'] > div > div {
  gap: 32px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-fields'] .wb-services[data-wb-variant='coffee-fields'] .wb-services-card,
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-fields'] .wb-services[data-wb-variant='coffee-fields'] .wb-services-card:hover {
  padding: 40px 5px;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
  transform: none;
  text-align: center;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-fields'] .wb-services[data-wb-variant='coffee-fields'] .wb-services-card-media--icon {
  display: flex;
  justify-content: center;
  height: 64px;
  margin: 0 0 8px;
  padding: 0;
  aspect-ratio: auto;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-fields'] .wb-services[data-wb-variant='coffee-fields'] .wb-services-card-media--icon img {
  width: 64px;
  height: 64px;
  object-fit: contain;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-fields'] .wb-services[data-wb-variant='coffee-fields'] .wb-services-card-body {
  padding: 0;
  gap: 0;
  background: transparent;
  text-align: center;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-fields'] .wb-services[data-wb-variant='coffee-fields'] .wb-services-card-title {
  margin: 0 0 32px;
  padding: 0;
  color: #374148;
  font-size: 32px;
  font-weight: 700;
  line-height: 33.6px;
  text-transform: none;
  letter-spacing: 0;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-fields'] .wb-services[data-wb-variant='coffee-fields'] .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-fields'] .wb-services[data-wb-variant='coffee-fields'] .wb-services-card-desc {
  max-width: none;
  margin: 0 0 28px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-fields'] .wb-services[data-wb-variant='coffee-fields'] .wb-services-card-desc p {
  margin: 0;
}

/* --- F. Randurile imagine + text (coffee-programme-local,
   coffee-programme-enveritas, coffee-cafescor-1/-2/-3; feature-block
   `theme: light` + `titleStyle: light`). Referinta: doua coloane egale fara
   card, imagine radius 20 pe inaltimea randului (min 380), text cu 30 px sus,
   h3 40/44.8/400, h5 24/27.84/400, p 16/24 cu mb 32.
   Reguli generice batute:
   · `.wb-feature--light[data-wb-title='light']:not([data-wb-media='flush'])
     :not([data-wb-variant='cta-banner'])` (0,5,1) — `padding: 64px 0`
     (L1356-1359) si, in mobil, `padding: 16px 0` (L1653);
   · `… .wb-feature-container` (0,6,1) — in mobil `gap: 24px` (L1657-1661);
   · `… .wb-feature-media` (0,6,1) — `min-height: 270px` (L1372) si, in mobil,
     `height: auto; min-height: 0` (L1663);
   · `… .wb-feature-media > img` (0,6,2) — in mobil `height: auto` (L1670);
   · `… .wb-feature-desc` (0,6,1) — `margin: 0 0 32px` (L1408-1414);
   · `.wb-feature[data-wb-title='light'] .wb-feature-title` (0,4,1) — 48/400/1.16
     (L1450-1456) si, in mobil, 32/1.16 (L1688);
   · `.wb-feature-subtitle` (0,2,1) plus `.subtitle` din modul (italic,
     `opacity: 0.85`, 16 px) si `.description { opacity: 0.9 }`.
   Prefixul `section[data-anchor-id='…'] .wb-feature.wb-feature--light
   [data-wb-title='light']` da (0,5,2) pe sectiune si (0,6,2)/(0,6,3) pe copii —
   cu un pas peste (0,5,1)/(0,6,1)/(0,6,2).
   Ce NU redeclaram, fiindca genericul da deja valoarea referintei: containerul
   de desktop (1504 + gutter 16 din blocul „Container 1504", (0,7,1); doua
   coloane egale, `gap: 32px`, `align-items: stretch`, (0,6,1)), pozitionarea
   imaginii (`position: relative` + `img` absolut `object-fit: cover`), corpul de
   text (`padding: 30px 0 0; gap: 0`) si ordinea de mobil pentru
   `data-image-position='right'` (textul intai, imaginea dupa — exact ca in
   referinta la randul Enveritas). --- */
body.theme-tchibo-business section[data-anchor-id='coffee-programme-local'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media,
body.theme-tchibo-business section[data-anchor-id='coffee-programme-enveritas'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media,
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-1'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media,
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-2'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media,
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-3'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media {
  min-height: 380px;
  border-radius: 20px;
  overflow: hidden;
}

body.theme-tchibo-business section[data-anchor-id='coffee-programme-local'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-title,
body.theme-tchibo-business section[data-anchor-id='coffee-programme-enveritas'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-title,
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-1'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-title,
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-2'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-title,
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-3'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-title {
  margin: 0 0 16px;
  color: #374148;
  font-size: 40px;
  font-weight: 400;
  line-height: 44.8px;
}

body.theme-tchibo-business section[data-anchor-id='coffee-programme-local'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-subtitle,
body.theme-tchibo-business section[data-anchor-id='coffee-programme-enveritas'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-subtitle,
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-1'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-subtitle,
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-2'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-subtitle,
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-3'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-subtitle {
  margin: 0 0 16px;
  color: #374148;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 27.84px;
  opacity: 1;
}

body.theme-tchibo-business section[data-anchor-id='coffee-programme-local'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-desc,
body.theme-tchibo-business section[data-anchor-id='coffee-programme-enveritas'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-desc,
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-1'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-desc,
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-2'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-desc,
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-3'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-desc {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  opacity: 1;
}

body.theme-tchibo-business section[data-anchor-id='coffee-programme-local'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-desc p,
body.theme-tchibo-business section[data-anchor-id='coffee-programme-enveritas'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-desc p,
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-1'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-desc p,
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-2'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-desc p,
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-3'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-desc p {
  margin: 0 0 32px;
}

/* Paddingurile de sectiune ale randurilor (ritmul vertical din referinta:
   carduri -> rand 32; randurile 5 si 6 lipite; rand 6 -> banner 2: 128; sigilii
   -> Cafescor 64; randurile Cafescor lipite; ultimul rand -> banda CTA 128). */
body.theme-tchibo-business section[data-anchor-id='coffee-programme-local'] .wb-feature.wb-feature--light[data-wb-title='light'] {
  padding: 32px 0 0;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='coffee-programme-enveritas'] .wb-feature.wb-feature--light[data-wb-title='light'] {
  padding: 0 0 128px;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-1'] .wb-feature.wb-feature--light[data-wb-title='light'] {
  padding: 64px 0 0;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-2'] .wb-feature.wb-feature--light[data-wb-title='light'] {
  padding: 0;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-3'] .wb-feature.wb-feature--light[data-wb-title='light'] {
  padding: 0 0 128px;
  background: transparent;
}

/* --- G. Legendele foto (coffee-cafescor-credit-1/-2/-3): text-block cu
   `<p><sup>© (CLAC)/Fairtrade</sup></p>`, in acelasi container cu gutter 36.
   Reguli generice batute: aceleasi ca la grupul D — `.wb-text-block` (0,2,1),
   `.wb-text-block .wb-text-container` (0,3,1) din blocul „Container 1504",
   `.wb-text-container` (0,2,1) si `.container p { margin: 12px 0 }` din modul.
   Ancorarea da (0,3,2) / (0,4,2) / (0,4,3).
   Blocul referintei masoara 49 px la prima legenda (p fara margine de jos) si
   81 px la celelalte doua (p cu mb 32); valorile sunt identice pe mobil. --- */
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-credit-1'] .wb-text-block,
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-credit-2'] .wb-text-block,
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-credit-3'] .wb-text-block {
  padding: 5px 0 20px;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-credit-1'] .wb-text-block .wb-text-container,
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-credit-2'] .wb-text-block .wb-text-container,
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-credit-3'] .wb-text-block .wb-text-container {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 36px;
  text-align: left;
}

body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-credit-1'] .wb-text-block .wb-text-container p,
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-credit-2'] .wb-text-block .wb-text-container p,
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-credit-3'] .wb-text-block .wb-text-container p {
  margin: 0 0 32px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-credit-1'] .wb-text-block .wb-text-container p {
  margin: 0;
}

body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-credit-1'] .wb-text-block .wb-text-container sup,
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-credit-2'] .wb-text-block .wb-text-container sup,
body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-credit-3'] .wb-text-block .wb-text-container sup {
  font-size: 12px;
  line-height: 0;
}

/* --- H. Sigiliile (coffee-seals, services-grid `coffee-seals`,
   `data-wb-cols='3'` + `data-wb-card='flat'` + `data-wb-imgaspect='square'`):
   trei coloane transparente, imaginea patrata 350 in bloc cu pad 20, h5
   24/27.84/400 si lista cu trei puncte (disc, pad-left 32, mb 32).
   Reguli generice batute:
   · `section.wb-services[data-wb-cols='3'][data-wb-card='flat']` (0,4,2) —
     `padding: 0 0 128px` (L933) si, in mobil, `padding: 0 0 32px` (L1640);
   · `… .wb-services-card` / `-body` / `-title` / `-title::after` / `-desc`
     (0,5,2) si (0,5,3) (L938-990) — inclusiv `align-items: center` pe corp,
     `margin: 0 auto; max-width: 430px` pe descriere si titlul de 32/700;
   · `.wb-services[data-wb-imgaspect='square'] .wb-services-card-media` (0,3,2) —
     `aspect-ratio: 1/1; background: #FFFFFF; border: 1px solid #ECECEC;
     border-radius: 8px` (L1014-1023) si `… img { object-fit: contain }` (0,3,3);
   · `.wb-services[data-wb-imgaspect='square'] .wb-services-card-title` (0,3,2) —
     17/400 (L1025-1032);
   · `.wb-services-card` (0,2,1) — radius 8 + umbra (L627-633);
   · `body.theme x3 .wb-services:not([data-wb-bleed='true']) > div` (0,5,2);
   · `section.wb-services[data-wb-cols='3'][data-wb-card='flat'] > div > div`
     (0,4,4) — `row-gap: 10px` in mobil (L1645);
   · modulul: `.cardTitle` si `.description` centrate, `.imageWrap
     { aspect-ratio: 4/3; background: #eef3f8 }`, `.grid { gap: 20px }`.
   Prefixul cu clasa temei dublata da (0,5,2)/(0,5,3)/(0,5,4)/(0,6,2)/(0,6,3),
   deci un pas peste fiecare.
   `text-align: left` este redeclarat explicit pe titlu si pe descriere, iar
   corpul primeste `align-items: stretch`: modulul le centreaza la nivel de
   element, deci `text-align: left` de pe card singur nu ar fi avut efect. --- */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-seals'] .wb-services[data-wb-variant='coffee-seals'] {
  padding: 0;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-seals'] .wb-services[data-wb-variant='coffee-seals'] > div {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 16px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-seals'] .wb-services[data-wb-variant='coffee-seals'] > div > div {
  gap: 32px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-seals'] .wb-services[data-wb-variant='coffee-seals'] .wb-services-card,
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-seals'] .wb-services[data-wb-variant='coffee-seals'] .wb-services-card:hover {
  padding: 0;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
  transform: none;
  text-align: left;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-seals'] .wb-services[data-wb-variant='coffee-seals'] .wb-services-card-media {
  padding: 20px;
  aspect-ratio: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-seals'] .wb-services[data-wb-variant='coffee-seals'] .wb-services-card-media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-seals'] .wb-services[data-wb-variant='coffee-seals'] .wb-services-card-body {
  padding: 20px;
  gap: 0;
  align-items: stretch;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-seals'] .wb-services[data-wb-variant='coffee-seals'] .wb-services-card-title {
  margin: 0 0 16px;
  padding: 0;
  color: #374148;
  font-size: 24px;
  font-weight: 400;
  line-height: 27.84px;
  text-transform: none;
  letter-spacing: 0;
  text-align: left;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-seals'] .wb-services[data-wb-variant='coffee-seals'] .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-seals'] .wb-services[data-wb-variant='coffee-seals'] .wb-services-card-desc {
  max-width: none;
  margin: 0;
  color: #374148;
  text-align: left;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-seals'] .wb-services[data-wb-variant='coffee-seals'] .wb-services-card-desc ul {
  margin: 0 0 32px;
  padding: 0 0 0 32px;
  list-style: disc;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-seals'] .wb-services[data-wb-variant='coffee-seals'] .wb-services-card-desc li {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

/* --- I. Banda de incheiere (coffee-cta, feature-block `coffee-cta`,
   `bleed: true`): banda #F5EDE5 pe toata latimea, grup centrat `col-xl-7`
   (738 px la 1280, 822 la 1424, plafon 877), fotografie rotunda 160, h3 40/700,
   p 16/24 si buton Gold Light 16/700.
   Reguli generice batute (varianta nu are `data-wb-title='light'`, deci intra pe
   „cardul alb" generic, exact ca bannerele):
   · `.wb-feature--light:not([data-wb-title='light']):not([data-wb-media='flush'])`
     (0,4,1) — `padding: 40px 0 56px; background: #F9F9F9` (L1333);
   · `… .wb-feature-container` (0,5,1) — card alb cu pad 48/40, radius 8, umbra
     (L1338);
   · `… .wb-feature-media` (0,5,1) — `border-radius: 8px` (L1345);
   · `.wb-feature-title` (0,2,1) — `clamp(28px, 2.6vw, 32px)/700` (L1395);
   · `.wb-feature-container` (0,2,1) — `max-width: 1504px` + gutter clamp (L96);
   · `.wb-feature-cta` (0,2,1) si `:hover` (0,2,1) (L1429-1447) — valorile
     coincid cu referinta, dar le fixam ancorat (0,5,2) ca banda sa nu depinda de
     evolutia butonului generic;
   · modulul: `.description { font-size: 15px; line-height: 1.65; opacity: 0.9 }`,
     `.mediaWrap img { height: auto }` si `.cta { margin-top: 10px }`.
   Ancorarea da (0,4,2) pe sectiune si (0,5,2)/(0,5,3) pe copii.
   `width: calc(100% * 7 / 12)` reproduce grupul `col-xl-7 mx-auto` al
   referintei, iar coloana imaginii (1fr din 1fr+2fr) tine fotografia de 160 px
   centrata; nu folosim unitati de viewport — latimea se raporteaza la banda
   full-bleed produsa de `bleed: true`. --- */
body.theme-tchibo-business section[data-anchor-id='coffee-cta'] .wb-feature[data-wb-variant='coffee-cta'] {
  padding: 32px 0;
  background: #F5EDE5;
}

body.theme-tchibo-business section[data-anchor-id='coffee-cta'] .wb-feature[data-wb-variant='coffee-cta'] .wb-feature-container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 0;
  align-items: center;
  width: calc(100% * 7 / 12);
  max-width: 877px;
  margin: 0 auto;
  padding: 0 16px;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

body.theme-tchibo-business section[data-anchor-id='coffee-cta'] .wb-feature[data-wb-variant='coffee-cta'] .wb-feature-media {
  width: 160px;
  height: 160px;
  min-height: 0;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
}

body.theme-tchibo-business section[data-anchor-id='coffee-cta'] .wb-feature[data-wb-variant='coffee-cta'] .wb-feature-media > img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.theme-tchibo-business section[data-anchor-id='coffee-cta'] .wb-feature[data-wb-variant='coffee-cta'] .wb-feature-body {
  padding: 0 16px;
  gap: 0;
  background: transparent;
  text-align: left;
}

body.theme-tchibo-business section[data-anchor-id='coffee-cta'] .wb-feature[data-wb-variant='coffee-cta'] .wb-feature-title {
  margin: 0 0 8px;
  color: #374148;
  font-size: 40px;
  font-weight: 700;
  line-height: 44.8px;
}

body.theme-tchibo-business section[data-anchor-id='coffee-cta'] .wb-feature[data-wb-variant='coffee-cta'] .wb-feature-desc {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  opacity: 1;
}

body.theme-tchibo-business section[data-anchor-id='coffee-cta'] .wb-feature[data-wb-variant='coffee-cta'] .wb-feature-desc p {
  margin: 0 0 32px;
}

body.theme-tchibo-business section[data-anchor-id='coffee-cta'] .wb-feature[data-wb-variant='coffee-cta'] .wb-feature-cta {
  display: inline-flex;
  align-self: flex-start;
  min-height: 46px;
  margin: 0;
  padding: 14px 22px;
  border: 0;
  border-radius: 32px;
  background: #EDD38E;
  color: #374148;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

body.theme-tchibo-business section[data-anchor-id='coffee-cta'] .wb-feature[data-wb-variant='coffee-cta'] .wb-feature-cta:hover {
  background: #C0A468;
  color: #374148;
  filter: none;
}

/* --- Mobil (max-width: 899px) ---------------------------------------------
   A. Hero: referinta are exact 700px, nu 803px cat impune regula generica
      `section[data-anchor-id^='tcs-page-hero-'] .wb-hero` (0,3,2) din acelasi
      media query (L1600-1604); clasa temei dublata da (0,4,2), deci castigam
      prin specificitate, nu prin ordinea din fisier. Titlul de 44px cu
      `line-height: 0.93` este deja exact valoarea referintei in regula generica
      `section[data-anchor-id^='tcs-page-hero-'] .wb-hero h1` (0,3,3) de la
      L1615-1621, deci NU il redeclaram (acelasi rationament ca pe desktop).
   B. Intro: 18 = 8 (sectiune) + 10 (container) sus, 68 = 32 (marginea p) + 20 +
      16 jos; h2 coboara la 32/1.16 (valoare pe care o da si genericul (0,4,3),
      redeclarata ancorat pentru autonomia blocului).
   C. Bannere: caseta trece SUB fotografie (imagine 375x530, caseta full-width
      cu pad 40 si fara radius), deci containerul devine `display: block` si
      media reintra in flux (`position: static`).
   D. Paragrafe libere: 36 = 16 + 20 si 28 = 8 + 20.
   E./H. Grilele trec pe o coloana (modulul ar da 2 coloane intre 600 si 899 px);
      restul valorilor raman cele de desktop.
   F. Randurile: imaginea 343x380 r20 deasupra textului (la Enveritas ordinea
      generica pastreaza textul primul), `gap: 0` pe container fiindca cei 30 px
      de sub imagine vin din padding-ul corpului — genericul are `gap: 24px`,
      care s-ar fi adunat la 54.
   I. Banda CTA: fotografia centrata sus, butonul pe toata latimea. --- */
@media (max-width: 899px) {
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tcs-page-hero-coffee'] .wb-hero {
    height: auto;
    min-height: 700px;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-intro'] .wb-text-block[data-wb-size='intro'] {
    padding: 18px 0 68px;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-intro'] .wb-text-block .wb-text-container h2 {
    font-size: 32px;
    line-height: 1.16;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-programme-banner'] .wb-feature[data-wb-variant='coffee-banner'],
  body.theme-tchibo-business section[data-anchor-id='coffee-seals-banner'] .wb-feature[data-wb-variant='coffee-banner'] {
    height: auto;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-programme-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-container,
  body.theme-tchibo-business section[data-anchor-id='coffee-seals-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-container {
    display: block;
    max-width: none;
    padding: 0;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-programme-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-media,
  body.theme-tchibo-business section[data-anchor-id='coffee-seals-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-media {
    position: static;
    width: 100%;
    height: 530px;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-programme-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-body,
  body.theme-tchibo-business section[data-anchor-id='coffee-seals-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-body {
    width: 100%;
    padding: 40px;
    border-radius: 0;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-programme-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-title,
  body.theme-tchibo-business section[data-anchor-id='coffee-seals-banner'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-title {
    font-size: 32px;
    line-height: 1.16;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-programme-text'] .wb-text-block {
    padding: 36px 0 20px;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-seals-text'] .wb-text-block {
    padding: 28px 0 52px;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-fields'] .wb-services[data-wb-variant='coffee-fields'] > div > div,
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-seals'] .wb-services[data-wb-variant='coffee-seals'] > div > div {
    grid-template-columns: minmax(0, 1fr);
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-seals'] .wb-services[data-wb-variant='coffee-seals'] .wb-services-card-media img {
    width: 240px;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-seals'] .wb-services[data-wb-variant='coffee-seals'] .wb-services-card-title {
    font-size: 20px;
    line-height: 23.2px;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-programme-local'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container,
  body.theme-tchibo-business section[data-anchor-id='coffee-programme-enveritas'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container,
  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-1'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container,
  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-2'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container,
  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-3'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container {
    gap: 0;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-programme-local'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media,
  body.theme-tchibo-business section[data-anchor-id='coffee-programme-enveritas'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media,
  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-1'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media,
  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-2'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media,
  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-3'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media {
    height: 380px;
    min-height: 380px;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-programme-local'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media > img,
  body.theme-tchibo-business section[data-anchor-id='coffee-programme-enveritas'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media > img,
  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-1'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media > img,
  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-2'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media > img,
  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-3'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media > img {
    height: 100%;
    object-fit: cover;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-programme-local'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-body,
  body.theme-tchibo-business section[data-anchor-id='coffee-programme-enveritas'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-body,
  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-1'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-body,
  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-2'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-body,
  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-3'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-body {
    padding: 30px 0 0;
  }

  /* Referinta stivuieste imaginea prima pe mobil la toate randurile; doar
     enveritas are imaginea la dreapta pe desktop, deci modulul ii da media
     order 2. Il readucem pe 1, fara sa atingem alternanta de pe desktop. */
  /* Corectie directa Claude, 08.09: regula generica de mai sus,
     `… .wb-feature-container[data-image-position="right"] .wb-feature-media` (0,8,1),
     batea varianta ancorata (0,6,2). Reluam acelasi lant, cu clasa temei dublata: (0,9,2). */
  body.theme-tchibo-business section[data-anchor-id='coffee-programme-enveritas'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media {
    order: 1;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-programme-enveritas'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container[data-image-position='right'] .wb-feature-media {
    order: 1;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-programme-enveritas'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-body {
    order: 2;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='coffee-programme-enveritas'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container[data-image-position='right'] .wb-feature-body {
    order: 2;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-programme-local'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-title,
  body.theme-tchibo-business section[data-anchor-id='coffee-programme-enveritas'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-title,
  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-1'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-title,
  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-2'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-title,
  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-3'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-title {
    font-size: 32px;
    line-height: 35.84px;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-programme-local'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-subtitle,
  body.theme-tchibo-business section[data-anchor-id='coffee-programme-enveritas'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-subtitle,
  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-1'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-subtitle,
  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-2'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-subtitle,
  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-3'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-subtitle {
    font-size: 20px;
    line-height: 23.2px;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-programme-local'] .wb-feature.wb-feature--light[data-wb-title='light'] {
    padding: 8px 0 0;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-programme-enveritas'] .wb-feature.wb-feature--light[data-wb-title='light'] {
    padding: 0 0 32px;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-1'] .wb-feature.wb-feature--light[data-wb-title='light'] {
    padding: 16px 0 0;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-2'] .wb-feature.wb-feature--light[data-wb-title='light'] {
    padding: 0;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-3'] .wb-feature.wb-feature--light[data-wb-title='light'] {
    padding: 0 0 32px;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-cta'] .wb-feature[data-wb-variant='coffee-cta'] .wb-feature-container {
    display: block;
    width: 100%;
    max-width: none;
    padding: 0 16px;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-cta'] .wb-feature[data-wb-variant='coffee-cta'] .wb-feature-media {
    margin: 0 auto 22px;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-cta'] .wb-feature[data-wb-variant='coffee-cta'] .wb-feature-body {
    padding: 0;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-cta'] .wb-feature[data-wb-variant='coffee-cta'] .wb-feature-title {
    font-size: 32px;
    line-height: 35.84px;
  }

  body.theme-tchibo-business section[data-anchor-id='coffee-cta'] .wb-feature[data-wb-variant='coffee-cta'] .wb-feature-cta {
    display: flex;
    width: 100%;
    justify-content: center;
  }
}

/* --- F (completare Claude, 2026-09-07): containerul randurilor imagine + text
   este plafonat la 1504px ca referinta (col-md-6 x2 in container 94rem), nu la
   1441px cat da regula generica title-light (L1338+, (0,6,1)); ancorat (0,6,2),
   deci castiga si prin specificitate, si prin ordine. Doar desktop. --- */
@media (min-width: 900px) {
  body.theme-tchibo-business section[data-anchor-id='coffee-programme-local'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container,
  body.theme-tchibo-business section[data-anchor-id='coffee-programme-enveritas'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container,
  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-1'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container,
  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-2'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container,
  body.theme-tchibo-business section[data-anchor-id='coffee-cafescor-3'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container {
    max-width: 1504px;
    padding: 0 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
    align-items: stretch;
  }
}

/* === QA 2026-09-07: Raportare & conformitate (ritmul vertical al referintei) + Sir Henry (banda finala) ===
   Masurat pe pagina RO deblocata la 1424 vs referinta: blocurile de text ale referintei au 20 px de
   padding interior sus/jos (cms-block-container), h2-ul din intro/downloads e urmat de 32 px, iar in
   sectiunea de text titlurile h3/h4 stau la 88 px sub paragraful anterior (32 + 56) si h2 la 68 px
   deasupra primului paragraf. Sir Henry: referinta inchide cu banda „Direkt zum passenden Sortiment”
   (32/32), nu cu h4 + buton. */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-intro'] .wb-text-block .wb-text-container,
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-downloads'] .wb-text-block .wb-text-container,
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block .wb-text-container {
  padding-top: 20px;
  padding-bottom: 20px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-intro'] .wb-text-block .wb-text-container p {
  margin: 0 0 32px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-downloads'] .wb-text-block .wb-text-container h2 {
  margin: 0 0 32px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-downloads'] .wb-text-block .wb-text-container ul {
  margin: 0 0 32px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block .wb-text-container h2 {
  margin: 0 0 68px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block .wb-text-container h3,
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block .wb-text-container h4 {
  margin-top: 88px;
}

body.theme-tchibo-business section[data-anchor-id='sir-henry-range-cta'] .wb-text-block {
  padding: 32px 0;
}

@media (max-width: 899px) {
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-intro'] .wb-text-block .wb-text-container,
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-downloads'] .wb-text-block .wb-text-container,
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block .wb-text-container {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block .wb-text-container h2 {
    margin: 0 0 48px;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block .wb-text-container h3,
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='compliance-text'] .wb-text-block .wb-text-container h4 {
    margin-top: 56px;
  }

  body.theme-tchibo-business section[data-anchor-id='sir-henry-range-cta'] .wb-text-block {
    padding: 16px 0;
  }
}

/* === Companie/Sustenabilitate: Climă & mediu (/companie/sustenabilitate/clima-si-mediu) — parity with tchibo-coffeeservice.de/unternehmen/nachhaltigkeit/klima-und-umwelt/, 2026-09-07 === */

/* Structura paginii (ZoneRenderer pune ancora pe un <section data-anchor-id>
   WRAPPER, iar radacina de modul este copilul lui — de aceea toti selectorii de
   mai jos folosesc combinatorul de descendent, nu `>`):
     hero : tcs-page-hero-sustainability (hero-banner `tcs-page`) — REFOLOSIT ca
            atare din blocul „Companie/Sustenabilitate", nimic de facut aici;
     main : climate-intro (text-block `intro`, `align: center`, bleed) ·
            climate-targets (services-grid `office-elements` +
            `cardStyle: shadow`, 4 coloane, bleed) · climate-measures
            (text-block `intro` cu cardul alb `.climate-measures-card`, bleed) ·
            climate-results (services-grid generic, 3 coloane, bleed) ·
            climate-circular (feature `coffee-banner`, bleed) · climate-system
            (text-block `intro` doar cu paragraf, bleed) · climate-service +
            climate-refurbish (feature `theme: light` + `titleStyle: light`) ·
            sustainability-closing (feature `office-closing`, `theme: dark`) —
            si acesta REFOLOSIT ca atare.
   Culori: text #374148 peste tot; banda beja #F5EDE5 pe grupurile B-E, sectiune
   alba la bannerul F, fundalul de pagina #F9F9F9 (transparent) la G-H.
   Nicio declaratie marcata important si nicio unitate de viewport in acest
   bloc: full-bleed-ul benzilor vine din `bleed: true` (layouts.module.css pune
   latimea de viewport si marginea negativa pe sectiunea de modul).
   Idiomul de specificitate: ancorarea pe `section[data-anchor-id='…']` adauga o
   clasa si un element; specificitatea batuta este notata la fiecare grup, in
   forma (id, clase/atribute/pseudo-clase, elemente/pseudo-elemente). Nicaieri nu
   a fost nevoie sa repetam clasa temei.
   Breakpointuri: regulile de baza descriu compozitia stivuita, geometria de
   desktop (grila de 4 coloane si bannerul cu fotografia suprapusa) sta in
   `@media (min-width: 900px)` — acelasi prag ca in blocul „Cafea & alimente" si
   ca in contra-regulile generice —, iar valorile de mobil sunt in
   `@media (max-width: 767px)`. Intre 768 si 1199 pagina ramane fluida. */

/* --- B. Intro (climate-intro): banda beja pe toata latimea, h2 48/55.68/400 si
   paragraful, ambele centrate, in containerul oficial cu gutter 36 (1193 px de
   text la 1280, exact ca la `coffee-intro`).
   Reguli generice batute:
   · `section.wb-text-block[data-wb-size='intro']` (0,3,2) — `padding: 64px 0`
     (L491-496) si, in mobil, `padding: 16px 0` (L1624-1626);
   · `.wb-text-block[data-wb-align='center']` (0,3,1) — `max-width: 1330px`
     (L517-521) si perechea lui din blocul „Container 1504",
     `body.theme x2 .wb-text-block[data-wb-align='center']` (0,4,1) —
     `max-width: 1504px` (L6025-6027): pe o sectiune `bleed` orice plafon ar
     taia banda beja peste 1504px, de aceea `max-width: none` e obligatoriu;
   · `.wb-text-block .wb-text-container` (0,3,1) din blocul „Container 1504"
     (L6013-6019) — gutter 16 in loc de 36;
   · `section.wb-text-block[data-wb-size='intro'] .wb-text-container h2` si
     `… .wb-text-container p` (0,4,3) — tipografia (valorile de desktop coincid
     cu referinta; le repetam ancorat ca blocul sa fie autonom si ca sa avem
     unde schimba marginea si alinierea paragrafului).
   Ancorarea da (0,4,2) pe sectiune, (0,5,2) pe container si (0,5,3) pe h2/p —
   cate un pas peste fiecare pereche generica. --- */
body.theme-tchibo-business section[data-anchor-id='climate-intro'] .wb-text-block[data-wb-size='intro'] {
  max-width: none;
  padding: 64px 0 32px;
  background: #F5EDE5;
}

body.theme-tchibo-business section[data-anchor-id='climate-intro'] .wb-text-block[data-wb-size='intro'] .wb-text-container {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 36px;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='climate-intro'] .wb-text-block[data-wb-size='intro'] .wb-text-container h2 {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='climate-intro'] .wb-text-block[data-wb-size='intro'] .wb-text-container p {
  margin: 0 0 32px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}

/* --- C. Cele patru tinte (climate-targets, services-grid `office-elements` cu
   `cardStyle: shadow` si 4 coloane, fara titlu de sectiune). Referinta: banda
   beja, containerul de 1233 (gutter 16), patru carduri de 284x333 pe fundal
   #F9F9F9 cu umbra `0 0 5px rgba(0,0,0,.5)`, radius 0 si pad 40x5; iconita
   64x64 cu mb 8, headline 24/25.2/700 mb 16, text 16/22.4 mb 28, totul centrat.
   Clonat dupa `sustainability-goals` (L10856-10905), cu valorile de 4 coloane.
   Reguli generice batute (varianta si perechea ei `[data-wb-card='shadow']`):
   · `section.wb-services[data-wb-variant='office-elements']` (0,3,2) —
     `padding: 72px 16px; background: #FFFFFF` (L4035-4038) si, in mobil,
     `padding: 48px 16px` (L4274-4277);
   · `…[data-wb-card='shadow']` (0,4,2) — `padding: 84px 16px 64px;
     background: #F9F9F9` (L4528-4531) si `padding: 48px 16px` sub 767 (L4559);
   · `… > div` (0,3,3) si `…[data-wb-card='shadow'] > div` (0,4,3) —
     `max-width: none` / `max-width: 1472px` (L4040, L4533);
   · `… > div > div` (0,3,4) — `gap: 24px` (L4062) si `grid-template-columns:
     1fr` in mobil (L4325, L4363);
   · `… .wb-services-card` / `:hover` (0,4,2) si `…[data-wb-card='shadow']
     .wb-services-card` / `:hover` (0,5,2) — `min-height: 313px` / `290px`,
     fundal si umbra (L4066-4074, L4384-4386, L4540-4543);
   · `… .wb-services-card-media(--icon)` (0,4,2) — `height: 92px;
     padding: 28px 0 0` (L4076-4084) si `.wb-services-card-media--icon` (0,2,1)
     (L2946-2952);
   · `… .wb-services-card-body` (0,4,2) — `padding: 20px 28px 28px; gap: 12px`
     (L4094-4098);
   · `… .wb-services-card-title` (0,4,2) si `…[data-wb-card='shadow']
     .wb-services-card-title` (0,5,2) — 32/700/1.16 (L4100-4110, L4388-4392);
   · `… .wb-services-card-desc` (0,4,2) — 16/1.4 (L4116-4121);
   · `.wb-services-card` (0,2,1) — radius 8 + umbra (L627-633) si
     `.wb-services[data-wb-cols='4']:not([data-wb-card='outline'])
     .wb-services-card` (0,4,1) (L816-819);
   · `.wb-services > div` (0,2,2) — gutterul fluid de 16-40 px (L99-108);
     punctul 2 din blocul „Container 1504" NU se aplica (sectiunea are
     `data-wb-bleed='true'`).
   Ancorarea pe sectiunea-parinte (acelasi idiom ca la `sustainability-goals`)
   da (0,5,3) pe sectiune, (0,5,4) pe container, (0,5,5) pe grila si (0,6,3) pe
   descendenti — cate un pas peste fiecare pereche de mai sus, inclusiv peste
   variantele `:hover`, care raman la (0,5,2).
   Iconitele sunt `icons/*.svg`, deci NU intra sub regulile `…[src*='/icon-']`
   ((0,2,1) / (0,3,1)) — segmentul din cale este `icons/`, nu `icon-`. --- */
body.theme-tchibo-business section[data-anchor-id='climate-targets'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] {
  padding: 0 0 64px;
  background: #F5EDE5;
}

body.theme-tchibo-business section[data-anchor-id='climate-targets'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] > div {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 16px;
}

body.theme-tchibo-business section[data-anchor-id='climate-targets'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] > div > div {
  gap: 32px;
  align-items: stretch;
}

body.theme-tchibo-business section[data-anchor-id='climate-targets'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card,
body.theme-tchibo-business section[data-anchor-id='climate-targets'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card:hover {
  min-height: 333px;
  padding: 40px 5px;
  border: 0;
  border-radius: 0;
  background: #F9F9F9;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  transform: none;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='climate-targets'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card-media,
body.theme-tchibo-business section[data-anchor-id='climate-targets'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card-media--icon {
  height: 64px;
  margin: 0 0 8px;
  padding: 0;
}

body.theme-tchibo-business section[data-anchor-id='climate-targets'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card-body {
  padding: 0;
  gap: 0;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='climate-targets'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card-title {
  margin: 0 0 16px;
  color: #374148;
  font-size: 24px;
  font-weight: 700;
  line-height: 25.2px;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='climate-targets'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card-desc {
  margin: 0 0 28px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: center;
}

/* Referinta nu are link nici pe carduri de tinte, nici pe teaserele de
   rezultate; regula este defensiva si bate `section.wb-services
   [data-wb-variant='office-elements'] .wb-services-cta` (0,4,2), care pune
   `display: inline-flex` (L4123-4124). Ancorat: (0,5,3). */
body.theme-tchibo-business section[data-anchor-id='climate-targets'] section.wb-services[data-wb-variant='office-elements'] .wb-services-cta,
body.theme-tchibo-business section[data-anchor-id='climate-results'] section.wb-services[data-wb-cols='3'] .wb-services-cta {
  display: none;
}

/* --- D. Masurile (climate-measures, text-block `intro` cu HTML propriu):
   h2 48/55.68/400 centrat la 36 px de card (16 marginea lui + 20 din
   containerul referintei), apoi cardul alb 1233x467 (radius 20, umbra
   `0 4px 12px rgba(55,65,72,.15)`, pad 48/32/64) cu doua coloane de 537 px si
   gap 96 ((1233 - 64 de padding - 96) / 2 = 536,5).
   `.climate-measures-card` / `.climate-measures-col` sunt clase din HTML-ul de
   seed, deci nu au perechi generice; competitia ramane la nivel de element:
   · `body.theme-tchibo-business h3, h4` (0,1,1) — `font-weight: 700`
     (L127-131);
   · `.wb-text-container` (0,2,1) — `text-align: left; font-size: 16px;
     line-height: 1.75` (L447-452), rescrise la nivel de h6/h4/li;
   · TextBlock.module.css `.container p { margin: 12px 0 }` (0,1,1);
   · pentru sectiune, container si h2, aceleasi perechi ca la grupul B.
   Ancorarea da (0,4,2) pe sectiune, (0,5,2) pe container, (0,5,3) pe h2 si
   (0,3,2) / (0,4,3) pe cardul si pe elementele din HTML-ul de seed.
   Cei 72 px de sub h4 sunt paragraful gol al referintei dintre titlul de
   coloana si lista. --- */
body.theme-tchibo-business section[data-anchor-id='climate-measures'] .wb-text-block[data-wb-size='intro'] {
  max-width: none;
  padding: 32px 0 64px;
  background: #F5EDE5;
}

body.theme-tchibo-business section[data-anchor-id='climate-measures'] .wb-text-block[data-wb-size='intro'] .wb-text-container {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 16px;
  text-align: left;
}

body.theme-tchibo-business section[data-anchor-id='climate-measures'] .wb-text-block[data-wb-size='intro'] .wb-text-container h2 {
  margin: 0 0 36px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='climate-measures'] .wb-text-block .climate-measures-card {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 96px;
  padding: 48px 32px 64px;
  border-radius: 20px;
  background: #FFFFFF;
  box-shadow: 0 4px 12px rgba(55, 65, 72, 0.15);
}

body.theme-tchibo-business section[data-anchor-id='climate-measures'] .wb-text-block .climate-measures-col h6 {
  margin: 0 0 16px;
  color: #374148;
  font-size: 20px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='climate-measures'] .wb-text-block .climate-measures-col h4 {
  margin: 0 0 72px;
  color: #374148;
  font-size: 32px;
  font-weight: 400;
  line-height: 33.6px;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='climate-measures'] .wb-text-block .climate-measures-col ul {
  margin: 0;
  padding: 0 0 0 32px;
  list-style: disc;
}

body.theme-tchibo-business section[data-anchor-id='climate-measures'] .wb-text-block .climate-measures-col li {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

/* --- E. Teaserele de rezultate (climate-results, services-grid generic cu 3
   coloane, `titleRule: false`, `titleAlign: center`, bleed). Referinta: titlu
   48/55.68/400 centrat la 35 px de carduri, apoi trei teasere de 390 px fara
   suprafata proprie — foto 390x469 cover si o cutie #374148 cu pad 32x30 si
   colturile de jos rotunjite, titlu 32/33.6/400 #F9F9F9 centrat si text 16/24
   #F9F9F9 aliniat la stanga, cu inaltimile egalizate.
   Geometria este clonata din `compliance-cards` (panoul inchis, L9701-9776) si
   din `sustainability-facts` (media cu `aspect-ratio`, L10932-10960).
   Reguli generice batute:
   · `.wb-services` (0,2,1) — `padding: 40px 0 56px` (L608-610);
   · `.wb-services-title` (0,2,1) — mb 16, fara aliniere (L612-618), plus
     perechea de mobil `font-size: 32px` (L1631-1636);
   · `.wb-services > div` (0,2,2) — gutterul fluid de 16-40 px (L99-108);
     punctul 2 din „Container 1504" nu se aplica (`data-wb-bleed='true'`);
   · `.wb-services-card` (0,2,1) — radius 8, `overflow: hidden`, umbra
     `0 0 16px rgba(14,31,53,.16)`, fundal alb (L627-633) si perechea `:hover`
     (0,3,1) (L635-638);
   · `.wb-services[data-wb-cols='3']:not([data-wb-card='flat'])
     .wb-services-card` / `… -card-title` / `… -card-title::after` (0,5,1)
     (L815-843) — fundal alb, titlu 20/400, linia aurie;
   · CSS-ul modulului Next (media 4:3, card `min-height: 520px`, `.cardTitle`
     uppercase cu `padding-bottom`), aflat sub specificitatea temei.
   Ancorarea `section[data-anchor-id='climate-results'] section.wb-services
   [data-wb-cols='3']` da (0,4,3) pe sectiune, (0,4,4) pe container, (0,4,5) pe
   grila si (0,5,3) pe descendenti — peste toate cele de mai sus. --- */
body.theme-tchibo-business section[data-anchor-id='climate-results'] section.wb-services[data-wb-cols='3'] {
  padding: 32px 0 128px;
  background: #F5EDE5;
}

body.theme-tchibo-business section[data-anchor-id='climate-results'] section.wb-services[data-wb-cols='3'] > div {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 16px;
}

body.theme-tchibo-business section[data-anchor-id='climate-results'] section.wb-services[data-wb-cols='3'] .wb-services-title {
  margin: 0 0 35px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='climate-results'] section.wb-services[data-wb-cols='3'] > div > div {
  gap: 32px;
  align-items: stretch;
}

body.theme-tchibo-business section[data-anchor-id='climate-results'] section.wb-services[data-wb-cols='3'] .wb-services-card,
body.theme-tchibo-business section[data-anchor-id='climate-results'] section.wb-services[data-wb-cols='3'] .wb-services-card:hover {
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
  transform: none;
}

body.theme-tchibo-business section[data-anchor-id='climate-results'] section.wb-services[data-wb-cols='3'] .wb-services-card-media {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  aspect-ratio: 390 / 469;
  border-radius: 0;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='climate-results'] section.wb-services[data-wb-cols='3'] .wb-services-card-media > img {
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: cover;
}

body.theme-tchibo-business section[data-anchor-id='climate-results'] section.wb-services[data-wb-cols='3'] .wb-services-card-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 0;
  gap: 0;
  padding: 32px 30px;
  border-radius: 0 0 8px 8px;
  background: #374148;
  color: #F9F9F9;
}

body.theme-tchibo-business section[data-anchor-id='climate-results'] section.wb-services[data-wb-cols='3'] .wb-services-card-title {
  margin: 0 0 16px;
  padding: 0;
  color: #F9F9F9;
  font-size: 32px;
  font-weight: 400;
  line-height: 33.6px;
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='climate-results'] section.wb-services[data-wb-cols='3'] .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business section[data-anchor-id='climate-results'] section.wb-services[data-wb-cols='3'] .wb-services-card-desc {
  max-width: none;
  margin: 0 0 32px;
  color: #F9F9F9;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

/* --- F. Bannerul de economie circulara (climate-circular, feature-block
   `coffee-banner` cu `bleed: true`). Referinta: banda alba de 1265x810 pe toata
   latimea ferestrei, fotografia acopera intreaga banda, iar caseta #F9F9F9
   (col-lg-6 = 617 px din 1233, radius 12, pad 116/40/128) sta in stanga,
   centrata vertical; caseta masoara 451 px = 116 + 3 x 55,68 (titlul) + 16 +
   24 (paragraful) + 128.
   Clonat dupa `coffee-programme-banner` (L11229-11330), cu doua diferente:
   inaltimea vine din `aspect-ratio: 1265 / 810` (nu din `height: 810px`), iar
   titlul este Light 300, nu Regular 400.
   Regulile de baza descriu compozitia stivuita (fotografia de 530 px sus,
   caseta sub ea pe toata latimea) — asa arata pagina sub 900 px; grupul din
   `@media (min-width: 900px)` o transforma in banda suprapusa.
   Reguli generice batute (varianta NU are `data-wb-title='light'`, deci intra
   pe „cardul alb" generic):
   · `.wb-feature--light:not([data-wb-title='light']):not([data-wb-media='flush'])`
     (0,4,1) — `padding: 40px 0 56px; background: #F9F9F9` (L1333-1336);
   · `… .wb-feature-container` (0,5,1) — `padding: 48px 40px; border-radius: 8px;
     background: #FFFFFF; box-shadow: …` (L1338-1343);
   · `… .wb-feature-media` (0,5,1) — `border-radius: 8px` (L1345-1348);
   · `.wb-feature--light .wb-feature-title` (0,3,1) si `.wb-feature-title`
     (0,2,1) — culoarea si titlul fluid de 28-32 px, Bold 700 (L1349-1353,
     L1394-1397);
   · `.wb-feature-container` (0,2,1) — gutterul fluid de 16-40 px
     (L96-108);
   · FeatureBlock.module.css: `.description { font-size: 15px; line-height: 1.65;
     opacity: 0.9 }` si `.description p { margin: 0 0 10px }`.
   Ancorarea da (0,4,2) pe sectiune si (0,5,2) / (0,5,3) pe copii — cate un pas
   peste fiecare.
   Ca si la `coffee-programme-banner`, containerul ramane `position: static`
   (primeste doar `isolation: isolate`, care creeaza context de stivuire fara sa
   devina bloc continator), asa incat `.wb-feature-media { position: absolute;
   inset: 0 }` se raporteaza la SECTIUNE si fotografia acopera banda full-bleed
   la orice latime, in timp ce caseta ramane in containerul de 1504 +
   gutter 16. --- */
body.theme-tchibo-business section[data-anchor-id='climate-circular'] .wb-feature[data-wb-variant='coffee-banner'] {
  padding: 0;
  overflow: hidden;
  background: #FFFFFF;
}

body.theme-tchibo-business section[data-anchor-id='climate-circular'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-container {
  display: block;
  max-width: none;
  padding: 0;
  gap: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

body.theme-tchibo-business section[data-anchor-id='climate-circular'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-media {
  position: static;
  width: 100%;
  height: 530px;
  min-height: 0;
  border-radius: 0;
  overflow: hidden;
}

body.theme-tchibo-business section[data-anchor-id='climate-circular'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-media > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.theme-tchibo-business section[data-anchor-id='climate-circular'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-body {
  width: 100%;
  max-width: none;
  min-height: 0;
  margin: 0;
  padding: 96px 40px 96px;
  gap: 0;
  border-radius: 0;
  background: #F9F9F9;
  box-shadow: none;
  color: #374148;
  text-align: left;
}

body.theme-tchibo-business section[data-anchor-id='climate-circular'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-title {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 300;
  line-height: 1.16;
  text-align: left;
}

body.theme-tchibo-business section[data-anchor-id='climate-circular'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-desc {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  opacity: 1;
}

/* Marginea de 32 px de sub paragraf este inclusa in padding-ul casetei. */
body.theme-tchibo-business section[data-anchor-id='climate-circular'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-desc p {
  margin: 0;
}

/* Referinta nu are subtitlu si nici buton pe banner (defensiv). */
body.theme-tchibo-business section[data-anchor-id='climate-circular'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-subtitle,
body.theme-tchibo-business section[data-anchor-id='climate-circular'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-cta {
  display: none;
}

/* --- G. Paragraful de sistem (climate-system, text-block `intro` fara h2):
   sectiune transparenta pe fundalul de pagina, container cu gutter 36 (1193 px
   la 1280, 303 px la 375) si p 16/24 aliniat la stanga cu mb 32; ritmul
   vertical al referintei: 68 + 3 x 24 + 32 + 52 = 224 px.
   Reguli generice batute: aceleasi ca la grupul B —
   `section.wb-text-block[data-wb-size='intro']` (0,3,2), `.wb-text-block
   .wb-text-container` (0,3,1) din „Container 1504" si
   `section.wb-text-block[data-wb-size='intro'] .wb-text-container p` (0,4,3),
   care da `margin: 0`. Ancorarea da (0,4,2) / (0,5,2) / (0,5,3). --- */
body.theme-tchibo-business section[data-anchor-id='climate-system'] .wb-text-block[data-wb-size='intro'] {
  max-width: none;
  padding: 68px 0 52px;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='climate-system'] .wb-text-block[data-wb-size='intro'] .wb-text-container {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 36px;
  text-align: left;
}

body.theme-tchibo-business section[data-anchor-id='climate-system'] .wb-text-block[data-wb-size='intro'] .wb-text-container p {
  margin: 0 0 32px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

/* --- H. Randurile imagine + text (climate-service, climate-refurbish;
   feature-block `theme: light` + `titleStyle: light`). Referinta: doua coloane
   egale de 601 px fara card, imagine radius 20 pe inaltimea randului, titlu
   40/44.8/400 aliniat la stanga si doua paragrafe 16/24 cu mb 32.
   Clonat dupa `coffee-programme-local` / `coffee-programme-enveritas`
   (L11525-11585).
   Reguli generice batute:
   · `.wb-feature--light[data-wb-title='light']:not([data-wb-media='flush'])
     :not([data-wb-variant='cta-banner'])` (0,5,1) — `padding: 64px 0`
     (L1356-1359) si, in mobil, `padding: 16px 0` (L1653-1655);
   · `… .wb-feature-media` (0,6,1) — `min-height: 270px` (L1372-1378);
   · `… .wb-feature-desc` (0,6,1) — `margin: 0 0 32px` (L1408-1414);
   · `.wb-feature[data-wb-title='light'] .wb-feature-title` (0,4,1) —
     48/400/1.16 (L1450-1457) si, in mobil, 32/1.16 (L1688-1691);
   · `.wb-feature-subtitle` (0,2,1) plus `.subtitle` din modul (italic,
     `opacity: 0.85`) si `.description { opacity: 0.9 }`.
   Ancorarea da (0,5,2) pe sectiune si (0,6,2) / (0,6,3) pe copii — cate un pas
   peste fiecare.
   Ce NU redeclaram, fiindca genericul da deja valoarea referintei: containerul
   de desktop (1504 + gutter 16 = 1233 de continut, din punctul 3a al blocului
   „Container 1504", (0,7,1)), grila de doua coloane egale cu `gap: 32px` si
   `align-items: stretch` (deci coloane de 600,5 px), pozitionarea imaginii
   (`position: relative` + `img` absolut `object-fit: cover`), corpul de text
   (`padding: 30px 0 0; gap: 0` — inaltimea randului iese exact ca in referinta:
   30 + 2 x 44,8 + 16 + 9 x 24 + 2 x 32 = 415,6 ≈ 416) si ordinea de mobil
   pentru `data-image-position='right'` (L1678-1685: textul primul, imaginea
   dupa — exact ce cere referinta la `climate-refurbish`). --- */
body.theme-tchibo-business section[data-anchor-id='climate-service'] .wb-feature.wb-feature--light[data-wb-title='light'] {
  padding: 0 0 32px;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='climate-refurbish'] .wb-feature.wb-feature--light[data-wb-title='light'] {
  padding: 0 0 64px;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='climate-service'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-title,
body.theme-tchibo-business section[data-anchor-id='climate-refurbish'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-title {
  margin: 0 0 16px;
  color: #374148;
  font-size: 40px;
  font-weight: 400;
  line-height: 44.8px;
  text-align: left;
}

body.theme-tchibo-business section[data-anchor-id='climate-service'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-desc,
body.theme-tchibo-business section[data-anchor-id='climate-refurbish'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-desc {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  opacity: 1;
}

body.theme-tchibo-business section[data-anchor-id='climate-service'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-desc p,
body.theme-tchibo-business section[data-anchor-id='climate-refurbish'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-desc p {
  margin: 0 0 32px;
}

/* Referinta nu are subtitlu pe niciunul dintre cele doua randuri (defensiv). */
body.theme-tchibo-business section[data-anchor-id='climate-service'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-subtitle,
body.theme-tchibo-business section[data-anchor-id='climate-refurbish'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-subtitle {
  display: none;
}

/* --- Desktop (min-width: 900px) -------------------------------------------
   C. Grila de patru coloane: (1233 - 3 x 32) / 4 = 284,25 px pe card, exact ca
      in referinta. Sub 900 px regula generica `section.wb-services
      [data-wb-variant='office-elements'] > div > div` (0,3,4) pune deja o
      singura coloana, deci nu are rost sa o batem decat aici.
   F. Banda suprapusa: `aspect-ratio: 1265 / 810` pe sectiune (referinta masoara
      810 px la 1280), fotografia absoluta peste toata sectiunea si caseta in
      coloana 1 a grilei de doua coloane din containerul de 1504 (617 px).
      `z-index: 0` (media) si `z-index: 1` (caseta, element de grid, deci
      primeste z-index fara `position`) sunt ordonate in contextul de stivuire
      creat de `isolation: isolate` de pe container.
   H. Media randurilor: `min-height` de 380 px (ca la `coffee-programme-local`)
      in loc de 270 din regula generica; pe mobil ramane comportamentul generic
      (`height: auto`), ca imaginea de 343 px sa nu primeasca o cutie mai inalta
      decat ea. --- */
@media (min-width: 900px) {
  body.theme-tchibo-business section[data-anchor-id='climate-targets'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] > div > div {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body.theme-tchibo-business section[data-anchor-id='climate-circular'] .wb-feature[data-wb-variant='coffee-banner'] {
    position: relative;
    min-height: 0;
    aspect-ratio: 1265 / 810;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-circular'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-container {
    isolation: isolate;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    max-width: 1504px;
    height: 100%;
    margin: 0 auto;
    padding: 0 16px;
    align-items: center;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-circular'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-media {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-circular'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-body {
    z-index: 1;
    grid-column: 1;
    align-self: center;
    padding: 116px 40px 128px;
    border-radius: 12px;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-service'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media,
  body.theme-tchibo-business section[data-anchor-id='climate-refurbish'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-media {
    min-height: 380px;
    border-radius: 20px;
    overflow: hidden;
  }
}

/* --- Mobil (max-width: 767px) ---------------------------------------------
   B. Intro: pad 16/8 si h2 32/37,12; paragraful ramane centrat, 16/24.
   C. Tinte: sectiune pad 0/16, o coloana de 343 px (coloana unica vine din
      regula generica; aici raman doar cei ~11 px dintre carduri si
      `min-height: 0`, ca inaltimile de 335/313 din referinta sa nu fie fortate
      la 333) si headline 32/33,6/700 cu mb 32 — mai mare decat pe desktop,
      exact ca in referinta.
   D. Masuri: sectiune pad 8/16, h2 32/37,12, cardul de 343 px cu pad 32 si
      coloanele stivuite la 144 px una de alta (referinta: 144 px intre finalul
      primei liste si „Scope 3"), h6 18/20,16 si h4 28/29,4 (marginea de 72 px
      ramane cea de desktop).
   E. Rezultate: sectiune pad 0/32, titlu 32/37,12 (regula generica de mobil
      `.wb-services-title` (0,2,1) este mai slaba decat regula noastra de
      desktop, deci trebuie repetata ancorat), carduri stivuite fara spatiu
      intre ele, media 343x457, cutia inchisa cu pad 16x32 si titlu 28/29,4;
      inaltimile nu se mai egalizeaza, fiindca ramane o singura coloana.
   F. Banner: compozitia stivuita vine din regulile de baza; aici coboara doar
      titlul la 32/37,12.
   G. Paragraf de sistem: pad 44/8 (latimea de 303 px vine din gutterul de 36 px
      declarat mai sus, valabil la orice latime).
   H. Randuri: pad 0/8 la `climate-service` si 0/16 la `climate-refurbish`,
      titlu 32/35,84; ordinea imaginii o rezolva regula generica de mobil. --- */
@media (max-width: 767px) {
  body.theme-tchibo-business section[data-anchor-id='climate-intro'] .wb-text-block[data-wb-size='intro'] {
    padding: 16px 0 8px;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-intro'] .wb-text-block[data-wb-size='intro'] .wb-text-container h2 {
    font-size: 32px;
    line-height: 37.12px;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-targets'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] {
    padding: 0 0 16px;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-targets'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] > div > div {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 11px;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-targets'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card,
  body.theme-tchibo-business section[data-anchor-id='climate-targets'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card:hover {
    min-height: 0;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-targets'] section.wb-services[data-wb-variant='office-elements'][data-wb-card='shadow'] .wb-services-card-title {
    margin: 0 0 32px;
    font-size: 32px;
    line-height: 33.6px;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-measures'] .wb-text-block[data-wb-size='intro'] {
    padding: 8px 0 16px;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-measures'] .wb-text-block[data-wb-size='intro'] .wb-text-container h2 {
    font-size: 32px;
    line-height: 37.12px;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-measures'] .wb-text-block .climate-measures-card {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 144px;
    padding: 32px;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-measures'] .wb-text-block .climate-measures-col h6 {
    font-size: 18px;
    line-height: 20.16px;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-measures'] .wb-text-block .climate-measures-col h4 {
    font-size: 28px;
    line-height: 29.4px;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-results'] section.wb-services[data-wb-cols='3'] {
    padding: 0 0 32px;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-results'] section.wb-services[data-wb-cols='3'] .wb-services-title {
    font-size: 32px;
    line-height: 37.12px;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-results'] section.wb-services[data-wb-cols='3'] > div > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-results'] section.wb-services[data-wb-cols='3'] .wb-services-card-media {
    aspect-ratio: 343 / 457;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-results'] section.wb-services[data-wb-cols='3'] .wb-services-card-body {
    padding: 16px 32px;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-results'] section.wb-services[data-wb-cols='3'] .wb-services-card-title {
    font-size: 28px;
    line-height: 29.4px;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-circular'] .wb-feature[data-wb-variant='coffee-banner'] .wb-feature-title {
    font-size: 32px;
    line-height: 37.12px;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-system'] .wb-text-block[data-wb-size='intro'] {
    padding: 44px 0 8px;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-service'] .wb-feature.wb-feature--light[data-wb-title='light'] {
    padding: 0 0 8px;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-refurbish'] .wb-feature.wb-feature--light[data-wb-title='light'] {
    padding: 0 0 16px;
  }

  body.theme-tchibo-business section[data-anchor-id='climate-service'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-title,
  body.theme-tchibo-business section[data-anchor-id='climate-refurbish'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-title {
    font-size: 32px;
    line-height: 35.84px;
  }
}

/* === Servicii/Contact (/servicii/contact, /servicii/contact-tchibo2go) — parity with the reference /services/kontakt/ and /services/kontakt-tchibo2go/ (7 septembrie 2026) === */

/* A. Blocul de text (`contact-intro`, `contact-tchibo2go-intro`). Referinta la 1440x900:
   sectiunea are pad 64/0/0 pe fundalul paginii #F9F9F9, blocul interior 20 px sus/jos, iar
   textul porneste la x 36 (container 1504 max + pad 36). h1 60/400/55,8 mb 16; h2 (Tchibo2Go)
   48/400/55,68 mb 16; p 16/24 mb 32; bold 700; linkul e #374148 fara subliniere.
   Clasa de tema e dublata ca sa batem regula generica
   `section.wb-text-block[data-wb-size='intro'] .wb-text-container h2` (0,4,3) → a noastra (0,5,3). */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-intro'] .wb-text-block,
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-intro'] .wb-text-block {
  padding: 64px 0 0;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-intro'] .wb-text-block .wb-text-container,
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-intro'] .wb-text-block .wb-text-container {
  max-width: 1504px;
  width: auto;
  margin: 0 auto;
  padding: 20px 36px;
  text-align: left;
}

/* h1 „Contact: Va stam cu placere la dispozitie!” — 60/400/55,8 #374148, mb 16. */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-intro'] .wb-text-block .wb-text-container h1,
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-intro'] .wb-text-block .wb-text-container h1 {
  margin: 0 0 16px;
  color: #374148;
  font-size: 60px;
  font-weight: 400;
  line-height: 55.8px;
}

/* h2 „Contact” (Tchibo2Go) — 48/400/55,68 #374148, mb 16. */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-intro'] .wb-text-block .wb-text-container h2,
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-intro'] .wb-text-block .wb-text-container h2 {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 55.68px;
}

/* Paragrafele: 16/24 #374148, mb 32 (ritmul referintei intre p1 si p2). */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-intro'] .wb-text-block .wb-text-container p,
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-intro'] .wb-text-block .wb-text-container p {
  margin: 0 0 32px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-intro'] .wb-text-block .wb-text-container b,
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-intro'] .wb-text-block .wb-text-container strong,
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-intro'] .wb-text-block .wb-text-container b,
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-intro'] .wb-text-block .wb-text-container strong {
  font-weight: 700;
}

/* Linkul din p2 (`service@tchibo.de` pe referinta) e in culoarea textului, fara subliniere. */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-intro'] .wb-text-block .wb-text-container a,
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-intro'] .wb-text-block .wb-text-container a {
  color: #374148;
  text-decoration: none;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-intro'] .wb-text-block .wb-text-container a:hover,
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-intro'] .wb-text-block .wb-text-container a:hover {
  color: #374148;
  text-decoration: underline;
}

/* B. Sectiunea formularului (`contact-form`, `contact-tchibo2go-form`). Ancora e wrapper-ul,
   radacina modulului e `> section` (ZoneRenderer). Referinta: formularul incepe la 60 px sub
   sectiunea de text (40 „holder” + 20 pad bloc); sub buton urmeaza 20 px + paragraful de
   confidentialitate 24 px + 32 px + 20 px — la noi randul de consimtamant sta DEASUPRA butonului,
   deci pastram 52 px jos (20 + 32). Container 1504 max cu pad 0/36 (formularul la x 36). */
body.theme-tchibo-business section[data-anchor-id='contact-form'] > section,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] > section {
  padding: 60px 0 52px;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='contact-form'] > section > div,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] > section > div {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 36px;
}

/* Pe referinta nu exista titlu/descriere deasupra formularului; modulul nu le randeaza cand
   `headingTitle`/`description` sunt goale, dar ascundem si cazul unui nod gol. */
body.theme-tchibo-business section[data-anchor-id='contact-form'] > section > div > h2:empty,
body.theme-tchibo-business section[data-anchor-id='contact-form'] > section > div > p:empty,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] > section > div > h2:empty,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] > section > div > p:empty {
  display: none;
}

/* C. Grila: doua coloane 669 + 16 + 669 la 1440 si 151 + 16 + 151 la 390 (referinta pastreaza
   doua coloane si pe mobil), grup de camp mb 20 → row-gap 20, column-gap 16. */
body.theme-tchibo-business section[data-anchor-id='contact-form'] form,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 20px;
}

/* Implicit fiecare `div.field` ocupa randul intreg; honeypot-ul ramane `position: absolute`
   (regula modulului) si nu consuma o celula de grila. */
body.theme-tchibo-business section[data-anchor-id='contact-form'] form > div,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form > div {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Campurile pe jumatate de rand, comune ambelor formulare: Firma | Cod postal, E-mail | Telefon. */
body.theme-tchibo-business section[data-anchor-id='contact-form'] form > div:has(> input[name='firma']),
body.theme-tchibo-business section[data-anchor-id='contact-form'] form > div:has(> input[name='codPostal']),
body.theme-tchibo-business section[data-anchor-id='contact-form'] form > div:has(> input[name='email']),
body.theme-tchibo-business section[data-anchor-id='contact-form'] form > div:has(> input[name='phone']),
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form > div:has(> input[name='firma']),
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form > div:has(> input[name='codPostal']),
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form > div:has(> input[name='email']),
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form > div:has(> input[name='phone']) {
  grid-column: auto / span 1;
}

/* Doar pe Contact `fullName` sta pe jumatate (langa Firma); pe Tchibo2Go ramane rand intreg
   (referinta: Firma | PLZ, apoi Vorname | Nachname → la noi un singur camp de nume). */
body.theme-tchibo-business section[data-anchor-id='contact-form'] form > div:has(> input[name='fullName']) {
  grid-column: auto / span 1;
}

/* Randul de consimtamant si mesajul de eroare al formularului ocupa toata latimea. */
body.theme-tchibo-business section[data-anchor-id='contact-form'] form > label,
body.theme-tchibo-business section[data-anchor-id='contact-form'] form > p,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form > label,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form > p {
  grid-column: 1 / -1;
}

/* D. Etichete: 16/24 #374148, fara margine proprie (distanta de 6 px vine din `gap`). */
body.theme-tchibo-business section[data-anchor-id='contact-form'] form > div > label,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form > div > label {
  display: block;
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: normal;
}

/* Asteriscul de obligatoriu: #F3CCD3, 400, la 5 px de text („Numar de client *”). `:not([data-wb-field])`
   exclude span-ul editabil injectat doar in preview de `wbEditableAttrs`. */
body.theme-tchibo-business section[data-anchor-id='contact-form'] form > div > label > span:last-child:not([data-wb-field]),
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form > div > label > span:last-child:not([data-wb-field]) {
  color: #F3CCD3;
  font-weight: 400;
  margin-left: 5px;
}

/* E. Input si textarea: fundal #E9EAEA, doar chenar jos 2 px #A6A9AC, radius 3, 16/20 #64696D,
   pad 9/15, `box-sizing: border-box` (9 + 20 + 9 + 2 = 40 px inaltime). */
body.theme-tchibo-business section[data-anchor-id='contact-form'] form input:not([type='checkbox']),
body.theme-tchibo-business section[data-anchor-id='contact-form'] form textarea,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form input:not([type='checkbox']),
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 9px 15px;
  border: 0;
  border-bottom: 2px solid #A6A9AC;
  border-radius: 3px;
  background-color: #E9EAEA;
  color: #64696D;
  font-family: inherit;
  font-size: 16px;
  line-height: 20px;
  box-shadow: none;
}

body.theme-tchibo-business section[data-anchor-id='contact-form'] form input:not([type='checkbox']),
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form input:not([type='checkbox']) {
  height: 40px;
}

/* Textarea 60 px (rows 2 pe referinta), redimensionabila doar pe verticala. */
body.theme-tchibo-business section[data-anchor-id='contact-form'] form textarea,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form textarea {
  height: 60px;
  min-height: 40px;
  resize: vertical;
}

body.theme-tchibo-business section[data-anchor-id='contact-form'] form input::placeholder,
body.theme-tchibo-business section[data-anchor-id='contact-form'] form textarea::placeholder,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form input::placeholder,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form textarea::placeholder {
  color: #64696D;
  opacity: 1;
}

/* Select 42 px cu chenar 2 px pe toate laturile, pad 9/45/9/15 si chevron propriu 16x12
   la `calc(100% - 15px) 50%` (sageata stroke #374148, `appearance: none`). */
body.theme-tchibo-business section[data-anchor-id='contact-form'] form select,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form select {
  box-sizing: border-box;
  width: 100%;
  height: 42px;
  padding: 9px 45px 9px 15px;
  border: 2px solid #A6A9AC;
  border-radius: 3px;
  background-color: #E9EAEA;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M1.5 3.25L8 9.25L14.5 3.25' stroke='%23374148' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) 50%;
  background-size: 16px 12px;
  color: #64696D;
  font-family: inherit;
  font-size: 16px;
  line-height: 20px;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

/* Focus fara outline albastru (modul) si fara inelul auriu din regula generica de formulare. */
body.theme-tchibo-business section[data-anchor-id='contact-form'] form input:not([type='checkbox']):focus,
body.theme-tchibo-business section[data-anchor-id='contact-form'] form input:not([type='checkbox']):focus-visible,
body.theme-tchibo-business section[data-anchor-id='contact-form'] form select:focus,
body.theme-tchibo-business section[data-anchor-id='contact-form'] form select:focus-visible,
body.theme-tchibo-business section[data-anchor-id='contact-form'] form textarea:focus,
body.theme-tchibo-business section[data-anchor-id='contact-form'] form textarea:focus-visible,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form input:not([type='checkbox']):focus,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form input:not([type='checkbox']):focus-visible,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form select:focus,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form select:focus-visible,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form textarea:focus,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form textarea:focus-visible {
  outline: 0;
  border-color: #374148;
  box-shadow: none;
}

/* F. Randul de consimtamant (cerinta legala RO; pe referinta e doar fraza de confidentialitate
   16/24 cu link #856D38 subliniat). */
body.theme-tchibo-business section[data-anchor-id='contact-form'] form > label,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form > label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

body.theme-tchibo-business section[data-anchor-id='contact-form'] form > label input[type='checkbox'],
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form > label input[type='checkbox'] {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 3px 0 0;
  accent-color: #374148;
}

body.theme-tchibo-business section[data-anchor-id='contact-form'] form > label a,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form > label a {
  color: #856D38;
  text-decoration: underline;
}

/* G. Butonul auriu: referinta 127x46, „Absenden” 16/700/16, ls 0,8, pad 14/22, radius 32,
   #EDD38E pe text #21292F; niciodata pe toata latimea, nici pe mobil (`min-width: 0`
   anuleaza cei 140 px ai modulului). */
body.theme-tchibo-business section[data-anchor-id='contact-form'] form button[type='submit'],
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form button[type='submit'] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  min-height: 46px;
  padding: 14px 22px;
  border: 1px solid transparent;
  border-radius: 32px;
  background: #EDD38E;
  color: #21292F;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.8px;
  cursor: pointer;
}

body.theme-tchibo-business section[data-anchor-id='contact-form'] form button[type='submit']:hover,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form button[type='submit']:hover {
  background: #C0A468;
  color: #21292F;
}

body.theme-tchibo-business section[data-anchor-id='contact-form'] form button[type='submit']:disabled,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form button[type='submit']:disabled {
  opacity: 0.7;
}

/* Invelisul butonului: rand intreg, pe orizontala, fara margine proprie (ritmul vine din row-gap 20). */
body.theme-tchibo-business section[data-anchor-id='contact-form'] form > div:has(> button[type='submit']),
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form > div:has(> button[type='submit']) {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin: 0;
}

/* H. Casetele de succes/eroare pastreaza paleta modulului, doar tipografia se aliniaza la 16 px Interstate. */
body.theme-tchibo-business section[data-anchor-id='contact-form'] > section > div > div[role='status'],
body.theme-tchibo-business section[data-anchor-id='contact-form'] form > p,
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] > section > div > div[role='status'],
body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form > p {
  font-family: inherit;
  font-size: 16px;
}

@media (max-width: 899px) {
  /* A mobil (390): sectiunea de text pad 16/0/0, textul tot la x 36, h1 44/400/40,92, h2 32/400/37,12. */
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-intro'] .wb-text-block,
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-intro'] .wb-text-block {
    padding: 16px 0 0;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-intro'] .wb-text-block .wb-text-container,
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-intro'] .wb-text-block .wb-text-container {
    padding: 20px 36px;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-intro'] .wb-text-block .wb-text-container h1,
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-intro'] .wb-text-block .wb-text-container h1 {
    font-size: 44px;
    line-height: 40.92px;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-intro'] .wb-text-block .wb-text-container h2,
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-intro'] .wb-text-block .wb-text-container h2 {
    font-size: 32px;
    line-height: 37.12px;
  }

  /* B-G mobil: acelasi ritm (60/0/52), acelasi container la x 36 si aceleasi doua coloane
     (referinta 151 + 16 + 151 la 390); butonul ramane 127x46, nu full width. */
  body.theme-tchibo-business section[data-anchor-id='contact-form'] > section > div,
  body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] > section > div {
    padding: 0 36px;
  }

  body.theme-tchibo-business section[data-anchor-id='contact-form'] form,
  body.theme-tchibo-business section[data-anchor-id='contact-tchibo2go-form'] form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 16px;
    row-gap: 20px;
  }
}

/* === Echipamente/marci (/echipamente/wmf, /coffea, /aquahub) — parity with tchibo-coffeeservice.de/maschinen/{wmf,coffea,aquahub}/, 2026-09-07 === */

/* Cele trei pagini folosesc exact acelasi sablon german (WMF 6 modele, Coffea 4,
   Aquahub 1): hero image-only de 700px -> intro `machine-intro` (text stanga,
   fotografie 4:3 radius 20 in dreapta) -> pentru fiecare model titlu centrat
   `machine-model-title-N` + bloc alb `machine-model-N` (fotografia pe o
   jumatate, h2 48/400 si lista cu bife aurii pe cealalta) + trei carduri cu
   iconite `machine-features-N` (ultimul `machine-features-last`) -> banda
   inchisa `solution-finder` (numai WMF si Coffea; Aquahub e exclus intentionat).

   DOM (ZoneRenderer.tsx): ancora `data-anchor-id` sta pe un <section> WRAPPER,
   iar radacina de modul este copilul lui; de aceea toti selectorii de mai jos
   folosesc combinatorul de descendent, nu `>`.

   Ancorele numerotate se prind cu selectoare de prefix. Atentie: `machine-model-`
   este prefix si pentru `machine-model-title-`, deci grupul D exclude explicit
   titlurile cu `:not([data-anchor-id^='machine-model-title-'])`; exclusia adauga
   un pas de specificitate, numarat mai jos.

   Idiomul de specificitate (ca in blocurile „Container 1504", „Cafea & alimente"
   si „DaVinci Gourmet"): ancorarea pe `section[data-anchor-id…]` adauga o
   clasa-echivalent si un element, iar clasa temei se repeta de 2-3 ori acolo unde
   regula generica de batut o are deja dublata/triplata. Specificitatile sunt
   notate (a,b,c) la fiecare grup, cu `body` numarat ca element.

   Culorile raman #374148 pe fundalul de pagina #F9F9F9 (mostenit), Interstate.
   Nicio declaratie de mai jos nu este marcata important si nicio latime nu este
   raportata la viewport; `calc()` cu procente si px NU este unitate de viewport.
   Desktop = fara media query; mobil = `@media (max-width: 899px)`. Grupul A
   (hero) are efect doar pe mobil, deci apare la media queries, la finalul
   blocului. */

/* --- B. Intro (`machine-intro`; feature-block `theme: light` +
   `titleStyle: light` + `imagePosition: right`): doua coloane egale fara card,
   textul la stanga cu gutter total 36 (16 din container + 20 din corpul de text)
   si fotografia 4:3 radius 20 aliniata sus — 601x450 la 1280 si 673x504 la 1424.
   Reguli generice batute:
   · `.wb-feature--light[data-wb-title='light']:not([data-wb-media='flush'])
     :not([data-wb-variant='cta-banner'])` (0,5,1) — `padding: 64px 0` (L1356) si,
     in mobil, `padding: 16px 0` (L1653);
   · `… .wb-feature-container` (0,6,1) — `max-width: 1441px` + `align-items:
     stretch` (L1361) si, in mobil, `gap: 24px` (L1657);
   · `… .wb-feature-media` (0,6,1) — `min-height: 270px; height: 100%` (L1372) si,
     in mobil, `position: static; height: auto` (L1663);
   · `… .wb-feature-media > img` (0,6,2) — in mobil `position: static;
     height: auto` (L1670);
   · `… .wb-feature-body` (0,6,1) — `padding: 30px 0 0` (L1389) si, in mobil,
     `padding: 0` (L1676);
   · `… .wb-feature-desc` (0,6,1) — 16/24 cu `margin: 0 0 32px` (L1408);
   · `.wb-feature[data-wb-title='light'] .wb-feature-title` (0,4,1) — 48/400/1.16
     (L1450) si, in mobil, 32/1.16 (L1688); `.wb-feature-title` (0,2,1) — clamp
     28-32px la greutatea 700 (L1395);
   · blocul „Container 1504" 3a (0,7,1) — `max-width: 1504px` si
     `padding-left/right: 16px`; redeclaram aceleasi valori aici ca sa fixam si
     `padding-top/bottom: 0` din aceeasi scurtatura;
   · ordinea de mobil `… .wb-feature-container[data-image-position='right']
     .wb-feature-body / … .wb-feature-media` (0,8,1) (L1680, L1684) — pune deja
     textul primul, exact ca in referinta; o redeclaram explicit ca sa nu depinda
     de o regula generica ce poate fi schimbata din alt motiv;
   · modulul FeatureBlock.module.css: `.container` (0,1,0), `.mediaWrap` (0,1,0),
     `.body { gap: 16px }` (0,1,0), `.description { opacity: .9; font-size: 15px }`.
   Clasa temei dublata + ancora dau (0,6,2) pe sectiune, (0,7,2) pe container si
   (0,8,2)/(0,8,3) pe copiii containerului — cu un pas peste fiecare regula de mai
   sus, inclusiv peste (0,8,1) al ordinii de mobil (b egal, c mai mare). --- */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machine-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] {
  padding: 64px 0;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machine-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  align-items: start;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machine-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-media {
  position: relative;
  align-self: start;
  aspect-ratio: 4 / 3;
  height: auto;
  min-height: 0;
  border-radius: 20px;
  overflow: hidden;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machine-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-media > img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machine-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-body {
  padding: 36px 20px 20px;
  gap: 0;
  align-items: flex-start;
  text-align: left;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machine-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-title {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 55.68px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machine-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-desc {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  opacity: 1;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machine-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-desc p {
  margin: 0 0 32px;
}

/* --- C. Titlul de model (`machine-model-title-N`; text-block `size: intro` +
   `align: center`, html = h2 + un paragraf). Referinta: 64px de sectiune plus
   cei 20px de container de bloc sus (84) si 32 (marginea paragrafului) + 20 + 64
   jos (116); textul are gutter total 36 (1193px la 1280).
   Reguli generice batute:
   · `section.wb-text-block[data-wb-size='intro']` (0,3,2) — `padding: 64px 0`
     (L487);
   · `.wb-text-block .wb-text-container` (0,3,1) din blocul „Container 1504" —
     1504 + `padding-left/right: 16px`;
   · `.wb-text-block[data-wb-align='center'] .wb-text-container` (0,4,1) —
     `text-align: center` (L523);
   · `section.wb-text-block[data-wb-size='intro'] .wb-text-container h2` (0,4,3)
     (L509) si `… .wb-text-container p` (0,4,3) (L498), plus, in mobil,
     `… h2 { font-size: 32px }` (0,4,3) (L1632).
   Clasa temei triplata + ancora de prefix dau (0,5,2) pe bloc, (0,6,2) pe
   container si (0,6,3) pe h2/p. --- */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-title-'] .wb-text-block {
  padding: 116px 0 116px;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-title-'] .wb-text-block .wb-text-container {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 36px;
  text-align: center;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-title-'] .wb-text-block .wb-text-container h2 {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 55.68px;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-title-'] .wb-text-block .wb-text-container p {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

/* --- D. Blocul de model (`machine-model-N`; feature-block `theme: light` +
   `titleStyle: light`, `imagePosition` alterneaza left/right, `items[]` fara
   descriere si fara CTA). Referinta: sectiune fara padding, card alb radius 20 cu
   umbra `0 4 12 rgba(55,65,72,.15)`, doua jumatati egale, fotografia pe toata
   inaltimea (min 450) si textul cu pad 32, h2 48/400, `li` 16/24 mb 8 cu bifa
   aurie plina de 24px la pad-left 32.

   LATIMEA CARDULUI SI GUTTERELE: modulul nu are un wrapper in plus, deci cardul
   alb ESTE `.wb-feature-container`. Daca am fi lasat `max-width: 1504px` +
   `padding: 0 16px` (valorile generice), fundalul alb ar fi acoperit si cele doua
   guttere de 16px. Solutia, ca la cardurile flush din blocul „Container 1504"
   (3b): plafon `max-width: 1472px` (= 1504 - 2x16), `padding: 0`, `margin: 0 auto`
   si `width: calc(100% - 32px)`, care pastreaza exact 16px lateral sub 1504px
   (1233 la 1280, 1377 la 1424, 343 la 375 — masuratorile referintei) si se
   opreste la 1472 pe ecrane late. `calc()` cu procente si px nu este unitate de
   viewport.

   Reguli generice batute (aceleasi ca la grupul B, plus lista):
   · `.wb-feature--light[data-wb-title='light']:not(…):not(…)` (0,5,1) —
     `padding: 64px 0` (L1356) si, in mobil, `padding: 16px 0` (L1653);
   · `… .wb-feature-container` (0,6,1) (L1361) si blocul „Container 1504" 3a
     (0,7,1) — 1441/1504 + `padding: 0 16px` + `align-items: stretch`; in mobil
     `padding: 0 16px; grid-template-columns: 1fr; gap: 24px` (L1657);
   · `… .wb-feature-media` (0,6,1) — `min-height: 270px; border-radius: 20px`
     (L1372) si, in mobil, `position: static; height: auto; min-height: 0` (L1663);
   · `… .wb-feature-media > img` (0,6,2) — in mobil `position: static;
     height: auto` (L1670);
   · `… .wb-feature-body` (0,6,1) — `padding: 30px 0 0` (L1389), in mobil
     `padding: 0` (L1676);
   · ordinea de mobil `… .wb-feature-container[data-image-position='right']
     .wb-feature-body { order: 1 }` / `… .wb-feature-media { order: 2 }` (0,8,1)
     (L1680, L1684) — AICI trebuie inversata: referinta pune fotografia sus la
     TOATE blocurile de model, indiferent de `imagePosition`;
   · `.wb-feature[data-wb-title='light'] .wb-feature-title` (0,4,1) (L1450) si, in
     mobil, 32/1.16 (L1688);
   · `.wb-feature-item` (0,2,1) — `font-size: 15px` (L1425);
   · `.wb-feature-check` (0,2,1) — 24x24 cu chenar 1.5px #C0A468 si fundal
     transparent (L1416);
   · modulul FeatureBlock.module.css: `.list { display: grid; gap: 10px 24px;
     margin: 8px 0 0 }` (0,1,0) si `.list[data-cols='2'] { grid-template-columns:
     repeat(2, 1fr) }` peste 600px (0,2,0) — modulul pune intotdeauna
     `data-cols="2"` cand `itemsColumns` lipseste, deci lista TREBUIE anulata;
     `display: block` scoate lista din grid si face inerte si `gap`, si
     `grid-template-columns`; `.item { display: flex; gap: 10px; font-size: 14px }`
     (0,1,0); `.check { border-radius: 50%; background: var(--brand-accent) }`
     (0,1,0); `.container { gap: 40px }` (0,1,0).
   Clasa temei dublata + ancora de prefix cu `:not(…)` dau (0,7,2) pe sectiune,
   (0,8,2) pe container si (0,9,2)/(0,9,3) pe copiii containerului — peste toate
   regulile de mai sus, inclusiv peste (0,8,1) al ordinii de mobil.

   BIFA: modulul randeaza `<span class="wb-feature-check">&#10003;</span>` inaintea
   textului, iar `li` primeste `position: relative` ca sa putem scoate span-ul din
   flux (`position: absolute`), lasand indentarea de 32px pe `li`. Referinta
   deseneaza un `li::before` de 24x24 umplut cu #C0A468 in forma de bifa. In tema
   NU exista inca o masca de bifa: mastile prezente (`wb-services-cta-icon`,
   L5285/L8371/L9833) sunt sageti chevron, iar bifele aurii de pe Home
   (`home-service-teaser`, L3026) sunt un cerc plin cu glifa alba, fara masca. Am
   pastrat exact idiomul de masca din tema (`-webkit-mask` + `mask`,
   `data:image/svg+xml` inline, `center / <dimensiune> no-repeat`) si am desenat
   conturul bifei intr-un viewBox 24x24: patratul de 24x24 primeste
   `background: #C0A468` si este decupat de masca, iar glifa `&#10003;` din span
   este ascunsa cu `color: transparent; font-size: 0`, ca sa nu se vada peste
   masca. --- */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] {
  padding: 0;
  background: transparent;
}

/* --- D (corectie directa Claude 3, masurat randat 2026-09-07 la 1440/390 fata de
   /maschinen/coffea/): cardul referintei este un rand Bootstrap cu doua coloane
   egale si un gutter de 32px intre ele (imagine 680.5, alb 32, text cu pad 32 pe
   toate laturile), inaltimea cardului este data doar de text (imaginea acopera),
   intre h2 si lista sunt 32px (un <p> gol cu margin-bottom 32 dupa h2), iar pe
   mobil imaginea are inaltimea fixa 340 si 32px pana la text. Anterior: gap 0 +
   margin 16 pe media (ineficient, media avea width 100%), pad 48, min-height 450,
   h2 mb 16, imagine 4:3 pe mobil. --- */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container {
  width: calc(100% - 32px);
  max-width: 1472px;
  margin: 0 auto;
  padding: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  align-items: stretch;
  background: #FFFFFF;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(55, 65, 72, 0.15);
  overflow: hidden;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-media {
  position: relative;
  min-height: 0;
  height: 100%;
  border-radius: 0;
  overflow: hidden;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-media > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-body {
  padding: 32px;
  gap: 0;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-title {
  margin: 0 0 32px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 55.68px;
}

/* Referinta nu are subtitlu, descriere sau buton in blocul de model (defensiv). */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-subtitle,
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-desc,
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-cta {
  display: none;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-list {
  display: block;
  columns: 1;
  margin: 0 0 32px;
  padding: 0;
  gap: 0;
  list-style: none;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-item {
  position: relative;
  margin: 0 0 8px;
  padding: 0 0 0 32px;
  gap: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  list-style: none;
}

/* Referinta: ul-ul se termina fara marginea ultimului li (6 li = 6x24 + 5x8). */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-item:last-child {
  margin-bottom: 0;
}

/* --- D (corectie directa Claude, 2026-09-07, sesizare Stefan): bifa referintei este
   iconita `tcw-btn_round_checkmark.svg` (inel subtire + bifa, viewBox 28x28), nu o
   bifa plina; masca de mai jos reproduce exact traseul SVG oficial. --- */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-check {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 0;
  background: #C0A468;
  color: transparent;
  font-size: 0;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M14 2.005c-6.614 0-11.995 5.381-11.995 11.995s5.381 11.995 11.995 11.995 11.995-5.381 11.995-11.995-5.381-11.995-11.995-11.995zm0 22.66c-5.881 0-10.665-4.784-10.665-10.665s4.784-10.665 10.665-10.665 10.665 4.784 10.665 10.665-4.784 10.665-10.665 10.665zM18.529 10.202l-6.186 6.186-2.873-2.873c-.26-.26-.681-.26-.94 0-.259.26-.259.681.001.94l3.344 3.343c.129.13.3.195.47.195s.341-.065.471-.195l6.656-6.656c.259-.26.259-.681 0-.94-.261-.26-.683-.26-.943 0z'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M14 2.005c-6.614 0-11.995 5.381-11.995 11.995s5.381 11.995 11.995 11.995 11.995-5.381 11.995-11.995-5.381-11.995-11.995-11.995zm0 22.66c-5.881 0-10.665-4.784-10.665-10.665s4.784-10.665 10.665-10.665 10.665 4.784 10.665 10.665-4.784 10.665-10.665 10.665zM18.529 10.202l-6.186 6.186-2.873-2.873c-.26-.26-.681-.26-.94 0-.259.26-.259.681.001.94l3.344 3.343c.129.13.3.195.47.195s.341-.065.471-.195l6.656-6.656c.259-.26.259-.681 0-.94-.261-.26-.683-.26-.943 0z'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
}

/* --- E. Cardurile cu iconite (`machine-features-N` si `machine-features-last`;
   services-grid `variant: machine-features`, `columns: 3`, `cardStyle: flat`,
   `titleAlign: center`, fara descriere). Clona grupului E din blocul „Cafea &
   alimente" (`coffee-fields`), cu ancora de prefix: carduri complet transparente
   cu pad 40/5, iconita 64 centrata la 8px de titlu si titlu 32/33.6/700 centrat.
   Reguli generice batute:
   · `section.wb-services[data-wb-cols='3'][data-wb-card='flat']` (0,4,2) —
     `padding: 0 0 128px` (L933) si, in mobil, `padding: 0 0 32px` (L1640);
   · `… .wb-services-card` / `:hover` / `… -media--icon` / `… -media--icon img` /
     `… -card-body` / `… -card-title` / `…-title::after` (0,5,2) si (0,5,3)
     (L938-990);
   · `.wb-services-card-media--icon` (0,2,1) si `… img` (0,2,2) (L2955, L2963);
   · `.wb-services-card` (0,2,1) — radius 8 + umbra (L627);
   · `body.theme x3 .wb-services:not([data-wb-bleed='true']) > div` (0,5,2) din
     blocul „Container 1504";
   · `section.wb-services[data-wb-cols='3'][data-wb-card='flat'] > div > div`
     (0,4,4) — `row-gap: 10px` in mobil (L1645);
   · modulul ServicesGrid.module.css: `.cardTitle` (uppercase, letter-spacing
     0.5px, `padding-bottom: 14px`, `::after` linia de 50px), `.body { padding:
     22px 22px 0; gap: 14px }`, `.grid { gap: 20px }` cu 2 coloane intre 600 si
     899px si 3 coloane peste 900px, `.section { padding: 56px 0 }`.
   Nota: regulile `wb-services-card:has(img[src*='/icon-'])` (L785-800) NU se
   aplica, fiindca iconitele vin din `media://icons/…` (`/icons/`, nu `/icon-`).
   Clasa temei dublata + ancora de prefix dau (0,5,2) pe sectiune, (0,5,3) pe
   container, (0,5,4) pe grila si (0,6,2)/(0,6,3) pe card si pe copiii lui — cu un
   pas peste fiecare regula generica de mai sus. Ultima grila de pe pagina
   (`machine-features-last`) primeste ritmul de final al referintei (128px pana la
   banda inchisa) printr-o ancora exacta cu clasa temei triplata, (0,6,2), adica
   peste (0,5,2) al regulii de prefix. --- */
/* --- D (corectie directa Claude, masurat randat 2026-09-07): referinta lasa un
   gutter de 16px intre fotografie si text, pe partea interioara (imaginea 601px
   intr-o coloana de 616, textul cu 48px pe partea dinspre imagine si 32px pe
   partea exterioara). Pe mobil (stivuit) fotografia ocupa toata latimea. --- */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container[data-image-position='left'] .wb-feature-media {
  margin: 0;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container[data-image-position='left'] .wb-feature-body {
  padding: 32px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container[data-image-position='right'] .wb-feature-media {
  margin: 0;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container[data-image-position='right'] .wb-feature-body {
  padding: 32px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-features-'] .wb-services[data-wb-variant='machine-features'] {
  padding: 64px 0;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machine-features-last'] .wb-services[data-wb-variant='machine-features'] {
  padding: 64px 0 128px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-features-'] .wb-services[data-wb-variant='machine-features'] > div {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 16px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-features-'] .wb-services[data-wb-variant='machine-features'] > div > div {
  gap: 32px;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-features-'] .wb-services[data-wb-variant='machine-features'] .wb-services-card,
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-features-'] .wb-services[data-wb-variant='machine-features'] .wb-services-card:hover {
  padding: 45px 5px;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
  transform: none;
  text-align: center;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-features-'] .wb-services[data-wb-variant='machine-features'] .wb-services-card-media--icon {
  display: flex;
  justify-content: center;
  height: 64px;
  margin: 0 0 8px;
  padding: 0;
  aspect-ratio: auto;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-features-'] .wb-services[data-wb-variant='machine-features'] .wb-services-card-media--icon img {
  width: 64px;
  height: 64px;
  object-fit: contain;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-features-'] .wb-services[data-wb-variant='machine-features'] .wb-services-card-body {
  padding: 0;
  gap: 0;
  background: transparent;
  text-align: center;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-features-'] .wb-services[data-wb-variant='machine-features'] .wb-services-card-title {
  margin: 0 0 32px;
  padding: 0;
  color: #374148;
  font-size: 32px;
  font-weight: 700;
  line-height: 33.6px;
  text-align: center;
  text-transform: none;
  letter-spacing: 0;
}

body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-features-'] .wb-services[data-wb-variant='machine-features'] .wb-services-card-title::after {
  display: none;
}

/* --- F. Banda inchisa de final (`solution-finder` de pe WMF si Coffea).
   Regulile hub-ului Echipamente sunt legate de perechea
   `machines-brands + solution-finder` (L5290+) si NU se ating; aici scriem un set
   echivalent cu selectorul de frate adiacent
   `machine-features-last + solution-finder`, cu aceleasi valori (container 7/12
   plafonat la 877, coloane 1fr 2fr, eticheta AI, corp cu pad 0 16, buton fara
   margine de sus). Singura diferenta fata de hub: `min-height: 0` in loc de
   352px, fiindca referinta masoara aici 312px = 32 + 248 + 32.
   Fotografia rotunda de 160, culorile benzii, h3 40/44.8/700 #F9F9F9,
   paragraful 16/24 si butonul full-width de pe mobil vin din regulile generice
   `section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark …`
   (L2062+, (0,4,2)/(0,5,2)), care raman valabile si pe aceste pagini.
   Reguli generice batute:
   · `section[data-anchor-id='solution-finder'] .wb-feature--dark` (0,3,2) —
     `min-height: 340px; padding: 48px 0` (L1987);
   · `section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark`
     (0,4,2) — `min-height: 288px; padding: 0` (L2062) si copiii lui (0,5,2):
     containerul 700 cu `grid-template-columns: 160px minmax(0, 460px); gap: 59px`
     (L2072), plus regulile de mobil din acelasi bloc (L2118+);
   · `.wb-feature--dark` (0,2,1) — `padding: 72px 0` (L1953).
   Perechea de ancore da (0,5,3) pe sectiune, (0,6,3) pe copii si (0,7,3) pe
   eticheta AI — cu un pas peste fiecare. --- */
body.theme-tchibo-business section[data-anchor-id='machine-features-last'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark {
  min-height: 0;
  height: auto;
  padding: 32px 0;
}

body.theme-tchibo-business section[data-anchor-id='machine-features-last'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-container {
  width: calc(100% * 7 / 12);
  max-width: 877px;
  margin: 0 auto;
  padding: 0;
  grid-template-columns: 1fr 2fr;
  gap: 0;
  align-items: center;
}

body.theme-tchibo-business section[data-anchor-id='machine-features-last'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-media {
  justify-self: center;
  overflow: visible;
}

body.theme-tchibo-business section[data-anchor-id='machine-features-last'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-media .wb-ai-label {
  left: 10px;
  bottom: -6px;
  padding: 5px 5px 4px;
  border-radius: 4px;
  background: #FBFBFB;
  color: #545C63;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

body.theme-tchibo-business section[data-anchor-id='machine-features-last'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-body {
  padding: 0 16px;
}

body.theme-tchibo-business section[data-anchor-id='machine-features-last'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-title,
body.theme-tchibo-business section[data-anchor-id='machine-features-last'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-desc {
  max-width: none;
}

/* Referinta: 32px intre paragraf si buton (paragraful are deja mb 32). */
body.theme-tchibo-business section[data-anchor-id='machine-features-last'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-cta {
  margin-top: 0;
}

/* --- Mobil (referinta 375px). Grupurile in aceeasi ordine: A (hero, are efect
   numai aici), B, C, D, E, F. --- */
@media (max-width: 899px) {
  /* A. Hero: referinta are exact 700px si pe mobil (fisierul 1440x1920), nu
     803px cat impune regula generica `section[data-anchor-id^='tcs-page-hero-']
     .wb-hero` (L1601, (0,3,2)) din acelasi media query. Clasa temei este dublata
     ca sa castigam prin specificitate, (0,4,2), nu doar prin ordinea din fisier —
     acelasi idiom ca la DaVinci (L9054). Pe desktop hero-ul ramane pe compozitia
     generica (700px, image-only, L289). */
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tcs-page-hero-wmf'] .wb-hero,
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tcs-page-hero-coffea'] .wb-hero,
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tcs-page-hero-aquahub'] .wb-hero {
    height: auto;
    min-height: 700px;
  }

  /* B. Intro: sectiune 16/0, o coloana fara gap, textul deasupra fotografiei
     (343x257, radius 20 din regula de desktop), titlu 32/37.12. Corpul de text
     pastreaza pad 20 din desktop (containerul de bloc al referintei), deci textul
     incepe la x=36 si pe mobil. */
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machine-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] {
    padding: 16px 0;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machine-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machine-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-body {
    order: 1;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machine-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-media {
    order: 2;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machine-intro'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-title {
    font-size: 32px;
    line-height: 37.12px;
  }

  /* C. Titlul de model: 36 = 16 (sectiune) + 20 (container de bloc);
     68 = 32 (marginea de sub paragraf) + 20 + 16. */
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-title-'] .wb-text-block {
    padding: 68px 0 68px;
  }

  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-title-'] .wb-text-block .wb-text-container h2 {
    font-size: 32px;
    line-height: 37.12px;
  }

  /* D. Blocul de model: cardul ramane 343 la x=16 prin `width: calc(100% - 32px)`
     din regula de desktop; o coloana, fotografia 4:3 (343x257) SUS la toate
     blocurile — inclusiv la cele cu `imagePosition: right`, unde regula generica
     (0,8,1) o trimitea a doua —, apoi textul cu pad 32 si titlu 32/37.12. */
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    padding: 0;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-media {
    order: 1;
    position: relative;
    aspect-ratio: auto;
    height: 340px; /* referinta: cms-image-container is-cover, 340px pe mobil */
    min-height: 0;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-media > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-body {
    order: 2;
    padding: 32px;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container[data-image-position='left'] .wb-feature-media,
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container[data-image-position='right'] .wb-feature-media {
    margin: 0;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container[data-image-position='left'] .wb-feature-body,
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container[data-image-position='right'] .wb-feature-body {
    padding: 32px;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-model-']:not([data-anchor-id^='machine-model-title-']) .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-title {
    font-size: 32px;
    line-height: 37.12px;
  }

  /* E. Cardurile cu iconite: o singura coloana (modulul da 2 coloane intre 600 si
     899px), aceleasi valori de card; sectiune 16/0, iar ultima grila 16/0/32. */
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-features-'] .wb-services[data-wb-variant='machine-features'] {
    padding: 16px 0;
  }

  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machine-features-last'] .wb-services[data-wb-variant='machine-features'] {
    padding: 16px 0 32px;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id^='machine-features-'] .wb-services[data-wb-variant='machine-features'] > div > div {
    grid-template-columns: minmax(0, 1fr);
    /* Referinta stivuieste cardurile fara spatiu (pad 5/0 + 40/5 pe card). Corectie directa Claude. */
    gap: 0;
  }

  /* F. Banda inchisa: clona regulilor de mobil ale hub-ului (L5457+) — fotografia
     rotunda centrata sus, textul aliniat la stanga; butonul full-width vine din
     regula generica de mobil a ancorei `solution-finder` (L2181). */
  body.theme-tchibo-business section[data-anchor-id='machine-features-last'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark {
    min-height: 0;
    padding: 32px 0;
  }

  body.theme-tchibo-business section[data-anchor-id='machine-features-last'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-container {
    width: 100%;
    max-width: none;
    padding: 0 16px;
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
  }

  body.theme-tchibo-business section[data-anchor-id='machine-features-last'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-body {
    padding: 0;
    align-items: flex-start;
    text-align: left;
  }

  body.theme-tchibo-business section[data-anchor-id='machine-features-last'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-title,
  body.theme-tchibo-business section[data-anchor-id='machine-features-last'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-desc {
    text-align: left;
  }
}

/* Echipamente/Tchibo — 2026-09-07.
   Opt-in machine-* modules reuse the verified equipment template without
   changing its rules for WMF/Coffea/Aquahub or any other tenant.
   Only this hero needs the 700px mobile exception. Vario Pro uses the source
   photograph's natural 4:3 ratio (unlike Office's cover/340px mobile image).
   The extra theme class beats the shared machine-model prefix specificity. */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tcs-page-hero-tchibo-machines'] .wb-hero {
  height: 700px;
  min-height: 700px;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machine-model-tchibo-vario'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-media {
  align-self: center;
  height: auto;
  min-height: 0;
  aspect-ratio: 4 / 3;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machine-model-tchibo-vario'] .wb-feature.wb-feature--light[data-wb-title='light'] .wb-feature-container .wb-feature-media > img {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* === Corectie sistemica (7 septembrie 2026): eticheta AI in stilul referintei, generic ===
   Referinta o randeaza identic pe toate paginile: 16px/400, #545C63 pe #FBFBFB, padding 5px,
   radius 4, la 10px de coltul stanga-jos al imaginii. Pana acum era scrisa de 15 ori, per
   ancora (office, bakery, hotel, health, machines, galeriile de produse...), iar paginile fara
   ancora dedicata — Home, Marca Tchibo, Piacetto, Pure Fine Selection, Companie, Despre noi —
   ramaneau pe stilul componentei (12px, #374148, alb 94%). Verificat randat, 7 septembrie.
   Textul ramane `AI-generated` (decizie de proiect). Regulile per ancora existente raman
   valide si au aceleasi valori. Specificitate (0,2,1), peste clasa modulului (0,1,0). */
body.theme-tchibo-business .wb-ai-label {
  left: 10px;
  bottom: 10px;
  padding: 5px;
  border-radius: 4px;
  background: #FBFBFB;
  color: #545C63;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}


/* === Marci/Tchibo (/marci/tchibo) — parity with tchibo-coffeeservice.de/marken/tchibo, 2026-09-08; cloned from the Sir Henry block === */

/* --- A. Intro: theme x3; block (0,5,2), container (0,6,2), headings (0,6,3). --- */

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-tchibo-intro'] .wb-text-block {
  padding: 64px 0 135px;
  background: #F9F9F9;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-tchibo-intro'] .wb-text-block .wb-text-container {
  max-width: 1393px;
  margin: 0 auto;
  padding: 0 20px;
  color: #374148;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-tchibo-intro'] .wb-text-block .wb-text-container h2 {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-tchibo-intro'] .wb-text-block .wb-text-container h2 span {
  font: inherit;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-tchibo-intro'] .wb-text-block .wb-text-container p {
  margin: 0 0 32px;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-tchibo-intro'] .wb-text-block .wb-text-container p:last-child {
  margin-bottom: 0;
}

/* --- B. Collection cards: cols + card chain (0,6,2) for text/CTA; hover adds one class. --- */

body.theme-tchibo-business section[data-anchor-id='brand-tchibo-collections'] .wb-services[data-wb-cols='4'] {
  padding: 0 0 128px;
  background: #F9F9F9;
}

body.theme-tchibo-business section[data-anchor-id='brand-tchibo-collections'] .wb-services[data-wb-cols='4'] > div {
  max-width: 1393px;
  margin: 0 auto;
  padding: 0;
}

body.theme-tchibo-business section[data-anchor-id='brand-tchibo-collections'] .wb-services[data-wb-cols='4'] > div > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px;
}

body.theme-tchibo-business section[data-anchor-id='brand-tchibo-collections'] .wb-services[data-wb-cols='4'] .wb-services-card,
body.theme-tchibo-business section[data-anchor-id='brand-tchibo-collections'] .wb-services[data-wb-cols='4'] .wb-services-card:hover {
  background: #F9F9F9;
  border: 0;
  border-radius: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  padding: 112px 5px 10px;
  min-height: 0;
  margin: 5px 0;
  transform: none;
}

body.theme-tchibo-business section[data-anchor-id='brand-tchibo-collections'] .wb-services[data-wb-cols='4'] .wb-services-card .wb-services-card-body {
  padding: 0;
  min-height: 0;
  gap: 0;
  text-align: center;
  align-items: center;
  background: transparent;
}

body.theme-tchibo-business section[data-anchor-id='brand-tchibo-collections'] .wb-services[data-wb-cols='4'] .wb-services-card .wb-services-card-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 33.6px;
  color: #374148;
  margin: 0 0 16px;
  padding: 0;
  letter-spacing: 0;
  text-transform: none;
}

body.theme-tchibo-business section[data-anchor-id='brand-tchibo-collections'] .wb-services[data-wb-cols='4'] .wb-services-card .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business section[data-anchor-id='brand-tchibo-collections'] .wb-services[data-wb-cols='4'] .wb-services-card .wb-services-card-desc {
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  color: #374148;
  margin: 0 0 28px;
  flex: 0 0 auto;
}

body.theme-tchibo-business section[data-anchor-id='brand-tchibo-collections'] .wb-services[data-wb-cols='4'] .wb-services-card .wb-services-card-desc p {
  margin: 0;
}

body.theme-tchibo-business section[data-anchor-id='brand-tchibo-collections'] .wb-services[data-wb-cols='4'] .wb-services-card .wb-services-cta {
  display: flex;
  width: calc(100% + 10px);
  min-height: 48px;
  justify-content: center;
  align-items: center;
  padding: 14px;
  border: 2px solid transparent;
  border-radius: 32px;
  background: transparent;
  color: #374148;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.8px;
  margin: 0 -5px;
  text-decoration: none;
}

body.theme-tchibo-business section[data-anchor-id='brand-tchibo-collections'] .wb-services[data-wb-cols='4'] .wb-services-card .wb-services-cta:hover {
  background: transparent;
  color: #374148;
  filter: none;
  box-shadow: none;
  transform: none;
}

body.theme-tchibo-business section[data-anchor-id='brand-tchibo-collections'] .wb-services[data-wb-cols='4'] .wb-services-card .wb-services-cta-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0;
  font-size: 0;
  line-height: 0;
  color: transparent;
  background-color: #374148;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M8.253 25.995c-.172 0-.343-.066-.473-.197-.259-.261-.256-.682.005-.94l11.022-10.9-10.935-10.815c-.261-.258-.264-.679-.005-.94.257-.261.678-.264.94-.005l11.413 11.288c.126.125.197.295.197.473s-.071.348-.197.473l-11.5 11.373c-.129.126-.298.19-.467.19z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M8.253 25.995c-.172 0-.343-.066-.473-.197-.259-.261-.256-.682.005-.94l11.022-10.9-10.935-10.815c-.261-.258-.264-.679-.005-.94.257-.261.678-.264.94-.005l11.413 11.288c.126.125.197.295.197.473s-.071.348-.197.473l-11.5 11.373c-.129.126-.298.19-.467.19z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}

/* --- C. Categories: exact Sir Henry chains, (0,4,2)/(0,5,2); container/media theme x3 (0,7,2).
   Full-bleed width uses the equivalent twice-half-viewport expression; cap remains 1920px. --- */

body.theme-tchibo-business section[data-anchor-id='tchibo-vista'] .wb-feature[data-wb-variant='brand-category'],
body.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice'] .wb-feature[data-wb-variant='brand-category'],
body.theme-tchibo-business section[data-anchor-id='tchibo-classic'] .wb-feature[data-wb-variant='brand-category'],
body.theme-tchibo-business section[data-anchor-id='tchibo-decaf'] .wb-feature[data-wb-variant='brand-category'] {
  padding: 0;
  background: #F9F9F9;
  color: #374148;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-container,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-container,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-container,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-container {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media {
  width: calc(2 * min(50vw, 960px));
  max-width: 1920px;
  margin: 0;
  margin-inline: calc(50% - min(50vw, 960px));
  padding: 0;
  border-radius: 0;
  overflow: hidden;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media img,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media img,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media img,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-media img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: auto;
  object-fit: cover;
}

body.theme-tchibo-business section[data-anchor-id='tchibo-vista'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-body,
body.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-body,
body.theme-tchibo-business section[data-anchor-id='tchibo-classic'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-body,
body.theme-tchibo-business section[data-anchor-id='tchibo-decaf'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-body {
  width: 100%;
  max-width: 1393px;
  margin: 0 auto;
  padding: 64px 20px 0;
  gap: 0;
  align-items: center;
  background: transparent;
  text-align: center;
}

body.theme-tchibo-business section[data-anchor-id='tchibo-vista'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-title,
body.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-title,
body.theme-tchibo-business section[data-anchor-id='tchibo-classic'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-title,
body.theme-tchibo-business section[data-anchor-id='tchibo-decaf'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-title {
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
}

body.theme-tchibo-business section[data-anchor-id='tchibo-vista'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-subtitle,
body.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-subtitle,
body.theme-tchibo-business section[data-anchor-id='tchibo-classic'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-subtitle,
body.theme-tchibo-business section[data-anchor-id='tchibo-decaf'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-subtitle {
  display: block;
  margin: 0 0 16px;
  color: #374148;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.16;
  text-transform: none;
  letter-spacing: 0;
}

body.theme-tchibo-business section[data-anchor-id='tchibo-vista'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc,
body.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc,
body.theme-tchibo-business section[data-anchor-id='tchibo-classic'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc,
body.theme-tchibo-business section[data-anchor-id='tchibo-decaf'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc {
  max-width: none;
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  opacity: 1;
}

body.theme-tchibo-business section[data-anchor-id='tchibo-vista'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc p,
body.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc p,
body.theme-tchibo-business section[data-anchor-id='tchibo-classic'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc p,
body.theme-tchibo-business section[data-anchor-id='tchibo-decaf'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc p {
  margin: 0 0 32px;
}

body.theme-tchibo-business section[data-anchor-id='tchibo-vista'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc p:last-child,
body.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc p:last-child,
body.theme-tchibo-business section[data-anchor-id='tchibo-classic'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc p:last-child,
body.theme-tchibo-business section[data-anchor-id='tchibo-decaf'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc p:last-child {
  margin-bottom: 0;
}

body.theme-tchibo-business section[data-anchor-id='tchibo-vista'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc a,
body.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc a,
body.theme-tchibo-business section[data-anchor-id='tchibo-classic'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc a,
body.theme-tchibo-business section[data-anchor-id='tchibo-decaf'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-desc a {
  color: #374148;
  text-decoration: underline;
  font-size: 16px;
  font-weight: 400;
}

/* --- D. Product galleries: Sir Henry geometry and declarations; only section padding becomes zero.
   Theme x4: section (0,7,2), container (0,7,3); theme x3: descendants (0,7,2), slot (0,8,2). --- */

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'],
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'],
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'],
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] {
  padding: 0;
  background: transparent;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] > div,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] > div,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] > div,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] > div {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 61px;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport {
  display: flex;
  gap: 0;
  padding-left: 0;
  padding-right: 0;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card:hover,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card:hover,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card:hover,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card:hover {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  padding: 0 25px;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
  transform: none;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card {
  flex: 0 0 100%;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media {
  aspect-ratio: 1 / 1;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  background: #FFFFFF;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media img,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media img,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media img,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media .wb-ai-label,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media .wb-ai-label,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media .wb-ai-label,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-media .wb-ai-label {
  left: 10px;
  bottom: 10px;
  padding: 5px 5px 4px;
  border-radius: 4px;
  background: #FBFBFB;
  color: #545C63;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-body,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-body,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-body,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-body {
  flex: 1 1 auto;
  gap: 4px;
  padding: 16px 16px 32px;
  border-radius: 0 0 8px 8px;
  background: #FFFFFF;
  text-align: left;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-eyebrow,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-eyebrow,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-eyebrow,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-eyebrow {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title {
  margin: 0;
  padding: 0;
  color: #374148;
  font-size: 20px;
  font-weight: 700;
  line-height: 22.4px;
  letter-spacing: 0;
  text-transform: none;
  text-align: left;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title::after,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title::after,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title::after,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-title::after {
  display: none;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc {
  margin: 0;
  color: #374148;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc p,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc p,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc p,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-card-desc p {
  margin: 0;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next {
  top: 50%;
  width: 30px;
  height: 65px;
  padding: 0;
  border: 1px solid #FFFFFF;
  background: #FFFFFF;
  color: #374148;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev:disabled,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev:disabled,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev:disabled,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev:disabled,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next:disabled,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next:disabled,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next:disabled,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next:disabled {
  display: inline-flex;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev svg,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev svg,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev svg,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev svg,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next svg,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next svg,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next svg,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next svg {
  width: 22px;
  height: 22px;
  stroke-width: 2;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-prev {
  left: 0;
  border-radius: 0 3px 3px 0;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport {
  justify-content: flex-start;
}

/* --- E. Actions: theme x3; block (0,5,2), container (0,6,2), h4 (0,6,3), link (0,6,4). --- */

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-actions'] .wb-text-block,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-actions'] .wb-text-block,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-actions'] .wb-text-block,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-actions'] .wb-text-block {
  padding: 44px 0 172px;
  background: #F9F9F9;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-actions'] .wb-text-block .wb-text-container,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-actions'] .wb-text-block .wb-text-container,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-actions'] .wb-text-block .wb-text-container,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-actions'] .wb-text-block .wb-text-container {
  max-width: 1393px;
  margin: 0 auto;
  padding: 0 20px;
  color: #374148;
  text-align: center;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-actions'] .wb-text-block .wb-text-container h4,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-actions'] .wb-text-block .wb-text-container h4,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-actions'] .wb-text-block .wb-text-container h4,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-actions'] .wb-text-block .wb-text-container h4 {
  font-size: 32px;
  font-weight: 400;
  line-height: 33.6px;
  color: #374148;
  text-align: center;
  margin: 0 0 16px;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-actions'] .wb-text-block .wb-text-container p,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-actions'] .wb-text-block .wb-text-container p,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-actions'] .wb-text-block .wb-text-container p,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-actions'] .wb-text-block .wb-text-container p {
  margin: 0;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-actions'] .wb-text-block .wb-text-container p a,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-actions'] .wb-text-block .wb-text-container p a,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-actions'] .wb-text-block .wb-text-container p a,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-actions'] .wb-text-block .wb-text-container p a {
  display: inline-flex;
  align-items: center;
  min-height: 46px;
  padding: 14px 22px;
  border-radius: 32px;
  background: #374148;
  color: #EDD38E;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.8px;
  text-decoration: none;
}

body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-actions'] .wb-text-block .wb-text-container p a:hover,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-actions'] .wb-text-block .wb-text-container p a:hover,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-actions'] .wb-text-block .wb-text-container p a:hover,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-actions'] .wb-text-block .wb-text-container p a:hover {
  background: #21292F;
}

/* --- Responsive: Sir Henry gallery breakpoints, plus Tchibo mobile text/card spacing. --- */

@media (min-width: 992px) {
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card {
    flex-basis: 50%;
  }
}

@media (min-width: 1200px) {
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card {
    flex-basis: 33.333333%;
  }
}

@media (min-width: 1400px) {
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] .wb-services-slider-viewport > .wb-services-card {
    flex-basis: 25%;
  }
}

@media (max-width: 899px) {
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-tchibo-intro'] .wb-text-block {
    padding: 36px 0 60px;
  }

  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-tchibo-intro'] .wb-text-block .wb-text-container {
    max-width: 358px;
    padding: 0 20px;
  }

  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='brand-tchibo-intro'] .wb-text-block .wb-text-container h2 {
    font-size: 32px;
    line-height: 1.16;
  }

  body.theme-tchibo-business section[data-anchor-id='brand-tchibo-collections'] .wb-services[data-wb-cols='4'] {
    padding: 0 0 64px;
  }

  body.theme-tchibo-business section[data-anchor-id='brand-tchibo-collections'] .wb-services[data-wb-cols='4'] > div {
    max-width: 358px;
    padding: 0;
  }

  body.theme-tchibo-business section[data-anchor-id='brand-tchibo-collections'] .wb-services[data-wb-cols='4'] > div > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  body.theme-tchibo-business section[data-anchor-id='brand-tchibo-collections'] .wb-services[data-wb-cols='4'] .wb-services-card .wb-services-card-title {
    font-size: 32px;
    line-height: 33.6px;
  }

  body.theme-tchibo-business section[data-anchor-id='tchibo-vista'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-body,
  body.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-body,
  body.theme-tchibo-business section[data-anchor-id='tchibo-classic'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-body,
  body.theme-tchibo-business section[data-anchor-id='tchibo-decaf'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-body {
    max-width: 358px;
    padding: 36px 20px 0;
  }

  body.theme-tchibo-business section[data-anchor-id='tchibo-vista'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-title,
  body.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-title,
  body.theme-tchibo-business section[data-anchor-id='tchibo-classic'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-title,
  body.theme-tchibo-business section[data-anchor-id='tchibo-decaf'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-title,
  body.theme-tchibo-business section[data-anchor-id='tchibo-vista'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-subtitle,
  body.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-subtitle,
  body.theme-tchibo-business section[data-anchor-id='tchibo-classic'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-subtitle,
  body.theme-tchibo-business section[data-anchor-id='tchibo-decaf'] .wb-feature[data-wb-variant='brand-category'] .wb-feature-subtitle {
    font-size: 32px;
    line-height: 1.16;
  }

  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-products'] .wb-services[data-wb-variant='product-gallery'] > div,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-products'] .wb-services[data-wb-variant='product-gallery'] > div,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-products'] .wb-services[data-wb-variant='product-gallery'] > div,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-products'] .wb-services[data-wb-variant='product-gallery'] > div {
    padding: 0 61px;
  }

  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-actions'] .wb-text-block,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-actions'] .wb-text-block,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-actions'] .wb-text-block,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-actions'] .wb-text-block {
    padding: 44px 0 108px;
  }

  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-actions'] .wb-text-block .wb-text-container,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-actions'] .wb-text-block .wb-text-container,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-actions'] .wb-text-block .wb-text-container,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-actions'] .wb-text-block .wb-text-container {
    max-width: 358px;
    padding: 0 20px;
  }

  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-actions'] .wb-text-block .wb-text-container h4,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-actions'] .wb-text-block .wb-text-container h4,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-actions'] .wb-text-block .wb-text-container h4,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-actions'] .wb-text-block .wb-text-container h4 {
    font-size: 28px;
    line-height: 29.4px;
  }

  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-vista-actions'] .wb-text-block .wb-text-container p a,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-fair-choice-actions'] .wb-text-block .wb-text-container p a,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-classic-actions'] .wb-text-block .wb-text-container p a,
  body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tchibo-decaf-actions'] .wb-text-block .wb-text-container p a {
    display: flex;
    width: 100%;
    justify-content: center;
  }
}

/* === Home: compact AI disclosure inside the circular portrait, 9 September 2026 ===
   Home-only sibling scope: do not restyle other solution-finder modules or tenants.
   At 160px diameter, bottom-left positioning clips the label against the circle.
   Centre the smaller label and keep its corners safely inside the circular mask. */
body.theme-tchibo-business section[data-anchor-id='home-service-teaser'] + section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-media .wb-ai-label {
  left: 50%;
  right: auto;
  bottom: 20px;
  transform: translateX(-50%);
  width: max-content;
  max-width: calc(100% - 64px);
  box-sizing: border-box;
  padding: 4px 5px;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

/* === Home: bifele din teaserul de service (`home-service-teaser`) in forma oficiala, 8 septembrie 2026 ===
   Referinta deseneaza `li::before` 24x24 umplut cu #C0A468 si decupat cu masca
   `tcw-btn_round_checkmark.svg` (inel + bifa) — acelasi SVG folosit deja pe blocurile
   `machine-model-*`. Regula din 3 septembrie (L3235) facea un cerc plin cu glifa alba.
   Clasa temei dublata: (0,7,2) peste (0,6,2) al regulii vechi; cheile vechi raman. */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='home-service-teaser'] .wb-feature.wb-feature--light .wb-feature-check {
  display: inline-flex;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 0;
  background: #C0A468;
  color: transparent;
  font-size: 0;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M14 2.005c-6.614 0-11.995 5.381-11.995 11.995s5.381 11.995 11.995 11.995 11.995-5.381 11.995-11.995-5.381-11.995-11.995-11.995zm0 22.66c-5.881 0-10.665-4.784-10.665-10.665s4.784-10.665 10.665-10.665 10.665 4.784 10.665 10.665-4.784 10.665-10.665 10.665zM18.529 10.202l-6.186 6.186-2.873-2.873c-.26-.26-.681-.26-.94 0-.259.26-.259.681.001.94l3.344 3.343c.129.13.3.195.47.195s.341-.065.471-.195l6.656-6.656c.259-.26.259-.681 0-.94-.261-.26-.683-.26-.943 0z'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M14 2.005c-6.614 0-11.995 5.381-11.995 11.995s5.381 11.995 11.995 11.995 11.995-5.381 11.995-11.995-5.381-11.995-11.995-11.995zm0 22.66c-5.881 0-10.665-4.784-10.665-10.665s4.784-10.665 10.665-10.665 10.665 4.784 10.665 10.665-4.784 10.665-10.665 10.665zM18.529 10.202l-6.186 6.186-2.873-2.873c-.26-.26-.681-.26-.94 0-.259.26-.259.681.001.94l3.344 3.343c.129.13.3.195.47.195s.341-.065.471-.195l6.656-6.656c.259-.26.259-.681 0-.94-.261-.26-.683-.26-.943 0z'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
}

/* === Home: cardurile „Soluții complete…” / „Promisiunea noastră…” (services-grid
   cols=2, linkicon=chevron) — aliniere ca pe tchibo-coffeeservice.de, 9 septembrie
   2026. Referinta: cutia de text e flex column cu align-items: center (paragraful
   scurt sta centrat ca bloc, textul ramane aliniat la stanga in interior), inaltime
   minima 264, linkul e o caseta de 48 px (pad 14 + border 2 transparent, radius 32),
   cardul are radius 8 cu overflow hidden. Regulile din L668-735 raman; acestea le bat
   prin clasa temei dublata. Doar adaugiri. === */
body.theme-tchibo-business.theme-tchibo-business section.wb-services[data-wb-cols='2'][data-wb-linkicon='chevron'] .wb-services-card,
body.theme-tchibo-business.theme-tchibo-business section.wb-services[data-wb-cols='2'][data-wb-linkicon='chevron'] .wb-services-card:hover {
  border-radius: 8px;
  overflow: hidden;
}

body.theme-tchibo-business.theme-tchibo-business section.wb-services[data-wb-cols='2'][data-wb-linkicon='chevron'] .wb-services-card-body {
  align-items: center;
  min-height: 264px;
}

body.theme-tchibo-business.theme-tchibo-business section.wb-services[data-wb-cols='2'][data-wb-linkicon='chevron'] .wb-services-card-desc {
  align-self: center;
  width: auto;
  max-width: 100%;
  text-align: start;
}

body.theme-tchibo-business.theme-tchibo-business section.wb-services[data-wb-cols='2'][data-wb-linkicon='chevron'] .wb-services-cta,
body.theme-tchibo-business.theme-tchibo-business section.wb-services[data-wb-cols='2'][data-wb-linkicon='chevron'] .wb-services-cta:hover {
  box-sizing: border-box;
  min-height: 48px;
  padding: 14px;
  border: 2px solid transparent;
  border-radius: 32px;
  line-height: 16px;
}

@media (max-width: 899px) {
  body.theme-tchibo-business.theme-tchibo-business section.wb-services[data-wb-cols='2'][data-wb-linkicon='chevron'] .wb-services-card-body {
    padding: 16px 32px;
  }
}

/* Completare directa Claude (9 septembrie 2026, masurat randat dupa publicare):
   (1) modulul da descrierii `flex: 1 1 auto`, deci in cutia cu min-height 264 ea
   crestea (34 px in loc de 24, 45 pe mobil) — referinta lasa spatiul ramas sub buton;
   (2) chevronul din link are 19.2 px si ridica linkul la 51 in loc de 48. */
body.theme-tchibo-business.theme-tchibo-business section.wb-services[data-wb-cols='2'][data-wb-linkicon='chevron'] .wb-services-card-desc {
  flex: 0 0 auto;
}

body.theme-tchibo-business.theme-tchibo-business section.wb-services[data-wb-cols='2'][data-wb-linkicon='chevron'] .wb-services-cta .wb-services-cta-icon {
  height: 16px;
  font-size: 16px;
  line-height: 16px;
}

/* Services visual parity, 2026-09-09. Measured against /services/ at 1424/390.
   Page-scoped, additive overrides: preserve the published theme and approved copy.
   Loaded reference photographs retain 4:3; their height is not the text height. */
body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-text-block[data-wb-size='intro'] .wb-text-container {
  padding: 20px 36px;
}

body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-text-block[data-wb-size='intro'] .wb-text-container p {
  margin-bottom: 32px;
}

body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-text-block[data-wb-size='intro']:not(:has(p)) {
  padding: 128px 0 8px;
}

body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-text-block[data-wb-size='intro']:not(:has(p)) h2 {
  max-width: 900px;
  margin: 0 auto 16px;
  text-wrap: balance;
}

body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-services[data-wb-cols='4'][data-wb-card='outline'],
body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-services[data-wb-cols='3'][data-wb-card='flat'] {
  padding: 5px 0 133px;
}

body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-services-card {
  position: relative;
  padding: 40px 5px;
}

body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-services-card-media--icon {
  margin-bottom: 8px;
}

body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-services-card-body,
body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-services-card-desc {
  flex: 0 0 auto;
}

body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-services-card-title {
  text-transform: none;
  letter-spacing: normal;
}

body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-services[data-wb-cols='4'] .wb-services-card-title {
  min-height: 2.1em;
}

body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-services[data-wb-cols='4'] .wb-services-cta,
body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-services[data-wb-cols='4'] .wb-services-cta:hover {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  min-height: 48px;
  box-sizing: border-box;
  padding: 14px;
  border: 2px solid transparent;
  border-radius: 32px;
  line-height: 16px;
  justify-content: center;
  gap: 8px;
}

body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-services-cta-icon {
  height: 16px;
  font-size: 16px;
  line-height: 16px;
}

body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-services[data-wb-card='flat'] .wb-services-card-desc {
  max-width: none;
  margin-bottom: 28px;
}

body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-feature--light[data-wb-title='light'] .wb-feature-container {
  align-items: start;
  padding-bottom: 6px;
}

body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-feature--light[data-wb-title='light'] .wb-feature-media {
  position: relative;
  align-self: start;
  min-height: 0;
  height: auto;
  aspect-ratio: 4 / 3;
}

body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-feature--light[data-wb-title='light'] .wb-feature-media > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-feature--light[data-wb-title='light'] .wb-feature-body {
  padding-top: 46px;
}

body.theme-tchibo-business main:has(#tcs-page-hero-services) #services-logistics .wb-feature-body {
  padding-top: 30px;
}

body.theme-tchibo-business #services-expert-advice .wb-feature-desc {
  font-weight: 300;
}

@media (min-width: 900px) {
  body.theme-tchibo-business #tcs-page-hero-services .wb-hero-subtitle {
    max-width: calc((100% - 32px) / 2);
  }
}

@media (max-width: 899px) {
  body.theme-tchibo-business #tcs-page-hero-services .wb-hero-content {
    min-height: 0;
    height: auto;
    justify-content: flex-start;
    padding: 370px 16px 48px;
  }

  body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-text-block[data-wb-size='intro']:not(:has(p)) {
    padding: 32px 0 8px;
  }

  body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-services[data-wb-cols='4'][data-wb-card='outline'],
  body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-services[data-wb-cols='3'][data-wb-card='flat'] {
    padding: 5px 0 37px;
  }

  body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-services[data-wb-cols='4'] .wb-services-card-title {
    margin-bottom: 32px;
  }

  body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-feature--light[data-wb-title='light'] .wb-feature-container {
    row-gap: 38px;
    padding-bottom: 0;
  }

  body.theme-tchibo-business main:has(#tcs-page-hero-services) .wb-feature--light[data-wb-title='light'] .wb-feature-container[data-image-position='right'] {
    row-gap: 32px;
    padding-bottom: 6px;
  }
}

/* Services closing banner: reference container width and the visible spacing
   produced there by empty heading/paragraph nodes, without adding empty markup. */
body.theme-tchibo-business #services-expert-advice .wb-feature {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

body.theme-tchibo-business #services-expert-advice .wb-feature-body {
  width: 50%;
  max-width: 752px;
  margin-left: max(0px, calc((100% - 1504px) / 2));
  padding: 115.84px 40px 72px;
}

body.theme-tchibo-business #services-expert-advice .wb-feature-title {
  margin-bottom: 48px;
}

body.theme-tchibo-business #services-expert-advice .wb-feature-cta {
  margin-top: 16px;
}

@media (min-width: 900px) {
  body.theme-tchibo-business #services-expert-advice .wb-feature {
    padding: 40px 0;
  }

  body.theme-tchibo-business #services-expert-advice .wb-feature-container {
    min-height: 730px;
  }
}

@media (max-width: 899px) {
  body.theme-tchibo-business #services-expert-advice .wb-feature-body {
    width: 100%;
    max-width: none;
    margin-left: 0;
    padding-top: 95.2px;
  }

  body.theme-tchibo-business #services-expert-advice .wb-feature-title {
    margin-bottom: 32px;
  }
}

/* The mobile reference starts with the photograph, without the generic dark
   feature's 72px bands above and below the image/contact stack. */
@media (max-width: 899px) {
  body.theme-tchibo-business #services-expert-advice .wb-feature {
    padding: 0;
  }
}

/* About us, 2026-09-10: preserve approved copy while matching the reference's
   icon/title rhythm. Inline metric spans previously inherited the larger line
   box of StatsBand; the reference has an 8px icon gap and 32px after the title. */
body.theme-tchibo-business #company-about-stats .wb-stats-item {
  padding: 40px 5px 72px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.05;
  hyphens: auto;
}

body.theme-tchibo-business #company-about-stats .wb-stats-icon,
body.theme-tchibo-business #company-about-stats .wb-stats-icon-image {
  margin-bottom: 8px;
}

body.theme-tchibo-business #company-about-stats .wb-stats-value,
body.theme-tchibo-business #company-about-stats .wb-stats-label {
  hyphens: auto;
}

/* The translated timeline and country list missed the 1504px reference cap.
   Cap their outer containers (including 16px gutters), not the shared image/FAQ. */
body.theme-tchibo-business #company-history-image {
  box-sizing: border-box;
  max-width: 1504px;
  margin-inline: auto;
}

body.theme-tchibo-business #company-about-locations > section > div {
  box-sizing: border-box;
  max-width: 1504px;
  margin-inline: auto;
}

/* Country accordion: official TCS arrow at the left, static in both states as
   on the reference. Keep native details/summary keyboard and expanded semantics. */
body.theme-tchibo-business #company-about-locations details {
  height: auto;
  min-height: 0;
}

body.theme-tchibo-business #company-about-locations details:first-child {
  border-top: 1px solid #374148;
}

body.theme-tchibo-business #company-about-locations summary {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  min-height: 66px;
  padding: 16px 8px 16px 4px;
  line-height: 24px;
  list-style: none;
}

body.theme-tchibo-business #company-about-locations summary::before {
  content: '';
  display: block;
  flex: 0 0 28px;
  width: 28px;
  height: 34px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='%23333' d='M26.11 13.25a.55.55 0 0 0-.12-.19l-6.99-7.06a.66.66 0 0 0-1 1l5.86 5.86h-21.36a.67.67 0 0 0 0 1.34h21.39l-5.89 5.8a.66.66 0 1 0 1 1l7-7a.55.55 0 0 0 .12-.19.62.62 0 0 0-.01-.56z'/%3E%3C/svg%3E") center 4px / 28px 28px no-repeat;
}

body.theme-tchibo-business #company-about-locations summary::after {
  content: none;
  display: none;
}

body.theme-tchibo-business #company-about-locations summary::-webkit-details-marker {
  display: none;
}

body.theme-tchibo-business #company-about-locations details > div {
  padding: 5px 97px 16px 47px;
}

@media (max-width: 767px) {
  body.theme-tchibo-business #company-about-locations details > div {
    padding-right: 8px;
    overflow-wrap: anywhere;
  }
}

/* Marca Tchibo, 2026-09-10: owner-approved visual-only exception to the
   translation brief. Preserve copy, typography, media and card dimensions.
   The existing flex body fills each card; auto space keeps the CTA at its
   10px bottom inset without absolute positioning or text overlap. */
body.theme-tchibo-business #brand-tchibo-collections .wb-services-cta {
  margin-top: auto;
}

/* DE has 72px from the final paragraph/link box to the product gallery,
   at both 1440px and 390px. Restore that space without adding empty HTML. */
body.theme-tchibo-business #tchibo-vista .wb-feature-body,
body.theme-tchibo-business #tchibo-fair-choice .wb-feature-body,
body.theme-tchibo-business #tchibo-classic .wb-feature-body,
body.theme-tchibo-business #tchibo-decaf .wb-feature-body {
  padding-bottom: 72px;
}

/* Piacetto RO sustainability link, 2026-09-10: owner-approved exception
   to the translation brief. Match the DE 32px paragraph/link gap at
   desktop and mobile, preserving all other spacing and typography. */
body.theme-tchibo-business:lang(ro) #brand-piacetto-intro .wb-text-container p + p:has(> a[href="/companie/sustenabilitate"]) {
  margin-top: 32px;
}

/* === Eticheta „AI-generated” pe portretul rotund de 160 px, 11 septembrie 2026 ===
   Sesizare Stefan: la stanga-jos, cu 16 px, eticheta e taiata de masca rotunda
   (Companie, Despre noi) sau atarna in afara cercului (Echipamente, Industrii).
   Se generalizeaza regula de pe Home (L15003): 12 px, centrata, la 20 px de baza,
   integral in interiorul cercului. Diferenta intentionata fata de .de, unde eticheta
   ramane taiata de masca. Regulile per ancora (L4067, L5537, L14097, L15003) raman;
   acestea le bat prin clasa temei triplata. Doar adaugiri. */
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='solution-finder'] .wb-feature.wb-feature--dark .wb-feature-media .wb-ai-label,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='company-contact-teaser'] .wb-feature.wb-feature--dark .wb-feature-media .wb-ai-label,
body.theme-tchibo-business.theme-tchibo-business.theme-tchibo-business section.wb-feature[data-wb-variant='office-closing'] .wb-feature-media .wb-ai-label {
  left: 50%;
  right: auto;
  bottom: 20px;
  transform: translateX(-50%);
  width: max-content;
  max-width: calc(100% - 64px);
  box-sizing: border-box;
  padding: 4px 5px;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

/* Sustainability RO facts: owner-approved gold panel exception, 2026-09-11.
   DE .cms-element-teaser-card__content: #edd38e, 32px 30px, bottom radius 8px.
   Keep existing media geometry, typography, links and all other sections. */
body.theme-tchibo-business:lang(ro) section[data-anchor-id='sustainability-facts'] section.wb-services[data-wb-cols='3'] .wb-services-card-body {
  background-color: #edd38e;
  border-radius: 0 0 8px 8px;
  padding: 32px 30px;
}

/* Sustainability facts: the gold panel applies to every locale, 2026-09-11 (Stefan).
   The German reference shows the same #edd38e panel regardless of language; the
   :lang(ro) rule above stays and this one (same specificity, later) covers EN/DE. */
body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='sustainability-facts'] section.wb-services[data-wb-cols='3'] .wb-services-card-body {
  background-color: #edd38e;
  border-radius: 0 0 8px 8px;
  padding: 32px 30px;
}

/* Tchibo2Go replenishment: match DE body copy at 400 (16px/24px unchanged).
   Scoped to replenishment; furniture copy keeps its existing light weight. */
body.theme-tchibo-business section[data-anchor-id='tchibo2go-replenishment'] .wb-feature[data-wb-variant='cta-banner'] .wb-feature-desc {
  font-weight: 400;
}

/* === Echipamente: grila de marci cu trei carduri (dupa unirea Tchibo + Coffea), 16 octombrie 2026 ===
   Grila are 4 coloane (2 intre 600 si 1199 px); cu trei carduri ramanea un loc gol in dreapta, respectiv
   al treilea card singur la stanga. Cardurile se centreaza pe o grila dubla (8, respectiv 4 coloane, fiecare
   card pe doua), deci latimea si spatiul dintre carduri raman identice. Se aplica doar cand sunt exact trei
   carduri; mobilul (o coloana) nu se schimba. Doar adaugiri. */
@media (min-width: 1200px) {
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] > div > div:has(> :nth-child(3):last-child) {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] > div > div:has(> :nth-child(3):last-child) > * {
    grid-column: span 2;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] > div > div:has(> :nth-child(3):last-child) > :first-child {
    grid-column: 2 / span 2;
  }
}

@media (min-width: 600px) and (max-width: 1199px) {
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] > div > div:has(> :nth-child(3):last-child) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] > div > div:has(> :nth-child(3):last-child) > * {
    grid-column: span 2;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] > div > div:has(> :nth-child(3):last-child) > :last-child {
    grid-column: 2 / span 2;
  }
}

/* === Echipamente: paginile Rhea si CREM + grila de marci cu cinci carduri, 16 octombrie 2026 ===
   1. Imaginea de sus a paginilor noi primeste pe mobil aceeasi exceptie ca WMF, Coffea si Aquahub
      (inaltime automata, minimum 700 px), regula din blocul de la L14125.
   2. Cu cinci carduri, al cincilea ramanea singur la stanga pe al doilea rand (4 coloane) sau pe al
      treilea (2 coloane intre 600 si 1199 px). Se centreaza pe o grila dubla, latimea cardurilor si
      spatiile raman identice. Doar adaugiri. */
@media (max-width: 899px) {
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tcs-page-hero-rhea'] .wb-hero,
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='tcs-page-hero-crem'] .wb-hero {
    height: auto;
    min-height: 700px;
  }
}

@media (min-width: 1200px) {
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] > div > div:has(> :nth-child(5):last-child) {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] > div > div:has(> :nth-child(5):last-child) > * {
    grid-column: span 2;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] > div > div:has(> :nth-child(5):last-child) > :nth-child(5) {
    grid-column: 4 / span 2;
  }
}

@media (min-width: 600px) and (max-width: 1199px) {
  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] > div > div:has(> :nth-child(5):last-child) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] > div > div:has(> :nth-child(5):last-child) > * {
    grid-column: span 2;
  }

  body.theme-tchibo-business.theme-tchibo-business section[data-anchor-id='machines-brands'] .wb-services[data-wb-cols='4'] > div > div:has(> :nth-child(5):last-child) > :nth-child(5) {
    grid-column: 2 / span 2;
  }
}