/* TABCOTE within the shared CoteX forest, ivory and gold system. */
.cotex-gardening .site-header{position:relative;inset:auto;background:var(--forest);color:var(--paper)}
.cotex-gardening .header-inner{min-height:88px}
.cotex-gardening .site-header .logo img{width:150px;height:auto;filter:none}
.cotex-gardening .site-header #navigation a{color:var(--paper)}
.cotex-gardening .site-header #navigation a:hover{color:var(--gold)}
.cotex-gardening .site-header :focus-visible{outline-color:var(--gold)}
.cotex-gardening .ph-study{background:var(--forest);color:var(--paper);padding:20px 0 28px}
.garden-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}
.ph-copy{min-width:0}
body.site-type-system.cotex-gardening #main #garden-title{font-size:clamp(2.25rem,3.4vw,3rem)!important;line-height:1.08!important;letter-spacing:-.02em!important;color:var(--paper);margin:0}
#garden-title>span{display:block}
body.site-type-system.cotex-gardening #garden-title>span{font-weight:450!important}
#garden-title>span+span{font-size:.625em;line-height:1.25;letter-spacing:-.01em;color:var(--gold);margin-top:12px;max-width:none}
body.site-type-system.cotex-gardening #main .ph-lead{font-size:var(--fs-small)!important;line-height:1.7!important;color:var(--dark-text);max-width:60ch;margin-top:20px}
.ph-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:24px}
.ph-actions .button{background:var(--gold);color:var(--forest);gap:24px;text-decoration:none}
.ph-actions .button:hover{background:var(--gold-hover)}
.ph-apply-link{display:inline-flex;align-items:center;gap:12px;min-height:46px}
.ph-visual{margin:0;background:var(--paper);border-radius:12px;overflow:hidden}
.ph-visual img{width:100%;height:280px;object-fit:contain}
.ph-study :focus-visible{outline-color:var(--gold)}
.fc-benefit-band{background:var(--forest);color:var(--paper)}
.fc-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;list-style:none;margin-block:0;padding:16px 0 20px;border-top:1px solid var(--dark-line)}
.fc-benefits li{display:flex;align-items:center;gap:12px;min-width:0}
.fc-benefit-icon{color:var(--gold);display:block;flex:none}
.fc-benefit-icon svg{width:24px;height:24px}
body.site-type-system.cotex-gardening #benefits h2{font-size:var(--fs-small)!important;font-weight:700!important;line-height:1.4!important;letter-spacing:0!important;margin:0}
.cotex-gardening #range{padding-block:36px 56px}
.cotex-gardening .section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:32px;margin-bottom:32px}
body.site-type-system.cotex-gardening #main .section-heading h2{font-size:var(--fs-h2)!important;line-height:1.12!important;letter-spacing:-.02em!important;margin:0;max-width:21ch}
.section-heading h2 sup{font-size:.4em;vertical-align:super}
.cotex-gardening .section-heading p{color:var(--muted);margin:0;max-width:34ch}
.cotex-gardening #range .section-heading{margin-bottom:24px}
body.site-type-system.cotex-gardening #main #range .section-heading h2{font-size:clamp(1.75rem,2.6vw,2.25rem)!important;max-width:none}
.refined-catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.catalogue-card{display:flex;flex-direction:column;min-width:0;background:#ece6d9;border:0;border-radius:16px;overflow:hidden}
.product-photo{display:block;overflow:hidden;background:var(--sand)}
.product-photo img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover}
#citrus .product-photo img{object-fit:contain}
.detail-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:24px}
.detail-copy h3{min-height:2.8em;line-height:1.4!important}
.detail-copy h3 a{display:inline-block}
.detail-copy h3 i{display:none}
body.site-type-system.cotex-gardening #main .detail-copy p{font-size:var(--fs-label)!important;line-height:1.6!important;color:var(--muted);margin:0 0 16px;max-width:52ch}
.detail-copy .fc-product-button{display:inline-flex;justify-content:center;gap:24px;width:fit-content;max-width:100%;margin-top:auto;min-height:44px;padding:10px 20px;background:var(--forest);color:var(--paper);border:0;border-radius:999px;text-decoration:none;transition:background-color .18s ease,color .18s ease}
.detail-copy .fc-product-button:hover{background:var(--gold);color:var(--forest);text-decoration:none}
.detail-copy .fc-product-button:focus-visible{outline:3px solid var(--forest);outline-offset:4px}
.detail-copy .fc-product-button svg{flex:none}
.fc-application-wrap{background:var(--sand);padding-block:56px}
.application-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none}
.application-visual{overflow:hidden;border-radius:8px;background:var(--paper)}
.application-visual img{width:100%;height:auto;aspect-ratio:1.4;object-fit:contain}
.application-caption{display:flex;align-items:flex-start;gap:12px;margin-top:20px}
.application-number{display:grid;place-items:center;width:24px;height:24px;flex:none;border:1px solid var(--line);border-radius:50%;font-size:var(--fs-label);font-variant-numeric:tabular-nums}
body.site-type-system.cotex-gardening #main .application-caption h3{margin:0 0 8px}
body.site-type-system.cotex-gardening #main #how-it-works .application-caption p{font-size:var(--fs-label)!important;line-height:1.6!important;color:var(--muted);max-width:38ch}
@media(max-width:1100px){.garden-hero-grid{gap:40px}.refined-catalogue{gap:32px 24px}.fc-benefits{gap:20px}}
@media(max-width:900px){
 .cotex-gardening .header-inner{min-height:88px}
 .cotex-gardening .site-header #navigation{background:var(--forest)}
 .cotex-gardening .menu-toggle{color:var(--paper)}
 .garden-hero-grid{gap:28px;grid-template-columns:1.15fr 1fr}
 body.site-type-system.cotex-gardening #main #garden-title{font-size:2.25rem!important}
 .ph-actions{gap:12px 20px;margin-top:24px}
 .fc-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
 .cotex-gardening .section-heading{display:block}
 .cotex-gardening .section-heading p{margin-top:16px;max-width:none}
 .refined-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}
 .application-steps{gap:24px}
}
@media(max-width:600px){
 .cotex-gardening .ph-study{padding:16px 0 24px}
 .garden-hero-grid{grid-template-columns:1fr;gap:24px}
 body.site-type-system.cotex-gardening #main #garden-title{font-size:clamp(2rem,8.5vw,2.5rem)!important}
 #garden-title>span+span{font-size:.625em;max-width:none}
 body.site-type-system.cotex-gardening #main .ph-lead{margin-top:16px}
 .ph-visual img{height:180px}
 .fc-benefits{padding-block:16px;gap:12px 16px}
 .fc-benefits li{gap:8px}
 .fc-benefit-icon svg{width:20px;height:20px}
 .cotex-gardening #range{padding-block:28px 40px}
 .refined-catalogue{grid-template-columns:1fr;gap:32px}
 .detail-copy h3{min-height:0}
 .detail-copy{padding:20px}
 .fc-application-wrap{padding-block:40px}
 .application-steps{grid-template-columns:1fr;gap:24px}
 .application-steps li{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center}
 .application-steps li+li{padding-top:24px;border-top:1px solid var(--line)}
 .application-visual img{aspect-ratio:1}
 .application-caption{margin:0;gap:8px}
}