/* Tuinmaterialen.nl knowledge pages. Kanit + Inter, original brand geometry. */
#tm-knowledge{--green:#3c9948;--dark:#183a28;--orange:#f58220;--blue:#00aeef;--pale:#f1f6ef;--cut:28px;color:var(--dark);font:400 16px/1.65 Inter,Arial,sans-serif;background:#fff;padding-bottom:64px}
#tm-knowledge *{box-sizing:border-box}#tm-knowledge [hidden]{display:none!important}#tm-knowledge .kb-wrap{max-width:1328px;padding:0 24px;margin:auto}#tm-knowledge :is(h1,h2,h3,p,figure){margin:0}#tm-knowledge :is(h1,h2,h3){font-family:Kanit,Arial,sans-serif;font-weight:800;line-height:1.06;letter-spacing:-.025em;color:inherit}#tm-knowledge h1{font-size:clamp(44px,5vw,68px)}#tm-knowledge h2{font-size:clamp(30px,3.1vw,43px)}#tm-knowledge h3{font-size:25px}#tm-knowledge a{color:inherit}#tm-knowledge button,#tm-knowledge input,#tm-knowledge select{font:inherit}#tm-knowledge button{cursor:pointer}#tm-knowledge :is(a,button,input,select):focus-visible{outline:3px solid var(--blue);outline-offset:5px}#tm-knowledge img{max-width:100%;display:block}#tm-knowledge .kb-shape{clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))}
#tm-knowledge .kb-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;color:#657268;padding:21px 0}#tm-knowledge .kb-breadcrumb a{text-decoration:none}#tm-knowledge .kb-breadcrumb a:hover{text-decoration:underline}#tm-knowledge .kb-kicker{font-size:13px;font-weight:600;margin-bottom:13px}#tm-knowledge .kb-intro{font-size:17px;line-height:1.7;max-width:57ch;margin-top:18px}#tm-knowledge .kb-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 22px;background:var(--blue);color:#fff;font:italic 800 16px/1.25 Kanit,Arial,sans-serif;text-decoration:none;min-height:48px;border:0;border-radius:0;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}#tm-knowledge .kb-button:hover{background:#27baf0}#tm-knowledge .kb-button.white{background:#fff;color:var(--dark)}#tm-knowledge .kb-link{font-weight:600;text-underline-offset:5px}#tm-knowledge .kb-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:24px}
#tm-knowledge .kb-hub-hero{display:grid;grid-template-columns:1.25fr .75fr;min-height:440px;background:var(--green);color:#fff;position:relative;isolation:isolate;overflow:hidden}#tm-knowledge .kb-hub-copy{padding:42px 44px;z-index:2}#tm-knowledge .kb-hub-copy .kb-intro{max-width:48ch}#tm-knowledge .kb-person{position:relative;background:#eaf2e5;isolation:isolate;min-width:0}#tm-knowledge .kb-person:before{content:"";position:absolute;inset:60px -55px -20px 50px;background:var(--orange);clip-path:polygon(0 0,calc(100% - 100px) 0,100% 100px,100% 100%,80px 100%,0 calc(100% - 80px));z-index:-1}#tm-knowledge .kb-person img{position:absolute;bottom:-75px;right:20px;height:505px;width:auto;max-width:none}#tm-knowledge .kb-person-caption{position:absolute;bottom:25px;left:26px;z-index:2;background:#fff;color:var(--dark);padding:11px 17px;font:800 22px/1.15 Kanit,Arial,sans-serif;transform:rotate(-4deg)}
#tm-knowledge .kb-search{display:flex;align-items:center;gap:10px;margin-top:28px;max-width:550px;padding:6px;background:#fff;color:var(--dark);border:1px solid #fff}#tm-knowledge .kb-search input{background:#fff;color:var(--dark);border:0;min-width:0;flex:1;padding:10px 12px;border-radius:0;box-shadow:none;font-size:15px}#tm-knowledge .kb-search button{border:0;background:var(--dark);color:white;padding:12px 17px;min-height:46px;font:italic 800 16px/1 Kanit,Arial,sans-serif}#tm-knowledge .kb-search-hint{font-size:12px;margin-top:10px;color:inherit}
#tm-knowledge .kb-section{padding-top:54px;scroll-margin-top:150px}#tm-knowledge .kb-section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:24px}#tm-knowledge .kb-section-head p{max-width:49ch;font-size:14px;color:#596c5e}#tm-knowledge .kb-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#tm-knowledge .kb-topic{position:relative;display:flex;align-items:center;text-align:left;gap:18px;min-height:107px;padding:22px;background:var(--pale);border:1px solid transparent;color:var(--dark);text-decoration:none;transition:background .18s}#tm-knowledge .kb-topic:hover,#tm-knowledge .kb-topic[aria-pressed=true]{background:var(--green);color:#fff}#tm-knowledge .kb-topic svg{width:32px;height:32px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#tm-knowledge .kb-topic strong{font:800 23px/1.1 Kanit,Arial,sans-serif}#tm-knowledge .kb-topic>span:last-child{margin-left:auto;font-size:23px}#tm-knowledge .kb-feature{display:grid;grid-template-columns:1.1fr 1fr;min-height:370px;background:var(--pale)}#tm-knowledge .kb-feature-photo{position:relative;min-height:280px}#tm-knowledge .kb-feature-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#tm-knowledge .kb-feature-copy{padding:38px 42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}#tm-knowledge .kb-feature-copy p:not(.kb-kicker){margin-top:15px;max-width:45ch}#tm-knowledge .kb-feature-copy .kb-button{margin-top:24px}
#tm-knowledge .kb-results-head{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:25px 0 18px}#tm-knowledge .kb-results-head p{font-size:14px;color:#637366}#tm-knowledge .kb-reset{border:0;border-bottom:1px solid currentColor;background:none;color:var(--dark);padding:6px 0;font-size:13px}#tm-knowledge .kb-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#tm-knowledge .kb-result{display:flex;flex-direction:column;gap:13px;border-top:3px solid var(--green);padding:24px 22px 22px;background:#f7f9f6;min-height:220px;text-decoration:none}#tm-knowledge .kb-result:hover{background:#edf4e9}#tm-knowledge .kb-type{color:#627260;font-size:11px;font-weight:600}#tm-knowledge .kb-result h3{font-size:24px}#tm-knowledge .kb-result p{font-size:14px;line-height:1.65;color:#596b5b}#tm-knowledge .kb-result .kb-more{margin-top:auto;padding-top:9px;font:italic 800 14px/1.3 Kanit,Arial,sans-serif}#tm-knowledge .kb-empty{padding:40px;background:var(--pale)}#tm-knowledge .kb-advice{margin-top:54px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 40px;background:var(--green);color:#fff}#tm-knowledge .kb-advice h2{font-size:35px}#tm-knowledge .kb-advice p{margin-top:9px;max-width:65ch}
#tm-knowledge .kb-article-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--green);color:#fff;min-height:475px;overflow:hidden}#tm-knowledge .kb-article-hero .kb-feature-copy{padding:42px}#tm-knowledge .kb-article-hero img{width:100%;height:100%;object-fit:cover}#tm-knowledge .kb-anchor-nav{display:flex;gap:8px;flex-wrap:wrap;padding:22px 0;border-bottom:1px solid #dce5d8}#tm-knowledge .kb-anchor-nav a{padding:9px 13px;background:var(--pale);font-size:13px;text-decoration:none}#tm-knowledge .kb-anchor-nav a:hover{background:#e2eedc}#tm-knowledge .kb-twocol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#tm-knowledge .kb-application{background:var(--pale);overflow:hidden}#tm-knowledge .kb-application img{width:100%;height:300px;object-fit:cover}#tm-knowledge .kb-application>div{padding:28px 30px 30px}#tm-knowledge .kb-application p{margin-top:14px;font-size:15px;max-width:55ch}#tm-knowledge .kb-application a{margin-top:22px}#tm-knowledge .kb-material{display:grid;grid-template-columns:1.2fr .8fr;background:#f8f5ef;overflow:hidden}#tm-knowledge .kb-material>div{padding:40px}#tm-knowledge .kb-material img{width:100%;height:100%;max-height:470px;object-fit:cover;mix-blend-mode:multiply}#tm-knowledge .kb-points{display:grid;gap:14px;margin:22px 0 0;padding:0;list-style:none}#tm-knowledge .kb-points li{display:flex;gap:12px;align-items:baseline}#tm-knowledge .kb-points li:before{content:'✓';color:var(--green);font-weight:bold}#tm-knowledge .kb-points strong{display:block}#tm-knowledge .kb-points small{font-size:14px;line-height:1.6;display:block;color:#56685a}
#tm-knowledge .kb-pattern{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;background:var(--green);color:#fff;overflow:hidden}#tm-knowledge .kb-pattern-copy{padding:38px}#tm-knowledge .kb-pattern-image{width:100%;height:430px;object-fit:cover}#tm-knowledge .kb-toggle{display:flex;gap:8px;margin:22px 0 14px;flex-wrap:wrap}#tm-knowledge .kb-toggle button{padding:10px 20px;background:#ffffff14;border:1px solid #ffffff6b;color:inherit;font-size:14px}#tm-knowledge .kb-toggle button[aria-pressed=true]{background:#fff;color:var(--dark);border-color:#fff}#tm-knowledge .kb-pattern-note{min-height:48px;font-size:14px}#tm-knowledge .kb-studio{display:grid;grid-template-columns:.85fr 1.15fr;background:var(--pale);overflow:hidden}#tm-knowledge .kb-studio-controls{padding:28px}#tm-knowledge .kb-studio .kb-toggle{margin-top:0}#tm-knowledge .kb-studio .kb-toggle button{color:var(--dark);border-color:#abc1a5;background:white}#tm-knowledge .kb-studio .kb-toggle button[aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green)}#tm-knowledge .kb-studio label{font-size:12px;font-weight:600;display:block;margin-bottom:7px}#tm-knowledge .kb-studio select{width:100%;background:white;color:var(--dark);padding:12px;border:1px solid #abc1a5;border-radius:0;font-size:14px}#tm-knowledge .kb-colours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px}#tm-knowledge .kb-colour{padding:7px;background:white;color:var(--dark);border:2px solid transparent;text-align:left;font-size:11px;line-height:1.25}#tm-knowledge .kb-colour[aria-pressed=true]{border-color:var(--green)}#tm-knowledge .kb-colour img{width:100%;height:45px;object-fit:cover;margin-bottom:6px}#tm-knowledge .kb-studio-display{padding:27px;background:#f6f7f3;display:flex;flex-direction:column}#tm-knowledge .kb-studio-display .kb-studio-photo{width:100%;height:330px;object-fit:contain;mix-blend-mode:multiply}#tm-knowledge .kb-studio-caption{display:flex;justify-content:space-between;gap:16px;margin-top:15px}#tm-knowledge .kb-studio-caption p{font-size:13px;margin-top:8px}#tm-knowledge .kb-studio-caption h3{font-size:29px}#tm-knowledge .kb-studio-note{font-size:13px;color:#596c5e;margin-top:17px}#tm-knowledge .kb-collection-label{font-size:12px;color:#5d7062;margin-bottom:7px!important}#tm-knowledge .kb-docs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#tm-knowledge .kb-doc{padding:28px;background:var(--pale);border-left:4px solid var(--orange);text-decoration:none}#tm-knowledge .kb-doc h3{font-size:26px}#tm-knowledge .kb-doc p{font-size:14px;margin-top:12px}#tm-knowledge .kb-doc small{display:block;margin-top:18px;color:#516457}#tm-knowledge .kb-read{max-width:760px}#tm-knowledge .kb-read>p{margin-top:18px}#tm-knowledge .kb-faq{border-top:1px solid #d6e3d1;margin-top:20px}#tm-knowledge .kb-faq details{border-bottom:1px solid #d6e3d1;padding:18px 0}#tm-knowledge .kb-faq summary{cursor:pointer;font-weight:600}#tm-knowledge .kb-faq details p{font-size:14px;max-width:80ch;margin-top:12px}
@media(max-width:1000px){#tm-knowledge .kb-hub-copy{padding:32px}#tm-knowledge .kb-person img{right:-34px;height:470px}#tm-knowledge .kb-topic{padding:19px;gap:12px}#tm-knowledge .kb-topic strong{font-size:21px}#tm-knowledge .kb-colours{grid-template-columns:repeat(2,minmax(0,1fr))}#tm-knowledge .kb-studio-display .kb-studio-photo{height:390px}#tm-knowledge .kb-article-hero{min-height:440px}}
@media(max-width:740px){#tm-knowledge .kb-wrap{padding:0 18px}#tm-knowledge .kb-hub-hero{grid-template-columns:1fr;min-height:0}#tm-knowledge .kb-hub-copy{padding:30px 25px 34px}#tm-knowledge .kb-person{display:none}#tm-knowledge h1{font-size:47px}#tm-knowledge .kb-intro{font-size:15px}#tm-knowledge .kb-section{padding-top:36px;scroll-margin-top:120px}#tm-knowledge .kb-section-head{align-items:start;flex-direction:column;gap:12px}#tm-knowledge .kb-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#tm-knowledge .kb-topic{min-height:105px;padding:16px;gap:10px;align-items:start;flex-direction:column}#tm-knowledge .kb-topic strong{font-size:20px}#tm-knowledge .kb-topic svg{width:25px;height:25px}#tm-knowledge .kb-topic>span:last-child{position:absolute;right:14px;top:10px}#tm-knowledge .kb-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#tm-knowledge .kb-result{padding:20px 18px;min-height:240px}#tm-knowledge .kb-result h3{font-size:23px}#tm-knowledge .kb-feature,#tm-knowledge .kb-article-hero,#tm-knowledge .kb-material,#tm-knowledge .kb-pattern,#tm-knowledge .kb-studio{grid-template-columns:1fr}#tm-knowledge .kb-feature-photo{min-height:245px}#tm-knowledge .kb-feature-copy,#tm-knowledge .kb-article-hero .kb-feature-copy{padding:27px}#tm-knowledge .kb-article-hero img{height:265px}#tm-knowledge .kb-advice{align-items:start;flex-direction:column;padding:28px;gap:22px}#tm-knowledge .kb-twocol{grid-template-columns:1fr}#tm-knowledge .kb-application img{height:245px}#tm-knowledge .kb-material>div{padding:28px}#tm-knowledge .kb-material img{max-height:300px;object-fit:contain}#tm-knowledge .kb-pattern-copy{padding:28px}#tm-knowledge .kb-pattern-image{height:270px}#tm-knowledge .kb-colours{grid-template-columns:repeat(3,minmax(0,1fr))}#tm-knowledge .kb-studio-display .kb-studio-photo{height:250px}#tm-knowledge .kb-studio-caption{flex-direction:column}#tm-knowledge .kb-docs{grid-template-columns:1fr}#tm-knowledge .kb-anchor-nav{gap:7px}#tm-knowledge .kb-anchor-nav a{font-size:12px;padding:8px 10px}}
@media(max-width:390px){#tm-knowledge .kb-results{grid-template-columns:1fr}#tm-knowledge .kb-result{min-height:190px}#tm-knowledge .kb-search button{padding:12px}#tm-knowledge .kb-search input{font-size:13px}#tm-knowledge h1{font-size:42px}#tm-knowledge .kb-studio-controls,#tm-knowledge .kb-studio-display{padding:20px}}
@media(prefers-reduced-motion:reduce){#tm-knowledge *{scroll-behavior:auto!important;transition:none!important}}

#tm-knowledge .kb-result,#tm-knowledge .kb-topic,#tm-knowledge .kb-studio-controls,#tm-knowledge .kb-studio-display{min-width:0}#tm-knowledge .kb-topic strong{overflow-wrap:anywhere}
@media(max-width:600px){#tm-knowledge .kb-results{grid-template-columns:1fr}#tm-knowledge .kb-result{min-height:0}#tm-knowledge .kb-search{gap:4px}#tm-knowledge .kb-search input{padding:10px 8px;font-size:14px}}

#tm-knowledge .kb-feature-copy .kb-actions .kb-button{margin-top:0}

/* The existing mobile shell hides generic nav elements. Keep article navigation available. */
#tm-knowledge .kb-breadcrumb,#tm-knowledge .kb-anchor-nav{display:flex!important}

/* Brand-styled native controls; keep the existing collection/format behavior. */
#tm-knowledge .kb-studio label{font-size:13px;font-weight:600;color:var(--dark);margin-bottom:9px}
#tm-knowledge .kb-studio select{-webkit-appearance:none;appearance:none;display:block;width:100%;min-width:0;height:50px;min-height:50px;padding:0 50px 0 15px;border:0;border-radius:0;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 6 5 5 5-5' fill='none' stroke='%233c9948' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 17px center;background-size:16px 16px;color:var(--dark);font:600 16px/1.2 Inter,Arial,sans-serif;cursor:pointer;box-shadow:none;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));transition:border-color .15s,box-shadow .15s}
#tm-knowledge .kb-studio .kb-select{padding:2px;background:var(--green);clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px));min-width:0}
#tm-knowledge .kb-studio .kb-select:hover{background:var(--dark)}
#tm-knowledge .kb-studio .kb-select:focus-within{background:var(--blue)}
#tm-knowledge .kb-studio select:focus-visible{border-color:var(--blue);outline:none;box-shadow:inset 0 0 0 2px var(--blue)}
#tm-knowledge .kb-studio select option{background:#fff;color:var(--dark);font-weight:400}
#tm-knowledge .kb-studio-display .kb-actions{align-items:flex-end;gap:16px}
#tm-knowledge .kb-studio [data-format-wrap]{flex:1 1 220px;min-width:0;max-width:300px}
#tm-knowledge .kb-studio-display .kb-actions .kb-button{min-height:54px}
@media(max-width:740px){#tm-knowledge .kb-studio [data-format-wrap]{flex-basis:100%;max-width:none;width:100%}#tm-knowledge .kb-studio-display .kb-actions .kb-button{width:100%}}

/* Direct Dutch warranty documents, using the existing knowledge-page brand system. */
#tm-knowledge .kb-warranties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#tm-knowledge .kb-warranty-card{display:flex;flex-direction:column;min-width:0;background:var(--pale);padding:30px 26px;border-top:4px solid var(--orange)}
#tm-knowledge .kb-warranty-card h3{font-size:27px;margin-top:12px;min-height:58px}
#tm-knowledge .kb-warranty-term{font:800 44px/1.1 Kanit,Arial,sans-serif;letter-spacing:-.025em;color:var(--green);margin:16px 0!important}
#tm-knowledge .kb-warranty-description{font-size:15px;line-height:1.7;margin-bottom:22px!important}
#tm-knowledge .kb-warranty-meta{font-size:12px;color:#596c5e;margin-top:auto!important}
#tm-knowledge .kb-warranty-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:17px}
#tm-knowledge .kb-warranty-actions .kb-button{font-size:15px;padding:13px 18px;gap:18px}
#tm-knowledge .kb-download{display:inline-flex;gap:8px;align-items:center;min-height:46px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
#tm-knowledge .kb-download:hover{color:var(--green)}
#tm-knowledge .kb-warranty-note{margin-top:22px;padding:24px 28px;background:#fff9f0;border-left:4px solid var(--orange)}
#tm-knowledge .kb-warranty-note h3{font-size:25px;margin-bottom:10px}
#tm-knowledge .kb-warranty-note p{font-size:14px;line-height:1.7;max-width:105ch}
#tm-knowledge .kb-warranty-note p+p{margin-top:10px}
@media(max-width:1000px){#tm-knowledge .kb-warranties{gap:12px}#tm-knowledge .kb-warranty-card{padding:24px 20px}#tm-knowledge .kb-warranty-card h3{font-size:25px}}
@media(max-width:740px){#tm-knowledge .kb-warranties{grid-template-columns:1fr;gap:15px}#tm-knowledge .kb-warranty-card h3{min-height:0}#tm-knowledge .kb-warranty-description{margin-bottom:18px!important}#tm-knowledge .kb-warranty-note{padding:22px}}