/* MasterFresok — «Примерочная» на главной */
.mfr{--r:#e5303d;--rd:#c4202c;--ink:#1f2329;--mut:#5b6370;--line:#d6d0c7;--bg:#f7f5f2;--soft:#ebe7e1;
  font-family:inherit;color:var(--ink);background:var(--bg);border-radius:24px;padding:40px 40px 44px;margin:0 0 40px;box-sizing:border-box}
.mfr *,.mfr *:before,.mfr *:after{box-sizing:border-box}
.mfr button{font:inherit;color:inherit;cursor:pointer}
.mfr__test{margin:-20px 0 16px;padding:6px 12px;border-radius:8px;background:#fff4d6;color:#7a5a00;font-size:12.5px;font-weight:600;display:inline-block}
.mfr__in{display:flex;gap:48px;align-items:center;justify-content:center;max-width:1240px;margin:0 auto}
.mfr__l{flex:1 1 0;min-width:0;max-width:520px;display:flex;flex-direction:column;gap:20px}
.mfr__r{flex:1.2 1 0;min-width:0;max-width:640px;display:flex;flex-direction:column;gap:12px}
.mfr__m{display:none}
.mfr__eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--r)}
.mfr__h1{margin:8px 0 0!important;padding:0;font-size:40px!important;line-height:1.1!important;font-weight:800!important;letter-spacing:-.01em;color:var(--ink)}
.mfr__lead{margin:12px 0 0;font-size:16.5px;line-height:1.5;color:#4a5260}
.mfr__quiz{display:flex;flex-direction:column;gap:14px}
.mfr__qt{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#6b7280;margin-bottom:8px}
.mfr__chips{display:flex;flex-wrap:wrap;gap:8px}
.mfr__chip{min-height:40px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-size:14px;font-weight:600;white-space:nowrap;transition:border-color .15s,background .15s}
.mfr__chip:hover{border-color:var(--r)}
.mfr__chip[aria-pressed=true]{border-color:var(--r);background:#fdecee;color:var(--rd)}
.mfr__done{display:none}
.mfr__ok{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2e9e5b;flex:0 0 auto}
.mfr__count{display:flex;align-items:center;gap:10px;font-size:14px;color:#4a5260;min-height:22px}
.mfr__count button,.mfr__done button{border:0;background:none;padding:0;color:var(--rd);text-decoration:underline;font-size:14px}
.mfr__cta{display:flex;flex-wrap:wrap;gap:12px}
.mfr__btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:12px;background:var(--r);color:#fff!important;font-weight:700;font-size:16px;text-decoration:none!important;transition:background .15s}
.mfr__btn:hover{background:var(--rd)}
.mfr__btn2{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font-weight:600;font-size:15px}
.mfr__btn2:hover{border-color:var(--ink)}
.mfr__facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;font-size:13.5px;font-weight:600;color:#4a5260}
.mfr__facts li{display:flex;align-items:center;gap:8px;margin:0;padding:0}
.mfr__facts li:before{display:none}
.mfr__facts svg{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:var(--r);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.mfr__tabs{display:flex;gap:4px;background:var(--soft);border-radius:12px;padding:4px}
.mfr__tabs button{flex:1 0 auto;min-height:38px;padding:0 12px;border:0;border-radius:9px;background:transparent;font-size:13.5px;font-weight:600;color:var(--mut)}
.mfr__tabs button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.mfr__scene{position:relative;width:100%;aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:#e4ded5;box-shadow:0 18px 50px rgba(40,30,20,.16)}
.mfr__wall{position:absolute;inset:0;background:#e4ded5 center/cover no-repeat;transition:opacity .25s}
.mfr__wall.is-load{opacity:.55}
.mfr__tpl{position:absolute;inset:0;width:100%;height:100%;display:block;max-width:none}
.mfr__cur{position:absolute;left:14px;top:14px;max-width:62%;display:block;background:rgba(255,255,255,.95);border-radius:10px;padding:8px 12px;font-size:13px;line-height:1.35;color:var(--ink)!important;text-decoration:none!important;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.mfr__cur b{display:block;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mfr__cur small{display:block;color:var(--mut);font-size:12.5px}
.mfr__cur small:empty{display:none}
.mfr__cur em{display:block;font-style:normal;color:var(--r);font-weight:600;margin-top:2px}
.mfr__cur:hover em{text-decoration:underline}
.mfr__fav,.mfr__next,.mfr__roombtn{position:absolute;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:rgba(255,255,255,.95);box-shadow:0 2px 10px rgba(0,0,0,.12)}
.mfr__fav{left:14px;bottom:14px;width:44px;height:44px;padding:0;border-radius:50%;overflow:hidden}
.mfr__fav .item-action,.mfr__fav .item-action__inner{display:flex!important;align-items:center;justify-content:center;width:44px!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.mfr__fav i.svg{display:flex;width:auto;height:auto}
.mfr__fav svg{width:20px!important;height:20px!important;fill:none!important;stroke:#1f2329;stroke-width:2;stroke-linejoin:round}
.mfr__fav .active svg,.mfr__fav .item-action.active svg{fill:#e5303d!important;stroke:#e5303d}
.mfr__tools{position:absolute;right:14px;bottom:14px;display:flex;gap:8px;z-index:2}
.mfr__tools .mfr__next,.mfr__eye{position:static;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:0;border-radius:999px;background:rgba(255,255,255,.95);box-shadow:0 2px 10px rgba(0,0,0,.12);font-size:13px;font-weight:600}
.mfr__eye svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.mfr__eye[aria-pressed=true]{background:#1f2329;color:#fff}
.mfr__tpl{transition:opacity .35s;pointer-events:none;-webkit-user-drag:none}
.mfr__scene.is-bare .mfr__tpl{opacity:0}
.mfr__scene.can-drag .mfr__wall{cursor:grab}
.mfr__scene.is-drag .mfr__wall{cursor:grabbing;transition:none}
.mfr__scene{touch-action:pan-y;user-select:none;-webkit-user-select:none}
.mfr__hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:rgba(31,35,41,.78);color:#fff;font-size:13.5px;font-weight:600;pointer-events:none;transition:opacity .4s;z-index:2}
.mfr__hint svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mfr__hint.is-out{opacity:0}
.mfr__hint[hidden]{display:none}
.mfr__note{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.4;color:#4a5260}
.mfr__note svg{width:16px;height:16px;flex:0 0 auto;margin-top:1px;fill:none;stroke:#2e9e5b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mfr__next svg,.mfr__roombtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.mfr__menu{position:absolute;left:10px;top:56px;width:170px;padding:6px 0;border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.18);z-index:3}
.mfr__menu button{display:block;width:100%;min-height:40px;padding:0 14px;border:0;background:transparent;text-align:left;font-size:14px;font-weight:600}
.mfr__menu button[aria-pressed=true]{background:#fdecee;color:var(--rd)}
.mfr__thumbs{display:grid;grid-template-columns:repeat(9,1fr);gap:8px}
.mfr__th,.mfr__more{padding:0;border:0;background:var(--soft);border-radius:10px;overflow:hidden;aspect-ratio:4/3;transition:transform .15s}
.mfr__th:hover{transform:translateY(-2px)}
.mfr__th img{display:block;width:100%;height:100%;object-fit:cover}
.mfr__th[aria-pressed=true]{box-shadow:0 0 0 3px var(--r)}
.mfr__more{font-weight:700;font-size:14px}
.mfr__modal{--r:#e5303d;--rd:#c4202c;--ink:#1f2329;--mut:#5b6370;--line:#d6d0c7;--soft:#ebe7e1;font-family:inherit;color:#1f2329;position:fixed;inset:0;z-index:100000;background:rgba(20,22,26,.55);display:flex;align-items:center;justify-content:center;padding:24px}
.mfr__modal[hidden]{display:none}
.mfr__modal *,.mfr__modal *:before,.mfr__modal *:after{box-sizing:border-box}
.mfr__modal button{font:inherit;color:inherit;cursor:pointer}
.mfr__box{background:#fff;border-radius:18px;width:min(1100px,100%);max-height:100%;overflow:auto;padding:20px 24px 24px}
.mfr__mh{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:18px}
.mfr__mh button{border:0;background:var(--soft);width:40px;height:40px;border-radius:50%;font-size:24px;line-height:1}
.mfr__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.mfr__card{display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.3;min-width:0}
.mfr__card button{display:block;padding:0;border:0;background:var(--soft);border-radius:10px;overflow:hidden;margin-bottom:4px;transition:box-shadow .15s}
.mfr__card button:hover{box-shadow:0 0 0 3px var(--r)}
.mfr__card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.mfr__cn{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mfr__card small{color:var(--mut)}
.mfr__card a{color:var(--r)!important;font-size:12.5px;font-weight:600;text-decoration:none!important}
.mfr__card a:hover{text-decoration:underline!important}
.mfr__zoom{position:fixed;z-index:100001;pointer-events:none;background:#fff;border-radius:12px;padding:6px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.mfr__zoom[hidden]{display:none}
.mfr__zoom img{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain;border-radius:8px}
.mfr__sw{display:inline-block;width:16px;height:16px;border-radius:50%;margin:0 7px -3px -4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.mfr__moreload{margin:18px auto 0;display:flex}
.mfr__moreload[hidden]{display:none}
@media (min-width:768px){.mfr .mfr__roombtn,.mfr .mfr__menu,.mfr .mfr__m{display:none!important}}
@media (max-width:1199px){.mfr{padding:32px 24px}.mfr__in{gap:32px}.mfr__h1{font-size:34px!important}.mfr__thumbs{grid-template-columns:repeat(5,1fr)}.mfr__th:nth-child(n+5){display:none}}
/* телефон и узкий планшет — компактно, примерно в один экран */
@media (max-width:767px){
  .mfr{border-radius:16px;padding:16px 12px 18px;margin:0 0 24px}
  .mfr__d{display:none!important}.mfr__m{display:inline}
  .mfr__in{display:flex;flex-direction:column;gap:12px;align-items:stretch}
  .mfr__l,.mfr__r{display:contents}
  .mfr__head{order:1}.mfr__scene{order:2}.mfr__note{order:3}.mfr__quiz{order:4}.mfr__thumbs{order:5}.mfr__cta{order:6}
  .mfr__note{font-size:12px;margin-top:-4px}
  .mfr__tools{right:10px;top:10px;bottom:auto;gap:6px}
  .mfr__eye{width:40px;padding:0;justify-content:center}
  .mfr__tabs,.mfr__facts,.mfr__count{display:none}
  .mfr__eyebrow{font-size:11.5px}
  .mfr__h1{font-size:24px!important;margin-top:6px!important}
  .mfr__lead{font-size:13px;margin-top:4px;line-height:1.4}
  .mfr__scene{border-radius:16px;box-shadow:0 10px 30px rgba(40,30,20,.14)}
  .mfr__roombtn{left:10px;top:10px;min-height:40px;padding:0 12px;border-radius:999px;font-size:13.5px;font-weight:700}
  .mfr__cur{left:64px;top:auto;bottom:10px;max-width:calc(100% - 180px);padding:5px 10px}
  .mfr__cur b:after{content:" →"}
  .mfr__fav{left:10px;bottom:10px}
  .mfr__tools .mfr__next{padding:0 12px;font-size:12.5px;font-weight:700}
  .mfr__quiz{background:#fff;border-radius:14px;padding:12px 0 12px 12px;gap:0}
  .mfr__q{display:none}.mfr__q.is-cur{display:block}
  .mfr__qt{justify-content:space-between;padding-right:12px;margin-bottom:10px;font-size:14px;font-weight:700;color:var(--ink)}
  .mfr__qt>span:nth-child(2){flex:1}
  .mfr__dots{display:inline-flex;gap:4px}
  .mfr__dots i{display:inline-block;width:6px;height:6px;border-radius:3px;background:var(--line)}
  .mfr__dots i.on{background:var(--r)}
  .mfr__skip{border:0;background:none;padding:6px 0;font-size:12.5px;font-weight:500;color:#6b7280}
  .mfr__chips{flex-wrap:nowrap;overflow-x:auto;padding-right:12px;scrollbar-width:none}
  .mfr__chips::-webkit-scrollbar{display:none}
  .mfr__chip{flex:0 0 auto}
  .mfr__quiz.is-done .mfr__q{display:none}
  .mfr__quiz.is-done .mfr__done{display:flex;align-items:center;gap:8px;padding-right:12px;min-height:40px;font-size:14px;font-weight:700}
  .mfr__done [data-done]{flex:1}
  .mfr__done button{font-size:13px;font-weight:600}
  .mfr__thumbs{display:flex;overflow-x:auto;gap:8px;margin:0 -12px;padding:3px 12px;scrollbar-width:none}
  .mfr__thumbs::-webkit-scrollbar{display:none}
  .mfr__th,.mfr__more{flex:0 0 76px;display:block!important}
  .mfr__cta{position:sticky;bottom:10px;z-index:2}
  .mfr__btn{width:100%;box-shadow:0 6px 18px rgba(229,48,61,.3)}
  .mfr__cta .mfr__btn2{display:none}
  .mfr__modal{padding:0;align-items:flex-end}.mfr__box{border-radius:18px 18px 0 0;max-height:88vh;padding:16px}
  .mfr__grid{grid-template-columns:1fr 1fr;gap:10px}
}
/* v21: колонки на всю ширину контента */
@media (min-width:768px){.mfr__in{justify-content:space-between}.mfr__l{max-width:none;flex:1 1 0}.mfr__r{max-width:none;flex:1.15 1 0}}
@media (min-width:1200px){.mfr__r{max-width:680px}}