.shop-di {
}
.shop-di table {
}
.shop-di table tr {
}
.shop-di table tr td {
}
.Angle90 {
}
#theOverlay {
    background: #999999 none repeat scroll 0 0;
    color: #000000;
    direction: rtl;
    display: none;
    font-family: IRANSans !important;
    font-size: 12px;
    height: 100%;
    min-width: 226px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.block {
    background: #ff0000 none repeat scroll 0 0;
    border: 1px solid #999999;
    color: #000000;
    font-weight: bold;
    height: 20px;
    padding: 3px;
}
.block a {
    color: #000000;
}
.rightBda {
    border-right: 1px dotted #ffcaca;
}
.Angle90 {
    border: 2px ridge #a04c8a;
}
#Cart_Container_DetailView {
    color: #ffffff;
    float: left;
    font-family: IRANSans !important;
    font-size: 13px;
    height: auto;
    position: relative;
    width: 100%;
}
.Error {
    border: 1px solid #999999;
    color: #ffcaca;
    font-family: IRANSans !important;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    width: 80%;
}
#insideContMainArea2 {
    height: auto;
    margin-top: 3px;
    position: relative;
    width: 100%;
}
#Cart_Container {

}
#Car_top_bg {
    background: transparent url("imgs/top_bg.gif") no-repeat scroll center center;
    border-bottom: 1px solid #999999;
    height: 36px;
    width: 100%;
}
#Cart_middle {
    color: #457338;
    font-family: IRANSans !important;
    min-height: 200px;
    overflow: hidden;
    width: 100%;
}
#Cart_middle2 {
    color: #999999;
    font-family: IRANSans !important;
    height: auto;
    overflow: hidden;
    width: 100%;
}
.insideContQty {
  
    padding: 5px;
    text-align: center;
    font-family: "yekan-bakh-bold";
}
.insideContEmpty {
    background-image: url("imgs/shoppingcart_empty.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 188px;
    margin-bottom: 30px;
    margin-top: 30px;
}
.clear {
    border-top: 0 dotted #cccccc;
    height: 1px;
}
.underlineMe {
    border-bottom: 1px dotted #cccccc;
    height: 18px;
}
#insideContMainArea {

}
#insideContMainArea li {

}
#Cart_middle3 {
    color: #000000;
    font-family: IRANSans !important;
    height: auto;
    width: 100%;
}
.cartOvaHover {
}
#insideContMainArea2 {

    margin-top: 3px;

    padding: 1%;
    position: relative;
    width: 98%;
}
#Cart_gtotal {
    color: #fff;
    font-family: IRANSans !important;
    font-weight: bold;
    line-height: 22px;
    position: relative;
    text-align: right;
    width: 100%;
}
#Cart_gtotal .theCont {
    height: 40px;
    padding: 2px 2px 0 5px;
    width: 93%;
}
.ShoppingBagContent .ProductList {
    margin: 25px auto 25px;
}

.ShoppingBagContent .ProductItem {
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(91 192 222);
    direction: rtl;
}

.ShoppingBagContent .ProductItem:last-child {
    margin-bottom: 0;
}

.ShoppingBagContent .ProductItemWrp {
    display: flex;
    align-items: stretch;
    justify-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.ShoppingBagContent .ProductImage {
    width: 100%;
    max-width: 128px;
}

.ShoppingBagContent .ProductInfo {
    width: 100%;
    max-width: calc(100% - 128px);
    display: flex;
    align-items: center;
    justify-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-right: 25px;
}
.ShoppingBagContent .ProductInfo > * {
    width: 100%;
}
.ShoppingBagContent .ProductInfo .ProductTitle {
    max-width: 50%;
    padding-left: 25px;
}
.ShoppingBagContent .ProductInfo .ProductQuantity {
    max-width: 15%;
}
.ShoppingBagContent .ProductInfo .ProductPrice {
    max-width: 35%;
    text-align: left;
}

.ShoppingBagContent .ProductImage img {
    height: auto;
    max-width: 128px;
    width: 100%;
    border-radius: 10px;
    vertical-align: middle;
}

.ShoppingBagContent .ProductInfo .ProductTitle h2 {
    font-size: 20px;
    line-height: 30px;
    color: rgba(0.0, 0.0, 0.0, 1.0);
}

.ShoppingBagContent .ProductInfo .ProductTitle a:hover h2,
.ShoppingBagContent .ProductInfo .ProductTitle a:focus h2 {
    color:rgb(91 192 222);
}

.ShoppingBagContent .ProductInfo .ProductQuantitySelect {
    max-width: 75px;
    position: relative;
    margin: 0 auto;
}
.ShoppingBagContent .ProductInfo .ProductQuantitySelect select {
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    color: rgba(0.0, 0.0, 0.0, 1.0);
    font-size: 20px;
    line-height: 27px;
    padding: 5px 10px 0px;
    background-clip: padding-box;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ShoppingBagContent .ProductInfo .ProductQuantitySelect select:focus {
    border-color: rgba(0.0, 122.0, 255.0, 1.0);
    box-shadow: 0 0 0 4px rgb(0 125 250 / 60%);
    outline: none;
}

.ShoppingBagContent .ProductInfo .ProductQuantitySelect .DropDownArrow {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 7px;
    width: auto;
    line-height: 34px;
    height: 34px;
    pointer-events: none;
}
.ShoppingBagContent .ProductInfo .ProductQuantitySelect .DropDownArrow:after {
    font-family: "MiConSet";
    content: '';
    transform: translateZ(0) rotateX(0) rotate(-90deg);
    width: 100%;
    text-align: center;
    display: block;
    font-size: 16px;
    font-weight: bolder;
    vertical-align: middle;
    color: rgba(0.0, 122.0, 255.0, 1.0);
}


.ShoppingBagContent .ProductInfo .ProductQuantityInput {
    max-width: 85px;
    position: relative;
    margin: 0 auto;
}

.ShoppingBagContent .ProductInfo .ProductQuantityInput input {
    border: 1px solid rgb(236 236 241);
    border-radius: 12px;
    background: transparent;
    color: rgba(0.0, 0.0, 0.0, 1.0);
    font-size: 20px;
    line-height: 34px;
    padding: 0;
    background-clip: padding-box;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance:textfield;
    -moz-appearance: none;
    appearance: none;
    padding: 18px 10px 0;
}
.ShoppingBagContent .ProductInfo .ProductQuantityInput input::-webkit-inner-spin-button,
.ShoppingBagContent .ProductInfo .ProductQuantityInput input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.ShoppingBagContent .ProductInfo .ProductQuantityInput input:focus {
    border-color: rgba(0.0, 122.0, 255.0, 1.0);
    box-shadow: 0 0 0 4px rgb(0 125 250 / 60%);
    outline: none;
}

.ShoppingBagContent .ProductInfo .ProductQuantityInput .InputLabel {
    font-size: 10px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: var(--System-Text2);
}


.ShoppingBagContent .ProductInfo .ProductPrice .woocommerce-Price-amount {
    font-weight: 600;
}

.ShoppingBagContent .ProductInfo .ProductPrice del,
.ShoppingBagContent .ProductInfo .ProductPrice ins {
    display: block;
    text-decoration: none;
}

.ShoppingBagContent .ProductInfo .ProductPrice del .woocommerce-Price-amount {
    font-weight: initial;
}

.ShoppingBagContent .ProductInfo .ProductPrice del bdi {
    text-decoration: line-through
}

.ShoppingBagContent .ProductInfo .ProductPrice del bdi span {
    text-decoration: none;
}

.ShoppingBagContent .ProductInfo .ProductPrice bdi {
    font-size: 21px;
    position: relative;
    color: black;
}

.ShoppingBagContent .ProductInfo .ProductPrice bdi span {
    letter-spacing: 0px;
    font-size: 10px;
    top: -5px;
    display: inline-block;
    position: relative;
    margin: 0 5px 0 0;
}

.ShoppingBagContent .ProductInfo .ProductPrice ins {
    color: var(--System-Orange);
    font-weight: 600;
    margin-top: 5px;
}


.ShoppingBagContent .ProductInfo .ProductPrice .ProductRemoval a {
    line-height: 25px;
    display: inline-block;
    margin: 1px auto 0;
    color: red;
}
.ShoppingBagContent .ProductInfo .ProductPrice .ProductRemoval a:hover,
.ShoppingBagContent .ProductInfo .ProductPrice .ProductRemoval a:focus {
    text-decoration: underline;
}




.ShoppingBagContent .ProductInfo .ProductAdditionalInfo {
    border-top: 1px solid rgb(236 236 241);
    padding-top: 20px;
    margin-top: 5px;
    display: flex;
    align-items: stretch;
    justify-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.ShoppingBagContent .ProductInfo .ProductAdditionalInfo > * {
    width: 100%;
    max-width: 50%;
}

.ShoppingBagContent .ProductInfo .ProductAdditionalInfo .ProductItemVariationData li {
    display: flex;
    align-items: stretch;
    justify-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-size: 13px;
    padding-left: 5px;
    line-height: 20px;
    vertical-align: middle;
}

.ShoppingBagContent .ProductInfo .ProductAdditionalInfo .ProductItemVariationData li:not(:last-child) {
    margin-bottom: 0;
}

.ShoppingBagContent .ProductInfo .ProductAdditionalInfo .ProductItemVariationData li strong {
    padding-left: 5px;
}


.ShoppingBagContent .ProductInfo .ProductAdditionalInfo .ProductItemData > * {
    display: flex;
    align-items: stretch;
    justify-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.ShoppingBagContent .ProductInfo .ProductAdditionalInfo .ProductItemData > *:not(:last-child) {
    margin-bottom: 10px;
}

.ShoppingBagContent .ProductInfo .ProductAdditionalInfo .ProductItemData strong {
    font-weight: 400;
    font-size: 12px;
    padding-left: 10px;
    line-height: 20px;
    vertical-align: middle;
}

.ShoppingBagContent .ProductInfo .ProductAdditionalInfo .ProductItemData .ProductItemDiscount ins {
    margin: 0;
}


.ShoppingBagWrp .ShoppingBagActionTrigger {
    display: none !important;
}




/* Shopping Bag Total Section STR -------------------------------------------------*/


.ShoppingBagTotalWrp {
    width: 100%;
    max-width: 420px;
    margin: 20px auto 20px 0;
}

/* کارت اصلی */
.ShoppingBagTotalWrp .cart_totals {
    background: linear-gradient(145deg,#ffffff,#f8f9fc);
    border-radius: 10px;
    padding: 28px 26px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.06), 0 2px 6px rgba(0, 0, 0, 0.04);
    border: 1px solid rgb(91 192 222 / 54%);
    transition: all .3s ease;
}

/* افکت hover خیلی ظریف */
.ShoppingBagTotalWrp .cart_totals:hover{
    transform: translateY(-3px);
    box-shadow:
            0 20px 50px rgba(0,0,0,0.08),
            0 4px 10px rgba(0,0,0,0.05);
}

/* ردیف‌ها */
.ShoppingBagTotalWrp .TotalRow {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:14px;
}

/* عنوان عادی */
.ShoppingBagTotalWrp .TotalRow .TotalRowTitle strong{
    font-size:14px;
    font-weight:500;
    color:#6b7280;
    letter-spacing:.3px;
}

/* جداکننده حرفه‌ای */
.ShoppingBagTotalWrp .TotalRow.BagTotal{
    margin-top:0;
    padding-top:0;
    position:relative;
    margin-bottom: 0;
}



/* عنوان جمع کل */
.ShoppingBagTotalWrp .TotalRow.BagTotal .TotalRowTitle strong{
    font-size:18px;
    font-weight:700;
    color:#111827;
}

/* قیمت عادی */
.ShoppingBagTotalWrp .ProductPrice bdi{
    font-size:18px;
    font-weight:600;
    color:#111;
    display:inline-flex;
    align-items:center;
}

/* قیمت جمع کل — خیلی برجسته */
.ShoppingBagTotalWrp .TotalRow.BagTotal .ProductPrice bdi{
    font-size:26px;
    font-weight:800;
    background: linear-gradient(90deg,#0071e3,#00b4ff);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    letter-spacing:.5px;
}

/* تومان */
.ShoppingBagTotalWrp .ProductPrice bdi span{
    font-size:12px;
    margin-right:8px;
    color:#9ca3af;
    -webkit-text-fill-color:#9ca3af;
}

/* قیمت قبلی */
.ShoppingBagTotalWrp .ProductPrice del{
    opacity:.5;
    font-size:14px;
}

.ShoppingBagTotalWrp .ProductPrice del bdi{
    text-decoration:line-through;
}

/* قیمت با تخفیف */
.ShoppingBagTotalWrp .ProductPrice ins{
    color:#ef4444;
    font-weight:700;
    margin-top:6px;
}

/* فرم تخفیف */
.ShoppingBagTotalWrp .TotalRow.DiscountCode .DiscountCodeFormWrp input{
    width:100%;
    height:52px;
    border-radius:14px;
    border:1px solid #e5e7eb;
    padding:12px 15px 12px 110px;
    font-size:14px;
    background:#f9fafb;
    transition:.25s ease;
}

.ShoppingBagTotalWrp .TotalRow.DiscountCode .DiscountCodeFormWrp input:focus{
    background:#fff;
    border-color:#0071e3;
    box-shadow:0 0 0 4px rgba(0,113,227,.12);
    outline:none;
}

/* دکمه مدرن */
.ShoppingBagTotalWrp .TotalRow.DiscountCode .DiscountCodeFormWrp button{
    position:absolute;
    top:50%;
    left:10px;
    transform:translateY(-50%);
    background:linear-gradient(90deg,#0071e3,#00b4ff);
    color:#fff;
    border:none;
    padding:8px 16px;
    font-size:13px;
    font-weight:600;
    border-radius:10px;
    cursor:pointer;
    transition:.2s ease;
}

.ShoppingBagTotalWrp .TotalRow.DiscountCode .DiscountCodeFormWrp button:hover{
    opacity:.9;
    transform:translateY(-50%) scale(1.05);
}

/* لینک افزودن کد */
.ShoppingBagTotalWrp .TotalRow.DiscountCode .DiscountCodeTrigger{
    font-size:13px;
    color:#0071e3;
    font-weight:500;
    cursor:pointer;
}


.ConfirmBagGoCheckOut  {
    text-align: left;

}

.ConfirmBagGoCheckOut a {
    margin: 25px auto 0;
    background-color: rgba(0.0, 122.0, 255.0, 1.0);
    border: 1px solid rgba(0.0, 122.0, 255.0, 1.0);
    border-radius: 12px;
    color: rgba(255.0, 255.0, 255.0, 1.0);
    cursor: pointer;
    display: inline-block;
    padding: 15px 35px;
    white-space: nowrap;
    text-align: center;
    line-height: 25px;
    font-size: 15px;
    width: 100%;
}

.ConfirmBagGoCheckOut a:hover {
    background: #0077ED;
}

.ConfirmBagGoCheckOut a:focus {
    box-shadow: 0 0 0 3px rgb(131 192 253 / 50%);
    outline: none;
}

.ConfirmBagGoCheckOut a:active {
    background: #006EDB;
}

@media only screen and (max-width: 768px) {
    .ShoppingBagWrp .ShoppingBagHeader:not(.EmptyBag) {
        display: none;
    }

    .ShoppingBagContent .ProductInfo .ProductTitle,
    .OrderDetailsWrp .ProductInfo .ProductTitle {
        max-width: 100%;
        padding-bottom: 25px;
    }

    .ShoppingBagContent .ProductInfo .ProductQuantity,
    .OrderDetailsWrp .ProductInfo .ProductQuantity {
        max-width: 25%;
    }

    .ShoppingBagContent .ProductInfo > .ProductPrice,
    .OrderDetailsWrp .ProductInfo > .ProductPrice {
        max-width: 75%;
        margin-right: auto;
    }

    .OrderDetailsWrp .OrderNote,
    .OrderDetailsWrp .OrderDetailsTotal,
    .ShoppingBagTotalWrp {
        max-width: 100%;
    }

    .OrderDetailsWrp .OrderNote {
        padding-bottom: 75px;
        margin-bottom: 75px;
        border-bottom: 1px solid var(--System-Separator);
    }

    .OrderDetailsWrp .OrderNoteWrp {
        padding-left: 0;
        margin-left: 0;
        border-left: none;
    }
    .ShoppingBagContent .ProductImage,
    .OrderDetailsWrp .ProductImage {
        max-width: 85px;
    }
    .ShoppingBagContent .ProductInfo,
    .OrderDetailsWrp .ProductInfo {
        max-width: calc(100% - 85px);
        padding-right: 15px;
    }
    .ShoppingBagContent .ProductInfo .ProductAdditionalInfo > *,
    .OrderDetailsWrp .ProductInfo .ProductAdditionalInfo > * {
        max-width: 100%;
        text-align: right;
        margin: 0 auto 10px;
    }
    .ShoppingBagContent .ProductInfo .ProductAdditionalInfo .ProductItemVariationData li,
    .OrderDetailsWrp .ProductInfo .ProductAdditionalInfo .ProductItemVariationData li {
        justify-content: flex-end;
    }
    .ShoppingBagContent .EmptyBagContent a {
        padding: 10px 25px;
        line-height: 26px;
        width: 100%;
    }
    .ShoppingBagContent .EmptyBagContent a:not(:last-child) {
        margin-left: 0;
        margin-bottom: 15px;
    }

    /* Checkout Page STR ----------------------------------------------------------*/
    .CheckoutWrp .PaymentMethod li label,
    .CheckoutWrp .ShippingMethod li label {
        display: block;
        text-align: center;
    }
    .CheckoutWrp .PaymentMethod li label img,
    .CheckoutWrp .ShippingMethod li label img {
        margin: 0 auto;
    }
    .CheckoutWrp .PaymentMethod li label .PaymentMethodInfo,
    .CheckoutWrp .ShippingMethod li label .ShippingMethodInfo {
        max-width: 100%;
        padding-right: 0;
    }
}