.retina-configurator { display:grid; gap:18px; margin:24px 0; padding:22px; border:1px solid #dfe3ea; border-radius:18px; background:#f6f7f9; }
.retina-configurator__head { display:grid; gap:5px; }
.retina-configurator__head > span { color:#007e98; font-size:11px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.retina-configurator__head > strong { color:#111b35; font-size:24px; }
.retina-configurator__head p { margin:0; color:#4d576d; font-size:13px; }
.retina-configurator__steps { display:grid; gap:10px; }
.retina-configurator__step { display:grid; grid-template-columns:34px 1fr minmax(150px,1.2fr); align-items:center; gap:10px; padding:12px; border:1px solid #dfe3ea; border-radius:12px; background:#fff; }
.retina-configurator__step > span { color:#00a7c7; font-size:11px; font-weight:900; }
.retina-configurator__step select { width:100%; min-height:42px; margin:0; border-color:#dfe3ea; border-radius:8px; }
.retina-configurator__summary { display:grid; gap:4px; padding:16px; border-radius:12px; color:#fff; background:#111b35; }
.retina-configurator__summary > span,.retina-configurator__summary small { color:rgba(255,255,255,.68); }
.retina-configurator__summary > strong { color:#fff; font-size:26px; }
@media (max-width:680px){.retina-configurator__step{grid-template-columns:28px 1fr}.retina-configurator__step select{grid-column:1/-1}}