/* Programme selection and reception dialog. Button colours, corners and sheen are supplied by production.css. */
.pick5,.offer5{--q-white:#fff;--q-paper:#f6f5ef;--q-faint:#edefe9;--q-edge:#d1d7d1;--q-text:#152d36;--q-muted:#435a60;--q-orange:#ee5a24;--q-shade:0 9px 24px -16px #152d364a;--q-overlay:#10262ec4;color:var(--q-text);font-family:var(--body)}
.pick5{width:min(1168px,calc(100% - 64px));margin:clamp(48px,6vw,96px) auto;scroll-margin-top:24px}
.q-mast{padding:0 0 25px}.q-tag{display:flex;align-items:center;gap:10px;font:650 14px/1.35 var(--head);letter-spacing:.095em;text-transform:uppercase;color:var(--q-muted)}
.q-tag i{width:9px;height:9px;flex:none;border-radius:50%;background:var(--q-orange)}
.q-mast h2{font:590 clamp(36px,5vw,72px)/1 var(--head);letter-spacing:-.065em;margin:12px 0 0}
.q-sheet{border-radius:30px;background:var(--q-white);border:1px solid var(--q-edge);padding:clamp(24px,3.8vw,52px);box-shadow:var(--q-shade);scroll-margin-top:16px}
.q-meter{display:flex;justify-content:space-between;align-items:center;font:650 15px/1.3 var(--head);color:var(--q-muted)}
.q-meter [data-pct]{color:var(--q-text);font-variant-numeric:tabular-nums}.q-track{height:6px;background:var(--q-faint);border-radius:20px;overflow:hidden;margin:11px 0 27px}.q-track b{display:block;height:100%;width:100%;border-radius:inherit;background:var(--q-orange);transform:scaleX(.25);transform-origin:left;transition:transform .33s ease}
.pick5 [hidden],.offer5 [hidden]{display:none!important}
.pick5 h3{margin:0 0 23px;font:620 clamp(28px,3.1vw,47px)/1.05 var(--head);letter-spacing:-.052em}
.pick5 h3:focus,.offer5 h2:focus{outline:none}
.q-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.q-audience{grid-template-columns:repeat(2,minmax(0,1fr))}.q-size{grid-template-columns:repeat(4,minmax(0,1fr))}
.pick5 .q-tile.btn.light{width:100%;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;text-align:left;padding:0;min-width:0;height:auto;min-height:52px;border:1px solid var(--q-edge);border-radius:18px;box-shadow:var(--q-shade);background:var(--q-white);letter-spacing:0;transition:transform .18s ease}
.q-tile img{display:block;width:100%;height:clamp(78px,8vw,105px);object-fit:cover}.q-audience img{height:clamp(120px,12vw,170px)}
.q-tile .q-tile-label{padding:13px 17px;display:grid;align-content:center;gap:4px;min-height:55px;font:650 17px/1.18 var(--head);color:var(--q-text);overflow-wrap:anywhere}.q-tile strong{font-weight:inherit;hyphens:manual}.q-tile small{font:400 14px/1.35 var(--body);color:var(--q-muted)}
.q-tile .q-number{padding:19px 16px 8px;font:580 44px/1 var(--head);letter-spacing:-.06em;color:var(--q-text);background:var(--q-paper)}
.q-more,.q-other{border-top:1px solid var(--q-edge);margin-top:19px}.q-more summary,.q-other summary,.q-back{font:600 15px/1.3 var(--head);color:var(--q-muted);cursor:pointer;min-height:44px;align-content:center}.q-back{display:inline-flex;align-items:center;margin-top:18px;text-underline-offset:4px}.q-other p{margin:8px 0 12px;font-size:14px}
.q-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.q-contact-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(210px,.8fr);gap:30px;align-items:start}.q-summary{order:2;margin:0;padding:21px;background:var(--q-paper);border-radius:20px;display:grid;gap:4px}.q-summary:before{content:'Ваш выбор';font:650 18px/1.2 var(--head);margin-bottom:7px}.q-summary dt{font-size:14px;color:var(--q-muted);margin:5px 0 0}.q-summary dd{font:600 16px/1.35 var(--head);margin:0}
.pick5 .ld-field,.offer5 .ld-field,.q-other label{display:grid;gap:6px;font:550 14px/1.35 var(--body);min-width:0;color:var(--q-text)}
.pick5 input:not([type=checkbox],[type=hidden]),.offer5 input:not([type=checkbox],[type=hidden]),.pick5 select,.offer5 select{height:48px;width:100%;min-width:0;border:1px solid var(--q-edge);background:var(--q-white);color:var(--q-text);border-radius:12px;padding:0 13px;font:400 16px/1.25 var(--body)}
.q-other label{margin-bottom:12px}.q-consent{display:flex;align-items:flex-start;gap:9px;min-height:44px;font:400 14px/1.4 var(--body);color:var(--q-muted);margin:13px 0}
.q-consent input{width:20px;height:20px;min-width:20px;accent-color:var(--q-orange);margin:0}.q-consent a{text-decoration:underline;text-underline-offset:2px}
.pick5 [data-ld-company],.offer5 [data-ld-company]{margin-top:12px}.pick5 .btn:not(.q-tile),.offer5 .btn:not(.o-close){min-height:52px;white-space:normal;line-height:1.2}
.pick5 .btn,.offer5 .btn{transition-property:transform,opacity}.pick5 :focus-visible,.offer5 :focus-visible{outline:3px solid var(--q-text);outline-offset:3px}
.q-submit{width:100%}.pick5 .ld-status,.offer5 .ld-status{margin:8px 0 0;min-height:0;font-size:14px}.ld-status:empty{display:none}
.offer5-open{overflow:hidden}
.offer5{position:fixed;inset:0;margin:auto;padding:0;border:0;width:min(846px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 36px);border-radius:28px;background:var(--q-white);box-shadow:0 24px 90px #0f293a40;overflow:auto;overscroll-behavior:contain;opacity:0;transform:translateY(16px);transition:opacity .18s ease,transform .18s ease}
.offer5.shown{opacity:1;transform:translateY(0)}.offer5::backdrop{background:var(--q-overlay,#10262ec4);opacity:0;transition:opacity .18s ease}.offer5.shown::backdrop{opacity:1}
.o-card{display:grid;grid-template-columns:35% minmax(0,1fr);position:relative}
.o-photo{position:relative;overflow:hidden;background:var(--q-faint);min-height:100%}.o-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.o-photo span{position:absolute;left:16px;bottom:18px;background:var(--q-white);color:var(--q-text);padding:8px 13px;border-radius:9px;font:650 14px/1.2 var(--head)}.o-photo b{color:var(--q-orange);padding:0 4px}
.o-body{padding:38px 34px 28px}.o-body .q-tag{padding-right:26px}.o-body h2{font:620 clamp(28px,3.2vw,43px)/1.01 var(--head);letter-spacing:-.055em;margin:15px 0 22px;text-wrap:balance}.o-body form>.ld-field{margin-bottom:12px}
.offer5 .o-close.btn.light{position:absolute;z-index:2;right:8px;top:8px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--q-edge);border-radius:14px;box-shadow:none;background:var(--q-white);color:var(--q-text)}.o-close svg{width:19px;height:19px}.offer5 .o-pick.btn.light{width:100%;margin-top:9px;box-shadow:none;border:1px solid var(--q-edge);background:var(--q-paper);color:var(--q-text)}
@media(hover:hover){.pick5 .q-tile:hover{transform:translateY(-3px)}}
@media(max-width:700px){
.pick5{width:calc(100% - 28px);margin:48px auto}.q-mast{padding:0 5px 16px}.q-mast h2{font-size:38px}.q-sheet{border-radius:23px;padding:22px 16px}.q-track{margin-bottom:21px}.pick5 h3{font-size:28px;margin-bottom:17px}.q-grid,.q-size{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.q-tile img,.q-audience img{height:76px}.q-tile .q-tile-label{font-size:15px;padding:10px;min-height:48px}.q-tile .q-number{font-size:33px}.q-contact-layout{display:flex;flex-direction:column;gap:15px}.q-summary{order:0;width:100%;padding:13px;grid-template-columns:auto 1fr;column-gap:8px;align-items:baseline}.q-summary:before{grid-column:1/-1}.q-contact-input{width:100%}.q-summary dt,.q-summary dd{font-size:14px}.q-fields{grid-template-columns:1fr;gap:10px}
.offer5{inset:auto 0 0;margin:0;width:100%;max-height:calc(100dvh - 12px);border-radius:28px 28px 0 0;transform:translateY(36px)}.o-card{display:flex;flex-direction:column}.o-photo{height:105px;min-height:0}.o-photo img{object-position:50% 26%}.o-photo span{left:19px;bottom:10px}.o-body{padding:18px 20px max(18px,env(safe-area-inset-bottom))}.o-body h2{margin:9px 0 16px;font-size:29px}.offer5 .q-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.offer5 .q-consent{margin:11px 0}.o-body .q-tag{padding-right:0}
}
@media(prefers-reduced-motion:reduce){.pick5 *,.offer5,.offer5 *,.offer5::backdrop{transition:none!important;animation:none!important}.pick5 .q-tile:hover,.offer5,.offer5.shown{transform:none}}
.pick5 form,.offer5 form{display:block;margin:0;padding:0;border:0;min-width:0;width:100%;background:transparent;box-shadow:none}