.ptw-wrapper{display:flex;gap:0px !important;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;}
.ptw-item{box-sizing:border-box;padding:0;}
.ptw-card{width:150px;padding:12px;border-radius:10px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,0.06);position:relative;text-align:center;font-family:inherit;margin:10px;box-sizing:border-box;}
.ptw-card .ptw-icon{position:absolute;top:2px;left:2px;font-size:16px;}
.ptw-card .ptw-name{font-size:13px;margin-top:6px;line-height:1.2;text-overflow:ellipsis;}
.ptw-card .ptw-price{font-size:16px;font-weight:700;margin-top:10px;}
.ptw-card .ptw-percent{font-size:12px;margin-top:6px;font-weight:600;}
.ptw-card .ptw-date{font-size:11px;color:#666;margin-top:6px;}
.ptw-card.price-up .ptw-icon, .ptw-card.price-up .ptw-price, .ptw-card.price-up .ptw-percent{color:#e53935;}
.ptw-card.price-down .ptw-icon, .ptw-card.price-down .ptw-price, .ptw-card.price-down .ptw-percent{color:#43a047;}

/* Rectangular card styles (400px width card) */
.ptw-rect-swiper-container{width:100%;display:flex;justify-content:center;align-items:center;padding:0 0;box-sizing:border-box; height:110px;overflow:hidden;}

.swiper-slide{display: flex !important;justify-content: center!important;align-items: center !important;}

.ptw-rect-swiper-wrapper{box-sizing:border-box;}
.ptw-rect-slide{display:flex;justify-content:center;align-items:center;box-sizing:border-box;}
.ptw-rect-card{width:400px;max-width:95%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:14px;border-radius:10px;background:#fff;position:relative;overflow:hidden;
/*box-shadow:0 6px 18px rgba(0,0,0,0.06);*/
box-sizing:border-box;
padding-bottom: 22px !important;
}
.ptw-rect-right{flex:0 0 60%;padding-left:12px;box-sizing:border-box;z-index:0;}
.ptw-rect-left{flex:0 0 40%;text-align:left;box-sizing:border-box;z-index:0;}
.ptw-rect-price{font-weight:800;font-size:18px;margin-bottom:8px;}
.ptw-rect-name{font-size:14px;color:#fff;font-weight:700;}
.ptw-rect-percent{font-size:18px;font-weight:700;}
.ptw-rect-prev{font-size:12px;color:#fff;margin-top:6px;}


.ptw-rect-card.price-up::before{

    content: "\f35b";
    font-family: "Font Awesome 5 Free";
    /* width: 50px; */
    /* height: 50px; */
    font-size: 105px;
    display: block;
    position: absolute;
    top: 60%; 
    transform: translateY(-50%) translateX(-50%);
    /*transform: translateY(-50%);*/
    left: 5%;
    /*left: -20px;*/
    color: #767676;
    opacity:0.6;
}
.ptw-rect-card.price-down::before{

    content: "\f358";
    font-family: "Font Awesome 5 Free";
    /* width: 50px; */
    /* height: 50px; */
    font-size: 105px;
    display: block;
    position: absolute;
    top: 60%; 
    transform: translateY(-50%) translateX(-50%);
    /*transform: translateY(-50%);*/
    left: 5%;
    /*left: -20px;*/
    color: #767676;
    opacity:0.6;
}




/*.ptw-rect-card.price-up::before{*/
/*    content: "";*/
/*    display: block;*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    position:absolute;*/
/*    top:50%;*/
/*    right:50%;*/
/*    background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M244.686 170.019C248.072 166.633 253.929 166.633 257.314 170.019L321.314 234.019C324.7 237.404 324.7 243.262 321.314 246.647C317.929 250.033 312.071 250.033 308.686 246.647L266.667 204.628V341.333C266.667 346.228 262.562 350.333 257.667 350.333H254.333C249.438 350.333 245.333 346.228 245.333 341.333V204.628L203.314 246.647C199.929 250.033 194.071 250.033 190.686 246.647C187.3 243.262 187.3 237.404 190.686 234.019L244.686 170.019Z' fill='green'/></svg>") no-repeat center/contain;*/
/*}*/

/* Colors by trend */
.ptw-rect-card.price-up .ptw-rect-price{color:#fff;}
.ptw-rect-card.price-up .ptw-rect-percent{color:#ffb8b6;}
.ptw-rect-card.price-down .ptw-rect-price{color:#fff;}
.ptw-rect-card.price-down .ptw-rect-percent{color:#9efff6;}

.ptw-rect-card.price-down{background-color:#26a69a;}
.ptw-rect-card.price-up{background-color:#d64b47;}




/* ===== Rectangular vertical navigation ===== */
.ptw-rect-swiper-container{
    position: relative;
}

.ptw-rect-nav{
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.55);
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    justify-content:center;
    align-items:center;
    overflow: hidden;
    z-index: 20;
}

.ptw-rect-nav span{
    color: #fff;
    font-size: 11px;
    padding: 5px 9px;
    cursor: pointer;
    text-align: center;
    user-select: none;
    line-height: 1;
    margin-top: 2px;

}

/*.ptw-rect-nav span:hover{*/
/*    background: rgba(255,255,255,0.15);*/
/*}*/




/* ===== MOBILE ONE-ROW SCROLL ===== */
@media (max-width: 768px){

    .ptw-wrapper{
        display:flex;
        flex-wrap:nowrap !important;
        overflow-x:auto !important;
        overflow-y:hidden;
        white-space:nowrap;
        padding-bottom:10px;
        gap:0 !important;
        justify-content:flex-start !important;
    }

    .ptw-card{
        width:120px !important;
        min-width:120px !important;
        margin:4px !important;
        padding:8px !important;
        border-radius:8px;
    }

    .ptw-card .ptw-name{
        font-size:11px !important;
        text-wrap: auto;
    }
    .ptw-card .ptw-icon{
        font-size:11px !important;
    }

    .ptw-card .ptw-price{
        font-size:13px !important;
    }

    .ptw-card .ptw-percent{
        font-size:11px !important;
    }

    .ptw-card .ptw-date{
        font-size:9px !important;
        display:none;
    }
    
    .ptw_1163df8 .ptw-item {
        flex: 0 0 37% !important;
        max-width: 37% !important;
    }

    /* مستطیلی‌ها هم جمع‌وجور شن */
    .ptw-rect-card{
        width:350px !important;
        min-width:350px !important;
        height:auto;
        padding:10px !important;
        padding-bottom: 22px !important;
    }
    
    .ptw-rect-price{
        font-size:15px;
    }
    .ptw-rect-name{
        font-size:13px;
    }
    .ptw-rect-percent{
        font-size:15px;
    }
    .ptw-rect-prev{
        font-size:11px;
    }
    
    
    
    
    
    
    
}