.koll-shop-by-use,.koll-use-page{color:#2d3d31;box-sizing:border-box}
.koll-shop-by-use *,.koll-use-page *{box-sizing:border-box}
.koll-shop-by-use{margin:34px 0}
.koll-use-heading{max-width:760px;margin:0 0 22px}
.koll-use-heading>p:first-child,.koll-use-page-heading>p:first-child,.koll-use-kicker{font-size:10px;font-weight:650;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;color:#8b513d;margin:0 0 10px}
.koll-use-heading h2{font-size:clamp(26px,3vw,38px);font-weight:550;line-height:1.15;letter-spacing:-.03em;margin:0 0 13px}
.koll-use-heading>p:last-child{font-size:14px;line-height:1.8;color:#62705c;margin:0}
.koll-use-entries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.koll-use-entry{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:0;padding:25px;border:1px solid #d6dfce;border-radius:16px;background:#f3f6ec;color:inherit;text-decoration:none}
.koll-use-symbol{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border:1px solid #cbd7c0;border-radius:15px;background:#e6eddd;color:#496443}
.koll-use-symbol svg{width:38px;height:38px}
.koll-use-entry-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}
.koll-use-entry h3{font-size:21px;font-weight:600;line-height:1.25;letter-spacing:-.02em;margin:0 0 12px}
.koll-use-entry p{font-size:13px;line-height:1.8;color:#5c6a56;margin:0 0 20px}
.koll-use-entry-action{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:12px;font-weight:650;color:#3b553d;margin-top:auto}
.koll-use-photo{width:100%;margin:0;min-width:0}
.koll-use-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:11px}
.koll-use-photo figcaption{font-size:10px;line-height:1.6;color:#68755f;margin:8px 0 0}
.koll-use-page{max-width:1240px;margin:auto;padding:32px clamp(20px,4vw,60px) 72px}
.koll-use-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;color:#68725f;font-size:12px;line-height:1.7;margin-bottom:34px}
.koll-use-breadcrumb a{color:inherit;text-underline-offset:4px}
.koll-use-page-heading{max-width:800px;margin:0 0 28px}
.koll-use-page-heading h1{font-size:clamp(34px,4.5vw,56px);font-weight:550;line-height:1.1;letter-spacing:-.04em;margin:0 0 18px;text-wrap:balance}
.koll-use-page-heading>p:last-child{font-size:15px;line-height:1.85;color:#62705c;margin:0}
.koll-use-jumps{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 38px}
.koll-use-jumps a{display:inline-flex;align-items:center;min-height:44px;padding:10px 15px;border:1px solid #d1dac8;border-radius:10px;background:#f7f8f2;color:#3c513c;font-size:12px;font-weight:550;line-height:1.5;text-decoration:none}
.koll-use-projects{display:grid;gap:30px}
.koll-use-project{padding:32px;border:1px solid #d5decf;border-radius:20px;background:#fafbf6;scroll-margin-top:24px;min-width:0}
.koll-use-project-header{display:flex;align-items:flex-start;gap:24px;margin-bottom:22px}
.koll-use-project-header>.koll-use-photo{flex:0 0 38%;max-width:38%}
.koll-use-project-header>div{min-width:0;flex:1}
.koll-use-project-header h2{font-size:clamp(25px,3vw,34px);font-weight:600;line-height:1.2;letter-spacing:-.025em;margin:0 0 14px}
.koll-use-project-header>div>p:last-child{font-size:14px;line-height:1.85;color:#5c6a56;margin:0;max-width:72ch}
.koll-use-checks{padding:20px 22px;border-radius:13px;background:#edf2e5;margin:20px 0 26px}
.koll-use-checks h3{font-size:14px;font-weight:650;line-height:1.5;margin:0 0 10px}
.koll-use-checks ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 24px;padding-left:18px;margin:0;font-size:12px;line-height:1.8;color:#53624d}
.koll-use-checks li{padding-left:2px}
.koll-use-recommendations-title{font-size:16px;font-weight:650;line-height:1.5;margin:0 0 16px}
.koll-use-recommendations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.koll-use-recommendation{min-width:0}
.koll-use-recommendation .koll-product-card{height:auto;margin:0}
.koll-use-reason{margin:14px 0 0;padding:15px 17px;border-inline-start:3px solid #809a6a;border-radius:0 9px 9px 0;background:#f0f4e9;font-size:12px;line-height:1.8;color:#506048}
.koll-use-reason>span{display:block;margin-bottom:4px;font-size:10px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:#3f593f}
.koll-use-purchase-note{font-size:11px;line-height:1.8;color:#6c7564;margin:18px 0 0}
.koll-use-stock-note{font-size:13px;line-height:1.8;padding:18px;border:1px solid #d9ddce;border-radius:10px;background:#fff;color:#5b6953;margin:20px 0}
.koll-use-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:24px}
.koll-use-actions a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;font-size:12px;line-height:1.6;color:#496040;text-underline-offset:4px}
.koll-use-actions .koll-use-primary{padding:13px 19px;border-radius:10px;background:#38543c;color:#fff;font-weight:650;text-decoration:none}
.koll-shop-by-use a:focus-visible,.koll-use-page a:focus-visible{outline:3px solid #a8583d;outline-offset:5px;border-radius:6px}
@media(hover:hover){.koll-use-entry:hover{background:#edf3e4;border-color:#8da27a}.koll-use-jumps a:hover{background:#eaf1e0}.koll-use-actions .koll-use-primary:hover{background:#2b432f}}
@media(max-width:950px){.koll-use-entries{grid-template-columns:repeat(2,minmax(0,1fr))}.koll-use-project{padding:25px}.koll-use-checks ul{grid-template-columns:1fr;gap:7px}.koll-use-project-header{gap:18px}}
@media(max-width:600px){.koll-shop-by-use{margin:27px 0}.koll-use-entries{grid-template-columns:1fr;gap:12px}.koll-use-entry{padding:21px;gap:16px}.koll-use-entry:not(:has(.koll-use-photo)){flex-direction:row}.koll-use-entry h3{font-size:20px;margin-bottom:9px}.koll-use-entry p{margin-bottom:8px}.koll-use-entry-action{min-height:36px}.koll-use-symbol{width:46px;height:46px;flex-basis:46px;border-radius:12px}.koll-use-symbol svg{width:31px;height:31px}.koll-use-page{padding:24px 20px 48px}.koll-use-page-heading h1{font-size:34px}.koll-use-jumps{gap:7px;margin-bottom:27px}.koll-use-jumps a{font-size:11px;padding:9px 12px}.koll-use-projects{gap:22px}.koll-use-project{padding:20px;border-radius:16px}.koll-use-project-header{flex-wrap:wrap;gap:16px}.koll-use-project-header>.koll-use-photo{max-width:100%;flex-basis:100%}.koll-use-project-header h2{font-size:26px}.koll-use-project-header>div>p:last-child{font-size:13px}.koll-use-checks{padding:18px;margin:18px 0 23px}.koll-use-recommendations{grid-template-columns:1fr;gap:24px}.koll-use-actions{align-items:stretch;flex-direction:column;gap:10px}.koll-use-actions a{justify-content:center;width:100%}.koll-use-breadcrumb{margin-bottom:25px}}