body.page-template-page-poukaz{position: relative;} body.page-template-page-poukaz #fig-pozadi{position: absolute; inset: 0; height: auto;} body.page-template-page-poukaz .fig-pozadi-okno{height: 100%;} body.page-template-page-poukaz .fig-pata-pruh-poukaz{position: absolute; left: calc(50% - 720px); width: 1440px; bottom: 0; height: 72px; background: #F1EEE9; pointer-events: none;} #poukaz-stranka{position: relative; overflow-x: clip;} #poukaz{position: relative; max-width: 100%; margin: 0 auto; text-align: center; padding-bottom: 197px;} #poukaz p, #poukaz h1, #poukaz h2, #poukaz h3, #poukaz ol{margin: 0;} #poukaz .pk-hero{padding-top: 159px; font-weight: 400;} #poukaz .pk-hero-1, #poukaz .pk-hero-2{display: block; font-family: "Cinzel Decorative", sans-serif; font-weight: 400;} #poukaz .pk-hero-1{font-size: 42px; line-height: 57px; color: #A8845E;} #poukaz .pk-hero-2{margin-top: -8px; font-size: 59px; line-height: 80px; color: #7E5232;} #poukaz .pk-podtitul{margin: 4px auto 0; max-width: min(740px, calc(100% - 68px)); min-height: 69px; font-family: "Jost", sans-serif; font-weight: 300; font-size: 18px; line-height: 22px; color: #7E5232;} #poukaz .pk-ukazka{position: relative; height: 365px; z-index: 0;} #poukaz .pk-voucher{position: absolute; left: 50%; top: 190.9px; width: 783.39px; height: auto; max-width: none; transform: translate(-50%, -50%) rotate(7.48deg); pointer-events: none;} #poukaz .pk-nakup-popis{font-family: "Cinzel", serif; font-weight: 600; font-size: 17px; line-height: normal; color: #3C1D06;} #poukaz .pk-nakup-pole{display: block; box-sizing: border-box; width: min(479px, 100%); height: 58px; margin: 7px auto 0; padding: 0 20px; border: 0; border-radius: 32px; background: #fff; text-align: center; font-family: "Cinzel", serif; font-weight: 500; font-size: 20px; line-height: 58px; color: #3C1D06; opacity: 1; cursor: default; -webkit-text-fill-color: currentColor;} #poukaz .pk-nakup-pole::placeholder{color: #CFC0B0; opacity: 1;} #poukaz .pk-nakup-tlacitko{display: block; box-sizing: border-box; min-width: 279px; height: 42px; margin: 15px auto 0; padding: 0 10px; border: 0; border-radius: 32px; background: #A8845E; opacity: 1; cursor: default; font-family: "Cinzel", serif; font-weight: 600; font-size: 17px; line-height: 42px; color: #EBE7DD; white-space: nowrap;} #poukaz .pk-nakup-napoveda, #poukaz .pk-nakup-chyba{margin: 6px auto 0; max-width: 447px; height: 17px; font-family: "Jost", sans-serif; font-weight: 300; font-size: 13px; line-height: 17px; color: #7E5232;} #poukaz .pk-nakup-chyba{color: #9b2c1f; font-weight: 500; height: auto; min-height: 17px;} #poukaz .pk-nakup-napoveda[hidden], #poukaz .pk-nakup-chyba[hidden]{display: none;} #poukaz .pk-nakup-pole.je-chyba{outline: 2px solid #9b2c1f; outline-offset: 0;} #poukaz .pk-nakup-pole:not(:disabled), #poukaz .pk-nakup-tlacitko:not(:disabled){cursor: pointer;} #poukaz .pk-nakup-pole:not(:disabled){cursor: text;} #poukaz .pk-nakup-pole:focus-visible, #poukaz .pk-nakup-tlacitko:focus-visible{outline: 2px solid #7e5232; outline-offset: 3px;} #poukaz .pk-poznamka{margin: 0 auto 0; max-width: 447px; font-family: "Jost", sans-serif; font-weight: 300; font-size: 13px; line-height: normal; color: #7E5232;} #poukaz .pk-jak{display: block; box-sizing: border-box; width: 183px; height: 34px; margin: 86px auto 0; border: 1px solid #A8915E; border-radius: 32px; font-family: "Cinzel", serif; font-weight: 600; font-size: 14px; line-height: 32px; color: #3C1D06;} #poukaz .pk-kroky{position: relative; list-style: none; padding: 0; margin: 44px 0 0 calc(50% - 304px); width: 660px; text-align: left; font-family: "Jost", sans-serif; font-size: 16px; line-height: 22px;} #poukaz .pk-krok{position: relative; margin-top: 22px;} #poukaz .pk-krok:first-child{margin-top: 0;} #poukaz .pk-krok h3{font-weight: 500; color: #3C1D06; font-size: 16px; line-height: 22px;} #poukaz .pk-krok p{font-weight: 300; color: #7E5232;} #poukaz .pk-krok::before, #poukaz .pk-krok::after{content: ""; position: absolute; pointer-events: none;} #poukaz .pk-krok::after{left: -32.5px; width: 1px; background: #D2BEA9;} #poukaz .pk-krok-1::after{background: linear-gradient(to top, #D2BEA9, rgba(210, 190, 169, 0));} #poukaz .pk-krok-1::before{left: -37px; top: 7px; width: 10px; height: 10px; border-radius: 50%; background: #D2BEA9;} #poukaz .pk-krok-1::after{top: -42px; height: 39px;} #poukaz .pk-krok-2::before{left: -38.5px; top: 6px; width: 13px; height: 13px; border-radius: 50%; background: #D2BEA9;} #poukaz .pk-krok-2::after{top: -61px; height: 54px;} #poukaz .pk-krok-3::before{left: -39.5px; top: 5px; width: 15px; height: 15px; border-radius: 50%; background: #D2BEA9;} #poukaz .pk-krok-3::after{top: -56px; height: 48px;} #poukaz .pk-krok-4::before{left: -53px; top: 14px; width: 42px; height: 42px; background: url("assets/obrazky/poukaz-hvezda-mala.svg") center / 100% 100% no-repeat;} #poukaz .pk-krok-4::after{top: -77px; height: 83px;} #poukaz .pk-hvezda{display: block; width: 72px; height: 69px; margin: 94px auto 0;} #poukaz .pk-podminky h2{margin-top: 25px; font-family: "Cinzel", serif; font-weight: 600; font-size: 17px; line-height: normal; color: #3C1D06;} #poukaz .pk-podminky p{margin: 6px auto 0; max-width: 722px; font-family: "Jost", sans-serif; font-weight: 300; font-size: 13px; line-height: normal; color: #7E5232;} #poukaz .pk-podminky .pk-podekovani{margin-top: 19px; font-weight: 500; padding-bottom: 11px;} @media (min-width:1200px){html:root .fig-dialog.fig-dialog-poukaz {width: min(760px, calc(100vw - 32px));}} .fig-dialog-poukaz .fig-dialog-hlava{margin-bottom: 38px;} html:root .fig-dialog-poukaz .pk-d-mrizka{align-items: end;} .fig-dialog-poukaz .pk-d-castka{width: min(260px, 100%); margin: 0 auto 26px; text-align: center;} .fig-dialog-poukaz .pk-d-castka .fig-dialog-pole{text-align: center; font-family: "Cinzel", serif; font-weight: 500; font-size: 20px; color: #3c1d06;} .fig-dialog-poukaz .pk-d-napoveda{margin: 7px 0 0; text-align: center; font-family: "Jost", sans-serif; font-weight: 300; font-size: 13px; line-height: 17px; color: #7e5232;} .fig-dialog-poukaz .pk-d-platba-pozn{margin: 14px 0 0;} .fig-dialog-poukaz .pk-d-platba-pozn[hidden]{display: none;} .fig-dialog-poukaz .pk-d-skupiny{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 30px; margin-top: 26px;} .fig-dialog-poukaz .pk-d-skupina{min-width: 0; margin: 0; padding: 0; border: 0;} .fig-dialog-poukaz .pk-d-skupina legend{display: block; width: 100%; padding: 0; text-align: center; margin-bottom: 7px;} .fig-dialog-poukaz .pk-d-volby{display: grid; gap: 8px;} .fig-dialog-poukaz .pk-d-volba{position: relative; display: flex; align-items: center; justify-content: center; min-height: 42px; padding: 6px 16px; border-radius: 32px; background: #fff; cursor: pointer; text-align: center;} .fig-dialog-poukaz .pk-d-volba[hidden]{display: none;} .fig-dialog-poukaz .pk-d-volba input{position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0;} .fig-dialog-poukaz .pk-d-text{font-family: "Jost", sans-serif; font-weight: 500; font-size: 15px; line-height: 20px; color: #7e5232;} .fig-dialog-poukaz .pk-d-volba:has(input:checked){background: #a8845e;} .fig-dialog-poukaz .pk-d-volba:has(input:checked) .pk-d-text{color: #ebe7dd;} .fig-dialog-poukaz .pk-d-volba:has(input:focus-visible){outline: 2px solid #7e5232; outline-offset: 2px;} .fig-dialog-poukaz .pk-d-volba.je-vypnuto{opacity: .45; cursor: not-allowed;} .fig-dialog-poukaz .pk-d-skupina.je-chyba .pk-d-volba{outline: 2px solid #9b2c1f;} html:root .fig-dialog .fig-rezervace-diky.pk-d-diky{max-width: 560px;} .fig-dialog-poukaz .pk-d-qr{display: flex; align-items: center; justify-content: center; gap: 28px; width: 100%; margin: 4px 0 20px; text-align: left;} .fig-dialog-poukaz .pk-d-qr[hidden], .fig-dialog-poukaz [data-pk-text][hidden]{display: none;} .fig-dialog-poukaz .pk-d-qr-obraz{flex: none; width: 190px; height: 190px; background: #fff; border-radius: 12px; padding: 6px;} .fig-dialog-poukaz .pk-d-qr-obraz svg{display: block; width: 100%; height: 100%;} .fig-dialog-poukaz .pk-d-qr-udaje{margin: 0;} .fig-dialog-poukaz .pk-d-qr-udaje div{margin: 0 0 10px;} .fig-dialog-poukaz .pk-d-qr-udaje dt{font-family: "Cinzel", serif; font-weight: 600; font-size: 14px; color: #3c1d06;} .fig-dialog-poukaz .pk-d-qr-udaje dd{margin: 2px 0 0; font-family: "Jost", sans-serif; font-weight: 500; font-size: 17px; color: #7e5232; overflow-wrap: anywhere;} html:root .fig-dialog.fig-dialog-poukaz .fig-dialog-odeslat{width: auto; min-width: 155px; height: 42px; padding: 0 22px; white-space: nowrap; font-size: 17px;} @media (max-width:767px){.fig-dialog-poukaz .pk-d-skupiny {grid-template-columns: minmax(0, 1fr);}} @media (max-width:767px){.fig-dialog-poukaz .pk-d-qr {flex-direction: column; gap: 14px; text-align: center;} .fig-dialog-poukaz .pk-d-qr-obraz {width: 200px; height: 200px;}} @media (min-width:768px) and (max-width:1199px){html:root .fig-pata-pruh-poukaz{display: none;} html:root #poukaz{width: 698.91px; padding-bottom: 120px;} html:root #poukaz .pk-hero{margin: 0 -34px;} html:root #poukaz .pk-podtitul{max-width: 100%;} html:root #poukaz .pk-voucher{width: 640px; top: 175px;} html:root #poukaz .pk-ukazka{height: 340px;} html:root #poukaz .pk-kroky{margin: 44px 0 0 46px; width: 640px;}} @media (max-width:767px){html:root .fig-pata-pruh-poukaz{display: none;} html:root #poukaz{width: 347px; padding-bottom: 80px;} html:root #poukaz .pk-hero{padding-top: 159px;} html:root #poukaz .pk-hero-1{font-size: 25px; line-height: 34px;} html:root #poukaz .pk-hero-2{margin-top: 6px; font-size: 31px; line-height: 42px;} html:root #poukaz .pk-podtitul{margin: 22px auto 0; max-width: 100%; min-height: 0; font-size: 15px; line-height: 20px;} html:root #poukaz .pk-ukazka{height: 250px;} html:root #poukaz .pk-voucher{top: 128px; width: 345px;} html:root #poukaz .pk-nakup-popis{font-size: 15px;} html:root #poukaz .pk-nakup-pole{height: 52px; line-height: 52px; font-size: 17px;} html:root #poukaz .pk-nakup-tlacitko{min-width: 0; width: 100%; max-width: 279px; height: 40px; line-height: 40px; font-size: 15px; padding: 0 12px;} html:root #poukaz .pk-poznamka{margin-top: 20px; max-width: 300px;} html:root #poukaz .pk-jak{margin-top: 56px;} html:root #poukaz .pk-kroky{margin: 36px 0 0 40px; width: 307px; font-size: 15px; line-height: 21px;} html:root #poukaz .pk-krok h3, html:root #poukaz .pk-krok p{font-size: 15px; line-height: 21px;} html:root #poukaz .pk-hvezda{margin-top: 60px;} html:root #poukaz .pk-podminky h2{margin: 20px auto 0; max-width: 100%;} html:root #poukaz .pk-podminky p{max-width: 100%;}} @media (min-width: 1200px){html:root:root .fig-dialog-poukaz .fig-dialog-diky {width: 200px; line-height: 1.3;}}