.area-selector{padding:70px 6% 80px;background:#eeeee7;color:#17231d}.area-selector h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(48px,7vw,92px);line-height:1.02;letter-spacing:-1px;margin:25px 0}.area-selector h1 em{font-family:inherit;font-style:normal;color:#727d66}.area-selector>p{max-width:620px;line-height:1.8;color:#626c5b}.selector-tools{display:flex;flex-wrap:wrap;align-items:end;gap:16px;background:#fff;padding:25px;border-radius:14px;border:1px solid #daddd2;margin:34px 0 22px}.selector-tools label{display:grid;gap:9px;font-size:12px;font-weight:600;flex:1;min-width:200px;margin:0}.selector-tools select,.selector-tools input{font:inherit;font-size:15px;width:100%;padding:15px;border:1px solid #cdd3c3;border-radius:7px;background:#fafbf7;color:#17231d;box-sizing:border-box}.selector-tools .button{margin:0;white-space:nowrap;min-height:52px;padding:15px 22px}.selector-tools .selector-search{flex-basis:100%;max-width:500px}.area-selector .selector-count{font-size:12px;letter-spacing:.6px;margin:20px 0}.selector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.selector-card{display:block;position:relative;padding:24px;background:#fff;border:1px solid #daddd2;border-radius:10px;text-decoration:none;transition:border-color .2s,transform .2s}.selector-card:hover{border-color:#71885e;transform:translateY(-3px)}.selector-card span{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#76846b}.selector-card h2{font-family:inherit;font-size:21px;margin:13px 24px 0 0;line-height:1.3}.selector-card b{position:absolute;right:22px;bottom:24px;font-size:22px;color:#75816a}.selector-help{margin-top:40px;background:#1b271e;color:#fff;padding:28px;border-radius:12px}.selector-help h2{font-family:inherit;font-size:22px;margin:0 0 12px}.selector-help p{color:#cbd4c4;line-height:1.8}.selector-help a{display:inline-block;color:#ffe52b;margin:12px 24px 0 0;text-underline-offset:5px}.area-selector [hidden]{display:none!important}@media(max-width:1000px){.selector-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.area-selector{padding:40px 6%}.selector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.selector-card{padding:20px 15px}.selector-card h2{font-size:18px}.selector-card b{right:13px;bottom:20px}.selector-tools{padding:20px;gap:18px}.selector-tools label,.selector-tools .selector-search{min-width:0;flex-basis:100%}.selector-tools .button{width:100%;justify-content:center;font-size:13px}.selector-help{padding:23px}}
