/* O leitor prolonga a página do material com a mesma moldura de papel e bronze. */
.gallery-dialog::backdrop{background:radial-gradient(ellipse at 50% 8%,#fffdf5ed 0,#f5f0e5e8 62%,#eae2d2e8 100%);backdrop-filter:blur(18px) saturate(.84)}
.gallery-shell{padding:72px 18px 24px;background:linear-gradient(145deg,#fffefa,#f7f3e9);border:1px solid #e6ddcd;border-radius:24px;box-shadow:0 28px 90px #332a1d24,inset 0 1px 0 #fff;isolation:isolate}
.gallery-shell::before{inset:4% 2% 4%;background:radial-gradient(ellipse at 50% 42%,#fffdf4 0,transparent 70%)}
.gallery-shell::after{background:radial-gradient(ellipse,#a98d5b17,transparent 68%)}
.gallery-header{position:absolute;top:14px;right:20px;left:20px;width:auto;height:46px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.gallery-brand-block{display:flex;align-items:center;gap:13px;min-width:0}
.gallery-brand{width:104px;height:40px;object-fit:contain;object-position:left center;flex:none}
.gallery-heading{min-width:0;display:grid;gap:1px}
.gallery-heading p{font-size:9px;line-height:1.3;font-weight:750;letter-spacing:.12em;color:#805c30;text-transform:uppercase}
.gallery-heading h2{font:700 15px/1.25 var(--brand-font,Manrope,Arial,sans-serif);letter-spacing:-.025em;color:#29343a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gallery-close{position:static;flex:none;color:#70491f;background:linear-gradient(145deg,#fffefa,#fff4de);border-color:#e4d3b4;box-shadow:0 3px 10px #5b472314,inset 0 1px 0 #fff}
.gallery-close:hover{background:#fff8e9;border-color:#c8a45f}
.gallery-close:focus-visible{outline-color:#9a6a32}
.gallery-dialog .izzat-reader{--reader-ink:#29343a;--reader-muted:#6b706c;--reader-focus:#9a6a32;--reader-floor-glow:#a98d5b20;--reader-sheet-shadow:0 26px 34px -22px #40352254,0 7px 18px -8px #40352224;--reader-reflection-opacity:.11;--reader-control-bg:#fffefa;--reader-control-ink:#70491f;--reader-control-line:#dfcfb3;--reader-control-hover:#fff4de;--reader-error-link:#7a4c20}
.reader-placeholder,.reader-load-error{color:#606a67}.reader-load-error button{background:linear-gradient(145deg,#fbd78f,#f2bf68);color:#3c2c19;border-radius:12px}.reader-load-error a{color:#7a4c20}
body[data-editorial] .gallery-dialog::backdrop{background:radial-gradient(ellipse at 50% 8%,#fffdf5ed 0,#f5f0e5e8 62%,#eae2d2e8 100%)}
body[data-editorial] .gallery-dialog .izzat-reader{--reader-control-bg:#fffefa;--reader-control-hover:#fff4de;--reader-focus:#9a6a32;--reader-control-line:#dfcfb3;--reader-ink:#29343a;--reader-muted:#6b706c}
body[data-editorial] .reader-dialog{--reader-ink:#29343a;--reader-muted:#6b706c;--reader-focus:#9a6a32;--reader-line:#e6ddcd;background:#f7f3e9;border-color:#e6ddcd;box-shadow:0 28px 100px #332a1d35}
body[data-editorial] .reader-dialog::backdrop{background:#473d2fb5;backdrop-filter:blur(8px)}
body[data-editorial] :is(.reader-modal-header,.reader-modal-footer){background:#fffefa;border-color:#e6ddcd}
body[data-editorial] .reader-reading-area{background:radial-gradient(ellipse at center,#fffefa,#f0ebdf)}
body[data-editorial] .reader-close{background:#fff4de;border-color:#e4d3b4;color:#70491f}
body[data-editorial] .reader-thumb-drawer{background:#fffefa;border-color:#e6ddcd}
body[data-editorial] .reader-thumb-drawer img{border-color:#e6ddcd}
body[data-editorial] .reader-thumb-drawer button[aria-current="page"]{border-color:#c38b35;background:#fff4de}
body[data-editorial] .reader-modal-footer .reader-icon-button{background:#fffefa;border-color:#e4d3b4;color:#70491f}
@media(max-width:767px){.gallery-dialog{inset:8px;width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:18px}.gallery-shell{padding:67px 4px 12px;border-radius:18px}.gallery-header{top:10px;left:12px;right:12px;height:46px;gap:8px}.gallery-brand-block{gap:8px}.gallery-brand{width:75px;height:34px}.gallery-heading p{font-size:8px;letter-spacing:.09em}.gallery-heading h2{font-size:13px}.gallery-close{width:40px;height:40px;min-width:40px;min-height:40px}}
@media(max-width:370px){.gallery-brand{width:64px}.gallery-heading p{font-size:7px}.gallery-heading h2{font-size:12px}}

/* A viewport-bound sample workspace, with the material as the central object. */
body[data-product] .gallery-dialog{inset:16px;width:min(1180px,calc(100% - 32px));height:calc(100dvh - 32px);max-height:900px;margin:auto;border:1px solid #e6d6b9;border-radius:24px;overflow:hidden;color:#29343a;background:#faf8f3;box-shadow:0 24px 90px #4e3e2726}
body[data-product] .gallery-dialog::backdrop{background:linear-gradient(155deg,#f6f2e8f5,#e6dfd0f0);backdrop-filter:blur(20px) saturate(.75)}
body[data-product] .gallery-shell{height:100%;min-height:0;padding:0;display:flex;flex-direction:column;border:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 40%,#fffefa 15%,#f6f1e7 72%,#eee6d6 100%);box-shadow:inset 0 1px 0 #fff}
body[data-product] .gallery-shell::before{display:block;inset:0;z-index:0;opacity:.48;background-image:linear-gradient(#b8955212 1px,transparent 1px),linear-gradient(90deg,#b8955212 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at 50% 48%,transparent 32%,#000 100%);pointer-events:none}
body[data-product] .gallery-shell::after{display:none}
body[data-product] .gallery-header{position:relative;inset:auto;width:100%;height:auto;min-height:76px;flex:0 0 auto;padding:14px 22px;border-bottom:1px solid #dcccaf75;background:#fffefaad;backdrop-filter:blur(14px);gap:18px;z-index:2}
body[data-product] .gallery-brand-block{flex:1;min-width:0;gap:16px}
body[data-product] .gallery-brand{width:100px;height:40px}
body[data-product] .gallery-heading{min-width:0;gap:4px}
body[data-product] .gallery-heading h2{font-size:16px;white-space:normal;overflow-wrap:break-word;color:#29343a;line-height:1.25}
body[data-product] .gallery-heading p{color:#80613a;font-size:9px;letter-spacing:.08em}
body[data-product] .gallery-close{display:grid;place-items:center;position:static;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border:1px solid #d8c29b;border-radius:50%;background:#fffaf0;color:#70491f;box-shadow:0 2px 7px #6c4e2410}
body[data-product] .gallery-close svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
body[data-product] .gallery-close:focus-visible{outline:2px solid #ac7f35;outline-offset:3px}
body[data-product] #readerMount{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;z-index:1}
.gallery-dialog .reader-preview{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;max-width:none;margin:0;overflow:hidden}
.gallery-dialog .reader-stage{flex:1;min-height:0;display:flex;align-items:center;overflow:hidden}
.gallery-dialog .reader-stage::after{bottom:12%;height:28px;opacity:.55}
.gallery-dialog .reader-coverflow{width:100%;max-width:none;height:100%;padding:24px 0 42px;margin:0;display:flex;align-items:center}
.gallery-dialog .reader-coverflow .swiper-wrapper{height:100%;align-items:center}
.gallery-dialog .reader-coverflow .swiper-slide{width:min(420px,calc((100dvh - 240px)*var(--reader-page-ratio,.70654)));height:auto;max-height:100%;aspect-ratio:var(--reader-page-ratio,.70654)}
.gallery-dialog .reader-coverflow .reader-paper{--reader-float-distance:2px;animation:none;box-shadow:0 22px 30px -20px #59482d59,0 6px 18px -8px #59482d26,1px 0 0 #d4c8b2}
.gallery-dialog .reader-coverflow .reader-paper::after{height:17%;opacity:.065;filter:blur(1px)}
.gallery-dialog .reader-overview-prev,.gallery-dialog .reader-overview-next{display:none}
.reader-preview-toolbar{display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:12px;padding:14px 18px;border-top:1px solid #dcccaf75;background:#fffefabf;backdrop-filter:blur(12px)}
.reader-preview-toolbar .reader-icon-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;color:#70491f;border:1px solid #dfcfb3;background:#fffefa;box-shadow:0 2px 5px #67502b08}
.reader-preview-toolbar .reader-icon-button:disabled{opacity:.3}
.reader-preview-toolbar .reader-overview-count{position:static;display:inline-flex;align-items:baseline;justify-content:center;gap:5px;min-width:102px;height:auto;font-size:12px;color:#6b706c;font-variant-numeric:tabular-nums;white-space:nowrap}
.reader-preview-toolbar .reader-overview-count strong{color:#29343a;font-size:16px;font-weight:750}
.reader-preview-toolbar .reader-open-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 16px;border:1px solid #cfaa65;border-radius:999px;background:linear-gradient(135deg,#fbd995,#f0c26f);color:#573b1d;font:700 12px/1.2 var(--brand-font,Manrope,sans-serif);box-shadow:inset 0 1px 0 #fff0cf}
.reader-preview-toolbar .reader-open-action svg{width:17px;height:17px}
.gallery-dialog .reader-status.has-error{padding:8px 16px;font-size:11px;max-height:120px;overflow:auto;flex:none}
body.product-kit .gallery-shell>.volume-picker{position:relative;inset:auto;padding:10px 20px;flex:none;z-index:3;color:#70491f;border-bottom:1px solid #e6ddcd;background:#fffaf0;font-size:11px}
body.product-kit .gallery-shell>.volume-picker select{background:#fffefa;color:#29343a;border-color:#d8c29b;max-width:100%}
body.product-kit .gallery-shell:has(.volume-picker) .reader-coverflow .swiper-slide{width:min(390px,calc((100dvh - 335px)*var(--reader-page-ratio,.70654)))}
@media(max-width:767px){
 body[data-product] .gallery-dialog{inset:0;width:100%;height:100dvh;max-height:none;margin:0;border:0;border-radius:0}
 body[data-product] .gallery-header{padding:max(13px,env(safe-area-inset-top)) 16px 13px;min-height:74px;gap:14px}
 body[data-product] .gallery-brand-block{gap:11px}
 body[data-product] .gallery-brand{width:74px;height:33px}
 body[data-product] .gallery-heading p{font-size:8px;letter-spacing:.06em}
 body[data-product] .gallery-heading h2{font-size:14px;line-height:1.3}
 .gallery-dialog .reader-coverflow{padding:20px 0 38px}
 .gallery-dialog .reader-coverflow .swiper-slide{width:min(84vw,calc((100dvh - 230px)*var(--reader-page-ratio,.70654)))}
 .reader-preview-toolbar{gap:8px;padding:12px 12px max(14px,env(safe-area-inset-bottom))}
 .reader-preview-toolbar .reader-overview-count{min-width:88px;font-size:11px}
 .reader-preview-toolbar .reader-open-action{padding-inline:12px}
 body.product-kit .gallery-shell:has(.volume-picker) .reader-coverflow .swiper-slide{width:min(84vw,calc((100dvh - 320px)*var(--reader-page-ratio,.70654)))}
}
@media(max-width:350px){.reader-preview-toolbar{gap:5px}.reader-preview-toolbar .reader-open-action{font-size:11px;padding-inline:9px}.reader-preview-toolbar .reader-overview-count{min-width:78px}}
@media(max-height:500px){body[data-product] .gallery-header{min-height:56px;padding:6px 16px}.gallery-dialog .reader-coverflow{padding:8px 0 20px}.gallery-dialog .reader-coverflow .swiper-slide{width:min(45vw,calc((100dvh - 155px)*var(--reader-page-ratio,.70654)))}.reader-preview-toolbar{padding:6px 12px}.gallery-dialog .reader-coverflow .reader-paper::after{display:none}}
@media(prefers-reduced-motion:reduce){.gallery-dialog *{animation:none!important;transition-duration:0s!important}}