/* Vancord premium storefront depth system — additive, keeps existing Bootstrap/template behavior */
:root{--vc-shop-ink:#172842;--vc-shop-muted:#65748b;--vc-shop-blue:#2856a6;--vc-shop-teal:#2da99d;--vc-shop-paper:#f5f7fb;--vc-shop-line:#e3e9f2;--vc-shop-shadow:0 12px 30px rgba(25,45,76,.09);--vc-shop-shadow-hover:0 20px 40px rgba(25,45,76,.16)}
body{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;color:#2a3b53;background:#f5f7fb!important}
a{transition:color .18s ease,background .18s ease}
.header-area,.header-area-2,.menu-area,.menu-area-2,.sticky-menu{z-index:1000}
.top-bar,.top-bar-2{background:#14243d!important;color:#dce7f5}
.logo-area,.logo-area-2,.header-area,.header-area-2{background:rgba(255,255,255,.96)!important;box-shadow:0 7px 24px rgba(21,42,72,.06)}
.menu-area,.menu-area-2,.sticky-menu{box-shadow:0 8px 22px rgba(20,40,70,.08)}
.menu-area a,.menu-area-2 a,.sticky-menu a{font-weight:650}
.product-box,.product-item,.single-product,.product-area .product-item,.featured-product .product-item,.category .product-box,.hot-offer .product-item,.best-deal .product-item,.top-rated .product-item,.related-product .product-item{background:#fff;border:1px solid rgba(224,232,243,.95);border-radius:16px;overflow:hidden;box-shadow:var(--vc-shop-shadow);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.product-box:hover,.product-item:hover,.single-product:hover,.product-area .product-item:hover,.featured-product .product-item:hover,.category .product-box:hover,.hot-offer .product-item:hover,.best-deal .product-item:hover,.top-rated .product-item:hover,.related-product .product-item:hover{transform:translateY(-4px);box-shadow:var(--vc-shop-shadow-hover);border-color:#d0dced}
.product-box img,.product-item img{transition:transform .35s ease}
.product-box:hover img,.product-item:hover img{transform:scale(1.025)}
.product-box .product-info,.product-item .product-info,.product-box .tab-heading,.product-item .product-content{padding-left:15px;padding-right:15px}
.product-box h3,.product-box h4,.product-item h3,.product-item h4,.product-title{color:var(--vc-shop-ink);font-weight:750;letter-spacing:-.02em}
.product-box .price,.product-item .price,.price{font-weight:800;color:var(--vc-shop-ink)}
.btn,.button,.add-to-cart,.cart-btn{border-radius:10px!important;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.btn:hover,.button:hover,.add-to-cart:hover,.cart-btn:hover{transform:translateY(-1px);box-shadow:0 8px 17px rgba(28,58,100,.14)}
.btn-primary,.button-primary,.add-to-cart{background:linear-gradient(135deg,#2856a6,#367cc3)!important;border:0!important;color:#fff!important;box-shadow:0 6px 15px rgba(40,86,166,.18)}
.form-control,select,textarea,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel]{border-radius:10px!important;border:1px solid #d9e2ef!important;box-shadow:none!important;min-height:42px;padding:9px 12px;max-width:100%}
.form-control:focus,select:focus,textarea:focus,input:focus{border-color:#80a9e2!important;box-shadow:0 0 0 3px rgba(52,112,195,.11)!important;outline:0}
.breadcrumb,.breadcrumb-area{background:linear-gradient(135deg,#f0f5fc,#fff);border-radius:12px}
.cart-area,.cart-table,.checkout-area,.checkout-form,.login-area,.register-area,.contact-area,.account-area,.view-cart,.check-out{background:#fff;border:1px solid var(--vc-shop-line);border-radius:16px;box-shadow:var(--vc-shop-shadow);padding:clamp(14px,2vw,26px)}
table{border-color:var(--vc-shop-line)}
table thead th{background:#f1f5fb;color:#52637b;font-size:12px;font-weight:800;letter-spacing:.045em}
table td,table th{padding:12px!important;vertical-align:middle}
.pagination>li>a,.pagination>li>span{border:0!important;border-radius:8px!important;margin:0 3px}
.pagination>.active>a,.pagination>.active>span{background:#2856a6!important}
.section-title h2,.section-title h3,.heading-title{color:var(--vc-shop-ink);font-weight:800;letter-spacing:-.035em}
footer,.footer-area{background:#14243d!important;color:#d4dfed}
footer a,.footer-area a{color:#dce7f5}
footer a:hover,.footer-area a:hover{color:#62d2c7}
@media(max-width:767px){.product-box,.product-item,.single-product{border-radius:13px}.cart-area,.cart-table,.checkout-area,.checkout-form,.login-area,.register-area,.contact-area,.account-area,.view-cart,.check-out{padding:13px}.product-box:hover,.product-item:hover,.single-product:hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}