.elementor-4273 .elementor-element.elementor-element-96fab08{--display:flex;--min-height:512px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4273 .elementor-element.elementor-element-96fab08:not(.elementor-motion-effects-element-type-background), .elementor-4273 .elementor-element.elementor-element-96fab08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#f87c64;background-image:url("https://okeanos.global/wp-content/uploads/2026/03/1440x512_Web-Banners_Products.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4273 .elementor-element.elementor-element-8eef9dc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:55px;font-weight:900;color:#FFFFFF;}.elementor-4273 .elementor-element.elementor-element-c83bd3d{--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:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-4273 .elementor-element.elementor-element-c83bd3d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4273 .elementor-element.elementor-element-f0ee6f3{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-4273 .elementor-element.elementor-element-f0ee6f3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:700;line-height:58px;letter-spacing:-0.5px;color:#F58C76;}.elementor-4273 .elementor-element.elementor-element-1d21075{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4273 .elementor-element.elementor-element-d70b6f2{--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:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-4273 .elementor-element.elementor-element-cf0d8df{padding:0px 0px 50px 0px;text-align:start;font-family:"Roboto", Sans-serif;font-size:13px;font-weight:700;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-4273 .elementor-element.elementor-element-96fab08{--min-height:228px;}.elementor-4273 .elementor-element.elementor-element-96fab08:not(.elementor-motion-effects-element-type-background), .elementor-4273 .elementor-element.elementor-element-96fab08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:850px auto;}.elementor-4273 .elementor-element.elementor-element-8eef9dc .elementor-heading-title{font-size:28px;}.elementor-4273 .elementor-element.elementor-element-f0ee6f3 .elementor-heading-title{font-size:32px;line-height:1em;}}/* Start custom CSS for heading, class: .elementor-element-f0ee6f3 */.elementor-4273 .elementor-element.elementor-element-f0ee6f3 .elementor-heading-title {
  background: linear-gradient(to bottom, #E42317, #FF6F61) no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  background-size: 100% !important;
  transition: background-size 0.6s cubic-bezier(.5,.5,.5,1);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-abc8b8c */#filter-button, #clear-filters{
    box-shadow: 0px 10px 50px 0px rgba(255, 133.99999999999991, 113.99999999999999, 0.5019607843137255);
    
}
.material-filter{
    padding:0 ;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d21075 *//* ============================= */
/* FILTER BAR (IMPROVED DESKTOP) */
/* ============================= */

.material-filter {
    display: flex;
    gap: 16px;
    margin-bottom: 10px;
    flex-wrap: nowrap; /* force single line on desktop */
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
}

/* Inputs */
.selection-filter {
    flex: 1;
    min-width: 100px;
    border-radius: 30px;
    padding: 10px 16px;
    border: 1px solid #ddd;
}

/* Buttons base */
#filter-button,
#clear-filters {
    border: none;
    color: white;
    border-radius: 30px;
    font-weight: 600;
    cursor: pointer;
    background: linear-gradient(90deg,#ff7e6b,#ff5f6d);
    flex-shrink: 0; /* prevent shrinking */
    width: 160px;
}

.mobile-buttons {
    display: flex;
    gap: 10px;
}

/* Specific sizing */
#filter-button {
    max-width: 140px;
}

#clear-filters {
    max-width: 100px;
}

/* ============================= */
/* TABLE / PRODUCTS */
/* ============================= */

/* Desktop (default) */
.products,
.products-header {
    grid-template-columns: repeat(5, 1fr);
}

/* ============================= */
/* TABLET */
/* ============================= */

@media (max-width: 1024px) {

    /* Filters stack nicely */
    .material-filter {
        gap: 12px;
    }

    /* 3 columns instead of 5 */
    .products,
    .products-header {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        align-items: center;
    }

    /* Hide less critical columns */
    .products div:nth-child(4),
    .products div:nth-child(5),
    .products-header div:nth-child(4),
    .products-header div:nth-child(5) {
        display: none;
    }
}

/* ============================= */
/* MOBILE */
/* ============================= */

@media (max-width: 880px) {

    /* Fully stacked filters */
    .material-filter {
        flex-direction: column;
    }
    
    #filter-button,
    #clear-filters {
        width: 1000px;
    }

    .selection-filter {
        width: 100%;
    }

    /* Switch to 1 column "card" layout */
    .products,
    .products-header {
        grid-template-columns: 1fr;
    }

    /* Hide header completely */
    .products-header {
        display: none;
    }

    /* Each row becomes a card */
    .products {
        border: 1px solid #eee;
        border-radius: 12px;
        margin-bottom: 12px;
        padding: 10px;
    }

    .meta-row {
        padding: 6px 0;
    }

    /* Add labels manually for clarity */
    .products .meta-row:nth-child(1)::before { content: "Product: "; font-weight: bold; }
    .products .meta-row:nth-child(2)::before { content: "End of life: "; font-weight: bold; }
    .products .meta-row:nth-child(3)::before { content: "Manufacturing: "; font-weight: bold; }
    .products .meta-row:nth-child(4)::before { content: "Packaging: "; font-weight: bold; }
    .products .meta-row:nth-child(5)::before { content: "Application: "; font-weight: bold; }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4f20ea8 */a {
    color: #E42317;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cf0d8df */.asterisco {
   width: auto;
    max-width: 1140px !important;
    margin: 20px auto;
    position: static;
}/* End custom CSS */