/*
 * import variables from json file
 * opts:
 *   hash: allow hash access to nested variables
 *         cf. stylus-lang.com/docs/hashes.html
 *   leave-strings: don't interpret data types
 * alt.: vars = json(...)
 */
/*
 * import js plugin
 * cf. stylus-lang.com/docs/bifs.html#usepath
 */
/*
 * Theme variables
 */
/*
 * Normalized and default style
 */
/*
 * Helpers and mixins
 */
/*
 * Fonts
 *
 * This theme use `postcss-font-magician` and will automagically
 * include any Google Font reference in the stylesheets
 */
/*
 * Elements
 */
* {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
    margin: 0px;
    padding: 0px;
}
.krups-section button,
.krups-section .button,
input[type=reset],
input[type=submit],
input[type=button],
input[type=file] + label {
    min-width: 165px;
    display: inline-block;
    width: auto;
    background-color: #f38230;
    color: #fff;
    font-family: Gotham-Black, 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
    line-height: 1;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    padding: 16px 20px;
    border: 0;
    border-radius: 0;
    transition: 0.3s ease;
    transition-property: background-color, color;
    text-decoration: none;
}
.krups-section button:hover,
.krups-section .button:hover,
input[type=reset]:hover,
input[type=submit]:hover,
input[type=button]:hover,
input[type=file] + label:hover {
    background-color: #f69f60;
    color: #fff;
}
.krups-section button:active,
.krups-section .button:active,
input[type=reset]:active,
input[type=submit]:active,
input[type=button]:active,
input[type=file] + label:active {
    box-shadow: none;
}
@media only screen and (max-width: 1050px) {
    .krups-section .button {
        min-width: auto;
        font-size: 10px;
        padding-bottom: 12px;
        padding-top: 12px;
    }
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next {
    width: 99px;
    height: 99px;
    background-size: auto 45px;
    background-position: center;
    background-color: #f38230;
}
.owl-carousel .owl-controls .owl-nav .owl-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.1 38' width='12.1' height='38'%3E%3Cstyle%3E.st0%7Bfill:%23ffffff%7D%3C/style%3E%3Cpath d='M12.1 38L5 19H0l7.1 19zM5 19l7.1-19h-5L0 19z' class='st0'/%3E%3C/svg%3E%0A");
    left: -120px;
}
.owl-carousel .owl-controls .owl-nav .owl-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.1 38' width='12.1' height='38'%3E%3Cstyle%3E.st0%7Bfill:%23ffffff%7D%3C/style%3E%3Cpath d='M0 0l7.1 19h5L5 0zM7.1 19L0 38h5l7.1-19z' class='st0'/%3E%3C/svg%3E%0A");
    right: -120px;
}
.owl-carousel .owl-controls .owl-dots .owl-dot {
    width: 18px;
    height: 18px;
    border: 1px solid #f38230;
    margin: 0 4px;
    position: relative;
}
.owl-carousel .owl-controls .owl-dots .owl-dot span {
    display: none;
}
.owl-carousel .owl-controls .owl-dots .owl-dot.active {
    background-color: #f38230;
}
@media only screen and (max-width: 1050px) {
    .owl-carousel .owl-controls .owl-nav {
        display: block;
    }
    .owl-carousel .owl-controls .owl-nav .owl-prev,
    .owl-carousel .owl-controls .owl-nav .owl-next {
        display: inline-block;
        width: 34px;
        height: 34px;
        background-size: auto 20px;
        margin: 0 3px;
        position: static;
    }
    .owl-carousel .owl-controls .owl-nav .owl-prev {
        left: auto;
    }
    .owl-carousel .owl-controls .owl-nav .owl-next {
        right: auto;
    }
    .owl-carousel .owl-controls .owl-dots .owl-dot {
        width: 8px;
        height: 8px;
        margin: 0 4px;
    }
    .owl-carousel .owl-controls .owl-dots .owl-dot span {
        width: 4px;
        height: 4px;
        position: absolute;
        left: calc(50% - 2px);
        top: calc(50% - 2px);
    }
}
form fieldset {
    max-width: 500px;
    margin-bottom: 35px;
}
form fieldset legend {
    font-weight: 700;
    text-transform: uppercase;
}
form .form-item {
    margin-bottom: 20px;
    width: auto;
}
form .form-item:after {
    content: '';
    display: block;
    clear: both;
}
form .form-item label {
    float: left;
    min-width: 150px;
}
form .form-item input,
form .form-item select,
form .form-item textarea {
    float: right;
}
select,
textarea,
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=number],
input[type=tel],
input[type=date],
input[type=time],
input[type=url] {
    font-family: Gotham-Book, 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
    font-size: inherit;
    background-color: #fff;
    color: #a6a6a6;
    outline: 0;
    vertical-align: top;
    padding: 0 10px;
    border: 1px solid #a6a6a6;
    border-radius: 2.5px;
    transition: color 5s ease;
    transition: 0.3s ease;
    transition-property: opacity, box-shadow, color, background-color, border-color;
    box-shadow: 0 0 0 0 transparent;
}
select:focus,
textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=time]:focus,
input[type=url]:focus {
    color: #595959;
    border-color: #595959;
    box-shadow: 0 0 2px 0 color-blue;
}
select::-ms-clear,
textarea::-ms-clear,
input[type=text]::-ms-clear,
input[type=password]::-ms-clear,
input[type=search]::-ms-clear,
input[type=email]::-ms-clear,
input[type=number]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=date]::-ms-clear,
input[type=time]::-ms-clear,
input[type=url]::-ms-clear {
    display: none;
}
input {
    line-height: 30px;
}
textarea {
    line-height: 1.25;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
textarea,
select[size],
select[multiple] {
    height: auto;
}
textarea {
    min-height: 50px;
}
input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus,
input[type=file]:active,
input[type=radio]:active,
input[type=checkbox]:active {
    box-shadow: none;
}
input[disabled],
select[disabled],
textarea[disabled] {
    background-color: #eee;
}
button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
option[disabled],
textarea[disabled] {
    box-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #888;
    cursor: default;
}
input[type=radio],
input[type=checkbox] {
    position: absolute;
    display: inherit;
    clip: rect(0, 0, 0, 0);
}
input[type=radio] + label,
input[type=checkbox] + label {
    position: relative;
}
input[type=radio] + label:after,
input[type=checkbox] + label:after,
input[type=radio] + label:before,
input[type=checkbox] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
}
input[type=radio] + label:after,
input[type=checkbox] + label:after {
    border: 1px solid #a6a6a6;
}
input[type=radio]:disabled + label,
input[type=checkbox]:disabled + label {
    color: #888;
}
input[type=radio]:disabled + label:before,
input[type=checkbox]:disabled + label:before {
    border: #888;
}
input[type=radio] + label {
    padding-left: 22px;
}
input[type=radio] + label:after,
input[type=radio] + label:before {
    margin-top: 1px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}
input[type=radio] + label:before {
    padding: 4px;
    background-clip: content-box;
    background-color: color-blue;
    transform: scale(0);
    transition: transform 0.1s ease;
}
input[type=radio]:checked + label:before {
    transform: scale(1);
}
input[type=radio]:disabled + label:before {
    background-color: #888;
}
input[type=checkbox] + label {
    padding-left: 20px;
}
input[type=checkbox] + label:after,
input[type=checkbox] + label:before {
    margin-top: 2px;
    width: 16px;
    height: 16px;
}
input[type=checkbox] + label:after {
    border-radius: 2.5px;
}
input[type=checkbox] + label:before {
    content: '✓';
    line-height: 16px;
    font-size: 18px;
    text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', 'Droid Sans', Tahoma, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    font-weight: 700;
    color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    clip: rect(0, 0, 16px, 0);
}
input[type=checkbox]:checked + label:before {
    color: #1e90ff;
    transition: clip 0.15s ease;
    clip: rect(0, 16px, 16px, 0);
}
input[type=checkbox]:disabled + label:before {
    color: #888;
}
input[type=file] {
    position: absolute;
    display: inherit;
    clip: rect(0, 0, 0, 0);
}
.krups-section {
    line-height: 1.25;
    font-size: 16px;
    color: #595959;
}
.krups-section p {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 15px;
    margin-block-end: 15px;
    margin: 0 0 20px 0;
}
.krups-section small {
    font-style: italic;
}
.krups-section ul,
.krups-section ol {
    -webkit-padding-start: 40px;
    padding-inline-start: 40px;
    padding-left: 40px;
    margin: 0 0 15px 0;
}
@media only screen and (max-width: 1050px) {
    .krups-section {
        line-height: 1.25;
        font-size: 12px;
    }
    .krups-section p {
        line-height: 1.25;
        font-size: 12px;
    }
}
.krups-subtitle {
    font-size: 18px;
    font-family: Gotham-Black, 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
    text-transform: uppercase;
}
@media only screen and (max-width: 1050px) {
    .krups-subtitle {
        font-size: 14px;
    }
}
.krups-section h1,
.krups-section h2,
.krups-section h3,
.krups-section h4 {
    font-family: Gotham-Black, 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
    font-weight: 400;
    color: #f38230;
    overflow-wrap: break-word;
    margin: 0;
}
.krups-section h1 a,
.krups-section h2 a,
.krups-section h3 a,
.krups-section h4 a {
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
}
@media only screen and (max-width: 415px) {
    .krups-section h1,
    .krups-section h2,
    .krups-section h3,
    .krups-section h4 {
        overflow-wrap: normal;
    }
}
.krups-section h1 {
    text-transform: uppercase;
    line-height: 1.2;
    font-size: 34px;
}
.krups-section h2 {
    text-transform: uppercase;
    font-size: 34px;
    margin-bottom: 20px;
}
.krups-section h2 img {
    display: block;
}
.krups-section h3 {
    text-transform: uppercase;
    line-height: 1.15;
    font-size: 24px;
    margin-bottom: 20px;
}
.krups-section h4 {
    font-size: 16px;
}
@media only screen and (max-width: 1050px) {
    .krups-section h1 {
        line-height: 1.1;
        font-size: 22px;
    }
    .krups-section h2 {
        line-height: 1.2;
        font-size: 22px;
    }
    .krups-section h3 {
        font-size: 14px;
    }
}
.open-video {
    cursor: pointer;
    position: relative;
}
.open-video:before,
.open-video:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.open-video:before {
    border-top: 22px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 40px solid #f38230;
    z-index: 5;
    transform: translate(-35%, -50%);
    transition: border-color 0.3s ease;
}
.open-video:after {
    width: 111px;
    height: 111px;
    background-color: #fff;
    border-radius: 50%;
    z-index: 3;
}
.open-video:hover:before {
    border-left-color: #f69f60;
}
#krups-video-container {
    display: none;
    cursor: pointer;
}
#krups-video-container.container-opened {
    display: block;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
}
#krups-video-container iframe {
    position: fixed;
    z-index: 10;
}
#krups-video-container .video-container-close {
    position: fixed;
    z-index: 20;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
}
#krups-video-container .video-container-close:before,
#krups-video-container .video-container-close:after {
    content: '';
    width: 2px;
    height: 18px;
    background-color: #fff;
    position: absolute;
    left: calc(50% - 1px);
    top: calc(50% - 9px);
}
#krups-video-container .video-container-close:before {
    transform: rotate(-45deg);
}
#krups-video-container .video-container-close:after {
    transform: rotate(45deg);
}
@media only screen and (min-width: 1050px) {
    #krups-video-container iframe {
        left: calc(50% - 500px);
        top: calc(50% - 300px);
        width: 1000px;
        height: 600px;
    }
    #krups-video-container .video-container-close {
        right: calc(50% - 530px);
        top: calc(50% - 330px);
    }
}
@media only screen and (max-width: 1050px) {
    #krups-video-container iframe {
        left: 25px;
        top: 50px;
        width: calc(100% - 50px);
        height: 60%;
    }
    #krups-video-container.container-iframe iframe {
        height: calc(100% - 50px);
    }
    #krups-video-container .video-container-close {
        top: 35px;
        right: 10px;
    }
}
/*
 * Layout
 */
.main-content .krups-section {
    background-color: #fff;
}
@media only screen and (max-width: 1050px) {
    .main-content .krups-section {
        padding-left: 14px;
        padding-right: 14px;
    }
}
/*
 * Content
 */
#krups-benefits {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: calc(50% - 610px);
    padding-right: calc(50% - 610px);
}
@media only screen and (max-width: 1050px) {
    #krups-benefits {
        padding-left: 20px;
        padding-right: 20px;
    }
}
#krups-benefits .benefits-image {
    overflow: hidden;
}
#krups-benefits .benefits-image img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}
#krups-benefits .benefits-image .benefits-mobile {
    display: none;
}
@media only screen and (max-width: 1050px) {
    #krups-benefits .benefits-image .benefits-desktop {
        display: none;
    }
    #krups-benefits .benefits-image .benefits-mobile {
        display: block;
    }
}
#krups-benefits .benefits-image:hover img {
    transform: scale(1.05);
}
#krups-clean {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: calc(50% - 610px);
    padding-right: calc(50% - 610px);
}
@media only screen and (max-width: 1050px) {
    #krups-clean {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
#krups-clean .clean-title {
    font-family: Gotham-Black, 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
    font-weight: 700;
    font-size: 34px;
    color: #f38230;
    text-transform: uppercase;
    margin: 0;
}
@media only screen and (max-width: 1050px) {
    #krups-clean .clean-title {
        font-size: 4em;
    }
}
#krups-clean .clean-divider {
    display: inline-block;
    width: 40px;
    height: 3px;
    background-color: #f38230;
    margin: 25px auto;
}
#krups-clean .clean-cards {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
@media only screen and (max-width: 1050px) {
    #krups-clean .clean-cards {
        flex-direction: column;
        align-items: center;
    }
}
#krups-clean .clean-card {
    flex: 1 1;
    max-width: 500px;
}
#krups-clean .clean-card img {
    display: block;
    width: 100%;
    height: auto;
}
#krups-clean .clean-card h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Gotham-Black, 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
    font-size: 34px;
    color: #232120;
    text-transform: uppercase;
    margin: 15px 0 0;
}
@media only screen and (max-width: 1050px) {
    #krups-clean .clean-card h3 {
        font-size: 24px;
    }
}
#krups-clean .clean-card .clean-accent {
    display: inline-block;
    width: 4px;
    height: 30px;
    background-color: #f38230;
    margin-right: 10px;
}
#krups-compact {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    overflow: hidden;
    max-width: 192rem;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width: 1050px) {
    #krups-compact {
        display: flex;
        flex-direction: column;
    }
    #krups-compact .compact-text {
        flex: 0 0 auto;
        padding: 5% 5% 10% 5% !important;
        width: 100%;
    }
    #krups-compact .compact-text h2{
        font-size: 4em;
    }
    #krups-compact .compact-text p{
        font-size: 3em;
        max-width: 100%;
    }
}
#krups-compact .compact-image {
    flex: 0 0 60%;
    overflow: hidden;
}
#krups-compact .compact-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
#krups-compact .compact-text {
    flex: 0 0 40%;
    padding: 60px 80px;
}

#krups-compact .compact-title {
    font-family: Gotham-Black, 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
    font-weight: 700;
    font-size: 34px;
    color: #f38230;
    text-transform: uppercase;
    margin: 0;
}
@media only screen and (max-width: 1050px) {
    #krups-compact .compact-title {
        font-size: 20px;
    }
}
#krups-compact .compact-divider {
    display: block;
    width: 40px;
    height: 3px;
    background-color: #f38230;
    margin: 20px 0;
}
#krups-compact p {
    font-size: 16px;
    line-height: 1.6;
    color: #595959;
    margin: 0;
    max-width: 350px;
}
#krups-compact .compact-bold {
    font-weight: 700;
}
#krups-comparator {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: calc(50% - 610px);
    padding-right: calc(50% - 610px);
}
@media only screen and (max-width: 1050px) {
    #krups-comparator {
        padding-left: 14px;
        padding-right: 14px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
#krups-comparator .comparator-title {
    font-family: Gotham-Black, 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
    font-weight: 700;
    font-size: 34px;
    color: #f38230;
    text-transform: uppercase;
    margin: 0;
}
@media only screen and (max-width: 1050px) {
    #krups-comparator .comparator-title {
        font-size: 4em;
    }
}
#krups-comparator .comparator-divider {
    display: inline-block;
    width: 40px;
    height: 3px;
    background-color: #f38230;
    margin: 25px auto 40px;
}
@media only screen and (max-width: 1050px) {
    #krups-comparator .comparator-divider {
        margin: 15px auto 25px;
    }
}
#krups-comparator .comparator-wrapper {
    overflow-x: auto;
    margin: 0 auto;
    -webkit-overflow-scrolling: touch;
}
#krups-comparator .comparator-table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    table-layout: fixed;
}
@media only screen and (max-width: 1050px) {
    #krups-comparator .comparator-table {
        table-layout: fixed;
        width: calc(200% - 240px);
        border-collapse: separate;
        border-spacing: 0;
    }
}
#krups-comparator .comparator-table thead td {
    vertical-align: top;
    padding: 20px 15px;
    border: 1px solid #d3d3d3;
    position: relative;
    width: 325px;
}
@media only screen and (max-width: 1050px) {
    #krups-comparator .comparator-table thead td {
        padding: 15px 10px;
    }
}
@media only screen and (max-width: 1050px) {
    #krups-comparator .comparator-table .comparator-product {
        width: calc(100vw - 148px);
    }
}
#krups-comparator .comparator-table thead td.is-promoted {
    border: 2px solid #f38230;
    border-bottom: 1px solid #d3d3d3;
}
#krups-comparator .comparator-table tbody th {
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 20px;
    border: 1px solid #d3d3d3;
}
@media only screen and (max-width: 1050px) {
    #krups-comparator .comparator-table tbody th {
        font-size: 2em;
        padding: 8px 10px;
        min-width: 220px;
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        z-index: 2;
        background-color: #fff;
    }
}
#krups-comparator .comparator-table tbody td {
    font-size: 14px;
    padding: 12px 20px;
    border: 1px solid #d3d3d3;
}
@media only screen and (max-width: 1050px) {
    #krups-comparator .comparator-table tbody td {
        font-size: 2em;
        padding: 8px 10px;
    }
}
#krups-comparator .comparator-table tbody td:first-of-type {
    border-left: 2px solid #f38230;
    border-right: 2px solid #f38230;
}
#krups-comparator .comparator-table tbody tr:nth-child(6) td:first-of-type {
    border-bottom: 2px solid #f38230;
}
#krups-comparator .comparator-table tbody tr:last-child td:first-of-type {
    border-bottom: 2px solid #f38230;
}
#krups-comparator .comparator-table tbody tr:nth-child(even) th,
#krups-comparator .comparator-table tbody tr:nth-child(even) td {
    background-color: #f1efee;
}
#krups-comparator .comparator-row-hidden {
    display: none;
}
#krups-comparator .comparator-label-col {
    width: 25%;
}
@media only screen and (max-width: 1050px) {
    #krups-comparator .comparator-label-col {
        width: 220px;
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        z-index: 2;
        background-color: #fff;
    }
}
#krups-comparator .comparator-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #f38230;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 3px;
}
#krups-comparator .comparator-product-image {
    padding: 20px 30px;
}
@media only screen and (max-width: 1050px) {
    #krups-comparator .comparator-product-image {
        padding: 10px 15px;
    }
}
#krups-comparator .comparator-product-image img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 200px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media only screen and (max-width: 1050px) {
    #krups-comparator .comparator-product-image img {
        max-height: 400px;
    }
}
#krups-comparator .comparator-product-name {
    font-size: 16px;
    text-transform: none;
    margin: 10px 0 5px;
    color: #232120;
}
@media only screen and (max-width: 1050px) {
    #krups-comparator .comparator-product-name {
        font-size: 3em;
    }
}
#krups-comparator .comparator-product-name a.is-link {
    color: #232120;
    text-decoration: none;
}
#krups-comparator .is-promoted .comparator-product-name a.is-link {
    color: #f38230;
}
@media only screen and (max-width: 1050px) {
    #krups-comparator .is-promoted .comparator-product-name a.is-link {
        font-size: 1em;
    }
}
#krups-comparator .comparator-price,
#krups-comparator .comparator-price-current {
    font-size: 22px;
    font-weight: 700;
    color: #232120;
}
@media only screen and (max-width: 1050px) {
    #krups-comparator .comparator-price,
    #krups-comparator .comparator-price-current {
        font-size: 2em;
        display: block;
    }
}
#krups-comparator .comparator-ecopart {
    font-size: 12px;
    color: #595959;
    margin: 0;
}
@media only screen and (max-width: 1050px) {
    #krups-comparator .comparator-ecopart {
        font-size: 1.8em;
    }
}
#krups-comparator .comparator-stock {
    font-size: 13px;
    font-weight: 700;
    margin: 8px 0 12px;
    min-height: 20px;
    text-align: center;
    padding: 0 10px;
}
@media only screen and (max-width: 1050px) {
    #krups-comparator .comparator-stock {
        font-size: 11px;
    }
}
#krups-comparator .comparator-stock.is-in-stock {
    color: #2e9e2e;
}
#krups-comparator .comparator-stock.is-in-stock:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e9e2e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}
#krups-comparator .comparator-stock.is-out-of-stock {
    color: #f4614c;
}
#krups-comparator .comparator-cta {
    padding: 0 10px;
}
@media only screen and (max-width: 1050px) {
    #krups-comparator .comparator-cta {
        padding: 0 5px;
    }
}
#krups-comparator .comparator-cta .buyonline {
    display: block;
    background-color: #f38230;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    text-transform: none;
    padding: 12px 15px;
    text-align: center;
}
@media only screen and (max-width: 1050px) {
    #krups-comparator .comparator-cta .buyonline {
        font-size: 12px;
        padding: 10px 8px;
    }
}
#krups-comparator .comparator-cta .buyonline:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}
#krups-comparator .comparator-seller {
    font-size: 12px;
    color: #595959;
    margin: 8px 0 0;
}
#krups-comparator .comparator-seller a {
    color: #f38230;
    font-weight: 700;
    text-decoration: none;
}
#krups-comparator .comparator-btn-outlined {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #595959;
    text-decoration: none;
    padding: 12px 15px;
    border: 1px solid #d3d3d3;
    text-align: center;
}
@media only screen and (max-width: 1050px) {
    #krups-comparator .comparator-btn-outlined {
        font-size: 12px;
        padding: 10px 8px;
    }
}
#krups-comparator .comparator-footer {
    margin-top: 30px;
}
#krups-comparator .comparator-btn-more {
    display: inline-block;
    background-color: #f38230;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    padding: 12px 30px;
}
@media only screen and (max-width: 1050px) {
    #krups-comparator .comparator-btn-more {
        font-size: 2em;
    }
}
#krups-comparator .purchase-btn {
    display: inline-block;
    background-color: #f38230;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    padding: 12px 30px;
}
@media only screen and (max-width: 1050px) {
    #krups-comparator .purchase-btn {
        font-size: 2em;
    }
}
#krups-comparator.is-expanded .comparator-table tbody tr:nth-child(5) td:first-of-type {
    border-bottom: 1px solid #d3d3d3;
}
#krups-diverse {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    overflow: hidden;
    max-width: 192rem;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width: 1050px) {
    #krups-diverse {
        display: flex;
        flex-direction: column-reverse;
    }
    #krups-diverse .diverse-text {
        flex: 0 0 auto;
        padding: 5% 5% 10% 5% !important;
        width: 100%;
    }
    #krups-diverse .diverse-text h2{
        font-size: 4em;
    }
    #krups-diverse .diverse-text p{
        font-size: 3em;
        max-width: 100%;
    }
}
#krups-diverse .diverse-text {
    flex: 0 0 30%;
    padding: 60px 80px;
}
#krups-diverse .diverse-title {
    font-family: Gotham-Black, 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
    font-weight: 700;
    font-size: 34px;
    color: #f38230;
    text-transform: uppercase;
    margin: 0;
}
@media only screen and (max-width: 1050px) {
    #krups-diverse .diverse-title {
        font-size: 20px;
    }
}
#krups-diverse .diverse-divider {
    display: block;
    width: 40px;
    height: 3px;
    background-color: #f38230;
    margin: 20px 0;
}
#krups-diverse p {
    font-size: 16px;
    line-height: 1.6;
    color: #595959;
    margin: 0;
    max-width: 350px;
}
#krups-diverse .diverse-bold {
    font-weight: 700;
}
#krups-diverse .diverse-image {
    flex: 0 0 60%;
    overflow: hidden;
}
#krups-diverse .diverse-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
#krups-faq {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 120px;
}
#krups-faq .faq-title {
    font-family: Gotham-Black, 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
    font-weight: 700;
    font-size: 34px;
    color: #f38230;
    text-transform: uppercase;
    margin: 0;
}
@media only screen and (max-width: 1050px) {
    #krups-faq .faq-title {
        font-size: 4em;
    }
}
#krups-faq .faq-divider {
    display: inline-block;
    width: 40px;
    height: 3px;
    background-color: #f38230;
    margin: 25px auto;
}
#krups-faq .faq-list {
    max-width: 900px;
    margin: 40px auto 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
@media only screen and (max-width: 1050px) {
    #krups-faq .faq-list {
        margin: 5%;
        width: 90%;
    }
}
#krups-faq .faq-item {
    background-color: #f1efee;
    text-align: left;
}
#krups-faq .faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 18px 25px;
    border: none;
    background: none;
    cursor: pointer;
    font-family: Gotham-Book, 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: none;
    color: #232120;
}
@media only screen and (max-width: 1050px) {
    #krups-faq .faq-question {
        font-size: 3em;
        padding: 15px 20px;
    }
    #krups-faq .faq-question span:first-child {
        text-align: left;
        line-height: 1.7;
    }
}
#krups-faq .faq-icon {
    font-size: 22px;
    color: #f38230;
    flex-shrink: 0;
    margin-left: 20px;
}
#krups-faq .faq-answer {
    display: none;
    padding: 0 25px 20px;
}
@media only screen and (max-width: 1050px) {
    #krups-faq .faq-answer {
        padding: 0 20px 20px 20px;
    }
}
#krups-faq .faq-answer p {
    font-size: 14px;
    line-height: 1.6;
    color: #595959;
    margin: 0 0 15px;
}
@media only screen and (max-width: 1050px) {
    #krups-faq .faq-answer p {
        font-size: 3em;
        line-height: 150%;
        padding-bottom: 10px;
    }
}
#krups-faq .faq-answer h4 {
    font-size: 14px;
    font-weight: 400;
    color: #232120;
    margin: 15px 0 8px;
}
#krups-faq .faq-answer ul {
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
}
#krups-faq .faq-answer li {
    font-size: 14px;
    line-height: 1.6;
    color: #595959;
    padding-left: 18px;
    position: relative;
    margin-bottom: 4px;
}
#krups-faq .faq-answer li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 7px;
    height: 7px;
    background-color: #f38230;
    border-radius: 50%;
}
#krups-faq .faq-answer .faq-disclaimer {
    margin-top: 15px;
    margin-bottom: 0;
}
#krups-faq .faq-item.is-open .faq-icon {
    transform: rotate(45deg);
}
#krups-faq .faq-item.is-open .faq-answer {
    display: block;
}
#krups-ground {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    overflow: hidden;
    max-width: 192rem;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width: 1050px) {
    #krups-ground {
        display: flex;
        flex-direction: column-reverse;
    }
    #krups-ground .ground-text {
        flex: 0 0 auto;
        padding: 5% 5% 10% 5% !important;
        width: 100%;
    }
    #krups-ground .ground-text h2{
        font-size: 4em;
    }
    #krups-ground .ground-text p{
        font-size: 3em;
        max-width: 100%;
    }
}
#krups-ground .ground-text {
    flex: 0 0 30%;
    padding: 60px 80px;
}
#krups-ground .ground-title {
    font-family: Gotham-Black, 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
    font-weight: 700;
    font-size: 34px;
    color: #f38230;
    text-transform: uppercase;
    margin: 0;
}
@media only screen and (max-width: 1050px) {
    #krups-ground .ground-title {
        font-size: 20px;
    }
}
#krups-ground .ground-divider {
    display: block;
    width: 40px;
    height: 3px;
    background-color: #f38230;
    margin: 20px 0;
}
#krups-ground p {
    font-size: 16px;
    line-height: 1.6;
    color: #595959;
    margin: 0;
    max-width: 350px;
}
#krups-ground .ground-bold {
    font-weight: 700;
}
#krups-ground .ground-image {
    flex: 0 0 60%;
    overflow: hidden;
}
#krups-ground .ground-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
#krups-header {
    padding: 0;
    position: relative;
    background-image: url('../assets/DP-CCE-01-desktop-1920x450.png?context=bWFzdGVyfGtydXBzLWRpc2NvdmVyLWNvZmZlZXwxMDg1MDYxfGltYWdlL3BuZ3xhM0oxY0hNdFpHbHpZMjkyWlhJdFkyOW1abVZsTDJobU1DOW9aalF2TWpreU56YzFOakk0T1RZME1UUXZSRkF0UTBORkxUQXhMV1JsYzJ0MGIzQXRNVGt5TUhnME5UQXVjRzVufGQ4ZTI0MzEzYmFiYWY4OGJkMWJjNmNiYWJlYWM4YmIwOGVlZjhiOTQwZThiYTViMzllNmE2YTcwODM3Y2NjYjA');
    background-size: cover;
    background-position: center;
    height: 600px;
}
#krups-header .header-overlay {
    position: absolute;
    top: 100px;
    left: 50%;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 0px;
    text-align: center;
    z-index: 2;
}
#krups-header .header-title {
    font-family: Gotham-Black, 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #232120;
    text-transform: uppercase;
    margin: 0;
    line-height: 1.15;
}
#krups-header .header-title-accent {
    color: #f38230;
}
#krups-header .header-subtitle {
    font-family: Gotham-Book, 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #232120;
    margin: 15px 0 0;
}
#krups-header .header-divider {
    display: block;
    width: 40px;
    height: 3px;
    background-color: #f38230;
    margin: 20px auto 0;
}
@media only screen and (max-width: 1050px) {
    #krups-header {
        background-image: url("../assets/DP-CCE-01-mobile-600x600.png?context=bWFzdGVyfGtydXBzLWRpc2NvdmVyLWNvZmZlZXwzNzg2MjZ8aW1hZ2UvcG5nfGEzSjFjSE10WkdselkyOTJaWEl0WTI5bVptVmxMMmhrWmk5b1pqRXZNamt5TnpjMU5qSTVOakU1TlRBdlJGQXRRME5GTFRBeExXMXZZbWxzWlMwMk1EQjROakF3TG5CdVp3fDU1OWQ2NzM0Y2RiNTIwMTRiZDQ3OGM3NDcxZGRmNjQzYTRkZDUxMGQ4OTRhNGEyMDdhNzY5YTBjNTY0NWRiNWE");
        background-size: cover;
        background-position: center;
        height: 980px;
    }
    #krups-header .header-overlay {
        left: 0;
        padding-top: 0px;
        bottom: 350px;
    }
    #krups-header .header-title {
        font-size: 5em;
    }
    #krups-header .header-subtitle {
        font-size: 4em;
    }
    #krups-header .header-divider {
        margin: 12px auto 0;
    }
}
#krups-howto {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: calc(50% - 610px);
    padding-right: calc(50% - 610px);
}
@media only screen and (max-width: 1050px) {
    #krups-howto {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
#krups-howto .howto-title {
    font-family: Gotham-Black, 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
    font-weight: 700;
    font-size: 34px;
    color: #f38230;
    text-transform: uppercase;
    margin: 0;
}
@media only screen and (max-width: 1050px) {
    #krups-howto .howto-title {
        font-size: 4em;
    }
}
#krups-howto .howto-divider {
    display: inline-block;
    width: 40px;
    height: 3px;
    background-color: #f38230;
    margin: 25px auto;
}
#krups-howto .howto-cards {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-top: 40px;
}
#krups-howto .howto-cards .owl-dots {
    margin-top: 15px;
}
@media only screen and (max-width: 1050px) {
    #krups-howto .howto-cards {
        display: block;
    }
}
#krups-howto .howto-card {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
#krups-howto .howto-card-image {
    position: relative;
    overflow: hidden;
}
#krups-howto .howto-card-image img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}
#krups-howto .howto-card-image:hover img {
    transform: scale(1.05);
}
#krups-howto .howto-play {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
}
#krups-howto .howto-play:after {
    width: 60px;
    height: 60px;
    z-index: 3;
}
#krups-howto .howto-play:before {
    border-top: 12px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 22px solid #f38230;
    z-index: 5;
}
#krups-howto .howto-card-text {
    background-color: #f38230;
    padding: 20px 25px;
    text-align: center;
    height: 195px;
}
#krups-howto .howto-card-text h3 {
    font-size: 18px;
    font-weight: 700;
    text-transform: none;
    color: #fff;
    margin: 0 0 10px;
}
@media only screen and (max-width: 1050px) {
    #krups-howto .howto-card-text h3 {
        font-size: 3em;
    }
}
#krups-howto .howto-card-text p {
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    margin: 0;
}
@media only screen and (max-width: 1050px) {
    #krups-howto .howto-card-text p {
        font-size: 2.4em;
    }
}
#krups-simple {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    overflow: hidden;
    max-width: 192rem;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width: 1050px) {
    #krups-simple {
        display: flex;
        flex-direction: column;
    }
    #krups-simple .simple-text {
        flex: 0 0 auto;
        padding: 5% 5% 10% 5% !important;
        width: 100%;
    }
    #krups-simple .simple-text h2{
        font-size: 4em;
    }
    #krups-simple .simple-text p{
        font-size: 3em;
        max-width: 100%;
    }

}
#krups-simple .simple-image {
    flex: 0 0 60%;
    overflow: hidden;
}
#krups-simple .simple-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
#krups-simple .simple-text {
    flex: 0 0 40%;
    padding: 60px 80px;
}
#krups-simple .simple-title {
    font-family: Gotham-Black, 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
    font-weight: 700;
    font-size: 34px;
    color: #f38230;
    text-transform: uppercase;
    margin: 0;
}
@media only screen and (max-width: 1050px) {
    #krups-simple .simple-title {
        font-size: 20px;
    }
}
#krups-simple .simple-divider {
    display: block;
    width: 40px;
    height: 3px;
    background-color: #f38230;
    margin: 20px 0;
}
#krups-simple p {
    font-size: 16px;
    line-height: 1.6;
    color: #595959;
    margin: 0;
    max-width: 350px;
}
#krups-simple .simple-bold {
    font-weight: 700;
}
#krups-tasty {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    overflow: hidden;
    max-width: 192rem;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width: 1050px) {
    #krups-tasty {
        flex-direction: column;
    }
}
#krups-tasty .tasty-text {
    flex: 0 0 30%;
    padding: 60px 80px;
}
@media only screen and (max-width: 1050px) {
    #krups-tasty {
        display: flex;
        flex-direction: column-reverse;
    }
    #krups-tasty .tasty-text {
        flex: 0 0 auto;
        padding: 5% 5% 10% 5% !important;
        width: 100%;
    }
    #krups-tasty .tasty-text h2{
        font-size: 4em;
    }
    #krups-tasty .tasty-text p{
        font-size: 3em;
        max-width: 100%;
    }
}
#krups-tasty .tasty-title {
    font-family: Gotham-Black, 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
    font-weight: 700;
    font-size: 34px;
    color: #f38230;
    text-transform: uppercase;
    margin: 0;
}
@media only screen and (max-width: 1050px) {
    #krups-tasty .tasty-title {
        font-size: 20px;
    }
}
#krups-tasty .tasty-divider {
    display: block;
    width: 40px;
    height: 3px;
    background-color: #f38230;
    margin: 20px 0;
}
#krups-tasty p {
    font-size: 16px;
    line-height: 1.6;
    color: #595959;
    margin: 0;
    max-width: 350px;
}
#krups-tasty .tasty-bold {
    font-weight: 700;
}
#krups-tasty .tasty-image {
    flex: 0 0 60%;
    overflow: hidden;
}
#krups-tasty .tasty-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
#krups-ugc {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 50px;
    padding-left: calc(50% - 610px);
    padding-right: calc(50% - 610px);
}
@media only screen and (max-width: 1050px) {
    #krups-ugc {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
#krups-ugc .ugc-title {
    font-family: Gotham-Black, 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
    font-weight: 700;
    font-size: 34px;
    color: #f38230;
    text-transform: uppercase;
    margin: 0;
}
@media only screen and (max-width: 1050px) {
    #krups-ugc .ugc-title {
        font-size: 4em;
    }
}
#krups-ugc .ugc-divider {
    display: inline-block;
    width: 40px;
    height: 3px;
    background-color: #f38230;
    margin: 25px auto;
}
#krups-ugc .ugc-cards {
    display: flex;
    gap: 50px;
    margin-top: 40px;
    justify-content: center;
}
#krups-ugc .ugc-cards .owl-dots {
    margin-top: 15px;
}
@media only screen and (max-width: 1050px) {
    #krups-ugc .ugc-cards {
        display: block;
    }
}
#krups-ugc .ugc-card {
    flex: 1 1;
    overflow: hidden;
    position: relative;
}
@media only screen and (max-width: 1050px) {
    #krups-ugc .ugc-card::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    }
    #krups-ugc .ugc-card.is-active::after {
        display: none;
    }
}
#krups-ugc .ugc-card iframe {
    display: block;
    width: 100%;
    height: 630px;
    border: none;
}
#krups-wtb {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 50px;
    padding-left: calc(50% - 610px);
    padding-right: calc(50% - 610px);
}
@media only screen and (max-width: 1050px) {
    #krups-wtb {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
#krups-wtb .wtb-title {
    font-family: Gotham-Black, 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
    font-weight: 700;
    font-size: 34px;
    color: #f38230;
    text-transform: uppercase;
    margin: 0;
}
@media only screen and (max-width: 1050px) {
    #krups-wtb .wtb-title {
        font-size: 4em;
    }
}
#krups-wtb .wtb-divider {
    display: inline-block;
    width: 40px;
    height: 3px;
    background-color: #f38230;
    margin: 25px auto;
}
#krups-wtb .wtb-cards {
    display: flex;
    gap: 50px;
    margin-top: 40px;
    justify-content: center;
    align-items: center;
}
#krups-wtb .wtb-cards .owl-dots {
    margin-top: 15px;
}

@media only screen and (max-width: 1050px) {
    #krups-wtb .wtb-cards {
        display: block;
    }
    #krups-wtb .wtb-cards .wtb-card {
        margin: 100px 0;
    }
    #krups-wtb .wtb-cards img{
        height: 120px;
    }
}
#krups-wtb .wtb-card {
    flex: 1 1;
    position: relative;
    display: flex;
    justify-content: center;
    height: 100px;
    align-items: center;
}
@media only screen and (max-width: 1050px) {
    #krups-wtb .wtb-card::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        pointer-events: none;
    }
    #krups-wtb .wtb-card.is-active::after {
        display: none;
    }
}
#krups-wtb .wtb-card iframe {
    display: block;
    width: 100%;
    height: 630px;
    border: none;
}
#krups-wtb .wtb-card img {
    display: block;
    width: 100%;
    border: none;
}
#krups-video {
    padding: 100px 0;
    padding-left: calc(50% - 610px);
    padding-right: calc(50% - 610px);
    position: relative;
}
@media only screen and (max-width: 1050px) {
    #krups-video {
        padding-left: 20px;
        padding-right: 20px;
    }
}
#krups-video .video-thumbnail {
    position: relative;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
}
#krups-video .video-thumbnail img {
    display: block;
    width: 100%;
    height: auto;
}
#krups-video .video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    background-color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    padding: 0;
    margin: 0;
    z-index: 3;
    box-sizing: content-box;
}
#krups-video .video-play:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-35%, -50%);
    border-top: 12px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 22px solid #f38230;
    transition: border-color 0.3s ease;
}
#krups-video .video-play:hover:before {
    border-left-color: #f69f60;
}
#krups-video .video-iframe {
    display: none;
    width: 100%;
    aspect-ratio: 16/9;
    border: none;
}
#krups-video.is-playing .video-thumbnail {
    display: none;
}
#krups-video.is-playing .video-iframe {
    display: block;
}
.table-popup-logo-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.table-popup-logo {
    align-items: center;
}
.table-popup-logo-wrapper .purchase-btn {
    display: inline-block;
    background-color: #f38230;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    padding: 12px 30px;
    cursor: pointer;
    margin-left: 100px;
}