/* =====================================================================
   TECHOZOO — Design polish layer (orange theme)
   Loads LAST, after style.css + responsive.css. Visual-only overrides:
   typography, colour, radius, shadow, hover motion. No layout changes.
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Hind+Siliguri:wght@400;500;600;700&display=swap');

:root{
  --tz-orange:#F97316;
  --tz-orange-deep:#EA580C;
  --tz-orange-soft:#FFF3E9;
  --tz-ink:#1f2430;
  --tz-grad:linear-gradient(135deg,#FB923C 0%,#EA580C 100%);
  --tz-shadow:0 10px 30px -12px rgba(234,88,12,.28);
  --tz-shadow-sm:0 4px 16px -6px rgba(20,20,40,.14);
}

/* ---------- Typography ---------- */
body{
  font-family:'Plus Jakarta Sans','Hind Siliguri',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  color:var(--tz-ink);
  background:#fbfaf8;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,.sec_title h2,.section-title-name{
  font-family:'Plus Jakarta Sans','Hind Siliguri',sans-serif;
  letter-spacing:-.01em;
}
::selection{background:var(--tz-orange);color:#fff}
a{transition:color .2s ease}

/* nicer scrollbar (desktop) */
@media (min-width:992px){
  ::-webkit-scrollbar{width:10px;height:10px}
  ::-webkit-scrollbar-track{background:#f1efec}
  ::-webkit-scrollbar-thumb{background:#e8c3a3;border-radius:20px}
  ::-webkit-scrollbar-thumb:hover{background:var(--tz-orange)}
}

/* ---------- Header / nav ---------- */
.main-header,.header-area{box-shadow:0 1px 0 rgba(0,0,0,.04)}
.menu-area{
  background:var(--tz-grad) !important;
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:var(--tz-shadow);
}
.main-menu ul li a{font-weight:600;letter-spacing:.1px}
.main-menu ul li a:after{background:#fff !important}
.top_header{letter-spacing:.2px}

/* search button pill */
.header-search button,.search-btn,.header-form button{border-radius:0 10px 10px 0 !important}
.header-search input,.header-form input[type="text"]{border-radius:10px 0 0 10px !important}

/* ---------- Section titles ---------- */
.sec_title,.section-title-header{
  margin-bottom:22px;
}
.section-title-name,.sec_title h2{
  position:relative;
  font-weight:800 !important;
  padding-bottom:12px;
}
.section-title-name:after,.sec_title h2:after{
  content:"";
  position:absolute;left:0;bottom:0;
  width:56px;height:4px;border-radius:4px;
  background:var(--tz-grad);
}
.sec_title.text-center h2:after,.section-title-header.text-center .section-title-name:after{
  left:50%;transform:translateX(-50%);
}
.sec_title i{color:var(--tz-orange) !important}

/* "view more" links */
.view_more_btn,.show_more_btn,.view-more,a.view_more_btn{
  border:1.5px solid var(--tz-orange) !important;
  color:var(--tz-orange) !important;
  border-radius:30px !important;
  font-weight:600;
  transition:.25s all;
}
.view_more_btn:hover,.show_more_btn:hover,a.view_more_btn:hover{
  background:var(--tz-grad) !important;color:#fff !important;
  border-color:transparent !important;box-shadow:var(--tz-shadow);
}

/* ---------- Slider ---------- */
section.slider-section,.slider-section .slider-item,.slider-item img{
  border-radius:16px !important;overflow:hidden;
}
.slider-section{box-shadow:var(--tz-shadow-sm)}

/* ---------- Top categories ---------- */
.topcategory .cat-item img,.topcategory img,.top-category img{
  border-radius:50%;
  border:3px solid var(--tz-orange-soft) !important;
  transition:.3s all;
}
.topcategory .cat-item:hover img,.topcategory a:hover img{
  border-color:var(--tz-orange) !important;
  transform:translateY(-4px) scale(1.03);
  box-shadow:var(--tz-shadow);
}

/* ---------- Product cards ---------- */
.product_item{
  border:1px solid #efe7df !important;
  border-radius:16px !important;
  padding:10px !important;
  background:#fff;
  transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease,border-color .3s ease;
}
.product_item:hover{
  transform:translateY(-6px);
  border-color:#fcd9bd !important;
  box-shadow:var(--tz-shadow);
}
.product_item:hover .product_item_inner{border-color:transparent !important}

.pro_img,.pro_img>a{border-radius:12px !important;overflow:hidden}
.pro_img img{transition:transform .5s ease}
.product_item:hover .pro_img img{transform:scale(1.06)}

.pro_name a{font-weight:600 !important;color:var(--tz-ink) !important}
.pro_name a:hover{color:var(--tz-orange) !important}

.pro_price p,.pro_price{font-weight:800}
.pro_price ins,.pro_price .new-price,.pro_price span:not(.old-price){color:var(--tz-orange-deep) !important}
.pro_price del,.pro_price .old-price{color:#9aa0a6 !important;font-weight:500}

/* sale badge -> clean pill */
.product_item_inner .sale-badge{top:12px;right:10px}
.product_item_inner .sale-badge-inner{--sale-badge-width:auto;width:auto;height:auto}
.product_item_inner .sale-badge-box{
  background:var(--tz-grad) !important;
  border-radius:30px !important;
  padding:5px 10px;width:auto;height:auto;
  box-shadow:0 6px 14px -4px rgba(234,88,12,.5);
}
.product_item_inner span.sale-badge-text{font-size:11px;font-weight:700}

/* card action buttons */
.product_item .order-btn,.product_item .order-btn-link,
.product_item .pro_btn button{
  background:var(--tz-grad) !important;
  border:0 !important;border-radius:10px !important;
  font-weight:700 !important;letter-spacing:.2px;
  transition:.25s all;
}
.product_item .order-btn:hover,.product_item .order-btn-link:hover,
.product_item .pro_btn button:hover{
  filter:brightness(1.05);box-shadow:var(--tz-shadow);transform:translateY(-1px);
}
.product_item .cart-icon-btn,.product_item .cart-icon-link{
  border:1.5px solid var(--tz-orange) !important;
  color:var(--tz-orange) !important;border-radius:10px !important;
  background:#fff !important;transition:.25s all;
}
.product_item .cart-icon-btn:hover,.product_item .cart-icon-link:hover{
  background:var(--tz-grad) !important;border-color:transparent !important;
}
.product_item .cart-icon-btn:hover i,.product_item .cart-icon-link:hover i{color:#fff !important}

.quick_view_btn,.quick_view_hard a:hover{background:var(--tz-orange-deep) !important;border-color:var(--tz-orange-deep) !important}

/* ---------- Generic buttons ---------- */
.btn-primary,button.btn-primary,.theme-btn,.add_cart_btn,.order_now_btn,.buy-now-btn{
  background:var(--tz-grad) !important;border:0 !important;
  border-radius:10px !important;font-weight:700 !important;
  box-shadow:0 8px 20px -10px rgba(234,88,12,.5);
  transition:.25s all;
}
.btn-primary:hover,.theme-btn:hover,.add_cart_btn:hover,.order_now_btn:hover,.buy-now-btn:hover{
  filter:brightness(1.06);transform:translateY(-2px);
}

/* ---------- Flash sale timer ---------- */
.offer_timer > div,.timer_inner > div,.simple_timer > div,#simple_timer > div{
  background:var(--tz-grad) !important;color:#fff !important;
  border-radius:10px !important;box-shadow:var(--tz-shadow-sm);
  font-weight:700;
}

/* ---------- Cards / boxes soft polish ---------- */
.vendor-shop-item,.card,.wsit-box,.blog-item{border-radius:14px !important}
.vendor-shop-item{transition:.3s all}
.vendor-shop-item:hover{transform:translateY(-4px);box-shadow:var(--tz-shadow)}

/* ---------- Footer ---------- */
footer{position:relative}
footer:before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:var(--tz-grad);
}
.footer-top a:hover,.footer-menu ul li a:hover{color:var(--tz-orange) !important}

/* ---------- Floating widgets ---------- */
.floating-cart-widget,.whatsapp-float{box-shadow:0 12px 28px -8px rgba(0,0,0,.3) !important}

/* ---------- Breadcrumb ---------- */
.category-breadcrumb a,.breadcrumb a{color:var(--tz-orange) !important;font-weight:600}

/* ---------- Forms focus ---------- */
.form-control:focus,.form-select:focus,input:focus,textarea:focus{
  border-color:var(--tz-orange) !important;
  box-shadow:0 0 0 3px rgba(249,115,22,.15) !important;
}

/* ---------- Pagination ---------- */
.pagination .page-item.active .page-link,
.pagination .active a{
  background:var(--tz-grad) !important;border-color:transparent !important;
}
.pagination .page-link{color:var(--tz-orange-deep)}

/* ---------- Login / register / account cards ---------- */
.login-area,.register-area,.customer-panel,.account-box{border-radius:16px}

/* ---------- Cart / checkout accents ---------- */
.cart_table thead,.checkout-card .checkout-header{background:var(--tz-orange-soft) !important}
.sidebar-cart-checkout-btn,.btn-place-order{
  background:var(--tz-grad) !important;border:0 !important;font-weight:700 !important;
}
.payment-option-label input:checked ~ .check-circle,
.payment-option-label:has(input:checked){border-color:var(--tz-orange) !important}