.sample-inside{padding:0!important;background:#fff!important;gap:0;overflow:hidden}.book-pages .sample-inline{display:block;width:100%;height:100%;max-height:none;max-width:100%;object-fit:contain;transform:none;box-shadow:none;border-radius:0}.sample-controls[hidden]{display:none}.sample-controls{position:absolute;left:7%;right:7%;bottom:61px;display:flex;gap:10px;align-items:center;justify-content:center;z-index:10;pointer-events:auto}.sample-controls button{border:1px solid #d8b9f155;background:#281b3eee;color:#f3e7ff;border-radius:25px;padding:8px 13px;cursor:pointer;font:600 12px 'Segoe UI',Arial,sans-serif;backdrop-filter:blur(10px)}.sample-controls button:hover{background:#5e3879}.sample-controls button:disabled{opacity:.3;cursor:default}.sample-controls span{font-size:11px;color:#e0cdeb;white-space:nowrap}.sample-controls .sample-enlarge{background:#f5bc86;border-color:#f5bc86;color:#362039}.sample-dialog{position:fixed;inset:0;margin:auto;width:min(920px,96vw);max-width:96vw;height:min(94dvh,1000px);max-height:94dvh;overflow:hidden;padding:0;border:1px solid #635278;border-radius:20px;color:#ede3f5;background:#1b1427;box-shadow:0 30px 100px #0008;z-index:50}.sample-dialog:not([open]){display:none}.sample-dialog[open]{display:flex;flex-direction:column}.sample-dialog::backdrop{background:#0c0719dc;backdrop-filter:blur(10px)}.sample-reader-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 22px;border-bottom:1px solid #ffffff17;flex-shrink:0}.sample-reader-header strong{display:block;font-size:16px}.sample-reader-header span{display:block;font-size:11px;color:#bba7ca;margin-top:2px}.sample-dialog button{background:#362549;border:1px solid #645173;color:#f1e6f8;font:600 12px 'Segoe UI',Arial,sans-serif;border-radius:20px;padding:10px 16px;cursor:pointer}.sample-dialog button:focus-visible,.sample-controls button:focus-visible{outline:3px solid #ffc789;outline-offset:3px}.sample-dialog button:hover{background:#593b71}.sample-dialog button:disabled{opacity:.35;cursor:default}.sample-image-area{min-height:0;flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:20px;background:#130f1c;touch-action:pan-y;overscroll-behavior:contain}.sample-dialog .sample-full{height:100%;max-height:100%;width:auto;max-width:100%;object-fit:contain;box-shadow:0 5px 28px #0005;transform:none!important;border-radius:0;flex-shrink:0}.sample-dialog.is-zoomed .sample-full{width:min(100%,680px);height:auto;max-height:none;object-fit:initial}.sample-reader-footer{display:flex;gap:15px;justify-content:center;align-items:center;flex-wrap:wrap;padding:14px 18px;border-top:1px solid #ffffff17;flex-shrink:0}.sample-reader-footer span{font-size:12px;min-width:40px;text-align:center}.sample-reader-footer [data-sample-zoom]{background:#efbc8b;color:#312037;border-color:#efbc8b}.product-art.orange .sample-controls{bottom:55px}.product-art.orange .magic-hint{bottom:12px}.hero-art:has(.magic-book.is-open) .sticker{opacity:0;transition:opacity .3s}.sample-dialog [data-sample-counter]{white-space:nowrap}@media(max-width:700px){.hero-art .sample-controls{bottom:44px;left:0;right:0;gap:8px}.hero-art .sample-controls button{padding:7px 11px;font-size:11px}.hero-art .magic-hint{bottom:10px}.product-art.orange .sample-controls{bottom:56px;left:0;right:0}.sample-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.sample-reader-header{padding:14px 15px;padding-top:max(14px,env(safe-area-inset-top))}.sample-reader-footer{padding:12px 10px;padding-bottom:max(12px,env(safe-area-inset-bottom));gap:9px}.sample-dialog button{font-size:11px;padding:9px 12px}.sample-image-area{padding:14px 10px}.sample-dialog .sample-full{max-width:100%;height:auto;width:auto;max-height:100%}.sample-dialog.is-zoomed .sample-full{width:100%;max-height:none}.sample-dialog .sample-reader-header strong{font-size:14px}}@media(prefers-reduced-motion:reduce){.hero-art:has(.magic-book.is-open) .sticker{transition:none}}