/* 1.0.418: supplied editorial artwork, full-width image above a clean text panel. */
.klima-shop.klima-section { padding-block:44px!important; background:#faf9f7; }
.klima-shop .klima-section-heading h2 { max-width:14em; font-size:clamp(32px,3.8vw,68px); line-height:1.04; }
.klima-shop .klima-text-link { border-bottom:2px solid #ff1748; padding-bottom:6px; }
.klima-shop .klima-shop-grid.klima-shop-grid--compact {
 display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:24px!important;
}
.klima-shop .klima-shop-grid .klima-shop-card,
.klima-shop .klima-shop-grid .klima-shop-card:first-child {
 display:flex!important; flex-direction:column; justify-content:flex-start!important;
 grid-column:auto!important; min-width:0; min-height:0!important; height:auto!important;
 padding:0!important; gap:0; border:1px solid #ebe7e2; border-radius:20px; box-sizing:border-box;
 background:#fff!important; overflow:hidden; box-shadow:0 16px 32px rgba(37,29,20,.07);
}
.klima-shop .klima-shop-card::before,.klima-shop .klima-shop-card::after,
.klima-shop .klima-shop-card__halo { display:none!important; }
.klima-shop .klima-shop-card .klima-shop-card__media {
 position:relative!important; display:block!important; inset:auto!important; width:100%!important; height:auto!important;
 aspect-ratio:16 / 9; min-height:0!important; flex:none; overflow:hidden; order:0;
}
.klima-shop .klima-shop-card .klima-shop-card__product {
 position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
 max-width:100%!important;max-height:100%!important;min-width:0!important;min-height:0!important;
 object-fit:cover!important;transform:none!important;margin:0!important;filter:none!important;
}
.klima-shop .klima-shop-card .klima-shop-tag {
 position:static!important; order:1; align-self:flex-start; margin:20px 24px 8px; padding:0;
 background:none; border:0; border-radius:0; color:#ff1748; font-size:12px; font-weight:800; line-height:1.3; letter-spacing:.06em;
}
.klima-shop .klima-shop-card .klima-shop-card__copy {
 order:2; display:block; max-width:none!important; padding:0 70px 22px 24px; border:0;
}
.klima-shop .klima-shop-card :is(h3,.klima-shop-card__title) {
 display:block; margin:0 0 8px; font-size:clamp(20px,1.65vw,30px);line-height:1.18;color:#09172f;font-weight:800;
}
.klima-shop .klima-shop-card :is(p,.klima-shop-card__description) {
 display:block;margin:0;font-size:clamp(14px,1.1vw,19px);line-height:1.4;color:#58637b;
}
.klima-shop .klima-shop-card .klima-shop-arrow {
 width:44px;height:44px;right:20px;bottom:22px;font-size:28px;border:1px solid #ff1748;
 background:#fff;color:#ff1748;box-shadow:none;display:flex;align-items:center;justify-content:center;border-radius:50%;
}
@media(max-width:1100px) {
 .klima-shop .klima-shop-grid.klima-shop-grid--compact { gap:16px!important; }
 .klima-shop .klima-shop-card .klima-shop-tag { margin-inline:16px; }
 .klima-shop .klima-shop-card .klima-shop-card__copy { padding-left:16px;padding-right:54px; }
 .klima-shop .klima-shop-card .klima-shop-arrow { width:32px;height:32px;right:12px; }
}
/* Match PHP and JS-generated cards: geometric SVG, centered in every state. */
.klima-shop .klima-shop-grid .klima-shop-card .klima-shop-arrow {
 box-sizing:border-box; display:flex; align-items:center; justify-content:center;
 padding:0; line-height:0; transform:none!important;
 transition:background-color 180ms ease,color 180ms ease;
}
.klima-shop .klima-shop-grid .klima-shop-card .klima-shop-arrow svg {
 display:block; flex:none; width:24px; height:24px; margin:0;
 fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
 transform:none;
}
.klima-shop .klima-shop-grid .klima-shop-card:is(:hover,:focus-visible,:active) .klima-shop-arrow {
 background:#ff1748; border-color:#ff1748; color:#fff;
}
@media(prefers-reduced-motion:reduce) {
 .klima-shop .klima-shop-grid .klima-shop-card .klima-shop-arrow { transition:none; }
}
@media(max-width:782px) {
 .klima-shop .klima-shop-grid.klima-shop-grid--compact { grid-template-columns:1fr!important;gap:20px!important; }
 .klima-shop .klima-section-heading { align-items:flex-start;gap:20px; }
}