/* A scoped visual layer: catalogue prices, buying actions and shared stock stay unchanged. */
.kb-combo-section.kb-combo-showcase{position:relative;isolation:isolate;margin:22px 0 30px;padding:25px;border:1px solid #d9e9df;border-radius:22px;background:radial-gradient(ellipse at 93% 0%,#d5eefb99,transparent 45%),radial-gradient(ellipse at 0% 100%,#e0efca99,transparent 48%),linear-gradient(120deg,#f2f8ed,#f5fcf9 54%,#f2f8fd);box-shadow:0 8px 28px #183b2207}
.kb-combo-showcase:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0;border-radius:inherit;background-image:radial-gradient(#91b5a333 .8px,transparent .8px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent 35%,#000)}
.kb-combo-showcase .kb-combo-section-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 22px}
.kb-combo-showcase .kb-showcase-copy{min-width:0}
.kb-combo-showcase .kb-combo-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#427225;font-size:10px;font-weight:800;letter-spacing:.12em;line-height:1.4}
.kb-combo-showcase .kb-combo-eyebrow svg{width:20px;height:20px}
.kb-combo-showcase .kb-combo-section-head h2{font-size:clamp(25px,2.4vw,35px);line-height:1.15;letter-spacing:-.035em;font-weight:800;color:#183e32;margin:7px 0 9px}
.kb-combo-showcase .kb-combo-section-head h2 span{display:inline-block;margin-left:.25em;color:#0b829f}
.kb-combo-showcase .kb-combo-section-head p{font-size:13px;line-height:1.5;color:#5f756c;margin:0}
.kb-combo-showcase .kb-showcase-discovery{display:flex;flex-direction:column;align-items:flex-end;gap:11px;flex-shrink:0}
.kb-combo-showcase .kb-showcase-count{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#567267}
.kb-combo-showcase .kb-showcase-count>span{width:6px;height:6px;border-radius:50%;background:#5d9d2b;box-shadow:0 0 0 3px #e4f0da}
.kb-combo-showcase .kb-showcase-link{display:inline-flex;align-items:center;gap:15px;padding:10px 14px;color:#235d41;background:#ffffffb8;border:1px solid #c6decf;border-radius:10px;font-size:12px;font-weight:750;text-decoration:none;transition:background .2s,border-color .2s}
.kb-combo-showcase .kb-showcase-link:hover{background:#fff;border-color:#699e79;color:#17452e}
.kb-combo-showcase .kb-showcase-link>span{font-size:19px;line-height:1}
.kb-combo-showcase .kb-combo-grid{gap:19px;align-items:stretch}
.kb-combo-showcase .kb-combo-cell{min-width:0}
.kb-combo-showcase .kb-group-card{position:relative;height:100%;min-width:0;padding:19px;border-radius:17px;border:1px solid #dbe8e1;background:#fff;box-shadow:0 5px 16px #1a483309;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;overflow:hidden}
.kb-combo-showcase .kb-group-card:before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#74ac32,#259b7a 52%,#0d8eb9);opacity:.85}
.kb-combo-showcase .kb-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.kb-combo-showcase .kb-combo-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;margin:0;background:#eff6e8;border:1px solid #e2edd7;color:#3a6623;border-radius:6px;font-size:9px;letter-spacing:.04em;font-weight:800;line-height:1.3}
.kb-combo-showcase .kb-group-badge{position:relative;overflow:hidden;display:inline-block;white-space:nowrap;padding:7px 11px;border-radius:20px;background:linear-gradient(110deg,#ffe390,#f7c648);color:#4d3a09;font-size:12px;line-height:1.2;font-weight:800;box-shadow:0 2px 6px #c4911712}
.kb-combo-showcase .kb-group-card h3{font-size:17px;font-weight:750;line-height:1.4;margin:0 0 14px;min-height:2.8em;letter-spacing:-.015em}
.kb-combo-showcase .kb-group-card h3 a{color:#244638;text-decoration:none}
.kb-combo-showcase .kb-group-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;text-decoration:none;color:#3c5549;flex:1}
.kb-combo-showcase .kb-group-item{padding:10px 9px;border-radius:11px;border:1px solid #edf2ed;background:linear-gradient(180deg,#f9fbf8,#f5f8f5);font-size:12px;line-height:1.45}
.kb-combo-showcase .kb-group-item img{height:165px;object-fit:contain;width:100%;margin:0 0 10px;transition:transform .35s ease}
.kb-combo-showcase .kb-group-item>span{display:block;color:#466052}
.kb-combo-showcase .kb-group-item b{color:#235336}
.kb-combo-showcase .kb-group-footer{padding:15px 0 0;margin-top:15px;border-top:1px solid #e9efe9;display:flex;align-items:center;justify-content:space-between;gap:12px}
.kb-combo-showcase .kb-group-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#7a8d80;margin-bottom:3px}
.kb-combo-showcase .kb-group-footer strong{display:block;color:#17633c;font-size:23px;font-weight:800;line-height:1.25;letter-spacing:-.035em}
.kb-combo-showcase .kb-group-footer del{display:inline-block;color:#84918a;font-size:12px;margin-top:3px}
.kb-combo-showcase .kb-group-footer .btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:42px;max-width:100%;padding:10px 14px;border:1px solid #147c54;border-radius:9px;background:linear-gradient(115deg,#18844e,#137b72);color:#fff!important;font-size:12px;font-weight:750;line-height:1.25;text-decoration:none;box-shadow:0 3px 9px #17633c14;transition:background .2s,box-shadow .2s,transform .2s}
.kb-combo-showcase .kb-group-footer .btn:after{content:'→';font-size:17px;line-height:1;transition:transform .2s}
.kb-combo-showcase a:focus-visible,.kb-combo-showcase button:focus-visible{outline:3px solid #0d8eb9;outline-offset:4px}
@media(hover:hover){.kb-combo-showcase .kb-group-card:hover{transform:translateY(-5px);border-color:#a4cbb0;box-shadow:0 13px 28px #1d5a3116}.kb-combo-showcase .kb-group-card:hover .kb-group-item img{transform:scale(1.035)}.kb-combo-showcase .kb-group-footer .btn:hover{background:#126640;box-shadow:0 4px 12px #17633c26}.kb-combo-showcase .kb-group-footer .btn:hover:after{transform:translateX(2px)}}
@keyframes kb-combo-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes kb-combo-sheen{0%,15%{transform:translateX(-150%) rotate(20deg)}70%,100%{transform:translateX(260%) rotate(20deg)}}
@media(prefers-reduced-motion:no-preference){.kb-combo-showcase.is-motion-ready:not(.is-visible) .kb-combo-cell{opacity:0;transform:translateY(16px)}.kb-combo-showcase.is-motion-ready.is-visible .kb-combo-cell{animation:kb-combo-arrive .6s ease both}.kb-combo-showcase.is-visible .kb-combo-cell:nth-child(3n+2){animation-delay:.10s}.kb-combo-showcase.is-visible .kb-combo-cell:nth-child(3n){animation-delay:.20s}.kb-combo-showcase.is-visible .kb-group-badge:after{content:'';position:absolute;top:-40%;bottom:-40%;left:0;width:35%;background:linear-gradient(90deg,transparent,#fff8,transparent);animation:kb-combo-sheen 2.2s ease .7s 1 both;pointer-events:none}}
@media(max-width:1199px){.kb-combo-showcase .kb-combo-section-head h2{font-size:29px}.kb-combo-showcase .kb-combo-section-head h2 span{display:block;margin-left:0}.kb-combo-showcase .kb-group-item img{height:155px}}
@media(max-width:767px){.kb-combo-section.kb-combo-showcase{padding:17px 13px;border-radius:17px;margin:16px 0 23px}.kb-combo-showcase .kb-combo-section-head{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:17px}.kb-combo-showcase .kb-combo-section-head h2{font-size:28px;margin:7px 0}.kb-combo-showcase .kb-combo-section-head p{font-size:12px}.kb-combo-showcase .kb-showcase-discovery{flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:10px}.kb-combo-showcase .kb-showcase-link{padding:8px 10px;font-size:11px;gap:9px}.kb-combo-showcase .kb-showcase-count{font-size:10px}.kb-combo-showcase .kb-group-card{padding:15px}.kb-combo-showcase .kb-group-card h3{font-size:16px;min-height:0;margin-bottom:12px}.kb-combo-showcase .kb-group-item img{height:140px}.kb-combo-showcase .kb-group-item{font-size:11px;padding:9px 7px}.kb-combo-showcase .kb-group-footer strong{font-size:22px}.kb-combo-showcase .kb-group-footer .btn{padding:9px 12px;min-height:42px}.kb-combo-showcase .kb-combo-grid{gap:15px}}
@media(prefers-reduced-motion:reduce){.kb-combo-showcase *,.kb-combo-showcase *:before,.kb-combo-showcase *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.kb-combo-showcase .kb-combo-cell{opacity:1!important;transform:none!important}}
/* Keep card padding inside its grid track, including themes with content-box defaults. */
.kb-combo-showcase,.kb-combo-showcase *,.kb-combo-showcase *:before,.kb-combo-showcase *:after{box-sizing:border-box}
.kb-combo-showcase .kb-showcase-count,.kb-combo-showcase .kb-showcase-link{white-space:nowrap;flex-shrink:0}
@media(max-width:767px){.kb-combo-showcase .kb-group-footer{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.kb-combo-showcase .kb-group-footer>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 8px}.kb-combo-showcase .kb-group-label{width:100%;margin:0}.kb-combo-showcase .kb-group-footer strong{font-size:23px}.kb-combo-showcase .kb-group-footer del{margin:0}.kb-combo-showcase .kb-group-footer .btn{width:100%;min-height:42px}.kb-combo-showcase .kb-showcase-link{gap:6px;font-size:10px;padding:8px 9px}.kb-combo-showcase .kb-showcase-count{font-size:9px}}