/* Vydavatelství e-knih — objednávka vydání e-knihy, verze 1.0.
   Doplňkové CSS navazuje na styl-do-shoptetu.css a je omezeno na .ek-order-page. */
.ek-order-page{container-type:inline-size;padding-bottom:20px}
.ek-order-page .ek-order-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.75fr);align-items:center;gap:26px;min-height:370px;padding:clamp(32px,5vw,65px);overflow:hidden;border-radius:23px;background:linear-gradient(117deg,#102c46 0%,#15466b 61%,#245c80 100%);color:#fff}
.ek-order-page .ek-order-hero:before{content:"";position:absolute;top:-210px;right:-150px;height:520px;width:520px;border-radius:50%;border:1px solid rgba(255,255,255,.11);pointer-events:none}
.ek-order-page .ek-order-hero-copy{position:relative;z-index:2;min-width:0}
.ek-order-page .ek-order-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.15em;color:#f1bf87;line-height:1.45}
.ek-order-page .ek-order-hero h2{font-size:clamp(33px,4.2vw,50px);line-height:1.11;color:#fff;margin:17px 0 22px;font-weight:850;letter-spacing:-.045em}
.ek-order-page .ek-order-hero h2 em{font-style:normal;color:#efbe86}
.ek-order-page .ek-order-hero p{color:#dcebf3;font-size:16px;line-height:1.7;max-width:570px;margin:0}
.ek-order-page .ek-order-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}
.ek-order-page .ek-order-button{display:inline-flex;gap:14px;align-items:center;justify-content:center;min-height:47px;padding:11px 18px;border-radius:10px;font-size:14px;font-weight:750;line-height:1.4;text-decoration:none;transition:background .16s ease,transform .16s ease}
.ek-order-page .ek-order-button:hover{transform:translateY(-1px);text-decoration:none}
.ek-order-page .ek-order-button-primary{background:#efb579;color:#16374c}
.ek-order-page .ek-order-button-primary:hover{color:#102c42;background:#f8c992}
.ek-order-page .ek-order-button-secondary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.42);color:#fff}
.ek-order-page .ek-order-button-secondary:hover{color:#fff;background:rgba(255,255,255,.18)}
.ek-order-page a:focus-visible{outline:3px solid #f3b875;outline-offset:4px}
.ek-order-illustration{position:relative;z-index:1;min-height:272px;display:flex;justify-content:center;align-items:center}
.ek-order-halo{position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%;pointer-events:none}
.ek-order-halo-large{width:335px;height:335px}.ek-order-halo-small{width:250px;height:250px}
.ek-order-book-back{position:absolute;width:158px;height:227px;border-radius:5px 11px 11px 5px;background:#e2e9ed;transform:translate(32px,-7px) rotate(11deg);box-shadow:0 13px 31px rgba(0,0,0,.22)}
.ek-order-book-cover{position:absolute;display:flex;flex-direction:column;width:158px;height:227px;padding:20px 16px 18px;border-left:5px solid #b98152;border-radius:4px 9px 9px 4px;background:linear-gradient(145deg,#f9e9d2,#eabf8c);color:#153b55;transform:translate(-7px,7px) rotate(-8deg);box-shadow:0 19px 36px rgba(0,0,0,.28)}
.ek-order-book-eyebrow{font-size:7px;letter-spacing:.13em;font-weight:850}.ek-order-book-line{width:37px;height:3px;background:#315d6d;margin:17px 0 17px}.ek-order-book-title{font-size:25px;line-height:1.07;font-weight:900;letter-spacing:-.05em}.ek-order-book-bottom{margin-top:auto;font-size:8px;font-weight:750;letter-spacing:.08em;line-height:1.4}
.ek-order-float{position:absolute;right:-4px;bottom:8px;transform:rotate(-4deg);padding:9px 13px;border-radius:50px;color:#fff;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.4);font-size:12px;font-weight:750;white-space:nowrap}.ek-order-float span{margin-left:7px}
.ek-order-page .ek-order-progress{padding:57px 0 0}
.ek-order-page .ek-order-kicker{display:block;color:#39799c;font-size:11px;font-weight:850;letter-spacing:.145em;line-height:1.4;margin-bottom:11px}
.ek-order-page .ek-order-section-top h2{font-size:clamp(26px,3.2vw,34px);margin-bottom:24px}
.ek-order-progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ek-order-step{display:flex;align-items:flex-start;gap:14px;min-width:0;padding:21px 19px 22px;border:1px solid #dfe7ec;border-radius:15px;background:#fff}
.ek-order-step-number{flex:0 0 auto;display:grid;place-items:center;width:41px;height:41px;border-radius:11px;background:#e7f0f6;color:#225a7d;font-size:13px;line-height:1.2;font-weight:850}
.ek-order-page .ek-order-step h3{margin:2px 0 8px;font-size:16px;color:#173d57;line-height:1.3}
.ek-order-page .ek-order-step p{font-size:13px;line-height:1.65;color:#53677a;margin:0}
.ek-order-page .ek-order-notice{display:flex;align-items:flex-start;gap:17px;margin-top:28px;padding:21px 23px;border:1px solid #cfdee9;background:#edf5fa;border-radius:14px;color:#1b405d}
.ek-order-notice-icon{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;color:#fff;background:#225c80;border-radius:50%;font-size:20px;font-family:Georgia,serif;font-style:italic;font-weight:bold}
.ek-order-page .ek-order-notice-label{display:block;font-size:11px;font-weight:850;letter-spacing:.12em;color:#2b658a;margin-bottom:4px}
.ek-order-page .ek-order-notice p{font-size:16px;line-height:1.6;color:#183d57;margin:0}.ek-order-page .ek-order-notice strong{font-weight:850}
.ek-order-page .ek-order-form-section{padding-top:71px;scroll-margin-top:24px}
.ek-order-form-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:23px}
.ek-order-form-heading>div{max-width:720px}
.ek-order-page .ek-order-form-heading h2{margin-bottom:13px}
.ek-order-page .ek-order-form-heading p{font-size:15px;color:#566c7d;line-height:1.7;margin:0}
.ek-order-form-badge{flex:0 0 auto;display:inline-flex;align-items:center;padding:9px 14px;border-radius:99px;background:#e8f3ed;color:#326f50;font-size:12px;font-weight:800}
.ek-order-form-shell{padding:9px;overflow:hidden;border:1px solid #dce6ed;background:#fff;border-radius:17px;box-shadow:0 11px 28px rgba(23,54,72,.06)}
.ek-order-page .ek-order-airtable{display:block;width:100%;height:790px;max-width:100%;border:0;background:transparent}
.ek-order-page .ek-order-form-fallback{font-size:13px;color:#697a88;margin:14px 0 0}
.ek-order-page .ek-order-form-fallback a{font-weight:750;text-decoration:underline;text-underline-offset:3px;color:#225d7d}
.ek-order-page .ek-order-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:61px 0 0;padding:30px clamp(20px,4vw,43px);background:#f3f8fa;border:1px solid #e1eaef;border-radius:16px}
.ek-order-page .ek-order-bottom>div{max-width:635px}
.ek-order-page .ek-order-bottom h2{font-size:clamp(22px,2.7vw,28px);margin:0 0 9px}
.ek-order-page .ek-order-bottom p{color:#586e80;font-size:14px;margin:0}
.ek-order-page .ek-order-bottom-link{flex:0 0 auto;display:inline-flex;align-items:center;gap:12px;color:#1b5579;font-size:14px;font-weight:800;text-decoration:none}
.ek-order-page .ek-order-bottom-link:hover{text-decoration:underline}
@container (max-width:800px){
 .ek-order-page .ek-order-hero{grid-template-columns:minmax(0,1fr) 175px;gap:12px;padding:40px 27px}.ek-order-illustration{transform:scale(.74);margin:0 -30px}
 .ek-order-progress-grid{grid-template-columns:1fr;gap:11px}.ek-order-step{padding:18px 19px}
 .ek-order-page .ek-order-form-section{padding-top:58px}
}
@container (max-width:620px){
 .ek-order-page .ek-order-hero{display:block;padding:34px 24px 31px;border-radius:16px;min-height:0}.ek-order-illustration{display:none}
 .ek-order-page .ek-order-hero h2{font-size:clamp(29px,7vw,39px)}
 .ek-order-page .ek-order-hero p{font-size:15px}
 .ek-order-actions{gap:9px}
 .ek-order-page .ek-order-notice{padding:18px 16px;gap:12px}.ek-order-page .ek-order-notice p{font-size:14px}
 .ek-order-form-heading{display:block}.ek-order-form-badge{margin-top:15px}
 .ek-order-page .ek-order-airtable{height:920px}
 .ek-order-page .ek-order-bottom{display:block;margin-top:43px;padding:24px 20px}.ek-order-bottom-link{margin-top:17px}
}
@container (max-width:400px){
 .ek-order-page .ek-order-actions{display:grid;grid-template-columns:1fr}
 .ek-order-page .ek-order-button{width:100%;min-width:0}
 .ek-order-page .ek-order-progress{padding-top:42px}
 .ek-order-page .ek-order-form-section{padding-top:49px}
 .ek-order-page .ek-order-form-shell{padding:0;border-radius:11px}
 .ek-order-page .ek-order-airtable{height:1020px}
}