/* Native selects retain keyboard navigation, screen-reader support and mobile pickers. */
select{appearance:none;-webkit-appearance:none;background-image:url('../images/select-chevron.svg');background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:46px!important;cursor:pointer;transition:border-color .18s,box-shadow .18s,background-color .18s}
body:not(.admin-body) select{border:1px solid #d7e3de;background-color:#f6f9f8;border-radius:14px;color:#254a43;min-height:48px;font:inherit;font-size:14px}
body:not(.admin-body) select:hover{border-color:#89b5a8;background-color:#eff6f3}
select:focus-visible{outline:2px solid #008d80;outline-offset:3px;box-shadow:0 0 0 5px #008d8015}
select:disabled{opacity:.5;cursor:not-allowed}select option{background:#fff;color:#254a43;padding:12px}
.admin-body select{background-color:#12312b;border-color:#426359;border-radius:10px;min-height:44px;color:#d7e9df}.admin-body select option{background:#12312b;color:#d7e9df}
.specs-section .specs-grid{gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}
.specs-section .spec-card{position:relative;isolation:isolate;display:flex;align-items:flex-start;gap:18px;min-height:174px;padding:27px 24px;border:1px solid #deebe5;border-radius:24px;background:radial-gradient(ellipse at 100% 0%,#dcefe750,transparent 70%),#fafcfb;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.spec-card::after{content:'';position:absolute;width:120px;height:120px;right:-68px;bottom:-77px;border:1px solid #92c3b63d;border-radius:50%;box-shadow:0 0 0 13px #92c3b614,0 0 0 27px #92c3b609;z-index:-1}
.spec-card .spec-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:16px;background:#e6f3ed;color:#007f72;border:1px solid #d5e9df}
.spec-icon svg{width:25px;height:25px;stroke-width:1.6}.spec-card .spec-content{min-width:0;padding-top:2px}.spec-card .spec-content small{display:block;color:#698079;font-size:12px;letter-spacing:.02em;margin:0 0 13px}.spec-card .spec-content>span{display:block;font-size:17px;line-height:1.5;color:#22463c;font-weight:500;overflow-wrap:anywhere}
.spec-card:nth-child(3n+2) .spec-icon{background:#e6f0f6;color:#277b93;border-color:#d5e6ed}.spec-card:nth-child(3n) .spec-icon{background:#f4f0e4;color:#927326;border-color:#ece4ca}
@media(hover:hover){.specs-section .spec-card:hover{transform:translateY(-4px);border-color:#a4cabb;box-shadow:0 12px 30px #174d3c08}}
.captcha-panel{display:flex;align-items:flex-start;gap:16px;background:#f3f8f6;border:1px solid #d8e7df;border-radius:18px;padding:22px;margin:8px 0 24px;color:#254a43}.captcha-heading{font-size:13px!important;font-weight:600;margin:0 0 5px!important;color:#254a43!important}
@media(max-width:1100px){.specs-section .specs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.specs-section .spec-card{padding:22px 18px;gap:14px}}
@media(max-width:800px){.specs-section .specs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-card .spec-content>span{font-size:16px}}
@media(max-width:480px){.specs-section .specs-grid{gap:12px}.specs-section .spec-card{display:block;padding:18px;min-height:185px}.spec-card .spec-icon{margin-bottom:16px;width:42px;height:42px}.spec-card .spec-content small{font-size:11px;margin-bottom:8px}.spec-card .spec-content>span{font-size:14px}.captcha-panel{padding:16px;gap:12px}}
@media(prefers-reduced-motion:reduce){.specs-section .spec-card,select{transition:none}.specs-section .spec-card:hover{transform:none}}
/* Fully styled popup where supported; other browsers keep their native picker. */
@supports (appearance:base-select){
 select,select::picker(select){appearance:base-select}
 select{align-items:center}
 select::picker-icon{display:none}
 select::picker(select){padding:7px;border:1px solid #d7e5df;border-radius:16px;background:#fff;color:#254a43;box-shadow:0 18px 45px #103f3026;max-height:min(360px,55dvh);margin-block:7px;font:inherit;font-size:14px}
 select option{padding:12px 15px;border-radius:9px;gap:12px;cursor:pointer;transition:background-color .15s}
 select option:hover,select option:focus{background:#edf6f1;outline:none}
 select option:checked{background:#deeee6;color:#006f62;font-weight:600}
 select option::checkmark{color:#008579;margin-left:auto;order:1}
 .admin-body select::picker(select){background:#102d26;color:#d7e9df;border-color:#426359;box-shadow:0 18px 45px #0005}
 .admin-body select option:hover,.admin-body select option:focus{background:#254c40}
 .admin-body select option:checked{background:#315b49;color:#d8f4df}
}