/* Scoped ASTOR + CocoPeat information and pairing; original brand marks. */
.astor-crosssell{background:#f2f4eb!important;padding:68px 0!important;scroll-margin-top:90px}
.astor-crosssell .wrap{display:block!important}
.cross-brand-row{display:flex;align-items:center;gap:26px;margin-bottom:22px}
.cross-brand-row img{object-fit:contain;flex-shrink:0}.cross-brand-row>span{font-size:25px;color:var(--mut)}
.astor-crosssell .slead{margin-bottom:28px;max-width:820px}.cross-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.cross-product{background:#fff;border:1px solid #d6dfd0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.cross-product figure{margin:0;background:#f9faf6}.cross-product figure img{height:255px;width:100%;object-fit:contain;padding:16px}.cross-product figure img.growbag-application{object-fit:cover;padding:0}
.cross-product figcaption{font-size:10px;color:var(--mut);padding:8px 18px;border-top:1px solid #e7eadf}.cross-product-body{padding:24px;display:flex;flex-direction:column;flex:1}
.cross-product-body .eyebrow{font-size:10px;letter-spacing:1.5px;margin:0 0 8px}.cross-product-body h3{font-size:23px;line-height:1.2;margin-bottom:14px}.cross-product-body p:not(.eyebrow){font-size:14px;color:var(--mut);margin-bottom:20px}.cross-product-body>a{margin-top:auto;font-size:13px;font-weight:600;color:var(--forest);text-underline-offset:4px}
.cross-project{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:26px;padding:28px;background:var(--forest);border-radius:12px}.cross-project h3{color:var(--gold-soft);font-size:23px;margin:0 0 8px}.cross-project p{color:#ece9dc;font-size:14px;max-width:720px}.cross-project .btn{white-space:nowrap;flex-shrink:0}.cross-docs{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:24px}.cross-docs a{font-size:13px;font-weight:600;color:var(--forest);text-underline-offset:4px}
@media(max-width:850px){.cross-product-grid{grid-template-columns:1fr}.cross-product figure img{height:300px}.cross-product-body h3{font-size:25px}.cross-project{flex-direction:column;align-items:start}.cross-brand-row{gap:20px}.astor-crosssell{padding:48px 0!important}}
@media(max-width:420px){.cross-project{padding:20px}.cross-project .btn{white-space:normal}.cross-brand-row img:first-child{width:105px}.cross-brand-row img:last-child{width:80px;height:80px}}