:root {
    --johku-font-main: "Corisande Light", sans-serif;
    --johku-font-title: "Corisande", sans-serif;
    --johku-font-button: "Corisande", sans-serif;
    --johku-font-title-transform: inherit;
    --johku-font-button-transform: inherit;
    --johku-font-smoothing: initial;
    --johku-font-smoothing-mozosx: initial;
    --johku-font-main-letterspacing: initial;
    --johku-font-title-letterspacing: initial;
    --johku-color-primary: #37485c;
    --johku-color-secondary: #283543;
    --johku-color-background: #ffffff;
    --johku-color-text: #000000;
    --johku-color-input-background: color-mix(in oklab, var(--johku-color-background), #000000 5%);
    --johku-color-orderwrap-input-background: var(--johku-color-background);
    --johku-color-orderwrap-input-text: var(--johku-color-text);
    --johku-color-input-text: #000000;
    --johku-color-input-placeholder: color-mix(in oklab, var(--johku-color-input-text), var(--johku-color-input-background) 20%);
    --johku-color-footer-background: var(--johku-color-secondary);
    --johku-color-footer-text: #FFFFFF;
    --johku-color-footer-link: #FFFFFF;
    --johku-color-footer-bar-background: #1c2733;
    --johku-color-footer-bar-text: #FFFFFF;
    --johku-color-footer-bar-link: #FFFFFF;
    --johku-color-footer-logo-background: #FFFFFF;
    --johku-color-success: #cbdc3a;
    --johku-color-warning: #f28e00;
    --johku-color-danger: #e53935;
    --johku-color-info: #53b6d0;
    --johku-color-black: #000000;
    --johku-color-white: #FFFFFF;
    --johku-color-default: #E0E0E0;
    --johku-color-border: #F0F0F0;
    --johku-color-button-text: #FFFFFF;
    --johku-color-button-white-text: #000000;
    --johku-color-button-warning-text: #000000;
    --johku-color-button-default-text: #000000;
    --johku-color-background-tint: color-mix(in oklab, var(--johku-color-background), #000000 5%);
    --johku-color-text-title: #000000;
    --johku-color-text-link: #286b98;
    --johku-color-breadcrumb-background: var(--johku-color-secondary);
    --johku-color-breadcrumb-text: #FFFFFF;
    --johku-color-breadcrumb-text-link: #FFFFFF;
    --johku-color-orderwrap-background: #283543;
    --johku-color-orderwrap-background-dim: var(--johku-color-primary);
    --johku-color-orderwrap-text: #ffffff;
    --johku-color-orderwrap-text-title: #cbdc3a;
    --johku-color-orderwrap-text-link: #ffffff;
    --johku-color-orderwrap-text-price: #cbdc3a;
    --johku-color-button-pricingtype-text: var(--johku-color-orderwrap-text-link);
    --johku-color-button-pricingtype-background: var(--johku-color-orderwrap-background);
    --johku-color-button-pricingtype-active-text: #cbdc3a;
    --johku-color-button-pricingtype-active-background: var(--johku-color-orderwrap-background-dim);
    --johku-color-pagetabs-page-text: var(--johku-color-orderwrap-text);
    --johku-color-pagetabs-orderwrap-text: #FFF;
    --johku-color-navbar-background: #FFFFFF;
    --johku-color-navbar-text: #000000;
    --johku-color-navbar-dropdown-background: var(--johku-color-navbar-background);
    --johku-color-navbar-transparent-text: #FFFFFF;
    --johku-color-dropdown-background: #FFFFFF;
    --johku-color-navbar-dropdown-title: var(--johku-color-primary);
    --johku-color-navbar-dropdown-text: var(--johku-color-text);
    --johku-color-navbar-dropdown-link: var(--johku-color-text);
    --johku-color-navbar-dropdown-link-hover: color-mix(in srgb, var(--johku-color-navbar-dropdown-link), var(--johku-color-navbar-dropdown-background) 15%);
    --johku-color-navbar-dropdown-title-hover: color-mix(in srgb, var(--johku-color-navbar-dropdown-title), var(--johku-color-navbar-dropdown-background) 15%);
    --johku-color-navbar-cart-count-background: var(--johku-color-primary);
    --johku-color-navbar-cart-count-text: var(--johku-color-navbar-background);
    --johku-color-grid-price-background: var(--johku-color-background);
    --johku-color-grid-price-text: var(--johku-color-text);
    --johku-color-primary-tint: color-mix(in oklab, var(--johku-color-primary), #000000 10%);
    --johku-color-secondary-tint: color-mix(in oklab, var(--johku-color-secondary), #000000 10%);
    --johku-color-success-tint: color-mix(in oklab, var(--johku-color-success), #000000 10%);
    --johku-color-warning-tint: color-mix(in oklab, var(--johku-color-warning), #000000 10%);
    --johku-color-danger-tint: color-mix(in oklab, var(--johku-color-danger), #000000 10%);
    --johku-color-info-tint: color-mix(in oklab, var(--johku-color-info), #000000 10%);
    --johku-color-black-tint: color-mix(in oklab, var(--johku-color-black), #000000 10%);
    --johku-color-white-tint: color-mix(in oklab, var(--johku-color-white), #000000 10%);
    --johku-color-default-tint: color-mix(in oklab, var(--johku-color-default), #000000 10%);
    --johku-color-titlebar-background: var(--johku-color-primary);
    --johku-color-titlebar-text-title: #FFFFFF;
    --johku-color-titlebar-text-shadow: #000000;
    --johku-color-panel-background: #FFF;
    --johku-color-panel-text: #000;
    --johku-color-panel-text-link: #000;
    --johku-color-panel-border: #EEEEEE;
    --johku-color-panel-title-background: color-mix(in oklab, var(--johku-color-panel-background), #000 5%);
    --johku-color-panel-title-text: var(--johku-color-panel-text);
    --johku-color-largeimage-text: #FFFFFF;
    --johku-color-largeimage-text-title: var(--johku-color-largeimage-text);
    --johku-color-image-text-shadow: rgba(0,0,0,0.5);
    --johku-color-button-success-text: #3c7600;
    --johku-color-button-primary-text: #ffffff;
    --johku-color-button-secondary-text: #3c7600;
    --johku-color-button-danger-text: var(--johku-color-button-text);
    --johku-color-button-info-text: var(--johku-color-button-text);
    --johku-color-button-black-text: var(--johku-color-button-text);
    --johku-color-button-close-text: var(--johku-color-button-text);
    --johku-color-button-success-background: #cbdc3a;
    --johku-color-button-primary-background: #6890bf;
    --johku-color-button-secondary-background: #cbdc3a;
    --johku-color-button-warning-background: var(--johku-color-warning);
    --johku-color-button-danger-background: var(--johku-color-danger);
    --johku-color-button-info-background: var(--johku-color-info);
    --johku-color-button-black-background: var(--johku-color-black);
    --johku-color-button-close-background: var(--johku-color-black);
    --johku-color-button-white-background: var(--johku-color-white);
    --johku-color-button-default-background: var(--johku-color-default);
    --johku-color-button-success-border: #cbdc3a;
    --johku-color-button-primary-border: #6890bf;
    --johku-color-button-secondary-border: #cbdc3a;
    --johku-color-button-warning-border: var(--johku-color-warning-tint);
    --johku-color-button-danger-border: var(--johku-color-danger-tint);
    --johku-color-button-info-border: var(--johku-color-info-tint);
    --johku-color-button-black-border: var(--johku-color-black-tint);
    --johku-color-button-close-border: var(--johku-color-black-tint);
    --johku-color-button-white-border: var(--johku-color-white-tint);
    --johku-color-button-default-border: var(--johku-color-default-tint);
    --johku-color-button-success-border-hover: #9fad1f;
    --johku-color-button-primary-border-hover: #517194;
    --johku-color-button-secondary-border-hover: #9fad1f;
    --johku-color-button-warning-border-hover: var(--johku-color-warning-tint);
    --johku-color-button-danger-border-hover: var(--johku-color-danger-tint);
    --johku-color-button-info-border-hover: var(--johku-color-info-tint);
    --johku-color-button-black-border-hover: var(--johku-color-black-tint);
    --johku-color-button-close-border-hover: var(--johku-color-black-tint);
    --johku-color-button-white-border-hover: var(--johku-color-white-tint);
    --johku-color-button-default-border-hover: var(--johku-color-default-tint);
    --johku-color-button-success-background-hover: #9fad1f;
    --johku-color-button-primary-background-hover: #517194;
    --johku-color-button-secondary-background-hover: #9fad1f;
    --johku-color-button-warning-background-hover: var(--johku-color-warning-tint);
    --johku-color-button-danger-background-hover: var(--johku-color-danger-tint);
    --johku-color-button-info-background-hover: var(--johku-color-info-tint);
    --johku-color-button-black-background-hover: var(--johku-color-black-tint);
    --johku-color-button-close-background-hover: var(--johku-color-black-tint);
    --johku-color-button-white-background-hover: var(--johku-color-white-tint);
    --johku-color-button-default-background-hover: var(--johku-color-default-tint);
    --johku-color-button-success-text-hover: color-mix(in oklab, var(--johku-color-button-secondary-text), #000000 5%);
    --johku-color-button-primary-text-hover: color-mix(in oklab, var(--johku-color-button-primary-text), #000000 5%);
    --johku-color-button-secondary-text-hover: color-mix(in oklab, var(--johku-color-button-secondary-text), #000000 5%);
    --johku-color-button-warning-text-hover: color-mix(in oklab, var(--johku-color-button-warning-text), #000000 5%);
    --johku-color-button-danger-text-hover: color-mix(in oklab, var(--johku-color-button-danger-text), #000000 5%);
    --johku-color-button-info-text-hover: color-mix(in oklab, var(--johku-color-button-info-text), #000000 5%);
    --johku-color-button-black-text-hover: color-mix(in oklab, var(--johku-color-button-black-text), #000000 5%);
    --johku-color-button-close-text-hover: color-mix(in oklab, var(--johku-color-button-close-text), #000000 5%);
    --johku-color-button-white-text-hover: color-mix(in oklab, var(--johku-color-button-white-text), #000000 5%);
    --johku-color-button-default-text-hover: color-mix(in oklab, var(--johku-color-button-default-text), #000000 5%);
    --johku-color-shadow-base: #000000;
    --johku-color-blockshadow: color-mix(in srgb, var(--johku-color-shadow-base), transparent 75%);
    --johku-color-shadow: color-mix(in oklab, var(--johku-color-background), var(--johku-color-shadow-base) 30%);
    --johku-color-shadow-a20: color-mix(in srgb, var(--johku-color-shadow-base), transparent 20%);
    --johku-color-shadow-a33: color-mix(in srgb, var(--johku-color-shadow-base), transparent 33%);
    --johku-color-shadow-a50: color-mix(in srgb, var(--johku-color-shadow-base), transparent 50%);
    --johku-color-shadow-a66: color-mix(in srgb, var(--johku-color-shadow-base), transparent 66%);
    --johku-color-shadow-a80: color-mix(in srgb, var(--johku-color-shadow-base), transparent 80%);
    --johku-color-shadow-a90: color-mix(in srgb, var(--johku-color-shadow-base), transparent 90%);
    --johku-color-titlebar-text-shadow-a10: color-mix(in srgb, var(--johku-color-titlebar-text-shadow), transparent 10%);
    --johku-color-titlebar-text-shadow-a25: color-mix(in srgb, var(--johku-color-titlebar-text-shadow), transparent 25%);
    --johku-color-titlebar-text-shadow-a50: color-mix(in srgb, var(--johku-color-titlebar-text-shadow), transparent 50%);
    --johku-color-titlebar-text-shadow-a75: color-mix(in srgb, var(--johku-color-titlebar-text-shadow), transparent 75%);
    --johku-color-titlebar-text-shadow-a90: color-mix(in srgb, var(--johku-color-titlebar-text-shadow), transparent 90%);
    --johku-color-image-text-shadow-a10: color-mix(in srgb, var(--johku-color-image-text-shadow), transparent 10%);
    --johku-color-image-text-shadow-a25: color-mix(in srgb, var(--johku-color-image-text-shadow), transparent 25%);
    --johku-color-image-text-shadow-a50: color-mix(in srgb, var(--johku-color-image-text-shadow), transparent 50%);
    --johku-color-image-text-shadow-a75: color-mix(in srgb, var(--johku-color-image-text-shadow), transparent 75%);
    --johku-color-image-text-shadow-a90: color-mix(in srgb, var(--johku-color-image-text-shadow), transparent 90%);
    --johku-color-footer-logo-shadow: color-mix(in srgb, var(--johku-color-shadow-base), transparent 70%);
    --johku-color-modal-background: var(--johku-color-panel-background);
    --johku-color-modal-background-dim: color-mix(in oklab, var(--johku-color-modal-background), #000000 5%);
    --johku-color-modal-text: var(--johku-color-panel-text);
    --johku-color-modal-border: var(--johku-color-panel-border);
    --johku-color-modal-link: var(--johku-color-panel-text-link);
    --johku-color-modal-input-background: var(--johku-color-input-background);
    --johku-color-modal-input-text: var(--johku-color-input-text);
    --johku-color-modal-input-placeholder: var(--johku-color-input-placeholder);
}
/* johku.fi typography: match Jalusta content pages (Corisande / Corisande Light) */
/* html body prefix beats johkustore-main .text-content heading sizes */
html body {
     .vuedatepicker .dp__theme_light {
         --dp-highlight-color: #76b841;
     }
     .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        font-weight: 400;
        letter-spacing: -0.7px;
     }
     .carousel-item-description {
       .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
         font-weight: 700;
       }
     }
}
html.johkufi, html.store {
    :is(.dp__partial:not(.dp__cell_disabled.dp__cell_offset):not(.dp__show_range),.dp__show_range.dp__partial:not(.dp__cell_offset)):not(.dp__range_start):not(.dp__range_end):not(.dp__range_between):not(.dp__fix_range_start):not(.dp__fix_range_end):not(.dp__active_date) {
        background-image:none;
    }
}
html body .text-content,
html body .modal-body {
    font-family: var(--johku-font-main);
}
html body .text-content p,
html body .text-content li,
html body .modal-body p,
html body .modal-body li {
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: -0.32px;
}
html body .text-content a:not(.btn),
html body .modal-body a:not(.btn) {
    color: var(--johku-color-text-link);
    font-weight: 700;
}
html body .text-content h1,
html body .text-content h2,
html body .text-content h3,
html body .text-content h4,
html body .modal-body h1,
html body .modal-body h2,
html body .modal-body h3,
html body .modal-body h4 {
    font-family: var(--johku-font-title);
    font-weight: 400;
    color: var(--johku-color-text-title);
    line-height: 1.1;
}
html body .panel a:not(.btn):not(.js-grid-item):not(.modal-close), html body .modal-content a:not(.btn):not(.js-grid-item):not(.modal-close) {
    color: var(--johku-color-text-link);
}
/* desktop content scale (Jalusta .richtext / section titles) */
@media (min-width: 768px) {
    html body .text-content h1,
    html body .modal-body h1 {
        font-size: 50px;
        letter-spacing: -1px;
    }
    html body .text-content h2,
    html body .modal-body h2,
    html body h2.product-content-infotitle
 {
        font-size: 30px;
        letter-spacing: -0.8px;
    }
    html body .text-content h3,
    html body .modal-body h3 {
        font-size: 24px;
        letter-spacing: -1px;
    }
    html body .text-content h4,
    html body .modal-body h4 {
        font-size: 19px;
        letter-spacing: -0.5px;
    }
}
/* mobile content scale */
@media (max-width: 767px) {
    html body .text-content h1,
    html body .modal-body h1 {
        font-size: 30px;
        letter-spacing: -0.5px;
    }
    html body .text-content h2,
    html body .modal-body h2,
    html body h2.product-content-infotitle
 {
        font-size: 30px;
        letter-spacing: -0.8px;
    }
    html body .text-content h3,
    html body .modal-body h3 {
        font-size: 24px;
        letter-spacing: -0.6px;
    }
    html body .text-content h4,
    html body .modal-body h4 {
        font-size: 19px;
        letter-spacing: -0.5px;
    }
}

/* johku.fi content cards: .jf-cards */
.jf-cards {
    list-style: none;
    margin: 1.5rem 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(min(100%, 14rem), calc((100% - 2rem) / 3)), 1fr));
    gap: 1rem;
}
.jf-cards div,
.jf-cards li {
    list-style: none;
    margin: 0;
    padding: 1.25rem 1.375rem;
    background: var(--johku-color-background-tint);
    border-radius: 8px;
}
.jf-cards h3 {
    margin: 0 0 .5rem;
    font-size: 1.15em;
    line-height: 1.1;
    color: var(--johku-color-text-title);
}
.jf-cards p {
    margin: 0 0 .5rem;
    line-height: 1.55;
}
.jf-cards p:last-child {
    margin-bottom: 0;
}
/* portrait phones: one card per row */
@media (max-width: 599px) {
    .jf-cards {
        grid-template-columns: 1fr;
    }
}

/* johku.fi fixed-column card variants: .jf-cards-2 (two side by side), .jf-cards-1 (full width) */
.jf-cards-2,
.jf-cards-1 {
    list-style: none;
    margin: 1.5rem 0;
    padding: 0;
    display: grid;
    gap: 1rem;
}
.jf-cards-2 {
    grid-template-columns: 1fr 1fr;
}
.jf-cards-1 {
    grid-template-columns: 1fr;
}
.jf-cards-2 div,
.jf-cards-2 li,
.jf-cards-1 div,
.jf-cards-1 li {
    list-style: none;
    margin: 0;
    padding: 1.25rem 1.375rem;
    background: var(--johku-color-background-tint);
    border-radius: 8px;
}
.jf-cards-2 h3,
.jf-cards-1 h3 {
    margin: 0 0 .5rem;
    font-size: 1.15em;
    line-height: 1.1;
    color: var(--johku-color-text-title);
}
.jf-cards-2 p,
.jf-cards-1 p {
    margin: 0 0 .5rem;
    line-height: 1.55;
}
.jf-cards-2 p:last-child,
.jf-cards-1 p:last-child {
    margin-bottom: 0;
}
/* portrait phones: stack the two-card row */
@media (max-width: 599px) {
    .jf-cards-2 {
        grid-template-columns: 1fr;
    }
}
/* card dividers: hr inside the fixed-column card grids */
.jf-cards-2 hr,
.jf-cards-1 hr {
    margin: 1.25rem 0;
    border: 0;
    border-top: 1px solid color-mix(in oklab, var(--johku-color-background), #000000 15%);
}

/* johku.fi section shortcuts wrapper: .jf-shortcuts (buttons use theme btn classes) */
/* the editor wraps the anchors in a p, so the p is a flex row too */
.jf-shortcuts,
.jf-shortcuts p {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}
.jf-shortcuts {
    margin: 1.5rem 0 2.5rem;
}
.jf-shortcuts p {
    margin: 0;
}
/* anchor targets clear the top bar */
h2[id] {
    scroll-margin-top: 6rem;
}

/* johku.fi data tables (financial figures): .jf-table */
.jf-table {
    max-width: 32rem;
    margin: 1.5rem 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.jf-table table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    font-variant-numeric: tabular-nums;
    line-height: 1.4;
}
.jf-table th,
.jf-table td {
    padding: .5rem .75rem;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid var(--johku-color-default);
}
.jf-table th {
    font-weight: 600;
    color: var(--johku-color-text-title);
    background: var(--johku-color-background-tint);
    border-bottom: 2px solid var(--johku-color-text-title);
}
/* figure columns: right-aligned, never wrapped */
.jf-table th:not(:first-child),
.jf-table td:not(:first-child) {
    text-align: right;
    white-space: nowrap;
}
/* the editor wraps cell text in p */
.jf-table p {
    margin: 0;
}
/* portrait phones: tighter cells */
@media (max-width: 599px) {
    .jf-table th,
    .jf-table td {
        padding: .5rem;
        font-size: .9375em;
    }
}

/* johku.fi feature checklists (feature pages, category 32): .jf-checklist */
.jf-checklist {
    width: 100%;
    table-layout: fixed;
}
.jf-checklist td:first-child {
    width: 20px;
    padding-left: 0;
    padding-right: 0;
}

/* johku.fi plain two-column layout: .jf-cols-2 (no card look, stacks under 768 px) */
.jf-cols-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem 2rem;
    margin: 1.5rem 0;
}
.jf-cols-2 div {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
/* the last paragraph (button) sits at the bottom so both buttons line up */
.jf-cols-2 div p:last-child {
    margin-top: auto;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .jf-cols-2 {
        grid-template-columns: 1fr;
    }
}

/* johku.fi frontpage: hero logotype, text-image rows, buttons */

:root {
  --johku-color-button-primary-text: #ffffff;
  --johku-color-button-primary-background: #19242f;
  --johku-color-button-primary-border: #19242f;
  --johku-color-button-primary-text-hover: #ffffff;
  --johku-color-button-primary-background-hover: #10171f;
  --johku-color-button-primary-border-hover: #10171f;
  --johku-color-button-success-background: #d4eb00;
  --johku-color-button-success-border: #a1b300;
  --johku-color-button-success-background-hover: #a1b300;
  --johku-color-button-success-border-hover: #7a8800;
  --johku-border-radius: 4px;
  --johku-border-radius-button: 4px;
  --johku-border-radius-input: 4px;
  --johku-border-radius-image: 4px;
  --johku-border-radius-sm: 4px;
  --johku-border-radius-button-sm: 4px;
  --johku-border-radius-input-sm: 4px;
  --johku-border-radius-image-sm: 4px;
  --johku-r-button: 4px;
  --johku-r-input: 4px;
  --johku-r-image: 4px;
  --dp-border-radius: 4px;
}

/* Hero slideshow: logo-sized uppercase titles (Johku / Johku Atlas) */
html body .frontpage #js-carousel-front .carousel-item-title.big-text,
html body .frontpage #js-carousel-front .carousel-item-title.big-text h1,
html body .frontpage #js-carousel-front .carousel-item-title.big-text h2,
html body .frontpage #js-carousel-front .carousel-item-title.big-text h3 {
  font-family: var(--johku-font-title);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -0.075em;
  line-height: 0.76;
  color: var(--johku-color-largeimage-text-title);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7), 1px 1px 2px rgba(0, 0, 0, 0.6);
  hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
}
@media (min-width: 768px) {
  html body .frontpage #js-carousel-front .carousel-item-title.big-text,
  html body .frontpage #js-carousel-front .carousel-item-title.big-text h1,
  html body .frontpage #js-carousel-front .carousel-item-title.big-text h2,
  html body .frontpage #js-carousel-front .carousel-item-title.big-text h3 {
    font-size: 160px;
  }
}
@media (min-width: 768px) {
  html.johkusupport body .frontpage #js-carousel-front .carousel-item-title.big-text,
  html.johkusupport body .frontpage #js-carousel-front .carousel-item-title.big-text h1,
  html.johkusupport body .frontpage #js-carousel-front .carousel-item-title.big-text h2,
  html.johkusupport body .frontpage #js-carousel-front .carousel-item-title.big-text h3 {
    font-size: 96px;
  }
}
@media (max-width: 767px) {
  html body .frontpage #js-carousel-front .carousel-item-title.big-text,
  html body .frontpage #js-carousel-front .carousel-item-title.big-text h1,
  html body .frontpage #js-carousel-front .carousel-item-title.big-text h2,
  html body .frontpage #js-carousel-front .carousel-item-title.big-text h3 {
    font-size: 96px;
  }
}
@media (max-width: 767px) {
  html.johkusupport body .frontpage #js-carousel-front .carousel-item-title.big-text,
  html.johkusupport body .frontpage #js-carousel-front .carousel-item-title.big-text h1,
  html.johkusupport body .frontpage #js-carousel-front .carousel-item-title.big-text h2,
  html.johkusupport body .frontpage #js-carousel-front .carousel-item-title.big-text h3 {
    font-size: 60px;
  }
}
html body .carousel .carousel-item-description,
html body .carousel .carousel-item-description p,
html body .carousel-caption p {
  font-family: var(--johku-font-title);
  font-weight: 700;
  font-style: normal;
  text-transform: none;
  color: var(--johku-color-largeimage-text);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7), 1px 1px 2px rgba(0, 0, 0, 0.6);
  line-height: 1.1;
}
@media (min-width: 1200px) {
  html body .carousel .carousel-item-description,
  html body .carousel .carousel-item-description p,
  html body .carousel-caption p {
    font-size: 24px;
    letter-spacing: -0.4px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  html body .carousel .carousel-item-description,
  html body .carousel .carousel-item-description p,
  html body .carousel-caption p {
    font-size: 22px;
    letter-spacing: -0.5px;
  }
}
@media (max-width: 767px) {
  html body .carousel .carousel-item-description,
  html body .carousel .carousel-item-description p,
  html body .carousel-caption p {
    font-size: 20px;
    letter-spacing: -0.5px;
  }
}

/* Product + category overlay heroes, and all page-header-bar titles */
html body .carousel-title.js-carousel-productname,
html body .carousel-title.js-carousel-productname h1,
html body #js-carousel-productgroup .category-title,
html body #js-carousel-productgroup .category-title h1,
html body .page-header-bar .page-header-title,
html body .page-header-bar .page-header-title h1,
html body .page-header-bar h1 {
  font-family: var(--johku-font-title);
  font-weight: 700;
  font-style: normal;
  text-transform: none;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6), 0 0 3px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.5);
}
html body .carousel-title.js-carousel-productname,
html body .carousel-title.js-carousel-productname h1,
html body #js-carousel-productgroup .category-title,
html body #js-carousel-productgroup .category-title h1 {
  color: var(--johku-color-largeimage-text-title);
}
html body .page-header-bar .page-header-title,
html body .page-header-bar .page-header-title h1,
html body .page-header-bar h1 {
  color: var(--johku-color-titlebar-text-title);
}
@media (min-width: 1800px) {
  html body .carousel-title.js-carousel-productname,
  html body .carousel-title.js-carousel-productname h1,
  html body #js-carousel-productgroup .category-title,
  html body #js-carousel-productgroup .category-title h1 {
    font-size: 100px;
    letter-spacing: -1.5px;
    line-height: 1;
  }
}
@media (min-width: 768px) and (max-width: 1799px) {
  html body .carousel-title.js-carousel-productname,
  html body .carousel-title.js-carousel-productname h1,
  html body #js-carousel-productgroup .category-title,
  html body #js-carousel-productgroup .category-title h1 {
    font-size: 70px;
    letter-spacing: -1.1px;
    line-height: 1;
  }
}
@media (min-width: 768px) {
  html body .page-header-bar .page-header-title,
  html body .page-header-bar .page-header-title h1,
  html body .page-header-bar h1 {
    font-size: 60px;
    letter-spacing: -1.1px;
    line-height: 1;
  }
}
@media (max-width: 767px) {
  html body .carousel-title.js-carousel-productname,
  html body .carousel-title.js-carousel-productname h1,
  html body #js-carousel-productgroup .category-title,
  html body #js-carousel-productgroup .category-title h1,
  html body .page-header-bar .page-header-title,
  html body .page-header-bar .page-header-title h1,
  html body .page-header-bar h1 {
    font-size: 35px;
    letter-spacing: -0.9px;
    line-height: 1.2;
  }
}

/* Frontpage full-width category heroes: Jalusta subhero title */
html body .frontpage .front-category-image .carousel-item-title,
html body .frontpage .front-category-image .carousel-item-title h1,
html body .frontpage .front-category-image .carousel-item-title h2,
html body .frontpage .front-category-image .carousel-item-title h3 {
  font-family: var(--johku-font-title);
  font-weight: 700;
  font-style: normal;
  text-transform: none;
  color: var(--johku-color-largeimage-text-title);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7), 1px 1px 2px rgba(0, 0, 0, 0.6);
}
@media (min-width: 1200px) {
  html body .frontpage .front-category-image .carousel-item-title,
  html body .frontpage .front-category-image .carousel-item-title h1,
  html body .frontpage .front-category-image .carousel-item-title h2,
  html body .frontpage .front-category-image .carousel-item-title h3 {
    font-size: 50px;
    letter-spacing: -1.2px;
    line-height: 1.2;
  }
}
@media (max-width: 1199px) {
  html body .frontpage .front-category-image .carousel-item-title,
  html body .frontpage .front-category-image .carousel-item-title h1,
  html body .frontpage .front-category-image .carousel-item-title h2,
  html body .frontpage .front-category-image .carousel-item-title h3 {
    font-size: 30px;
    letter-spacing: -1.2px;
    line-height: 1.1;
  }
}

/* Text-image rows (splitrows / imagerows) */
html body .js-grid.row-grid .row-grid-content-title,
html body .js-grid.row-grid .row-grid-content-title a,
html body .js-grid.row-grid .grid-content-text h1,
html body .js-grid.row-grid .grid-content-text h2,
html body .js-grid.row-grid .grid-content-text h3 {
  font-family: var(--johku-font-title);
  font-weight: 400;
  color: var(--johku-color-text-title);
  text-decoration: none;
  margin: 0;
  padding: 0 0 15px;
  line-height: 1.1;
}
html body .js-grid.row-grid .grid-content-text,
html body .js-grid.row-grid .grid-content-text p,
html body .js-grid.row-grid .grid-content-text li {
  font-family: var(--johku-font-main);
  font-weight: 400;
  color: var(--johku-color-text);
  font-size: 18px;
  letter-spacing: -0.32px;
  line-height: 1.3;
}
html body .js-grid.row-grid .row-grid-content-title,
html body .js-grid.row-grid .row-grid-content-title a,
html body .js-grid.row-grid .grid-content-text h1,
html body .js-grid.row-grid .grid-content-text h2 {
  font-size: 30px;
  letter-spacing: -0.8px;
}
html body .js-grid.row-grid .grid-content-text h3 {
  font-size: 24px;
  letter-spacing: -1px;
}
@media (max-width: 767px) {
  html body .js-grid.row-grid .grid-content-text h3 {
    letter-spacing: -0.6px;
  }
}
@media (min-width: 768px) {
  html body .frontpage .js-grid.row-grid .row-grid-content-title,
  html body .frontpage .js-grid.row-grid .row-grid-content-title a,
  html body .frontpage .js-grid.row-grid .grid-content-text h1,
  html body .frontpage .js-grid.row-grid .grid-content-text h2 {
    font-size: 40px;
    letter-spacing: -1.2px;
    line-height: 1.1;
  }
  html body .frontpage .js-grid.row-grid .grid-content-text h3 {
    font-size: 30px;
    letter-spacing: -0.9px;
    line-height: 1.2;
  }
  html body .frontpage .js-grid.row-grid .grid-content-text,
  html body .frontpage .js-grid.row-grid .grid-content-text p,
  html body .frontpage .js-grid.row-grid .grid-content-text li {
    font-size: 23px;
    letter-spacing: -0.5px;
    line-height: 1.2;
  }
  html body .frontpage .js-grid.row-grid .grid-content-text p {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  html body .frontpage .js-grid.row-grid .row-grid-content-title,
  html body .frontpage .js-grid.row-grid .row-grid-content-title a,
  html body .frontpage .js-grid.row-grid .grid-content-text h1,
  html body .frontpage .js-grid.row-grid .grid-content-text h2 {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 1.2;
  }
  html body .frontpage .js-grid.row-grid .grid-content-text h3 {
    font-size: 22px;
    letter-spacing: -0.7px;
    line-height: 1.2;
  }
  html body .frontpage .js-grid.row-grid .grid-content-text,
  html body .frontpage .js-grid.row-grid .grid-content-text p,
  html body .frontpage .js-grid.row-grid .grid-content-text li {
    font-size: 18px;
    letter-spacing: -0.5px;
    line-height: 1.2;
  }
}

/* btn-primary / btn-success: Jalusta bevel gradient, border, shadow, padding */
html body .btn.btn-primary,
html body .btn.btn-primary:hover,
html body .btn.btn-primary:focus,
html body .btn.btn-primary.focus,
html body .btn.btn-primary:active,
html body .btn.btn-primary.active,
html body .open > .dropdown-toggle.btn-primary {
  font-family: var(--johku-font-button);
  font-weight: 700;
  color: #ffffff;
  background-color: #10171f;
  background-image: linear-gradient(#2e3d4d 0%, #25303d 33%, #19242f 34%, #19242f 100%);
  border: 1px solid #19242f;
  border-top-color: rgba(255, 255, 255, 0.22);
  border-bottom-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, 0.3);
  letter-spacing: -0.6px;
}
html body .btn.btn-success,
html body .btn.btn-success:hover,
html body .btn.btn-success:focus,
html body .btn.btn-success.focus,
html body .btn.btn-success:active,
html body .btn.btn-success.active,
html body .open > .dropdown-toggle.btn-success {
    font-family: var(--johku-font-button);
    font-weight: 700;
    color: #ffffff;
    background-color: #d4eb00;
    background-image: linear-gradient(#e6ff00 0%, #d0e610 33%, #c6db00 34%, #a1b300 100%);
    border: 1px solid #a1b300;
    border-radius: 4px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 4px rgba(0, 0, 0, 0.25);
    letter-spacing: -0.6px;
}
/* Color buttons: same state chain as btn-primary */
html body .btn.btn-blue,
html body .btn.btn-blue:hover,
html body .btn.btn-blue:focus,
html body .btn.btn-blue.focus,
html body .btn.btn-blue:active,
html body .btn.btn-blue.active,
html body .open > .dropdown-toggle.btn-blue {
  font-family: var(--johku-font-button);
  font-weight: 700;
  color: #ffffff;
  background-color: #3074c3;
  background-image: linear-gradient(#2f74c3 0%, #2f74c3 33%, #2663aa 34%, #215a9d 100%);
  border: 1px solid #1f5a9d;
  border-top-color: rgba(255, 255, 255, 0.22);
  border-bottom-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, 0.3);
  letter-spacing: -0.6px;
}
html body .btn.btn-green,
html body .btn.btn-green:hover,
html body .btn.btn-green:focus,
html body .btn.btn-green.focus,
html body .btn.btn-green:active,
html body .btn.btn-green.active,
html body .open > .dropdown-toggle.btn-green {
  font-family: var(--johku-font-button);
  font-weight: 700;
  color: #ffffff;
  background-color: #197c2d;
  background-image: linear-gradient(#0f9c2c 0%, #0b9427 33%, #15842d 34%, #0b5118 100%);
  border: 1px solid #085118;
  border-top-color: rgba(255, 255, 255, 0.22);
  border-bottom-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, 0.3);
  letter-spacing: -0.6px;
}
html body .btn.btn-red,
html body .btn.btn-red:hover,
html body .btn.btn-red:focus,
html body .btn.btn-red.focus,
html body .btn.btn-red:active,
html body .btn.btn-red.active,
html body .open > .dropdown-toggle.btn-red {
  font-family: var(--johku-font-button);
  font-weight: 700;
  color: #ffffff;
  background-color: #990707;
  background-image: linear-gradient(#ca1915 0%, #b60e0b 33%, #990707 34%, #720605 100%);
  border: 1px solid #720505;
  border-top-color: rgba(255, 255, 255, 0.22);
  border-bottom-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, 0.3);
  letter-spacing: -0.6px;
}
html body .btn.btn-yellow,
html body .btn.btn-yellow:hover,
html body .btn.btn-yellow:focus,
html body .btn.btn-yellow.focus,
html body .btn.btn-yellow:active,
html body .btn.btn-yellow.active,
html body .open > .dropdown-toggle.btn-yellow {
  font-family: var(--johku-font-button);
  font-weight: 700;
  color: #000000;
  background-color: #fbf700;
  background-image: linear-gradient(#fffc5b 0%, #fffd88 33%, #fcf700 34%, #dcb000 100%);
  border: 1px solid #dcb000;
  border-top-color: rgba(255, 255, 255, 0.22);
  border-bottom-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25), 0 0 4px rgba(0, 0, 0, 0.1);
  letter-spacing: -0.6px;
}
html body .btn.btn-orange,
html body .btn.btn-orange:hover,
html body .btn.btn-orange:focus,
html body .btn.btn-orange.focus,
html body .btn.btn-orange:active,
html body .btn.btn-orange.active,
html body .open > .dropdown-toggle.btn-orange {
  font-family: var(--johku-font-button);
  font-weight: 700;
  color: #ffffff;
  background-color: #ff9d00;
  background-image: linear-gradient(#ffd347 0%, #ffbb3d 33%, #ff9d00 34%, #e57800 100%);
  border: 1px solid #e57800;
  border-top-color: rgba(255, 255, 255, 0.22);
  border-bottom-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, 0.3);
  letter-spacing: -0.6px;
}
html body .btn.btn-teal,
html body .btn.btn-teal:hover,
html body .btn.btn-teal:focus,
html body .btn.btn-teal.focus,
html body .btn.btn-teal:active,
html body .btn.btn-teal.active,
html body .open > .dropdown-toggle.btn-teal {
  font-family: var(--johku-font-button);
  font-weight: 700;
  color: #ffffff;
  background-color: #009fb3;
  background-image: linear-gradient(#08c5dc 0%, #08bcd2 33%, #009fb3 34%, #008191 100%);
  border: 1px solid #008191;
  border-top-color: rgba(255, 255, 255, 0.22);
  border-bottom-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, 0.3);
  letter-spacing: -0.6px;
}
html body .btn.btn-brown,
html body .btn.btn-brown:hover,
html body .btn.btn-brown:focus,
html body .btn.btn-brown.focus,
html body .btn.btn-brown:active,
html body .btn.btn-brown.active,
html body .open > .dropdown-toggle.btn-brown {
  font-family: var(--johku-font-button);
  font-weight: 700;
  color: #ffffff;
  background-color: #5c4e25;
  background-image: linear-gradient(#766945 0%, #716440 33%, #5c4e25 34%, #3a3119 100%);
  border: 1px solid #3a3119;
  border-top-color: rgba(255, 255, 255, 0.22);
  border-bottom-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, 0.3);
  letter-spacing: -0.6px;
}
html body .btn.btn-purple,
html body .btn.btn-purple:hover,
html body .btn.btn-purple:focus,
html body .btn.btn-purple.focus,
html body .btn.btn-purple:active,
html body .btn.btn-purple.active,
html body .open > .dropdown-toggle.btn-purple {
  font-family: var(--johku-font-button);
  font-weight: 700;
  color: #ffffff;
  background-color: #8228aa;
  background-image: linear-gradient(#b972d2 0%, #9c64b5 33%, #8228aa 34%, #66168a 100%);
  border: 1px solid #66168a;
  border-top-color: rgba(255, 255, 255, 0.22);
  border-bottom-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, 0.3);
  letter-spacing: -0.6px;
}
html body .btn.btn-primary:hover,
html body .btn.btn-primary:focus,
html body .btn.btn-primary.focus,
html body .btn.btn-primary:active,
html body .btn.btn-primary.active {
  background-image: linear-gradient(#25303d 0%, #1d2833 33%, #10171f 34%, #10171f 100%);
  background-color: #10171f;
  color: #ffffff;
}
html body .btn.btn-success:hover,
html body .btn.btn-success:focus,
html body .btn.btn-success.focus,
html body .btn.btn-success:active,
html body .btn.btn-success.active {
  background-image: linear-gradient(#d4eb00 0%, #c5d63a 33%, #a1b300 34%, #7a8800 100%);
  background-color: #a1b300;
  color: #ffffff;
}
html body .btn.btn-blue:hover,
html body .btn.btn-blue:focus,
html body .btn.btn-blue.focus,
html body .btn.btn-blue:active,
html body .btn.btn-blue.active {
  background-image: linear-gradient(#2966ac 0%, #2966ac 33%, #215796 34%, #1d4f8a 100%);
  background-color: #2a66ac;
  border-color: #1b4f8a;
  border-top-color: rgba(255, 255, 255, 0.22);
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: #ffffff;
}
html body .btn.btn-green:hover,
html body .btn.btn-green:focus,
html body .btn.btn-green.focus,
html body .btn.btn-green:active,
html body .btn.btn-green.active {
  background-image: linear-gradient(#0d8927 0%, #0a8222 33%, #127428 34%, #0a4715 100%);
  background-color: #166d28;
  border-color: #074715;
  border-top-color: rgba(255, 255, 255, 0.22);
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: #ffffff;
}
html body .btn.btn-red:hover,
html body .btn.btn-red:focus,
html body .btn.btn-red.focus,
html body .btn.btn-red:active,
html body .btn.btn-red.active {
  background-image: linear-gradient(#b21612 0%, #a00c0a 33%, #870606 34%, #640504 100%);
  background-color: #870606;
  border-color: #640404;
  border-top-color: rgba(255, 255, 255, 0.22);
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: #ffffff;
}
html body .btn.btn-yellow:hover,
html body .btn.btn-yellow:focus,
html body .btn.btn-yellow.focus,
html body .btn.btn-yellow:active,
html body .btn.btn-yellow.active {
  background-image: linear-gradient(#e0de50 0%, #e0df78 33%, #ded900 34%, #c29b00 100%);
  background-color: #ddd900;
  border-color: #c29b00;
  border-top-color: rgba(255, 255, 255, 0.22);
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: #000000;
}
html body .btn.btn-orange:hover,
html body .btn.btn-orange:focus,
html body .btn.btn-orange.focus,
html body .btn.btn-orange:active,
html body .btn.btn-orange.active {
  background-image: linear-gradient(#e0ba3e 0%, #e0a536 33%, #e08a00 34%, #ca6a00 100%);
  background-color: #e08a00;
  border-color: #ca6a00;
  border-top-color: rgba(255, 255, 255, 0.22);
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: #ffffff;
}
html body .btn.btn-teal:hover,
html body .btn.btn-teal:focus,
html body .btn.btn-teal.focus,
html body .btn.btn-teal:active,
html body .btn.btn-teal.active {
  background-image: linear-gradient(#07adc2 0%, #07a5b9 33%, #008c9e 34%, #007280 100%);
  background-color: #008c9e;
  border-color: #007280;
  border-top-color: rgba(255, 255, 255, 0.22);
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: #ffffff;
}
html body .btn.btn-brown:hover,
html body .btn.btn-brown:focus,
html body .btn.btn-brown.focus,
html body .btn.btn-brown:active,
html body .btn.btn-brown.active {
  background-image: linear-gradient(#685c3d 0%, #635838 33%, #514521 34%, #332b16 100%);
  background-color: #514521;
  border-color: #332b16;
  border-top-color: rgba(255, 255, 255, 0.22);
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: #ffffff;
}
html body .btn.btn-purple:hover,
html body .btn.btn-purple:focus,
html body .btn.btn-purple.focus,
html body .btn.btn-purple:active,
html body .btn.btn-purple.active {
  background-image: linear-gradient(#a364b9 0%, #89589f 33%, #722396 34%, #5a1379 100%);
  background-color: #722396;
  border-color: #5a1379;
  border-top-color: rgba(255, 255, 255, 0.22);
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: #ffffff;
}
html body .btn.btn-default,
html body .btn.btn-vippsmobilepay {
  border-radius: 4px;
}
html body .btn.btn-black {
  border-radius: 4px;
}
html body .grid-row-button.btn,
html body .frontpage #js-carousel-front .carousel-button.btn,
html body .frontpage .front-category-image .category-show-all .btn,
html body .product-action-buttons .btn,
html body .product-order-wrap .btn.product-order-button.btn-lg,
html body .js-order-continuebutton.btn {
  border-radius: 4px;
}
@media (min-width: 768px) {
  html body .grid-row-button.btn,
  html body .frontpage #js-carousel-front .carousel-button.btn,
  html body .frontpage .front-category-image .category-show-all .btn,
  html body .product-action-buttons .btn,
  html body .product-order-wrap .btn.product-order-button.btn-lg,
  html body .js-order-continuebutton.btn {
    font-size: 20px;
    padding: 8px 20px;
  }
  html body .grid-row-button.btn.btn-lg,
  html body .frontpage #js-carousel-front .carousel-button.btn.btn-lg,
  html body .frontpage .front-category-image .category-show-all .btn.btn-lg,
  html body .product-action-buttons .btn.btn-lg,
  html body .product-order-wrap .btn.product-order-button.btn-lg,
  html body .js-order-continuebutton.btn.btn-lg {
    font-size: 24px;
    padding: 8px 20px;
  }
}
@media (max-width: 767px) {
  html body .grid-row-button.btn,
  html body .frontpage #js-carousel-front .carousel-button.btn,
  html body .frontpage .front-category-image .category-show-all .btn,
  html body .product-action-buttons .btn,
  html body .product-order-wrap .btn.product-order-button.btn-lg,
  html body .js-order-continuebutton.btn {
    font-size: 18px;
    letter-spacing: -0.55px;
    padding: 6px 13px;
  }
  html body .grid-row-button.btn.btn-lg,
  html body .frontpage #js-carousel-front .carousel-button.btn.btn-lg,
  html body .frontpage .front-category-image .category-show-all .btn.btn-lg,
  html body .product-action-buttons .btn.btn-lg,
  html body .product-order-wrap .btn.product-order-button.btn-lg,
  html body .js-order-continuebutton.btn.btn-lg {
    font-size: 22px;
    padding: 6px 13px;
  }
}
html body .frontpage #js-carousel-front .carousel-button.btn-primary {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.2);
}
@media (min-width: 992px) {
  html body .frontpage #js-carousel-front .carousel-button.btn-primary {
    font-size: 26px;
    letter-spacing: -0.6px;
    line-height: 1.15;
    padding: 8px 20px;
  }
}
html body .input-group-btn .btn.btn-primary,
html body .input-group-btn .btn.btn-success,
html body .input-group-btn .btn.btn-default {
  padding: 6px 12px;
}
html body .input-lg,
html body .form-group-lg .form-control,
html body .input-group-addon.input-lg,
html body .input-group-lg > .form-control,
html body .input-group-lg > .input-group-addon,
html body .input-group-lg > .input-group-btn > .btn,
html body .btn.btn-lg,
html body .btn-group-lg > .btn {
  border-radius: 4px;
}
html body .search-filters .search-button .btn,
html body .search-filters .search-button .btn.btn-primary,
html body .search-filters .search-button .btn.btn-primary.btn-lg,
html body .search-filters .search-button .btn.btn-success,
html body .search-filters .search-button .btn.btn-default {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.4px;
  padding: 6px 16px;
  height: 36px;
  border-radius: 4px;
}
html body .js-footer-presentation .btn.btn-primary,
html body .js-footer-presentation .btn.btn-success {
  background-image: none;
  box-shadow: none;
  text-shadow: none;
}
html body .footer-navi-title h3 {
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -0.9px;
}
html body .js-language.selected {
    font-family: 'Corisande', sans-serif;
}
html body {
  h1, h2, h3, h4, h5, h6 {
    strong {
      font-weight: inherit;
    }
  }
}
/* Link with a chevron arrow on the right */
a.arrow-link {
    font-family: 'Corisande', sans-serif;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 4px;
}
a.arrow-link:after {
    content: '\f054';
    padding-left: 10px;
    position: relative;
    font: var(--fa-font-solid);
}