/* Start:/local/components/iqos/compare/templates/.default/style.css?17562854448929*/
:root {
    --table-background-color: #f7f7f7;
    --table-grey-color: #7b7881;
}

/* Title */
.compare-title {padding: 64px 32px;}
@media (max-width: 1023px) {
    .compare-title {padding: 44px 32px;}
}

/* Page */
.compare-page {
    padding: 64px 0;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
@media (max-width: 1023px) {
    .compare-page {
        padding: 20px 0 0;
        gap: 20px;
    }
}

/* Select */
.compare .compare-select {
    display: inline;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden !important;
    width: 100%;
    padding: 16px 30px 16px 12px;
    color: var(--table-grey-color);
    border-width: 1px;
    border-radius: 2px;
    border-color: #c2c0c4;
    font-family: "Iqos-Bold", sans-serif;
    appearance: none;
    background-image: url(/local/components/iqos/compare/templates/.default/chevron.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center right 8px;
}

/* Device preview */
.compare.compare-devices {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px;
}
.compare.compare-devices .compare-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.device-preview {
    display: flex;
    flex-direction: column;
    gap: 32px;
    height: 100%;
}

.device-preview .img-container {
    width: 100%;
    aspect-ratio: 416/516;
    display: flex;
    justify-content: center;
    align-items: center;
}
.device-preview img {
    width: 100%;
    height: auto;
}

.device-preview .device-title-block {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 6px;
}

.device-preview .device-title-block > a {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 12px;
}
.device-preview .device-title-block > a > h2:last-child {
    padding-top: 1%;
}

.device-preview .device-price {
    padding-top: 8px;
    text-wrap: nowrap;
}

.device-preview > .btn {
    width: max-content;
    margin-top: auto;
}

@media (max-width: 1023px) {
    .compare.compare-devices {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 12px;
    }
    .compare.compare-devices .compare-item:last-child {display: none}

    .device-preview {gap: 16px;}
    .device-preview .device-price {display: none;}
    .device-preview > .btn {
        width: 100%;
        padding: 10px 4px;
    }
}

/* Accordion */
.accordion {width: 100%;}

.accordion-title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    border-top: 1px solid #e1e0e2;
    cursor: pointer;
}
.accordion-title i {
    font-size: 18px;
    font-weight: 700;
    transition: transform .5s;
}
.accordion.active .accordion-title i {transform: rotate(180deg);}

.accordion-body {
    overflow: hidden;
    max-height: 100%;
    transition: max-height .5s;
}

.accordion-table {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 32px;
}

.accordion-table.accordion-table-info > div {
    padding: 16px;
    font-size: 16px;
}
.accordion-table.accordion-table-info > div > div:first-child {
    margin-bottom: 4px;
    color: var(--table-grey-color);
    font-size: 12px;
}

.accordion-table.accordion-table-odd > div:nth-child(1),
.accordion-table.accordion-table-odd > div:nth-child(2),
.accordion-table.accordion-table-odd > div:nth-child(3),
.accordion-table.accordion-table-odd > div:nth-child(7),
.accordion-table.accordion-table-odd > div:nth-child(8),
.accordion-table.accordion-table-odd > div:nth-child(9),
.accordion-table.accordion-table-odd > div:nth-child(13),
.accordion-table.accordion-table-odd > div:nth-child(14),
.accordion-table.accordion-table-odd > div:nth-child(15) {background: var(--table-background-color);}

.accordion-table.accordion-table-even > div:nth-child(4),
.accordion-table.accordion-table-even > div:nth-child(5),
.accordion-table.accordion-table-even > div:nth-child(6),
.accordion-table.accordion-table-even > div:nth-child(10),
.accordion-table.accordion-table-even > div:nth-child(11),
.accordion-table.accordion-table-even > div:nth-child(12) {background: var(--table-background-color);}

.accordion-disclaimer {
    margin-top: 26px;
    color: #524f5a;
    font-size: 12px;
}

@media (max-width: 1023px) {
    .accordion-table {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 4px;
    }
    .accordion-table > div:nth-child(3n) {display: none !important}

    .accordion-table.accordion-table-info > div {
        padding: 8px;
        font-size: 12px;
    }
    .accordion-table.accordion-table-info > div > div:first-child {font-size: 10px;}
}

/* Heating technology */
.heating-technology .accordion-table > div {
    padding: 16px;
    color: #524f5a;
}
@media (max-width: 1023px) {
    .heating-technology .accordion-table > div {
        padding: 8px;
        font-size: 12px;
    }
}

/* New Features */
.new-features .accordion-table > div {
    padding: 16px;
    font-size: 16px;
}

.new-features .accordion-table > div > div:first-child {
    margin-bottom: 4px;
    color: var(--table-grey-color);
    font-weight: 700;
    font-family: "Iqos-Bold", sans-serif;
}
@media (max-width: 1023px) {
    .new-features .accordion-table > div {
        padding: 8px;
        font-size: 14px;
    }
}

@media (max-width: 386px) {
    .new-features .accordion-table > div {font-size: 12px;}
}

/* Tastes */
.tastes .taste-block {
    display: flex;
    flex-direction: column;
    gap: 64px;
}
.tastes .taste-block .taste-img {margin-bottom: 32px;}
.tastes .taste-block a {
    display: flex;
    align-items: center;
    gap: 12px;
}
.tastes .taste-block a i {font-weight: 700;}
.tastes .taste-block .taste-name {font-size: 20px;}
.tastes .taste-block .taste-description {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

@media (max-width: 1023px) {
    .tastes .taste-block {gap: 32px;}
    .tastes .taste-block .taste-img {
        width: 80px;
        height: auto;
    }
    .tastes .taste-block .taste-description {font-size: 14px;}
}

/* Personalization */
.personalization .accordion-table > div {
    display: flex;
    flex-direction: column;
    gap: 32px;
    font-size: 10px;
}

.personalization .accordion-table > div img {
    width: 64px;
    aspect-ratio: 1;
}

/* Dimensions */
.dimensions .accordion-table > div {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.dimensions .dimension img {
    width: 90px;
    aspect-ratio: 1;
}
.dimensions .dimension .dimension-title {padding: 16px;}

.dimensions .dimension .dimension-table {
    display: flex;
    flex-direction: column;
}
.dimensions .dimension .dimension-table > div {
    display: flex;
    justify-content: space-between;
    padding: 16px;
}
.dimensions .dimension .dimension-table > div:nth-child(2n) {background-color: var(--table-background-color);}
.dimensions .dimension .dimension-table > div > div:first-child {color: var(--table-grey-color);}

@media (max-width: 1023px) {
    .dimensions .dimension img {width: 45px;}
    .dimensions .dimension .dimension-title {
        padding: 8px;
        font-size: 12px;
    }
    .dimensions .dimension .dimension-table > div {
        flex-direction: column;
        gap: 8px;
        padding: 8px;
    }
    .dimensions .dimension .dimension-table > div > div:first-child {font-size: 10px;}
    .dimensions .dimension .dimension-table > div > div:last-child {font-size: 12px;}
}

/* Kit */
.kit .accordion-table {
    grid-row-gap: 16px;
}
.kit .accordion-table > div {
    padding: 16px;
    font-size: 16px;
}

.kit .accordion-table > div:nth-child(1),
.kit .accordion-table > div:nth-child(2),
.kit .accordion-table > div:nth-child(3) {background: var(--table-background-color);}

.kit .accordion-table > div > div:first-child {
    margin-bottom: 4px;
    color: var(--table-grey-color);
    font-size: 12px;
}

.kit-block .kit-image-block {
    width: 64px;
    aspect-ratio: 1;
    border: 2px solid #B8B7BB;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    margin-bottom: 32px !important;
}
.kit-block .kit-image {
    width: 200%;
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translate(-50%, 0);
}

.kit-block .color-picker {margin-bottom: 16px;}
.kit-block .color-picker .color-picker-list {padding: 0;}
.kit-block .color-picker .color-picker-list .color-picker-mark {margin: 0;}

@media (max-width: 1023px) {
    .kit .accordion-table > div {
        padding: 8px;
        font-size: 12px;
    }
    .kit .accordion-table > div > div:first-child {font-size: 10px;}
}

/* In kit */
.in-kit .accordion-table > div {
    padding: 16px;
    font-size: 16px;
}

.in-kit .accordion-table > div > div:first-child {
    margin-bottom: 4px;
    color: var(--table-grey-color);
    font-size: 12px;
}
/* End */


/* Start:/local/templates/deus/blocks/color-picker/style.min.css?17405674054274*/
.color-picker{position:relative}.color-picker-list{display:flex;align-items:center;flex-wrap:wrap;padding:0 20px}.color-picker-mark{cursor:pointer;box-sizing:border-box;flex-shrink:0;margin:0 10px 10px 0}.color-picker-mark span{width:28px;height:28px;border-radius:50%;transition:.2s box-shadow ease;display:flex;align-items:center;justify-content:center;position:relative}.color-picker-mark span::before{content:"";width:20px;height:20px;border-radius:50%;background-color:currentColor;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.color-picker input[type=radio]{position:absolute;width:0;height:0;visibility:hidden}.color-picker input[type=radio]:checked+span{box-shadow:inset 0 0 0 1px var(--dark-slate)}.color-picker-mark.disabled{opacity:.3;pointer-events:none}.color-picker-mark.disabled span::after{content:"";display:block;width:calc(100% - 8px);height:1px;position:absolute;left:4px;top:4px;transform-origin:top left;transform:rotate(45deg) translate(4px,0);z-index:2;background-color:var(--dark-slate)}.color-picker-mark.out-of-stock{pointer-events:none}.color-picker-mark.out-of-stock span{box-shadow:inset 0 0 0 1px var(--dark-slate)}.color-picker-mark.out-of-stock span::after{content:"";display:block;width:100%;height:1px;position:absolute;left:4px;top:4px;transform-origin:top left;transform:rotate(45deg);z-index:2;background-color:var(--dark-slate)}.color-picker.color-picker-sm .color-picker-mark{margin:0 4px 4px 0}.color-picker.color-picker-sm .color-picker-mark span{width:20px;height:20px}.color-picker.color-picker-sm .color-picker-mark span::before{width:14px;height:14px}.color-picker.color-picker-sm .color-picker-mark.out-of-stock span{box-shadow:inset 0 0 0 1px var(--dark-slate)}.color-picker.color-picker-sm .color-picker-mark.disabled span::after{content:"";display:block;width:calc(100% - 8.75px);height:1px;position:absolute;left:4px;top:4px;transform-origin:top left;transform:rotate(45deg) translate(3px,-.5px);z-index:2;background-color:var(--dark-slate)}.color-picker.color-picker-sm .color-picker-mark.out-of-stock span::after{content:"";display:block;width:calc(100% - 0px);height:1px;position:absolute;left:3px;top:3px;transform-origin:top left;transform:rotate(45deg);z-index:2;background-color:var(--dark-slate)}.color-picker-more{display:none}.color-picker[data-max-count="5"]{display:flex;align-items:center}.color-picker[data-max-count="5"] .color-picker-list{width:180px;overflow-x:hidden;flex-wrap:nowrap}.color-picker[data-max-count="5"] .color-picker-mark{margin-bottom:0}.color-picker[data-max-count="5"] .color-picker-list::-webkit-scrollbar{display:none}.color-picker[data-max-count="5"] .color-picker-more{display:flex;width:28px;height:28px;align-items:center;justify-content:center;cursor:pointer;margin-left:4px}.color-picker[data-max-count="5"] .color-picker-more i{font-size:16px;font-weight:700}.color-picker.color-picker-sm[data-max-count="5"] .color-picker-list{width:116px;overflow-x:scroll;flex-wrap:nowrap}.color-picker.color-picker-sm[data-max-count="5"] .color-picker-more{width:20px;height:20px}.color-picker.color-picker-sm[data-max-count="5"] .color-picker-more i{font-size:12px}.color-picker.color-picker-sm[data-max-count="5"] .color-picker-mark:last-child{margin-right:0}.color-picker-more{display:none}.color-picker.color-picker-max-five{display:flex;align-items:center}.color-picker.color-picker-max-five .color-picker-list{width:180px;overflow-x:hidden;flex-wrap:nowrap}.color-picker.color-picker-max-five .color-picker-mark{margin-bottom:0}.color-picker.color-picker-max-five .color-picker-list::-webkit-scrollbar{display:none}.color-picker.color-picker-max-five .color-picker-more{display:flex;width:28px;height:28px;align-items:center;justify-content:center;cursor:pointer;margin-left:4px}.color-picker.color-picker-max-five .color-picker-more i{font-size:16px;font-weight:700}.color-picker.color-picker-sm.color-picker-max-five .color-picker-list{width:116px;overflow-x:scroll;flex-wrap:nowrap}.color-picker.color-picker-sm.color-picker-max-five .color-picker-more{width:20px;height:20px}.color-picker.color-picker-sm.color-picker-max-five .color-picker-more i{font-size:12px}.color-picker.color-picker-sm.color-picker-max-five .color-picker-mark:last-child{margin-right:0}
/* End */
/* /local/components/iqos/compare/templates/.default/style.css?17562854448929 */
/* /local/templates/deus/blocks/color-picker/style.min.css?17405674054274 */