/* Promo Items catalogue landing page + in-page book viewer */
.promo-catalogues{padding:78px 0 92px;background:#F1F0EC}
.promo-catalogues-head{max-width:820px;margin:0 auto 34px;text-align:center}
.promo-catalogues-head .eyebrow{justify-content:center}
.promo-catalogues-head h2{margin:12px 0 14px;font-size:clamp(2.25rem,4.4vw,4.1rem);line-height:1.04;letter-spacing:-.024em}
.promo-catalogues-head p{max-width:700px;margin:0 auto;line-height:1.65;color:var(--muted)}
.promo-catalogue-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1080px;margin:0 auto}
.promo-catalogue-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #DEDAD2;border-radius:24px;box-shadow:0 14px 42px rgba(15,16,18,.06)}
.promo-catalogue-cover-button{appearance:none;border:0;background:#E6E2DA;padding:0;cursor:pointer;position:relative;overflow:hidden;min-height:360px;display:flex;align-items:center;justify-content:center}
.promo-catalogue-cover-button:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.2));opacity:0;transition:opacity .2s ease}
.promo-catalogue-cover-button:hover:after, .promo-catalogue-cover-button:focus-visible:after{opacity:1}
.promo-catalogue-cover-button:focus-visible{outline:3px solid var(--red);outline-offset:-3px}
.promo-catalogue-cover{display:block;width:100%;height:100%;max-height:520px;object-fit:contain;padding:22px;transition:transform .25s ease;filter:drop-shadow(0 12px 18px rgba(0,0,0,.14))}
.promo-catalogue-cover-button:hover .promo-catalogue-cover{transform:scale(1.018)}
.promo-catalogue-card-body{display:flex;flex-direction:column;gap:18px;flex:1;padding:24px 26px 26px;border-top:1px solid #E4E0D9}
.promo-catalogue-card-copy{flex:1}
.promo-catalogue-card h3{margin:0 0 8px;font-size:clamp(1.55rem,2.8vw,2.25rem);letter-spacing:-.014em}
.promo-catalogue-card p{margin:0;color:var(--muted);line-height:1.55}
.promo-catalogue-open{align-self:flex-start}
.promo-catalogue-language-note{display:flex;align-items:center;justify-content:center;gap:9px;margin:24px auto 0;color:#706C65;font-size:.92rem}
.promo-catalogue-language-note:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red)}

/* Book lightbox remains on the same page; no PDF scrolling. */
.promo-book-viewer[hidden]{display:none!important}
.promo-book-viewer{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:18px}
.promo-book-backdrop{position:absolute;inset:0;border:0;background:rgba(8,9,11,.84);backdrop-filter:blur(7px);cursor:default}
.promo-book-panel{position:relative;z-index:1;width:min(1500px,96vw);height:min(940px,94vh);display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#17191C;color:#fff;box-shadow:0 28px 80px rgba(0,0,0,.44);overflow:hidden}
.promo-book-toolbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px 13px 24px;border-bottom:1px solid rgba(255,255,255,.1)}
.promo-book-toolbar-copy{min-width:0}
.promo-book-toolbar h2{margin:0;font-size:clamp(1.1rem,2vw,1.55rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.promo-book-status{margin:3px 0 0;font-size:.86rem;color:#BFC2C6}
.promo-book-close{width:44px;height:44px;flex:0 0 auto;border:0;border-radius:50%;background:#292D32;color:#fff;font-size:2rem;line-height:1;cursor:pointer}
.promo-book-close:hover, .promo-book-close:focus-visible{background:#373C42;outline:none}
.promo-book-stage-wrap{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;padding:20px 14px 10px}
.promo-book-stage{height:100%;min-height:0;display:flex;align-items:center;justify-content:center;perspective:2400px;touch-action:pan-y}
.promo-book{position:relative;width:min(1120px,calc((100vh - 185px)*1.6),calc(100vw - 180px));aspect-ratio:1.6/1;display:grid;grid-template-columns:1fr 1fr;filter:drop-shadow(0 18px 24px rgba(0,0,0,.32));transform-style:preserve-3d}
.promo-book:after{content:"";position:absolute;left:50%;top:1%;bottom:1%;width:2px;transform:translateX(-1px);background:linear-gradient(180deg,transparent,rgba(0,0,0,.34) 10%,rgba(0,0,0,.38) 90%,transparent);z-index:4;pointer-events:none}
.promo-book-page{position:relative;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;backface-visibility:hidden}
.promo-book-page-left{border-radius:9px 0 0 9px;box-shadow:inset -8px 0 18px rgba(0,0,0,.09)}
.promo-book-page-right{border-radius:0 9px 9px 0;box-shadow:inset 8px 0 18px rgba(0,0,0,.07)}
.promo-book-page.is-empty{background:transparent;box-shadow:none}
.promo-book-page img, .promo-book-turn img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;user-select:none;-webkit-user-drag:none}
.promo-book-page.is-empty img{display:none}
.promo-book-turn{display:none;position:absolute;top:0;width:50%;height:100%;z-index:8;transform-style:preserve-3d}
.promo-book-turn.is-active{display:block}
.promo-book-turn.turn-next{right:0;transform-origin:left center;animation:promoFlipNext .66s cubic-bezier(.55,.05,.2,1) forwards}
.promo-book-turn.turn-prev{left:0;transform-origin:right center;animation:promoFlipPrev .66s cubic-bezier(.55,.05,.2,1) forwards}
.promo-book-turn-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:#fff}
.promo-book-turn-front{box-shadow:0 12px 24px rgba(0,0,0,.18)}
.promo-book-turn-back{transform:rotateY(180deg);box-shadow:0 12px 24px rgba(0,0,0,.18)}
@keyframes promoFlipNext{0%{transform:rotateY(0)}100%{transform:rotateY(-180deg)}}
@keyframes promoFlipPrev{0%{transform:rotateY(0)}100%{transform:rotateY(180deg)}}
.promo-book-nav{width:48px;height:48px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#24282D;color:#fff;font-size:2.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s ease,opacity .18s ease}
.promo-book-nav:hover:not(:disabled), .promo-book-nav:focus-visible:not(:disabled){background:#343A41;outline:none}
.promo-book-nav:disabled{opacity:.25;cursor:default}
.promo-book-hint{margin:0;padding:0 18px 14px;text-align:center;color:#9EA3A9;font-size:.82rem}
body.promo-book-open{overflow:hidden}







@media (max-width:900px){
  .promo-catalogue-list{grid-template-columns:1fr;max-width:620px}
  .promo-catalogue-cover-button{min-height:320px}
  .promo-book-viewer{padding:0}
  .promo-book-panel{width:100vw;height:100dvh;max-height:none;border:0;border-radius:0}
  .promo-book-stage-wrap{grid-template-columns:52px minmax(0,1fr) 52px;padding:12px 8px 6px}
  .promo-book{width:min(calc(100vw - 126px),calc((100dvh - 178px)*.8));aspect-ratio:.8/1;display:block}
  .promo-book:after{display:none}
  .promo-book-page-left{display:none}
  .promo-book-page-right{position:absolute;inset:0;border-radius:8px;box-shadow:none}
  .promo-book-turn{width:100%;left:0!important;right:auto!important;border-radius:8px;overflow:hidden}
  .promo-book-turn.turn-next{transform-origin:left center}
  .promo-book-turn.turn-prev{transform-origin:right center}
  .promo-book-hint{padding-bottom:10px}
}
@media (max-width:560px){
  .promo-catalogues{padding:50px 0 58px}
  .promo-catalogues-head{margin-bottom:26px}
  .promo-catalogue-list{gap:18px}
  .promo-catalogue-card{border-radius:18px}
  .promo-catalogue-cover{padding:16px;max-height:440px}
  .promo-catalogue-cover-button{min-height:280px}
  .promo-catalogue-card-body{padding:20px}
  .promo-book-toolbar{min-height:68px;padding:12px 12px 10px 16px}
  .promo-book-close{width:40px;height:40px}
  .promo-book-stage-wrap{grid-template-columns:42px minmax(0,1fr) 42px;padding-left:4px;padding-right:4px}
  .promo-book-nav{width:38px;height:38px;font-size:1.8rem}
  .promo-book{width:min(calc(100vw - 96px),calc((100dvh - 165px)*.8))}
}
@media (prefers-reduced-motion:reduce){
  .promo-book-turn.turn-next, .promo-book-turn.turn-prev{animation-duration:.01ms}
  .promo-catalogue-cover{transition:none}
}








