/* ============================================================
   PRINT — a piece page prints as a spec sheet
   Architects and procurement print things. This is the cheapest
   craft signal on the site: no runtime cost, no JavaScript.
   ============================================================ */

@media print{
  @page{ margin: 16mm; }

  html, body{
    background: #fff !important;
    color: #000 !important;
  }

  /* everything that is navigation, persuasion or decoration goes */
  .nav, .menu, .foot, .cta-band, .ticker, .clients, .testimonials,
  .posts-band, .visit, .collections, .spec-notes, .cta-row,
  .config-set, .stage-note, .assembly, .cases, .form-band,
  .compare, .piece-foot, .sheet-actions{
    display: none !important;
  }

  .slab, .slab-piece, .band, .spec-band{
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    color: #000 !important;
    border-radius: 0 !important;
    min-height: 0 !important;
    box-shadow: none !important;
  }
  .slab::before, .slab::after,
  .piece-frame::after, .feature-frame::after{ display: none !important; }

  /* a printed sheet needs a masthead */
  .piece-view::before{
    content: "NAII — Al Kharj Road, Riyadh — naii.sa — +966 11 000 0000";
    display: block;
    grid-column: 1 / -1;
    margin-bottom: 8mm;
    padding-bottom: 3mm;
    border-bottom: 1pt solid #000;
    font-family: "Inter Tight", Helvetica, Arial, sans-serif;
    font-size: 8pt;
    letter-spacing: .12em;
    text-transform: uppercase;
  }

  .piece-view{
    display: grid !important;
    grid-template-columns: 52% 44% !important;
    gap: 4%;
    align-items: start;
  }

  .piece-stage{ min-height: 0 !important; }
  .piece-blob{
    width: 100% !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    animation: none !important;
    aspect-ratio: 1 / .9;
  }
  /* print the drawing as a line drawing, not a rendering */
  .piece-blob .piece-art{
    width: 100% !important;
    margin: 0 !important;
    animation: none !important;
    filter: grayscale(1) contrast(1.35);
  }

  .piece-title{ font-size: 24pt !important; color: #000 !important; }
  .piece-price{ font-size: 13pt !important; color: #000 !important; margin-top: 2mm !important; }
  .piece-detail .lead{
    font-size: 9.5pt !important;
    line-height: 1.5 !important;
    color: #222 !important;
    max-width: none !important;
  }
  .eyebrow{
    color: #000 !important;
    font-size: 7.5pt !important;
    opacity: 1 !important;
  }
  .eyebrow .dot-mark, .eyebrow .dot{ display: none !important; }

  .spec-band{ display: block !important; margin-top: 8mm !important; }
  .spec-copy h2{ font-size: 13pt !important; margin-bottom: 3mm !important; }
  .spec-copy h2 em{ color: #000 !important; }
  .sec-label{ font-size: 7.5pt !important; color: #000 !important; }
  .spec-list{ margin: 0 !important; }
  .spec-row{
    padding: 1.6mm 0 !important;
    border-top: .5pt solid #999 !important;
    font-size: 9.5pt !important;
  }
  .spec-row dt{ color: #000 !important; }

  /* a printed page should say when it was printed and what it is */
  .spec-band::after{
    content: "Specification subject to change. Dimensions in centimetres. Prices in Saudi riyals, including VAT.";
    display: block;
    margin-top: 8mm;
    padding-top: 3mm;
    border-top: .5pt solid #999;
    font-family: "Inter Tight", Helvetica, Arial, sans-serif;
    font-size: 7.5pt;
    color: #444;
  }

  a[href]::after{ content: ""; }
  [data-reveal]{ opacity: 1 !important; transform: none !important; }
}