@charset "UTF-8";
/* Card appearance copied from the existing recommendation module and scoped to .crc-module. */
.crc-module .product-grid-item .product-wrapper,.crc-module .product-grid-item:hover .product-wrapper{padding:0!important}.crc-module .image{border-radius:0}
.product-grid-item:is(.crc-module, .crc-module *),.product-wrapper:is(.crc-module, .crc-module *),.product-wrapper .product-details:is(.crc-module, .crc-module *),.product-wrapper .product-details .caption:is(.crc-module, .crc-module *){display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column;}
.row:is(.crc-module, .crc-module *)::after,.row:is(.crc-module, .crc-module *)::before{content: " "; display: table;}
.row:is(.crc-module, .crc-module *)::after{clear: both;}
[data-hint]:is(.crc-module, .crc-module *){position: relative; display: inline-block;}
[data-hint]:is(.crc-module, .crc-module *)::after,[data-hint]:is(.crc-module, .crc-module *)::before{position: absolute; transform: translate3d(0px, 0px, 0px); visibility: hidden; opacity: 0; z-index: 1000000; pointer-events: none; transition: 0.3s;}
[data-hint]:focus:is(.crc-module, .crc-module *)::after,[data-hint]:focus:is(.crc-module, .crc-module *)::before,[data-hint]:hover:is(.crc-module, .crc-module *)::after,[data-hint]:hover:is(.crc-module, .crc-module *)::before{visibility: visible; opacity: 1;}
[data-hint]:is(.crc-module, .crc-module *)::before{content: ""; position: absolute; background: 0px 0px; border: 6px solid transparent; z-index: 1000001;}
[data-hint]:is(.crc-module, .crc-module *)::after{content: attr(data-hint); background: rgb(56, 56, 56); color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) 0px -1px 0px; padding: 8px 10px; font-size: 12px; line-height: 12px; white-space: nowrap; box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 8px;}
.hint--top:is(.crc-module, .crc-module *)::before{border-top-color: rgb(56, 56, 56);}
.hint--top:is(.crc-module, .crc-module *)::before{margin-bottom: -12px;}
.hint--top:is(.crc-module, .crc-module *)::after{margin-left: -18px;}
.hint--top:is(.crc-module, .crc-module *)::after,.hint--top:is(.crc-module, .crc-module *)::before{bottom: 100%; left: 50%;}
.hint--top:focus:is(.crc-module, .crc-module *)::after,.hint--top:focus:is(.crc-module, .crc-module *)::before,.hint--top:hover:is(.crc-module, .crc-module *)::after,.hint--top:hover:is(.crc-module, .crc-module *)::before{transform: translateY(-8px);}
a:is(.crc-module, .crc-module *),div:is(.crc-module, .crc-module *),h3:is(.crc-module, .crc-module *),i:is(.crc-module, .crc-module *),img:is(.crc-module, .crc-module *),p:is(.crc-module, .crc-module *),span:is(.crc-module, .crc-module *){margin: 0px; padding: 0px; border: 0px; outline: 0px;}
button:focus:is(.crc-module, .crc-module *){outline: 0px;}
#container *:is(.crc-module, .crc-module *){box-sizing: border-box;}
*:is(.crc-module, .crc-module *){-webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent;}
:is(.crc-module, .crc-module *)::after,:is(.crc-module, .crc-module *)::before{font-family: journal-icons; position: relative; font-style: normal; font-variant: normal; font-weight: 400; color: inherit; font-size: inherit; display: inline-block; -webkit-font-smoothing: antialiased;}
i:is(.crc-module, .crc-module *){position: relative; font-style: normal; vertical-align: middle;}
.xl-20:is(.crc-module, .crc-module *){width: 20%;}
.lg-25:is(.crc-module, .crc-module *),.md-33:is(.crc-module, .crc-module *),.sm-50:is(.crc-module, .crc-module *),.xl-20:is(.crc-module, .crc-module *),.xs-50:is(.crc-module, .crc-module *){float: left;}
a:is(.crc-module, .crc-module *){color: rgb(51, 55, 69); text-decoration: none; cursor: pointer;}
button:is(.crc-module, .crc-module *){border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; padding: 0px;}
.button:is(.crc-module, .crc-module *){cursor: pointer; font-size: 14px; transition: color 0.2s, background-color 0.2s; padding: 0px 12px; border: 0px; line-height: 32px; background-color: transparent; display: inline-block; appearance: none; text-align: center;}
.button i:is(.crc-module, .crc-module *)::before{padding: 0px 1px;}
.cart:is(.crc-module, .crc-module *){position: relative;}
.product-grid-item .image > a:is(.crc-module, .crc-module *){background-position: 500px center !important;}
.button-left-icon:is(.crc-module, .crc-module *)::before{float: none; vertical-align: top;}
.button-right-icon:is(.crc-module, .crc-module *)::before{float: right;}
.button-cart-text:is(.crc-module, .crc-module *){position: relative;}
[data-hint]:is(.crc-module, .crc-module *)::before{border: 7px solid transparent; display: none; transform-style: preserve-3d;}
.hint--top:is(.crc-module, .crc-module *){transform-style: preserve-3d;}
.hint--top:is(.crc-module, .crc-module *)::before{left: 50%; margin-left: -7px; border-top-color: rgb(51, 55, 69); margin-bottom: -13px;}
.hint--top:is(.crc-module, .crc-module *)::after,.hint--top:focus:is(.crc-module, .crc-module *)::after{margin: 0px; transform: translate3d(0px, 0px, 0px) translateX(-50%);}
[data-hint]:is(.crc-module, .crc-module *)::after{text-shadow: none; color: rgb(255, 255, 255); font-family: Helvetica, Arial, sans-serif; text-transform: none; background-color: rgb(51, 55, 69); box-shadow: none; line-height: 100%; padding: 8px 10px; display: none;}
.hint--top:focus:is(.crc-module, .crc-module *)::after,.hint--top:hover:is(.crc-module, .crc-module *)::after{transform: translate3d(0px, 0px, 0px) translateY(-8px) translateX(-50%);}
.main-products:is(.crc-module, .crc-module *){position: relative; height: 100%;}
.oc2 .rating .rating-amount:is(.crc-module, .crc-module *){position: relative; top: -1px; font-size: 12px; margin-left: 3px !important; color: rgb(187, 187, 187) !important;}
.button-group button:is(.crc-module, .crc-module *){cursor: pointer;}
.product-grid:is(.crc-module, .crc-module *){margin-top: 15px; margin-left: -20px;}
.product-grid:is(.crc-module, .crc-module *){margin-bottom: 20px; margin-left: 0px !important; overflow: visible !important;}
.product-details:is(.crc-module, .crc-module *){padding-bottom: 6px; padding-left: 5px; position: relative; z-index: 2; display: inline-block;}
.product-grid-item:is(.crc-module, .crc-module *){text-align: center; position: relative; z-index: 1; margin-right: 0.3%; margin-left: 0.3%; height: 420px; background-color: transparent; margin-bottom: 10px !important;}
.product-grid-item .image:is(.crc-module, .crc-module *){width: 100%; position: relative; z-index: 1; background: rgb(250, 250, 250);}
.product-grid-item .image > a:is(.crc-module, .crc-module *){width: 100%; display: block; text-align: center; background-color: transparent;}
.product-grid-item .image > a img:is(.crc-module, .crc-module *){position: relative; display: block; width: 100%; height: auto; border-radius: inherit;}
.product-grid-item .name:is(.crc-module, .crc-module *){text-align: left; width: 100%; table-layout: fixed; position: relative; overflow: hidden; max-height: 60px; min-height: 60px; display: block !important;}
.product-grid-item .name a:is(.crc-module, .crc-module *){padding: 10px 7px 7px; line-height: 17px; text-decoration: none; display: table-cell; vertical-align: middle; text-overflow: ellipsis; overflow: hidden;}
.product-grid-item .rating:is(.crc-module, .crc-module *){display: block; position: absolute; padding: 4px 6px 8px; top: -14px !important; left: 0px !important; margin-left: 0px !important;}
.product-grid-item .price:is(.crc-module, .crc-module *){text-align: center; display: inline-block; margin: auto 0px 10px; font-weight: 700 !important; font-size: 18px !important; font-family: Roboto !important;}
.product-grid-item .price-old:is(.crc-module, .crc-module *){font-size: 13px !important; position: relative;}
.product-grid-item .price-old:is(.crc-module, .crc-module *)::after{content: " "; position: absolute; top: 50%; left: -14%; border-top: 1px solid rgb(225, 31, 38); margin: -1px 0px 0px; padding: 0px 5%; width: 100%; box-sizing: content-box; transform: rotate(-7deg);}
.product-grid-item .price-new:is(.crc-module, .crc-module *){font-weight: 700; padding-left: 5px; font-size: 18px !important; font-family: Roboto !important;}
.product-grid-item .cart .button:is(.crc-module, .crc-module *){height: 41px; background-color: transparent; padding: 0px 10px; color: rgb(242, 200, 73); font-size: 18px; font-weight: 700 !important; max-width: 100%; outline: 0px; line-height: 38px; text-align: left; position: relative; float: left; transition: all;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){position: absolute; top: 0px; left: 0px; height: 420px; overflow: hidden; background: rgb(250, 250, 250);}
.product-grid-item:hover .product-wrapper:not(.ias-button):is(.crc-module, .crc-module *){top: 0px; left: -60px; height: auto; padding-left: 60px; padding-top: 0px; border-color: rgba(11, 103, 175, 0.3); border-radius: 4px; opacity: 1; box-shadow: rgba(11, 103, 175, 0.3) 0px 0px 7px 0px !important;}
.product-grid-item .button-cart-text:is(.crc-module, .crc-module *){display: none; float: right;}
.product-grid-item:hover .cart .button-cart-text:is(.crc-module, .crc-module *){display: block;}
.product-grid-item:hover .cart .button:is(.crc-module, .crc-module *){color: rgb(255, 255, 255); text-decoration: none; border-radius: 2px; background: rgb(33, 33, 33);}
.ias-button:is(.crc-module, .crc-module *){width: 100% !important;}
.ias-button .button:is(.crc-module, .crc-module *){max-width: 100%; font-size: 32px; color: rgba(0, 0, 0, 0.8); outline: 0px; text-align: center;}
.ias-button .button:active:is(.crc-module, .crc-module *){box-shadow: none;}
.ias-button span:is(.crc-module, .crc-module *)::before{content: ""; font-size: 115px; color: rgb(33, 33, 33); margin-bottom: 50px; text-shadow: rgba(0, 0, 0, 0.22) 0px 2px 7px; transition: 0.2s ease-out;}
.ias-button:hover span:is(.crc-module, .crc-module *)::before{color: rgb(252, 191, 9); transition: 0.2s ease-out;}
.symbols:is(.crc-module, .crc-module *){position: absolute; top: 5px; right: 7px; text-align: right;}
.product-grid-item .compare:is(.crc-module, .crc-module *),.product-grid-item .wishlist:is(.crc-module, .crc-module *){position: relative; display: inline-block; margin-bottom: 3px; padding: 10px 11px; float: right;}
.oc2 .product-grid-item .compare:is(.crc-module, .crc-module *){padding-left: 0px;}
.product-grid-item:hover:is(.crc-module, .crc-module *){z-index: 3;}
a.ias-trigger:is(.crc-module, .crc-module *){width: 100%; margin: 0px auto; display: block; padding: 15px; height: 100%;}
a.ias-trigger span:is(.crc-module, .crc-module *){display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.row:is(.crc-module, .crc-module *)::after,.row:is(.crc-module, .crc-module *)::before{content: " "; display: table;}
.row:is(.crc-module, .crc-module *)::after{clear: both;}
@media only screen and (min-width: 2150px) {
.crc-module .product-grid-item:is(.crc-module, .crc-module *){width: 13.685%;}
.product-grid-item:is(.crc-module, .crc-module *){height: 375px; margin-right: 0.3%; margin-left: 0.3%;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 375px; width: 100%;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 1400px) and (max-width: 2149px) {
.crc-module .product-grid-item:is(.crc-module, .crc-module *){width: 16.06%;}
}
@media only screen and (min-width: 1561px) and (max-width: 1850px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 405px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 405px; width: 100%;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 1481px) and (max-width: 1561px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 390px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 390px; width: 100%;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 1400px) and (max-width: 1481px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 380px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 380px; width: 100%;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 1315px) and (max-width: 1399px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 415px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 415px; width: 100%;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 1280px) and (max-width: 1314px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 400px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 400px; width: 100%;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 1221px) and (max-width: 1300px) {
.product-grid-item .compare:is(.crc-module, .crc-module *),.product-grid-item .wishlist:is(.crc-module, .crc-module *){padding: 10px 9px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1070px) {
.product-grid-item .compare:is(.crc-module, .crc-module *),.product-grid-item .wishlist:is(.crc-module, .crc-module *){padding: 10px 9px;}
}
@media only screen and (min-width: 1250px) and (max-width: 1279px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 462px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 462px; width: 100%;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 1200px) and (max-width: 1249px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 452px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 452px; width: 100%;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 1145px) and (max-width: 1199px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 440px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 440px; width: 100%;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 1106px) and (max-width: 1144px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 426px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 426px; width: 100%;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 1080px) and (max-width: 1105px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 416px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 416px; width: 100%;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 1067px) and (max-width: 1079px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 411px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 411px; width: 100%;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 1024px) and (max-width: 1066px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 400px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 400px; width: 100%;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 990px) and (max-width: 1023px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 470px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 470px; width: 100% !important;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 945px) and (max-width: 989px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 460px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 460px; width: 100% !important;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 905px) and (max-width: 944px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 465px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 465px; width: 100% !important;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 864px) and (max-width: 904px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 445px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 445px; width: 100% !important;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 821px) and (max-width: 863px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 425px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 425px; width: 100% !important;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 780px) and (max-width: 820px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 405px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 405px; width: 100% !important;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 761px) and (max-width: 779px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 390px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 390px; width: 100% !important;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 730px) and (max-width: 760px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 520px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 520px; width: 100% !important;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 690px) and (max-width: 729px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 500px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 500px; width: 100% !important;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 650px) and (max-width: 689px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 480px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 480px; width: 100% !important;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 608px) and (max-width: 649px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 460px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 460px; width: 100% !important;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 568px) and (max-width: 607px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 440px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 440px; width: 100% !important;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 527px) and (max-width: 567px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 410px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 410px; width: 100% !important;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 487px) and (max-width: 526px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 390px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 390px; width: 100% !important;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 447px) and (max-width: 486px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 365px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 365px; width: 100% !important;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 408px) and (max-width: 446px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 350px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 350px; width: 100% !important;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 370px) and (max-width: 407px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 340px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 340px; width: 100% !important;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 346px) and (max-width: 369px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 320px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 320px; width: 100% !important;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 300px) and (max-width: 345px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 475px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 475px; width: 100% !important;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 270px) and (max-width: 299px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 460px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 460px; width: 100% !important;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (min-width: 250px) and (max-width: 269px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 420px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 420px; width: 100% !important;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (max-width: 249px) {
.product-grid-item:is(.crc-module, .crc-module *){height: 390px;}
.product-grid-item .product-wrapper:is(.crc-module, .crc-module *){height: 390px; width: 100% !important;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){width: auto;}
}
@media only screen and (max-width: 1850px) {
.crc-module .product-grid-item:is(.crc-module, .crc-module *){width: 16.06%;}
.product-grid-item:is(.crc-module, .crc-module *){margin-right: 0.3%; margin-left: 0.3%;}
}
@media only screen and (max-width: 1399px) {
.crc-module .product-grid-item:is(.crc-module, .crc-module *){width: 19.2%;}
.product-grid-item:is(.crc-module, .crc-module *){margin-right: 0.4%; margin-left: 0.4%;}
}
@media only screen and (max-width: 1449px) {
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){top: 0px !important; left: 0px !important; padding: 0px !important; height: inherit !important;}
}
@media only screen and (max-width: 1279px) {
.crc-module .product-grid-item:is(.crc-module, .crc-module *){width: 24%;}
.product-grid-item:is(.crc-module, .crc-module *){margin-right: 0.5%; margin-left: 0.5%;}
}
@media only screen and (max-width: 1023px) {
.crc-module .product-grid-item:is(.crc-module, .crc-module *){width: 31.9333%;}
.product-grid-item:is(.crc-module, .crc-module *){margin-right: 0.7%; margin-left: 0.7%;}
}
@media only screen and (max-width: 760px) {
.crc-module .product-grid-item:is(.crc-module, .crc-module *){width: 48%;}
.product-wrapper:is(.crc-module, .crc-module *){padding: 10px !important;}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){padding: 10px !important;}
.ias-full .product-wrapper:is(.crc-module, .crc-module *){padding: 0px !important;}
a.ias-trigger:is(.crc-module, .crc-module *){width: auto; padding: 0px !important;}
.product-grid-item .compare:is(.crc-module, .crc-module *),.product-grid-item .wishlist:is(.crc-module, .crc-module *){padding: 10px 7px;}
.product-grid-item .cart .button-cart-text:is(.crc-module, .crc-module *){display: none !important;}
.product-grid-item:hover .cart .button:is(.crc-module, .crc-module *){background-color: transparent !important;}
}
@media only screen and (max-width: 345px) {
.crc-module .product-grid-item:is(.crc-module, .crc-module *){width: 100%;}
}
@media only screen and (max-width: 1220px) {
.lg-25:is(.crc-module, .crc-module *){width: 25%;}
}
@media only screen and (max-width: 980px) {
.md-33:is(.crc-module, .crc-module *){width: 33.3333%;}
}
@media only screen and (max-width: 760px) {
.sm-50:is(.crc-module, .crc-module *){width: 50%;}
}
@media only screen and (max-width: 470px) {
.xs-50:is(.crc-module, .crc-module *){width: 50%;}
}
@media only screen and (max-width: 1024px) {
.product-grid-item:hover .image > a > img:is(.crc-module, .crc-module *){opacity: 1;}
}
@media only screen and (max-width: 760px) {
[data-hint]:is(.crc-module, .crc-module *)::after,[data-hint]:is(.crc-module, .crc-module *)::before{display: none !important;}
}
@media only screen and (max-width: 760px) {
.product-grid-item:is(.crc-module, .crc-module *){margin-right: 1%; margin-left: 1%;}
}
.row:is(.crc-module, .crc-module *)::after,.row:is(.crc-module, .crc-module *)::before{flex-basis: 0px; -webkit-box-ordinal-group: 2; order: 1;}
.button:active:is(.crc-module, .crc-module *){box-shadow: rgba(0, 0, 0, 0.8) 0px 1px 10px inset;}
.button:is(.crc-module, .crc-module *){font-weight: 400; font-family: Roboto; font-style: normal; font-size: 13px; text-transform: uppercase; color: rgb(255, 255, 255);}
.button:is(.crc-module, .crc-module *){padding: 0px 10px; line-height: 33px; background-color: rgb(225, 31, 38);}
a:is(.crc-module, .crc-module *){color: rgb(66, 139, 202);}
a:hover:is(.crc-module, .crc-module *){color: rgb(33, 33, 33);}
.button:hover:is(.crc-module, .crc-module *){color: rgb(255, 255, 255);}
.button:hover:is(.crc-module, .crc-module *){background-color: rgb(66, 139, 202);}
.product-wrapper:is(.crc-module, .crc-module *){border-radius: 4px; background-color: rgb(255, 255, 255);}
.rate_amount:is(.crc-module, .crc-module *){font-size: 15px; font-weight: 600; color: rgb(33, 33, 33);}
.rate_amount:is(.crc-module, .crc-module *)::after{content: ""; font-size: 15px; margin-left: 5px;}
.product-grid-item .name a:is(.crc-module, .crc-module *){white-space: normal; font-weight: 700; font-family: Roboto; font-style: normal; font-size: 14px; text-transform: none; color: rgb(51, 55, 69);}
.product-grid-item .price:is(.crc-module, .crc-module *){width: 100%; padding: 5px; display: inline-block; text-align: left !important;}
.product-details:is(.crc-module, .crc-module *)::before{font-size: 25px; color: rgb(255, 255, 255);}
.product-grid-item .cart .button:active:is(.crc-module, .crc-module *){box-shadow: rgba(0, 0, 0, 0.8) 0px 1px 10px inset;}
.product-grid-item .cart:not(.enquiry-button) i:is(.crc-module, .crc-module *)::before{content: ""; font-size: 23px; color: rgba(0, 0, 0, 0.8); top: 2px;}
.product-grid-item .wishlist-icon:is(.crc-module, .crc-module *)::before{content: ""; font-size: 20px; color: rgba(0, 0, 0, 0.8);}
.product-grid-item .compare-icon:is(.crc-module, .crc-module *)::before{content: ""; font-size: 20px; color: rgba(0, 0, 0, 0.8);}
.product-grid-item .price:is(.crc-module, .crc-module *),.product-grid-item .price-new:is(.crc-module, .crc-module *){font-weight: 700; font-family: Roboto; font-style: normal; font-size: 15px; text-transform: none; color: rgb(51, 55, 69);}
.product-grid-item .price-old:is(.crc-module, .crc-module *){color: rgb(51, 51, 51);}
.product-grid-item:hover .cart:not(.enquiry-button) i:is(.crc-module, .crc-module *)::before{display: none !important;}
.product-grid-item .cart .button:is(.crc-module, .crc-module *){font-weight: 700 !important; font-family: Roboto; text-transform: none; color: rgba(0, 0, 0, 0.8); font-size: 18px;}
.product-grid-item .name a:hover:is(.crc-module, .crc-module *){color: rgb(234, 35, 73);}
.product-grid-item .name:is(.crc-module, .crc-module *){display: table;}
.product-grid-item .compare:is(.crc-module, .crc-module *){display: inline-block;}
.product-grid-item .wishlist:is(.crc-module, .crc-module *){display: inline-block;}
.button.ias-trigger:hover:is(.crc-module, .crc-module *){background-color: rgb(255, 255, 255); color: rgba(0, 0, 0, 0.8);}
.button.ias-trigger:is(.crc-module, .crc-module *){font-size: 26px; font-weight: 700; font-family: Roboto; text-transform: none; background-color: rgb(255, 255, 255);}
.product-grid-item:hover .product-wrapper:is(.crc-module, .crc-module *){box-shadow: rgb(209, 209, 209) 0px 0px 10px 0px;}
.product-grid-item .cart .button-left-icon:is(.crc-module, .crc-module *)::before{margin-right: 6px;}
.product-grid-item .cart .button-right-icon:is(.crc-module, .crc-module *){display: none;}
.product-grid-item .button-compare-text:is(.crc-module, .crc-module *),.product-grid-item .button-wishlist-text:is(.crc-module, .crc-module *){display: none;}
.product-grid-item .compare .hint--top:is(.crc-module, .crc-module *)::before,.product-grid-item .wishlist .hint--top:is(.crc-module, .crc-module *)::before{display: block;}
.product-grid-item .compare .hint--top:is(.crc-module, .crc-module *)::before,.product-grid-item .wishlist .hint--top:is(.crc-module, .crc-module *)::before{border-top-color: rgb(66, 139, 202);}
.product-grid-item:is(.crc-module, .crc-module *){margin-bottom: 20px;}
@font-face { font-family: FontAwesome; font-display: swap; src: url("../../../../../catalog/view/javascript/font-awesome/fonts/fontawesome-webfont.woff2?v=4.4.0") format("woff2"), url("../../../../../catalog/view/javascript/font-awesome/fonts/fontawesome-webfont.woff?v=4.4.0") format("woff"), url("../../../../../catalog/view/javascript/font-awesome/fonts/fontawesome-webfont.ttf?v=4.4.0") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: journal-icons; font-display: swap; src: url("../../../../../catalog/view/theme/journal2/css/icons/fonts/journal-icons.woff") format("woff"), url("../../../../../catalog/view/theme/journal2/css/icons/fonts/journal-icons.ttf") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: journal-icons; }
@font-face { font-display: swap; font-family: Roboto; font-style: normal; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url("../../../../../catalog/view/theme/journal2/css/fonts/roboto-v20-latin_cyrillic-regular.woff2") format("woff2"), url("../../../../../catalog/view/theme/journal2/css/fonts/roboto-v20-latin_cyrillic-regular.woff") format("woff"), url("../../../../../catalog/view/theme/journal2/css/fonts/roboto-v20-latin_cyrillic-regular.ttf") format("truetype"); }
@font-face { font-display: swap; font-family: Roboto; font-style: normal; font-weight: 700; src: local("Roboto Bold"), local("Roboto-Bold"), url("../../../../../catalog/view/theme/journal2/css/fonts/roboto-v20-latin_cyrillic-700.woff2") format("woff2"), url("../../../../../catalog/view/theme/journal2/css/fonts/roboto-v20-latin_cyrillic-700.woff") format("woff"), url("../../../../../catalog/view/theme/journal2/css/fonts/roboto-v20-latin_cyrillic-700.ttf") format("truetype"); }