/* Сменные макеты обложек, без запечённой в изображение композиции. */
.hero-art{min-width:0;position:relative;padding:20px 0}.hero-stack{height:510px;position:relative;perspective:1400px;isolation:isolate}.hero-stack:after{content:'';position:absolute;left:10%;right:2%;bottom:20px;height:60px;background:#3725142b;filter:blur(22px);border-radius:50%;z-index:-1}.stack-volume{position:absolute;width:58%;aspect-ratio:.705;border-radius:3px 7px 7px 3px;background:#ece5da;box-shadow:3px 3px 0 #fff,6px 6px 0 #d6cfc4,9px 9px 0 #faf7f0,12px 12px 0 #bbb2a4,17px 23px 28px #30251435;transform-style:preserve-3d}.stack-face{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.stack-face img{position:absolute;width:100%;max-width:none;height:100%;right:0;object-fit:cover}.stack-face:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0003,transparent 3%,#fff5 4%,transparent 8%,transparent 96%,#0001)}.volume-0{left:8%;top:38px;transform:rotate(-21deg) rotateY(-10deg);z-index:1}.volume-1{left:32%;top:63px;transform:rotate(15deg) rotateY(-10deg);z-index:2}.volume-2{left:20%;top:125px;transform:rotate(-3deg) rotateY(-10deg);z-index:3}.hero-art .stack-caption{position:relative;text-align:center;font-size:13px;color:var(--muted);margin-top:30px}
section.wrap{padding-top:100px;padding-bottom:100px}.section-head h2{line-height:1.08;padding-top:8px}#albums{scroll-margin-top:30px}#albums .section-head{margin-bottom:55px}#albums .section-head h2{font-size:clamp(40px,5vw,68px);letter-spacing:-2.5px}.format-graphic{height:140px;position:relative;background:#f3efe7;border-radius:16px;margin:18px 0 0;overflow:hidden}.featured .format-graphic{background:#ffffff24}.format-book{position:absolute;left:calc(50% - 30px);top:18px;width:66px;height:95px;transform:rotate(-12deg);overflow:hidden;box-shadow:3px 3px 0 #ccc5b8,5px 5px 0 white,8px 12px 14px #0002;border-radius:2px 4px 4px 2px}.format-book img{height:100%;width:200%;max-width:none;position:absolute;right:0}.format-sheets{position:absolute;left:50%;top:24px}.format-sheets span{display:block;position:absolute;width:65px;height:90px;background:#fffefa;border:1px solid #d8d1c5;transform-origin:bottom left;transform:rotate(calc(8deg + var(--n)*6deg));box-shadow:1px 1px 2px #0001}.card .price{margin-top:20px}.card h3{margin-top:20px}.album-collection{display:flex;gap:14px;overflow:auto;padding:10px 3px 22px;scroll-snap-type:x mandatory}.album-choice{flex:0 0 150px;display:flex;flex-direction:column;align-items:center;gap:12px;border:2px solid transparent;background:#eee9df;border-radius:16px;padding:16px 10px;font-size:13px;font-weight:bold;cursor:pointer;scroll-snap-align:start}.album-choice[aria-pressed=true]{border-color:var(--accent);background:#fff}.album-choice-face{display:block;position:relative;width:62px;aspect-ratio:.705;overflow:hidden;box-shadow:3px 3px #c6bdae}.album-choice-face img{position:absolute;width:200%;height:100%;max-width:none;right:0}.book.closed.back-cover>img{left:0;right:auto}.back-cover .book-gutter{transform:scaleX(-1)}
@media(min-width:951px){.hero-stack{height:460px}.stack-volume{width:56%}.volume-2{top:120px}.hero-art .stack-caption{margin-top:20px}}
@media(max-width:950px){.hero-art{max-width:580px;width:100%;margin:auto}.hero-stack{height:580px}}
@media(max-width:600px){section.wrap{padding-top:65px;padding-bottom:65px}.hero-stack{height:390px}.stack-volume{width:54%}.volume-0{top:10px}.volume-1{top:35px}.volume-2{top:95px}.hero-art .stack-caption{margin-top:0}.section-head h2{line-height:1.1}.album-choice{flex-basis:135px}.format-graphic{height:145px}}
@media print{#offer{padding:0!important}}
/* Прямые углы во всём интерфейсе; исходная композиция сохраняется. */
*,*::before,*::after{border-radius:0!important}
@media(min-width:951px){.hero-stack{height:540px}}
/* Все шесть примеров видны без полосы прокрутки на планшете и компьютере. */
.album-collection{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible;scroll-snap-type:none}
.album-choice{min-width:0;flex:initial;padding-left:8px;padding-right:8px;scroll-snap-align:none}
@media(max-width:950px){.album-collection{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.album-collection{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.album-collection::-webkit-scrollbar{display:none}.album-choice{flex:0 0 135px;scroll-snap-align:start}}

/* Обложки каждые три секунды занимают следующую позицию в стопке. */
.stack-volume{transition:left .72s cubic-bezier(.2,.75,.25,1),top .72s cubic-bezier(.2,.75,.25,1),transform .72s cubic-bezier(.2,.75,.25,1),box-shadow .72s ease;will-change:left,top,transform}

/* На двух верхних листах виден лёгкий фрагмент реального разворота. */
.format-sheets .format-sheet-preview{background-size:cover;background-repeat:no-repeat;filter:saturate(.78);}

/* Вся карточка формата реагирует на выбор, основная кнопка открывает расчёт. */
.package-card{position:relative;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}
.package-card:hover,.package-card:focus-visible{border-color:var(--ink);box-shadow:0 14px 30px #2d241619;outline:none}
.package-card.selected-card{outline:none;box-shadow:inset 0 0 0 3px var(--ink),0 14px 30px #2d241619}
.package-card.selected-card::after{content:'ВЫБРАНО ✓';position:absolute;right:10px;top:10px;padding:5px 7px;background:var(--ink);color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em}
.package-card.featured.selected-card{box-shadow:inset 0 0 0 3px #fff,0 14px 30px #2d241630}
.package-card.featured.selected-card::after{background:#fff;color:var(--ink)}
.package-select{border:0;cursor:pointer;width:100%}

/* Видеообзоры альбомов с оживлением. */
.living-section{background:#151515;color:#fff}
.living-section>.wrap{padding-top:100px;padding-bottom:100px}
.living-section .section-head p{color:#cfc9be}
.living-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.living-video-card{border:1px solid #ffffff2e;background:#202020}
.living-video-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#080808}
.living-video-media video,.living-video-media img,.living-video-media iframe{display:block;width:100%;height:100%;object-fit:cover}
.living-video-media iframe{border:0;background:#000}
.living-video-launch{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#080808;color:#fff;cursor:pointer;overflow:hidden}
.living-video-launch::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000000d 30%,#000000b8 100%);pointer-events:none}
.living-video-launch img{filter:brightness(.72) saturate(.9);transition:transform .35s ease,filter .35s ease}
.living-video-launch:hover img,.living-video-launch:focus-visible img{transform:scale(1.025);filter:brightness(.86) saturate(1)}
.living-video-launch:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.living-video-launch .living-play,.living-video-launch .living-video-status{z-index:2;pointer-events:none}
.living-video-placeholder img{filter:brightness(.46) saturate(.75)}
.living-play{position:absolute;left:50%;top:50%;width:68px;height:68px;display:grid;place-items:center;transform:translate(-50%,-50%);border:2px solid #fff;background:var(--accent);font-size:24px;padding-left:4px}
.living-video-status{position:absolute;left:16px;bottom:14px;font-size:11px;font-weight:900;letter-spacing:.09em}
.living-video-copy{padding:22px}
.living-video-copy h3{font-size:26px;margin:0 0 7px}
.living-video-copy p{margin:0;color:#cfc9be;line-height:1.5}
.living-video-link{display:inline-block;margin-top:12px;color:#fff;text-underline-offset:3px}
.living-action{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding-top:25px;border-top:1px solid #ffffff2e}
.living-action p{margin:0;max-width:620px;line-height:1.55;color:#d9d4ca}

/* Короткие условия на экране, полная версия только в PDF. */
.offer-compact-terms{padding:13px 15px;border-left:4px solid var(--accent);background:#f4efe6;line-height:1.5}
.offer-extra{padding:13px 15px;background:#fff0ec;border-left:4px solid var(--accent);line-height:1.5}
.terms-print-only{display:none}
.request-note{margin:18px 0 6px}

/* Предложение для класса: настоящая обложка и точное число реальных разворотов. */
.offer-album-visual{margin-bottom:26px;break-inside:avoid}
.offer-book-stage{position:relative;min-height:390px;overflow:hidden;isolation:isolate;border:1px solid var(--line);background:#f3eee6}
.offer-fan{position:absolute;inset:0}
.offer-fan-sheet{position:absolute;left:41%;top:50%;width:54%;aspect-ratio:1.43;overflow:hidden;transform:translate(-4%,-50%) rotate(var(--fan-angle));transform-origin:8% 88%;border:1px solid #cec6ba;background:#fff;box-shadow:5px 9px 16px #31241424}
.offer-fan-sheet img{display:block;width:100%;height:100%;object-fit:cover}
.offer-cover{position:absolute;left:15%;top:50%;z-index:20;width:37%;aspect-ratio:.705;overflow:hidden;transform:translateY(-50%) rotate(-9deg);background:#e8e3da;box-shadow:5px 5px 0 #d2cabf,10px 10px 0 #fff,16px 20px 27px #30251438}
.offer-cover img{position:absolute;inset:0;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center}
.offer-cover::after{content:none;display:none}
.offer-spread-badge{position:absolute;right:18px;bottom:17px;z-index:30;min-width:120px;padding:12px 14px;color:#fff;background:var(--accent);text-align:right}
.offer-spread-badge strong,.offer-spread-badge span{display:block}
.offer-spread-badge strong{font-size:38px;line-height:.9}
.offer-spread-badge span{margin-top:5px;font-size:13px;font-weight:800;text-transform:uppercase}
.offer-spread-strip{display:grid;grid-template-columns:repeat(var(--offer-spread-count),minmax(0,1fr));gap:6px;margin-top:7px}
.offer-spread-thumb{position:relative;margin:0;min-width:0;border:1px solid var(--line);background:#f3eee6}
.offer-spread-thumb img{display:block;width:100%;aspect-ratio:1.43;object-fit:cover}
.offer-spread-thumb figcaption{position:absolute;right:4px;bottom:4px;padding:2px 4px;color:#fff;background:#171717d9;font-size:9px;font-weight:900;letter-spacing:.08em}
.offer-image-caption{margin:9px 0 0}

@media(max-width:700px){.living-section>.wrap{padding-top:65px;padding-bottom:65px}.living-video-grid{grid-template-columns:1fr}.living-action{align-items:stretch;flex-direction:column}.living-action .button{text-align:center}.package-card.selected-card::after{font-size:8px}.offer-book-stage{min-height:330px}.offer-cover{left:10%;width:40%}.offer-fan-sheet{left:38%;width:58%}.offer-spread-strip{grid-template-columns:repeat(auto-fit,minmax(74px,1fr))}}
@media(max-width:950px){#offer .section-head{display:block}#offer .section-head h2{overflow-wrap:normal;word-break:normal}#offer .section-head p{margin-top:20px}}
@media print{
  @page{size:A4 portrait;margin:0}
  html,body{width:auto!important;min-width:0!important;margin:0!important}
  body{font-size:10pt!important;line-height:1.36!important;background:#fff!important}
  #offer{box-sizing:border-box;width:210mm;min-height:297mm;-webkit-print-color-adjust:exact;print-color-adjust:exact;margin:0!important;padding:9mm 9mm 13mm!important}
  #offer .section-head{display:none!important}
  #offer .offer-box{display:flex;flex-direction:column;box-sizing:border-box;min-height:275mm;padding:0!important;border:0!important;break-inside:auto!important}
  #offer .offer-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;gap:7mm!important;align-items:start;break-inside:avoid-page}
  #offer .offer-grid>div{min-width:0}
  .offer-print-head{display:flex!important;align-items:flex-end;justify-content:space-between;gap:8mm;margin-bottom:7mm;padding-bottom:4mm;border-bottom:3px solid #171717}
  .offer-print-logo{font-size:10pt;font-weight:900;letter-spacing:.14em;white-space:nowrap}
  .offer-print-head>div:last-child{text-align:right}
  .offer-print-head strong{display:block;font-size:18pt;line-height:1;letter-spacing:-.6px}
  .offer-print-head span{display:block;margin-top:1.5mm;color:#655d50;font-size:8.5pt}
  #offer .demo-tag{display:none!important}
  #offer .offer-box h3{margin:0 0 2.5mm;font-size:23pt;line-height:1}
  #offer .offer-price{margin:0 0 3.5mm;font-size:29pt;line-height:1;letter-spacing:-1px}
  #offer p{margin-top:0}
  #offer .helper{font-size:8.6pt!important;line-height:1.4}
  #offer #offerTotal{margin:5mm 0 2.5mm;font-size:12pt;font-weight:800}
  #offer #offerPages{margin:0 0 5mm;font-size:10.5pt;font-weight:700}
  .terms-print-only{display:block!important;padding:4.5mm;background:#f3eee6;font-size:8.7pt;line-height:1.38}
  .terms-print-only>strong{display:block;margin-bottom:2mm;font-size:10.5pt}
  .terms-print-only p{margin:0 0 2mm!important}
  .terms-print-only p:last-child{margin-bottom:0!important}
  .offer-compact-terms,.living-section{display:none!important}
  #offer #offerFeatures{columns:2;column-gap:5mm;margin:5mm 0 0;padding-left:4mm;font-size:8.7pt;line-height:1.38}
  #offer #offerFeatures li{break-inside:avoid;margin:0 0 2mm;padding-left:.5mm}
  .offer-album-visual{margin:0 0 4mm;break-inside:avoid}
  .offer-book-stage{height:100mm;min-height:0!important}
  .offer-spread-badge{right:7px;bottom:7px;min-width:74px;padding:7px 8px;border:1px solid #111}
  .offer-spread-badge strong{font-size:28px}
  .offer-spread-badge span{margin-top:3px;font-size:8.5px}
  .offer-spread-strip{grid-template-columns:repeat(var(--offer-spread-count),minmax(0,1fr));gap:1mm;margin-top:2mm}
  .offer-spread-thumb figcaption{right:2px;bottom:2px;padding:1px 3px;font-size:6px}
  .offer-image-caption{margin:2mm 0 0!important;font-size:8pt!important}
  .offer-workflow{padding-top:1mm;border-top:1px solid #d4cdc2}
  .offer-workflow h3{margin:3mm 0 2.5mm!important;font-size:15pt!important}
  .offer-workflow .offer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:5mm;row-gap:1.6mm;margin:0;padding-left:5mm;font-size:8.5pt;line-height:1.32}
  .offer-workflow .offer-list li{padding-left:.5mm}
  .offer-workflow>.helper,.offer-workflow>.print-only{display:none!important}
  .offer-print-footer{display:flex!important;align-items:flex-end;justify-content:space-between;gap:5mm;margin-top:auto;padding-top:4mm;border-top:2px solid #171717;font-size:9pt;line-height:1.35;break-inside:avoid}
  .offer-print-footer strong{display:block;font-size:11pt}
  .offer-print-footer span{display:block;color:#655d50}
  .offer-print-footer .offer-print-contact{text-align:right;color:#171717;font-weight:800}
}

/* Плоская печатная композиция: iOS Safari не растрирует её в чёрный прямоугольник. */
@media print{
  #offer .offer-book-stage{
    display:grid!important;
    grid-template-columns:minmax(0,.38fr) minmax(0,.62fr)!important;
    align-items:center!important;
    gap:4mm!important;
    box-sizing:border-box!important;
    padding:5mm!important;
    overflow:hidden!important;
    isolation:auto!important;
  }
  #offer .offer-fan{
    position:relative!important;
    inset:auto!important;
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    aspect-ratio:1.43!important;
    transform:none!important;
    filter:none!important;
    isolation:auto!important;
  }
  #offer .offer-fan-sheet{
    display:none!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    transform:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    mix-blend-mode:normal!important;
    will-change:auto!important;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    box-shadow:none!important;
  }
  #offer .offer-fan-sheet:first-child{display:block!important}
  #offer .offer-cover{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    transform:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    mix-blend-mode:normal!important;
    will-change:auto!important;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    box-shadow:none!important;
    isolation:auto!important;
  }
  #offer .offer-cover::before,#offer .offer-cover::after,#offer .offer-fan-sheet::before,#offer .offer-fan-sheet::after{content:none!important;display:none!important}
  #offer .offer-cover img,#offer .offer-fan-sheet img{transform:none!important;filter:none!important;mix-blend-mode:normal!important}
}