.door-hub{padding:88px 0 100px;background:#eef2ed;color:#0b1512}
.door-hub-head{max-width:810px;margin-bottom:38px}
.door-hub-head .eyebrow{color:#466b13}
.door-hub-head h2{margin:8px 0 15px;color:#0b1512;font-size:clamp(40px,5.5vw,68px);letter-spacing:-.05em}
.door-hub-head p{max-width:720px;margin:0;color:#56635d;font-size:18px;line-height:1.65}
.door-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.door-choice{overflow:hidden;border:1px solid #ccd5cd;border-radius:26px;background:#fff;box-shadow:0 22px 65px rgba(23,42,32,.09)}
.door-choice-main{position:relative;display:grid;align-content:end;aspect-ratio:3/4;min-height:0;padding:30px;color:#fff;overflow:hidden;background:#0b1512}
.door-choice-main:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(4,10,7,.04) 18%,rgba(4,10,7,.12) 42%,rgba(4,10,7,.94) 78%,#06100b 100%)}
.door-choice-interior .door-choice-main:before{background:linear-gradient(180deg,rgba(16,12,7,.02) 18%,rgba(16,12,7,.12) 42%,rgba(16,12,7,.92) 78%,#100c07 100%)}
.door-choice-main>*{position:relative;z-index:1}
.door-choice-main .door-choice-photo{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s ease}
.door-choice-number{position:absolute;right:28px;top:24px;color:#fff;font-size:12px;font-weight:900;letter-spacing:1px;text-shadow:0 1px 6px rgba(0,0,0,.7)}
.door-choice-copy{display:grid;gap:7px;align-content:end}
.door-choice-copy small{color:#c8ff31;font-size:10px;font-weight:900;letter-spacing:1.5px}
.door-choice-interior .door-choice-copy small{color:#ffc96b}
.door-choice-copy strong{font-size:clamp(34px,4vw,48px);line-height:1;letter-spacing:-.04em}
.door-choice-copy>span{max-width:460px;color:#c8d2cc;font-size:15px;line-height:1.5}
.door-choice-main>b{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding-top:17px;border-top:1px solid rgba(255,255,255,.18);font-size:14px}
.door-choice-main>b span{font-size:22px}
.door-choice-main:hover .door-choice-photo{transform:scale(1.025)}
.door-subpages{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d8dfd9;border-top:1px solid #d8dfd9}
.door-subpages a{display:grid;min-height:98px;align-content:center;gap:3px;padding:18px 20px;background:#fff}
.door-subpages a:hover{background:#f0f7e8}
.door-subpages strong{color:#15221c;font-size:15px}
.door-subpages span{color:#6a766f;font-size:11px}
.door-hub-help{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding:19px 24px;border-radius:15px;background:#dfe6df;color:#334139}
.door-hub-help span{font-weight:700}
.door-hub-help a{color:#264900;font-weight:900}
#rodzaje{scroll-margin-top:90px}
@media(max-width:850px){.door-choice-grid{grid-template-columns:1fr}.door-choice-main{aspect-ratio:4/5}}
@media(max-width:560px){.door-hub{padding:62px 0 72px}.door-hub-head{margin-bottom:25px}.door-hub-head h2{font-size:38px}.door-hub-head p{font-size:16px}.door-choice{border-radius:20px}.door-choice-main{aspect-ratio:3/4;padding:22px}.door-choice-copy strong{font-size:34px}.door-subpages{grid-template-columns:1fr}.door-subpages a{min-height:74px;padding:14px 18px}.door-hub-help{align-items:flex-start;flex-direction:column;gap:5px;padding:18px}}
@media(prefers-reduced-motion:reduce){.door-choice-photo{transition:none}}