/* .pc-card__image
{
    border-radius: 16px;
    border:1px solid #DEDEDE;
} */
.pc-badge--best-seller
{
    width:fit-content;
    position: absolute;
    top:-5px;
    left:-5px;
    z-index: 2;
}
.pc-badge--new
{
    width:fit-content;
    position: absolute;
    top:-5px;
    right:-5px;
    z-index: 2;
}
.pc-compare-btn
{
    padding:2px 4px;
    border-radius: 100px;
    background-color:#A5270C;
    font-weight: 700;
    font-size: 10px;
    border:none;
    gap:4px;
    color:white;
    position: absolute;
    right:4px;
    bottom:4px;
    cursor: pointer;
}
.pc-discount
{
    position: absolute;
    bottom:4px;
    left:4px;
    padding:2px 4px;
    background: linear-gradient(270deg, #FF8000 0%, #FF0404 100%);
    border:1px solid #FFFFFF;
    box-shadow: 0px 2px 8px 0px #A5270C4D;
    color:white;
    line-height: 15px;
    font-weight: 600;
    font-size: 10px;
    border-radius: 100px;
}
.pc-card__title
    {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: 600;
    overflow-wrap: break-word;
    height:54px;
    }
.pc-card__price
{
    gap:8px;
    font-size: 14px;
}
.pc-card__row
{
    font-size: 14px;
    gap:8px;
}
.pc-card__label
{
    font-weight: 500;
    white-space: nowrap;
}
.pc-card__value
{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.pc-compare-list__aside
{
    background-color:#A5270C;
    padding:42px 24px 42px 120px ;
}
.pc-compare-list__content
{
    background-color:white;
    padding:24px;
}
.pc-compare-bar__close
{
    z-index: 981;
}
.pc-compare-bar.close 
{
    display: none;
}
.pc-compare-list__toggle
{
    color:white;
    font-size: 20px;
    font-weight: 600;
    gap:80px;
    cursor: pointer;
}
.pc-compare-list__toggle .uk-icon 
{
    background-color: #FFFFFF99;
    border:1px solid #F4F4F4;
    border-radius: 100%;
    height:44px;
    width:44px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
}
.pc-compare-list__submit
{
    line-height: 46px;
    font-weight: 600;
}
.pc-compare-list__clear-all
{
    color:#F4F4F4;
    line-height: 46px;
    border:1px solid transparent;
    border-radius: 8px;
    padding:0px 30px;
}
.pc-compare-list__clear-all:hover 
{
    border-color:#F4F4F4;
    color:#F4F4F4;
}
.pc-compare-list__actions
{
    gap:10px;
}
.pc-compare-list__img
{
    border-radius: 16px;
    border:1px solid #DEDEDE;
    width:102px;
}
.pc-compare-list__name
{
    font-weight: 600;
}
.pc-compare-list__remove
{
    font-size: 16px;
    text-transform: math-auto;
}
.pc-compare-bar__close
{
    top:7px;
    right:7px;
}
.pc-compare-bar__inner:has(.is-collapsed) .pc-compare-list__actions
{
    display: none;
}
.pc-compare-bar__inner .is-collapsed.pc-compare-list__content
{
    display: none;
}
.pc-compare-bar:has(.is-collapsed)
{
    width:fit-content !important;
}

.pc-compare-list__toggle.is-collapsed .uk-icon 
{
    transform: rotate(180deg);
}
.pc-compare-bar:has(.is-collapsed) .pc-compare-bar__close
{
    top: -24px;
    right: 0px;
}
.pc-compare-bar:has(.pc-compare-table) .pc-compare-list__aside,
.pc-compare-bar:has(.pc-compare-cards) .pc-compare-list__aside

{
    display: none;
}
.pc-compare-bar:has(.pc-compare-table)
{
    max-width:1200px;
    border-radius: 16px;
    overflow: hidden;
    width:fit-content !important;
}
.pc-compare-bar:has(.pc-compare-table) .pc-compare-list__content,
.pc-compare-bar:has(.pc-compare-cards) .pc-compare-list__content

{
    padding:0px;
}
.pc-compare-table__scroll
{
    max-height: 70vh;
    border-radius: 16px;
}
.pc-compare-table__img
{
    width:100px;
    border-radius: 8px;
    border:1px solid #DEDEDE;
    background-color: white;
}
.pc-compare-table tr:has(.pc-compare-table__img),
.pc-compare-table tr:has(.pc-compare-table__title)
{
    background-color: #F8EEEC;
}
.table-header
{
    background-color: #A5270C;
    font-weight: 600;
    font-size: 20px;
    padding:20px 24px;
    color:white;
}
.pc-compare-table-wrap
{
    padding:16px 24px;
}
.pc-compare-table td ,
.pc-compare-table th
{
    padding:8px 20px;
    font-size: 16px;
    text-transform: none;
    vertical-align: middle;
    color:#414141;
    border-color:#C2C2C2
}
.pc-compare-table th
{
    white-space: nowrap;
}
.pc-compare-bar:has(.pc-compare-table) .pc-compare-bar__close
{
    color:white;
    top:24px;
    right:24px;
}
.cwf-group.uk-open .uk-accordion-title .uk-icon 
{
    transform: rotate(180deg);
}
.cwf-group .uk-accordion-title
{
    font-weight: 600;
}
.cwf-group .uk-accordion-title .uk-icon 
{
    flex-shrink: 0;
}
.cwf-group .uk-accordion-content 
{
    margin-top:16px;
}
.cwf-group .uk-accordion-content label:nth-child(n+2)
{
    margin-top:12px;
}
.cwf-group .filter-value
{
    font-size: 16px;
}
.dot-circle
{
    height:22px;
    width:22px;
    padding:3px;
    justify-content: center;
    align-items: center;
    display: flex;
    border:1px solid #DEDEDE;
    box-sizing: border-box;
    border-radius: 100%;
    position: relative;
    flex-shrink: 0;
}
.dot-circle::before
{
    content:"";
    display: block;
    height:15px;
    width:15px;
    position: absolute;
    box-sizing: border-box;
    border-radius: 100%;
    background-color: transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.filter-value
{
    gap:6px;
}
.filter-value:has(.uk-input:checked) .dot-circle,
.filter-value.active .dot-circle
{
    border-color: #A5270C;
}
.filter-value:has(.uk-input:checked) .dot-circle::before,
.filter-value.active .dot-circle::before

{
    background-color:#A5270C;
}
.cwf-filter-form .uk-button 
{
    line-height: 46px;
    gap:8px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}
.filter-header
{
    font-weight: 700;
    color:#1D1D1D;
    font-size: 20px;
}
.cwf-filter-form > .uk-accordion
{
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #DEDEDE transparent;
}
.pst-sort-btn
{
    padding:0px 16px;
    background-color: #F4F4F4;
    border:1px solid #F4F4F4;
    border-radius: 8px;
    color:#414141;
    text-transform: none;
}
.list-sort
{
    gap:16px;
}
.pst-search-form
{
    right:0px;
}
.pst-search-toggle
{
    border: 1px solid #DEDEDE;
    padding: 4px;
    border-radius: 100%;
    height: 42px;
    width: 42px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:white;
    z-index: 1;
}
.pst-search-form
{
    display: none;
}
.pst-search-form.pst-open 
{
    display: block;
}
.pst-search-wrap:has(.pst-open) .pst-search-toggle
{
    position: absolute;
    right: 4px;
    height: 34px;
    width: 34px;
}
.pst-search-wra .uk-search-input
{
    color:white;
}
.pst-sort-btn.uk-active,
.pst-sort-btn:hover
{
    border-color:#A5270C;
    background-color: #F8EEEC;
    color:#414141;
}
.pc-card:hover .pc-card__image-link img
{
    transform: scale(1.2);
}
.pc-card:hover .pc-card__title
{
    color:#A5270C !important;
}
.pc-card .pc-card__image-link img
{
    transition: all .2s linear;
}
.pc-card__media
{
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid #DEDEDE;
}
@media(max-width:959px)
{
    .cwf-filter-wrap:not(.pc-filter-in-offcanvas) {
        display: none !important;
    }
    .pc-card__price .pc-price--regular
	{
		font-size: 12px;
	}
	.pc-card__value
	{
		font-size: 14px;
	}
    .pst-sort-dropdown-wrap .uk-dropdown
	{
        padding:12px;
        border-radius: 12px;
	}
    .pst-sort-dropdown-wrap .pst-sort-dropdown-nav > li > a 
    {
        background-color: #F4F4F4;
        border:1px solid #DEDEDE;
        padding:6px 12px;
    }
    .pst-sort-dropdown-wrap .pst-sort-dropdown-nav > li:nth-child(n+2)
    {
        margin-top:4px;
    }
    .pst-sort-trigger
    {
        font-weight: 600;
        font-size: 16;
    }
    .pst-sort-dropdown-wrap .pst-sort-dropdown-nav > li > a.pst-sort-active,
    .pst-sort-dropdown-wrap .pst-sort-dropdown-nav > li > a:hover
    {
        border-color:#A5270C;
        background-color: #F8EEEC;
    }
    #filter-mobile .uk-offcanvas-bar
    {
        overflow: auto;
        max-height:90vh;
        bottom:0px;
        top:auto;
    }
    #filter-mobile  .uk-offcanvas-close
    {
        top:0px;
        color:#F4F4F4;
    }
    .cwf-filter-wrap hr 
    {
        margin:12px 0px;
    }
    .cwf-group .filter-value
    {
        font-size: 14px;
    }
    .pc-compare-list__aside
    {
        padding:16px;
    }
    .pc-compare-list__toggle
    {
        font-size: 16px;
    }
    .pc-compare-list__toggle .uk-icon
    {
        height:28px;
        width:28px;
        min-width:28px;
    }
    .pc-compare-bar__close
    {
        top:-20px;
        right:0px;
    }
    .pc-compare-list__submit,
    .pc-compare-list__clear-all
    {
        line-height: 32px;
    }
    .pc-compare-list__content
    {
        padding:12px 16px;
        overflow: hidden;
        border-radius: 16px 16px 16px 0px;
    }
    .pc-compare-list__items
    {
        margin-left:-12px;
    }
    .pc-compare-list__items > div 
    {
        padding-left:12px;
    }
    .table-header
    {
        padding:16px;
        font-size: 18px;
    }
    .pc-compare-table-wrap
    {
        padding:16px;
    }
    .pc-compare-table td, .pc-compare-table th
    {
        font-size: 14px;
    }
    .pc-compare-cards {
        display: grid;
        grid-auto-flow: row;
        grid-auto-rows: minmax(40px, auto);
        max-height: 70vh;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        background: #fff;
    }
    .pc-compare-cards .pc-cmp__cell:first-child,
    /* .pc-compare-cards .pc-cmp__cell:nth-child(2), */
    .pc-cmp__cell--image,
    .pc-cmp__cell--title

    {
        background-color: #F8EEEC !important;
    }
    
    .pc-cmp__cell {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        padding: 8px 10px;
        font-size: 13px;
        border-bottom: 1px solid #f0f0f0;
        flex-wrap: wrap;
    }
    
    .pc-cmp__cell--label {
        position: sticky;
        left: 0;
        z-index: 1;
       background-color: white;
        font-weight: 500;
        border-right: 1px solid #e5e5e5;
    }
    
    .pc-cmp__cell--value {
        border-right: 1px solid #f0f0f0;
    }
    
    .pc-cmp__cell--image { justify-content: center; }
    .pc-cmp__cell--title { font-weight: 600; }
    
    .pc-compare-cards__img {
        max-width: 100%;
        max-height: 90px;
        object-fit: contain;
    }
    
    .pc-compare-cards__hint {
        text-align: center;
        padding: 16px 0px;
        width:100vw
    }
    .pc-compare-cards__hint.is-hidden { opacity: 0; }
    .pc-compare-table__tech
    {
        flex-shrink: 0;
    }
    .pc-compare-cards-wraps {
        min-width: 0;
    }
    .pc-compare-cards-wrap
    {
        padding:16px 16px 0px;
    }
    .pc-compare-table__tech img 
    {
        height:36px;
        width:36px;
    }
    .pc-card__title
    {
        height:42px;
    }
}
