*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 Arial,sans-serif;color:#202821;background:#fff}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #e11e29;outline-offset:5px}img{max-width:100%;height:auto;display:block}.skip{position:absolute;top:-100px;left:12px;background:white;padding:12px;z-index:100}.skip:focus{top:8px}.draft{background:#f0f4ed;text-align:center;font-size:11px;letter-spacing:.12em;padding:8px 15px}.shell{max-width:1280px;margin:auto;padding:0 5%}header{border-bottom:1px solid #e1e6dd}header .shell{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:5px;padding-bottom:5px}.logo{width:285px;flex:0 0 auto}.logo img{height:112px;object-fit:contain;width:100%}nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:25px;font-size:14px}nav a{text-decoration:none}nav a:hover{color:#d91624}.hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:25px;align-items:center;padding-top:50px;padding-bottom:60px}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#78816f;margin:0 0 18px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.12;margin:0 0 22px;color:#17251a}h1{font-size:clamp(39px,5vw,65px);letter-spacing:-.04em}h2{font-size:clamp(31px,3.5vw,44px);letter-spacing:-.025em}h3{font-size:27px}p{margin:0 0 20px}.lead{font-size:19px;color:#697165;max-width:500px}.hero img{border-radius:4px}.btn{display:inline-block;background:#e31825;color:white;padding:14px 22px;border-radius:4px;font-size:14px;font-weight:bold;text-decoration:none;margin:10px 10px 10px 0;line-height:1.4}.btn:hover{background:#b9101c}.btn.secondary{background:transparent;border:1px solid #b5c3ac;color:#355538}.micro{font-size:12px;color:#7b8276}.section{padding-top:55px;padding-bottom:55px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.section-heading p{max-width:390px;color:#717a68}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card img{aspect-ratio:4/3;object-fit:cover;border-radius:5px}.card .meta{font-size:11px;letter-spacing:.1em;color:#64755b;margin:18px 0 9px}.card h3{font-size:26px;margin-bottom:10px}.card p{font-size:14px;color:#6d7567}.textlink{font-size:14px;font-weight:bold;text-decoration:none;color:#d91624}.green{background:#244e31;color:white;border-radius:6px;padding:45px;margin:25px 0}.green h2,.green h3{color:white}.green .eyebrow{color:#c2d5b6}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.number{color:#bfd69e;font-size:14px;margin-bottom:14px}.steps h3{font:700 20px/1.3 Arial,sans-serif}.steps p{font-size:15px;color:#dbe5d7}.fine{border-top:1px solid #63806a;padding-top:20px;font-size:13px;color:#dbe5d7}.helpgrid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.help{background:#f3f7ee;padding:30px;border-radius:5px}.help p{color:#66745f}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.faq details{border-top:1px solid #d9e1d2;padding:20px 0}.faq summary{cursor:pointer;font-size:17px;font-weight:bold}.faq details p{font-size:15px;color:#6c7564;margin-top:15px;margin-bottom:0}.cta{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#f1f6ea;padding:35px;border-radius:5px;margin-bottom:50px}.cta h2{font-size:33px;margin-bottom:10px}.cta p{color:#697563;margin:0}.cta .btn{white-space:nowrap}footer{border-top:1px solid #e0e5da;padding:25px 0;color:#6e7968;font-size:12px}footer .shell{display:flex;justify-content:space-between;gap:25px}.footerlinks{display:flex;gap:20px;flex-wrap:wrap}.crumb{font-size:13px;color:#76826d;margin:25px 0}.product{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.product figure{margin:0}.product figcaption{font-size:11px;color:#7c8475;margin-top:9px}.product img{border-radius:5px}.specs{margin:25px 0}.specs div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e1e6da;padding:12px 0;font-size:14px}.specs dt{color:#697661}.specs dd{margin:0;text-align:right}.product h1{font-size:clamp(36px,4.5vw,53px)}.article{max-width:790px;margin:auto}.article h2{font-size:30px;margin-top:38px}.article h3{font-size:24px;margin-top:28px}.article p,.article li{color:#5f6d58}.article li{margin-bottom:12px}.article ul,.article ol{padding-left:25px}.notice{padding:20px 25px;background:#f3f6ed;border-left:3px solid #819c65;font-size:14px;margin:25px 0;color:#526247}.tablewrap{overflow:auto;margin:25px 0}table{border-collapse:collapse;width:100%;min-width:620px;font-size:14px}caption{text-align:left;font-size:20px;margin-bottom:15px}th,td{padding:15px;text-align:left;border-bottom:1px solid #dce3d5}th{background:#f0f5e8}strong{font-weight:700}.media-note{font-size:12px;color:#7a8274;margin:15px 0 0}.new-block{border-top:1px solid #dce4d5;padding-top:30px;margin-top:30px} @media(max-width:780px){header .shell{display:block;padding-top:0;padding-bottom:18px}.logo{width:240px;display:block;margin:auto}.logo img{height:106px}nav{justify-content:center;gap:15px;font-size:13px}.hero,.product,.faq{grid-template-columns:1fr;gap:25px}.hero{padding-top:35px;padding-bottom:30px}.hero img{max-height:470px;object-fit:contain}.hero h1{font-size:46px}.lead{font-size:18px}.grid3{grid-template-columns:1fr}.card{padding-bottom:20px}.card img{max-height:380px;object-fit:contain;background:#f5f7f0}.steps,.helpgrid{grid-template-columns:1fr;gap:20px}.section{padding-top:35px;padding-bottom:35px}.section-heading,.cta,footer .shell{display:block}.section-heading p{max-width:none}.green{padding:30px 24px}.steps h3{margin-bottom:10px}.cta{padding:27px}.cta .btn{margin-top:20px}.footerlinks{margin-bottom:15px}.product{gap:25px}.product h1{font-size:42px}.shell{padding-left:6%;padding-right:6%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.draft,.btn,nav{display:none}body{font-size:12px}.shell{max-width:none}a{text-decoration:none}.section{padding-top:20px;padding-bottom:20px}.green{background:#f0f3eb;color:#222}.green h2,.green h3,.green p{color:#222}.card,.product,.green{break-inside:avoid}footer{font-size:10px}}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.grid2 .card img{aspect-ratio:4/3;object-fit:contain;background:#f6f7f2}@media(max-width:780px){.grid2{grid-template-columns:1fr;gap:25px}}

.feature{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;border-top:1px solid #e1e7da;border-bottom:1px solid #e1e7da}.feature img{border-radius:6px}.feature p{color:#687462}@media(max-width:780px){.feature{grid-template-columns:1fr;gap:25px}}

.collection-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin:28px 0}.collection-nav a{border:1px solid #dce4d5;padding:9px 14px;border-radius:20px}.colour-pair{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding:10px 0 30px;border-bottom:1px solid #e1e7da}.colour-pair p{font-size:20px}.colour-pair a{display:flex;align-items:center;gap:10px;text-decoration:none}.colour-pair img{width:100px;height:75px;object-fit:contain;border-radius:5px}

/* Catalogue QA: keep product geometry and labels visible at every width. */
.grid3,.grid2{align-items:start}.card,.product>*,.hero>*{min-width:0}.card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#f7f8f4}.card h3{overflow-wrap:anywhere}.specs dt,.specs dd{min-width:0;overflow-wrap:anywhere}.specs dt{flex:1}.specs dd{flex:1.2}.collection-nav a{line-height:1.4;min-height:44px;display:inline-flex;align-items:center}.section[id]{scroll-margin-top:20px}.tablewrap{max-width:100%;overscroll-behavior-inline:contain}.tablewrap:focus-visible{outline:3px solid #e11e29;outline-offset:3px}.article figure{margin:25px 0}.article figcaption{font-size:13px;color:#5f6d58}.micro,.product figcaption{font-size:13px;color:#586452}
@media(min-width:781px) and (max-width:1050px){.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.product{gap:30px}.card h3{font-size:24px}}
@media(max-width:780px){.hero h1,.product h1{font-size:clamp(32px,9vw,42px)}.logo{max-width:100%}.cta .btn{white-space:normal}.collection-nav{gap:8px}.collection-nav a{font-size:13px}.specs div{gap:12px}.card img{max-height:none}.colour-pair{gap:16px}.colour-pair p{width:100%;margin-bottom:0}.colour-pair img{width:85px}.notice{padding:18px}.btn{max-width:100%;overflow-wrap:anywhere}}

.purpose-links{padding:25px 0}.purpose-links nav{justify-content:flex-start;gap:12px;margin:16px 0}.purpose-links nav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;background:#f0f5eb;border-radius:5px;color:#294b32;font-weight:bold}.purpose-links .micro{max-width:800px}.collection-nav{padding-bottom:20px;border-bottom:1px solid #e1e7da}.collection-nav a:hover,.purpose-links nav a:hover{background:#e2edd8}.card img{object-fit:contain!important}

/* SABURG header: prominent original logo, with only its empty white margins hidden.
   Source is 1816 x 866; visible frame is x=320..1580, y=110..660.
   The complete bird, wordmark and registration mark remain inside the frame. */
header .shell{gap:24px;padding-top:14px;padding-bottom:16px}
header .logo{display:block;position:relative;width:400px;max-width:100%;min-width:0;flex:0 1 400px;aspect-ratio:1260/550;overflow:hidden;margin:0}
header .logo img{position:absolute;left:-25.396825%;top:-20%;width:144.126984%;max-width:none;height:auto;object-fit:initial}
header nav{min-width:0;flex:1 1 390px;gap:8px 22px;line-height:1.35}
header nav a{display:flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
@media(max-width:960px){
 header .shell{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:12px;padding-bottom:14px}
 header .logo{width:min(400px,100%);flex:none;margin:0 auto}
 header nav{width:100%;flex:none;justify-content:center;gap:4px 20px;font-size:14px}
}
@media(max-width:780px){
 header .logo{width:min(360px,100%)}
 header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
 header nav a{justify-content:center;text-align:center}
}

/* BEGIN SABURG advice: editorial addition; existing catalogue styles retained. */
.advice-intro{max-width:880px;padding-bottom:32px}
.advice-intro h1{font-size:clamp(38px,5vw,62px);max-width:800px}
.advice-intro .lead{max-width:690px;color:#53634d}
.advice-guide-note{font-size:14px;color:#53634d;max-width:690px}
.advice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:50px}
.advice-card{display:flex;flex-direction:column;min-width:0;padding:29px 30px 27px;background:#f5f7f1;border:1px solid #e3e8db;border-radius:6px}
.advice-card-meta{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:25px;color:#506849;font-size:12px}
.advice-number{font-family:Georgia,serif;font-size:29px;line-height:1;color:#81946f}
.advice-card h2,.advice-card h3{font-size:clamp(25px,2.4vw,31px);line-height:1.22;letter-spacing:-.015em;margin:0 0 16px}
.advice-card h2 a,.advice-card h3 a{text-decoration:none}
.advice-card h2 a:hover,.advice-card h3 a:hover{color:#b91420}
.advice-card p{font-size:16px;line-height:1.65;color:#52634c}
.advice-card .advice-card-end{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:10px}
.advice-card .textlink{display:inline-flex;min-height:44px;align-items:center}
.advice-readtime{font-size:12px;color:#596a51;white-space:nowrap}
.advice-home{border-top:1px solid #e1e7da}
.advice-home .advice-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0}
.advice-home .advice-card{padding:25px}
.advice-home .advice-card h3{font-size:26px}
.advice-home .advice-card-end{flex-wrap:wrap;gap:4px 15px}
.advice-article{max-width:780px;margin:0 auto;padding-bottom:45px}
.advice-heading{padding-top:15px}
.advice-heading h1{font-size:clamp(36px,5vw,56px);line-height:1.12;letter-spacing:-.035em;overflow-wrap:break-word}
.advice-heading .lead{max-width:none;font-size:21px;line-height:1.65;color:#53634d}
.advice-heading .eyebrow{color:#617154}
.advice-toc{padding:22px 27px;margin:30px 0 38px;background:#f3f6ee;border-radius:5px}
.advice-toc p{font-size:13px;font-weight:bold;color:#44573e;margin-bottom:12px}
.advice-toc ol{margin:0;padding-left:22px;columns:2;column-gap:35px}
.advice-toc li{break-inside:avoid;margin:0 0 7px;color:#4c6045;font-size:14px;line-height:1.5}
.advice-toc a{text-decoration-thickness:1px;text-underline-offset:3px}
.advice-body{font-size:18px;line-height:1.8;color:#40523a}
.advice-body h2{font-size:clamp(27px,3.1vw,35px);line-height:1.2;margin:38px 0 18px;scroll-margin-top:24px}
.advice-body p{margin-bottom:22px}
.advice-body ul,.advice-body ol{padding-left:25px;margin:18px 0 26px}
.advice-body li{padding-left:4px;margin-bottom:13px}
.advice-catalogue{border:1px solid #dbe4d2;border-radius:5px;padding:25px 28px;margin:38px 0 28px;background:#f6f8f2}
.advice-catalogue h2{font-size:27px;line-height:1.2;margin-bottom:16px}
.advice-catalogue p{font-size:15px;color:#4e6146;line-height:1.7}
.advice-product-links{list-style:none;padding:0;margin:18px 0 8px}
.advice-product-links li{border-top:1px solid #dfe6d7;padding:13px 0;font-size:15px;line-height:1.5}
.advice-product-links a{display:block;color:#2f5034;text-underline-offset:3px}
.advice-product-links small{display:block;color:#63745b;font-size:12px;margin-top:5px}
.advice-sources{border-top:1px solid #dbe3d4;border-bottom:1px solid #dbe3d4;padding:18px 0;margin-top:30px;color:#52644a;font-size:14px}
.advice-sources summary{font-weight:bold;cursor:pointer;min-height:44px;line-height:1.6;display:list-item;padding:7px 0}
.advice-sources ul{padding-left:20px;margin:15px 0 5px}
.advice-sources li{margin-bottom:12px;overflow-wrap:anywhere}
.advice-sources a{text-underline-offset:3px}
.advice-related{padding-top:35px;border-top:1px solid #e0e6da}
.advice-related h2{font-size:31px}
.advice-related .advice-grid{margin-bottom:0}
.advice-crumb{line-height:1.7;overflow-wrap:anywhere}
.advice-general-note{font-size:13px;color:#5c6d54;margin:24px 0 0;line-height:1.7}
@media(min-width:781px) and (max-width:1050px){.advice-home .advice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.advice-home .advice-card:last-child{grid-column:1/-1}}
@media(max-width:780px){
 header nav .advice-nav{grid-column:1/-1}
 .advice-intro{padding-top:20px;padding-bottom:20px}
 .advice-grid,.advice-home .advice-grid{grid-template-columns:1fr;gap:16px}
 .advice-card,.advice-home .advice-card{padding:24px}
 .advice-card-meta{margin-bottom:20px}
 .advice-home .section-heading .textlink{display:inline-flex;align-items:center;min-height:44px;margin-bottom:15px}
 .advice-heading h1{font-size:clamp(33px,8.7vw,44px)}
 .advice-heading .lead{font-size:19px;line-height:1.7}
 .advice-body{font-size:18px;line-height:1.8}
 .advice-toc{padding:21px 23px;margin-top:25px}
 .advice-toc ol{columns:1}
 .advice-toc li{margin-bottom:9px}
 .advice-catalogue{padding:22px}
 .advice-crumb{font-size:12px;margin:22px 0}
}
@media print{.advice-toc,.advice-catalogue,.advice-related{display:none}.advice-body{font-size:12px}.advice-heading h1{font-size:32px}.advice-body h2{font-size:23px}.advice-card{break-inside:avoid}.advice-grid{display:block}}
/* END SABURG advice */

/* Catalogue hero: approved option 3, Sunlit plant nook (28 October 2026).
   Replace assets/hero-sunlit-plant-nook.png for a future approved photo.
   The image is separate from text and keeps the complete 3:2 composition. */
.catalog-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,52px);align-items:center;margin-bottom:26px}
.catalog-hero-copy{min-width:0}
.catalog-hero h1{font-size:clamp(36px,4.2vw,54px);line-height:1.12;overflow-wrap:break-word}
.catalog-hero .lead{max-width:100%;margin-bottom:0}
.catalog-hero-media{min-width:0;margin:0}
.catalog-hero-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 50%;border-radius:6px}
@media(max-width:900px){.catalog-hero{grid-template-columns:1fr;gap:24px;margin-bottom:16px}.catalog-hero h1{font-size:clamp(32px,6vw,48px)}.catalog-hero .lead{max-width:640px}.catalog-hero-media{width:100%}}

/* Advice hero: original SABURG planting film. No autoplay; preserve the whole action. */
.advice-video-intro{max-width:none;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,4vw,48px);padding-bottom:42px}
.advice-video-copy,.advice-video-media{min-width:0}
.advice-video-intro h1{font-size:clamp(36px,4.2vw,54px)}
.advice-video-intro .advice-guide-note{margin-bottom:0}
.advice-video-media video{display:block;width:100%;height:auto;aspect-ratio:1916/1080;object-fit:contain;background:#17251a;border-radius:6px}
.advice-video-media video:focus-visible{outline:3px solid #e11e29;outline-offset:5px}
@media(max-width:900px){.advice-video-intro{grid-template-columns:1fr;gap:24px;padding-bottom:32px}.advice-video-intro h1{font-size:clamp(33px,6vw,48px)}.advice-video-media{width:100%}}