/* =================================
   TIOB CLEAN PRICE STYLE
================================= */


.tiob-price-box{

    position:relative;

    padding:18px 0;

    background:transparent;

}



/* Discount Badge */

.tiob-sale-badge{

    position:absolute;

    top:0;

    left:0;


    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;


    min-width:70px;


    padding:7px 12px;


    color:#fff;


    background:

    linear-gradient(
        135deg,
        #ef4444,
        #dc2626
    );


    border-radius:12px;


    box-shadow:

    0 8px 18px rgba(239,68,68,.25);


    transform:rotate(-3deg);


    z-index:2;

}



/* درصد */

.tiob-sale-badge span{

    font-size:15px;

    line-height:1;

    font-weight:900;

}



/* فروش ویژه */

.tiob-sale-badge strong{


    margin-top:5px;


    font-size:10px;


    font-weight:700;


    opacity:.95;


}



/* Price */

.tiob-price-current{


    margin-top:20px;


    font-size:32px;


    font-weight:900;


    color:#111827;


    letter-spacing:-.5px;


}



/* Old Price */

.tiob-price-old{


    margin-top:8px;


    color:#94a3b8;


    font-size:14px;


    font-weight:600;


    text-decoration:

    line-through;


}



/* Free */

.tiob-free-price{


    display:inline-flex;


    align-items:center;

    gap:8px;


    margin-top:15px;


    padding:10px 20px;


    border-radius:12px;


    color:#15803d;


    background:#dcfce7;


    font-size:24px;


    font-weight:900;


}



/* Badge hover */

.tiob-sale-badge{

    transition:.25s ease;

}


.tiob-sale-badge:hover{

    transform:

    rotate(0deg)

    translateY(-3px);

}



/* Mobile */

@media(max-width:640px){


.tiob-price-current{

    font-size:25px;

}


.tiob-sale-badge{

    min-width:62px;

    padding:6px 10px;

}


.tiob-sale-badge span{

    font-size:13px;

}


}



/*
=====================================================
 TIOB PRODUCT v8.6
 MODERN FLAT UI
 BASE + AJAX BUTTONS
=====================================================
*/


.tiob-product {

    direction: rtl;

    color:#1f2937;

}





/*
=====================================================
 CUSTOM ACTION BUTTONS
=====================================================
*/


.tiob-actions {


    display:flex;

    gap:12px;

    margin-top:20px;

    width:100%;


}





.tiob-btn {


    position:relative;

    flex:1;


    min-height:48px;


    border-radius:14px;


    border:1px solid #e5e7eb;


    background:#fff;


    cursor:pointer;


    display:flex;


    align-items:center;


    justify-content:center;


    gap:9px;


    font-size:14px;


    font-weight:600;


    transition:


    transform .2s ease,


    box-shadow .2s ease,


    background .2s ease,


    border-color .2s ease;



}





.tiob-btn:hover {


    transform:translateY(-2px);


    box-shadow:

    0 10px 25px rgba(0,0,0,.08);


}





.tiob-btn:active {


    transform:scale(.97);


}








.tiob-icon {


    font-size:20px;


    line-height:1;


}








/*
=====================================================
 CART BUTTON
=====================================================
*/


.tiob-cart-btn {


    background:#2563eb;


    color:#fff;


    border-color:#2563eb;


}





.tiob-cart-btn:hover {


    background:#1d4ed8;


}








.tiob-cart-btn.is-active {


    background:#ef4444;


    border-color:#ef4444;


}









.tiob-cart-btn.is-active:hover {


    background:#dc2626;


}









/*
=====================================================
 WISHLIST BUTTON
=====================================================
*/


.tiob-wishlist-btn {


    background:#fff;


    color:#374151;


}





.tiob-wishlist-btn.is-active {


    color:#db2777;


    border-color:#f472b6;


    background:#fdf2f8;


}









/*
=====================================================
 LOADING STATE
=====================================================
*/


.tiob-btn.is-loading {


    pointer-events:none;


    opacity:.75;


}





.tiob-btn.is-loading .tiob-icon {


    animation:

    tiob-spin .8s linear infinite;


}





.tiob-btn.is-loading .tiob-icon {


    font-size:16px;


}





.tiob-btn.is-loading .tiob-icon::after {


    content:'⟳';


}







@keyframes tiob-spin {


    from {


        transform:rotate(0deg);

    }


    to {


        transform:rotate(360deg);

    }


}









/*
=====================================================
 MOBILE BUTTONS
=====================================================
*/


@media(max-width:768px){



    .tiob-actions {


        flex-direction:column;


    }





    .tiob-btn {


        width:100%;


    }


}

/*
=====================================================
 TIOB MODERN TOAST
=====================================================
*/


#tiob-toast,
.tiob-toast {


    position:fixed;


    top:90px;


    right:30px;


    z-index:999999;



    min-width:300px;


    max-width:420px;



    padding:14px 18px;



    display:flex;


    align-items:center;


    gap:12px;



    direction:rtl;



    background:#fff;


    color:#1f2937;



    border-radius:16px;



    box-shadow:


    0 20px 50px rgba(0,0,0,.12);



    opacity:0;


    visibility:hidden;



    transform:


    translateY(-25px)


    scale(.95);



    transition:


    all .35s cubic-bezier(.4,0,.2,1);



}





#tiob-toast.show,
.tiob-toast.show {



    opacity:1;


    visibility:visible;



    transform:


    translateY(0)


    scale(1);



}





.tiob-toast-icon {


    width:38px;


    height:38px;



    border-radius:50%;



    display:flex;


    align-items:center;


    justify-content:center;



    font-size:20px;



    flex-shrink:0;


}





.tiob-toast-text {


    font-size:14px;


    font-weight:600;



}







/*
=====================================================
 TOAST TYPES
=====================================================
*/


.tiob-toast.add-cart {


    border-right:5px solid #22c55e;


}



.tiob-toast.add-cart 
.tiob-toast-icon {


    background:#dcfce7;


    color:#16a34a;


}







.tiob-toast.remove-cart {


    border-right:5px solid #f59e0b;


}



.tiob-toast.remove-cart 
.tiob-toast-icon {


    background:#fef3c7;


    color:#d97706;


}







.tiob-toast.add-wishlist {


    border-right:5px solid #ec4899;


}



.tiob-toast.add-wishlist 
.tiob-toast-icon {


    background:#fce7f3;


    color:#db2777;


}







.tiob-toast.remove-wishlist {


    border-right:5px solid #64748b;


}



.tiob-toast.remove-wishlist 
.tiob-toast-icon {


    background:#e2e8f0;


    color:#475569;


}







.tiob-toast.error {


    border-right:5px solid #ef4444;


}



.tiob-toast.error 
.tiob-toast-icon {


    background:#fee2e2;


    color:#dc2626;


}









/*
=====================================================
 TABS WRAPPER
=====================================================
*/


.tiob-tabs-wrapper {


    position:relative;


    margin-bottom:25px;


    transition:.3s ease;


}





.tiob-tabs-wrapper.is-sticky {


    position:sticky;


    top:15px;


    z-index:1000;



    background:#fff;



    padding:10px;



    border-radius:18px;



    box-shadow:


    0 10px 35px rgba(0,0,0,.08);


}









/*
=====================================================
 TABS NAVIGATION
=====================================================
*/


.tiob-tabs {


    display:flex;


    gap:8px;



    padding:8px;



    background:#f8fafc;



    border-radius:18px;



    overflow-x:auto;



    scrollbar-width:none;


}



.tiob-tabs::-webkit-scrollbar{


    display:none;


}









.tiob-tab {


    flex:0 0 auto;



    border:0;


    background:transparent;



    padding:12px 18px;



    border-radius:14px;



    cursor:pointer;



    display:flex;



    align-items:center;



    gap:8px;



    color:#64748b;



    font-size:14px;



    font-weight:600;



    transition:.25s ease;



}








.tiob-tab:hover {


    background:#fff;


    color:#2563eb;


}








.tiob-tab.active {


    background:#2563eb;


    color:#fff;



    box-shadow:


    0 8px 20px rgba(37,99,235,.25);


}







.tiob-tab-icon {


    font-size:18px;


}







/*
=====================================================
 TAB PANELS
=====================================================
*/


.tiob-panel {


    display:none;


    animation:


    tiobFade .3s ease;


}





.tiob-panel.active {


    display:block;


}






@keyframes tiobFade {


    from {


        opacity:0;


        transform:translateY(10px);


    }



    to {


        opacity:1;


        transform:translateY(0);


    }


}









@media(max-width:768px){



    #tiob-toast,
    .tiob-toast{


        right:15px;


        left:15px;


        top:75px;


        max-width:none;


    }






    .tiob-tabs-wrapper.is-sticky{


        top:5px;


    }






    .tiob-tab{


        padding:10px 14px;


        font-size:13px;


    }



}

/*
=====================================================
 TIOB PRODUCT LAYOUT
 MAIN STRUCTURE
=====================================================
*/


.tiob-product {


    width:100%;


}





.tiob-layout {


    display:grid;


    grid-template-columns:


    340px 1fr;



    gap:30px;



    align-items:start;



}








/*
=====================================================
 SIDEBAR
=====================================================
*/


.tiob-sidebar {


    position:relative;


}





.tiob-image-card {


    background:#fff;


    border-radius:24px;



    padding:20px;



    border:1px solid #eef2f7;



    overflow:hidden;



    box-shadow:


    0 8px 30px rgba(0,0,0,.04);



}







.tiob-image-card img {


    width:100%;


    height:auto;



    display:block;



    border-radius:18px;



    transition:


    transform .35s ease;



}






.tiob-image-card:hover img {


    transform:scale(1.03);


}









/*
=====================================================
 BUY CARD
=====================================================
*/


.tiob-buy-card {


    margin-top:20px;



    padding:20px;



    background:#fff;



    border-radius:24px;



    border:1px solid #eef2f7;



    box-shadow:


    0 8px 30px rgba(0,0,0,.04);



}









/*
=====================================================
 PRICE BOX
=====================================================
*/


.tiob-price-box {


    margin-bottom:20px;



    padding:18px;



    background:#f8fafc;



    border-radius:18px;



    text-align:center;



}







.tiob-price-box .hikashop_product_price {


    font-size:25px;



    font-weight:800;



    color:#2563eb;



}







.tiob-price-box del {


    color:#94a3b8;



    font-size:14px;



    margin-left:8px;



}









/*
=====================================================
 FREE PRICE
=====================================================
*/


.tiob-free-price {


    color:#16a34a;



    font-size:24px;



    font-weight:800;



}









/*
=====================================================
 PRODUCT HEADER
=====================================================
*/


.tiob-header {


    display:flex;



    justify-content:space-between;



    align-items:flex-start;



    gap:20px;



    margin-bottom:25px;



}





.tiob-header h1 {


    margin:0;



    font-size:28px;



    line-height:1.6;



    font-weight:800;



    color:#111827;



}








.tiob-code {


    display:inline-block;



    margin-top:8px;



    padding:5px 12px;



    border-radius:20px;



    background:#eff6ff;



    color:#2563eb;



    font-size:13px;



}









/*
=====================================================
 CONTENT AREA
=====================================================
*/


.tiob-content {


    min-width:0;


}









/*
=====================================================
 CARDS
=====================================================
*/


.tiob-card {


    background:#fff;



    border-radius:22px;



    padding:25px;



    margin-bottom:20px;



    border:1px solid #eef2f7;



    box-shadow:


    0 8px 25px rgba(0,0,0,.04);



}





.tiob-card-title {


    font-size:18px;



    font-weight:800;



    margin-bottom:18px;



    color:#111827;



}





.tiob-card-body {


    line-height:2;



    color:#475569;



}









/*
=====================================================
 RESPONSIVE
=====================================================
*/


@media(max-width:992px){



    .tiob-layout {


        grid-template-columns:1fr;



    }





    .tiob-sidebar {


        order:0;


    }





    .tiob-content {


        order:1;


    }



}







@media(max-width:768px){



    .tiob-header {


        flex-direction:column;



    }





    .tiob-header h1 {


        font-size:22px;


    }





    .tiob-image-card,


    .tiob-buy-card,


    .tiob-card {


        border-radius:18px;



        padding:16px;



    }



}

/*
=====================================================
 FEATURES PANEL
=====================================================
*/


#tiob-panel-features {


    width:100%;


}







#tiob-panel-features .hikashop_product_custom_info,


#tiob-panel-features table {


    width:100%;



    border-collapse:separate;



    border-spacing:0 10px;



}







#tiob-panel-features tr {


    background:#f8fafc;



    border-radius:14px;



    overflow:hidden;



}







#tiob-panel-features td {


    padding:14px 18px;



    font-size:14px;



    border:0;



}







#tiob-panel-features td:first-child {


    font-weight:700;



    color:#334155;



    width:35%;



}







#tiob-panel-features td:last-child {


    color:#64748b;



}









/*
=====================================================
 DOWNLOAD PANEL
=====================================================
*/


#tiob-panel-downloads {


    width:100%;


}







.tiob-download-card {


    background:#f8fafc;



    border-radius:18px;



    padding:20px;



    margin-bottom:15px;



    display:flex;



    align-items:center;



    justify-content:space-between;



    gap:15px;



}







.tiob-download-title {


    font-size:15px;



    font-weight:700;



    color:#1e293b;



}







.tiob-download-btn {


    display:inline-flex;



    align-items:center;



    gap:8px;



    padding:10px 18px;



    background:#2563eb;



    color:#fff;



    text-decoration:none;



    border-radius:12px;



    transition:.25s;



}







.tiob-download-btn:hover {


    background:#1d4ed8;



    transform:translateY(-2px);



}









/*
=====================================================
 REVIEWS
=====================================================
*/


#tiob-panel-reviews .hikashop_vote {


    border-radius:18px;



}





#tiob-panel-reviews input,


#tiob-panel-reviews textarea,


#tiob-panel-reviews select {


    width:100%;



    border:1px solid #e2e8f0;



    border-radius:12px;



    padding:12px;



    font-family:inherit;



}







#tiob-panel-reviews button {


    border:0;



    border-radius:12px;



    padding:12px 25px;



    background:#2563eb;



    color:#fff;



    cursor:pointer;



}








/*
=====================================================
 PREVIEW BUTTON
=====================================================
*/


.tiob-preview-btn {


    display:inline-flex;



    align-items:center;



    justify-content:center;



    padding:13px 25px;



    background:#0f172a;



    color:#fff;



    border-radius:14px;



    text-decoration:none;



    font-weight:700;



    transition:.25s;



}







.tiob-preview-btn:hover {


    background:#1e293b;



    transform:translateY(-2px);



}








.tiob-empty {


    padding:25px;



    text-align:center;



    background:#f8fafc;



    border-radius:16px;



    color:#64748b;



}









/*
=====================================================
 QUESTION BUTTON
=====================================================
*/


.tiob-question-btn {


    display:inline-flex;



    align-items:center;



    justify-content:center;



    padding:12px 25px;



    background:#16a34a;



    color:#fff;



    border-radius:14px;



    text-decoration:none;



    font-weight:700;



    transition:.25s;



}







.tiob-question-btn:hover {


    background:#15803d;



}









/*
=====================================================
 DESCRIPTION TYPOGRAPHY
=====================================================
*/


.tiob-panel {


    line-height:2;



    color:#475569;



}



.tiob-panel img {


    max-width:100%;



    height:auto;



    border-radius:18px;



}







.tiob-panel h2,


.tiob-panel h3 {


    color:#111827;



    font-weight:800;



}









/*
=====================================================
 MOBILE
=====================================================
*/


@media(max-width:768px){



    .tiob-download-card {


        flex-direction:column;



        align-items:stretch;



    }





    .tiob-download-btn {


        width:100%;



    }





    #tiob-panel-features td {




        width:100%;



    }





}

/*
=====================================================
 REMOVE HIKASHOP DEFAULT UI
 فقط کنترل TIOB
=====================================================
*/


.tiob-product 
.hikashop_add_to_cart_button,
.tiob-product 
.hikashop_cart_button,
.tiob-product 
.hikashop_product_add_to_cart,
.tiob-product 
.hikashop_product_quantity {



    display:none !important;


}








/*
=====================================================
 STICKY BUY ACTION MOBILE
=====================================================
*/


@media(max-width:768px){



    .tiob-sidebar {


        position:relative;


    }





    .tiob-buy-card {


        position:relative;


        bottom:15px;


        z-index:500;



        box-shadow:


        0 15px 40px rgba(0,0,0,.12);



    }





}









/*
=====================================================
 PRODUCT FORM CLEAN
=====================================================
*/


#hikashop_product_form {


    margin:0;


    padding:0;



}





#hikashop_product_form select,
#hikashop_product_form input {



    border-radius:12px;



}









/*
=====================================================
 QUANTITY STYLE
=====================================================
*/


.tiob-quantity {



    margin-top:15px;



}



.tiob-quantity input {


    width:70px;



    height:42px;



    text-align:center;



    border-radius:12px;



    border:1px solid #e2e8f0;



    font-weight:700;



}








/*
=====================================================
 SMOOTH ANIMATION
=====================================================
*/


.tiob-product * {



    -webkit-tap-highlight-color:transparent;



}





.tiob-btn,
.tiob-tab,
.tiob-card,
.tiob-image-card,
.tiob-buy-card {



    transition:



    transform .25s ease,


    box-shadow .25s ease,


    background .25s ease,


    border-color .25s ease;



}









/*
=====================================================
 ACCESSIBILITY
=====================================================
*/


.tiob-btn:focus,
.tiob-tab:focus {



    outline:none;



    box-shadow:


    0 0 0 4px rgba(37,99,235,.18);



}









/*
=====================================================
 SMALL MOBILE OPTIMIZATION
=====================================================
*/


@media(max-width:480px){



    .tiob-layout {


        gap:15px;


    }







    .tiob-header h1 {


        font-size:20px;


    }







    .tiob-actions {


        gap:8px;


    }







    .tiob-btn {


        min-height:44px;



        font-size:13px;



        border-radius:12px;



    }







    .tiob-icon {


        font-size:18px;


    }







    .tiob-price-box .hikashop_product_price,
    .tiob-free-price {



        font-size:21px;


    }







}









/*
=====================================================
 FINAL FIX
 جلوگیری از نمایش دوباره دکمه‌های هیکاشاپ
=====================================================
*/


.tiob-product 
.hikashop_product_quantity_field,
.tiob-product 
.hikashop_quantity_input {



    max-width:100%;



}







.tiob-product 
.hikashop_checkout_cart_add {



    display:none !important;



}


/* =====================================================
   TIOB PRODUCT META + PRICE + TABS
   Added v7.1
===================================================== */


/* ===============================
   TOP PRICE BOX
================================ */

.tiob-price-top{

    width:100%;

    margin:0 0 18px;

    padding:18px;

    text-align:center;

}


.tiob-price-top .hikashop_product_price{

    font-size:24px;

    font-weight:700;

    color:#111827;

}


.tiob-price-top .hikashop_product_price_before_discount{

    color:#9ca3af;

    text-decoration:line-through;

    margin-left:8px;

    font-size:15px;

}



.tiob-price-top .hikashop_product_price_after_discount{

    color:#16a34a;

    font-size:26px;

    font-weight:800;

}





/* ===============================
   ACTION BUTTONS
================================ */


.tiob-actions{

    display:flex;

    gap:12px;

    margin-bottom:18px;

}


.tiob-btn{

    flex:1;

    min-height:48px;

    border-radius:14px;

    border:0;

    cursor:pointer;

    font-size:15px;

    font-weight:600;

    transition:.25s ease;

}



.tiob-cart-btn{

    background:#2563eb;

    color:#fff;

}



.tiob-cart-btn:hover{

    transform:translateY(-2px);

}



.tiob-wishlist-btn{

    background:#f3f4f6;

    color:#374151;

}



.tiob-wishlist-btn.is-active{

    background:#fee2e2;

    color:#dc2626;

}




/* ===============================
   PRODUCT INFORMATION CARD
================================ */


.tiob-product-meta{


    width:100%;

    padding:18px;

    margin-top:15px;

    margin-bottom:20px;

    background:#fff;

    border-radius:16px;

    border:1px solid #ececec;


}



.tiob-meta-item{


    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    padding:12px 0;

    border-bottom:1px dashed #e5e7eb;

}



.tiob-meta-item:last-child{

    border-bottom:0;

}



.tiob-meta-item span{


    color:#6b7280;

    font-size:14px;


}



.tiob-meta-item strong{


    color:#111827;

    font-size:14px;

    font-weight:700;

}





/* ===============================
   TABS
================================ */


.tiob-tabs-wrapper{


    position:sticky;

    top:0px;

    z-index:0;

    margin-bottom:10px;


}



.tiob-tabs{


    display:flex;

    flex-wrap:wrap;

    gap:5px;

    padding:5px;

    background:#fff;

    border-radius:18px;

    border:1px solid #eee;


}




.tiob-tab{


    flex:1;

    min-width:90px;

    padding:12px 15px;

    background:#f8fafc;

    border:0;

    border-radius:12px;

    cursor:pointer;

    color:#64748b;

    transition:.25s ease;


}



.tiob-tab:hover{


    background:#eef2ff;


}



.tiob-tab.active{


    background:#2563eb;

    color:#fff;

    box-shadow:
    0 5px 15px rgba(37,99,235,.25);


}




.tiob-tab-icon{


    display:block;

    font-size:20px;

    margin-bottom:5px;


}



.tiob-tab-text{


    font-size:14px;

    font-weight:600;


}




/* ===============================
   TAB CONTENT
================================ */


.tiob-panel{


    display:none;

    animation:
    tiobFade .25s ease;


}



.tiob-panel.active{


    display:block;


}



@keyframes tiobFade{


    from{

        opacity:0;

        transform:translateY(10px);

    }


    to{

        opacity:1;

        transform:translateY(0);

    }


}







/* ===============================
   MOBILE
================================ */


@media(max-width:768px){


    .tiob-actions{

        flex-direction:column;

    }



    .tiob-tabs{

        overflow-x:auto;

        flex-wrap:nowrap;

    }



    .tiob-tab{

        min-width:110px;

    }



    .tiob-price-top{

        padding:14px;

    }



    .tiob-price-top .hikashop_product_price_after_discount{

        font-size:22px;

    }



    .tiob-product-meta{

        padding:14px;

    }


}

/* =====================================================
   TIOB ACTION PRICE
   Price inside cart / wishlist buttons box
===================================================== */


.tiob-actions{
    display:flex;
    flex-direction:column;
    gap:12px;
}



/* PRICE WRAPPER */

.tiob-action-price{

    width:100%;
    text-align:center;
    padding:15px 10px;

    background:#ffffff;

    border-radius:14px;

    border:1px solid #e8e8e8;

    margin-bottom:5px;

}



/* CURRENT PRICE */

.tiob-price-current{

    font-size:24px;

    font-weight:800;

    color:#16a34a;

    line-height:1.8;

}



/* OLD PRICE */

.tiob-price-old{

    font-size:15px;

    color:#999;

    text-decoration:line-through;

    margin-bottom:4px;

}



/* =====================================
   MODERN DISCOUNT BADGE
===================================== */

.tiob-discount-percent{

    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:8px 18px;

    margin:12px auto;

    border-radius:999px;

    background:linear-gradient(135deg,#ff4d6d,#ef4444);

    color:#fff;

    font-size:14px;
    font-weight:800;
    letter-spacing:.3px;

    border:1px solid rgba(255,255,255,.25);

    box-shadow:
        0 10px 30px rgba(239,68,68,.35),
        inset 0 1px 0 rgba(255,255,255,.25);

    overflow:hidden;

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}


/* Shine Effect */

.tiob-discount-percent::before{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:60%;
    height:100%;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.55),
        transparent
    );

    transform:skewX(-25deg);

    transition:1s;

}


/* Glow */

.tiob-discount-percent::after{

    content:"";

    position:absolute;

    inset:0;

    border-radius:999px;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.18);

}


/* Hover */

.tiob-discount-percent:hover{

    transform:translateY(-3px) scale(1.05);

    box-shadow:
        0 18px 40px rgba(239,68,68,.45);

}


.tiob-discount-percent:hover::before{

    left:170%;

}


/* Mobile */

@media(max-width:768px){

    .tiob-discount-percent{

        font-size:13px;

        padding:7px 16px;

    }

}



/* FREE PRODUCT */

.tiob-free-price{

    font-size:24px;

    font-weight:800;

    color:#2563eb;

}



/* BUTTONS */

.tiob-actions .tiob-btn{

    width:100%;

    min-height:48px;

    border-radius:12px;

    font-size:15px;

    font-weight:700;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    cursor:pointer;

    transition:.25s ease;

}



/* CART ACTIVE */

.tiob-cart-btn.is-active{

    background:#dc2626;

    color:#fff;

}



/* WISHLIST ACTIVE */

.tiob-wishlist-btn.is-active{

    background:#ec4899;

    color:#fff;

}



/* HOVER */

.tiob-actions .tiob-btn:hover{

    transform:translateY(-2px);

}



/* MOBILE */

@media(max-width:768px){

    .tiob-action-price{

        padding:12px 8px;

    }


    .tiob-price-current{

        font-size:21px;

    }


    .tiob-free-price{

        font-size:21px;

    }

}

/* =========================================================
   TIOB ACTION BUTTONS
   Cart + Wishlist + Demo + Question
========================================================= */

.tiob-main-actions,
.tiob-secondary-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
}


/* فاصله بین دو ردیف */

.tiob-secondary-actions {
	margin-top: 10px;
}


/* =========================================================
   BASE BUTTON
========================================================= */

.tiob-main-actions .tiob-btn,
.tiob-secondary-actions .tiob-btn {
	position: relative;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	gap: 8px;

	min-height: 46px;
	padding: 0 16px;

	border: 1px solid #dcdfe4;
	border-radius: 10px;

	background: #fff;
	color: #25282d;

	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;

	text-decoration: none;

	cursor: pointer;

	transition:
		background-color .2s ease,
		border-color .2s ease,
		color .2s ease,
		box-shadow .2s ease,
		transform .15s ease,
		opacity .2s ease;

	box-sizing: border-box;
}


/* =========================================================
   MAIN ACTIONS
========================================================= */

.tiob-main-actions .tiob-btn {
	flex: 1;
}


/* =========================================================
   SECONDARY ACTIONS
========================================================= */

.tiob-secondary-actions .tiob-btn {
	flex: 1;
}


/* =========================================================
   ICON
========================================================= */

.tiob-main-actions .tiob-icon,
.tiob-secondary-actions .tiob-icon {
	display: inline-flex;

	align-items: center;
	justify-content: center;

	width: 20px;
	height: 20px;

	flex: 0 0 20px;

	font-size: 18px;
	line-height: 1;

	transition:
		transform .2s ease,
		color .2s ease;
}


/* =========================================================
   TEXT
========================================================= */

.tiob-cart-text,
.tiob-wishlist-text,
.tiob-secondary-actions .tiob-btn-text {
	display: inline-flex;
	align-items: center;

	white-space: nowrap;
}


/* =========================================================
   HOVER
========================================================= */

.tiob-main-actions .tiob-btn:hover:not(:disabled),
.tiob-secondary-actions .tiob-btn:hover:not(:disabled) {
	border-color: #222;
	background: #222;
	color: #fff;

	box-shadow: 0 5px 18px rgba(0,0,0,.10);

	transform: translateY(-1px);
}


.tiob-main-actions .tiob-btn:hover:not(:disabled) .tiob-icon,
.tiob-secondary-actions .tiob-btn:hover:not(:disabled) .tiob-icon {
	transform: scale(1.08);
}


/* =========================================================
   ACTIVE CART / WISHLIST
========================================================= */

.tiob-cart-btn.is-active,
.tiob-wishlist-btn.is-active {
	background: #222;
	border-color: #222;
	color: #fff;
}


/* =========================================================
   ACTIVE HOVER
========================================================= */

.tiob-cart-btn.is-active:hover:not(:disabled),
.tiob-wishlist-btn.is-active:hover:not(:disabled) {
	background: #111;
	border-color: #111;
	color: #fff;
}


/* =========================================================
   LOADING
========================================================= */

.tiob-main-actions .tiob-btn.is-loading {
	cursor: wait;
	pointer-events: none;

	opacity: .75;
}


/* جلوگیری از تغییر اندازه دکمه هنگام Loading */

.tiob-main-actions .tiob-btn.is-loading .tiob-icon {
	opacity: .65;
}


/* =========================================================
   DISABLED
========================================================= */

.tiob-secondary-actions .tiob-btn:disabled,
.tiob-secondary-actions .tiob-btn.is-disabled {
	opacity: .45;

	background: #f3f4f6;
	border-color: #e1e3e6;
	color: #8a8f98;

	cursor: not-allowed;

	box-shadow: none;
	transform: none;
}


/* =========================================================
   DEMO BUTTON
========================================================= */

.tiob-demo-btn:not(.is-disabled) {
	background: #fff;
}


/* =========================================================
   QUESTION BUTTON
========================================================= */

.tiob-question-btn {
	background: #fff;
}


/* =========================================================
   TOOLTIP
========================================================= */

.tiob-main-actions .tiob-btn[title]::after,
.tiob-secondary-actions .tiob-btn[title]::after {

	content: attr(title);

	position: absolute;

	bottom: calc(100% + 9px);
	right: 50%;

	transform:
		translateX(50%)
		translateY(5px);

	padding: 7px 11px;

	border-radius: 7px;

	background: #222;
	color: #fff;

	font-family: inherit;
	font-size: 12px;
	font-weight: 500;

	line-height: 1.4;

	white-space: nowrap;

	opacity: 0;
	visibility: hidden;

	pointer-events: none;

	z-index: 99999;

	box-shadow:
		0 6px 20px rgba(0,0,0,.15);

	transition:
		opacity .18s ease,
		transform .18s ease,
		visibility .18s ease;
}


/* =========================================================
   TOOLTIP ARROW
========================================================= */

.tiob-main-actions .tiob-btn[title]::before,
.tiob-secondary-actions .tiob-btn[title]::before {

	content: "";

	position: absolute;

	bottom: calc(100% + 4px);
	right: 50%;

	transform: translateX(50%);

	width: 0;
	height: 0;

	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #222;

	opacity: 0;
	visibility: hidden;

	pointer-events: none;

	z-index: 99999;

	transition:
		opacity .18s ease,
		visibility .18s ease;
}


/* =========================================================
   TOOLTIP SHOW
========================================================= */

.tiob-main-actions .tiob-btn[title]:hover::after,
.tiob-secondary-actions .tiob-btn[title]:hover::after {

	opacity: 1;
	visibility: visible;

	transform:
		translateX(50%)
		translateY(0);
}


.tiob-main-actions .tiob-btn[title]:hover::before,
.tiob-secondary-actions .tiob-btn[title]:hover::before {

	opacity: 1;
	visibility: visible;
}


/* =========================================================
   DISABLED TOOLTIP
========================================================= */

/*
 * چون دکمه Disabled معمولاً hover نمی‌گیرد،
 * Tooltip آن را با pointer-events کنترل نمی‌کنیم.
 */

.tiob-secondary-actions .tiob-btn.is-disabled[title] {
	pointer-events: auto;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

	.tiob-main-actions,
	.tiob-secondary-actions {
		gap: 8px;
	}


	.tiob-main-actions .tiob-btn,
	.tiob-secondary-actions .tiob-btn {

		min-height: 44px;

		padding-left: 10px;
		padding-right: 10px;

		font-size: 13px;
	}


	.tiob-main-actions .tiob-icon,
	.tiob-secondary-actions .tiob-icon {

		width: 18px;
		height: 18px;

		flex-basis: 18px;

		font-size: 17px;
	}

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

	.tiob-main-actions,
	.tiob-secondary-actions {
		gap: 6px;
	}


	.tiob-main-actions .tiob-btn,
	.tiob-secondary-actions .tiob-btn {
		padding-left: 7px;
		padding-right: 7px;

		font-size: 12px;
	}


	.tiob-main-actions .tiob-icon,
	.tiob-secondary-actions .tiob-icon {
		display: none;
	}

}




/*
=====================================================
 END TIOB PRODUCT v8.6
=====================================================
*/