:root {
  --tb-green-shade:#eef3e8;
}
.form-bg{
    background: var(--tb-surface);
    border: 1px solid var(--tb-border);
    border-radius: var(--tb-radius);
    overflow: hidden;
    box-shadow: var(--tb-shadow-sm);
    transition: transform var(--tb-ease), box-shadow var(--tb-ease);
}
.bg-light-2{
    background:var(--tb-surface);}
html[data-bs-theme="dark"] .account-menu a{color:#ffffff!important;}  
html[data-theme="dark"] .qty-input {
    background: #14180f!important;
    color: #ffffff!important;
}
html[data-theme="dark"] .qty-btn {
    background:#19250c ;color: #ffffff;}
html[data-theme="dark"] .qty-box{background: #1d2417;    border: 1px solid #323b27;}
html[data-theme="dark"] .account-menu a.active {
    background: #14180f;
    color: #ffffff;
}

.account-sidebar{position: sticky; top:80px;}

.account-title{color: var(--tb-leaf);}
.account-card, .account-sidebar, .password-card{
background: var(--tb-surface);border: 1px solid var(--tb-border);border-radius: var(--tb-radius);overflow: hidden;box-shadow: var(--tb-shadow-sm);transition: transform var(--tb-ease), box-shadow var(--tb-ease);}
.plant-banner{max-height:160px;}
.account-menu a{color: var(--tb-forest);}
.account-menu a.active{background:var(--tb-green-shade);}
.perk-card{border: 1px solid var(--tb-border);}
.perk-icon{width:60px;height:60px;background: var(--tb-green-shade);color: var(--tb-forest);}
.perk-card a{color:var(--tb-forest);}
.account-card hr{margin:25px 0;opacity:.1;}
.detail-icon{width:56px;height:56px;background:var(--tb-green-shade);color:var(--tb-forest);}
.edit-btn{width:52px;height:52px;border:1px solid var(--tb-border);background: var(--tb-surface);color: var(--_fg);}
.change-password-btn{
  border:2px solid var(--tb-leaf);
  color: var(--tb-forest);
  background: var(--tb-surface);
  cursor: pointer;
}

.account-card .form-control, .account-card .form-select{  
    color: var(--_fg);}
.form-select:disabled, .form-control:disabled {
    background-color:transparent;
}
/*#passwordField:disabled {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding-left: 0;
}*/
.pays{width: 100px;}
.password-card .form-control:focus{
    border-color: 1px solid var(--tb-border)!important;
    box-shadow: none!important;}
    .product-img{width:100px;}

    .product-img img{width:150px;}
   .cart-item th,
.cart-item td {
    padding: 10px;
    vertical-align: middle;
}

.cart-item thead th {
    white-space: nowrap;
}

.cart-item .w-280 {
    min-width: 350px;
}

.cart-item th:nth-child(2),
.cart-item td:nth-child(2) {
    width: 120px;
}

.cart-item th:nth-child(3),
.cart-item td:nth-child(3) {
    width: 120px;
}

.cart-item th:nth-child(4),
.cart-item td:nth-child(4) {
    width: 140px;
}

.cart-item th:nth-child(5),
.cart-item td:nth-child(5) {
    width: 160px;
}

.cart-item th:last-child,
.cart-item td:last-child {
    width: 70px;
    text-align: center;
}

.product-img img {
    width: 245px;
    height: 80px;
    object-fit: contain;
}
.product-img{border:1px solid var(--tb-border);}
    .account-card .table{
    background: var(--tb-surface);color:var(--_fg);border:1px solid var(--tb-border);
}

.table-head th{background: var(--tb-forest-deep);color: #ffffff;}
.table>:not(caption)>*>* {border-bottom-width:0px;}
.table-responsive td{color: var(--tb-ink-soft);background: var(--tb-surface);}
.table>:not(caption)>*>* {background: var(--tb-surface)!important;color: var(--tb-ink-soft)!important}
.cart-offcanvas{
    width:450px !important;
}




.offcanvas-backdrop.show{
    opacity:.65;
}
.qty-box{
    width:120px;
    border:1px solid #dfe3e8;
    border-radius:30px;
    overflow:hidden;
    background:#fff;
}

.qty-btn{
    width:40px;
    height:40px;
    border:0;
    background:#f8f9fa;
    font-size:20px;
    font-weight:600;
    cursor:pointer;
    transition:all .2s ease;
}

.qty-btn:hover{
    background:#eceff3;
}

.qty-input{
    width:40px;
    height:40px;
    border:0;
    text-align:center;
    font-weight:600;
    outline:none;
    background:#fff;
}
.border{border: 1px solid var(--tb-border)!important;}

.price{
    font-size:38px;
    font-weight:700;
}

.old-price{
    text-decoration:line-through;
    color:#888;
}

.discount{
    color:#198754;
    font-weight:700;
}

.offer-box{
    background:#e9f8ef;
    color:#198754;
    border-radius:8px;
    padding:8px 12px;
}

.buy-card{
    background:#0d6efd;
    color:#fff;
    border-radius:15px;
    overflow:hidden;
}

.buy-card .top{
    padding:14px 18px;
    font-weight:600;background: var(--tb-forest-deep);
}

.buy-card .bottom{
    background: var(--tb-bg-alt);
    padding:12px 18px;color: var(--tb-ink-soft);
}

.delivery-card{
    border:1px solid #e5e5e5;
    border-radius:12px;
    padding:15px;
}

.sticky-buy{
    position:sticky;
    bottom:0;
   background: var(--tb-surface);
    padding:12px;
    border-top:1px solid #eee;
}

.main-image{
    height:450px;background: var(--tb-surface);
}
.product-all-details{background: var(--tb-surface);}

.main-image img{
    width:100%;
    height:100%;
    object-fit:contain;
}


@media(max-width:991px){
.edit-btn{position:static;margin-left:auto;}
}

@media(max-width:576px){
    .price-col{width: 100px; text-align: center;}
    .cart-offcanvas{
        width:100% !important;
    }
    .perk-card{display: none;}
.account-menu {
        margin-bottom: 0px !important;
        display: block;
        white-space: nowrap;
        overflow: auto;
    }
    .account-menu li{display: inline-block;}
.addToCartBtn{    width: 130px;
    text-align: center;
    display: block;}

}