body.club-home{margin:0!important;padding:0!important;background:var(--bs-body-bg);color:var(--bs-body-color);overflow:auto!important;font-family:var(--bs-body-font-family);line-height:1.5} .club-home *{box-sizing:border-box}.club-container{width:min(1180px,calc(100% - 64px));margin-inline:auto}.club-home a{text-decoration:none}.club-header{border-bottom:1px solid var(--bs-border-color)}.club-header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.club-header nav{display:flex;align-items:center;gap:24px}.club-account{color:var(--bs-body-color);font-weight:500}.club-brand{display:block}.club-home .promebel-logo{width:252px;height:48px}.club-hero{display:grid;grid-template-columns:1.55fr 1fr;align-items:center;gap:56px;padding:76px 0 66px}.club-eyebrow{color:var(--bs-primary);font-size:13px;font-weight:650;letter-spacing:.13em;text-transform:uppercase;margin:0 0 22px}.club-home h1{font-size:clamp(40px,4.7vw,66px);font-weight:700;letter-spacing:-.05em;line-height:1.1;margin:0 0 25px}.club-dot{color:var(--bs-primary)}.club-lead{font-size:26px;line-height:1.35;margin:0 0 16px;font-weight:500}.club-intro{color:var(--bs-secondary-color);font-size:16px;max-width:530px;line-height:1.8;margin-bottom:28px}.club-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.club-actions .btn{padding:13px 23px;font-size:16px}.club-actions .btn span{margin-left:22px}.club-secondary{color:var(--bs-body-color);font-size:14px}.club-secondary span{margin-left:8px}.club-drawing{color:var(--bs-primary);text-align:center}.club-drawing svg{width:100%;max-width:390px;display:block;margin:auto}.club-grid{stroke:var(--bs-border-color);opacity:.6;stroke-width:1}.club-cabinet{stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.club-measure{opacity:.45;stroke-dasharray:3 4}.club-caption{fill:var(--bs-secondary-color);font-size:10px;letter-spacing:.05em}.club-drawing-label{font-size:11px;letter-spacing:.08em;color:var(--bs-secondary-color)}.club-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:24px}.club-home h2{font-size:25px;font-weight:600;letter-spacing:-.025em;margin:0}.club-section-heading>a{font-size:13px;white-space:nowrap;color:var(--bs-secondary-color)}.club-section-heading p{font-size:13px;color:var(--bs-secondary-color);margin:7px 0 0}.club-direction-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.club-direction{display:block;position:relative;border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);padding:27px 23px 32px;color:var(--bs-body-color);transition:border-color .15s,background-color .15s}.club-direction:hover{border-color:var(--bs-primary);background:var(--bs-tertiary-bg);color:var(--bs-body-color)}.club-direction i{font-size:24px;color:var(--bs-primary);margin-bottom:26px}.club-direction h3{font-size:18px;line-height:1.35;font-weight:600;max-width:190px;margin:0 0 12px}.club-direction p{font-size:13px;color:var(--bs-secondary-color);line-height:1.7;margin:0;max-width:190px}.club-direction-arrow{position:absolute;top:25px;right:23px;font-size:18px;color:var(--bs-secondary-color)}.club-latest{padding:62px 0 56px}.club-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.club-topic{color:var(--bs-body-color);border-top:2px solid var(--bs-border-color);padding-top:20px;display:flex;flex-direction:column;min-width:0}.club-topic:hover{border-color:var(--bs-primary);color:var(--bs-body-color)}.club-topic-category{font-size:11px;letter-spacing:.04em;color:var(--bs-secondary-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.club-topic h3{font-size:19px;font-weight:500;line-height:1.45;margin:12px 0 22px;overflow-wrap:anywhere}.club-topic-meta{font-size:11px;color:var(--bs-secondary-color);margin-top:auto;display:flex;align-items:center;gap:8px}.club-topic-arrow{margin-left:auto;font-size:18px}.club-about{background:var(--bs-tertiary-bg);border-radius:var(--bs-border-radius);display:flex;align-items:center;gap:30px;padding:34px 38px;margin:0 0 58px}.club-about-mark{font-size:58px;color:var(--bs-primary);font-weight:300;line-height:1}.club-about h2{font-size:22px;margin-bottom:10px}.club-about p{max-width:680px;font-size:13px;color:var(--bs-secondary-color);margin:0;line-height:1.8}.club-about .btn{flex-shrink:0;margin-left:auto;font-size:13px}.club-footer{border-top:1px solid var(--bs-border-color)}.club-footer-inner{min-height:85px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:var(--bs-secondary-color)}.club-footer nav{display:flex;gap:24px}.club-footer a{color:var(--bs-secondary-color)}.club-skip{position:absolute;left:16px;top:-80px;padding:10px;z-index:5;background:var(--bs-body-bg)}.club-skip:focus{top:10px}.club-home a:focus-visible{outline:2px solid var(--bs-primary);outline-offset:5px}.club-mobile-break{display:none}
@media(max-width:900px){.club-hero{gap:20px}.club-direction-grid{grid-template-columns:repeat(2,1fr)}.club-about-mark{display:none}.club-about{padding:28px;gap:22px}.club-topic-grid{gap:20px}.club-header-inner{min-height:78px}.club-home .promebel-logo{width:210px;height:40px}}
@media(max-width:600px){.club-container{width:calc(100% - 36px)}.club-header-inner{gap:14px;min-height:75px}.club-home .promebel-logo{width:154px;height:30px}.club-header nav{gap:13px;font-size:12px}.club-header nav .btn{font-size:11px;padding:7px 9px}.club-hero{display:block;padding:44px 0 38px}.club-eyebrow{font-size:11px;margin-bottom:18px}.club-home h1{font-size:41px}.club-lead{font-size:22px}.club-intro{font-size:14px;line-height:1.75}.club-drawing{display:none}.club-actions{gap:18px}.club-actions .btn{font-size:14px;padding:12px 16px}.club-secondary{font-size:12px}.club-section-heading{gap:12px;margin-bottom:18px}.club-home h2{font-size:22px}.club-section-heading>a{font-size:11px}.club-direction-grid{gap:10px}.club-direction{padding:20px 15px 22px}.club-direction i{font-size:20px;margin-bottom:22px}.club-direction h3{font-size:16px}.club-direction p{font-size:12px}.club-direction-arrow{right:15px;top:18px}.club-latest{padding:38px 0}.club-topic-grid{grid-template-columns:1fr;gap:24px}.club-topic h3{font-size:18px;margin-bottom:14px}.club-about{display:block;padding:24px;margin-bottom:32px}.club-about h2{font-size:21px}.club-about .btn{margin-top:18px}.club-footer-inner{flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:22px 0;font-size:11px}}
@media(prefers-reduced-motion:reduce){.club-direction{transition:none}}
.club-topic-empty{grid-column:1/-1}.club-topic-empty p{color:var(--bs-secondary-color);margin:12px 0 20px}
[data-bs-theme="dark"] .club-eyebrow,[data-bs-theme="dark"] .club-dot,[data-bs-theme="dark"] .club-drawing,[data-bs-theme="dark"] .club-direction i,[data-bs-theme="dark"] .club-about-mark{color:var(--bs-primary-text-emphasis)}[data-bs-theme="dark"] .club-home .btn-outline-primary{color:var(--bs-primary-text-emphasis);border-color:var(--bs-primary-text-emphasis)}
/* CAD project hero: the image stays decorative and never covers controls. */
.club-hero{position:relative;isolation:isolate;display:block;min-height:530px;padding:64px 40px;margin:30px -32px 48px;overflow:hidden;border-radius:var(--bs-border-radius)}
.club-hero::before{content:"";position:absolute;z-index:-2;inset:0;background:url('/plugins/nodebb-theme-promebel/images/club-cad-project-positioned-v2.png') center right/contain no-repeat;opacity:.95}
.club-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,var(--bs-body-bg) 0%,var(--bs-body-bg) 30%,color-mix(in srgb,var(--bs-body-bg) 90%,transparent) 43%,color-mix(in srgb,var(--bs-body-bg) 30%,transparent) 64%,color-mix(in srgb,var(--bs-body-bg) 10%,transparent) 100%)}
.club-hero-copy{max-width:560px;width:55%}.club-drawing{display:none}
[data-bs-theme="dark"] .club-hero::before{opacity:.72;filter:brightness(.7) saturate(.75)}
@media(max-width:900px){.club-hero{padding:52px 28px}.club-hero-copy{width:65%}}
@media(max-width:600px){.club-hero{margin:18px -18px 32px;padding:42px 18px;min-height:600px;border-radius:0}.club-hero-copy{width:100%;max-width:none}.club-hero::before{background-size:auto 360px;background-position:right bottom;opacity:.6}.club-hero::after{background:linear-gradient(180deg,var(--bs-body-bg) 0%,var(--bs-body-bg) 43%,color-mix(in srgb,var(--bs-body-bg) 90%,transparent) 63%,color-mix(in srgb,var(--bs-body-bg) 30%,transparent) 100%)}.club-hero .club-actions{max-width:270px}}

/* Community projects follow the selected forum skin. */
.club-projects{margin-bottom:56px}
.club-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.club-project{display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);color:var(--bs-body-color);background:var(--bs-body-bg);transition:border-color .15s,background-color .15s}
.club-project:hover{color:var(--bs-body-color);border-color:var(--bs-primary);background:var(--bs-tertiary-bg)}
.club-project:focus-visible{outline:2px solid var(--bs-primary);outline-offset:4px}
.club-project-name{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.club-project-name i{font-size:22px;color:var(--bs-primary)}
.club-project-name h3{font-size:24px;font-weight:600;letter-spacing:-.025em;line-height:1.3;margin:0}
.club-project p{font-size:14px;line-height:1.7;color:var(--bs-secondary-color);margin:0}
.club-project-action{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:24px;font-size:13px;color:var(--bs-primary)}
@media(max-width:640px){.club-project-grid{grid-template-columns:minmax(0,1fr);gap:16px}.club-project{padding:24px}.club-projects{margin-bottom:40px}}
@media(prefers-reduced-motion:reduce){.club-project{transition:none}}
.club-footer nav{flex-wrap:wrap;align-items:center;column-gap:20px;row-gap:8px}
.club-footer nav a,.club-footer nav button{font:inherit;font-weight:400;line-height:1.5;color:var(--bs-secondary-color);text-decoration:none;text-align:left;padding:0;margin:0;border:0;background:none;cursor:pointer}
.club-footer nav a:hover,.club-footer nav button:hover{color:var(--bs-primary);text-decoration:underline}
.club-footer nav button:focus-visible{outline:2px solid var(--bs-primary);outline-offset:5px}
@media(max-width:600px){.club-footer-inner{font-size:12px}.club-footer nav{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%}}

/* Match the forum scrollbars in light and dark skins. */
html,body.club-home *{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--bs-body-color) 28%,transparent) transparent}
html::-webkit-scrollbar,body.club-home *::-webkit-scrollbar{width:6px;height:6px}
html::-webkit-scrollbar-track,body.club-home *::-webkit-scrollbar-track{background:transparent}
html::-webkit-scrollbar-thumb,body.club-home *::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--bs-body-color) 28%,transparent);border-radius:999px}
html::-webkit-scrollbar-thumb:hover,body.club-home *::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--bs-body-color) 45%,transparent)}
html::-webkit-scrollbar-button,body.club-home *::-webkit-scrollbar-button{display:none}

/* Mobile portal: centred brand, readable cards and a faint hero background. */
@media(max-width:600px){
 .club-header-inner{flex-direction:column;justify-content:center;gap:16px;padding:20px 0;min-height:0}
 .club-home .promebel-logo{display:block;width:252px;height:48px}
 .club-header nav{justify-content:center;gap:24px;font-size:14px;flex-wrap:wrap}
 .club-header nav .btn{font-size:13px;padding:8px 14px}
 .club-direction-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .club-direction{padding:24px}
 .club-direction h3,.club-direction p{max-width:none}
 .club-direction i{margin-bottom:16px}
 .club-hero{min-height:0;padding:34px 18px;margin-bottom:32px}
 .club-hero .club-actions{max-width:none}
 .club-hero::before{display:block;inset:0 18px;background-size:contain;background-position:center;transform:translateX(24px);opacity:.24}
 .club-hero::after{display:none}
 [data-bs-theme="dark"] .club-hero::before{opacity:.2;filter:brightness(.7) saturate(.75)}
}