/* https://tabelive.com/ */



/* **** */


.khayal-main-content {
display: grid !important;
grid-template-columns: 1fr;
}

.khayal-main-content > * {
grid-row: auto;
}

.khayal-main-content > div:has(.khayal-btns-wishlist) {
grid-row: 1;
}

.khayal-main-content > div:has(.product-entry__sub-title) {
grid-row: 2;
}

.khayal-main-content > div:has(.sicon-sar),
.khayal-main-content > .flex.whitespace-nowrap.gap-4 {
grid-row: 3;
}

.khayal-main-content > div:has(.sicon-fire) {
grid-row: 4 !important;
margin-top: -10px !important;
margin-bottom: 20px !important;
}

.khayal-main-content > .product-form {
grid-row: 5;
}
.khayal-main-content > .product__description {
grid-row: 6;
}
.khayal-main-content > salla-installment {
grid-row: 7;
}

.khayal-main-content div > div:has(.sicon-fire) {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 6px 16px;
border-radius: 12px;
background: #ef44440f;
border: 1px solid rgba(239, 68, 68, 0.12);
box-shadow:
0 4px 15px -3px rgba(153, 27, 27, 0.08),
0 2px 6px -2px rgba(153, 27, 27, 0.04);
position: relative;
overflow: hidden;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.khayal-main-content div > div:has(.sicon-fire)::after {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 50%;
height: 100%;
background: linear-gradient(
90deg,
transparent,
rgba(239, 68, 68, 0.08),
transparent
);
animation: sweep 4s infinite linear;
}

.khayal-main-content .sicon-fire {
color: #ef4444;
font-size: 16px;
filter: drop-shadow(0 0 4px rgba(239, 68, 68, 0.3));
animation: fireWave 2s infinite ease-in-out;
}

.khayal-main-content .p-count,
.khayal-main-content div > div:has(.sicon-fire) span span {
display: inline-block;
background: linear-gradient(180deg, #dc2626 0%, #991b1b 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 900;
font-size: 16px;
margin: 0 2px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.05));
}

.khayal-main-content div > div:has(.sicon-fire) span {
color: #7f1d1d;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.2px;
}

@keyframes sweep {
0% {
left: -100%;
}
20% {
left: 150%;
}
100% {
left: 150%;
}
}

@keyframes fireWave {
0%,
100% {
transform: translateY(0) scale(1);
filter: brightness(1) drop-shadow(0 0 2px rgba(239, 68, 68, 0.3));
}
50% {
transform: translateY(-2px) scale(1.1);
filter: brightness(1.3) drop-shadow(0 0 8px rgba(239, 68, 68, 0.6));
}
}

.s-rating-stars-reviews {
display: none;
}

.s-reviews-summary-rows {
display: none;
}

.s-reviews-summary-header > div:nth-child(1) > div > p {
display: none;
}




/* old */


custom-salla-product-card .s-product-card-content button{
color:#4679B2 !important;
}
#contact-slot > a > span.unicode{
display: none !important; 
} 
#contact-slot > a >  span.s-contacts-icon{ 
border: 1px solid var(--color-footer-text) !important; 	padding: 0.4rem !important; 	border-radius: 0.2rem !important; 
}
footer > div.store-footer__inner > div > div > div.khayal-contacts-footer.flex  > salla-contacts > div { 
display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; margin: auto !important;
}
footer > div.store-footer__inner  > div > div > div.khayal-contacts-footer {
text-align: center !important; align-items: center !important; 
}  
.s-product-card-content > div.s-product-card-content-footer.gap-2 > salla-add-product-button > div > salla-button > button{ 
background: #F7FBFF !important; 	border-color: #4679B2 !important ; 
} 
.s-product-card-content > div.s-product-card-content-main > h3 > a{ 
height: 3.5rem !important; 
}  
.main-content.khayal-main-content > form > section.sticky-product-bar > salla-add-product-button > div > salla-button > button, 
salla-add-product-button > div > salla-button > button {  
background: #2D003D !important;  
border-color: #2D003D !important; 
color: white !important;   
}  
/* */

/* * mew footer icons  styl */


.khayal-contacts-footer salla-contacts > h3{
margin: auto !important;
text-align: center !important;
}
.s-contacts-list {
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-content: center !important;
margin: auto !important;
gap: 0.1rem !important;
padding-right: 0.8rem !important;
}
.khayal-store-footer .khayal-contacts-footer salla-contacts .s-contacts-item .s-contacts-icon{
border: unset !important;
border: 0.1rem solid var(--color-footer-text) !important ;
padding: 0.1rem !important;
border-radius: 0 !important;
}
.s-contacts-list a  span {
border: 0.1rem solid var(--color-footer-text) !important ;
padding: 0.1rem !important;
border-radius: 0 !important;
}
.s-contacts-list .s-contacts-item span:nth-child(2){
display: none !important;
}
/* *** */