/* Shared navigation and services: English and German */
.site-header,.site-header.page-header{background:#10161df5;backdrop-filter:blur(16px);gap:20px}
.site-header .primary-nav{position:static;display:flex;align-items:center;gap:20px;padding:0;margin:0;overflow:visible;max-height:none;border:0;background:none;box-shadow:none;opacity:1;pointer-events:auto;transform:none;font-size:.9rem}
.nav-group{position:relative}
.nav-trigger{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 0;border:0;background:none;color:#e5e7eb;font:inherit;cursor:pointer}
.nav-trigger::after{content:'';width:6px;height:6px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);margin-top:-4px}
.nav-trigger[aria-expanded=true]::after{transform:rotate(225deg);margin-top:4px}
.nav-panel{position:absolute;top:100%;left:-18px;width:270px;padding:12px;background:var(--surface,#fff);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.nav-panel[hidden]{display:none}
.primary-nav .nav-panel a{display:block;padding:10px 12px;border:0;border-radius:6px;color:var(--ink);line-height:1.4}
.primary-nav .nav-panel a:hover,.primary-nav .nav-panel a:focus-visible{background:rgba(212,175,55,.14);color:var(--ink)}
.primary-nav .nav-enterprise{padding:9px 14px;color:#f1d673;border:1px solid #d4af375c;border-radius:999px;white-space:nowrap}
.site-header :focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.site-header .header-actions{margin-left:0}
.site-header .header-actions [data-theme-toggle]{position:static;opacity:1;pointer-events:auto;transform:none;justify-content:center}
.site-header .guide-toggle{display:none}
.site-header .menu-toggle{display:none}
.site-header .abinod-languages{position:static;display:inline-flex;padding:0;max-height:none;overflow:visible;border:0;background:none;box-shadow:none;opacity:1;pointer-events:auto;transform:none}
.site-header .abinod-languages a{border:0}
.services-section{scroll-margin-top:110px}
.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.services-grid .product-card{display:flex;flex-direction:column;min-width:0;padding:clamp(24px,3vw,42px);background:var(--surface,#fff);border:1px solid var(--line);border-top:3px solid var(--gold);scroll-margin-top:110px}
.services-grid .product-topline{margin-bottom:16px}
.services-grid .product-label{color:var(--slate);font-size:.78rem;letter-spacing:.12em}
.services-grid h3{font-size:clamp(1.6rem,2.8vw,2.15rem);line-height:1.2;margin:0 0 20px;color:var(--ink);overflow-wrap:anywhere}
.services-grid p,.services-grid .feature-list li{color:var(--slate)}
.services-grid .feature-list{margin:12px 0 20px}
.services-grid .card-actions{margin-top:auto;padding-top:20px}
.services-grid .button{white-space:normal;text-align:center}
@media(max-width:1100px){
 .site-header{padding:16px 20px;gap:12px}
 .site-header .menu-toggle{display:inline-flex}
 .site-header .primary-nav{position:fixed;top:78px;left:16px;right:16px;display:none;max-height:calc(100dvh - 100px);overflow-y:auto;padding:16px;background:#10161d;border:1px solid #ffffff29;border-radius:12px;box-shadow:var(--shadow)}
 .menu-open .site-header .primary-nav{display:block}
 .nav-group{border-bottom:1px solid #ffffff20}
 .nav-trigger{width:100%;justify-content:space-between;padding:12px 8px;font-size:1rem}
 .nav-panel{position:static;width:100%;margin-bottom:12px;box-shadow:none}
 .primary-nav .nav-enterprise{display:block;margin-top:16px;text-align:center}
 .site-header .header-actions{margin-left:auto}
}
@media(max-width:700px){.services-grid{grid-template-columns:1fr}.services-grid .card-actions .button{width:100%}}
@media(max-width:420px){.site-header{padding:14px 12px;gap:8px}.site-header .brand{gap:6px;font-size:.74rem;letter-spacing:.16em}.site-header .brand img{width:24px}.site-header .header-actions{gap:4px}.site-header .header-button{padding:0 8px;font-size:.65rem;min-width:36px}.site-header .menu-toggle{width:36px}}

/* Service pages share the site's light/dark contrast and readable card layout. */
.solutions-page .feature-list li,.printing-page .feature-list li{color:var(--slate)}
.solutions-page .portfolio-card h3{font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.3;overflow-wrap:anywhere}
.solutions-page .portfolio-card{min-width:0}
.solutions-page .commercial-article>.section,.solutions-page #services{scroll-margin-top:110px}
.solutions-page .commercial-article .button.secondary,.printing-page main .button.secondary{color:var(--ink);border-color:var(--line)}
.contact-page #enterprise{scroll-margin-top:110px}
.primary-nav .nav-panel a[aria-current=page]{background:rgba(212,175,55,.14);font-weight:700}

/* Keep the mobile hero products in independent cells rather than overlapping coordinates. */
@media(max-width:760px){
 .hero .hero-visual{min-height:0;padding-top:32px}
 .hero .foundation-system{width:100%;height:auto;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0}
 .hero .foundation-keystone{position:relative;inset:auto;transform:none;grid-column:1/-1;justify-self:center;margin-bottom:24px}
 .hero .foundation-product{position:relative;inset:auto;transform:none;min-width:0;max-width:none;width:100%;padding:16px;overflow-wrap:anywhere}
 .hero .foundation-product.product-three{grid-column:1/-1;justify-self:center;width:calc(50% - 8px)}
 .hero .foundation-product::before,.hero .foundation-keystone::after,.hero .foundation-planes{display:none}
}

/* Nested privacy disclosure within the Company navigation. */
.primary-nav .nav-panel-utility{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);min-width:0}
.primary-nav .nav-panel-utility summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;min-height:44px;border-radius:6px;color:var(--ink);font:inherit;line-height:1.4;cursor:pointer;list-style:none}
.primary-nav .nav-panel-utility summary::-webkit-details-marker{display:none}
.primary-nav .nav-panel-utility summary::after{content:'';flex-shrink:0;width:6px;height:6px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg)}
.primary-nav .nav-panel-utility[open] summary::after{transform:rotate(225deg)}
.primary-nav .nav-panel-utility summary:hover,.primary-nav .nav-panel-utility summary:focus-visible{background:rgba(212,175,55,.14)}
.primary-nav .nav-privacy-links{margin:4px 0 4px 12px;padding-left:8px;border-left:2px solid var(--line)}
.primary-nav .nav-privacy-links a{white-space:normal;overflow-wrap:anywhere;min-height:44px}
