/* Royal Crop Science additions to the approved v5 design.
   Loaded after corporate.css and studio.css. Covers what the reference does not:
   catalogue pack photos, five categories, product facts and usage tables,
   company facts, careers, gallery and videos. Same palette and type. */

[hidden]{display:none!important}
.preview-bar{background:#183030;color:#dfe9e2;font-size:11px;text-align:center;padding:6px 12px;letter-spacing:.3px}
.language-switch{display:inline-flex;align-items:center;justify-content:center}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.footer-contact small{font-size:10px;opacity:.8;font-weight:400}
.footer-legal{display:flex;flex-wrap:wrap;gap:4px 22px}
.footer-credit a{color:#35583f;font-weight:600;text-decoration:underline;text-decoration-color:#9caf99;text-underline-offset:3px}
.footer-credit a:hover{color:#183030}
.mobile-menu>.mobile-more{padding-top:4px}
.mobile-menu>p a{color:inherit;font-weight:600}
.filter-reset{display:inline-block}
/* A backdrop blur makes the header the containing block of the fixed mobile menu; drop it while the menu is open */
body.menu-open .site-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--canvas)}
.product-page{padding-top:0}

/* Catalogue pack photos sit on the soft brand tint (white photo backgrounds blend away) */
.brand-art>img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}
.brand-card:hover .brand-art>img{transform:scale(1.04)}
.detail-art>img{position:relative;z-index:1;width:100%;max-height:470px;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:760px){.detail-art>img{max-height:320px}}

/* Five portfolio divisions */
@media(min-width:1001px){
  .division-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}
  .division-grid-5 .division-card{margin-right:22px;padding-right:22px}
  .division-grid-5 .division-card h3{font-size:24px}
}
@media(max-width:1000px){
  .division-grid-5 .division-card:nth-child(2n):after{display:none}
  .division-grid-5 .division-card:nth-child(-n+4){border-bottom:1px solid #d8e2ce}
  .division-grid-5 .division-card:nth-child(2n){margin-right:0}
}
.values-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.values-grid-4{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.values-grid-4{grid-template-columns:1fr}}

/* Company facts */
.facts-band{background:#eef1e9;border-top:1px solid #dfe5d8;border-bottom:1px solid #dfe5d8}
.facts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.fact{border-top:1px solid #c7d3c0;padding-top:20px;min-width:0}
.fact strong{display:block;font-family:var(--display);font-size:clamp(32px,3.4vw,50px);font-weight:500;letter-spacing:-.045em;color:var(--navy);line-height:1.05;overflow-wrap:anywhere}
.fact span{display:block;margin-top:10px;font-size:13px;color:#5c6f68;line-height:1.6}
@media(max-width:760px){.facts-grid{grid-template-columns:1fr 1fr;gap:26px 18px}.fact span{font-size:12px}}

/* Content edited in the admin panel */
.profile-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
@media(max-width:1000px){.profile-split{grid-template-columns:1fr;gap:28px}}
.prose{font-size:15px;line-height:1.9;color:#5c6f68;min-width:0;overflow-wrap:break-word}
.prose p,.prose ul,.prose ol{margin:0 0 18px}
.prose ul,.prose ol{padding-left:20px}
.prose h1,.prose h2,.prose h3,.prose h4{margin:28px 0 14px;font-size:26px}
.prose strong,.prose b{color:var(--navy);font-weight:600}
.prose a{color:var(--blue);text-decoration:underline}
.prose img{height:auto;border-radius:10px}
.prose table{border-collapse:collapse;width:100%;font-size:14px}
.prose td,.prose th{border-bottom:1px solid #dce5d2;padding:10px 8px;text-align:left}
.value-item .prose{font-size:13px;line-height:1.9}
.company-links{margin-top:40px}
.interior-image-contain{object-fit:contain;background:#fff}
.investor-contact{background:#edf2e6;border-radius:17px;padding:30px 32px}
@media(max-width:760px){.investor-contact{padding:24px 22px}}

/* Product page: extra facts and the crop / pest / dose table */
.detail-content>p{margin-bottom:14px}
.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;margin:22px 0 4px;padding:22px 0;border-top:1px solid #d8e1cd;border-bottom:1px solid #d8e1cd}
.detail-facts div{min-width:0}
.detail-facts dt{font-size:10px;letter-spacing:1.5px;color:#5c6f68;font-weight:500;margin-bottom:6px}
.detail-facts dd{margin:0;font-size:14px;color:#3d5a49;line-height:1.6}
@media(max-width:760px){.detail-facts{grid-template-columns:1fr}}
.detail-resource{display:flex;flex-wrap:wrap;gap:12px 28px}
.usage{margin-top:64px}
.usage-table-wrap{overflow-x:auto;border-radius:14px;background:#f2f4ec}
.usage-table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.usage-table th{text-align:left;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#5c6f68;font-weight:600;padding:16px 20px;border-bottom:1px solid #d8e1cd;background:#e9eee2}
.usage-table td{padding:15px 20px;border-bottom:1px solid #e1e7da;vertical-align:top;color:#304b44;line-height:1.6}
.usage-table tr:last-child td{border-bottom:0}
.usage-table td:first-child{font-weight:600;color:var(--navy)}
.related-products{margin-top:72px}
@media(max-width:760px){.usage{margin-top:44px}.usage-table{font-size:13px}.usage-table td,.usage-table th{padding:13px 14px}}

/* Infrastructure */
.formulation-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 30px;border-top:1px solid #d8e2ce}
.formulation-list div{display:flex;gap:16px;align-items:baseline;padding:18px 0;border-bottom:1px solid #d8e2ce;min-width:0}
.formulation-list strong{font-family:var(--display);font-size:24px;font-weight:500;color:var(--navy);min-width:58px;letter-spacing:-.03em}
.formulation-list span{font-size:13px;color:#5c6f68}
@media(max-width:1000px){.formulation-list{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.formulation-list{grid-template-columns:1fr}}

/* Resources */
.resource-information+.resource-information{margin-top:20px}
.resource-links{display:flex;flex-wrap:wrap;gap:16px 34px;margin-top:20px}

/* Forms: confirmation, errors and file upload */
.enquiry-form>.enquiry-result{margin:0 0 24px}
.section-small>.wrap>.enquiry-result{margin:0 0 30px}
.form-error{border-color:#e2b9a8;background:#fbf1ec}
.form-error strong{color:#8a3b1f;font-size:16px;font-family:var(--sans);font-weight:600}
.enquiry-form input[type=file]{padding:10px}
.enquiry-form .form-note{font-size:11px;color:#5c6f68;margin-top:14px;line-height:1.7}

/* Careers */
.job-list{display:grid;gap:14px}
.job-card{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#f0f4e9;border-radius:14px;padding:24px 26px}
.job-card h3{font-size:26px;margin-bottom:10px}
.job-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;color:#5c6f68}
.job-meta span{display:inline-flex;align-items:center;gap:7px}
.job-meta .icon{width:16px;height:16px;color:#6c906c}
@media(max-width:760px){.job-card{flex-direction:column;align-items:flex-start;padding:22px 20px}.job-card h3{font-size:23px}}

/* Gallery and videos */
.gallery-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.gallery-filters .filter-option{width:auto;margin:0}
.gallery-grid{columns:3 280px;column-gap:18px}
.gallery-grid a{display:block;break-inside:avoid;margin-bottom:18px;border-radius:12px;overflow:hidden;background:#eef1e9}
.gallery-grid img{width:100%;height:auto;transition:transform .4s}
.gallery-grid a:hover img{transform:scale(1.03)}
.gallery-grid span{display:block;padding:12px 14px;font-size:12px;color:#5c6f68}
.lightbox{position:fixed;inset:0;z-index:200;background:#0f1f1ee6;display:flex;align-items:center;justify-content:center;padding:30px}
.lightbox img{max-width:100%;max-height:100%;border-radius:8px}
.lightbox-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;background:#ffffff1f;color:#fff;display:grid;place-items:center}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.video-thumb{display:block;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;position:relative;background:#183030;padding:0}
.video-thumb img{width:100%;height:100%;object-fit:cover}
.video-thumb .round-arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:#f7f7f2e6;display:grid;place-items:center;color:var(--navy)}
.video-thumb iframe{width:100%;height:100%;border:0;display:block}
.video-card h3{font-size:20px;margin-top:14px;line-height:1.3}
@media(max-width:1000px){.video-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.video-grid{grid-template-columns:1fr}}

/* 404 */
.not-found-search{max-width:760px;margin-bottom:34px}
