/* =========================================================
   VINZI — GLOBAL OUTFIT FONT
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');

html,
body,
body * {
  font-family: "Outfit", sans-serif !important;
}
/* Floating Cart Button — Black Theme */
.floating-cart-button {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

/* Cart icon */
.floating-cart-button .floating-cart-icon {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Cart text */
.floating-cart-button .floating-cart-label,
.floating-cart-button .floating-cart-count {
  color: #ffffff !important;
}

/* Arrow */
.floating-cart-button .floating-cart-arrow {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Icon/arrow wrappers */
.floating-cart-button .floating-cart-icon-wrapper,
.floating-cart-button .floating-cart-arrow-wrapper {
  color: #ffffff !important;
}

/* Hover */
.floating-cart-button:hover {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

/* Prevent opacity/faded appearance */
.floating-cart-button,
.floating-cart-button:hover,
.floating-cart-button:focus,
.floating-cart-button:active {
  opacity: 1 !important;
}
/* ================================
   HEADER — BLACK THEME
   ================================ */

.header-row-top {
  background: #000000 !important;
  color: #ffffff !important;
}

/* Menu button + shopping bag */
.header-row-top .header-icon-btn,
.header-row-top button {
  color: #ffffff !important;
}

/* SVG icons */
.header-row-top svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Shopping cart/bag count */
.header-row-top .absolute {
  background: #ffffff !important;
  color: #000000 !important;
}

/* Keep logo properly visible */
.header-row-top .store-logo img {
  background: transparent !important;
}
/* =========================================================
   VINZI — BLACK MOBILE HEADERS
   ========================================================= */

/* ---------- Main / Account / Cart Header ---------- */
.headless-luxury-header {
  background: #000000 !important;
  color: #ffffff !important;
  border-bottom: 1px solid #222222 !important;
}

/* Header text */
.headless-luxury-header span,
.headless-luxury-header .text-\[\#282c3f\] {
  color: #ffffff !important;
}

/* Header buttons + icons */
.headless-luxury-header button,
.headless-luxury-header a,
.headless-luxury-header .text-\[\#3e4152\] {
  color: #ffffff !important;
}

/* SVG icons */
.headless-luxury-header svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}


/* ---------- Category / Product Mobile Header ---------- */
.category-mobile-header {
  background: #000000 !important;
  color: #ffffff !important;
  border-bottom: 1px solid #222222 !important;
}

/* Back button */
.category-mobile-header .zcmh-back-btn {
  color: #ffffff !important;
}

/* Product title */
.category-mobile-header .zcmh-title-text,
.category-mobile-header h1 {
  color: #ffffff !important;
}

/* Action buttons */
.category-mobile-header .zcmh-action-btn {
  color: #ffffff !important;
}

/* Search + cart icons */
.category-mobile-header svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}


/* ---------- All Cart Badges ---------- */
.headless-luxury-header .absolute,
.category-mobile-header .absolute {
  background: #ffffff !important;
  color: #000000 !important;
}


/* ---------- Logo ---------- */
.headless-luxury-header img,
.category-mobile-header img {
  background: transparent !important;
}


/* ---------- Remove gray border around logo ---------- */
.headless-luxury-header img {
  border-color: #ffffff !important;
}


/* ---------- Force white on any Tailwind text colors ---------- */
.headless-luxury-header [class*="text-[#3e4152]"],
.headless-luxury-header [class*="text-[#282c3f]"],
.category-mobile-header [class*="text-[#3e4152]"],
.category-mobile-header [class*="text-[#282c3f]"] {
  color: #ffffff !important;
}
/* Zero gap between consecutive images */
p:has(> span > img) {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

p:has(> span > img) img {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  vertical-align: top !important;
}
/* =========================================================
   PRODUCT DETAILS — REMOVE IMAGE GAPS
   ========================================================= */

.details-content {
  margin: 0 !important;
  padding: 0 !important;
}

.details-content blockquote {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  line-height: 0 !important;
}

.details-content blockquote p {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

.details-content blockquote p img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  vertical-align: top !important;
}
/* =========================================================
   VINZI — DESKTOP HEADER BLACK THEME
   ========================================================= */

/* Main header */
#app-header-desktop,
#app-header-desktop .desktop-header-main {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #222222 !important;
}

/* Navigation links */
#app-header-desktop .nav-link,
#app-header-desktop .nav-item {
  color: #ffffff !important;
}

/* Profile + Bag */
#app-header-desktop .desktop-action-item,
#app-header-desktop .desktop-action-item span,
#app-header-desktop .desktop-cart-label {
  color: #ffffff !important;
}

/* Profile & Bag SVG icons */
#app-header-desktop .desktop-action-item svg,
#app-header-desktop .desktop-cart-button svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Search box */
#app-header-desktop .search-box,
#app-header-desktop .sh-header-search-box {
  background: #111111 !important;
  border-color: #333333 !important;
  color: #ffffff !important;
}

/* Search icon */
#app-header-desktop .search-box > svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Search input */
#app-header-desktop #desktop-main-search-bar,
#app-header-desktop .search-input {
  color: #ffffff !important;
  background: transparent !important;
  caret-color: #ffffff !important;
}

/* Search placeholder */
#app-header-desktop .st-placeholder-text,
#app-header-desktop .st-blinking-cursor {
  color: #ffffff !important;
}

/* Search clear button */
#app-header-desktop .search-btn svg,
#app-header-desktop .search-btn path {
  stroke: #ffffff !important;
}

/* Header bottom border */
#app-header-desktop {
  border-bottom: 1px solid #222222 !important;
}

/* Notice bar — keep black */
#app-header-desktop .notice {
  background: #000000 !important;
  color: #ffffff !important;
}
.ac-popup-sheet,
.ac-popup-sheet * {
    color: #000000 !important;
}

.ac-popup-sheet svg {
    color: #000000 !important;
    fill: none !important;
    stroke: #000000 !important;
}

.ac-popup-sheet svg path,
.ac-popup-sheet svg polyline,
.ac-popup-sheet svg line,
.ac-popup-sheet svg circle,
.ac-popup-sheet svg rect {
    stroke: #000000 !important;
}

.ac-popup-sheet svg path[fill="currentColor"] {
    fill: #000000 !important;
    stroke: none !important;
}
/* ===== COMPACT PREMIUM COUPON CARD ===== */

.coupon-apply-container {
    margin: 12px 0 !important;
    padding: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #fff8fa !important;
    border: 1px solid #f0e1e7 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.coupon-apply-space-between {
    min-height: 56px !important;
    height: 56px !important;
    padding: 8px 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

/* Apply Coupon */
.coupon-apply-section-heading {
    margin: 0 !important;
    padding-left: 38px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    color: #171717 !important;
    position: relative !important;
}

/* Small coupon icon */
.coupon-apply-section-heading::before {
    content: "%" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #f9dce7 !important;
    color: #e83e73 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

/* Remove the extra description */
.coupon-apply-section-heading::after {
    display: none !important;
}

/* Select */
.coupon-apply-action-btn {
    margin: 0 !important;
    padding: 5px 0 5px 14px !important;
    border-left: 1px dashed #dfcbd2 !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    color: #e83e73 !important;
    white-space: nowrap !important;
}

/* Arrow */
.coupon-apply-action-btn::after {
     content: "›" !important;
    margin-left: 6px !important;
    font-size: 22px !important;
    vertical-align: -2px !important;
}
/* =========================================================
   VINZI — CUSTOMER DETAILS CARD
   ========================================================= */

.delivery-info-root {
    border: 1px solid #e8e8e8 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    padding: 14px 16px !important;
    margin-top: 10px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
    box-sizing: border-box !important;
}

/* Section title */
.cart-review-section-title {
    margin: 0 0 10px 0 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #171717 !important;
}

/* Main customer content */
.delivery-info-root .flex.flex-col {
    gap: 8px !important;
}

/* Customer row */
.delivery-info-root .flex.gap-6 {
    gap: 18px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

/* Individual information blocks */
.delivery-info-root .flex.items-center {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
}

/* Icons */
.delivery-info-root svg {
    width: 18px !important;
    height: 18px !important;
    color: #555 !important;
    fill: currentColor !important;
    flex-shrink: 0 !important;
}

/* Name + phone */
.delivery-info-root h6 {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 600 !important;
    color: #222 !important;
}

/* Phone number */
.delivery-info-root .flex.items-center.gap-2:nth-child(2) h6 {
    color: #555 !important;
    font-weight: 500 !important;
}

/* Hide empty address row */
.delivery-info-root .flex.flex-col.sm\:flex-row:empty {
    display: none !important;
}
/* =========================================================
   VINZI — PAYMENT OPTIONS
   ========================================================= */

/* Payment area */
.wallet-payment-mode-order {
    margin-bottom: 10px !important;
}

.wallet-payment-mode-order fieldset {
    width: 100% !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}


/* =========================================================
   PAYMENT OPTION BOXES
   ========================================================= */

.wallet-payment-mode-order
.MuiFormControlLabel-root {
    width: 100% !important;
    min-height: 45px !important;

    margin: 0 0 8px 0 !important;
    padding: 8px 14px !important;

    display: flex !important;
    align-items: center !important;

    box-sizing: border-box !important;

    border: 1px solid #e5e5e5 !important;
    border-radius: 10px !important;

    background: #ffffff !important;
}


/* Selected payment option */
.wallet-payment-mode-order
.MuiFormControlLabel-root:has(input:checked) {
    border-color: #222222 !important;
    background: #fafafa !important;
}


/* =========================================================
   RADIO BUTTON
   ========================================================= */

.wallet-payment-mode-order .MuiRadio-root {
    padding: 2px !important;
    margin-right: 7px !important;
    flex-shrink: 0 !important;
}


/* =========================================================
   LABEL CONTAINER
   ========================================================= */

.wallet-payment-mode-order
.MuiFormControlLabel-label {
    flex: 1 !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   PAYMENT TEXT
   ========================================================= */

.wallet-radio {
    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 13px !important;
    line-height: 20px !important;

    font-weight: 600 !important;
    color: #222222 !important;
}


/* Inner payment text div */
.wallet-radio > div {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   COD BOX
   ========================================================= */

.wallet-payment-mode-order
.MuiFormControlLabel-root:nth-of-type(2) {

    min-height: 64px !important;

    padding: 9px 14px !important;

    align-items: center !important;

    box-sizing: border-box !important;
}


/* COD radio alignment */
.wallet-payment-mode-order
.MuiFormControlLabel-root:nth-of-type(2)
.MuiRadio-root {

    margin-top: 0 !important;
    margin-right: 7px !important;
    padding: 2px !important;
}


/* COD text container */
.wallet-payment-mode-order
.MuiFormControlLabel-root:nth-of-type(2)
.wallet-radio {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 19px !important;
}


/* COD inner div */
.wallet-payment-mode-order
.MuiFormControlLabel-root:nth-of-type(2)
.wallet-radio > div {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   SAVE ₹50
   ========================================================= */

.wallet-payment-mode-order
.MuiFormControlLabel-root:nth-of-type(2)
.wallet-saving {
    display: inline-block !important;
    margin: 5px 0 0 0 !important;
    padding: 5px 14px !important;
    border-radius: 5px !important;

    background: #dff7eb !important;
    color: #16834b !important;

    font-size: 11px !important;
    line-height: 18px !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
}

/* =========================================================
   REMAINING AMOUNT
   ========================================================= */

.wallet-info-label {

    margin: 4px 3px 0 !important;
    padding: 0 !important;

    text-align: center !important;

    font-size: 10px !important;
    line-height: 16px !important;

    color: #777777 !important;
}


/* =========================================================
   PAY NOW BUTTON
   ========================================================= */

.wallet-placeorder-btn {

    width: 100% !important;

    height: 48px !important;
    min-height: 48px !important;

    margin-top: 4px !important;

    border-radius: 7px !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    text-transform: none !important;
}
.wallet-saving {
    padding: 5px 16px !important;
}
/* ==========================================
   PREMIUM WALLET POINTS CARD
   ========================================== */

.wallet-apply-root {
    margin: 12px 0 !important;
    padding: 13px 15px !important;

    background: linear-gradient(135deg, #fffaf6 0%, #ffffff 100%) !important;

    border: 1px solid #f1dfd0 !important;
    border-radius: 12px !important;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;

    box-sizing: border-box !important;
}

/* Checkbox */
.wallet-apply-root .MuiCheckbox-root {
    color: #444 !important;
}

/* Wallet title */
.wallet-apply-label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #222 !important;
}

/* Points */
.wallet-apply-value {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #fc8e28 !important;
}

/* Info text */
.wallet-apply-wallet-info {
    color: #777 !important;
    font-size: 11px !important;
}

/* Wallet icon */
.wallet-apply-info-container svg {
    color: #fc8e28 !important;
}

/* Hover */
.wallet-apply-root:hover {
    border-color: #e8cdb8 !important;
}
/* =========================================================
   VINZI — PREMIUM CART PRODUCT CARD
   ========================================================= */

/* Main product wrapper */
.MuiBox-root:has(> .cart-item-cover) {
    padding: 12px !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.045) !important;
    box-sizing: border-box !important;
}


/* =========================================================
   PRODUCT IMAGE
   ========================================================= */

.cart-item-cover {
    width: 82px !important;
    height: 100px !important;

    flex-shrink: 0 !important;

    border-radius: 10px !important;
    overflow: hidden !important;

    background: #f7f7f7 !important;
}

.cart-item-cover img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    display: block !important;

    border-radius: 10px !important;
}


/* =========================================================
   PRODUCT INFORMATION
   ========================================================= */

.cart-item-content {
    padding: 3px 0 !important;
}

.cart-item-text {
    margin: 0 !important;

    font-size: 13px !important;
    line-height: 19px !important;

    font-weight: 500 !important;
    color: #222222 !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}


/* =========================================================
   PRICE
   ========================================================= */

.cart-item-primary {
    margin: 0 !important;

    font-size: 16px !important;
    line-height: 21px !important;

    font-weight: 800 !important;
    color: #111111 !important;

    white-space: nowrap !important;
}


/* =========================================================
   BOTTOM ROW
   ========================================================= */

.cart-item-remove-txt {
    margin: 0 !important;

    font-size: 12px !important;
    line-height: 28px !important;

    color: #777777 !important;

    cursor: pointer !important;
    transition: color 0.2s ease !important;
}

.cart-item-remove-txt:hover {
    color: #d33b3b !important;
}


/* =========================================================
   QUANTITY CONTROL
   ========================================================= */

.pr-plus-minus-button {
    width: 78px !important;
    height: 30px !important;

    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    border: 1px solid #dddddd !important;
    border-radius: 7px !important;

    background: #ffffff !important;
    color: #222222 !important;

    box-shadow: none !important;
}


/* Minus / Plus */
.pr-plus-minus-button-icon-left,
.pr-plus-minus-icon-right {
    width: 26px !important;
    height: 28px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 17px !important;
    line-height: 1 !important;
    font-weight: 500 !important;

    color: #333333 !important;
}


/* Quantity number */
.pr-plus-minus-button-text {
    flex: 1 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    color: #222222 !important;
}


/* Hide weird ellipsis */
.pr-plus-minus-button-text-icon {
    display: none !important;
}


/* Hover */
.pr-plus-minus-button:hover {
    border-color: #999999 !important;
    background: #fafafa !important;
}


/* =========================================================
   PRODUCT LAYOUT SPACING
   ========================================================= */

.cart-item-cover + .MuiBox-root {
    padding-left: 10px !important;
    padding-right: 6px !important;
}

.cart-item-content a {
    text-decoration: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .MuiBox-root:has(> .cart-item-cover) {
        padding: 10px !important;
        border-radius: 12px !important;
    }

    .cart-item-cover {
        width: 76px !important;
        height: 94px !important;
    }

    .cart-item-text {
        font-size: 12.5px !important;
        line-height: 18px !important;
    }

    .cart-item-primary {
        font-size: 15px !important;
    }

    .pr-plus-minus-button {
        width: 74px !important;
        height: 29px !important;
    }
}
/* =========================================================
   VINZI — MODERN COUPON CARD
   ========================================================= */

.coupon-card-card {
    width: 100% !important;
    margin: 8px 0 !important;
    padding: 14px 16px !important;

    box-sizing: border-box !important;

    border: 1px solid #eeeeee !important;
    border-radius: 12px !important;

    background: #ffffff !important;

    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.045) !important;

    overflow: hidden !important;
    transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}


/* Remove old accent */
.coupon-card-card::before {
    display: none !important;
}


/* =========================================================
   TOP ROW
   ========================================================= */

.coupon-card-card
.coupon-card-space-between:first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    margin-bottom: 9px !important;
}


/* Coupon code — clean, no dashed box */
.coupon-card-heading {
    margin: 0 !important;
    padding: 0 !important;

    border: none !important;
    background: transparent !important;

    font-size: 15px !important;
    line-height: 20px !important;

    font-weight: 800 !important;
    letter-spacing: 0.3px !important;

    color: #171717 !important;
}


/* Savings */
.coupon-card-saving {
    margin: 0 !important;

    font-size: 12px !important;
    line-height: 18px !important;

    font-weight: 600 !important;
    color: #16834b !important;
}

.coupon-card-saving span {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #16834b !important;
}


/* =========================================================
   DESCRIPTION + APPLY
   ========================================================= */

.coupon-card-card
.coupon-card-space-between:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 16px !important;
}


/* Description */
.coupon-card-description {
    flex: 1 !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 11.5px !important;
    line-height: 17px !important;

    color: #777777 !important;

    white-space: pre-line !important;
}


/* =========================================================
   APPLY BUTTON
   ========================================================= */

.coupon-card-action-btn {
    flex-shrink: 0 !important;

    margin: 0 !important;
    padding: 7px 15px !important;

    border: 1px solid #222222 !important;
    border-radius: 7px !important;

    background: #222222 !important;
    color: #ffffff !important;

    font-size: 12px !important;
    line-height: 18px !important;

    font-weight: 700 !important;

    cursor: pointer !important;
}


/* Hover */
.coupon-card-card:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07) !important;
    transform: translateY(-1px) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .coupon-card-card {
        padding: 13px 14px !important;
        border-radius: 11px !important;
    }

    .coupon-card-heading {
        font-size: 14px !important;
    }

    .coupon-card-description {
        font-size: 11px !important;
        line-height: 16px !important;
    }

    .coupon-card-action-btn {
        padding: 6px 13px !important;
    }
}
/* ================================
   MODERN COMPACT ADDRESS SHEET
   ================================ */

#bottomsheet-content{
  background:#fff!important;
  border-radius:18px 18px 0 0!important;
  overflow:hidden!important;
  padding:0!important;
}

/* Main sheet */
.address-list-v2-paper{
  display:flex!important;
  flex-direction:column!important;
  padding:6px 12px 12px!important;
  background:#fff!important;
  box-sizing:border-box!important;
}

/* ================================
   ADDRESS CARD
   ================================ */

.address-list-v2-demo{
  margin:0!important;
  padding:0!important;
}

.address-list-v2-demo .MuiList-root{
  padding:0!important;
  margin:0!important;
}

.address-list-v2-demo .MuiListItem-container{
  padding:0!important;
  margin:0!important;
}

.address-list-v2-demo .MuiListItem-root{
  width:100%!important;
  min-height:0!important;

  padding:11px 42px 11px 10px!important;
  margin:0!important;

  border:1px solid #e8e8e8!important;
  border-radius:11px!important;

  background:#fff!important;
  box-shadow:0 2px 8px rgba(0,0,0,.035)!important;

  box-sizing:border-box!important;
}

/* Home icon */
.address-list-v2-demo .MuiListItemAvatar-root{
  min-width:36px!important;
  margin-right:8px!important;
}

.address-list-v2-demo .MuiAvatar-root{
  width:34px!important;
  height:34px!important;
  border-radius:9px!important;
  background:#f5f5f5!important;
}

.address-list-v2-demo .MuiAvatar-root svg{
  width:18px!important;
  height:18px!important;
}

/* Text */
.address-list-v2-demo .MuiListItemText-root{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

.address-list-v2-primary-txt{
  margin:0!important;
  padding:0!important;

  font-size:13px!important;
  line-height:18px!important;
  font-weight:700!important;
  color:#181818!important;
}

.address-list-v2-addtype{
  margin:2px 0 0!important;
  padding:0!important;

  font-size:10.5px!important;
  line-height:15px!important;
  font-weight:600!important;
  color:#777!important;
}

.address-list-v2-demo .MuiListItemText-secondary{
  margin:2px 0 0!important;
  padding:0!important;

  font-size:11px!important;
  line-height:16px!important;
  color:#555!important;
}

/* Radio */
.address-list-v2-demo .MuiListItemSecondaryAction-root{
  right:7px!important;
}

.address-list-v2-demo .MuiListItemSecondaryAction-root button{
  width:32px!important;
  height:32px!important;
  padding:5px!important;
  margin:0!important;
}

.address-list-v2-demo .MuiListItemSecondaryAction-root svg{
  width:20px!important;
  height:20px!important;
}


/* ================================
   BUTTON AREA
   ================================ */

.address-list-v2-buttons{
  width:100%!important;

  display:flex!important;
  align-items:center!important;

  gap:8px!important;

  /* THIS REMOVES THE HUGE EMPTY GAP */
  margin-top:12px!important;
  margin-bottom:0!important;

  padding:0!important;

  box-sizing:border-box!important;
}

/* Both buttons */
.address-list-v2-buttons button{
  flex:1 1 0!important;
  width:0!important;

  height:40px!important;
  min-height:40px!important;

  margin:0!important;
  padding:0 10px!important;

  border-radius:8px!important;

  font-size:12px!important;
  line-height:16px!important;
  font-weight:700!important;

  text-transform:none!important;

  box-sizing:border-box!important;
  box-shadow:none!important;
}

/* Add Address */
.address-list-v2-buttons .outlined-button__btn{
  border:1px solid #dedede!important;
  background:#fff!important;
  color:#222!important;
}

/* Continue */
.address-list-v2-buttons .solid-button__btn{
  border:1px solid #171717!important;
  background:#171717!important;
  color:#fff!important;
}

/* Subtle interaction */
.address-list-v2-buttons button:active{
  transform:scale(.985)!important;
}


/* ================================
   REMOVE EXTRA SPACE FROM MUI
   ================================ */

.address-list-v2-buttons.MuiGrid-root{
  margin-left:0!important;
  margin-right:0!important;
}

.address-list-v2-buttons > *{
  margin-left:0!important;
  margin-right:0!important;
}


/* ================================
   CLOSE / HEADER CLEANUP
   ================================ */

#bottomsheet-content > *{
  box-sizing:border-box!important;
}
/* ===== ADDRESS BUTTONS — CLEAN & PRO ===== */

.address-list-v2-buttons{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;

  margin:12px 0 14px!important;
  padding:0!important;

  box-sizing:border-box!important;
}

/* Override inline width + margins */
.address-list-v2-buttons > button{
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;

  height:40px!important;
  min-height:40px!important;

  margin:0!important;
  padding:0 10px!important;

  border-radius:8px!important;

  font-size:12px!important;
  font-weight:700!important;
  line-height:16px!important;
  text-transform:none!important;

  box-sizing:border-box!important;
  box-shadow:none!important;
}

/* Add Address */
.address-list-v2-buttons .outlined-button__btn{
  background:#fff!important;
  color:#222!important;
  border:1px solid #ddd!important;
}

/* Continue */
.address-list-v2-buttons .solid-button__btn{
  background:#171717!important;
  color:#fff!important;
  border:1px solid #171717!important;
}

/* Remove MUI Grid negative margins */
.address-list-v2-buttons.mui-rfnosa{
  margin-left:0!important;
  margin-right:0!important;
}
/* =========================================
   WISHLIST — CLEAN PREMIUM UI
   ========================================= */

/* Main wishlist area */
.wishlistContainer{
  width:100%!important;
  max-width:900px!important;
  margin:0 auto!important;
  padding:0!important;
  box-sizing:border-box!important;
}

/* Header */
.wishlistContainer .header{
  margin:0 0 14px!important;
  padding:0!important;
}

.wishlistContainer .header h1{
  margin:0!important;
  padding:0!important;
  font-size:22px!important;
  line-height:28px!important;
  font-weight:750!important;
  letter-spacing:-.3px!important;
  color:#171717!important;
}


/* =========================================
   WISHLIST ITEM
   ========================================= */

.wishlistContainer .wishlistItem{
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

.wishlistContainer .itemLink{
  display:block!important;
  width:100%!important;
  text-decoration:none!important;
  color:inherit!important;
}

.wishlistContainer .wishlistItemContainer{
  position:relative!important;

  display:grid!important;
  grid-template-columns:76px minmax(0,1fr) auto auto 36px!important;
  align-items:center!important;
  column-gap:14px!important;

  width:100%!important;
  min-height:96px!important;

  margin:0!important;
  padding:10px 12px!important;

  background:#fff!important;
  border:1px solid #e9e9e9!important;
  border-radius:12px!important;

  box-sizing:border-box!important;

  box-shadow:0 2px 10px rgba(0,0,0,.035)!important;

  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}

.wishlistContainer .wishlistItemContainer:hover{
  border-color:#ddd!important;
  box-shadow:0 5px 18px rgba(0,0,0,.06)!important;
  transform:translateY(-1px)!important;
}


/* =========================================
   PRODUCT IMAGE
   ========================================= */

.wishlistContainer .itemImage{
  width:76px!important;
  height:76px!important;

  border-radius:9px!important;
  overflow:hidden!important;

  background:#f7f7f7!important;
  flex-shrink:0!important;
}

.wishlistContainer .itemImage img{
  width:100%!important;
  height:100%!important;

  display:block!important;

  object-fit:cover!important;
}


/* =========================================
   PRODUCT NAME
   ========================================= */

.wishlistContainer .itemDetails{
  min-width:0!important;
  padding:0!important;
}

.wishlistContainer .itemName{
  margin:0!important;
  padding:0!important;

  font-size:13px!important;
  line-height:19px!important;
  font-weight:600!important;

  color:#202020!important;

  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
}


/* =========================================
   PRICE
   ========================================= */

.wishlistContainer .priceSection{
  min-width:75px!important;
  margin:0!important;
  padding:0!important;
}

.wishlistContainer .priceLabel,
.wishlistContainer .price{
  margin:0!important;
  padding:0!important;
}

.wishlistContainer .priceLabel{
  margin-bottom:2px!important;

  font-size:10px!important;
  line-height:14px!important;
  color:#888!important;
}

.wishlistContainer .price{
  font-size:15px!important;
  line-height:20px!important;
  font-weight:750!important;
  color:#171717!important;
  white-space:nowrap!important;
}


/* =========================================
   QUANTITY
   ========================================= */

.wishlistContainer .quantitySection{
  min-width:55px!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
}

.wishlistContainer .quantityLabel,
.wishlistContainer .quantity{
  margin:0!important;
  padding:0!important;
}

.wishlistContainer .quantityLabel{
  margin-bottom:2px!important;

  font-size:10px!important;
  line-height:14px!important;
  color:#888!important;
}

.wishlistContainer .quantity{
  font-size:13px!important;
  line-height:20px!important;
  font-weight:650!important;
  color:#222!important;
}


/* =========================================
   REMOVE BUTTON
   ========================================= */

.wishlistContainer .itemActions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  margin:0!important;
  padding:0!important;
}

.wishlistContainer .remove-button{
  width:30px!important;
  height:30px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  margin:0!important;
  padding:0!important;

  border:1px solid #e5e5e5!important;
  border-radius:50%!important;

  background:#fff!important;
  color:#555!important;

  cursor:pointer!important;
  box-shadow:none!important;

  transition:all .18s ease!important;
}

.wishlistContainer .remove-button:hover{
  border-color:#ccc!important;
  background:#f7f7f7!important;
}

.wishlistContainer .remove-button svg{
  width:12px!important;
  height:12px!important;
}

.wishlistContainer .remove-button path{
  stroke:#555!important;
}


/* =========================================
   FOOTER
   ========================================= */

.wishlistContainer .wishlist-footer{
  display:flex!important;
  align-items:center!important;

  margin:14px 0 0!important;
  padding:0!important;
}

.wishlistContainer .backButton{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  height:38px!important;

  padding:0 16px!important;
  margin:0!important;

  border:1px solid #ddd!important;
  border-radius:8px!important;

  background:#fff!important;
  color:#222!important;

  font-size:12px!important;
  font-weight:650!important;

  text-decoration:none!important;
  box-sizing:border-box!important;

  transition:all .18s ease!important;
}

.wishlistContainer .backButton:hover{
  background:#f7f7f7!important;
  border-color:#ccc!important;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width:700px){

  .wishlistContainer{
    width:100%!important;
    padding:0 12px!important;
  }

  .wishlistContainer .header{
    margin-bottom:12px!important;
  }

  .wishlistContainer .header h1{
    font-size:20px!important;
    line-height:26px!important;
  }

  .wishlistContainer .wishlistItemContainer{
    grid-template-columns:64px minmax(0,1fr) 30px!important;
    column-gap:10px!important;

    min-height:84px!important;
    padding:9px!important;
  }

  .wishlistContainer .itemImage{
    width:64px!important;
    height:64px!important;
  }

  .wishlistContainer .itemName{
    font-size:12px!important;
    line-height:17px!important;
    -webkit-line-clamp:3!important;
  }

  .wishlistContainer .priceSection{
    display:none!important;
  }

  .wishlistContainer .quantitySection{
    display:none!important;
  }

  .wishlistContainer .remove-button{
    width:28px!important;
    height:28px!important;
  }

  .wishlistContainer .wishlist-footer{
    margin-top:12px!important;
  }
}
/* =========================================
   SEARCH SUGGESTION — COMPACT PREMIUM
   ========================================= */

.search-suggestion-item{
  width:100%!important;
  min-height:64px!important;

  display:flex!important;
  align-items:center!important;

  gap:11px!important;

  padding:8px 10px!important;
  margin:0!important;

  box-sizing:border-box!important;

  background:#fff!important;
  border-bottom:1px solid #f0f0f0!important;

  cursor:pointer!important;
}


/* Product image */
.search-suggestion-img{
  width:52px!important;
  height:52px!important;

  flex:0 0 52px!important;

  display:block!important;

  object-fit:contain!important;

  border-radius:8px!important;

  background:#f7f7f7!important;
}


/* Product information */
.search-suggestion-info{
  min-width:0!important;
  flex:1!important;

  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;

  gap:3px!important;

  padding:0!important;
}


/* Product name */
.search-suggestion-name{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;

  margin:0!important;
  padding:0!important;

  font-size:12px!important;
  line-height:17px!important;

  font-weight:550!important;
  color:#222!important;
}


/* Price row */
.search-suggestion-price{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;

  margin:0!important;
  padding:0!important;
}


/* Sale price */
.search-sale-price{
  margin:0!important;
  padding:0!important;

  font-size:13px!important;
  line-height:17px!important;

  font-weight:750!important;
  color:#171717!important;
}

.search-sale-price span{
  font-size:13px!important;
  font-weight:750!important;
}


/* MRP */
.search-mrp{
  margin:0!important;
  padding:0!important;

  font-size:10.5px!important;
  line-height:15px!important;

  color:#999!important;
  text-decoration:line-through!important;
}

.search-mrp span{
  font-size:10.5px!important;
  color:#999!important;
}


/* Subtle hover */
.search-suggestion-item:hover{
  background:#fafafa!important;
}


/* Mobile */
@media(max-width:600px){
  .search-suggestion-item{
    min-height:60px!important;
    gap:9px!important;
    padding:7px 9px!important;
  }

  .search-suggestion-img{
    width:48px!important;
    height:48px!important;
    flex-basis:48px!important;
    border-radius:7px!important;
  }

  .search-suggestion-name{
    font-size:11.5px!important;
    line-height:16px!important;
  }

  .search-sale-price{
    font-size:12px!important;
  }

  .search-mrp{
    font-size:10px!important;
  }
}
.search-discount{
  display:inline-flex!important;
  align-items:center!important;

  margin-left:2px!important;
  padding:2px 5px!important;

  border-radius:4px!important;

  background:#eaf8f0!important;
  color:#16834b!important;

  font-size:9px!important;
  line-height:13px!important;
  font-weight:750!important;

  white-space:nowrap!important;
}
/* =========================================
   PDP BRAND + TITLE — COMPACT & PREMIUM
   ========================================= */

.product-brand-main{
  display:block!important;

  margin:0 0 3px!important;
  padding:0!important;

  font-size:13px!important;
  line-height:18px!important;
  font-weight:800!important;

  letter-spacing:.2px!important;
  color:#e83e73!important;
}


/* Product title */
.product-subtitle-main{
  display:block!important;

  margin:0!important;
  padding:0!important;

  font-size:15px!important;
  line-height:21px!important;
  font-weight:500!important;

  letter-spacing:-.1px!important;
  color:#222!important;
}


/* =========================================
   MOBILE
   ========================================= */

@media(max-width:600px){

  .product-brand-main{
    margin:0 0 2px!important;

    font-size:12px!important;
    line-height:17px!important;
    font-weight:800!important;

    letter-spacing:.15px!important;
  }

  .product-subtitle-main{
    margin:0!important;

    font-size:13.5px!important;
    line-height:19px!important;
    font-weight:500!important;

    letter-spacing:-.05px!important;
  }
}

/* =========================================
   PDP PRICE — CLEAN & EYE CATCHING
   ========================================= */

.flex.items-center.gap-2.flex-wrap.mb-1.mt-2{
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:8px!important;

  margin:14px 0 0!important;
  padding:0!important;
}


/* SELLING PRICE */
.product-price-main{
  display:flex!important;
  align-items:baseline!important;
  margin:0!important;
  padding:0!important;
}

.product-price-main span{
  font-size:23px!important;
  line-height:29px!important;
  font-weight:800!important;
  letter-spacing:-.5px!important;
  color:#111!important;
}


/* MRP */
.product-mrp-main{
  display:flex!important;
  align-items:baseline!important;
  gap:3px!important;

  margin:0!important;
  padding:0!important;

  font-size:11px!important;
  line-height:17px!important;
  font-weight:500!important;
  color:#999!important;
}

.product-mrp-main .mrp-value{
  margin:0!important;
  color:#999!important;
  text-decoration:line-through!important;
}

.product-mrp-main .mrp-value span{
  font-size:11px!important;
  font-weight:500!important;
  color:#999!important;
}


/* DISCOUNT — SIMPLE RED TEXT */
.product-discount-main{
  display:inline-flex!important;
  align-items:baseline!important;

  margin:0!important;
  padding:0!important;

  background:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;

  color:#d92d20!important;

  font-size:15px!important;
  line-height:20px!important;
  font-weight:800!important;
  letter-spacing:-.1px!important;

  white-space:nowrap!important;
}

/* Remove any generated decoration */
.product-discount-main::before,
.product-discount-main::after{
  display:none!important;
}


/* =========================================
   MOBILE
   ========================================= */

@media(max-width:600px){

  .flex.items-center.gap-2.flex-wrap.mb-1.mt-2{
    gap:7px!important;
    margin-top:11px!important;
  }

  .product-price-main span{
    font-size:21px!important;
    line-height:27px!important;
  }

  .product-mrp-main{
    font-size:10px!important;
    line-height:16px!important;
  }

  .product-mrp-main .mrp-value span{
    font-size:11px!important;
  }

  .product-discount-main{
    font-size:14px!important;
    line-height:19px!important;
    font-weight:800!important;
  }
}
#notice {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  color: #f5f5f5 !important;
  background: #000 !important;
}

#notice .notice-message {
  display: inline-block;
  padding-right: 2cm;
  animation: infiniteBanner 10s linear infinite;
}

@keyframes infiniteBanner {
  from {
    transform: translateX(100vw);
  }
  to {
    transform: translateX(-100%);
  }
}
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&display=swap');

/* =========================================
   PROFILE OPTIONS
   ========================================= */

nav.listArea {
  width: 100% !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;

  background: #ffffff !important;

  border: 1px solid #e9e9e9 !important;
  border-radius: 16px !important;

  overflow: hidden !important;

  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;

  font-family: "Outfit", sans-serif !important;
}


/* =========================================
   LIST ROW
   ========================================= */

nav.listArea > li {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  position: relative !important;
}


/* =========================================
   CLICKABLE ITEM
   ========================================= */

nav.listArea .listItem {
  width: 100% !important;
  min-height: 60px !important;

  padding: 0 20px !important;

  display: flex !important;
  align-items: center !important;

  background: #ffffff !important;

  border: 0 !important;
  border-radius: 0 !important;

  cursor: pointer !important;

  transition:
    background-color 0.18s ease,
    padding-left 0.18s ease !important;
}


/* Hover */

nav.listArea .listItem:hover {
  background: #fafafa !important;
}


/* Click */

nav.listArea .listItem:active {
  background: #f4f4f4 !important;
}


/* =========================================
   TEXT
   ========================================= */

nav.listArea .listText {
  margin: 0 !important;

  font-family: "Outfit", sans-serif !important;

  font-size: 15px !important;
  line-height: 1.3 !important;

  font-weight: 500 !important;

  color: #181818 !important;
}


/* =========================================
   ARROW
   ========================================= */

nav.listArea .listItemSecAction {
  position: absolute !important;

  top: 50% !important;
  right: 18px !important;

  transform: translateY(-50%) !important;

  width: 24px !important;
  height: 24px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

nav.listArea .listItemSecAction svg {
  width: 15px !important;
  height: 15px !important;

  transition:
    transform 0.2s ease,
    opacity 0.2s ease !important;
}


/* Arrow hover */

nav.listArea .listItem:hover
+ .listItemSecAction svg {
  transform: translateX(3px) !important;
  opacity: 0.65 !important;
}


/* =========================================
   DIVIDERS
   ========================================= */

nav.listArea .divider {
  width: calc(100% - 40px) !important;

  height: 1px !important;

  margin: 0 20px !important;
  padding: 0 !important;

  background: #eeeeee !important;

  border: 0 !important;

  opacity: 1 !important;
}


/* =========================================
   REMOVE MATERIAL UI EFFECTS
   ========================================= */

nav.listArea .MuiTouchRipple-root {
  display: none !important;
}


/* =========================================
   KEYBOARD ACCESSIBILITY
   ========================================= */

nav.listArea .listItem:focus-visible {
  outline: 2px solid #111111 !important;
  outline-offset: -2px !important;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 600px) {

  nav.listArea {
    margin-top: 14px !important;
    border-radius: 15px !important;
  }

  nav.listArea .listItem {
    min-height: 58px !important;
    padding: 0 17px !important;
  }

  nav.listArea .listText {
    font-size: 14px !important;
  }

  nav.listArea .listItemSecAction {
    right: 14px !important;
  }

  nav.listArea .divider {
    width: calc(100% - 34px) !important;
    margin: 0 17px !important;
  }
}
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&display=swap');

/* =========================================
   ADDRESS CARD
   ========================================= */

.address-header,
.address-phone,
.address,
.address-editbtn {
  font-family: "Outfit", sans-serif !important;
}


/* Main address card */

.address-root {
  width: 100% !important;
}


/* Target the outer grid containing the address */

.MuiGrid-item:has(.address-header) {
  padding: 20px !important;

  background: #ffffff !important;

  border: 1px solid #e9e9e9 !important;
  border-radius: 16px !important;

  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;

  overflow: hidden !important;
}


/* =========================================
   NAME
   ========================================= */

.address-header {
  margin: 0 !important;

  font-size: 17px !important;
  line-height: 1.3 !important;

  font-weight: 600 !important;

  color: #111111 !important;
}


/* =========================================
   PHONE
   ========================================= */

.address-phone {
  margin: 12px 0 4px !important;

  font-size: 13px !important;
  line-height: 1.4 !important;

  font-weight: 500 !important;

  color: #555555 !important;
}


/* =========================================
   ADDRESS
   ========================================= */

.address {
  margin: 0 !important;

  max-width: 95% !important;

  font-size: 14px !important;
  line-height: 1.55 !important;

  font-weight: 400 !important;

  color: #666666 !important;
}


/* =========================================
   THREE DOT MENU
   ========================================= */

.address-header
  ~ div svg[data-testid="MoreVertOutlinedIcon"] {
  width: 21px !important;
  height: 21px !important;

  color: #222222 !important;

  cursor: pointer !important;

  transition:
    opacity .2s ease,
    transform .2s ease !important;
}

.address-header
  ~ div svg[data-testid="MoreVertOutlinedIcon"]:hover {
  opacity: .55 !important;
  transform: scale(1.05) !important;
}


/* =========================================
   EDIT ADDRESS BUTTON
   ========================================= */

.address-editbtn {
  width: 100% !important;

  min-height: 44px !important;

  margin-top: 14px !important;

  padding: 10px 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;

  border: 1px solid #222222 !important;
  border-radius: 10px !important;

  background: #ffffff !important;

  color: #222222 !important;

  font-family: "Outfit", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;

  letter-spacing: 0.01em !important;

  cursor: pointer !important;

  transition:
    background .2s ease,
    color .2s ease,
    border-color .2s ease,
    transform .15s ease !important;
}


/* Button hover */

.address-editbtn:hover {
  background: #111111 !important;
  color: #ffffff !important;
  border-color: #111111 !important;
}


/* Button click */

.address-editbtn:active {
  transform: scale(.985) !important;
}


/* Edit icon */

.address-editbtn svg {
  width: 13px !important;
  height: 13px !important;

  transition: fill .2s ease !important;
}

.address-editbtn:hover svg path {
  fill: #ffffff !important;
}


/* Remove MUI ripple */

.address-editbtn .MuiTouchRipple-root {
  display: none !important;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 600px) {

  .MuiGrid-item:has(.address-header) {
    padding: 17px !important;
    border-radius: 15px !important;
  }

  .address-header {
    font-size: 16px !important;
  }

  .address-phone {
    margin-top: 10px !important;
    font-size: 13px !important;
  }

  .address {
    font-size: 13.5px !important;
    line-height: 1.5 !important;
  }

  .address-editbtn {
    min-height: 42px !important;
    font-size: 13.5px !important;
  }
}

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');


/* =========================================
   WALLET PAGE
   ========================================= */

.wallet-container {
  width: 100% !important;
  max-width: 620px !important;

  margin: 0 auto !important;
  padding: 20px 16px 35px !important;

  font-family: "Outfit", sans-serif !important;

  background: #f7f7f7 !important;
}


/* =========================================
   WALLET BALANCE CARD
   ========================================= */

.wallet-bal-container {
  width: 100% !important;

  padding: 22px !important;

  background: #111111 !important;

  border-radius: 18px !important;

  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.10) !important;

  color: #ffffff !important;
}


/* Balance title */

.wallet-bal-text {
  margin: 0 !important;

  font-family: "Outfit", sans-serif !important;

  font-size: 14px !important;
  line-height: 1.3 !important;

  font-weight: 400 !important;

  color: #bdbdbd !important;
}


/* Wallet icon */

.wallet-bal-container > div:first-child svg {
  width: 21px !important;
  height: 21px !important;

  flex-shrink: 0 !important;
}

.wallet-bal-container > div:first-child svg path {
  fill: #ffffff !important;
}


/* Balance number */

.wallet-bal {
  margin: 8px 0 0 !important;

  font-family: "Outfit", sans-serif !important;

  font-size: 34px !important;
  line-height: 1 !important;

  font-weight: 600 !important;

  letter-spacing: -0.5px !important;

  color: #ffffff !important;
}


/* =========================================
   WALLET ACTIVITY TITLE
   ========================================= */

.wallet-heading {
  margin: 25px 0 13px !important;

  padding: 0 !important;

  font-family: "Outfit", sans-serif !important;

  font-size: 18px !important;
  line-height: 1.3 !important;

  font-weight: 600 !important;

  color: #151515 !important;
}


/* =========================================
   ACTIVITY CONTAINER
   ========================================= */

.wallet-main-cont {
  width: 100% !important;

  padding: 0 !important;

  background: transparent !important;
}


/* =========================================
   ACTIVITY CARD
   ========================================= */

.wallet-activity-card-root {
  width: 100% !important;

  margin: 0 0 12px !important;

  padding: 0 !important;
}


/* MUI Paper */

.wallet-activity-card-root .MuiPaper-root {
  width: 100% !important;

  padding: 0 !important;

  background: #ffffff !important;

  border: 1px solid #e8e8e8 !important;
  border-radius: 14px !important;

  box-shadow:
    0 3px 12px rgba(0, 0, 0, 0.035) !important;

  overflow: hidden !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease !important;
}

.wallet-activity-card-root .MuiPaper-root:hover {
  transform: translateY(-1px) !important;

  border-color: #dddddd !important;

  box-shadow:
    0 7px 20px rgba(0, 0, 0, 0.06) !important;
}


/* =========================================
   CARD CONTENT
   ========================================= */

.wallet-activity-card-root
  .MuiPaper-root
  > .MuiGrid-container {
  padding: 16px !important;
}


/* =========================================
   TRANSACTION ID
   ========================================= */

.wallet-activity-card-primary {
  margin: 0 !important;

  font-family: "Outfit", sans-serif !important;

  font-size: 14px !important;
  line-height: 1.3 !important;

  font-weight: 600 !important;

  color: #171717 !important;

  letter-spacing: .01em !important;
}


/* =========================================
   TRANSACTION VALUE
   ========================================= */

.wallet-activity-card-value {
  margin: 0 !important;

  font-family: "Outfit", sans-serif !important;

  font-size: 16px !important;
  line-height: 1.3 !important;

  font-weight: 600 !important;
}


/* Negative transaction */

.wallet-activity-card-value[style*="240, 4, 46"] {
  color: #e53935 !important;
}


/* Positive transaction */

.wallet-activity-card-value[style*="22, 172, 103"] {
  color: #16ac67 !important;
}


/* =========================================
   STATUS / DESCRIPTION
   ========================================= */

.wallet-activity-card-secondary {
  margin: 5px 0 0 !important;

  font-family: "Outfit", sans-serif !important;

  font-size: 12px !important;
  line-height: 1.3 !important;

  font-weight: 400 !important;

  color: #888888 !important;
}


/* =========================================
   CARD DIVIDER
   ========================================= */

.wallet-activity-card-root
  .MuiGrid-item
  > div
  > div
  > div
  > div[style*="border-bottom"] {

  border-bottom: 1px solid #eeeeee !important;

  padding-bottom: 13px !important;
}


/* =========================================
   DATE
   ========================================= */

.wallet-activity-card-datetxt {
  margin: 0 !important;

  font-family: "Outfit", sans-serif !important;

  font-size: 12px !important;
  line-height: 1.4 !important;

  font-weight: 400 !important;

  color: #888888 !important;
}


/* =========================================
   TRANSACTION TYPE
   ========================================= */

.wallet-activity-card-txntype {
  margin: 0 0 0 6px !important;

  font-family: "Outfit", sans-serif !important;

  font-size: 12px !important;
  line-height: 1.4 !important;

  font-weight: 500 !important;

  color: #555555 !important;
}


/* =========================================
   TRANSACTION STATUS DOT
   ========================================= */

.wallet-activity-card-root .flex-center {
  display: flex !important;
  align-items: center !important;
}

.wallet-activity-card-root .flex-center svg {
  width: 7px !important;
  height: 7px !important;

  flex-shrink: 0 !important;
}


/* =========================================
   REMOVE MUI RIPPLE / DEFAULT EFFECTS
   ========================================= */

.wallet-container .MuiTouchRipple-root {
  display: none !important;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 600px) {

  .wallet-container {
    padding: 14px 12px 30px !important;
  }

  .wallet-bal-container {
    padding: 19px !important;

    border-radius: 16px !important;
  }

  .wallet-bal-text {
    font-size: 13px !important;
  }

  .wallet-bal {
    font-size: 30px !important;
  }

  .wallet-heading {
    margin: 21px 0 12px !important;

    font-size: 17px !important;
  }

  .wallet-activity-card-root {
    margin-bottom: 10px !important;
  }

  .wallet-activity-card-root .MuiPaper-root {
    border-radius: 13px !important;
  }

  .wallet-activity-card-root
    .MuiPaper-root
    > .MuiGrid-container {
    padding: 14px !important;
  }

  .wallet-activity-card-primary {
    font-size: 13px !important;
  }

  .wallet-activity-card-value {
    font-size: 15px !important;
  }

  .wallet-activity-card-datetxt,
  .wallet-activity-card-txntype,
  .wallet-activity-card-secondary {
    font-size: 11.5px !important;
  }
}


/* =========================================
   SMALL PHONES
   ========================================= */

@media (max-width: 360px) {

  .wallet-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .wallet-bal-container {
    padding: 17px !important;
  }

  .wallet-bal {
    font-size: 28px !important;
  }

  .wallet-activity-card-root
    .MuiPaper-root
    > .MuiGrid-container {
    padding: 12px !important;
  }
}

.product-card-pricing-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 6px !important;

  font-family: "Outfit", sans-serif !important;
  white-space: nowrap !important;
}

/* Sale price */
.product-card-sale-price {
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #111111 !important;
}

.product-card-sale-price span {
  font-size: inherit !important;
}


/* MRP */
.product-card-mrp {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #888888 !important;
  text-decoration: line-through !important;
}

.product-card-mrp span {
  font-size: inherit !important;
}


/* Discount */
.product-card-discount-percent {
  padding: 3px 6px !important;

  font-size: 11px !important;
  font-weight: 600 !important;

  color: #16804a !important;
  background: #eaf7f0 !important;

  border-radius: 4px !important;

  line-height: 1.2 !important;
}


/* Mobile */
@media (max-width: 600px) {
  .product-card-pricing-row {
    gap: 6px !important;
  }

  .product-card-sale-price {
    font-size: 15px !important;
  }

  .product-card-mrp {
    font-size: 12px !important;
  }

  .product-card-discount-percent {
    font-size: 10px !important;
    padding: 3px 5px !important;
  }
}
#footer {
 display: none;
}

.myntra-image-gallery__item img {
 object-fit: contain !important;
 object-position: unset !important;
}

.myntra-image-gallery__item {
 min-height: unset !important;
 aspect-ratio: unset !important;
}
.mobile-gallery-main .aspect-\[3\/4\] {
 aspect-ratio: unset !important;
}

.mobile-gallery-main .mobile-swiper .swiper-slide {
 aspect-ratio: unset !important;
}

.product-card-image-container {
 aspect-ratio: 1.1 !important;
}
/* ================================
   VINZI — About Us
   Professional / Premium Styling
   ================================ */

.about-description {
    max-width: 1050px;
    margin: 0 auto;
    padding: 60px 40px 80px;
    color: #1f2937;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        Helvetica, Arial, sans-serif;
    line-height: 1.8;
}

/* Main Heading */
.about-description h1 {
    margin: 0 0 14px;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -1.2px;
    color: #111827;
}

/* Section Headings */
.about-description h3 {
    margin: 52px 0 18px;
    font-size: 25px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -0.3px;
    color: #111827;
    position: relative;
}

/* Small accent line under section headings */
.about-description h3::after {
    content: "";
    display: block;
    width: 42px;
    height: 3px;
    margin-top: 10px;
    border-radius: 10px;
    background: #111827;
}

/* First subtitle */
.about-description h1 + h3 {
    margin-top: 0;
    margin-bottom: 34px;
    font-size: 20px;
    font-weight: 600;
    color: #6b7280;
}

.about-description h1 + h3::after {
    display: none;
}

/* Paragraphs */
.about-description p {
    margin: 0 0 18px;
    font-size: 16px;
    line-height: 1.85;
    color: #4b5563;
}

/* Strong Text */
.about-description strong {
    color: #111827;
    font-weight: 700;
}

/* Milestone Line */
.about-description p strong {
    letter-spacing: 0.1px;
}

/* Founder Quote */
.about-description blockquote {
    margin: 30px 0 10px;
    padding: 32px 36px;
    border-left: 4px solid #111827;
    border-radius: 0 12px 12px 0;
    background: #f8f9fb;
    color: #374151;
}

.about-description blockquote p {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 1.85;
    color: #374151;
}

.about-description blockquote p:last-child {
    margin-bottom: 0;
}

/* Founder Name */
.about-description blockquote strong {
    color: #111827;
}

/* Final Callout */
.about-description > p:last-child,
.about-description > p:nth-last-child(2) {
    font-size: 18px;
    color: #111827;
}

.about-description > p:last-child {
    margin-top: 8px;
    font-size: 21px;
    font-weight: 800;
    letter-spacing: -0.2px;
}

/* =================================
   Milestone / Journey Highlight
   ================================= */

.about-description p:has(strong) {
    /* intentionally subtle */
}

/* =================================
   Responsive — Tablet
   ================================= */

@media (max-width: 768px) {
    .about-description {
        padding: 45px 24px 60px;
    }

    .about-description h1 {
        font-size: 34px;
    }

    .about-description h3 {
        margin-top: 42px;
        font-size: 23px;
    }

    .about-description p {
        font-size: 15.5px;
        line-height: 1.75;
    }

    .about-description blockquote {
        padding: 25px 24px;
    }
}

/* =================================
   Responsive — Mobile
   ================================= */

@media (max-width: 480px) {
    .about-description {
        padding: 32px 18px 45px;
    }

    .about-description h1 {
        font-size: 30px;
        letter-spacing: -0.8px;
    }

    .about-description h1 + h3 {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 28px;
    }

    .about-description h3 {
        margin-top: 36px;
        margin-bottom: 16px;
        font-size: 21px;
    }

    .about-description p {
        margin-bottom: 15px;
        font-size: 15px;
        line-height: 1.75;
    }

    .about-description blockquote {
        margin-top: 24px;
        padding: 22px 18px;
    }

    .about-description blockquote p {
        font-size: 15px;
        line-height: 1.75;
    }

    .about-description > p:last-child {
        font-size: 19px;
    }
}

.mobile-rating-badge-pill .lucide-star {
  fill: #C9A227 !important;
  color: #C9A227 !important;
}
.reviews-grid-mobile {
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    width: 100% !important;
    gap: 12px !important;
}

.reviews-grid-mobile .review-card {
    width: 100% !important;
    min-width: 100% !important;
    flex: none !important;
    transform: none !important;
}