/* Квиз «Подбор клубной карты» v38 — собрано build.py из phg-quiz-karta-v38.html; руками не править */
.phgq{--pink:#e25678;      
    --pink-dark:#c9385f; 
    --pink-deep:#aa3053; 
    --pink-soft:#f6d9e1;
    --ink:#000;
    --grey:#777;
    --line:#d9d9d9;
    --bg:#fff;}.phgq, .phgq *{box-sizing:border-box}.phgq{margin:0;padding:0}.phgq{background:var(--bg);color:var(--ink);font-family:"Roboto",Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}.phgq .wrap{max-width:860px;margin:40px auto;padding:0 15px}.phgq .pq-card{background:#fff;border-radius:18px;box-shadow:0 15px 30px -10px rgba(0,11,48,.2),0 -3px 12px -4px rgba(0,11,48,.06);overflow:hidden;position:relative}.phgq .bar{height:5px;background:#f0e3e7}.phgq .bar i{display:block;height:100%;background:var(--pink-dark);transition:width .35s ease}.phgq .inner{padding:40px 45px 32px}.phgq .pq-lead{font-size:15px;line-height:1.5;margin:0 0 30px}.phgq .pq-lead b{font-weight:700}.phgq .pq-lead.club{font-size:13px;color:#888;margin-bottom:14px}.phgq .pq-lead.club b{color:var(--pink-dark);font-weight:500}.phgq .q{font-family:"Roboto",Arial,sans-serif;font-weight:300;font-size:24px;line-height:1.3;margin:0 0 22px}.phgq .opts{display:flex;flex-wrap:wrap;gap:17px;margin-bottom:30px}.phgq .opt{width:160px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.phgq .opt .tile{height:160px;border:1px solid var(--line);border-radius:3px;background:#fff;display:flex;align-items:center;justify-content:center;transition:border-color .15s,box-shadow .15s}.phgq .opt .tile svg{width:110px;height:110px}.phgq .opt .tile img{width:140px;height:140px}.phgq .opt .lbl{font-size:15px;line-height:1.3;color:#666;margin-top:8px}.phgq .opt:hover .tile{border-color:#bbb}.phgq .opt.on .tile{border:2px solid var(--pink-dark);box-shadow:0 0 0 3px rgba(201,56,95,.12)}.phgq .opt.on .lbl{color:var(--ink)}.phgq .opts.list{flex-direction:column;gap:12px}.phgq .opts.list .opt{width:100%;max-width:460px}.phgq .opts.list .tile{height:auto;padding:15px 20px;justify-content:flex-start;gap:14px;text-align:left}.phgq .opts.list .tile svg{width:34px;height:34px;flex:none}.phgq .opts.list .tile span{font-size:17px;font-weight:400}.phgq .opts.list .tile small{display:block;font-size:13px;color:#888;font-weight:300}.phgq .opts.list .tile .ic{width:30px;height:30px;flex:none;display:flex;align-items:center;justify-content:center}.phgq .opts.list .tile .ic svg{width:30px;height:30px}.phgq .chip{display:inline-block;font-family:"Montserrat",Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--pink-dark);background:#fbe8ee;border-radius:20px;padding:4px 10px;vertical-align:middle;white-space:nowrap}.phgq .q .chip{font-size:11px;margin-left:6px;position:relative;top:-3px}.phgq .q s{color:#999;font-weight:300}.phgq .nw{white-space:nowrap}.phgq .foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.phgq .pq-step{font-size:12px;color:#888}.phgq .pq-nav{display:flex;align-items:center;gap:10px}.phgq .back{font-family:"Montserrat",Arial,sans-serif;font-weight:500;font-size:13px;letter-spacing:.3px;text-transform:uppercase;height:52px;padding:0 22px;border-radius:40px;border:1px solid #cfcfcf;background:#fff;color:#555;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.phgq .back:hover{border-color:#999;color:var(--ink)}.phgq .back svg{width:14px;height:14px}.phgq .pq-btn{font-family:"Montserrat",Arial,sans-serif;font-weight:600;font-size:14px;letter-spacing:.5px;text-transform:uppercase;color:#fff;background:var(--pink-dark);border:0;border-radius:40px;padding:0 32px;height:52px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:background .15s,opacity .15s}.phgq .pq-btn:hover{background:var(--pink-deep)}.phgq .pq-btn:disabled{opacity:.45;cursor:default}.phgq .pq-btn.grad{background:linear-gradient(90deg,#d8486e,#b53358)}.phgq .pq-btn.grad:hover{background:linear-gradient(90deg,#c43d62,#a02c4f)}.phgq .pq-btn svg{width:16px;height:16px}.phgq.resmode{background:#fff}.phgq.resmode .wrap{max-width:720px;margin:40px auto;padding:0 20px}.phgq.resmode .bar{display:none}.phgq.resmode .inner{padding:44px 36px 40px}.phgq .h{font-family:"Montserrat",Arial,sans-serif;font-weight:400;font-size:26px;line-height:1.25;text-transform:uppercase;margin:0}.phgq .h em{font-style:normal;color:var(--pink);font-weight:400}.phgq .sub{font-size:16px;color:#9a9a9a;margin:6px 0 44px;line-height:1.4}.phgq .res{display:grid;grid-template-columns:296px 288px;justify-content:space-between;gap:30px;align-items:start}.phgq .res.one{grid-template-columns:1fr;max-width:300px}.phgq .pl{background:#fff5ec;border-radius:20px;padding:20px 20px 26px}.phgq .pn{font-family:"Montserrat",Arial,sans-serif;font-weight:700;font-size:18px;text-transform:uppercase;margin:0 0 20px}.phgq .tg{display:flex;align-items:center;gap:14px;margin:0 0 13px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;font-size:15px;font-weight:400;line-height:1.3;color:#111}.phgq .tg.lone{cursor:default}.phgq .tg.dis{cursor:default;opacity:.4}.phgq .tg.dis + .tgchip{opacity:.4}.phgq .tg .sw{width:40px;height:20px;border-radius:10px;background:#d9d9d9;position:relative;flex:none;transition:background .15s}.phgq .tg .sw::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:left .15s}.phgq .tg.on .sw{background:#3a8dea}.phgq .tg.on .sw::after{left:22px}.phgq .tg s{color:#9a9a9a;font-weight:300;margin-left:4px}.phgq .tgchip{margin:-7px 0 24px 54px}.phgq .pl .sp{height:11px}.phgq .tgs{min-height:170px}.phgq .tgchip .chip{text-transform:none;letter-spacing:0;font-family:"Roboto",Arial,sans-serif;font-weight:400;font-size:12px;color:var(--pink);background:#fde3ea;padding:3px 10px;border-radius:12px}.phgq .pq-price{font-family:"Montserrat",Arial,sans-serif;font-weight:700;font-size:26px;line-height:1.1;border-bottom:1px solid #9a9a9a;padding:0 0 5px;white-space:nowrap}.phgq .pq-price small{font-family:"Roboto",Arial,sans-serif;font-weight:300;font-size:13px;color:#9a9a9a;margin-left:5px}.phgq .pq-price s{font-family:"Roboto",Arial,sans-serif;font-weight:300;font-size:15px;color:#9a9a9a;margin-left:8px}.phgq .meta{font-size:13px;color:#9a9a9a;line-height:1.35;margin-top:8px}.phgq .pl{overflow:hidden}.phgq .incl{margin:18px -20px -26px}.phgq .incl-body{display:none;border-top:2px solid #fff;padding:18px 20px 16px;color:#111}.phgq .incl.open .incl-body{display:block}.phgq .incl-h{font-family:"Montserrat",Arial,sans-serif;font-weight:700;font-size:16px;margin:0 0 8px}.phgq .incl-sh{font-size:14px;font-weight:500;margin:12px 0 4px}.phgq .incl-h + .incl-sh{margin-top:0}.phgq .incl ul{margin:0;padding:0 0 0 16px;font-size:14px;line-height:1.3}.phgq .incl li{margin:0 0 1px}.phgq .incl-btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:#ffe3cc;border:0;border-top:2px solid #fff;padding:12px 20px;font-family:"Roboto",Arial,sans-serif;font-size:16px;font-weight:400;color:#111;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}.phgq .incl-btn svg{width:14px;height:14px;flex:none;transition:transform .15s}.phgq .incl.open .incl-btn svg{transform:rotate(180deg)}.phgq .pr{position:relative;background:#fff;border:1px solid var(--pink);border-radius:20px;padding:30px 32px 30px}.phgq .pr .tag{position:absolute;top:-12px;left:34px;background:var(--pink-dark);color:#fff;font-family:"Roboto",Arial,sans-serif;font-size:12px;font-weight:400;border-radius:12px;padding:4px 16px;line-height:1.3}.phgq .oh{font-size:20px;font-weight:400;line-height:1.35;margin:0 0 22px;color:#111}.phgq .oh b{font-family:"Montserrat",Arial,sans-serif;font-weight:700;font-size:30px;line-height:1}.phgq .note{font-size:13px;color:#777;line-height:1.5;margin:0 0 8px}.phgq .res.one .note{margin:0 0 26px}.phgq .form{display:flex;flex-direction:column;gap:10px;margin-top:24px}.phgq .form input{height:36px;border:1px solid #dcdcdc;border-radius:18px;padding:0 16px;font-family:"Roboto",Arial,sans-serif;font-size:13px;font-weight:300;outline:0;background:#fff;width:100%;color:#111}.phgq .form input::placeholder{color:#8a8a8a}.phgq .form input:focus{border-color:var(--pink)}.phgq .form input.err{border-color:#e03030}.phgq .form .pq-btn{height:36px;width:100%;justify-content:center;font-family:"Roboto",Arial,sans-serif;font-size:13px;font-weight:400;text-transform:none;letter-spacing:0;border-radius:18px;background:linear-gradient(90deg,#e25678,#b5325a)}.phgq .form .pq-btn:hover{background:linear-gradient(90deg,#d4486b,#a52c52)}.phgq .form .consent{font-family:"Roboto",Arial,sans-serif;font-size:11px;font-weight:300;line-height:1.35;color:#9a9a9a;margin:0;text-align:center}.phgq .form .ferr{font-size:12px;line-height:1.4;color:#e03030;margin:2px 0 0}.phgq .tform{display:none !important}.phgq .resfoot{margin-top:40px}.phgq .res{align-items:stretch}.phgq .res > .pr{align-self:start}.phgq .lcol{display:flex;flex-direction:column;align-items:flex-start}.phgq .lcol .pl{width:100%;margin-bottom:24px}.phgq .lcol .back{margin-top:auto}.phgq .backlink{font-family:"Roboto",Arial,sans-serif;font-weight:300;font-size:13px;color:#9a9a9a;background:none;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.phgq .backlink:hover{color:#111}.phgq .backlink svg{width:12px;height:12px}.phgq .thanks{text-align:center;padding:30px 0 10px}.phgq .thanks .h{margin-bottom:12px}.phgq .thanks p{font-size:16px;color:#444;max-width:520px;margin:0 auto 10px;line-height:1.5}.phgq .ok{width:74px;height:74px;border-radius:50%;background:var(--pink-dark);color:#fff;display:inline-flex;align-items:center;justify-content:center;margin:0 0 18px}.phgq .ok svg{width:34px;height:34px}.phgq .pq-hidden{display:none !important}.phgq .debug{max-width:860px;margin:14px auto 40px;padding:0 15px;font-size:12px;color:#999;text-align:center}@media (max-width:640px){.phgq .wrap{margin:14px auto}.phgq .inner{padding:26px 18px 22px}.phgq .q{font-size:21px}.phgq .opts{gap:12px}.phgq .opt{width:calc(50% - 6px)}.phgq .opt .tile{height:130px}.phgq .opt .tile svg{width:90px;height:90px}.phgq .opt .tile img{width:112px;height:112px}.phgq .opts.list .opt{width:100%}.phgq .opts.list .tile{padding:12px 14px}.phgq.resmode .wrap{padding:0 12px;margin:14px auto}.phgq.resmode .inner{padding:28px 16px 30px}.phgq .lcol{display:contents}.phgq .lcol .pl{margin-bottom:0}.phgq .lcol .back{order:3;margin-top:0;justify-self:start}.phgq .h{font-size:26px}.phgq .sub{font-size:16px;margin:6px 0 24px}.phgq .brm{display:block;height:0}.phgq .res{grid-template-columns:1fr;gap:30px}.phgq .pl{padding:20px 18px 24px}.phgq .incl{margin:18px -18px -24px}.phgq .incl-body{padding:18px 18px 16px}.phgq .incl-btn{padding:12px 18px}.phgq .pr{padding:28px 18px 22px;margin-top:0}.phgq .pr .tag{left:24px}.phgq .pq-btn{padding:0 22px}.phgq .back{padding:0 16px}}#new-quiz.phgq{width:860px;max-width:100%;min-height:0;padding:0;background:#fff;border-radius:18px;display:none}   /* без overflow:hidden — иначе режется диалог капчи (position:fixed внутри попапа fancybox) */
.phgq .bar{border-radius:18px 18px 0 0;overflow:hidden}
#new-quiz.phgq.resmode{width:688px}   /* 720 в макете давало 64px между картой и скидкой; Босс 26.10: в 2 раза меньше → 32px */
.phgq .wrap,.phgq.resmode .wrap{max-width:none;margin:0;padding:0}
.phgq .pq-card{box-shadow:none;border:0;border-radius:0;display:block;overflow:visible}
.phgq .inner{min-height:300px}
.phgq .incl ul{list-style:disc outside;padding-left:18px}
.phgq .incl li{list-style:disc outside;display:list-item}   /* тема сбрасывает list-style — возвращаем маркеры в «Что входит в карту» */
.phgq .fancybox-close-small{z-index:5}
.phgq .phgq-cf7{position:absolute;left:-9999px;top:0;width:1px;height:0}   /* CF7 за экраном; без overflow/opacity/pointer-events — диалог капчи (position:fixed внутри) должен быть виден и кликабелен */
@media (max-width:640px){#new-quiz.phgq,#new-quiz.phgq.resmode{width:100%;border-radius:12px}}
/* диалог капчи Яндекса (.SmartCaptcha-Overlay, z-index 9999999, в body) должен быть НАД попапом: тема ставит fancybox на максимум
   (2147483649 !important), и диалог оказывался под ним. Пока открыт наш квиз, JS вешает на контейнер класс phgq-fb */
html .fancybox-container.phgq-fb,html .fancybox-container.phgq-fb .fancybox-slide{z-index:9999990 !important}