/* ========================================================================== Vimal Agro — print stylesheet (loaded with media="print") Goal: any page prints as a clean, ink-light document; product pages print as a one-piece spec sheet. Deliberately conservative so it cannot break the printing of pages it does not know about. ========================================================================== */ @page { margin: 16mm 14mm; } /* ------------------------------------------------------------- foundation */ html, body { background: #fff !important; color: #000 !important; font-size: 10.5pt; line-height: 1.45; } body * { background-image: none !important; box-shadow: none !important; text-shadow: none !important; } h1, h2, h3, h4, h5, h6, p, li, td, th, span, div, small, b, strong, em { color: #000 !important; } a { color: #000 !important; text-decoration: none !important; } /* Scroll containers must not clip when printed */ .table-scroll, .container, main, section { overflow: visible !important; } section { padding: 0 0 10mm !important; } .container { max-width: 100% !important; width: auto !important; padding: 0 !important; margin: 0 !important; } /* ------------------------------------------------- chrome that never prints */ .topbar, .site-header, .nav, .nav-toggle, .site-footer, .cta-banner, .btn, .hero-actions, .breadcrumbs, .skip-link, #site-search, #search-open, #enquiry-basket-root, .vs-wrap, video, iframe, .flourish { display: none !important; } /* Related-product grids on a product page are navigation, not spec content. Scoped to .prod-page so category listings still print their product grid. */ .prod-page .product-card { display: none !important; } /* -------------------------------------------------- reveal-on-scroll gating main.js adds .reveal-ready to , which hides .reveal blocks until they scroll into view. In print nothing scrolls, so force them all visible. */ html.reveal-ready .reveal, html.reveal-ready .reveal.in, .reveal { opacity: 1 !important; transform: none !important; transition: none !important; animation: none !important; visibility: visible !important; } /* ------------------------------------------------------------- page layout */ .page-hero, .prod-hero, .hero { background: #fff !important; color: #000 !important; padding: 0 0 6mm !important; border-bottom: 1pt solid #000 !important; min-height: 0 !important; } h1 { font-size: 20pt !important; margin: 0 0 2mm; } h2 { font-size: 14pt !important; margin: 0 0 2mm; } h3 { font-size: 11.5pt !important; } .eyebrow, .sub-head { color: #333 !important; font-size: 8pt !important; letter-spacing: 0.14em; } .split { display: block !important; } /* Product pack shot — kept small so the spec table leads the page */ .prod-page .frame.pack { border: 1pt solid #999 !important; background: #fff !important; padding: 2mm !important; max-width: 60mm !important; float: right; margin: 0 0 4mm 5mm; } .frame { border: 0.5pt solid #999 !important; background: #fff !important; } img { max-width: 100% !important; height: auto !important; } .frame img, .p-img img { max-width: 60mm !important; max-height: 60mm !important; height: auto !important; object-fit: contain !important; } /* ------------------------------------------------------------ spec content */ .spec-table { width: 100% !important; border-collapse: collapse !important; border: 1pt solid #000 !important; background: #fff !important; font-size: 9.5pt; } .spec-table th, .spec-table td { border: 0.5pt solid #666 !important; padding: 2mm 3mm !important; background: #fff !important; text-align: left; vertical-align: top; } .spec-table th { width: 45mm; font-weight: 700; } .pack-pill, .tag, .pkg-sizes { border: 0.5pt solid #666 !important; background: #fff !important; padding: 0.5mm 2mm !important; border-radius: 2pt !important; font-size: 9pt !important; } .card, .pkg-card, .doc-card, .step, .region-card { border: 0.5pt solid #999 !important; background: #fff !important; border-radius: 0 !important; } /* ------------------------------------------------------------ page breaking */ table, tr, .card, .pkg-card, .doc-card, .spec-table, .faq, figure, img { page-break-inside: avoid; break-inside: avoid; } h1, h2, h3 { page-break-after: avoid; break-after: avoid; } /* ------------------------------------------------------------------ footer */ body::after { content: "vimalagro.com — Vimal Agro Products Pvt. Ltd., Bardoli, Gujarat, India"; display: block; margin-top: 8mm; padding-top: 2mm; border-top: 0.5pt solid #666; font-size: 8.5pt; color: #333 !important; } /* Canonical URL printed directly beneath the page title */ main h1::after { content: "vimalagro.com"; display: block; margin-top: 1.5mm; font-family: inherit; font-size: 8.5pt; font-weight: 400; letter-spacing: 0.06em; color: #333 !important; } /* Product print refinements */ .prod-page .page-hero.slim { display: none !important; } .prod-page .grid.grid-4 { display: none !important; } body::after { content: "Vimal Agro Products Pvt. Ltd. — vimalagro.com — info@vimalagro.com — (+91) 93163 29159" !important; display: block; margin-top: 8mm; font-size: 9pt; }