.shop-page-title.category-page-title{
display: none;
}
.p_header{
padding: 32px 0 0;
}
.p_header .rank-math-breadcrumb p{
margin-bottom: 16px;
font-size: 12px;
}
.p_header .rank-math-breadcrumb a{
font-weight: 500;
}
.p_header h1{
margin-bottom: 8px;
font-size: 28px;
line-height: 1.4;
}
.sec__ctkm{
padding-top: 30px;
}
.mo_ta_wrapper{
display: flex;
flex-direction: column;
gap: 16px;
}
.mo_ta_wrapper .mo_ta{
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
transition: all 0.3s ease-in-out;
font-size: 14px;
line-height: 1.4;
}
.mo_ta_wrapper .mo_ta ul, .mo_ta_wrapper .mo_ta ol{
padding-inline-start: 1.5em;
}
.mo_ta_wrapper .mo_ta *{
margin-bottom: 4px; }
.mo_ta_wrapper .mo_ta h2,
.mo_ta_wrapper .mo_ta h3,
.mo_ta_wrapper .mo_ta h4,
.mo_ta_wrapper .mo_ta h5,
.mo_ta_wrapper .mo_ta h6{
color: #C9252C;
font-weight: 600;
}
.mo_ta_wrapper .mo_ta.expanded {
-webkit-line-clamp: unset;
overflow: visible;
display: flex;
flex-direction: column;
gap: 4px;
}
.mo_ta_wrapper .readmore-btn{
width: fit-content;
margin: auto;
background-color: white;
border: 1px solid #C9252C;
color: #C9252C;
text-transform: none;
font-size: 14px;
font-weight: 600;
}
.mo_ta_wrapper .readmore-btn:hover{
color: white;
background-color: #C9252C;
}
.sec__list_p{
padding: 32px 0;
}
.sec__list_p #product-results .products{
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 24px;
}
.sec__list_p #product-filter{
margin-bottom: 0px;
}
.sec__list_p #product-filter .filter-group{
display: flex;
gap: 16px;
margin-bottom: 18px;
}
.sec__list_p #product-filter label.title{
font-size: 24px;
margin-bottom: 8px;
}
.sec__list_p #product-filter .filter-group select{
width: fit-content;
min-height: 34px;
padding: 0 44px 0 16px;
margin-bottom: 0px;
background-color: #E6E6E6;
border-radius: 4px;
border: 1px solid #CECDCD;
font-size: 14px;
}
.sec__list_p #product-filter .filter-group .button{
text-transform: none;
background-color: transparent;
margin: 0px;
padding: 0px;
}
.sec__list_p #product-filter .filter-group .button span{
display: flex;
align-items: center;
justify-content: center;
min-height: 35px;
padding: 0 16px;
font-size: 14px;
font-weight: 400;
text-transform: none;
color: #231f20;
background-color: #E6E6E6;
border: 1px solid #CECDCD;
border-radius: 4px;
}
.sec__list_p #product-filter .filter-group .button input{
display: none;
}
.sec__list_p #product-filter .filter-group .button input:checked + span,
.sec__list_p #product-filter .filter-group .button:hover span{
color: white;
background: #c9252c;
border-color: #c9252c;
}
.p_footer{
padding: 32px 0;
}
.sec__products .section-title{
display: flex;
justify-content: space-around;
}
.cat-banner{
margin-bottom: 1em;
}
.cat-banner .banner{
width: 100%;
}
.sec__products .inside-wrapper .head{
padding: 15px;
background: #fff;
border-bottom: 1px solid #C90000;
}
.sec__products .inside-wrapper .products{
padding: 15px;
background: #fff;
}
.sec__products .inside-wrapper .head .title{
font-size: 18px;
}
.sec__products .inside-wrapper .head span{
text-transform: uppercase;
font-weight: 600;
}
@media (max-width: 1024px){
.sec__products .products.columns-4{
grid-template-columns: repeat(3, 1fr);
}
.sec__products .inside-wrapper .foot{
padding: 0px 0px 16px;
background-color: white;
display: flex;
justify-content: center;
}
.sec__products .inside-wrapper .foot a{
font-weight: 600;
text-decoration: underline;
color: var(--fs-color-primary);
}
}
@media (max-width: 576px){
section .container.wrapper{
gap: 9px;
}
.p_header{
padding: 16px 0;
}
.p_header .rank-math-breadcrumb p{
margin-bottom: 8px;
}
.p_header h1{
font-size: 20px;
}
.mo_ta_wrapper .mo_ta{
font-size: 12px;
}
.mo_ta_wrapper .readmore-btn{
font-size: 12px;
}
section .container.wrapper,
section .container{
padding: 0 4px;
}
.sec__list_p{
padding: 24px 0px;
}
.sec__list_p #product-filter label.title{
font-size: 14px;
}
.sec__list_p #product-filter .filter-group{
flex-wrap: wrap;
gap: 4px;
margin-bottom: 16px;
}
.sec__list_p #product-filter .filter-group select{
font-size: 12px;
padding: 0 24px 0px 8px;
}
.sec__list_p #product-filter .filter-group .button span{
font-size: 12px;
padding: 0 8px;
min-height: 32px;
}
.sec__list_p #product-results .products{
grid-template-columns: 1fr 1fr;
gap: 4px;
}
.sec__products .products.columns-4{
grid-template-columns: repeat(2, 1fr);
}
.sec__products .inside-wrapper .head{
padding: 15px 5px;
}
.sec__products .inside-wrapper .products{
padding: 15px 5px;
gap: 10px;
}
}