/* 2.6.1 · Orange, harmonious paper tones and functional product profiles. */
.compact-header .main-navigation{border-radius:10px}
.compact-header .main-navigation>a,.compact-header .nav-more>summary{border-radius:6px}
.compact-header .nav-more-panel{border-radius:8px}
.urban-hero{background:transparent}
.urban-hero .hero-city{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 74%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 74%,transparent 100%)}
.urban-hero .hero-shade{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%)}
html[data-theme="light"][data-palette="ruhr-orange"]{--bg:#faf7f2;--deep:#eee6dc;--surface:#f1eae1;--panel:#ebe1d5;--text:#302923;--muted:#6d6055;--line:#d2c3b4;--orange:#984916;--sage:#726349;--page-bg:#e7ded3;--header-bg:#faf7f2f7;--navigation-bg:#f0e7dc;--navigation-hover:#e1cbb5;--card-bg:#f8f1e8;--frame-line:#cabbac;--frame-shadow:0 24px 75px #59402b1a}
html[data-theme="light"][data-palette="ruhr-orange"] .brand-logo{background:#181b1d}
html[data-theme="light"][data-palette="ruhr-orange"] .urban-hero .hero-subtitle{color:#f4c8a5}
html[data-theme="light"][data-palette="ruhr-orange"] .partner-logo-strip .partner-heading{border-color:var(--line)}
html[data-theme="light"][data-palette="ruhr-orange"] .partner-logo-strip .tone-light{background:#faf5ee}
html[data-theme="light"][data-palette="ruhr-orange"] .partner-logo-strip .tone-dark{background:#202628}
html[data-theme="light"][data-palette="ruhr-orange"] .is-start .compact-header{background:var(--header-bg)}
html[data-theme="light"][data-palette="ruhr-orange"] .page-hero{background:linear-gradient(140deg,#faf7f2,#eee1d2)}
html[data-theme="light"][data-palette="ruhr-orange"] .site-footer{background:var(--deep)}
html[data-theme="light"][data-palette="ruhr-orange"] .button{background:#984916;border-color:#984916;color:#fffaf4}
html[data-theme="light"][data-palette="ruhr-orange"] .button:hover{background:#78370d;border-color:#78370d;color:#fffaf4}
html[data-theme="light"][data-palette="ruhr-orange"] .button.secondary{background:transparent;border-color:#b5977c;color:var(--text)}
html[data-theme="light"][data-palette="ruhr-orange"] .button.secondary:hover{background:#e6d7c7;color:#302923}
html[data-theme="light"][data-palette="ruhr-orange"] .compact-header .main-navigation a[aria-current="page"],html[data-theme="light"][data-palette="ruhr-orange"] .compact-header .nav-more.is-current>summary{background:#e4c8ab;color:#5f2f10}
html[data-theme="light"][data-palette="ruhr-orange"] .compact-header .main-navigation>a:hover,html[data-theme="light"][data-palette="ruhr-orange"] .compact-header .nav-more>summary:hover,html[data-theme="light"][data-palette="ruhr-orange"] .compact-header .nav-more[open]>summary{background:#e1cbb5;color:#503821}
html[data-theme="light"][data-palette="ruhr-orange"] :is(input,select,textarea){background:#fffdf9;border-color:#c8b7a5;color:var(--text)}
html[data-theme="light"][data-palette="ruhr-orange"] :is(input,textarea)::placeholder{color:#78695b}
html[data-theme="light"][data-palette="ruhr-orange"] :is(.credit-note,.friend-logo){background:#eaddcc;color:#594127}
html[data-theme="light"][data-palette="ruhr-orange"] :is(.map-hide,.instagram-hide,.filter-group button){background:#efe4d6;color:#594127;border-color:var(--line)}
html[data-theme="light"][data-palette="ruhr-orange"] .filter-group button[aria-pressed="true"]{background:#e2c6a9;color:#513013;border-color:#ba9473}
html[data-theme="light"][data-palette="ruhr-orange"] .membership-fee-table caption{background:#e8d6c2;color:#594127}
html[data-theme="light"][data-palette="ruhr-orange"] .appearance-options a[aria-current="true"]{background:#984916;border-color:#984916;color:#fffaf4}
html[data-theme="light"][data-palette="ruhr-orange"] .urban-hero .hero-copy{padding:28px;border-radius:10px;background:#111d2bbf}
html[data-theme="light"][data-palette="ruhr-orange"] .urban-hero .button.secondary{background:transparent;color:#fffaf4;border-color:#dfb58d}
html[data-theme="light"][data-palette="ruhr-orange"] .urban-hero .hero-shade{background:linear-gradient(90deg,#111b2c90 0%,#111b2c44 40%,transparent 76%)}
.product-thumbnail{display:block;flex:0 0 80px;width:80px;height:80px;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:var(--deep)}
.product-label .product-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;margin:0}
.product-thumbnail:hover{border-color:var(--orange)}
.product-name-link{display:inline-block;color:var(--text)}.product-name-link>span{display:block;font-size:10px;font-weight:400;color:var(--orange);margin-top:4px}.product-name-link:hover b{text-decoration:underline;text-underline-offset:4px}
.product-dialog:not([open]),.age-gate:not([open]){display:none}
.product-dialog,.age-gate{color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:0;box-shadow:0 20px 90px #0008}
.product-dialog::backdrop,.age-gate::backdrop{background:#0b1117d4;backdrop-filter:blur(5px)}
.product-dialog{width:min(740px,calc(100% - 30px));max-width:calc(100% - 30px);max-height:90dvh;overflow:auto}
.product-dialog-inner{position:relative}.product-dialog-close{position:absolute;top:13px;right:13px;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff80;background:#151b20dc;color:#fff;font:30px/1 sans-serif;cursor:pointer}
.product-profile-photo{display:block;position:relative;background:#1d1c1a}.product-profile-photo img{display:block;width:100%;height:auto;max-height:400px;object-fit:contain}.product-profile-photo>span{position:absolute;bottom:12px;right:14px;border-radius:5px;padding:5px 9px;font-size:11px;background:#141a20dc;color:#fff}
.product-profile-copy{padding:28px 32px 32px}.product-profile-copy h2{font-size:clamp(27px,4vw,39px);line-height:1.2;margin:8px 0 12px}.product-profile-copy>p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:15px}.product-profile-copy .example-label{font-size:11px;color:var(--sage)}
.profile-table-wrap{overflow-x:auto;margin:23px 0}.profile-table{border-collapse:collapse;width:100%;font-size:14px}.profile-table :is(th,td){padding:13px 14px;border:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}.profile-table thead{background:var(--panel)}.profile-table thead th{font-size:12px;font-weight:600}.profile-table tbody th{font-weight:550;background:var(--surface);min-width:125px}.profile-table td{min-width:100px}
.age-gate{width:min(510px,calc(100% - 28px));max-width:calc(100% - 28px);max-height:92dvh;overflow:auto;text-align:center}
.age-gate-content{padding:32px}.age-gate-content>img{display:block;width:120px;height:120px;object-fit:contain;margin:0 auto 10px;background:#181b1d;border-radius:14px;padding:6px}.age-gate h2{font-size:29px;line-height:1.25;margin:10px 0 14px;outline:none}.age-gate p{color:var(--muted);font-size:14px}.age-gate .actions{display:grid;grid-template-columns:1fr;gap:10px;margin:25px 0 18px}.age-gate .small{font-size:12px}.age-gate-legal{display:flex;justify-content:center;gap:20px;margin-top:20px;font-size:11px;color:var(--muted)}.age-gate-legal a{text-decoration:underline;text-underline-offset:3px}
body.dialog-open{overflow:hidden}
@media(max-width:700px){
 .urban-hero .hero-shade{background:linear-gradient(180deg,transparent 0%,transparent 100px,var(--bg) 230px,var(--bg) 100%)}
 .urban-hero .hero-city{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%)}
 html[data-theme="light"][data-palette="ruhr-orange"] .urban-hero{background:var(--bg)}
 html[data-theme="light"][data-palette="ruhr-orange"] .urban-hero .hero-shade{background:linear-gradient(180deg,transparent 0%,transparent 100px,var(--bg) 230px,var(--bg) 100%)}
 html[data-theme="light"][data-palette="ruhr-orange"] .urban-hero .hero-copy{background:transparent;padding:26px 0 28px;border-radius:0}
 html[data-theme="light"][data-palette="ruhr-orange"] .urban-hero :is(h1,.hero-subtitle,.lead){color:var(--text)}
 html[data-theme="light"][data-palette="ruhr-orange"] .urban-hero .button.secondary{color:var(--text);border-color:#b5977c}
 .product-thumbnail{width:64px;height:64px;flex-basis:64px;margin-bottom:9px}.product-profile-copy{padding:23px 20px}.product-profile-photo img{max-height:290px}.profile-table{font-size:12px}.profile-table :is(th,td){padding:10px}.profile-table tbody th{min-width:100px}.profile-table td{min-width:85px}.age-gate-content{padding:25px 21px}.age-gate h2{font-size:26px}
}