/* HAFIEXPO.COM - Modern Alibaba-Inspired Theme (v3) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --hafi-orange: #FF6A00;
  --hafi-orange-hover: #E55D00;
  --hafi-orange-light: #FFF4EC;
  --hafi-orange-gradient: linear-gradient(135deg, #FF6A00 0%, #FF8C33 100%);
  --hafi-dark: #1B1B1B;
  --hafi-dark-2: #2D2D2D;
  --hafi-gray-900: #333333;
  --hafi-gray-700: #555555;
  --hafi-gray-500: #888888;
  --hafi-gray-300: #CCCCCC;
  --hafi-gray-100: #F5F5F5;
  --hafi-white: #FFFFFF;
  --hafi-green: #00B853;
  --hafi-red: #E74C3C;
  --hafi-blue: #2196F3;
  --hafi-yellow: #FFD814;
  --hafi-radius-sm: 6px;
  --hafi-radius-md: 10px;
  --hafi-radius-lg: 16px;
  --hafi-radius-xl: 24px;
  --hafi-shadow-sm: 0 1px 3px rgba(0,0,0,.08);
  --hafi-shadow-md: 0 4px 12px rgba(0,0,0,.1);
  --hafi-shadow-lg: 0 8px 30px rgba(0,0,0,.12);
  --hafi-shadow-hover: 0 8px 25px rgba(255,106,0,.18);
  --hafi-transition: all .25s cubic-bezier(.4,0,.2,1);
}

body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif!important;color:var(--hafi-gray-900)!important;background:var(--hafi-gray-100)!important;-webkit-font-smoothing:antialiased}
a{color:var(--hafi-orange);transition:var(--hafi-transition)}
a:hover{color:var(--hafi-orange-hover);text-decoration:none}
html{scroll-behavior:smooth}

.top-bar,.header-top{background:var(--hafi-dark)!important;padding:4px 0!important;font-size:12px!important;border:none!important}
.top-bar *,.top-bar a,.header-top *,.header-top a{color:rgba(255,255,255,.85)!important;font-size:12px!important}
.top-bar a:hover,.header-top a:hover{color:var(--hafi-orange)!important}

.navbar-header,header.header,.nav-mobile-header,.mobile-nav-container,.nav-mobile-header-container{background:var(--hafi-white)!important;border:none!important;border-bottom:2px solid var(--hafi-orange!important);padding:8px 0!important;box-shadow:var(--hafi-shadow-sm)!important}
.navbar-header *,header.header *,.header-main *,.nav-mobile-header *{color:var(--hafi-dark)!important}
.navbar-brand img,.header-logo img,.mobile-logo img{max-height:42px!important;object-fit:contain;transition:var(--hafi-transition)}
.navbar-brand:hover img,.header-logo:hover img{transform:scale(1.03)}

#form_validate_search,.mobile-search-form form{display:flex!important;align-items:stretch!important;width:100%!important;border:2px solid var(--hafi-orange)!important;border-radius:28px!important;overflow:hidden!important;background:var(--hafi-white)!important;box-shadow:0 2px 8px rgba(255,106,0,.08);transition:var(--hafi-transition)}
#form_validate_search:focus-within,.mobile-search-form form:focus-within{box-shadow:0 0 0 3px rgba(255,106,0,.15),var(--hafi-shadow-md)!important}

#input_search_main,#input_search_mobile,.search-bar input[type="text"],.top-search-bar input[type="text"]{flex:1;border:none!important;background:transparent!important;padding:12px 20px!important;font-size:15px!important;font-weight:400!important;color:var(--hafi-dark)!important;outline:none!important;box-shadow:none!important;border-radius:28px 0 0 28px!important;height:auto!important;line-height:1.4!important}
#input_search_main::placeholder,#input_search_mobile::placeholder{color:var(--hafi-gray-500)!important;font-weight:400!important}

#form_validate_search .btn-default,.mobile-search-form .btn-default{background:var(--hafi-orange-gradient)!important;border:none!important;color:var(--hafi-white)!important;padding:12px 28px!important;border-radius:0 26px 26px 0!important;font-size:18px!important;cursor:pointer;transition:var(--hafi-transition);display:flex;align-items:center;justify-content:center;min-width:56px}
#form_validate_search .btn-default:hover,.mobile-search-form .btn-default:hover{background:linear-gradient(135deg,#E55D00 0%,#FF7A1A 100%)!important}
#form_validate_search .btn-default i,.mobile-search-form .btn-default i{color:var(--hafi-white)!important;font-size:18px!important}

.search-results-ajax,#response_search_results,#response_search_results_mobile{position:absolute!important;top:calc(100% + 4px)!important;left:0!important;right:0!important;background:var(--hafi-white)!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:var(--hafi-radius-md)!important;box-shadow:var(--hafi-shadow-lg)!important;z-index:99999!important;max-height:460px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0!important;animation:hafi-dropdown-in .2s ease-out}
@keyframes hafi-dropdown-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.search-results-ajax ul,#response_search_results ul,#response_search_results_mobile ul{list-style:none!important;margin:0!important;pacat > /home/expokafjay/hafiexpo.com/assets/css/custom_v3.css << 'ENDOFCSS'

/* HAFIEXPO.COM - Modern Alibaba-Inspired Theme (v3) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --hafi-orange: #FF6A00;
  --hafi-orange-hover: #E55D00;
  --hafi-orange-light: #FFF4EC;
  --hafi-orange-gradient: linear-gradient(135deg, #FF6A00 0%, #FF8C33 100%);
  --hafi-dark: #1B1B1B;
  --hafi-dark-2: #2D2D2D;
  --hafi-gray-900: #333333;
  --hafi-gray-700: #555555;
  --hafi-gray-500: #888888;
  --hafi-gray-300: #CCCCCC;
  --hafi-gray-100: #F5F5F5;
  --hafi-white: #FFFFFF;
  --hafi-green: #00B853;
  --hafi-red: #E74C3C;
  --hafi-blue: #2196F3;
  --hafi-yellow: #FFD814;
  --hafi-radius-sm: 6px;
  --hafi-radius-md: 10px;
  --hafi-radius-lg: 16px;
  --hafi-radius-xl: 24px;
  --hafi-shadow-sm: 0 1px 3px rgba(0,0,0,.08);
  --hafi-shadow-md: 0 4px 12px rgba(0,0,0,.1);
  --hafi-shadow-lg: 0 8px 30px rgba(0,0,0,.12);
  --hafi-shadow-hover: 0 8px 25px rgba(255,106,0,.18);
  --hafi-transition: all .25s cubic-bezier(.4,0,.2,1);
}

body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif!important;color:var(--hafi-gray-900)!important;background:var(--hafi-gray-100)!important;-webkit-font-smoothing:antialiased}
a{color:var(--hafi-orange);transition:var(--hafi-transition)}
a:hover{color:var(--hafi-orange-hover);text-decoration:none}
html{scroll-behavior:smooth}

.top-bar,.header-top{background:var(--hafi-dark)!important;padding:4px 0!important;font-size:12px!important;border:none!important}
.top-bar *,.top-bar a,.header-top *,.header-top a{color:rgba(255,255,255,.85)!important;font-size:12px!important}
.top-bar a:hover,.header-top a:hover{color:var(--hafi-orange)!important}

.navbar-header,header.header,.nav-mobile-header,.mobile-nav-container,.nav-mobile-header-container{background:var(--hafi-white)!important;border:none!important;border-bottom:2px solid var(--hafi-orange)!important;padding:8px 0!important;box-shadow:var(--hafi-shadow-sm)!important}
.navbar-header *,header.header *,.header-main *,.nav-mobile-header *{color:var(--hafi-dark)!important}
.navbar-brand img,.header-logo img,.mobile-logo img{max-height:42px!important;object-fit:contain;transition:var(--hafi-transition)}
.navbar-brand:hover img,.header-logo:hover img{transform:scale(1.03)}

#form_validate_search,.mobile-search-form form{display:flex!important;align-items:stretch!important;width:100%!important;border:2px solid var(--hafi-orange)!important;border-radius:28px!important;overflow:hidden!important;background:var(--hafi-white)!important;box-shadow:0 2px 8px rgba(255,106,0,.08);transition:var(--hafi-transition)}
#form_validate_search:focus-within,.mobile-search-form form:focus-within{box-shadow:0 0 0 3px rgba(255,106,0,.15),var(--hafi-shadow-md)!important}

#input_search_main,#input_search_mobile,.search-bar input[type="text"],.top-search-bar input[type="text"]{flex:1;border:none!important;background:transparent!important;padding:12px 20px!important;font-size:15px!important;font-weight:400!important;color:var(--hafi-dark)!important;outline:none!important;box-shadow:none!important;border-radius:28px 0 0 28px!important;height:auto!important;line-height:1.4!important}
#input_search_main::placeholder,#input_search_mobile::placeholder{color:var(--hafi-gray-500)!important;font-weight:400!important}

#form_validate_search .btn-default,.mobile-search-form .btn-default{background:var(--hafi-orange-gradient)!important;border:none!important;color:var(--hafi-white)!important;padding:12px 28px!important;border-radius:0 26px 26px 0!important;font-size:18px!important;cursor:pointer;transition:var(--hafi-transition);display:flex;align-items:center;justify-content:center;min-width:56px}
#form_validate_search .btn-default:hover,.mobile-search-form .btn-default:hover{background:linear-gradient(135deg,#E55D00 0%,#FF7A1A 100%)!important}
#form_validate_search .btn-default i,.mobile-search-form .btn-default i{color:var(--hafi-white)!important;font-size:18px!important}

.search-results-ajax,#response_search_results,#response_search_results_mobile{position:absolute!important;top:calc(100% + 4px)!important;left:0!important;right:0!important;background:var(--hafi-white)!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:var(--hafi-radius-md)!important;box-shadow:var(--hafi-shadow-lg)!important;z-index:99999!important;max-height:460px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0!important;animation:hafi-dropdown-in .2s ease-out}
@keyframes hafi-dropdown-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.search-results-ajax ul,#response_search_results ul,#response_search_results_mobile ul{list-style:none!important;margin:0!important;padding:4px 0!important}
.search-results-ajax .suggestion-header,#response_search_results .suggestion-header,#response_search_results_mobile .suggestion-header{padding:10px 16px 6px!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1px!important;color:var(--hafi-gray-500)!important;background:var(--hafi-gray-100)!important;border-bottom:1px solid rgba(0,0,0,.04);margin:0!important}
.search-results-ajax li a,#response_search_results li a,#response_search_results_mobile li a{display:flex!important;align-items:center!important;padding:10px 16px!important;color:var(--hafi-gray-900)!important;text-decoration:none!important;transition:var(--hafi-transition);border-bottom:1px solid rgba(0,0,0,.03);gap:12px}
.search-results-ajax li a:hover,#response_search_results li a:hover,#response_search_results_mobile li a:hover,.search-results-ajax li a.hafi-search-active,#response_search_results li a.hafi-search-active{background:var(--hafi-orange-light)!important;color:var(--hafi-orange)!important}
.search-item-left{flex:1;font-size:14px!important;font-weight:500!important;color:var(--hafi-gray-900)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-item-right span{font-size:11px!important;padding:3px 8px!important;border-radius:20px!important;font-weight:600!important;background:var(--hafi-orange-light)!important;color:var(--hafi-orange)!important}
.search-results-ajax::-webkit-scrollbar,#response_search_results::-webkit-scrollbar,#response_search_results_mobile::-webkit-scrollbar{width:5px}
.search-results-ajax::-webkit-scrollbar-thumb,#response_search_results::-webkit-scrollbar-thumb,#response_search_results_mobile::-webkit-scrollbar-thumb{background:var(--hafi-gray-300);border-radius:10px}

.hafi-search-portal{position:absolute!important;top:calc(100% + 4px)!important;left:0!important;right:0!important;z-index:99999!important}
.hafi-search-see-all{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:12px 16px!important;background:var(--hafi-gray-100)!important;color:var(--hafi-orange)!important;font-weight:600!important;font-size:13px!important;text-decoration:none!important;border-top:1px solid rgba(0,0,0,.06);border-radius:0 0 var(--hafi-radius-md) var(--hafi-radius-md);transition:var(--hafi-transition)}
.hafi-search-see-all:hover{background:var(--hafi-orange-light)!important;color:var(--hafi-orange-hover)!important}
.hafi-search-empty{text-align:center;padding:30px 16px;color:var(--hafi-gray-500);font-size:14px}
.hafi-search-empty p{margin:8px 0 0}
@keyframes hafi-spin{to{transform:rotate(360deg)}}
.hafi-search-spinner{width:24px;height:24px;border:3px solid var(--hafi-gray-300);border-top-color:var(--hafi-orange);border-radius:50%;animation:hafi-spin .6s linear infinite;margin:20px auto;display:block}

.nav-main,.main-menu,.navbar-nav-main,.row-custom.categories-nav,nav.navbar{background:var(--hafi-orange-gradient)!important;border:none!important;box-shadow:0 2px 8px rgba(255,106,0,.15)!important}
.nav-main a,.main-menu a,.navbar-nav-main>li>a,.categories-nav a{color:var(--hafi-white)!important;font-weight:500!important;font-size:13.5px!important;padding:10px 16px!important;transition:var(--hafi-transition);border-radius:var(--hafi-radius-sm);text-transform:capitalize}
.nav-main a:hover,.main-menu a:hover,.navbar-nav-main>li>a:hover,.categories-nav a:hover{background:rgba(255,255,255,.18)!important;color:var(--hafi-white)!important}
.nav-main .dropdown-menu,.main-menu .dropdown-menu{border:1px solid rgba(0,0,0,.06)!important;border-radius:var(--hafi-radius-md)!important;box-shadow:var(--hafi-shadow-lg)!important;padding:8px 0!important;animation:hafi-dropdown-in .2s ease-out}
.nav-main .dropdown-menu a,.main-menu .dropdown-menu a{color:var(--hafi-gray-900)!important;font-size:13px!important;padding:8px 16px!important}
.nav-main .dropdown-menu a:hover,.main-menu .dropdown-menu a:hover{background:var(--hafi-orange-light)!important;color:var(--hafi-orange)!important}

.nav-icon a,.header-icons a,.li-cart a{color:var(--hafi-dark)!important;font-weight:500!important;transition:var(--hafi-transition)}
.nav-icon a:hover,.header-icons a:hover,.li-cart a:hover{color:var(--hafi-orange)!important;border-color:transparent!important}
.cart-items-count,.label-nav-icon-badge,span.badge{background:var(--hafi-orange)!important;color:var(--hafi-white)!important;font-weight:700!important;font-size:10px!important;min-width:18px;height:18px;line-height:18px;border-radius:50%!important}
.btn-custom,.btn-sell-now{background:var(--hafi-orange-gradient)!important;color:var(--hafi-white)!important;border:none!important;border-radius:var(--hafi-radius-xl)!important;padding:9px 22px!important;font-weight:600!important;font-size:13px!important;box-shadow:0 2px 8px rgba(255,106,0,.2)!important;transition:var(--hafi-transition);text-transform:capitalize;letter-spacing:.3px}
.btn-custom:hover,.btn-sell-now:hover{background:linear-gradient(135deg,#E55D00 0%,#FF7A1A 100%)!important;transform:translateY(-1px);box-shadow:0 4px 15px rgba(255,106,0,.3)!important;color:var(--hafi-white)!important;text-decoration:none!important}

.owl-carousel .owl-nav button,.owl-carousel .owl-prev,.owl-carousel .owl-next{background:rgba(255,255,255,.9)!important;color:var(--hafi-dark)!important;width:42px!important;height:42px!important;border-radius:50%!important;box-shadow:var(--hafi-shadow-md)!important;transition:var(--hafi-transition);border:1px solid rgba(0,0,0,.06)!important}
.owl-carousel .owl-nav button:hover,.owl-carousel .owl-prev:hover,.owl-carousel .owl-next:hover{background:var(--hafi-orange)!important;color:var(--hafi-white)!important;transform:scale(1.08)}
.owl-carousel .owl-dots .owl-dot span{background:var(--hafi-gray-300)!important;transition:var(--hafi-transition)}
.owl-carousel .owl-dots .owl-dot.active span{background:var(--hafi-orange)!important;width:24px!important;border-radius:10px!important}

.section-title,.section-header h3,.home-title{font-size:22px!important;font-weight:700!important;color:var(--hafi-dark)!important;margin-bottom:20px!important}

.product-item,.product-card,.item-product{background:var(--hafi-white)!important;border-radius:var(--hafi-radius-md)!important;border:1px solid rgba(0,0,0,.04)!important;overflow:hidden;transition:var(--hafi-transition);position:relative}
.product-item:hover,.product-card:hover,.item-product:hover{transform:translateY(-4px);box-shadow:var(--hafi-shadow-hover)!important;border-color:rgba(255,106,0,.15)!important}
.product-item .img-product img,.product-card .product-img-container img,.item-product img,.img-product-container img{transition:transform .4s cubic-bezier(.4,0,.2,1)!important;width:100%;object-fit:cover}
.product-item:hover .img-product img,.product-card:hover .product-img-container img,.item-product:hover img{transform:scale(1.06)}
.product-item h3,.product-item .product-title,.product-card .product-title{font-size:13.5px!important;font-weight:500!important;line-height:1.4!important;color:var(--hafi-gray-900)!important;margin:8px 0 4px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-item h3 a,.product-item .product-title a,.product-card .product-title a{color:var(--hafi-gray-900)!important;text-decoration:none!important}
.product-item:hover h3 a,.product-item:hover .product-title a{color:var(--hafi-orange)!important}
.product-item .price,.product-card .price,.item-product .price,.price-product-details,.product-price{font-size:17px!important;font-weight:800!important;color:var(--hafi-orange)!important}
.product-item .price-old,.product-card .price-old{font-size:12px!important;color:var(--hafi-gray-500)!important;text-decoration:line-through!important}
.product-item .shop-name,.product-card .shop-name{font-size:11px!important;color:var(--hafi-gray-500)!important}
.rating-stars .rating-star,.product-item .rating i{color:var(--hafi-yellow)!important;font-size:12px!important}
.product-item .wishlist-button,.btn-wishlist{color:var(--hafi-gray-500)!important;transition:var(--hafi-transition)}
.product-item .wishlist-button:hover,.btn-wishlist:hover{color:var(--hafi-red)!important;transform:scale(1.15)}

.btn-add-to-cart,.btn-cart,.btn-buy-now{background:var(--hafi-orange-gradient)!important;color:var(--hafi-white)!important;border:none!important;border-radius:var(--hafi-radius-sm)!m)!important;padding:8px 16px!important;font-weight:600!important;font-size:13px!important;transition:var(--hafi-transition)}
.btn-add-to-cart:hover,.btn-cart:hover,.btn-buy-now:hover{background:linear-gradient(135deg,#E55D00 0%,#FF7A1A 100%)!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,106,0,.25)!important;color:var(--hafi-white)!important}

.section,.home-section,.section-products{padding:24px 0!important;margin:0!important}
.view-all-link,a.link-see-more{color:var(--hafi-orange)!important;font-weight:600!important;font-size:13px!important;text-decoration:none!important;transition:var(--hafi-transition)}
.view-all-link:hover,a.link-see-more:hover{color:var(--hafi-orange-hover)!important;text-decoration:underline!important}

.footer,.footer-top,footer{background:var(--hafi-dark)!important;color:rgba(255,255,255,.7)!important;border-top:3px solid var(--hafi-orange)!important;padding-top:40px!important}
.footer *,.footer a,footer *,footer a{color:rgba(255,255,255,.7)!important}
.footer a:hover,footer a:hover{color:var(--hafi-orange)!important}
.footer-title,.footer h4,footer h4{color:var(--hafi-white)!important;font-weight:700!important;font-size:15px!important;margin-bottom:16px!important;position:relative;padding-bottom:10px!important}
.footer-title::after,.footer h4::after,footer h4::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background:var(--hafi-orange);border-radius:2px}
.footer-bottom,.copyright{background:rgba(0,0,0,.3)!important;padding:16px 0!important;font-size:12px!important;margin-top:30px!important}
.footer-social-links a:hover i,.footer .social-links a:hover i{color:var(--hafi-orange)!important;transform:translateY(-2px)}

.breadcrumb{background:transparent!important;padding:12px 0!important;font-size:12px!important}
.breadcrumb a{color:var(--hafi-orange)!important}
.pagination .page-item.active .page-link{background:var(--hafi-orange)!important;border-color:var(--hafi-orange)!important;color:var(--hafi-white)!important}
.pagination .page-link{color:var(--hafi-orange)!important;border-radius:var(--hafi-radius-sm)!important;margin:0 2px;transition:var(--hafi-transition)}
.pagination .page-link:hover{background:var(--hafi-orange-light)!important}
.modal-content{border-radius:var(--hafi-radius-lg)!important;border:none!important;box-shadow:var(--hafi-shadow-lg)!important}
.form-control:focus{border-color:var(--hafi-orange)!important;box-shadow:0 0 0 3px rgba(255,106,0,.12)!important}
.btn-primary{background:var(--hafi-orange-gradient)!important;border:none!important}

.scrollToTop,#scrollTop,.btn-scrolltop{background:var(--hafi-orange-gradient)!important;color:var(--hafi-white)!important;border-radius:50%!important;box-shadow:var(--hafi-shadow-md)!important;border:none!important;width:44px!important;height:44px!important;transition:var(--hafi-transition)}
.scrollToTop:hover,#scrollTop:hover,.btn-scrolltop:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,106,0,.3)!important}

.overlay-bg{background:rgba(0,0,0,.5)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.alert-success{background:#E8F9EE!important;color:var(--hafi-green)!important;border:1px solid rgba(0,184,83,.15)!important;border-radius:var(--hafi-radius-sm)!important}
.alert-danger{background:#FDE8E8!important;color:var(--hafi-red)!important;border:1px solid rgba(231,76,60,.15)!important;

ls -la /home/expokafjay/hafiexpo.com/assets/css/custom_v3.css