.kk-tile{border-color:#e1e8e3;border-radius:12px;overflow:hidden}.kk-tile-photo{position:relative;display:block;background:#f5f6f2;padding:12px;height:265px}.kk-tile-photo>span{position:absolute;top:13px;left:16px;color:#173b3b;font-size:10px;font-weight:900;letter-spacing:1px;z-index:1}.kk-tile-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.kk-tile-body{padding:17px}.kk-tile-model{font-size:10px;letter-spacing:1px;font-weight:700;color:#688375}.kk-tile-body h2{font-size:16px!important;line-height:1.35;min-height:44px;margin:8px 0!important}.kk-tile-body h2 a{color:#173b3b;text-decoration:none}.kk-tile-body>p{font-size:12px;line-height:1.55;color:#657b83;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:56px}.kk-tile-colors{display:flex;gap:5px;margin:16px 0 10px;min-height:18px}.kk-tile-colors>span{width:17px;height:17px;border-radius:50%;border:1px solid #0002}.kk-tile-colors>span.clear{background:repeating-conic-gradient(#d3dde0 0 25%,white 0 50%) 0/6px 6px}.kk-tile-colors small{font-size:10px}.kk-tile-sizes{font-size:12px;color:#465d66;margin-bottom:17px;min-height:17px}.kk-tile .catalog-open{font-size:11px!important;margin-top:10px!important}.kk-tile .catalog-open>span:last-child{color:#265c50;font-weight:700}.kk-tile .catalog-open>span{display:flex;align-items:center;gap:5px}@media(max-width:700px){.kk-tile-photo{height:190px;padding:9px}.kk-tile-photo>span{font-size:8px;top:10px;left:10px}.kk-tile-body{padding:12px}.kk-tile-body h2{font-size:13px!important;min-height:0}.kk-tile-body>p{display:none}.kk-tile-colors{gap:4px;margin:10px 0;flex-wrap:wrap}.kk-tile-colors>span{width:14px;height:14px}.kk-tile-sizes{font-size:11px;margin-bottom:9px}.kk-tile .catalog-open{display:flex;flex-wrap:wrap;gap:5px;font-size:10px!important}.kk-tile .catalog-open svg{width:13px}}.kk-tile-photo{background:#fff;padding:38px 18px 18px}.kk-tile-photo img{mix-blend-mode:normal}.kk-tile-photo>span{background:#fff;padding:3px 0}@media(max-width:700px){.kk-tile-photo{padding:30px 10px 12px}}.graf-product-grid:has(.kk-tile){grid-template-columns:repeat(3,minmax(0,1fr))}.graf-product-grid .kk-tile .kk-tile-photo>img{display:block;width:100%;height:100%;max-width:100%;min-width:0;object-fit:contain}.kk-tile-model{font-size:12px}.kk-tile-photo{height:280px}@media(max-width:700px){.graf-product-grid:has(.kk-tile){grid-template-columns:repeat(2,minmax(0,1fr))}.kk-tile-photo{height:205px}.kk-tile-model{font-size:11px}}.graf-product-grid>.soudal-tile{display:flex;flex-direction:column;grid-row:auto}.soudal-tile .kk-tile-photo{--soudal-image-height:206px;display:flex;align-items:center;justify-content:center;flex:none}.soudal-tile .kk-tile-photo>.soudal-tile-image-frame{position:relative;inset:auto;display:block;flex:none;z-index:0;overflow:hidden;padding:0;background:transparent;width:min(100%,calc(var(--soudal-image-height) * var(--soudal-image-ratio)));aspect-ratio:var(--soudal-image-ratio)}.soudal-tile .soudal-tile-image-frame>img{position:absolute;display:block;max-width:none;object-fit:fill}.soudal-tile .kk-tile-body{display:flex;flex-direction:column;flex:1;min-width:0}.soudal-tile .kk-tile-model{overflow-wrap:anywhere}.soudal-tile .kk-tile-body h2{height:auto;overflow-wrap:anywhere}.soudal-tile .catalog-open{margin-top:auto!important}.soudal-preview-features{min-height:68px}.soudal-preview-features>.soudal-preview-text-fact{color:#657b83;flex-basis:100%;font-size:10px;line-height:1.5}.soudal-preview-features>.soudal-preview-text-fact>span{max-width:none}.catalog-layout-materials .soudal-tile .kk-tile-photo{--soudal-image-height:116px}@media(max-width:700px){.soudal-tile .kk-tile-photo{--soudal-image-height:150px}.catalog-layout-materials .soudal-tile .kk-tile-photo{--soudal-image-height:106px}.soudal-preview-features{min-height:68px}.soudal-preview-features>.soudal-preview-text-fact{font-size:9px}}@supports(grid-template-rows:subgrid){.graf-product-grid:has(>.soudal-tile):not(:has(>:not(.kk-tile)))>.kk-tile{display:grid;grid-row:span 9;grid-template-rows:subgrid;row-gap:0;column-gap:0}.graf-product-grid:has(>.soudal-tile):not(:has(>:not(.kk-tile)))>.kk-tile>.kk-tile-photo{grid-row:1}.graf-product-grid:has(>.soudal-tile):not(:has(>:not(.kk-tile)))>.kk-tile>.kk-tile-body{display:grid;grid-row:2/span 8;grid-template-rows:subgrid;row-gap:0;column-gap:0;min-width:0}.graf-product-grid:has(>.soudal-tile):not(:has(>:not(.kk-tile))) .kk-tile .kk-tile-model{grid-row:1;align-self:start}.graf-product-grid:has(>.soudal-tile):not(:has(>:not(.kk-tile))) .kk-tile h2{grid-row:2}.graf-product-grid:has(>.soudal-tile):not(:has(>:not(.kk-tile))) .kk-tile .kk-tile-body>p{grid-row:3}.graf-product-grid:has(>.soudal-tile):not(:has(>:not(.kk-tile))) .kk-tile .material-properties{display:grid;grid-row:4/span 2;grid-template-rows:subgrid;row-gap:0;margin:12px 0 14px}.graf-product-grid:has(>.soudal-tile):not(:has(>:not(.kk-tile))) .material-properties>li{align-items:flex-start;min-height:34px;padding:3px 0;box-sizing:border-box}.graf-product-grid:has(>.soudal-tile):not(:has(>:not(.kk-tile))) .material-properties>li:first-child{grid-row:1}.graf-product-grid:has(>.soudal-tile):not(:has(>:not(.kk-tile))) .material-properties>li:nth-child(2){grid-row:2}.graf-product-grid:has(>.soudal-tile):not(:has(>:not(.kk-tile))) .material-properties>li>span{max-width:none;padding-top:1px}.graf-product-grid:has(>.soudal-tile):not(:has(>:not(.kk-tile))) .kk-tile .kk-tile-colors{grid-row:6;align-self:start}.graf-product-grid:has(>.soudal-tile):not(:has(>:not(.kk-tile))) .kk-tile .kk-tile-sizes{grid-row:7;align-self:start}.graf-product-grid:has(>.soudal-tile):not(:has(>:not(.kk-tile))) .kk-tile .catalog-open{grid-row:8;align-self:stretch;margin-top:10px!important}@media(max-width:700px){.graf-product-grid:has(>.soudal-tile):not(:has(>:not(.kk-tile))) .kk-tile .material-properties{margin:10px 0}.graf-product-grid:has(>.soudal-tile):not(:has(>:not(.kk-tile))) .kk-tile .catalog-open{display:grid;grid-template-columns:1fr;gap:5px;align-items:start}}}