.block-title,
div+#campaign-products .block-title
{
font-weight:       700;
font-size: 16px;
line-height:       22px;
/* identical to box height */
color:       #000000;
}

.interaktifVitrin a
{
position:       relative;
overflow: hidden;
}

.interaktifVitrin .bannerText
{
padding: clamp(30px, 4vw, 50px);
position:       absolute;
inset: 0;
z-index:       5;
display: flex;
flex-direction:       column;
}

.top1
{
top: 10% !important;
}

.top2
{
top: 20% !important;
}

.top3
{
top: 30% !important;
}

.top4
{
top: 40% !important;
}

.top5
{
top: 50% !important;
}

.left1
{
left: 10% !important;
}

.left2
{
left: 20% !important;
}

.left3
{
left: 30% !important;
}

.left4
{
left: 40% !important;
}

.left5
{
left: 50% !important;
}

.interaktifVitrin .bannerText span
{
font-style:       normal;
font-weight: 500;
font-size:       24px;
line-height: normal;
color:       #484233;
font-family: 'Bodoni Moda', serif;
}

.interaktifVitrin .bannerText b
{
font-style:       normal;
font-weight: 600;
font-size:       60px;
line-height: normal;
padding:       5px 0;
color: #484233;
}

.interaktifVitrin .bannerText button
{
font-weight:       700;
font-size: 16px;
line-height:       normal;
box-shadow:none !important;
border:      0;
text-align:  center;
background:  var(--primary-color);
color:  #FFFFFF;
padding:      11px 16px 10px;
}

.interaktifVitrin [pos-banner-text="left-center"] .bannerText
{
justify-content:       center;
align-items: flex-start;
}

.interaktifVitrin [pos-banner-text="right-center"] .bannerText
{
justify-content:       center;
align-items: flex-end;
}

.interaktifVitrin [pos-banner-text="bottom-center"] .bannerText
{
justify-content:       flex-end;
align-items: center;
}

.interaktifVitrin [pos-banner-text="top-center"] .bannerText
{
justify-content:       flex-start;
align-items: center;
}
#campaign-products .block-title
{
margin-top:       0;
}
#pageHeader
{
background:       none;
}

.pageTitle
{
line-height:       60px;
font-size: 17px;
color:       #545454;
font-weight: 600;
text-transform:       uppercase;
border-bottom: 1px solid #ECECEC;
}

.pageTitle.small-title
{
line-height:       35px;
}
:not(#pageHeader)>.pageTitle>span
{
font-size:       13px;
margin-top: -35px;
}
#pageHeader .pageTitle
{
position:       relative;
border-bottom: 0;
}
#pageHeader .pageTitle:before
{
position:       absolute;
top: 0;
right:       0;
line-height: 60px;
color:       inherit;
content: '\e81d';
font-size:       13px;
font-family: 'tsoft';
font-style:       normal;
font-weight: normal;
text-decoration:       inherit;
font-variant: normal;
text-align:       center;
text-transform: none;
-webkit-font-smoothing:       antialiased;
-moz-osx-font-smoothing: grayscale;
speak:       none;
}
[dir="rtl"] #pageHeader .pageTitle:before
{
content: '\e81c';
left:       0;
right: auto;
}
#pageOrder .pageTitle:last-child,
#pageOrder .pageTitle.passed
{
border-right:       0;
}

.pageTitle.passed:first-child
{
border-left:       0;
}
#pageHeader .pageTitle:last-of-type:before
{
content: '';
}

.pageTitle>.row
{
text-align:       center;
background-repeat: no-repeat;
background-position:       20px center;
background-size: 25px;
white-space:       nowrap;
overflow: hidden;
text-overflow:       ellipsis;
border-bottom: 1px solid #cdcdcd;
}
#pageHeader .pageTitle>.row
{
border-bottom:       0;
}

.pageTitle.flexTitle
{
height:       auto;
line-height: normal;
}

.pageTitle.flexTitle>.row
{
border-bottom:       0;
}

.pageTitle.flexTitle small
{
font-size:       12px;
text-transform: none;
display:       block;
margin-top: 4px;
}

.col-title
{
line-height:       40px;
font-size: 15px;
}

.col-title i:before
{
line-height:       40px;
}
#leftFilter>.col-title
{
display:       none;
}

.col-title .btn
{
height:       auto;
line-height: 20px;
padding-top:       5px;
padding-right: 10px;
padding-bottom:       5px;
padding-left: 10px;
}

.col-text
{
line-height:       17px;
font-size: 12px;
font-weight:       300;
color: #797979;
}
#filterWrapper .col-text:hover
{
color:       #e35252;
}
[dir="rtl"] .col-text
{
direction:       rtl;
text-align: right;
}
#question
{
min-height:       19px;
padding-left: 31px;
background: url(question.png) no-repeat 0 center;
display:       flex;
align-items: center;
box-sizing:       border-box;
}
[dir="rtl"] #question
{
padding-right:       31px;
padding-left: 0;
background: url(question.png) no-repeat right center;
}

.currency
{
padding-top:       5px;
padding-bottom: 5px;
}

.currency:last-child
{
padding-bottom:       0;
border-bottom: 0;
}
/*.currency *
{
line-height:      16px;
font-size:12px;
text-align:      center;
}
*/
/* unique css */
#BlokAra>.row
{
position:       relative;
}

.filter-title:not(.hidden) .icon-plus
{
display:       none;
}

.filter-title.hidden .icon-minus
{
display:       none;
}
/* unique css */
@media screen and (max-width: 768px)
{
.block-title>span,
div+#campaign-products .block-title>span
{
display:       block;
width: 100%;
}

.interaktifVitrin .bannerText button
{
font-size:       14px;
padding: 6px 8px 5px;
}

.interaktifVitrin .bannerText span
{
font-size:       15px;
}

.interaktifVitrin .bannerText b
{
font-size:       20px;
}

.block-title .compare,
div+#campaign-products .block-title .compare
{
position:       static;
margin-top: 10px;
float:       right;
}
[dir="rtl"] .col-title .btn:after
{
right:       auto;
left: 0;
background-position:       10px center;
}
#leftFilter
{
position:       relative;
padding-top: 10px;
padding-bottom:       10px;
background: #fff;
border:       1px solid #e5e5e5;
}
#leftFilter>.col-title
{
display:       block;
}

.col-title+div
{
display:       none;
}
#leftFilter .col-title+div
{
width: 100%;
}
#leftFilter>.col-title+div
{
padding-top:       10px;
padding-left: 10px;
padding-right:       10px;
box-sizing: border-box;
}
#filterMobileBtn
{
line-height:       30px;
font-size: 15px;
}
[dir="rtl"] #filterMobileBtn
{
padding-right:       20px;
padding-left: 10px;
background-position:       right center;
}
#filterMobileBtn.active
{
color:       #e35252;
}
[dir="rtl"] #filterMobileBtn.active
{
background-position:       right center;
}
#filterMobileBtn:after,
#filterSortBtn:after
{
content: '';
float:       right;
width: 9px;
height:       15px;
}
[dir="rtl"] #filterMobileBtn:after,
[dir="rtl"] #filterSortBtn:after
{
float:       left;
}
#filterWrapper
{
display:       none;
margin-top: 10px;
}
#filterPanel
{
padding:       0 10px;
box-sizing: border-box;
}
#filterPanel>.row.mb>.box.box-border
{
padding:       0;
border-bottom: 0;
}
#filterPanel>.row.mb:last-child>.box.box-border
{
border-bottom:       1px solid #ececec;
}
#filterPanel>.row.mb .col-title
{
font-size:       14px;
margin-bottom: 10px;
}
#filterPanel>.row.mb .col-title.active
{
color:       #e34d0b;
}
#filterPanel>.row.mb .col-title+div
{
border-top:       0;
}
#filterPanel .col-text
{
line-height:       25px;
font-size: 11px;
}
#filterPanel .col-text .input-wrap
{
width:       14px;
height: 25px;
}
#filterPanel .box.p-bottom.col-12
{
padding-top:       5px;
padding-bottom: 5px;
}

.priceWrap
{
float:       right;
padding-left: 20px;
margin-top:       0;
margin-right: 0;
margin-bottom:       0;
margin-left: 0;
}

.priceWrap span
{
float:       left;
width: 100%;
text-align:       left;
font-weight: 600;
line-height:       14px;
font-size: 11px;
}

.priceWrap span:nth-child(2)
{
display:       none;
}
#priceSlider
{
width:       auto;
}
#slider-range
{
margin-bottom:       6px;
}
#filterSortBtn
{
line-height:       30px;
font-size: 15px;
padding-top:       10px;
padding-bottom: 10px;
}
#filterSortBtn.active
{
color:       #e35252;
}
[dir="rtl"] #filterSortBtn.active
{
background-position:       right center;
}
#filterSort .filter-box
{
padding-top:       0;
padding-bottom: 0;
}
#filterSort .filter-box.comparisonWrap
{
border-right:       0;
}
}
@media screen and (max-width: 540px)
{
#pageHeader .pageTitle
{
display:       none;
}
#pageHeader .pageTitle.passed
{
display:       block;
}
#pageHeader .pageTitle>.row
{
font-size:       16px;
margin-top: 0;
}
#leftFilter,
#filterSortBtn
{
padding-top:       5px;
padding-bottom: 5px;
}
#filterMobileBtn,
#filterSortBtn
{
font-size:       14px;
}
#filterPanel>.row.mb .col-title
{
font-size:       13px;
}
}