.mp-sommelier{--red:#dc2626;--dark:#111827;--muted:#667085;--border:#dfe3e8;--gray:#f3f4f6;max-width:980px;margin:35px auto;padding:28px;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:0 18px 50px rgba(17,24,39,.09);color:var(--dark);font-family:Arial,sans-serif}
.mp-sommelier *{box-sizing:border-box}
.mp-sommelier__header{display:flex;align-items:center;gap:15px;margin-bottom:23px}
.mp-sommelier__header h2{margin:0 0 4px;font-size:clamp(23px,3.5vw,34px);line-height:1.1}
.mp-sommelier__header p{margin:0;color:var(--muted);font-size:14px}
.mp-sommelier__pepper{display:flex;align-items:center;justify-content:center;width:58px;height:58px;flex:0 0 58px;background:#fff;border:1px solid var(--border);border-radius:16px;font-size:30px;box-shadow:0 8px 20px rgba(17,24,39,.10)}
.mp-sommelier__progress{margin-bottom:24px}
.mp-sommelier__progress-meta{display:flex;justify-content:space-between;margin-bottom:7px;color:var(--muted);font-size:12px;font-weight:700}
.mp-sommelier__progress-track{height:7px;overflow:hidden;background:#edf0f3;border-radius:99px}
.mp-sommelier__progress-track span{display:block;width:25%;height:100%;background:linear-gradient(90deg,#f97316,var(--red));border-radius:99px;transition:width .3s ease}
.mp-sommelier__step{display:none}
.mp-sommelier__step.is-active{display:block}
.mp-sommelier__number{display:block;margin-bottom:6px;color:var(--red);font-size:12px;font-weight:900;letter-spacing:1.5px}
.mp-sommelier__step h3{margin:0;font-size:clamp(21px,3vw,29px);line-height:1.2}
.mp-sommelier__help{margin:7px 0 19px;color:var(--muted);font-size:14px}
.mp-sommelier__options{display:grid;gap:11px}
.mp-sommelier__options--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mp-sommelier__options--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mp-sommelier__option{display:flex;align-items:flex-start;gap:12px;min-height:100px;padding:16px;background:#fff;border:1px solid var(--border);border-radius:14px;color:#111;text-align:left;cursor:pointer;transition:.18s}
.mp-sommelier__option:hover,.mp-sommelier__option.is-selected{background:#e5e7eb;border-color:#9ca3af;color:#111;box-shadow:0 6px 16px rgba(17,24,39,.08)}
.mp-sommelier__option-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:22px}
.mp-sommelier__option strong{display:block;margin:2px 0 4px;font-size:16px}
.mp-sommelier__option small{display:block;color:var(--muted);font-size:12px;line-height:1.35}
.mp-sommelier__nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px}
.mp-sommelier__button{min-height:45px;padding:11px 20px;border:0;border-radius:11px;font-size:14px;font-weight:800;cursor:pointer}
.mp-sommelier__button:disabled{opacity:.38;cursor:not-allowed}
.mp-sommelier__button--primary{background:var(--red);color:#fff}
.mp-sommelier__button--secondary{background:var(--gray);color:var(--dark)}
.mp-sommelier__profile{padding:22px;margin-bottom:24px;background:var(--dark);border-radius:18px;color:#fff;text-align:center}
.mp-sommelier__profile>span{font-size:37px}
.mp-sommelier__profile small{display:block;margin:5px 0;color:#fca5a5;font-weight:900;text-transform:uppercase}
.mp-sommelier__profile h3{margin:0 0 7px;color:#fff;font-size:clamp(24px,4vw,34px)}
.mp-sommelier__profile p{margin:0;color:#d1d5db;font-size:14px}
.mp-sommelier__recommendations{display:grid;gap:13px;margin:15px 0 22px}
.mp-sommelier__card{display:grid;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:15px;padding:17px;background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:0 7px 18px rgba(17,24,39,.05)}
.mp-sommelier__card img{width:76px;height:76px;object-fit:contain}
.mp-sommelier__card h4{margin:0 0 5px;font-size:18px}
.mp-sommelier__price{margin:0 0 9px}
.mp-sommelier__link{display:inline-block;padding:8px 13px;background:var(--dark);border-radius:9px;color:#fff!important;font-size:12px;font-weight:800;text-decoration:none!important}
.mp-sommelier__score{color:var(--red);font-size:19px;font-weight:900}
.mp-sommelier-notice{padding:14px;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px}
@media(max-width:800px){.mp-sommelier__options--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
.mp-sommelier{margin:18px 0;padding:15px 12px;border-radius:16px}
.mp-sommelier__header{gap:10px;margin-bottom:14px}
.mp-sommelier__pepper{width:44px;height:44px;flex-basis:44px;font-size:24px}
.mp-sommelier__header h2{font-size:20px}.mp-sommelier__header p{font-size:11px}
.mp-sommelier__progress{margin-bottom:14px}.mp-sommelier__progress-meta{font-size:10px}.mp-sommelier__progress-track{height:5px}
.mp-sommelier__step h3{font-size:18px}.mp-sommelier__help{margin:5px 0 11px;font-size:11px}
.mp-sommelier__options--2,.mp-sommelier__options--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.mp-sommelier__option{align-items:center;gap:7px;min-height:64px;padding:8px}
.mp-sommelier__option-icon{width:29px;height:29px;flex-basis:29px;font-size:17px}
.mp-sommelier__option strong{margin:0;font-size:12px}.mp-sommelier__option small{display:none}
.mp-sommelier__nav{position:sticky;bottom:0;z-index:5;margin:11px -4px -3px;padding:8px 4px 3px;background:rgba(255,255,255,.96);border-top:1px solid #eee}
.mp-sommelier__button{flex:1;min-height:40px;padding:9px 10px;font-size:12px}
.mp-sommelier__card{grid-template-columns:58px minmax(0,1fr);gap:10px;padding:12px}
.mp-sommelier__card img{width:52px;height:52px}.mp-sommelier__card h4{font-size:15px}
.mp-sommelier__score{grid-column:2;font-size:16px}
}