.booklet-dialog{border:0;padding:0;width:calc(100vw - 48px);max-width:1680px;height:calc(100vh - 32px);height:calc(100dvh - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);background:transparent;color:white;border-radius:0;box-shadow:none;overflow:visible}
.booklet-dialog::backdrop{background:#112440d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.booklet-dialog:not([open]){display:none}
.booklet-dialog[open]{display:flex;flex-direction:column}
.booklet-dialog button,.booklet-dialog select,.booklet-dialog a{font:600 16px/1.3 Worx,Arial,sans-serif}
.booklet-dialog button{min-height:44px;padding:10px 16px;border:1px solid #fff8;border-radius:5px;background:#fff;color:#173553;cursor:pointer;box-shadow:0 3px 12px #0002}
.booklet-dialog button:hover:not(:disabled){background:#fff4de;border-color:#f37a27}
.booklet-dialog button:disabled{opacity:.4;cursor:default}
.booklet-dialog :focus-visible{outline:3px solid #f37a27;outline-offset:3px}
.booklet-popup-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 12px;flex-shrink:0;background:transparent;border:0}
.booklet-popup-header h2{margin:0;font:600 clamp(23px,3vw,32px)/1.1 WorxHand,cursive;transform:rotate(-2deg);color:white}
.booklet-popup-gate{overflow:auto;padding:30px;max-width:620px;max-height:calc(100% - 70px);margin:auto;width:100%;background:#f7f1e0;color:#173553;border-radius:6px;box-shadow:0 15px 60px #0003}
.booklet-popup-gate h3{font-size:26px;margin:0 0 12px}
.booklet-popup-gate form{margin-top:22px}
.booklet-popup-gate label{display:block;margin:14px 0;font-size:16px}
.booklet-popup-gate input:not([type=checkbox]){display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #17355377;border-radius:3px;background:white;font:16px Worx,Arial,sans-serif}
.booklet-popup-gate .consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5}
.booklet-popup-gate .consent input{margin-top:3px;width:18px;height:18px;flex-shrink:0;accent-color:#173553}
.booklet-popup-gate .fine-print{font-size:14px;line-height:1.5}
.booklet-viewer{min-height:0;flex:1;display:flex;flex-direction:column}
.booklet-viewer[hidden],.booklet-popup-gate[hidden],.booklet-zoom[hidden]{display:none}
.booklet-toolbar{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:10px;padding:10px 12px;flex-shrink:0;background:transparent}
.booklet-toolbar select{width:auto;min-width:145px;max-width:360px;min-height:44px;padding:10px 12px;border:1px solid #fff8;border-radius:5px;background:#fff;color:#173553}
.booklet-toolbar .booklet-pdf{display:inline-flex;align-items:center;min-height:44px;border:1px solid #fff8;border-radius:5px;background:#fff;color:#173553;padding:10px 16px;text-decoration:none;box-shadow:0 3px 12px #0002}
.booklet-toolbar .booklet-pdf:hover{background:#fff4de;border-color:#f37a27}
.booklet-viewport{flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:10px 12px;background:transparent;position:relative}
.booklet-mount{width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center}
.booklet-mount[hidden]{display:none}
.flipbook-book{width:100%;height:100%;min-width:0!important;min-height:0!important}
.flipbook-book .stf__wrapper{width:100%;height:100%}
.flipbook-book .stf__block{transition:transform 500ms ease;transform:translateX(0)}
.booklet-mount.is-single-cover .stf__block{transform:translateX(var(--cover-shift,0px))}
.flipbook-page{background:#fff;overflow:hidden;box-shadow:0 12px 35px #0004}
.flipbook-page>img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none}
.booklet-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:transparent;color:white;font-size:18px;z-index:5;padding:20px;text-align:center}
.booklet-loading p{color:white;background:#112440e6;border-radius:5px;padding:14px 20px;font-size:18px;margin:0}
.booklet-loading[hidden]{display:none}
.booklet-zoom{position:absolute;inset:0;overflow:auto;background:transparent;padding:16px;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
.booklet-zoom-spread{display:flex;width:max-content;margin:0 auto;box-shadow:0 12px 35px #0004}
.booklet-zoom img[hidden]{display:none}
.booklet-zoom img{display:block;width:1800px;max-width:none;height:auto;margin:0 auto;user-select:none}
.booklet-popup-footer{display:flex;justify-content:center;align-items:center;gap:14px;padding:10px 12px;flex-shrink:0;background:transparent}
.booklet-page-position{font-size:16px;min-width:130px;text-align:center;color:white}
body.booklet-popup-open{overflow:hidden}
@media(max-width:600px){.booklet-dialog{width:100%;max-width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;margin:0;padding:env(safe-area-inset-top,0px) 6px env(safe-area-inset-bottom,0px)}.booklet-popup-header{padding:8px}.booklet-popup-header h2{font-size:25px}.booklet-toolbar{gap:7px;padding:6px 8px}.booklet-toolbar select{width:auto;min-width:140px;max-width:calc(100% - 104px);flex:1}.booklet-toolbar button,.booklet-toolbar a{font-size:14px}.booklet-toolbar .booklet-pdf{width:100%;justify-content:center;max-width:260px}.booklet-viewport{padding:4px 8px}.booklet-popup-gate{padding:22px;max-height:calc(100% - 70px)}.booklet-popup-gate .form-row{display:block}.booklet-popup-footer{gap:8px;padding:8px}.booklet-popup-footer button{padding-inline:12px}.booklet-page-position{min-width:104px;font-size:14px}}
@media(max-height:500px){.booklet-popup-header h2{font-size:23px}.booklet-popup-header,.booklet-toolbar,.booklet-popup-footer{padding-block:4px}.booklet-toolbar .booklet-pdf{width:auto}.booklet-toolbar select{flex:0;max-width:260px}}
@media(prefers-reduced-motion:reduce){.booklet-dialog *{scroll-behavior:auto!important;transition:none!important}}
