/* Actual export covers; retains the site's established night-sky design. */
.product-gallery { padding: 12px 0 56px; }
.product-gallery h2 { font: 500 clamp(1.6rem,3vw,2.2rem)/1.3 var(--serif); margin: 0 0 12px; text-align: center; }
.gallery-format { margin: 0 auto 40px; text-align: center; color: var(--text-dim); font-size: .92rem; }
.offering-gallery { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); align-items: start; gap: 28px; max-width: 1000px; margin: 0 auto; }
.offering { width: auto; min-width: 0; text-align: center; color: var(--text-dim); text-decoration: none; }
.offering-art { height: 204px; padding-bottom: 20px; }
.offering .shelf-book { --tilt: -5deg; width: 120px; height: auto; aspect-ratio: 165/235; border-radius: 2px; background: #182131; }
.shelf-book::before { display: none; }
.shelf-cover-image { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.offering--vyklad .shelf-book { --tilt: 3deg; }
.offering--novela .shelf-book { --tilt: -4deg; background: #f6efdf; }
.offering--otazky .shelf-book { --tilt: 4deg; }
.offering--astrokartografie .shelf-book { --tilt: -3deg; }
.offering h3 { font: 400 1rem/1.35 var(--serif); color: var(--text); margin: 20px 0 8px; min-height: 2.7em; }
.offering-purpose { font-size: .86rem; line-height: 1.5; margin: 0 0 12px; min-height: 3em; }
.offering-price { color: var(--accent); font-size: .95rem; font-variant-numeric: tabular-nums; }
.gallery-status { text-align: center; margin: 32px auto 0; color: var(--text-dim); font-size: .9rem; }
.gallery-status:empty { display: none; }
.standalone-product { padding: 32px 0 64px; }
.detail-intro { grid-template-columns: minmax(220px,32%) minmax(0,1fr); grid-template-areas: "art heading" "art facts" "art purchase"; column-gap: 64px; row-gap: 16px; max-width: 1000px; margin: 32px auto 0; align-items: start; }
.detail-heading { grid-area: heading; min-width: 0; }
.detail-art { grid-area: art; flex-direction: column; margin: 0; min-height: 0; align-self: center; }
.detail-cover-button { display: block; width: min(100%,280px); padding: 0; border: 0; border-radius: 2px; background: none; cursor: pointer; box-shadow: 8px 16px 28px #03051255; transition: transform 220ms ease; }
.detail-cover-button:hover { transform: translateY(-4px); }
.detail-cover-button img { display: block; max-width: none; max-height: none; width: 100%; height: auto; mix-blend-mode: normal; border-radius: inherit; }
.detail-art figcaption { color: var(--text-dim); text-align: center; font-size: .75rem; line-height: 1.5; margin-top: 20px; }
.detail-intro h1 { font: 500 clamp(2.1rem,4vw,3.2rem)/1.2 var(--serif); margin: 0 0 20px; overflow-wrap: anywhere; }
.detail-lead { font-size: 1.1rem; line-height: 1.65; margin: 0; }
.detail-facts { grid-area: facts; color: var(--text); margin: 0; padding-left: 20px; font-size: .95rem; line-height: 1.6; }
.detail-facts li { padding-left: 4px; margin: 0 0 8px; }
.detail-facts li::marker { color: var(--accent); }
.detail-purchase { grid-area: purchase; min-width: 0; }
.detail-price { font: 400 1.8rem/1.3 var(--serif); margin: 0 0 8px; }
.detail-delivery { font-size: .86rem; margin: 0 0 20px; }
.purchase-status { color: var(--text-dim); font-size: .9rem; line-height: 1.5; margin: 0 0 16px; }
.detail-purchase .product-actions { margin-top: 0; }
.detail-explanation { margin-top: 56px; padding-top: 32px; }
.detail-explanation h2 { margin-bottom: 20px; }
.detail-explanation .detail-teaser { color: var(--accent); }
.web-cover-monogram { position: absolute; top: 78%; left: 44%; width: 12%; height: 10%; object-fit: contain; }
.book-cover .web-cover-footer { top: 89%; }
@media (max-width:900px) {
  .offering-gallery { gap: 20px; }
  .offering .shelf-book { width: 100px; }
  .offering-art { height: 176px; }
  .detail-intro { column-gap: 36px; }
}
@media (max-width:700px) {
  .offering-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px 24px; max-width: 380px; }
  .offering { flex: none; }
  .offering:last-child { grid-column: 1/-1; width: calc(50% - 12px); justify-self: center; }
  .offering .shelf-book { width: 112px; }
  .offering-art { height: 184px; }
  .offering h3 { margin-top: 16px; min-height: 0; }
  .product-gallery { padding-top: 8px; }
  .gallery-format { max-width: 28ch; margin-bottom: 28px; }
  .standalone-product { padding-top: 24px; }
  .detail-intro { grid-template-columns: 96px minmax(0,1fr); grid-template-areas: "heading heading" "art facts" "purchase purchase"; gap: 24px; margin-top: 24px; }
  .detail-intro h1 { font-size: clamp(1.9rem,7.5vw,2.5rem); margin-bottom: 16px; }
  .detail-lead { font-size: 1rem; }
  .detail-art { align-self: start; }
  .detail-art figcaption { margin-top: 12px; font-size: .65rem; }
  .detail-facts { font-size: .88rem; padding-left: 16px; }
  .detail-facts li { padding-left: 0; }
  .detail-purchase .product-actions { gap: 12px; }
  .detail-purchase .btn { padding-left: 14px; padding-right: 14px; font-size: .9rem; }
  .detail-explanation { margin-top: 36px; }
}
@media (prefers-reduced-motion:reduce) {
  .detail-cover-button { transition: none; }
}

/* Clearer opening and the two existing ways to give Vlákna osudu. */
[data-page="home"] .hero { padding: 48px 0 64px; }
[data-page="home"] .fates-seal { width: 110px; margin-bottom: 12px; }
[data-page="home"] .delphic { margin-bottom: 20px; }
[data-page="home"] .hero-sub { max-width: 54ch; margin-bottom: 28px; }
[data-page="home"] .hero h1, [data-page="home"] .hero-sub,
[data-page="home"] .hero-cta, [data-page="home"] .hero-trust {
  opacity: 1; animation: none; transform: none;
}
.hero-cta { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }
[data-page="home"] .hero-trust { margin: 24px 0 8px; }
.hero-method { color: var(--text-dim); font-size: .85rem; line-height: 1.5; max-width: 60ch; margin: 0 auto; }
.gift-guide { padding: 20px 0 64px; scroll-margin-top: 100px; }
.gift-guide > .container { padding-top: 48px; border-top: 1px solid var(--line); }
.gift-intro { max-width: 65ch; }
.gift-intro h2 { text-align: left; font: 500 clamp(1.8rem,3.5vw,2.6rem)/1.25 var(--serif); margin: 0 0 16px; }
.gift-intro > p { color: var(--text-dim); margin: 0 0 20px; }
.gift-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 64px; margin-top: 28px; }
.gift-options article { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.gift-options h3 { font: 400 1.45rem/1.35 var(--serif); margin: 0 0 16px; }
.gift-options p { color: var(--text-dim); margin: 0 0 16px; }
.gift-options .gift-detail { font-size: .88rem; }
.gift-options .btn { margin-top: auto; }
.gift-footer { margin-top: 28px; }
.gift-footer a { color: var(--accent); text-underline-offset: 4px; }
@media (max-width:700px) {
  [data-page="home"] .hero { padding: 28px 0 48px; }
  [data-page="home"] .hero h1 { font-size: clamp(2rem,8.2vw,2.9rem); }
  [data-page="home"] .fates-seal { width: 88px; margin-bottom: 12px; }
  [data-page="home"] .delphic { margin-bottom: 16px; }
  [data-page="home"] .hero-sub { margin-bottom: 24px; font-size: 1rem; line-height: 1.65; }
  .hero-cta .btn { flex: 1 1 auto; min-width: 140px; padding-left: 16px; padding-right: 16px; }
  [data-page="home"] .hero-trust { font-size: .8rem; }
  .hero-method { font-size: .8rem; }
  .gift-guide { scroll-margin-top: 112px; padding-bottom: 40px; }
  .gift-guide > .container { padding-top: 32px; }
  .gift-options { grid-template-columns: 1fr; gap: 32px; }
  .gift-options article + article { padding-top: 28px; border-top: 1px solid var(--line); }
}