.elementor-4301 .elementor-element.elementor-element-c258604{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:32px;--padding-right:32px;}.elementor-4301 .elementor-element.elementor-element-11c37b2{--display:flex;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4301 .elementor-element.elementor-element-3ecba5a{font-family:var( --e-global-typography-eb870ce-font-family ), Sans-serif;font-size:var( --e-global-typography-eb870ce-font-size );font-weight:var( --e-global-typography-eb870ce-font-weight );line-height:var( --e-global-typography-eb870ce-line-height );color:var( --e-global-color-secondary );}.elementor-4301 .elementor-element.elementor-element-3ecba5a a{color:var( --e-global-color-primary );}.elementor-4301 .elementor-element.elementor-element-3ecba5a a:hover{color:var( --e-global-color-secondary );}.elementor-4301 .elementor-element.elementor-element-1f8be6b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:64px 64px;--row-gap:64px;--column-gap:64px;}.elementor-4301 .elementor-element.elementor-element-1d2314c{--display:flex;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-4301 .elementor-element.elementor-element-42709bb .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-4301 .elementor-element.elementor-element-42709bb .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-4301 .elementor-element.elementor-element-42709bb{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-4301 .elementor-element.elementor-element-5ec563f{--display:flex;--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-4301 .elementor-element.elementor-element-9be1436{--display:flex;}.elementor-4301 .elementor-element.elementor-element-f62eb74{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-1ac22d1 );--border-color:var( --e-global-color-1ac22d1 );--border-radius:1000px 1000px 1000px 1000px;--padding-top:6px;--padding-bottom:6px;--padding-left:6px;--padding-right:16px;}.elementor-4301 .elementor-element.elementor-element-f62eb74:not(.elementor-motion-effects-element-type-background), .elementor-4301 .elementor-element.elementor-element-f62eb74 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1a78c0d );}.elementor-4301 .elementor-element.elementor-element-f62eb74.e-con{--align-self:flex-start;}.elementor-4301 .elementor-element.elementor-element-3354012{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:1000px 1000px 1000px 1000px;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-4301 .elementor-element.elementor-element-3354012:not(.elementor-motion-effects-element-type-background), .elementor-4301 .elementor-element.elementor-element-3354012 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-4301 .elementor-element.elementor-element-3354012.e-con{--align-self:flex-start;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-4301 .elementor-element.elementor-element-b849dcf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 2px 0px;}.elementor-4301 .elementor-element.elementor-element-b849dcf .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:0.8rem;font-weight:600;text-transform:uppercase;line-height:0;letter-spacing:0px;word-spacing:0px;color:var( --e-global-color-517d5c7 );}.elementor-4301 .elementor-element.elementor-element-b5b3d8a .elementor-heading-title{font-family:var( --e-global-typography-eb870ce-font-family ), Sans-serif;font-size:var( --e-global-typography-eb870ce-font-size );font-weight:var( --e-global-typography-eb870ce-font-weight );line-height:var( --e-global-typography-eb870ce-line-height );}.elementor-4301 .elementor-element.elementor-element-95ff04c .elementor-heading-title{font-family:var( --e-global-typography-4bd2e00-font-family ), Sans-serif;font-size:var( --e-global-typography-4bd2e00-font-size );font-weight:var( --e-global-typography-4bd2e00-font-weight );line-height:var( --e-global-typography-4bd2e00-line-height );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4301 .elementor-element.elementor-element-dcc70f8{--display:flex;--min-height:1px;}.elementor-4301 .elementor-element.elementor-element-dcc70f8:not(.elementor-motion-effects-element-type-background), .elementor-4301 .elementor-element.elementor-element-dcc70f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1ac22d1 );}.elementor-4301 .elementor-element.elementor-element-23312ba{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-517d5c7 );--border-color:var( --e-global-color-517d5c7 );--border-radius:8px 8px 8px 8px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-4301 .elementor-element.elementor-element-23312ba:not(.elementor-motion-effects-element-type-background), .elementor-4301 .elementor-element.elementor-element-23312ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-4301 .elementor-element.elementor-element-8c771b9 .elementor-heading-title{font-family:var( --e-global-typography-3f44e0c-font-family ), Sans-serif;font-size:var( --e-global-typography-3f44e0c-font-size );font-weight:var( --e-global-typography-3f44e0c-font-weight );line-height:var( --e-global-typography-3f44e0c-line-height );color:var( --e-global-color-517d5c7 );}.elementor-4301 .elementor-element.elementor-element-d641ee2{--display:flex;--min-height:1px;}.elementor-4301 .elementor-element.elementor-element-d641ee2:not(.elementor-motion-effects-element-type-background), .elementor-4301 .elementor-element.elementor-element-d641ee2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1ac22d1 );}.elementor-4301 .elementor-element.elementor-element-f511043{--display:flex;}.elementor-4301 .elementor-element.elementor-element-664aece{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}@media(min-width:768px){.elementor-4301 .elementor-element.elementor-element-1d2314c{--width:50%;}.elementor-4301 .elementor-element.elementor-element-5ec563f{--width:50%;}.elementor-4301 .elementor-element.elementor-element-f62eb74{--width:auto;}.elementor-4301 .elementor-element.elementor-element-3354012{--width:auto;}}@media(max-width:1024px){.elementor-4301 .elementor-element.elementor-element-3ecba5a{font-size:var( --e-global-typography-eb870ce-font-size );line-height:var( --e-global-typography-eb870ce-line-height );}.elementor-widget-gallery .elementor-gallery-item__description{line-height:var( --e-global-typography-text-line-height );}.elementor-4301 .elementor-element.elementor-element-b5b3d8a .elementor-heading-title{font-size:var( --e-global-typography-eb870ce-font-size );line-height:var( --e-global-typography-eb870ce-line-height );}.elementor-4301 .elementor-element.elementor-element-95ff04c .elementor-heading-title{font-size:var( --e-global-typography-4bd2e00-font-size );line-height:var( --e-global-typography-4bd2e00-line-height );}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}.elementor-4301 .elementor-element.elementor-element-8c771b9 .elementor-heading-title{font-size:var( --e-global-typography-3f44e0c-font-size );line-height:var( --e-global-typography-3f44e0c-line-height );}}@media(max-width:767px){.elementor-4301 .elementor-element.elementor-element-c258604{--padding-top:80px;--padding-bottom:80px;--padding-left:16px;--padding-right:16px;}.elementor-4301 .elementor-element.elementor-element-3ecba5a{font-size:var( --e-global-typography-eb870ce-font-size );line-height:var( --e-global-typography-eb870ce-line-height );}.elementor-widget-gallery .elementor-gallery-item__description{line-height:var( --e-global-typography-text-line-height );}.elementor-4301 .elementor-element.elementor-element-b5b3d8a .elementor-heading-title{font-size:var( --e-global-typography-eb870ce-font-size );line-height:var( --e-global-typography-eb870ce-line-height );}.elementor-4301 .elementor-element.elementor-element-95ff04c .elementor-heading-title{font-size:var( --e-global-typography-4bd2e00-font-size );line-height:var( --e-global-typography-4bd2e00-line-height );}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}.elementor-4301 .elementor-element.elementor-element-8c771b9 .elementor-heading-title{font-size:var( --e-global-typography-3f44e0c-font-size );line-height:var( --e-global-typography-3f44e0c-line-height );}.elementor-4301 .elementor-element.elementor-element-664aece{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}}/* Start custom CSS for container, class: .elementor-element-23312ba */.elementor-4301 .elementor-element.elementor-element-23312ba { cursor:pointer; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-1411455 *//* ================================ Top Download Buttons ================================ */ .kisters-top-download-buttons{ display:flex; gap:16px; flex-wrap:wrap; } .kisters-top-download-button{ display:flex; align-items:center; gap:8px; padding:12px 16px; border:1px solid rgba(0,0,0,0.08); border-radius:10px; background:#fff; text-decoration:none; color:#000; transition:all .2s ease; } .kisters-top-download-button:hover{ color:#1878D3; border-color:#1878D3; } .kisters-top-download-button__icon{ font-size:24px; line-height:1; display:inline-flex; align-items:center; justify-content:center; } .kisters-top-download-button__label{ font-family:"Outfit", sans-serif; font-size:16px; font-weight:500; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-bb1ddf3 *//* ========================================================= KISTERS PRODUCT TABS – FINAL CSS (CLEAN + STABLE) - Tab underline is ALWAYS visible (no clipping) - 8pt grid spacing - Text: Inter (#525252), strong black - Tabs: Outfit 18px, hover/active blue + underline - Description: 3/2/1 columns - Benefits + Application Areas: 2/2/1 columns + chevron bullets - Specifications: table with card border, th 16px Outfit - Videos: 3/2/1 grid + 16:9 - Related: 3/2/1 grid + image + title - Downloads: cards + hover blue + underline ========================================================= */ /* =============================== Base text styling ================================ */ .kisters-ptabs__panel{ display:none; font-family:"Inter", sans-serif; font-size:16px; line-height:1.6; color:#525252; } .kisters-ptabs__panel.is-active{ display:block; } .kisters-ptabs__panel strong{ color:#000; font-weight:600; } /* =============================== Tabs Navigation (NO CLIPPING) ================================ */ .kisters-ptabs__nav{ display:flex; gap:32px; overflow-x:auto; /* horizontal scroll allowed */ overflow-y:visible; /* underline must not be clipped */ padding-bottom:8px; /* space for underline */ margin-bottom:32px; -webkit-overflow-scrolling: touch; } /* Button base */ .kisters-ptabs .kisters-ptabs__btn{ font-family:"Outfit", sans-serif; font-size:18px; font-weight:500; color:#000; background:transparent; border:0; padding:0; padding-bottom:2px; /* underline space INSIDE button */ cursor:pointer; position:relative; white-space:nowrap; outline:none; box-shadow:none; line-height:1.2; display:inline-flex; align-items:flex-end; /* consistent baseline */ } /* Underline (inside the button, never negative bottom) */ .kisters-ptabs .kisters-ptabs__btn::after{ content:""; position:absolute; left:0; right:0; bottom:0; /* IMPORTANT: inside button */ height:2px; background:#1878D3; transform:scaleX(0); transform-origin:left; transition:transform .2s ease; } /* Hover/Focus: blue + underline */ .kisters-ptabs .kisters-ptabs__btn:hover, .kisters-ptabs .kisters-ptabs__btn:focus{ color:#1878D3; background:transparent; } .kisters-ptabs .kisters-ptabs__btn:hover::after, .kisters-ptabs .kisters-ptabs__btn:focus::after{ transform:scaleX(1); } /* Active: blue + underline */ .kisters-ptabs .kisters-ptabs__btn.is-active{ color:#1878D3; background:transparent; } .kisters-ptabs .kisters-ptabs__btn.is-active::after{ transform:scaleX(1); } @media (max-width:767px){ .kisters-ptabs .kisters-ptabs__btn{ font-size:16px; } } /* ========================================================= DESCRIPTION – 3 / 2 / 1 columns ========================================================= */ .kisters-ptabs__panel[data-panel="description"], .kisters-ptabs__panel[data-kppanel="description"]{ column-count:3; column-gap:32px; } @media (max-width:1024px){ .kisters-ptabs__panel[data-panel="description"], .kisters-ptabs__panel[data-kppanel="description"]{ column-count:2; } } @media (max-width:767px){ .kisters-ptabs__panel[data-panel="description"], .kisters-ptabs__panel[data-kppanel="description"]{ column-count:1; } } .kisters-ptabs__panel[data-panel="description"] p, .kisters-ptabs__panel[data-panel="description"] ul, .kisters-ptabs__panel[data-panel="description"] ol, .kisters-ptabs__panel[data-kppanel="description"] p, .kisters-ptabs__panel[data-kppanel="description"] ul, .kisters-ptabs__panel[data-kppanel="description"] ol{ break-inside:avoid; } /* ========================================================= BENEFITS + APPLICATION AREAS – 2 / 2 / 1 + chevron bullets ========================================================= */ .kisters-ptabs__panel[data-panel="benefits"], .kisters-ptabs__panel[data-kppanel="benefits"], .kisters-ptabs__panel[data-panel="application_areas"], .kisters-ptabs__panel[data-kppanel="application_areas"]{ column-count:2; column-gap:32px; } @media (max-width:767px){ .kisters-ptabs__panel[data-panel="benefits"], .kisters-ptabs__panel[data-kppanel="benefits"], .kisters-ptabs__panel[data-panel="application_areas"], .kisters-ptabs__panel[data-kppanel="application_areas"]{ column-count:1; } } /* Reset list */ .kisters-ptabs__panel[data-panel="benefits"] ul, .kisters-ptabs__panel[data-panel="application_areas"] ul, .kisters-ptabs__panel[data-kppanel="benefits"] ul, .kisters-ptabs__panel[data-kppanel="application_areas"] ul{ list-style:none; margin:0; padding:0; } /* List items */ .kisters-ptabs__panel[data-panel="benefits"] li, .kisters-ptabs__panel[data-panel="application_areas"] li, .kisters-ptabs__panel[data-kppanel="benefits"] li, .kisters-ptabs__panel[data-kppanel="application_areas"] li{ position:relative; padding-left:16px; margin-bottom:16px; break-inside:avoid; } /* Chevron bullet – aligned */ .kisters-ptabs__panel[data-panel="benefits"] li::before, .kisters-ptabs__panel[data-panel="application_areas"] li::before, .kisters-ptabs__panel[data-kppanel="benefits"] li::before, .kisters-ptabs__panel[data-kppanel="application_areas"] li::before{ content:"›"; position:absolute; left:0; top:0; /* stable even with

inside

  • */ transform:translateY(-1px); font-size:18px; font-weight:700; line-height:1.4; color:#1878D3; } /* ========================================================= SPECIFICATIONS TABLE – card border, th 16px Outfit ========================================================= */ .kisters-ptabs__panel[data-panel="specifications"] table, .kisters-ptabs__panel[data-kppanel="specifications"] table{ width:100%; border-collapse:collapse; border:1px solid rgba(0,0,0,0.06); border-radius:8px; overflow:hidden; margin-bottom:32px; } .kisters-ptabs__panel[data-panel="specifications"] th, .kisters-ptabs__panel[data-kppanel="specifications"] th{ font-family:"Outfit", sans-serif; font-size:16px; font-weight:600; color:#000; text-align:left; padding:16px; border-bottom:1px solid #e5e5e5; vertical-align:top; } .kisters-ptabs__panel[data-panel="specifications"] td, .kisters-ptabs__panel[data-kppanel="specifications"] td{ font-family:"Inter", sans-serif; font-size:16px; color:#525252; padding:16px; border-bottom:1px solid #e5e5e5; vertical-align:top; } .kisters-ptabs__panel[data-panel="specifications"] td strong, .kisters-ptabs__panel[data-kppanel="specifications"] td strong{ font-family:"Outfit", sans-serif; color:#000; } /* ========================================================= VIDEOS GRID – 3 / 2 / 1 + 16:9 ========================================================= */ .kisters-videos{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:32px; } @media (max-width:1024px){ .kisters-videos{ grid-template-columns:repeat(2, minmax(0,1fr)); } } @media (max-width:767px){ .kisters-videos{ grid-template-columns:1fr; } } .kisters-video-item{ width:100%; } .kisters-video-embed{ position:relative; width:100%; aspect-ratio:16/9; border-radius:8px; overflow:hidden; background:#000; } .kisters-video-embed iframe, .kisters-video-embed video{ position:absolute; inset:0; width:100%; height:100%; } /* ========================================= RELATED PRODUCTS GRID Desktop: 5 Tablet: 4 Mobile: 2 ========================================= */ .kisters-related-grid{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:32px; } /* Tablet */ @media (max-width:1024px){ .kisters-related-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); } } /* Mobile */ @media (max-width:767px){ .kisters-related-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; } } /* ========================================= RELATED ITEM ========================================= */ .kisters-related-item{ display:block; text-decoration:none; color:#000; } /* Image */ .kisters-related-item img{ width:100%; height:auto; border-radius:8px; display:block; } /* ========================================= PRODUCT TITLE ========================================= */ .kisters-related-title{ font-family:"Outfit",sans-serif; font-size:16px; font-weight:600; margin-top:14px; color:#000; position:relative; display:inline-block; padding-bottom:2px; transition:color .15s ease; } /* underline animation */ .kisters-related-title::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:#1878D3; transform:scaleX(0); transform-origin:left; transition:transform .18s ease; } /* hover effect */ .kisters-related-item:hover .kisters-related-title{ color:#1878D3; } .kisters-related-item:hover .kisters-related-title::after{ transform:scaleX(1); } /* ========================================================= DOWNLOADS – Cards + hover underline + blue (single underline) ========================================================= */ .kisters-downloads--all{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; } @media (max-width:1024px){ .kisters-downloads--all{ grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width:767px){ .kisters-downloads--all{ grid-template-columns:1fr; } } .kisters-download-item{ display:flex; align-items:center; gap:16px; padding:24px; background:#ffffff; border-radius:8px; border:1px solid rgba(0,0,0,0.06); height:100%; transition: transform .22s cubic-bezier(.25,.8,.25,1), box-shadow .22s ease, border-color .22s ease; } .kisters-download-item:hover{ transform:translateY(-3px); border-color:rgba(0,0,0,0.12); box-shadow:0 8px 24px rgba(0,0,0,0.06); } .kisters-download-left{ flex:0 0 auto; align-self:flex-start; } .kisters-download-icon-big{ width:48px; height:48px; object-fit:contain; } .kisters-download-right{ display:flex; flex-direction:column; gap:8px; min-width:0; } .kisters-download-title{ font-family:"Outfit", sans-serif; font-size:20px; font-weight:600; line-height:1.15; color:#000; } .kisters-download-actions{ display:flex; gap:24px; flex-wrap:nowrap; } .kisters-download-link{ font-family:"Inter", sans-serif; font-size:16px; font-weight:500; color:#000; text-decoration:none; position:relative; display:inline-block; padding-bottom:2px; transition:color .15s ease; } .kisters-download-link::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:#1878D3; transform:scaleX(0); transform-origin:left; transition:transform .18s ease; } .kisters-download-link:hover, .kisters-download-link:focus{ color:#1878D3; } .kisters-download-link:hover::after, .kisters-download-link:focus::after{ transform:scaleX(1); } @media (max-width:767px){ .kisters-download-item{ padding:16px; align-items:flex-start; } .kisters-download-link{ font-size:14px; } } /* ========================================= DOWNLOAD FILE SIZE TOOLTIP - appears next to the link - desktop only ========================================= */ @media (min-width:1025px){ .kisters-download-link--download[data-size]{ position:relative; } .kisters-download-link--download[data-size]::before{ content:attr(data-size); position:absolute; left:calc(100% + 10px); /* appears next to the link */ top:50%; transform:translateY(-50%) translateX(-4px); font-family:"Inter", sans-serif; font-size:12px; font-weight:500; color:#000; background:#fff; border:1px solid rgba(0,0,0,0.10); border-radius:6px; padding:6px 8px; white-space:nowrap; opacity:0; pointer-events:none; transition: opacity .15s ease, transform .15s ease; z-index:30; } .kisters-download-link--download[data-size]:hover::before{ opacity:1; transform:translateY(-50%) translateX(0); } } /* Hide tooltip on tablet & mobile */ @media (max-width:1024px){ .kisters-download-link--download[data-size]::before{ display:none; } } /* ========================================= RESPONSIVE TABLE SCROLL (Mobile) Works without changing HTML ========================================= */ .kisters-ptabs__panel table{ width:100%; max-width:100%; } /* Mobile: scroll container is the PANEL (not the table) */ @media (max-width:767px){ /* Make the panel scrollable horizontally */ .kisters-ptabs__panel[data-panel="specifications"]{ overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; touch-action:pan-x; /* helps on mobile */ } /* Make table wider than viewport so scrolling is possible */ .kisters-ptabs__panel[data-panel="specifications"] table{ width:max-content; min-width:720px; /* adjust if needed */ display:table; /* keep real table layout */ } /* Optional: keep cells readable */ .kisters-ptabs__panel[data-panel="specifications"] th, .kisters-ptabs__panel[data-panel="specifications"] td{ white-space:nowrap; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Outfit'; font-style: normal; font-weight: 100; font-display: auto; src: url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-100.eot'); src: url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-100.eot?#iefix') format('embedded-opentype'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-100.woff2') format('woff2'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-100.woff') format('woff'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-100.ttf') format('truetype'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-100.svg#Outfit') format('svg'); } @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 200; font-display: auto; src: url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-200.eot'); src: url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-200.eot?#iefix') format('embedded-opentype'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-200.woff2') format('woff2'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-200.woff') format('woff'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-200.ttf') format('truetype'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-200.svg#Outfit') format('svg'); } @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-300.eot'); src: url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-300.eot?#iefix') format('embedded-opentype'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-300.woff2') format('woff2'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-300.woff') format('woff'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-300.ttf') format('truetype'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-300.svg#Outfit') format('svg'); } @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-regular.eot'); src: url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-regular.eot?#iefix') format('embedded-opentype'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-regular.woff2') format('woff2'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-regular.woff') format('woff'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-regular.ttf') format('truetype'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-regular.svg#Outfit') format('svg'); } @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-500.eot'); src: url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-500.eot?#iefix') format('embedded-opentype'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-500.woff2') format('woff2'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-500.woff') format('woff'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-500.ttf') format('truetype'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-500.svg#Outfit') format('svg'); } @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-600.eot'); src: url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-600.eot?#iefix') format('embedded-opentype'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-600.woff2') format('woff2'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-600.woff') format('woff'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-600.ttf') format('truetype'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-600.svg#Outfit') format('svg'); } @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-700.eot'); src: url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-700.eot?#iefix') format('embedded-opentype'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-700.woff2') format('woff2'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-700.woff') format('woff'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-700.ttf') format('truetype'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-700.svg#Outfit') format('svg'); } @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 800; font-display: auto; src: url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-800.eot'); src: url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-800.eot?#iefix') format('embedded-opentype'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-800.woff2') format('woff2'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-800.woff') format('woff'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-800.ttf') format('truetype'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-800.svg#Outfit') format('svg'); } @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 900; font-display: auto; src: url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-900.eot'); src: url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-900.eot?#iefix') format('embedded-opentype'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-900.woff2') format('woff2'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-900.woff') format('woff'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-900.ttf') format('truetype'), url('https://katalog-develop.kisters.de/wp-content/uploads/outfit-v15-latin-900.svg#Outfit') format('svg'); } /* End Custom Fonts CSS */