/* =====================================================
   MOTOGRIP GLOBAL — Print / PDF Stylesheet
   Only applies when printing (Export PDF button).
   Edit this file to change the PDF layout & style.
   ===================================================== */

@media print {

  @page {
    size: A4;
    margin: 15mm 12mm;
  }

  body > *:not(#printCatalog) {
    display: none !important;
  }

  body {
    background: #fff;
    color: #111;
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
    font-size: 10pt;
  }

  #printCatalog {
    display: block !important;
  }

  /* --- Header --- */
  .print-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 10mm;
    border-bottom: 2px solid #111;
    margin-bottom: 4mm;
    position:relative;
  }

  .print-logo {
    font-size: 26pt;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #111;
  }

  .print-logo span { color: #f5a623; }

  .print-meta-title {
    font-size: 11pt;
    font-weight: 700;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #111;
  }

  .print-meta-date {
    font-size: 9pt;
    color: #666;
    text-align: right;
    margin-top: 2mm;
  }
  .print-moqxpl{
    font-size:10pt;
    font-weight:800;
    font-style: italic;
  }
.print-coltd{
    position:absolute;
    bottom:2mm;
    left:0;
    font-size:12pt;
    font-weight:800;
  }
  /* --- Product grid ---
     Change repeat(3, 1fr) to repeat(2, 1fr) for 2 columns,
     or repeat(4, 1fr) for 4 columns. */
  .print-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1mm;
  }

  /* --- Product card --- */
  .print-card {
    border: 1pt solid #ddd;
    border-radius: 4pt;
    padding: 4mm 4mm 4mm 24mm;
    break-inside: avoid;
    background: #fff;
    height:43mm;
    position: relative;
  }

  .print-card-category {
    font-size: 7pt;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #f5a623;
    position:absolute;
    right:2mm;
    top:3mm;
  }

  .print-card-model {
    font-size: 12pt;
    font-weight: 800;
    color: #111;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    position:relative;
    left:-8mm;
    bottom: 2mm;
  }

  /* ---- Product image ----
     Adjust height to resize the image area.
     object-fit options:
       cover   = fill box, crop edges (default)
       contain = show whole image, may leave gaps
       fill    = stretch to fill (may distort)   */
  .print-card-img-wrap {
    width: 20mm;
    height: 30mm;
    margin: 2mm 0;
    overflow: hidden;
    border-radius: 3pt;
    background: #f5f5f5;
    position:absolute;
    left:2mm;
    top:6mm;
  }

  .print-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
  }

  .print-card-img-placeholder {
    background: #f0f0f0;
    border: 1pt dashed #ddd;
  }

  /* --- Spec rows --- */
  .print-showcard{
    position:absolute;
    width:70mm;
    right:4pt;
    bottom:16mm;
    transform: translateY(50%)
  }
  .print-spec {
    display: flex;
    justify-content: space-between;
    font-size: 8pt;
    padding: 0.4mm 0;
    border-bottom: 0.5pt solid #f0f0f0;
    gap: 0.8mm;
  }

  .print-spec:last-child { border-bottom: none; }
  .print-spec-label { color: #888; flex-shrink: 0; }
  .print-spec-value { color: #111; font-weight: 600; text-align: right; }

  /* --- Footer --- */
  .print-footer {
    margin-top: 8mm;
    padding-top: 4mm;
    font-size: 8pt;
    color: #999;
    text-align: center;
  }
  /* ---Call to Action contact us Partner with Us*/
  .print-contact {
    margin-top: 8mm;
    padding-top: 4mm;
    border-top: 1pt solid #ddd;
    font-weight: 600;
    page-break-inside: avoid;
  }
  .print-contact-partner{
    font-size:22pt;

  }
  .print-partnerline{
    font-size:12pt;
  }
  .print-italic{
    font-size:12pt;
    font-style: italic;
  }
  .print-reserve{
    font-weight:normal;
  }
}

@media screen {
  #printCatalog { display: none; }
}