body {
            background: #e8e8e8;
                font-family: 'Poppins', Arial, sans-serif;
        }
        
        .mobile-wrapper {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    background: #fff;
    min-height: 100vh;
    box-sizing: border-box;
}


     .bi-cart3::before {
            content: "\f244";
            font-size: 25px;
            color: rgb(25, 135, 84);
        }

           .border-line {
            height: 2px;
            width: 100%;
            background-color: rgb(206, 206, 222);
            margin-top: 10px;
        }

        .product-price {
    font-size: 15px;
    font-weight: 700;
    color: #159647;
}
.product-special{
    font-size:12px;
    font-weight: 500;
    color: #159647;
}
.order-summery, .estimated-total {
    color:#ad0061; 
    font-weight:700; 
    font-size:15px;
}
.subtotal, .shipping{
     font-weight:500; 
    font-size:15px;

}

   
         .footer-category-box .category-item {
            padding: 12px 15px;
            border-bottom: 1px solid #eee;
        }

        .footer-category-item span {
            color: #000;
        }

        .footer-category-box h4 {
            color: #000;

        }
        
        .footer-category-item span {
            padding-left: 15px;
        }
          .footer-dark {
            background: #1f1f1f;
            color: white;
        }

        .footer-dark a {
            color: #fff;
            text-decoration: none;
            font-size: 13px;
        }

        .footer-bottom p {
            font-size: 12px;
            font-weight: 400;
            font-family: "Mier demi";
            color: #aaaa;
        }
         .payable {
            color: #6d1b5c;
            font-weight: 700;
        }

      .empty-cart-para p {
            font-size: 16px;
            margin: 15px 15px;

        }
          .cart-card {
            
            background: #fff;
            border-radius: 15px;
            padding: 15px;
            /*box-shadow: 0 2px 8px rgba(0, 0, .05, .08);*/
        }
      .card-body p {
    font-size: 14px;
  
    font-weight: 700;
}
          
          .card {
           
            background: #fff;
            border-radius: 15px;
            padding: 15px;
            /*box-shadow: 0 2px 8px rgba(0, 0, .05, .08);*/
        }

       
          .policies a {
            font-size: 14px;
            font-family: "Mier demi";
            color: #bbb;
            font-weight: 700;

        }

           .checkout-btn {
            background: #198754;
            color: white;
            border: none;
            width: 100%;
            padding: 12px;
            border-radius: 12px;
            font-weight: 600;
        }

        
        .address-input::placeholder {
    color: #bbb;
    font-size:14px;
    font-weight: 500;
    font-family: "Mier demi";
}
.alert{
    padding:10px;
    margin:10px;
}

.order-error{
    background:#fdeaea;
    border-left:5px solid #dc3545;
    border-radius:12px;
    padding:15px;
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:20px;
}

.order-error i{
    color:#dc3545;
    font-size:22px;
}

.order-error h6{
    margin:0;
    color:#b71c1c;
    font-weight:700;
}

.order-error p{
    margin:4px 0 0;
    color:#555;
    font-size:14px;
}

        .product-thumbnails{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:15px;
   
}

.thumb-img{
    width:70px;
    height:70px;
    object-fit:cover;
    border:2px solid #ddd;
    border-radius:8px;
    cursor:pointer;
    transition:.3s;
}

.thumb-img:hover{
    border-color:#b0006d;
}

 .page-content{
            padding:1px 20px;
            line-height:1.8;
        }

        .page-content h2{
            font-size:20px;
            font-weight:700;
            margin-bottom:20px;
                font-family: 'Poppins', Arial, sans-serif;
        }

        .page-content h6{
            margin-top:12px;
            font-weight:600;
            color:#b0006d;
            font-family: 'Poppins', Arial, sans-serif;
        }

        .page-content p{
            text-align:justify;
            color:#555;
            margin-bottom:18px;
            font-size:14px;
                font-family: 'Poppins', Arial, sans-serif;
        }
.page-content ul{
            margin-left:20px;
            color:#555;
            font-size:14px;
                font-family: 'Poppins', Arial, sans-serif;
        }
        .contact-box{
            background:#f8f9fa;
            border-left:4px solid #b0006d;
            padding:20px;
            margin-top:30px;
            border-radius:8px;
        }
        html,
body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

/** {*/
/*    box-sizing: border-box;*/
/*}*/

.mobile-wrapper {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    background: #fff;
    min-height: 100vh;
}

img {
    max-width: 100%;
}

@media (max-width: 450px) {

    .mobile-wrapper {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .container,
    .container-fluid {
        max-width: 100%;
    }


    .ad-container,
    .ad-content {
        width: 100%;
        max-width: 100%;
    }

}