#mini-cart.minicart-offcanvas .cart-popup, .minicart-offcanvas .cart-popup.widget_shopping_cart { width: 420px !important; max-width: calc(100vw - 34px) !important; background: #ffffff !important; border-radius: 0 !important; box-shadow: -18px 0 45px rgba(15, 23, 42, 0.18) !important; overflow: hidden !important; } #mini-cart.minicart-offcanvas .widget_shopping_cart_content { min-height: 100vh !important; display: flex !important; flex-direction: column !important; background: radial-gradient(circle at top right, rgba(0,159,227,.10), transparent 34%), linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important; padding: 0 !important; } #mini-cart.minicart-offcanvas .total-count { position: sticky !important; top: 0 !important; z-index: 4 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; padding: 22px 24px 18px !important; margin: 0 !important; background: rgba(255,255,255,.96) !important; backdrop-filter: blur(10px) !important; border-bottom: 1px solid #e8edf4 !important; color: #111827 !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 900 !important; letter-spacing: .02em !important; text-transform: uppercase !important; } #mini-cart.minicart-offcanvas .total-count:before { content: "Your Cart"; display: block !important; position: absolute !important; left: 24px !important; top: 8px !important; color: #64748b !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .04em !important; text-transform: uppercase !important; } #mini-cart.minicart-offcanvas .total-count a { color: #009fe3 !important; font-size: 12px !important; font-weight: 900 !important; text-decoration: none !important; } #mini-cart.minicart-offcanvas ul.cart_list, #mini-cart.minicart-offcanvas ul.product_list_widget { flex: 1 1 auto !important; padding: 18px 18px 16px !important; margin: 0 !important; max-height: none !important; overflow-y: auto !important; } #mini-cart.minicart-offcanvas ul.cart_list::-webkit-scrollbar { width: 5px !important; } #mini-cart.minicart-offcanvas ul.cart_list::-webkit-scrollbar-thumb { background: #dbeafe !important; border-radius: 999px !important; } #mini-cart.minicart-offcanvas li.woocommerce-mini-cart-item, #mini-cart.minicart-offcanvas li.mini_cart_item { position: relative !important; display: grid !important; grid-template-columns: 92px minmax(0, 1fr) !important; gap: 14px !important; align-items: start !important; padding: 14px !important; margin: 0 0 14px !important; background: #ffffff !important; border: 1px solid #e8edf4 !important; border-radius: 18px !important; box-shadow: 0 12px 28px rgba(15, 23, 42, .06) !important; } #mini-cart.minicart-offcanvas li.mini_cart_item .product-image { grid-column: 1 !important; grid-row: 1 / span 4 !important; width: 92px !important; height: 92px !important; margin: 0 !important; } #mini-cart.minicart-offcanvas li.mini_cart_item .product-image .inner, #mini-cart.minicart-offcanvas li.mini_cart_item .product-image a:not(.remove) { width: 92px !important; height: 92px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #fbfdff !important; border: 1px solid #eef2f7 !important; border-radius: 15px !important; overflow: hidden !important; } #mini-cart.minicart-offcanvas li.mini_cart_item .product-image img { width: 86px !important; height: 86px !important; object-fit: contain !important; padding: 6px !important; border-radius: 13px !important; } #mini-cart.minicart-offcanvas li.mini_cart_item .product-details { grid-column: 2 !important; width: 100% !important; min-width: 0 !important; padding: 0 26px 0 0 !important; } #mini-cart.minicart-offcanvas li.mini_cart_item .product-details > a, #mini-cart.minicart-offcanvas li.mini_cart_item .product-details a.text-v-dark { display: block !important; color: #111827 !important; font-size: 14px !important; line-height: 1.35 !important; font-weight: 900 !important; text-decoration: none !important; margin-bottom: 10px !important; } #mini-cart.minicart-offcanvas li.mini_cart_item .product-details > a:after { content: "In cart"; display: inline-flex !important; width: fit-content !important; margin-top: 8px !important; padding: 5px 9px !important; border-radius: 999px !important; background: #ecfdf3 !important; color: #128a43 !important; font-size: 10px !important; line-height: 1 !important; font-weight: 900 !important; } #mini-cart.minicart-offcanvas li.mini_cart_item .quantity { display: inline-flex !important; align-items: center !important; gap: 6px !important; color: #475569 !important; font-size: 13px !important; line-height: 1.3 !important; font-weight: 800 !important; margin-top: 2px !important; } #mini-cart.minicart-offcanvas li.mini_cart_item .quantity .woocommerce-Price-amount { color: #111827 !important; font-weight: 900 !important; } #mini-cart.minicart-offcanvas li.mini_cart_item a.remove, #mini-cart.minicart-offcanvas li.mini_cart_item a.remove-product { position: absolute !important; top: 10px !important; right: 10px !important; width: 28px !important; height: 28px !important; min-width: 28px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 999px !important; color: #111827 !important; font-size: 0 !important; box-shadow: 0 8px 18px rgba(15, 23, 42, .12) !important; z-index: 3 !important; opacity: 1 !important; } #mini-cart.minicart-offcanvas li.mini_cart_item a.remove:before, #mini-cart.minicart-offcanvas li.mini_cart_item a.remove-product:before { content: "×" !important; font-size: 18px !important; line-height: 1 !important; font-weight: 700 !important; } #mini-cart.minicart-offcanvas .woocommerce-mini-cart__total, #mini-cart.minicart-offcanvas p.total { margin: auto 18px 0 !important; padding: 18px 0 14px !important; border-top: 1px solid #e8edf4 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; color: #111827 !important; font-size: 17px !important; line-height: 1.2 !important; font-weight: 950 !important; text-transform: uppercase !important; } #mini-cart.minicart-offcanvas .woocommerce-mini-cart__total strong, #mini-cart.minicart-offcanvas p.total strong { color: #111827 !important; font-size: 15px !important; font-weight: 950 !important; } #mini-cart.minicart-offcanvas .woocommerce-mini-cart__total .amount, #mini-cart.minicart-offcanvas p.total .amount { color: #111827 !important; font-size: 18px !important; font-weight: 950 !important; } #mini-cart.minicart-offcanvas .woocommerce-mini-cart__buttons, #mini-cart.minicart-offcanvas p.buttons { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; padding: 0 18px 22px !important; margin: 0 !important; background: transparent !important; } #mini-cart.minicart-offcanvas .woocommerce-mini-cart__buttons a, #mini-cart.minicart-offcanvas p.buttons a { width: 100% !important; min-height: 50px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 13px !important; font-size: 12px !important; font-weight: 950 !important; letter-spacing: .02em !important; text-transform: uppercase !important; text-decoration: none !important; border: 0 !important; box-shadow: none !important; } #mini-cart.minicart-offcanvas .woocommerce-mini-cart__buttons a.wc-forward:not(.checkout), #mini-cart.minicart-offcanvas p.buttons a.wc-forward:not(.checkout) { background: #f3f6fa !important; color: #111827 !important; border: 1px solid #e0e8f2 !important; } #mini-cart.minicart-offcanvas .woocommerce-mini-cart__buttons a.checkout, #mini-cart.minicart-offcanvas p.buttons a.checkout { position: relative !important; overflow: hidden !important; background: linear-gradient(135deg, #101827 0%, #1f2937 52%, #111827 100%) !important; color: #ffffff !important; box-shadow: 0 14px 26px rgba(15, 23, 42, .24) !important; } #mini-cart.minicart-offcanvas .woocommerce-mini-cart__buttons a.checkout:before, #mini-cart.minicart-offcanvas p.buttons a.checkout:before { content: "" !important; position: absolute !important; top: -40% !important; left: -70% !important; width: 42% !important; height: 180% !important; background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.18) 50%, transparent 100%) !important; transform: rotate(18deg) !important; animation: dtfMiniCartShine 4.5s ease-in-out infinite !important; pointer-events: none !important; } @keyframes dtfMiniCartShine { 0%, 72% { left: -70%; opacity: 0; } 78% { opacity: 1; } 100% { left: 135%; opacity: 0; } } #mini-cart.minicart-offcanvas .woocommerce-mini-cart__buttons:after, #mini-cart.minicart-offcanvas p.buttons:after { content: "Secure checkout • GST invoice • WhatsApp support"; display: block !important; text-align: center !important; color: #64748b !important; font-size: 11px !important; line-height: 1.3 !important; font-weight: 750 !important; margin-top: 2px !important; } #mini-cart.minicart-offcanvas .woocommerce-mini-cart__empty-message { margin: 22px 18px !important; padding: 22px !important; background: #f8fbff !important; border: 1px solid #e4edf7 !important; border-radius: 18px !important; color: #334155 !important; font-size: 14px !important; font-weight: 700 !important; text-align: center !important; } @media (max-width: 768px) { #mini-cart.minicart-offcanvas .cart-popup, .minicart-offcanvas .cart-popup.widget_shopping_cart { width: calc(100vw - 34px) !important; max-width: calc(100vw - 34px) !important; } #mini-cart.minicart-offcanvas .total-count { padding: 21px 18px 16px !important; } #mini-cart.minicart-offcanvas .total-count:before { left: 18px !important; } #mini-cart.minicart-offcanvas ul.cart_list, #mini-cart.minicart-offcanvas ul.product_list_widget { padding: 16px 14px !important; } #mini-cart.minicart-offcanvas li.woocommerce-mini-cart-item, #mini-cart.minicart-offcanvas li.mini_cart_item { grid-template-columns: 82px minmax(0, 1fr) !important; gap: 12px !important; padding: 12px !important; border-radius: 16px !important; } #mini-cart.minicart-offcanvas li.mini_cart_item .product-image, #mini-cart.minicart-offcanvas li.mini_cart_item .product-image .inner, #mini-cart.minicart-offcanvas li.mini_cart_item .product-image a:not(.remove) { width: 82px !important; height: 82px !important; } #mini-cart.minicart-offcanvas li.mini_cart_item .product-image img { width: 78px !important; height: 78px !important; } #mini-cart.minicart-offcanvas li.mini_cart_item .product-details > a, #mini-cart.minicart-offcanvas li.mini_cart_item .product-details a.text-v-dark { font-size: 13px !important; } #mini-cart.minicart-offcanvas .woocommerce-mini-cart__total, #mini-cart.minicart-offcanvas p.total { margin-left: 14px !important; margin-right: 14px !important; } #mini-cart.minicart-offcanvas .woocommerce-mini-cart__buttons, #mini-cart.minicart-offcanvas p.buttons { padding-left: 14px !important; padding-right: 14px !important; } }