@font-face{font-family:"Space Grotesk";src:url("/assets/site-kit/faq-fonts/space-grotesk-500.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Manrope";src:url("/assets/site-kit/faq-fonts/manrope-400.ttf") format("truetype");font-weight:400;font-display:swap}
/* FAQ reference: Cena kuchyne na mieru, approved 1 November 2026.
   Opt-in scope protects all other sections and the existing form/accordion logic. */
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"]{background:#fff;padding-block:64px;border:0;color:#262626}
:is(#site-content, body) .mk-faq-layout[data-faq-system="standard"],:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] .mk-faq-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:64px;width:100%;max-width:1440px;margin-inline:auto;padding:0 64px;box-sizing:border-box}
:is(#site-content, body) .mk-faq-layout[data-faq-system="standard"]{padding-block:64px}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] .mk-faq-heading{min-width:0;max-width:none;text-align:left;margin:0}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] .mk-faq-label{display:block;font:500 11px/1.5 "Space Grotesk",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#746553;margin:0 0 20px!important}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] .mk-faq-heading>h2{font:500 clamp(30px,3.2vw,46px)/1.13 "Space Grotesk",Arial,sans-serif;letter-spacing:-.035em;text-transform:uppercase;color:#262626;margin:0}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] .mk-faq-heading>p:empty{display:none}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] :is(.faq-list,.hp-faq__list){min-width:0;max-width:none;width:100%;margin:0}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] :is(.faq-item,.price-faq,.hp-faq__item){border:0;border-bottom:1px solid #ded7cd;margin:0;border-radius:0;background:transparent}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] :is(.faq-item,.price-faq,.hp-faq__item):first-child{border-top:1px solid #ded7cd}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] :is(.faq-question,summary){display:block;position:relative;width:100%;box-sizing:border-box;list-style:none;border:0;background:transparent;text-align:left;padding:24px 80px 24px 0;margin:0;cursor:pointer;font:500 19px/1.5 "Space Grotesk",Arial,sans-serif;letter-spacing:-.015em;text-transform:none;color:#262626;transition:opacity .2s}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] :is(.faq-question,summary) h3{font:inherit;letter-spacing:inherit;text-transform:none;color:inherit;margin:0;padding:0}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] summary::-webkit-details-marker{display:none}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] :is(.faq-question,summary):hover{opacity:.7}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] :is(.faq-question,summary):focus-visible{outline:2px solid #746553;outline-offset:4px}
/* Hide obsolete text/pseudo icons. Draw both implementations with the same two lines. */
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] .hp-faq__item summary::before,:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] .hp-faq__item summary::after{content:none}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] :is(.icon,.hp-faq__icon){position:absolute;display:block;right:36px;top:50%;width:24px;height:24px;transform:translateY(-50%);margin:0}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] :is(.icon,.hp-faq__icon)::before,:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] :is(.icon,.hp-faq__icon)::after,:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] .price-faq summary::before,:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] .price-faq summary::after{content:"";display:block;position:absolute;background:#262626;opacity:1;transition:transform .5s ease-in-out,opacity .5s ease-in-out}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] :is(.icon,.hp-faq__icon)::before{width:24px;height:2px;left:0;top:11px;transform:none}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] :is(.icon,.hp-faq__icon)::after{width:2px;height:24px;left:11px;top:0;transform:none}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] :is(.faq-question.active .icon,.hp-faq__item[open] .hp-faq__icon)::after{transform:rotate(90deg);opacity:0}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] .price-faq summary::after{right:36px;top:50%;width:24px;height:2px;transform:translateY(-50%)}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] .price-faq summary::before{right:47px;top:50%;width:2px;height:24px;transform:translateY(-50%)}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] .price-faq[open] summary::before{transform:translateY(-50%) rotate(90deg);opacity:0}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] :is(.faq-answer-content,.price-faq-answer,.hp-faq__answer){padding:0 36px 24px 0;font:400 15px/1.85 "Manrope",Arial,sans-serif;color:#555555}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] :is(.faq-answer-content,.price-faq-answer,.hp-faq__answer) p{font:inherit;color:inherit;margin:0 0 16px}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] :is(.faq-answer-content,.price-faq-answer,.hp-faq__answer) p:last-child{margin-bottom:0}
/* LOCAL REVIEW 3 Nov: measure real item height instead of the legacy 1000px cap.
   Without the module, native details and the historical controller still work. */
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] [data-faq-motion] {box-sizing:border-box}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] [data-faq-motion] .faq-answer{max-height:none;transition:none}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] [data-faq-motion] .faq-answer[hidden]{display:none}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] details[data-faq-expanded="false"] .hp-faq__icon::after{transform:none;opacity:1}
:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] .price-faq[data-faq-expanded="false"] summary::before{transform:translateY(-50%);opacity:1}
@media(max-width:1100px){:is(#site-content, body) .mk-faq-layout[data-faq-system="standard"],:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] .mk-faq-layout{gap:40px;padding-inline:40px}}
@media(max-width:900px){:is(#site-content, body) .mk-faq-system[data-faq-system="standard"]{padding-block:40px}:is(#site-content, body) .mk-faq-layout[data-faq-system="standard"],:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] .mk-faq-layout{grid-template-columns:minmax(0,1fr);gap:24px;padding-inline:22px}:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] .mk-faq-heading>h2{font-size:clamp(30px,8vw,38px);line-height:1.16}:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] :is(.faq-answer-content,.price-faq-answer,.hp-faq__answer){font-size:14px;line-height:1.9}}
@media(max-width:767px){:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] :is(.faq-question,summary){font-size:18px}}
@media(prefers-reduced-motion:reduce){:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] *,:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] *::before,:is(#site-content, body) .mk-faq-system[data-faq-system="standard"] *::after{transition:none!important}}