/* Journal-only overrides of the existing container/news-list/news-detail blocks. */
.journal { --journal-accent: #ff5800; padding: 20px 0 56px; font-family: "Wix Madefor Display", sans-serif; font-size: 16px; line-height: 1.24; letter-spacing: 0; font-optical-sizing: auto; }
.journal, .journal *, .journal *::before, .journal *::after { box-sizing: border-box; }
.journal b, .journal strong { font-family: inherit; font-weight: 700; }
.journal > .container { width: 100%; max-width: 1269px; margin: 0 auto; padding: 0 32px; }
.journal--dark { background: #303233; color: #fff; }
.journal--related { padding-top: 32px; padding-bottom: 32px; }
.journal.journal--related .journal-grid { padding-top: 0; }
.content-container:has(.journal--related) { padding-bottom: 0; }
/* Preserve the catalog's bottom spacing before the related journal block. */
.content-container > .ajax-page-content:has(+ .journal--related) { padding-bottom: 64px; }
@media (max-width: 1023px) {
    .content-container > .ajax-page-content:has(+ .journal--related) { padding-bottom: 32px; }
}
.journal--article, .journal-products { background: #f5f5f5; color: #15212b; }
.journal .journal-heading { margin: 0; padding: 0 0 32px; font-family: inherit; font-size: 26px; font-weight: 700; line-height: 1.24; text-transform: uppercase; }
.journal .journal-breadcrumbs { margin-bottom: 20px; color: #898c8d; font-size: 12px; line-height: 1.24; text-transform: uppercase; }
.journal .journal-breadcrumbs a { color: inherit; }
.journal-intro { max-width: 760px; margin: 0 0 22px; font-size: 16px; line-height: 1.24; }
.journal-tabs { display: flex; flex-wrap: wrap; gap: 0; margin-bottom: 16px; }
.journal-tabs a { display: inline-flex; align-items: center; height: 50px; margin: 0 16px 16px 0; padding: 0 16px; border: 1px solid #fff; color: #fff; font-size: 14px; font-weight: 600; line-height: 48px; text-decoration: none; text-transform: uppercase; }
.journal-load-more { display: inline-block; padding: 11px 15px; border: 1px solid #898c8d; color: #fff; font-size: 14px; font-weight: 500; line-height: 1.24; text-decoration: none; text-transform: uppercase; }
.journal-tabs a[aria-current="page"], .journal-tabs a:hover, .journal-tabs a:focus, .journal-tabs a:active, .journal-load-more:hover { background: var(--journal-accent); border-color: var(--journal-accent); color: #fff; text-decoration: none; }
.journal .journal-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; padding: 16px 0 0; }
.journal .journal-card { display: flex; flex-direction: column; min-width: 0; min-height: 404px; width: auto; margin: 0; padding: 0; background: #484b4c; border: 0; border-radius: 0; overflow: hidden; }
.journal--listing .journal-card { min-height: 315px; }
.journal .journal-card .corner { display: block; position: absolute; z-index: 100; top: 0; right: 0; width: 60px; height: 60px; background: url("../../images/corner.svg") 0 50% / 100% auto no-repeat; }
.journal .journal-card .button-block { position: static; }
.journal .journal-card:hover { box-shadow: none; }
.journal .journal-card__image { display: block; flex: 0 0 auto; position: relative; width: 100%; height: 200px; padding: 0; overflow: hidden; background: #55595b; border-radius: 0; clip-path: none; }
.journal .journal-card__image > a { display: block; width: 100%; height: 100%; }
.journal .journal-card__image img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-height: none; object-fit: cover; border-radius: 0; }
.journal .journal-card__body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 16px; }
.journal .journal-card__tag-block { width: 100%; margin: 0; padding: 0 0 16px; }
.journal .journal-tag { display: inline-flex; align-items: center; justify-content: center; width: 104px; height: 20px; background: var(--journal-accent); padding: 0 16px; color: #fff; font-family: "Furore", "Uni Sans Heavy CAPS", sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; text-transform: uppercase; text-decoration: none; clip-path: polygon(15.4% 0, 96.2% 0, 100% 25%, 85.6% 100%, 3.8% 100%, 0 75%); }
.journal .journal-tag:hover, .journal .journal-tag:focus, .journal .journal-tag:active, .journal .journal-tag:visited { color: #fff; text-decoration: none; }
.journal .journal-tag--servis { width: auto; min-width: 104px; max-width: 100%; height: auto; min-height: 24px; padding: 4px 20px; line-height: 16px; text-align: center; clip-path: polygon(16px 0, calc(100% - 4px) 0, 100% 25%, calc(100% - 16px) 100%, 4px 100%, 0 75%); }
.journal .journal-card h3 { margin: 0 0 8px; padding: 0; font-family: inherit; font-size: 14px; font-weight: 700; line-height: 1.24; text-transform: uppercase; overflow-wrap: anywhere; }
.journal .journal-card h3 a { color: #fff; text-decoration: none; }
.journal .journal-card h3 a:hover, .journal .journal-card h3 a:focus, .journal .journal-card h3 a:active { color: #fff; text-decoration: underline; text-decoration-color: #fff; text-underline-offset: 2px; }
.journal-card__description { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0 0 16px; color: #d2d4d4; font-size: 14px; line-height: 1.24; }
.journal .journal-card .journal-card__bottom { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; padding: 24px 0 0; width: 100%; }
.journal .journal-card__more { flex: 0 0 auto; white-space: nowrap; color: #fff; font-size: 14px; font-weight: 500; line-height: 1.24; text-transform: uppercase; }
.journal-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; color: #777d80; font-size: 12px; line-height: 1.24; }
.journal .journal-card .journal-meta { flex-wrap: nowrap; gap: 8px; margin: 0; white-space: nowrap; color: #d2d4d4; }
.journal--listing .journal-card .journal-meta { margin-left: 0; }
.journal-views { display: inline-flex; align-items: center; gap: 6px; }
.journal-views[hidden] { display: none !important; }
.journal-eye { display: inline-block; flex: 0 0 16px; width: 16px; height: 12px; border: 0; border-radius: 0; transform: none; background: currentColor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M1 8Q12-5 23 8Q12 21 1 8Z' fill='none' stroke='black' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='8' r='3' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") center / contain no-repeat; }
.journal-eye::after { content: none; }
.journal-navigation { margin-top: 30px; text-align: center; }
.journal-pagination { margin-top: 22px; }
.journal-pagination a { color: inherit; }
.journal-status { min-height: 1.5em; margin: 12px 0 0; font-size: 13px; }
.journal [aria-busy="true"] { opacity: .65; cursor: wait; }
.journal .journal-banner { position: relative; height: 0; margin-bottom: 28px; padding-bottom: 20.5%; overflow: hidden; background: #e5e5e5; }
.journal .journal-banner img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.journal .journal-title { margin: 0 0 10px; padding: 0; font-family: inherit; font-size: 26px; font-weight: 700; line-height: 1.24; text-transform: uppercase; }
.journal-article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; align-items: start; gap: 32px; margin-top: 24px; }
.journal .journal-article-text { min-width: 0; padding: 0; font-size: 16px; line-height: 1.24; overflow-wrap: anywhere; }
.journal-article-text p { margin: 0 0 18px; }
.journal .journal-article-text a,
.journal .journal-article-text a:visited { color: var(--journal-accent); text-decoration: none; text-decoration-color: var(--journal-accent); text-underline-offset: 3px; }
.journal .journal-article-text a:hover,
.journal .journal-article-text a:focus,
.journal .journal-article-text a:active { color: var(--journal-accent); text-decoration: underline; text-decoration-color: var(--journal-accent); }
.journal .journal-article-text h2 { margin: 34px 0 16px; padding: 0; font-family: inherit; font-size: 22px; font-weight: 700; line-height: 1.24; text-transform: uppercase; }
.journal .journal-article-text > h2:first-child { margin-top: 28px; }
.journal .journal-article-text h3 { margin: 24px 0 12px; padding: 0; font-family: inherit; font-size: 18px; font-weight: 700; line-height: 1.24; }
.journal-article-text :is(h1, h2, h3) { scroll-margin-top: 110px; }
.journal .journal-article-text h1 { margin: 30px 0 16px; font-family: inherit; font-size: 26px; font-weight: 700; line-height: 1.24; }
.journal-article-text img { max-width: 100% !important; height: auto !important; object-fit: contain; }
.journal-article-text figure { margin: 24px 0; max-width: 100%; }
.journal-article-text figure img { display: block; margin: auto; }
.journal-article-text figcaption { color: #777d80; font-size: 13px; }
.journal-article-text ul, .journal-article-text ol { margin: 18px 0 26px; }
.journal-article-text ul { padding: 0; list-style: none; }
.journal-article-text ul > li { position: relative; padding-left: 28px; }
.journal-article-text ul > li::before { content: ''; position: absolute; top: .48em; left: 0; width: 18px; height: 10px; background: var(--journal-accent); clip-path: polygon(0 74%, 36% 0, 88% 0, 100% 28%, 64% 100%, 12% 100%); }
.journal-article-text ol { padding-left: 28px; list-style: decimal; }
.journal-article-text li { margin-bottom: 9px; }
.journal-article-text ol > li { padding-left: 2px; }
.journal-article-text ol > li::marker { color: var(--journal-accent); }
.journal-article-text table { display: block; max-width: 100%; overflow-x: auto; }
.journal-toc { position: sticky; top: 100px; padding: 28px 30px 30px; background: #fff; }
.journal-toc[hidden] { display: none; }
.journal .journal-toc h2 { margin: 0 0 22px; padding: 0; color: #15212b; font-family: inherit; font-size: 22px; font-weight: 700; line-height: 1.24; text-transform: none; }
.journal-toc ol { margin: 0; padding: 0 0 0 22px; border-left: 1px solid #dedede; list-style: none; }
.journal-toc li { position: relative; margin: 0; font-size: 16px; line-height: 1.24; }
.journal-toc .journal-toc__nested { padding-left: 0; }
.journal-toc a, .journal-toc a:visited { display: block; margin-left: -23px; padding: 13px 18px 13px 24px; border-left: 3px solid transparent; color: #898989; text-decoration: none; transition: color .15s ease, background-color .15s ease, border-color .15s ease; }
.journal-toc a:hover, .journal-toc a:focus, .journal-toc a:active, .journal-toc a.is-active { border-left-color: var(--journal-accent); background: #ffe2c3; color: var(--journal-accent); text-decoration: none; }
.journal-products { padding-top: 0; padding-bottom: 108px; }
.journal .journal-product-list { margin-bottom: 0; }
.journal-products-navigation { margin-top: 32px; }
.journal-products-navigation .journal-load-more { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 13px 20px; border: 2px solid #15212b; color: #15212b; font-size: 14px; font-weight: 700; }
.journal-products-navigation .journal-load-more:hover { color: #fff; border-color: var(--journal-accent); }
.journal-product-pages { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin-top: 16px; font-family: "Furore", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; }
.journal-product-pages a, .journal-product-pages span { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; min-height: 36px; padding: 5px 4px; color: #898c8d; text-decoration: none; }
.journal-product-pages [aria-current="page"] { color: #15212b; border-bottom: 1px solid var(--journal-accent); }
.journal-product-pages a:hover { color: var(--journal-accent); }
.journal-products-navigation .journal-status:empty { display: none; }
.journal-products-navigation:not(:has(.journal-product-pages)) { margin-top: 0; }
#journal-products { scroll-margin-top: 100px; }
.journal-products .journal-heading { font-size: 22px; text-align: left; }
.journal .journal-product-list .row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0; }
.journal .journal-product-list .col { width: auto; min-width: 0; margin: 0; padding: 0; }
.journal .journal-product-list .catalog-list-item { height: 100%; border-radius: 0; background: #fff; }
.journal .journal-product-list .img img { max-width: 100%; object-fit: contain; }
.journal .journal-product-list .catalog-list-item { position: relative; box-shadow: none; padding: 16px; transition: box-shadow .2s ease; }
.journal .journal-product-list .catalog-list-item:hover { box-shadow: 0 1px 10px 1px rgb(0 0 0 / 12%); }
.journal .journal-product-list .catalog-list-item:hover h3,
.journal .journal-product-list .catalog-list-item:hover .price { color: var(--journal-accent); }
.journal .journal-product-list .catalog-list-item:hover .pod-markers .item { display: none; }
.journal .journal-product-list .catalog-list-item:hover .pod-markers .item:first-child { display: block; }
.journal .journal-product-list .link { display: flex; flex-direction: column; height: 100%; text-decoration: none; color: #15212b; }
.journal .journal-product-list .img { height: 220px; display: flex; align-items: center; justify-content: center; }
.journal .journal-product-list .img img { width: auto; height: auto; max-height: 100%; }
.journal .journal-product-list h3 { margin: 20px 0 8px; font-family: inherit; font-size: 16px; font-weight: 500; line-height: 1.24; text-align: center; }
.journal .journal-product-list h3 span { display: block; margin-bottom: 4px; color: #ff5800; font-family: "Furore", "Uni Sans Heavy CAPS", sans-serif; font-size: 24px; font-weight: 400; line-height: 1.2; }
.journal .journal-product-list .price-block { margin-top: auto; padding-top: 20px; text-align: center; }
.journal .journal-product-list .price { font-size: 20px; font-weight: 700; line-height: 1.24; }
.journal .journal-product-list .pod-markers { position: absolute; top: 16px; left: 16px; z-index: 2; }
.journal .journal-product-list .journal-product-compare { position: absolute; top: 16px; right: 16px; left: auto; z-index: 3; }
.journal .journal-product-compare a { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; min-height: 24px; }
.journal .journal-product-list h3:has(+ .journal-product-article) { margin-bottom: 4px; }
.journal .journal-product-list .journal-product-article { margin: 0; color: #8f9090; font-size: 14px; font-weight: 400; line-height: 1.24; text-align: center; }
.journal .journal-heading:focus, .journal a:focus-visible { outline: 2px solid var(--journal-accent); outline-offset: 4px; }
.journal .journal-product-list a.link:focus-visible { outline: none; }
.journal .journal-product-list a.link:focus-visible h3 { text-decoration: underline; text-underline-offset: 4px; }
.journal-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 991px) {
    .journal .journal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .journal .journal-product-list .row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .journal-article-layout { grid-template-columns: minmax(0, 1fr); }
    .journal .journal-article-text { padding-top: 0; }
    .journal-toc { position: static; grid-row: 1; }
}
@media (max-width: 575px) {
    .journal > .container { padding: 0 16px; }
    .journal { padding-top: 20px; padding-bottom: 32px; }
    .journal-products { padding-top: 0; padding-bottom: 48px; }
    .journal-products-navigation { margin-top: 24px; }
    .journal .journal-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; padding-top: 0; }
    .journal .journal-card { min-height: 0; height: auto; }
    .journal .journal-card__image { height: auto; aspect-ratio: 3 / 2; }
    .journal .journal-card__body { flex: 0 0 auto; padding: 16px; }
    .journal .journal-card__tag-block { padding-bottom: 16px; }
    .journal .journal-card .journal-card__bottom { padding-top: 16px; }
    .journal .journal-heading { padding-bottom: 28px; }
    .journal .journal-product-list .row { grid-template-columns: minmax(0, 1fr); }
    .journal .journal-title { font-size: 23px; }
    .journal .journal-heading { font-size: 20px; }
    .journal-tabs { gap: 12px; margin-bottom: 32px; }
    .journal-tabs a { height: auto; min-height: 48px; margin: 0; font-size: 11px; line-height: 1.24; padding: 12px; }
    .journal--listing > .container { padding-right: 20px; padding-left: 20px; }
    .journal--listing .journal-heading { font-size: 24px; line-height: 30px; padding-bottom: 32px; }
    .journal--listing .journal-intro { display: none; }
    .journal--listing .journal-tabs { gap: 16px 18px; }
    .journal--listing .journal-tabs a { height: 50px; min-height: 50px; padding: 0 16px; font-size: 12px; line-height: 1.24; }
    .journal-article-text img { float: none !important; }
    .journal .journal-banner { padding-bottom: 32%; }
    .journal .journal-card .journal-card__bottom { align-items: flex-start; }
}