/* Quick View button styles within product images */
.product-bx .product-img .quick-and-wlist a.bss-quickview {
    position: unset; /* Resets the positioning property */
    padding: unset; /* Resets any padding */
    background-color: transparent; /* Makes background transparent */
}

/* Button styling within the search section of the page footer */
.page-footer .search-sec .btn {
    height: 50px; /* Sets the height of the button */
}

/* Additional information styling during customer account creation */
.customer-account-create .additional_info {
    margin-top: 15px; /* Adds a top margin */
}

/* Positioning of the next arrow in the featured slider */
.Featured-slider .slick-next {
    right: -10px; /* Positions the next arrow slightly to the left */
}

/* Hides the header on the checkout page when stuck */
.onestepcheckout-index-index header.page-header.stuck,
.onestepcheckout-index-index .page-header {
    display: none; /* Prevents the header from being displayed */
}

/* Positions for form fields on the checkout page */
.onestepcheckout-index-index .field {
    position: relative; /* Sets position relative for child elements */
}

/* Label styles for various forms in the checkout process */
.onestepcheckout-index-index .opc-shipping-new-address-form label.label,
.onestepcheckout-index-index .billing-address-form label.label,
.onestepcheckout-index-index #customer-email-fieldset label.label {
    background: #ffffff; /* Sets label background to white */
    position: absolute; /* Positions labels absolutely */
    left: 15px; /* Positions 15px from the left */
    top: -6px; /* Positions -6px from the top */
    font-size: 16px; /* Sets font size */
    padding: 0px 10px 0px 0; /* Adds padding */
    font-weight: 400 !important; /* Sets font weight */
    z-index: 3; /* Ensures the label is above other elements */
}

/* Input and select field styles for the checkout forms */
.onestepcheckout-index-index .opc-shipping-new-address-form input,
.onestepcheckout-index-index .billing-address-form input,
.onestepcheckout-index-index .opc-shipping-new-address-form select.select,
.onestepcheckout-index-index .billing-address-form select.select,
.onestepcheckout-index-index #customer-email-fieldset .field input[type="email"] {
    border: 1px dashed #b9b3b3; /* Dashed grey border */
    border-radius: 10px; /* Rounded corners */
    width: 100%; /* Full width */
    display: block; /* Displays as a block */
    height: 60px; /* Sets height */
    padding: 10px 15px; /* Padding inside the fields */
    outline: none; /* Removes outline on focus */
    font-size: 14px; /* Sets font size */
    font-family: "Poppins", sans-serif; /* Sets font family */
}

/* Specific styling for email input field */
.onestepcheckout-index-index #customer-email-fieldset .field input[type="email"] {
    width: 90%; /* 90% width for email input */
}

/* Flexbox gap for the quantity details section */
.onestepcheckout-index-index .details-qty.opc-row {
    gap: 10px; /* Adds a gap of 10px between items */
}

/* Maximum width unset for the label in quantity details */
.onestepcheckout-index-index .details-qty.opc-row span.label.opcol-1 {
    max-width: unset; /* Removes maximum width constraint */
}

/* Checkout button styles */
.onestepcheckout-index-index button.action.primary.checkout {
    border-radius: 50px; /* Rounded corners for button */
    padding: 13px 30px; /* Padding for button */
    height: auto; /* Automatic height */
}

/* Hover effect for the checkout button */
.onestepcheckout-index-index button.action.primary.checkout:hover {
    background: #ee4145 !important; /* Changes background color on hover */
    text-decoration: none; /* Removes underline */
    color: #fff; /* Changes text color to white */
}

/* Styles for larger screens (min-width: 992px) */
@media (min-width: 992px) {
    .onestepcheckout-index-index .minicart-items .minicart-items-wrapper .minicart-items li.product-item .product .product-item-details .product-item-inner .product-item-name-block.opcol-md-8.opcol-lg-8.opcol-xl-7 {
        -ms-flex: 0 0 75%; /* IE flexbox compatibility */
        flex: 0 0 75%; /* Flex property */
        max-width: 75%; /* Sets maximum width to 75% */
    }
    .onestepcheckout-index-index .minicart-items .minicart-items-wrapper .minicart-items li.product-item .product .product-item-details .product-item-inner .after-details.opcol-md-2.opcol-lg-2 {
        -ms-flex: 0 0 25%; /* IE flexbox compatibility */
        padding: 0; /* Removes padding */
        flex: 0 0 25%; /* Flex property */
        max-width: 25%; /* Sets maximum width to 25% */
    }
}

/* Discount form styles */
#discount-form {
    position: relative; /* Sets position relative for positioning child elements */
}
#discount-form .payment-option-inner .field .control {
    position: relative; /* Sets position relative to control elements */
}
#discount-form .payment-option-inner .field .control input {
    width: 100%; /* Full width of input */
    border-radius: 50px; /* Rounded corners */
    outline: none; /* Removes outline on focus */
    background: white; /* White background */
    border: 1px dashed #ddd; /* Dashed grey border */
    padding: 10px 36px; /* Padding inside */
    height: 50px; /* Height of input field */
    padding: 10px 135px 10px 15px; /* Adjusted padding */
    max-width: 400px; /* Maximum width for input */
    font-family: "Poppins"; /* Sets font family */
}

/* Apply button styles in the discount form */
#discount-form .actions-toolbar button.action.action-apply {
    position: absolute; /* Absolute positioning */
    right: 0; /* Aligns to the right */
    background: #ee4145; /* Red background */
    padding: 24px 16px; /* Padding around button text */
    color: white; /* Text color white */
    font-size: 13px; /* Font size */
    bottom: 0; /* Positions at the bottom */
    top: 0; /* Positions at the top */
    border-radius: 50px; /* Rounded corners */
    border: none; /* No border */
    font-family: Poppins; /* Sets font family */
    font-weight: 500; /* Sets font weight */
    white-space: nowrap; /* Prevents text wrapping */
    line-height: 2px; /* Sets line height */
    max-height: calc(100% - 20px); /* Ensures max height */
    margin: 0; /* Removes margin */
}

/* Payment option title styling in discount code section */
.opc-payment-additional.discount-code .payment-option-title span {
    color: #000; /* Black text color */
    font-size: 1.6rem; /* Font size */
}

/* After pseudo-element for payment option title */
.opc-payment-additional.discount-code .payment-option-title span::after {
    position: absolute; /* Absolute positioning */
    right: 3px; /* Aligns to the right */
}

/* Styles for the checkout summary table */
#checkoutSteps .opc-checkout-oder-summary table.data.table.table-totals tbody {
    border: 0; /* No border for the table body */
}
#checkoutSteps .opc-group li#opc-sidebar .opc-block-summary {
    margin-bottom: 0; /* No bottom margin */
    padding-bottom: 0; /* No bottom padding */
}
#checkoutSteps .opc-group li#opc-sidebar .opc-block-summary div[data-role="checkout-agreements"] .checkout-agreements {
    margin-bottom: 0 !important; /* Important: No margin bottom for checkout agreements */
}
#checkoutSteps .opc-group li#opc-sidebar .opc-block-summary div[data-role="checkout-agreements"] .checkout-agreements label {
    font-size: 12px; /* Font size for agreements */
}
#checkoutSteps .opc-checkout-oder-summary table.data.table.table-totals tbody tr.totals th.mark {
    font-size: 14px; /* Font size for the marks in totals */
}

/* Hides the update button in the billing address form */
#co-payment-form fieldset.fieldset .checkout-billing-address .actions-toolbar button.action.action-update {
    display: none; /* Hides the button */
}

/* Product item name styling in minicart */
li#opc-sidebar .items-in-cart .minicart-items li.product-item .product-item-details strong.product-item-name {
    color: #ee4145; /* Red color for product name */
}

/* Active item switch in the sidebar */
.sidebar .product.data.items > .item.title.active > .switch {
    background-color: #ee4145; /* Red background for active switch */
    color: #ffffff; /* White text color */
}

.custmsld-Grid .pplr-cat-bx{
overflow: hidden;
}
.custmsld-Grid .pplr-cat-bx .cat-img img{
height: 300px;
object-fit: cover;
}
@media(max-width:1280px){
   .custmsld-Grid .pplr-cat-bx .cat-img img{
    height: 260px;
   } 
}

@media(max-width:991px){
   .custmsld-Grid .pplr-cat-bx .cat-img img{
    height: 260px;
   } 
}

@media(max-width:991px){
   .custmsld-Grid .pplr-cat-bx .cat-img img{
    height: 200px;
   } 
}


@media(max-width:576px){
   .custmsld-Grid .pplr-cat-bx .cat-img img{
        height: 180px;
   } 
}