header{padding:10px 28px;gap:22px;background:#fffdf9;border-bottom:3px solid #c36024}
.obtp-logo{width:106px;height:106px;object-fit:contain;flex:0 0 auto;background:white;border-radius:5px}
.project-title h1{font-size:23px}.project-title p{font-size:13px}.badge{color:#715a46}
.selectors{display:flex;gap:18px;padding:12px 28px;border-bottom:1px solid #dcded5;background:#f4f1e9;z-index:2}
.selectors label{display:flex;align-items:center;gap:10px;font-size:11px;color:#66716a;text-transform:uppercase;letter-spacing:.06em}
.selectors select{font:13px system-ui;color:#253b35;background:#fffdf6;border:1px solid #cbd3c9;border-radius:9px;padding:9px 30px 9px 10px;min-width:205px;max-width:100%;letter-spacing:0;text-transform:none;cursor:pointer}
.selectors select:focus-visible{outline:3px solid #c36024;outline-offset:2px}.hint{top:12px}.obtp-signature{font-weight:650;letter-spacing:.03em;color:#9a481e}
@media(max-width:600px){header{padding:8px 12px;gap:12px;flex-wrap:wrap}.obtp-logo{width:82px;height:82px}.project-title{flex:1}.project-title h1{font-size:20px}.project-title p{font-size:12px}.badge{margin-left:0;max-width:95px;white-space:normal;font-size:8px;padding:6px;line-height:1.4;letter-spacing:.02em}.selectors{gap:9px;padding:9px 12px}.selectors label{flex:1;min-width:0;display:block;font-size:9px}.selectors select{display:block;width:100%;min-width:0;font-size:12px;padding:9px 22px 9px 7px;margin-top:4px}.hint{top:10px;font-size:10px}.controls{bottom:12px}footer>span{max-width:none}}
@media(max-height:520px){header{padding:5px 16px;gap:12px}.obtp-logo{width:58px;height:58px}.project-title h1{font-size:18px}.selectors{padding:6px 16px}.controls button{min-height:42px}.controls{bottom:10px}.hint{display:none}}