/* Alım satım hub only. Existing product data and actions retain their contracts. */
.kb-commerce-showcase{--kb-showcase-ink:#242b2f;--kb-showcase-muted:#46565c;--kb-showcase-petrol:#234e63;--kb-showcase-line:#d6dfe0;color:var(--kb-showcase-ink);padding:20px 0 48px;min-width:0}
.kb-commerce-showcase *{box-sizing:border-box}
.kb-commerce-showcase section[id]{scroll-margin-top:100px}
.kb-commerce-showcase .kb-showcase-heading{max-width:880px;margin:0 0 28px}
.kb-commerce-showcase .kb-showcase-eyebrow{margin:0 0 10px;color:var(--kb-showcase-petrol);font-size:13px;font-weight:750;letter-spacing:.055em;text-transform:uppercase}
.kb-commerce-showcase .kb-showcase-heading h2,.kb-commerce-showcase .kb-showcase-panel-copy h2{max-width:100%;margin:0 0 16px;padding:0;border:0;color:var(--kb-showcase-ink);font-size:clamp(25px,3vw,36px);line-height:1.18;text-align:left;text-wrap:balance}
.kb-commerce-showcase .kb-showcase-heading>p:not(.kb-showcase-eyebrow),.kb-commerce-showcase .kb-showcase-panel-copy>p{margin:0;color:var(--kb-showcase-muted);font-size:17px;line-height:1.75}
.kb-commerce-showcase .kb-showcase-intent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.kb-commerce-showcase .kb-showcase-intent{display:flex;flex-direction:column;min-width:0;border:1px solid var(--kb-showcase-line);border-radius:18px;overflow:hidden;background:#f8faf9}
.kb-commerce-showcase .kb-showcase-intent-media{overflow:hidden;background:#edf2ef;aspect-ratio:16/9}
.kb-commerce-showcase .kb-showcase-intent-media picture,.kb-commerce-showcase .kb-showcase-panel-media picture{display:block;width:100%;height:100%;margin:0}
.kb-commerce-showcase .kb-showcase-intent-media img,.kb-commerce-showcase .kb-showcase-panel-media img{display:block;width:100%;height:100%;margin:0;object-fit:cover}
.kb-commerce-showcase .kb-showcase-intent-copy{display:flex;flex-direction:column;flex:1;align-items:flex-start;gap:14px;padding:24px}
.kb-commerce-showcase .kb-showcase-intent-copy h3{margin:0;color:var(--kb-showcase-ink);font-size:23px;line-height:1.3}
.kb-commerce-showcase .kb-showcase-intent-copy p{margin:0 0 8px;color:var(--kb-showcase-muted);font-size:16px;line-height:1.65}
.kb-commerce-showcase .kb-showcase-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:48px;max-width:100%;padding:12px 18px;border:2px solid var(--kb-showcase-petrol);border-radius:8px;background:var(--kb-showcase-petrol);color:#fff!important;font-size:15px;font-weight:700;line-height:1.4;text-align:center;text-decoration:none!important;white-space:normal;overflow-wrap:break-word}
.kb-commerce-showcase .kb-showcase-intent-copy .kb-showcase-button{margin-top:auto}
.kb-commerce-showcase .kb-showcase-button span{flex:none;font-size:19px;line-height:1}
.kb-commerce-showcase .kb-showcase-button:hover{background:#153b4f;border-color:#153b4f;color:#fff!important}
.kb-commerce-showcase .kb-showcase-button--outline{color:#234e63!important;background:#fff}
.kb-commerce-showcase .kb-showcase-button--outline:hover{background:#e7eff0;color:#173b4d!important}
.kb-commerce-showcase a:focus-visible,.kb-commerce-showcase button:focus-visible{outline:3px solid #9d5e0b;outline-offset:4px}
.kb-commerce-showcase .kb-showcase-stock{margin:48px 0}
.kb-commerce-showcase .kb-commerce-section{margin:0;padding:clamp(18px,3vw,32px);background:#f2f5f3;border:1px solid var(--kb-showcase-line);border-radius:20px}
.kb-commerce-showcase .kb-commerce-heading{gap:14px;margin-bottom:20px}
.kb-commerce-showcase .kb-commerce-heading h2{margin:0;padding:0;border:0;color:var(--kb-showcase-ink);font-size:clamp(24px,2.7vw,32px);line-height:1.25;text-align:left}
.kb-commerce-showcase .kb-commerce-heading>a{color:#234e63;font-size:15px;font-weight:700;text-underline-offset:4px}
.kb-commerce-showcase .kb-home-stock-categories{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.kb-commerce-showcase .kb-home-stock-categories a{display:inline-flex;align-items:center;min-height:40px;padding:8px 13px;border:1px solid #aebfc4;border-radius:24px;background:#fff;color:#234e63!important;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none!important}
.kb-commerce-showcase .kb-home-stock-categories a:hover{background:#e6edef}
.kb-commerce-showcase .kb-commerce-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.kb-commerce-showcase .kb-commerce-card{min-width:0;border:1px solid #cad6da;border-radius:14px;background:#fff;box-shadow:0 3px 14px #203e4a08}
.kb-commerce-showcase .kb-commerce-card>a{height:auto}
.kb-commerce-showcase .kb-commerce-card__body{padding:20px}
.kb-commerce-showcase .kb-commerce-card h3{color:#242b2f;font-size:17px;line-height:1.45;overflow-wrap:anywhere}
.kb-commerce-showcase .kb-commerce-price{color:#234e63;font-size:25px;line-height:1.3}
.kb-commerce-showcase .kb-showcase-panels{display:grid;gap:28px;margin-top:48px}
.kb-commerce-showcase .kb-showcase-panel{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);overflow:hidden;min-width:0;border:1px solid var(--kb-showcase-line);border-radius:20px;background:#f5f6f1}
.kb-commerce-showcase .kb-showcase-panel:nth-child(2){background:#edf3f5}
.kb-commerce-showcase .kb-showcase-panel:nth-child(2) .kb-showcase-panel-media{order:2}
.kb-commerce-showcase .kb-showcase-panel-media{min-height:330px;min-width:0;background:#e8efec}
.kb-commerce-showcase .kb-showcase-panel-copy{align-self:center;min-width:0;padding:clamp(26px,4vw,48px)}
.kb-commerce-showcase .kb-showcase-panel-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.kb-commerce-showcase .kb-showcase-panel-actions>a{flex:1 1 200px}
/* Shared refined styles use !important; restrict these overrides to this hub. */
body.kui-site.kb-refined[data-kui-family] .kb-commerce-showcase .kb-commerce-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
body.kui-site.kb-refined[data-kui-family] .kb-commerce-showcase .kb-commerce-heading h2{font-size:clamp(24px,2.7vw,32px)!important;line-height:1.25!important}
body.kui-site.kb-refined[data-kui-family] .kb-commerce-showcase .kb-commerce-card h3{font-size:17px!important;line-height:1.45!important}
body.kui-site.kb-refined[data-kui-family] .kb-commerce-showcase :is(.kb-showcase-intent-media,.kb-showcase-panel-media) .km-picture img{height:100%!important;aspect-ratio:auto!important;object-fit:contain!important}
@media(max-width:1023px){
 .kb-commerce-showcase .kb-showcase-intent-grid{gap:16px}
 .kb-commerce-showcase .kb-showcase-intent-copy{padding:20px}
 .kb-commerce-showcase .kb-showcase-intent-copy h3{font-size:21px}
 .kb-commerce-showcase .kb-commerce-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .kb-commerce-showcase .kb-showcase-panel-copy{padding:28px}
 body.kui-site.kb-refined[data-kui-family] .kb-commerce-showcase .kb-commerce-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
}
@media(max-width:767px){
 .kb-commerce-showcase{padding-top:8px;padding-bottom:24px}
 .kb-commerce-showcase .kb-showcase-heading{margin-bottom:22px}
 .kb-commerce-showcase .kb-showcase-panel{grid-template-columns:minmax(0,1fr)}
 .kb-commerce-showcase .kb-showcase-panel-media{min-height:0;aspect-ratio:16/9}
 .kb-commerce-showcase .kb-showcase-panel:nth-child(2) .kb-showcase-panel-media{order:0}
 .kb-commerce-showcase .kb-showcase-panel-copy{padding:26px}
 .kb-commerce-showcase .kb-showcase-stock,.kb-commerce-showcase .kb-showcase-panels{margin-top:32px}
}
@media(max-width:639px){
 .kb-commerce-showcase .kb-showcase-intent-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .kb-commerce-showcase .kb-showcase-intent-media{aspect-ratio:2/1}
 .kb-commerce-showcase .kb-showcase-intent-copy{padding:22px}
 .kb-commerce-showcase .kb-showcase-intent-copy .kb-showcase-button{align-self:stretch}
 .kb-commerce-showcase .kb-showcase-heading>p:not(.kb-showcase-eyebrow),.kb-commerce-showcase .kb-showcase-panel-copy>p{font-size:16px;line-height:1.7}
}
@media(max-width:559px){
 .kb-commerce-showcase .kb-commerce-grid{grid-template-columns:minmax(0,1fr)}
 .kb-commerce-showcase .kb-commerce-section{padding:16px;border-radius:16px}
 .kb-commerce-showcase .kb-commerce-card__body{padding:18px}
 .kb-commerce-showcase .kb-showcase-panel-copy{padding:22px}
 .kb-commerce-showcase .kb-showcase-panel-actions{display:grid;grid-template-columns:minmax(0,1fr);margin-top:22px}
 .kb-commerce-showcase .kb-showcase-panel-actions>a{width:100%}
 body.kui-site.kb-refined[data-kui-family] .kb-commerce-showcase .kb-commerce-grid{grid-template-columns:minmax(0,1fr)!important}
}
