:root{
 --primary: #f40034;
 --second: #fed700;
 --heading: #333e48;
 --orange: #ff9738;
 --lavendor: #cf76ef;
 --hover: #e7c400;
 --link: #0062bd;
 --white: #fff;
 --black: #000;
 --btn: #333;
 --gray: #7c7c7c;
 --light: #faf8f2;
 --bgcopy: #eaeaea;
 --bgfoot: #f8f8f8;
 --border: #ddd;
}

*{margin: 0px;padding:0px;}
html{-webkit-text-size-adjust: none;scroll-behavior: smooth;}
body{margin: 0px;padding: 0px;font-family: "Inter", sans-serif;}
ol,ul,li{margin: 0px!important;padding:0px!important;list-style-type: none;}
h1, h2, h3, h4, h5, h6{padding: 0px;margin: 0px;font-family: "Inter", sans-serif;}
p, li{padding: 0px;margin: 0px;box-shadow: none;}
a{padding: 0px;margin: 0px;box-shadow: none;text-decoration: none;transition: all 400ms ease;}
a:hover{cursor: pointer;}
.clear{clear: both;}
.heading_center{text-align: center;}
.heading_center h2{font-size: 30px;font-weight: 500;line-height: 35px;color: var(--black);padding-bottom: 7px;}
.heading_center p{font-size: 16px;font-weight: 400;line-height: 28px;color: var(--heading);}
/* Heading End Here */
.primary_btn{background: var(--primary);color: var(--white);font-weight: 500;font-size: 15px;padding: 12px 40px;border-radius: 50px;margin-top: 5px;display: block;width: fit-content;border: 2px solid var(--primary);}
.primary_btn:hover{background: var(--black);color: var(--white);border: 2px solid var(--black);}
.second_btn{background: var(--second);color: var(--heading);font-weight: 500;font-size: 15px;padding: 12px 40px;border-radius: 50px;margin-top: 5px;display: block;width: fit-content;border: 2px solid var(--second);}
.second_btn:hover{background: var(--black);color: var(--white);border: 2px solid var(--black);}
.white_btn{background: var(--white);color: var(--heading);font-weight: 500;font-size: 15px;padding: 12px 40px;border-radius: 50px;margin-top: 5px;display: block;width: fit-content;border: 2px solid var(--white);}
.white_btn:hover{background: transparent;color: var(--white);border: 2px solid var(--white);}
.black_btn{background: var(--heading);color: var(--white);font-weight: 500;font-size: 15px;padding: 12px 40px;border-radius: 50px;margin-top: 5px;display: block;width: fit-content;border: 2px solid var(--heading);}
.black_btn:hover{background: transparent;color: var(--heading);border: 2px solid var(--heading);}
.cart {
    position: relative;
}

.mini-cart-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 320px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    z-index: 1000;
}

/* Show mini cart on hover */
.cart:hover .mini-cart-dropdown {
    display: block;
}

/* Add animation */
.mini-cart-dropdown {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.2s ease-in-out;
}
.cart:hover .mini-cart-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}