/* Scoped exclusively to the original Artojoyo catalog section. */
#katalog{padding:88px 0;background:linear-gradient(180deg,#fff,#f7f9f2);scroll-margin-top:110px}
#katalog .catalog-header{max-width:740px;margin:0 auto 36px;text-align:center}
#katalog .catalog-header .section-kicker{justify-content:center}
#katalog .catalog-header h2{margin:14px 0 18px;line-height:1.16}
#katalog .catalog-header p{font-size:14px;line-height:1.85;color:#71806f}
#katalog .catalog-feature{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);overflow:hidden;border:1px solid #e0e8d9;border-radius:22px;background:#fff;box-shadow:0 14px 40px rgba(20,63,45,.055)}
#katalog .catalog-feature-cover{height:auto;min-height:430px;padding:30px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#f7faee,#eaf0de);overflow:hidden}
#katalog .catalog-feature-cover img{display:block;width:auto;height:360px;max-width:100%;max-height:none;object-fit:contain;transform:none;border:1px solid #e1e6d8;border-radius:3px;box-shadow:0 12px 28px rgba(34,65,35,.14)}
#katalog .catalog-feature-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:40px 46px;min-width:0}
#katalog .mini-pill{font-size:10px;letter-spacing:.08em;padding:8px 12px;border-radius:6px;background:#edf3e3;color:#476137}
#katalog .catalog-feature h3{font-size:clamp(27px,3vw,39px);line-height:1.18;letter-spacing:-.04em;margin:20px 0 18px;max-width:450px}
#katalog .catalog-feature p{font-size:13px;line-height:1.85;max-width:460px}
#katalog .catalog-feature .btn{margin-top:14px;min-height:46px;border-radius:10px}
#katalog .catalog-contact-note{padding-top:20px;margin-top:24px!important;border-top:1px solid #e6eddf;font-size:11px!important;line-height:1.8!important;color:#75836c}
#katalog .catalog-title-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:42px 0 20px}
#katalog .catalog-title-row h3{font-size:22px;line-height:1.3;margin:0;letter-spacing:-.025em}
#katalog .catalog-move{display:flex;align-items:center;gap:18px}
#katalog .catalog-move>span{font-size:12px;color:#74846a}
#katalog .slide-buttons button{width:42px;height:42px;flex-basis:42px;background:#fff;border:1px solid #dce5d3;color:#143f2d}
#katalog .slide-buttons button:hover{background:#143f2d;color:#fff}
#katalog .catalog-grid{display:flex;gap:22px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 20px;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scrollbar-width:thin;scrollbar-color:#aabf8e #edf2e6}
#katalog .catalog-card{display:flex;flex-direction:column;flex:0 0 calc((100% - 44px)/3);min-width:0;scroll-snap-align:start;border:1px solid #dfe7d7;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 6px 20px rgba(20,63,45,.035);text-decoration:none;transition:border-color .2s,box-shadow .2s;transform:none}
#katalog .catalog-card:hover{border-color:#a9bd90;box-shadow:0 10px 26px rgba(20,63,45,.08);transform:none}
#katalog .catalog-image{height:auto;aspect-ratio:1131/1600;padding:14px;background:#fff;overflow:hidden}
#katalog .catalog-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important;filter:none}
#katalog .catalog-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;border-top:1px solid #e9eee2;background:#fafcf7;min-height:76px}
#katalog .catalog-caption>div{min-width:0}
#katalog .catalog-caption strong{display:block;font-size:13px;line-height:1.4;color:#143f2d}
#katalog .catalog-caption small{display:block;font-size:11px;line-height:1.5;margin-top:4px;color:#839078}
#katalog .catalog-caption>.icon{flex:none;width:18px;height:18px;color:#6b8648}
#katalog .catalog-card:focus-visible{outline:3px solid #8cab4c;outline-offset:3px}
@media(max-width:900px){#katalog .catalog-feature-content{padding:30px}#katalog .catalog-feature-cover{padding:24px;min-height:390px}#katalog .catalog-feature-cover img{height:330px}#katalog .catalog-card{flex-basis:calc((100% - 20px)/2)}#katalog .catalog-grid{gap:20px}}
@media(max-width:580px){#katalog{padding:64px 0}#katalog .catalog-header{margin-bottom:26px;text-align:left}#katalog .catalog-header .section-kicker{justify-content:flex-start}#katalog .catalog-header h2{font-size:34px}#katalog .catalog-header p{font-size:13px}#katalog .catalog-feature{grid-template-columns:1fr;border-radius:18px}#katalog .catalog-feature-cover{min-height:0;padding:26px 20px}#katalog .catalog-feature-cover img{height:300px;max-width:100%}#katalog .catalog-feature-content{padding:26px 24px}#katalog .catalog-feature h3{font-size:28px;margin:17px 0 14px}#katalog .catalog-feature p{font-size:12px}#katalog .catalog-feature .btn{font-size:12px;width:100%;justify-content:center}#katalog .catalog-contact-note{margin-top:20px!important;padding-top:16px}#katalog .catalog-title-row{margin:30px 0 18px;gap:16px;align-items:flex-end}#katalog .catalog-title-row h3{font-size:19px;max-width:180px}#katalog .catalog-move{flex-direction:column;align-items:flex-end;gap:8px}#katalog .catalog-move>span{font-size:10px;white-space:nowrap}#katalog .slide-buttons button{width:38px;height:38px;flex-basis:38px}#katalog .catalog-grid{gap:14px}#katalog .catalog-card{flex-basis:92%;scroll-snap-stop:always}#katalog .catalog-image{height:auto;aspect-ratio:1131/1600;padding:10px}#katalog .catalog-caption{padding:15px;min-height:72px}#katalog .catalog-caption strong{font-size:13px}}