/**
 * Theme V2 – Totally new UI/UX
 * Indigo/teal palette, Plus Jakarta Sans, minimal layout.
 * Overrides custom-primary (red). Keep all API/routes/forms unchanged.
 */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root {
  --t2-primary: #0d9488;
  --t2-primary-hover: #0f766e;
  --t2-primary-light: #ccfbf1;
  --t2-dark: #0f172a;
  --t2-dark-soft: #1e293b;
  --t2-muted: #64748b;
  --t2-muted-light: #94a3b8;
  --t2-bg: #f8fafc;
  --t2-surface: #ffffff;
  --t2-border: #e2e8f0;
  --t2-radius: 12px;
  --t2-radius-sm: 8px;
  --t2-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
  --t2-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.1);
  --t2-font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* === Base === */
body {
  font-family: var(--t2-font) !important;
  background-color: var(--t2-bg) !important;
  color: var(--t2-dark) !important;
}

/* === Replace red primary everywhere === */
.ps-btn--primary,
.btn-primary,
button.ps-btn--primary,
a.ps-btn--primary,
.ps-btn:not(.ps-btn--black):not(.ps-btn--gray):not(.ps-btn--reverse),
button.ps-btn:not(.ps-btn--black):not(.ps-btn--gray):not(.ps-btn--reverse),
.proceed,
.button.proceed,
.ps-btn.proceed,
.load-more-btn,
.ps-btn--checkout,
.ps-btn--cart {
  background: linear-gradient(135deg, var(--t2-primary) 0%, var(--t2-primary-hover) 100%) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 600 !important;
  border-radius: var(--t2-radius-sm) !important;
  box-shadow: var(--t2-shadow) !important;
}

.ps-btn--primary:hover,
.btn-primary:hover,
.ps-btn:hover,
.proceed:hover,
.load-more-btn:hover,
.ps-btn--checkout:hover,
.ps-btn--cart:hover {
  background: linear-gradient(135deg, var(--t2-primary-hover) 0%, #115e59 100%) !important;
  transform: translateY(-1px);
  box-shadow: var(--t2-shadow-md) !important;
}

a,
.ps-link {
  color: var(--t2-primary) !important;
}

a:hover,
.ps-link:hover {
  color: var(--t2-primary-hover) !important;
}

.ps-product__badge,
.ps-product__badge--hot,
.ps-product__badge--sale,
.badge-primary,
.ps-badge--primary {
  background-color: var(--t2-primary) !important;
  color: #fff !important;
}

.ps-product__price--sale {
  color: var(--t2-primary) !important;
}

.ps-product__title a:hover,
.ps-product__actions a:hover {
  color: var(--t2-primary) !important;
}

.pagination .page-item.active .page-link,
.pagination li.active a {
  background-color: var(--t2-primary) !important;
  border-color: var(--t2-primary) !important;
  color: #fff !important;
}

.breadcrumb-item.active {
  color: var(--t2-primary) !important;
}

.ps-widget--account-dashboard ul li.active,
.ps-widget--account-dashboard ul li.active a,
.ps-section__left ul li.active,
.ps-section__left ul li.active a {
  background-color: var(--t2-primary) !important;
  color: #fff !important;
}

.ps-form--account .ps-tab-list li.active a {
  color: var(--t2-primary) !important;
  border-bottom-color: var(--t2-primary) !important;
}

/* Login/account form: keep tab bar as a thin strip, heading always visible */
/* Auth tabs: Login | Register on one line, teal underline, visible on mobile */
.ps-my-account-2 .ps-form--account .ps-tab-list,
#authTabList {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  margin-bottom: 0 !important;
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.ps-my-account-2 .ps-form--account .ps-tab-list li,
#authTabList li {
  display: flex !important;
  flex: 1 1 50% !important;
  max-width: 50% !important;
  width: auto !important;
  background-color: transparent !important;
  padding: 14px 12px !important;
  margin: 0 !important;
  border-bottom: 2px solid transparent !important;
  justify-content: center !important;
  align-items: center !important;
}

.ps-my-account-2 .ps-form--account .ps-tab-list li.active,
#authTabList li.active {
  border-bottom-color: var(--t2-primary) !important;
}

.ps-my-account-2 .ps-form--account .ps-tab-list li a,
#authTabList li a {
  color: var(--t2-muted) !important;
  background-color: transparent !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

@media (max-width: 576px) {

  .ps-my-account-2 .ps-form--account .ps-tab-list li a,
  #authTabList li a {
    font-size: 16px !important;
  }
}

.ps-my-account-2 .ps-form--account .ps-tab-list li.active a,
#authTabList li.active a {
  color: var(--t2-primary) !important;
}

.ps-form--account .ps-form__content h5 {
  color: var(--t2-dark) !important;
  font-weight: 600 !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  visibility: visible !important;
}

/* === Register form – professional look === */
.t2-register-form {
  padding: 28px 32px 32px !important;
  max-width: 100%;
}

.t2-register-title {
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  color: var(--t2-dark) !important;
  margin: 0 0 24px !important;
  padding-bottom: 16px !important;
  border-bottom: 2px solid var(--t2-primary) !important;
  letter-spacing: -0.02em !important;
}

.t2-register-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--t2-dark);
  margin-bottom: 8px;
}

.t2-register-form .form-group {
  margin-bottom: 20px !important;
}

.t2-register-form .form-control {
  height: 48px !important;
  padding: 12px 16px !important;
  font-size: 15px !important;
  border-radius: var(--t2-radius-sm) !important;
  border: 1px solid var(--t2-border) !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}

.t2-register-form .form-control:focus {
  border-color: var(--t2-primary) !important;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.12) !important;
  outline: none !important;
}

.t2-register-form .form-control::placeholder {
  color: var(--t2-muted-light) !important;
}

.t2-proof-section {
  margin: 24px 0 20px !important;
  padding: 20px !important;
  background: var(--t2-bg) !important;
  border-radius: var(--t2-radius-sm) !important;
  border: 1px solid var(--t2-border) !important;
}

.t2-proof-label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--t2-dark) !important;
  margin: 0 0 14px !important;
  display: block !important;
}

.t2-radio-group {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 12px !important;
  padding: 10px 0 !important;
}

.t2-radio-group:last-of-type {
  margin-bottom: 0 !important;
}

.t2-radio-group input[type="radio"] {
  width: 20px !important;
  height: 20px !important;
  margin-right: 12px !important;
  accent-color: var(--t2-primary) !important;
}

.t2-radio-group label {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--t2-dark) !important;
  margin: 0 !important;
  cursor: pointer !important;
}

.t2-register-submit {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}

.t2-btn-register {
  height: 52px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  border-radius: var(--t2-radius-sm) !important;
  letter-spacing: 0.02em !important;
}

/* === Register benefits panel (right) === */
.t2-register-benefits {
  padding-left: 0 !important;
}

/* Auth page: equal flex for form + benefits, main axis align start */
.ps-my-account-2 .ps-section__wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 24px !important;
}

.ps-my-account-2 .ps-section__left {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
}

.ps-my-account-2 .ps-section__right {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  padding-left: 0 !important;
}

@media (min-width: 768px) {
  .ps-my-account-2 .ps-section__wrapper {
    flex-wrap: nowrap !important;
  }

  .ps-my-account-2 .ps-section__left,
  .ps-my-account-2 .ps-section__right {
    flex: 1 1 50% !important;
  }
}

.t2-benefits-title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: var(--t2-dark) !important;
  margin: 0 0 24px !important;
  line-height: 1.35 !important;
}

.t2-benefits-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.t2-benefits-list li {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 16px 20px !important;
  margin-bottom: 12px !important;
  background: var(--t2-surface) !important;
  border: 1px solid var(--t2-border) !important;
  border-radius: var(--t2-radius-sm) !important;
  box-shadow: var(--t2-shadow) !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}

.t2-benefits-list li:last-child {
  margin-bottom: 0 !important;
}

.t2-benefits-list li:hover {
  border-color: var(--t2-primary-light) !important;
  box-shadow: 0 4px 12px rgba(13, 148, 136, 0.08) !important;
}

.t2-benefits-list li i {
  font-size: 24px !important;
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--t2-primary-light) !important;
  color: var(--t2-primary) !important;
  border-radius: var(--t2-radius-sm) !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

.t2-benefits-list li span {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--t2-dark) !important;
  line-height: 1.4 !important;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
  accent-color: var(--t2-primary);
}

.ps-product__price del {
  color: var(--t2-muted) !important;
}

/* === Header – minimal light bar === */
.header--1 .header__top,
.header .header__top,
.header--standard .header__top,
.header--mobile .header__top {
  background: var(--t2-surface) !important;
  border-bottom: 1px solid var(--t2-border) !important;
  box-shadow: var(--t2-shadow) !important;
}

.header .header__top .header__extra>i,
.header .header__top .header__actions i,
.header .header__top .ps-block--user-header i,
.header .header__top .ps-block--user-header a,
.header .header__top .header__extra,
.header .header__top .ps-cart--mini .header__extra>i,
.header .header__top .ps-block--user-header .ps-block__left i,
.header .header__top .ps-block--user-header .ps-block__right a {
  color: var(--t2-dark) !important;
}

.header .header__top .ps-form--quick-search button {
  background: var(--t2-primary) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 var(--t2-radius-sm) var(--t2-radius-sm) 0 !important;
}

.header .header__top .ps-form--quick-search .form-control {
  border: 1px solid var(--t2-border) !important;
  border-radius: var(--t2-radius-sm) 0 0 var(--t2-radius-sm) !important;
  border-right: none !important;
}

/* === Navigation – clean bar, no red === */
.navigation,
.header--1 .navigation,
.header--standard .navigation {
  background: var(--t2-dark) !important;
  border-bottom: none !important;
}

.navigation .menu>li>a,
.navigation .navigation__extra>li a {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 500 !important;
}

.navigation .menu>li>a:hover,
.navigation .navigation__extra>li a:hover {
  color: #fff !important;
}

.navigation .menu-item-has-children .mega-menu {
  background: var(--t2-surface) !important;
  border: 1px solid var(--t2-border) !important;
  border-radius: var(--t2-radius) !important;
  box-shadow: var(--t2-shadow-md) !important;
}

.category-grid a {
  color: var(--t2-dark) !important;
}

.category-grid a:hover {
  color: var(--t2-primary) !important;
}

/* === Mobile header === */
.header--mobile .navigation--mobile {
  background: var(--t2-surface) !important;
  border-bottom: 1px solid var(--t2-border) !important;
}

.header--mobile .header__top {
  background: var(--t2-dark) !important;
}

.header--mobile .header__top * {
  color: #fff !important;
}

/* === Footer === */
.ps-footer {
  background: var(--t2-dark) !important;
  color: rgba(255, 255, 255, 0.8) !important;
  padding: 3rem 0 1.5rem !important;
}

.ps-footer .widget-title,
.ps-footer h4.widget-title {
  color: #fff !important;
  font-weight: 600 !important;
  margin-bottom: 1rem !important;
}

.ps-footer .ps-list--link a,
.ps-footer a {
  color: rgba(255, 255, 255, 0.75) !important;
}

.ps-footer .ps-list--link a:hover,
.ps-footer a:hover {
  color: var(--t2-primary-light) !important;
}

.ps-footer .widget_contact-us h3,
.ps-footer .widget_contact-us p {
  color: rgba(255, 255, 255, 0.9) !important;
}

.ps-footer .widget_contact-us h3 {
  color: var(--t2-primary-light) !important;
}

.ps-footer .ps-list--social a {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
  border-radius: 50% !important;
}

.ps-footer .ps-list--social a:hover {
  background: var(--t2-primary) !important;
}

.ps-footer__copyright {
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  margin-top: 2rem !important;
  padding-top: 1.5rem !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

/* === Product cards === */
.ps-product,
.ps-product--inner {
  background: var(--t2-surface) !important;
  border-radius: var(--t2-radius) !important;
  overflow: hidden !important;
  box-shadow: var(--t2-shadow) !important;
  border: 1px solid var(--t2-border) !important;
}

/* Removed hover effects for simple product cards */
.ps-product.t2-product-card:hover {
  box-shadow: var(--t2-shadow) !important;
  border-color: var(--t2-border) !important;
}

/* === Product card – professional renewed look === */
.t2-product-col,
.productlist .col-xl-3.col-lg-3.col-md-4.col-sm-6.col-6,
.productlist .col-xl-3.col-lg-4.col-md-4.col-sm-6.col-6 {
  border: none !important;
  border-radius: var(--t2-radius) !important;
  overflow: hidden;
  background: var(--t2-surface) !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
  transition: box-shadow 0.25s ease, transform 0.25s ease !important;
}

.t2-product-col a,
.productlist .col-xl-3 a,
.productlist .col-lg-4 a {
  text-decoration: none !important;
  display: block !important;
  height: 100% !important;
}

.t2-product-col:hover,
.productlist .col-xl-3:hover,
.productlist .col-lg-4:hover {
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12) !important;
  transform: translateY(-2px) !important;
}

.t2-product-card,
.ps-product.t2-product-card,
.productlist .ps-product {
  border: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  background: transparent !important;
  box-shadow: none !important;
}

.t2-product-card:hover,
.ps-product.t2-product-card:hover,
.productlist .ps-product:hover {
  box-shadow: none !important;
  border: none !important;
}

/* Image area – aspect ratio, light bg, no harsh edges */
.t2-product-card .ps-product__thumbnail,
.ps-product.t2-product-card .ps-product__thumbnail,
.productlist .ps-product__thumbnail {
  position: relative !important;
  aspect-ratio: 1 !important;
  max-height: 280px !important;
  background: var(--t2-bg) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
}

.t2-product-card .ps-product__thumbnail img,
.ps-product.t2-product-card .ps-product__thumbnail img,
.productlist .ps-product__thumbnail img {
  width: 100% !important;
  height: 100% !important;
  max-height: 248px !important;
  object-fit: contain !important;
  border-radius: var(--t2-radius-sm) !important;
  transition: transform 0.3s ease !important;
}

.t2-product-col:hover .ps-product__thumbnail img,
.productlist .col-xl-3:hover .ps-product__thumbnail img,
.productlist .col-lg-4:hover .ps-product__thumbnail img {
  transform: scale(1.03) !important;
}

/* Content block – clear hierarchy */
.t2-product-card .ps-product__container,
.ps-product.t2-product-card .ps-product__container,
.productlist .ps-product__container {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 16px !important;
  position: relative !important;
  overflow: visible !important;
}

.t2-product-card .ps-product__container>.ps-product__content:not(.hover),
.ps-product.t2-product-card .ps-product__container>.ps-product__content:not(.hover),
.t2-product-card .ps-product__content:not(.hover),
.ps-product.t2-product-card .ps-product__content:not(.hover),
.productlist .ps-product__content:not(.hover) {
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  display: block !important;
  position: relative !important;
  transition: none !important;
}

/* Product card – reference style: color & font-weight hierarchy */
/* Title – normal weight, dark, readable size (like reference product title) */
.ps-product__title,
.t2-product-card .ps-product__title,
.productlist .ps-product__title {
  font-weight: 400 !important;
  color: #1a1a1a !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  margin: 0 0 8px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 2.9em !important;
}

.t2-product-card .ps-product__title:hover,
.ps-product.t2-product-card .ps-product__title:hover,
.productlist .ps-product__title:hover {
  color: #1a1a1a !important;
}

/* Price line – muted base (unit text), amount stands out bold & largest */
.t2-product-card .ps-product__price,
.ps-product.t2-product-card .ps-product__price,
.productlist .ps-product__price {
  color: #888888 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

/* Price amount – bold, dark, largest on card (reference: ₹270) */
.t2-product-card .ps-product__price b,
.ps-product.t2-product-card .ps-product__price b,
.productlist .ps-product__price b {
  color: #1a1a1a !important;
  font-weight: 700 !important;
  font-size: 18px !important;
}

/* Online payment discount – pill style */
.t2-discount,
.t2-product-card .ps-product__price.t2-discount,
.productlist .ps-product__price.t2-discount {
  display: inline-block !important;
  color: var(--t2-primary) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 4px 10px !important;
  background: var(--t2-primary-light) !important;
  border-radius: 20px !important;
}

.t2-discount small,
.t2-product-card .ps-product__price.t2-discount small,
.productlist .ps-product__price.t2-discount small {
  font-size: inherit !important;
  font-weight: inherit !important;
}

/* Hide duplicate hover content */
.t2-product-card .ps-product__content.hover,
.ps-product.t2-product-card .ps-product__content.hover,
.productlist .ps-product__content.hover {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
  pointer-events: none !important;
}

.ps-product__thumbnail img {
  border-radius: var(--t2-radius-sm) !important;
}

/* === Sections & blocks === */
.ps-section__header h3,
.ps-section__header h5 {
  color: var(--t2-dark) !important;
  font-weight: 700 !important;
  font-family: var(--t2-font) !important;
}

.ps-block--site-features {
  background: var(--t2-surface) !important;
  border-radius: var(--t2-radius) !important;
  padding: 1.5rem !important;
  box-shadow: var(--t2-shadow) !important;
  border: 1px solid var(--t2-border) !important;
}

.ps-block--site-features .ps-block__item {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
}

.ps-block--site-features .ps-block__left {
  flex: 3 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
}

.ps-block--site-features .ps-block__right {
  flex: 7 !important;
  min-width: 0 !important;
  padding-left: 0.75rem !important;
}

.ps-block--site-features .ps-block__left i {
  color: var(--t2-primary) !important;
}

.ps-block--site-features .ps-block__right h4 {
  color: var(--t2-dark) !important;
  font-weight: 600 !important;
}

/* Override style.css media query so flex 3/7 always applies (not width:100% on right) */
@media (max-width: 1440px) {
  .ps-block--site-features .ps-block__item {
    flex-flow: row nowrap !important;
    border-right: 1px solid var(--t2-border) !important;
  }

  .ps-block--site-features .ps-block__left {
    flex: 3 !important;
    margin-bottom: 0 !important;
  }

  .ps-block--site-features .ps-block__right {
    flex: 7 !important;
    width: auto !important;
    min-width: 0 !important;
    padding-left: 0.75rem !important;
  }
}

/* === Homepage === */
.ps-home-banner .ps-banner {
  border-radius: var(--t2-radius) !important;
}

.ps-top-categories h3,
.ps-top-categories h5 {
  color: var(--t2-dark) !important;
  font-weight: 700 !important;
}

.ps-download-app .ps-block--download-app {
  background: linear-gradient(135deg, var(--t2-dark) 0%, var(--t2-dark-soft) 100%) !important;
  border-radius: var(--t2-radius) !important;
  color: #fff !important;
  padding: 2rem !important;
}

/* === Breadcrumb === */
.ps-breadcrumb {
  background: var(--t2-surface) !important;
  border-bottom: 1px solid var(--t2-border) !important;
  padding: 0.75rem 0 !important;
}

.ps-breadcrumb .breadcrumb-item a {
  color: var(--t2-primary) !important;
}

/* === Tables (cart, etc.) === */
.ps-table--shopping-cart,
.ps-section--shopping .container {
  background: var(--t2-surface) !important;
  border-radius: var(--t2-radius) !important;
  box-shadow: var(--t2-shadow) !important;
  border: 1px solid var(--t2-border) !important;
}

.table thead th {
  color: var(--t2-dark) !important;
  font-weight: 600 !important;
}

/* === Forms === */
.form-control {
  border: 1px solid var(--t2-border) !important;
  border-radius: var(--t2-radius-sm) !important;
  font-family: var(--t2-font) !important;
}

.form-control:focus {
  border-color: var(--t2-primary) !important;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.15) !important;
}

/* === Mobile bottom nav === */
.navigation--list {
  _background: var(--t2-surface) !important;
  _border-top: 1px solid var(--t2-border) !important;
  _box-shadow: 0 -4px 12px rgba(15, 23, 42, 0.08) !important;
  _padding: 0.5rem 0 !important;
}

.navigation__content {
  _display: flex !important;
  _justify-content: space-around !important;
  _max-width: 400px !important;
  _margin: 0 auto !important;
}

.navigation__item {
  _display: flex !important;
  _flex-direction: column !important;
  _align-items: center !important;
  _gap: 0.25rem !important;
  _padding: 0.5rem 1rem !important;
  _color: var(--t2-muted) !important;
  _text-decoration: none !important;
  _font-size: 0.75rem !important;
  _font-weight: 500 !important;
  _border-radius: var(--t2-radius-sm) !important;
}

.navigation__item:hover,
.navigation__item.active {
  color: var(--t2-primary) !important;
  background: var(--t2-primary-light) !important;
}

.navigation__item i {
  _font-size: 1.25rem !important;
}

/* === Cart dropdown === */
.ps-cart__content {
  background: var(--t2-surface) !important;
  border: 1px solid var(--t2-border) !important;
  border-radius: var(--t2-radius) !important;
  box-shadow: var(--t2-shadow-md) !important;
}

.ps-panel--search-result {
  background: var(--t2-surface) !important;
  border: 1px solid var(--t2-border) !important;
  border-radius: var(--t2-radius) !important;
  box-shadow: var(--t2-shadow-md) !important;
}

.ps-panel--search-result a:hover {
  color: var(--t2-primary) !important;
}

/* === Back to top === */
#back2top {
  background: var(--t2-primary) !important;
  color: #fff !important;
  border-radius: 50% !important;
  box-shadow: var(--t2-shadow-md) !important;
}

#back2top:hover {
  background: var(--t2-primary-hover) !important;
}

/* === App popup === */
#appDownloadPopup .popup-content {
  background: var(--t2-surface) !important;
  border-radius: var(--t2-radius) !important;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.2) !important;
  border: 1px solid var(--t2-border) !important;
}

#appDownloadPopup .popup-content button {
  background: var(--t2-primary) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--t2-radius-sm) !important;
  padding: 0.5rem 1.25rem !important;
  font-weight: 600 !important;
}

/* === Alerts === */
.alert-danger {
  background: #fef2f2 !important;
  border-color: #fecaca !important;
  color: #991b1b !important;
}

.alert-success {
  background: #f0fdf4 !important;
  border-color: #bbf7d0 !important;
  color: #166534 !important;
}

/* === Rounded selects (homepage mobile) === */
.rounded-select {
  border: 1px solid var(--t2-border) !important;
  border-radius: 20px !important;
  background: var(--t2-surface) !important;
  font-family: var(--t2-font) !important;
}

/* Mobile Top Categories bar (homepage) */
.t2-top-cats-mobile {
  background: linear-gradient(135deg, var(--t2-dark) 0%, var(--t2-dark-soft) 100%) !important;
  color: #fff !important;
  padding: 1rem 1rem 1.25rem !important;
  border-radius: var(--t2-radius) !important;
  margin: 0 15px 0 !important;
}

.t2-top-cats-mobile h5 {
  color: #fff !important;
}

.t2-top-cats-mobile .circlecss p {
  color: rgba(255, 255, 255, 0.9) !important;
}

.t2-top-cats-mobile .circlecss a {
  color: inherit !important;
}

/* Mobile sort bar (New Arrivals) */
.t2-sort-sticky {
  position: sticky;
  top: 60px;
  z-index: 999;
  background: var(--t2-bg);
}

.t2-sort-bar {
  margin-right: -15px;
  margin-left: -15px;
  padding: 8px 13px;
  background: var(--t2-surface) !important;
  border: 1px solid var(--t2-border) !important;
}

/* === Profile header override === */
.profileheader {
  background: linear-gradient(135deg, var(--t2-primary) 0%, var(--t2-primary-hover) 100%) !important;
}

.profileheader .pprofile-icon {
  background: var(--t2-surface) !important;
  color: var(--t2-primary) !important;
}

/* === Checkout / Cart fixed buttons === */
.button-container {
  background: var(--t2-surface) !important;
  box-shadow: 0 -4px 12px rgba(15, 23, 42, 0.08) !important;
  border-radius: 24px !important;
  border: 1px solid var(--t2-border) !important;
}

.go-back {
  background: var(--t2-bg) !important;
  color: var(--t2-dark) !important;
}

.proceed {
  background: var(--t2-primary) !important;
  color: #fff !important;
}

/* === Success / Failed pages === */
.successicon {
  background: var(--t2-primary-light) !important;
}

.successicon span {
  color: var(--t2-primary) !important;
}

.successbtn {
  background: var(--t2-primary) !important;
  color: #fff !important;
}

.icon {
  background: #fef2f2 !important;
}

.icon span {
  color: #dc2626 !important;
}

/* === Ps-container max-width === */
.ps-container {
  max-width: 1200px !important;
}

/* === Inner mobile header (product details, etc.) === */
.header--mobile-product .navigation--mobile {
  background: var(--t2-surface) !important;
  border-bottom: 1px solid var(--t2-border) !important;
  color: var(--t2-dark) !important;
}

.header--mobile-product .header__back,
.header--mobile-product .navigation__right .header__extra {
  color: var(--t2-dark) !important;
}

.header--mobile-product .header__back:hover {
  color: var(--t2-primary) !important;
}

.header--mobile-product .ps-block--user-header .header__extra i {
  color: var(--t2-dark) !important;
}

/* ========== ACCOUNT / DETAIL PAGES ========== */
.ps-page--my-account {
  background: var(--t2-bg) !important;
  padding: 24px 0 100px !important;
  min-height: 100vh;
}

.ps-page--my-account .container {
  max-width: 900px !important;
}

.ps-form--account-setting,
.ps-form--checkout {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

/* BORDERLESS PROFESSIONAL ORDERS PAGE DESIGN - NO BORDERS */
.ps-block--checkout-order {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.ps-block--checkout-order .ps-block__content {
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.ps-block--checkout-order figure {
  border-bottom: none !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.ps-form--account-setting .ps-form__content,
.ps-form--checkout .ps-form__content {
  padding: 0 !important;
}

.ps-form--account-setting .form-group,
.ps-form--checkout .form-group {
  margin-bottom: 20px !important;
}

.ps-form--account-setting label,
.ps-form--checkout label {
  color: var(--t2-dark) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  margin-bottom: 8px !important;
}

.ps-form--account-setting h4,
.ps-form--account-setting h3,
.ps-form__header h3 {
  color: var(--t2-dark) !important;
  font-weight: 700 !important;
  margin: 24px 0 16px !important;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--t2-border);
}

.ps-form__header {
  margin-bottom: 20px !important;
}

.ps-section__header h3 {
  color: var(--t2-dark) !important;
  font-weight: 700 !important;
  margin-bottom: 20px !important;
}

.ps-block--shipping,
.ps-block__panel {
  background: var(--t2-surface) !important;
  border-radius: var(--t2-radius) !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
  border: 1px solid var(--t2-border) !important;
  box-shadow: var(--t2-shadow) !important;
}

.ps-block--shipping a[href="#"] {
  color: var(--t2-primary) !important;
  font-weight: 600 !important;
}

.ps-block--shipping .fa-plus,
.ps-block--shipping .fa-pencil {
  color: var(--t2-primary) !important;
}

.selectedaddress {
  background: var(--t2-surface) !important;
  border-radius: var(--t2-radius) !important;
  padding: 20px !important;
  margin-bottom: 16px !important;
  border: none !important;
  box-shadow: var(--t2-shadow) !important;
  transition: all 0.3s ease !important;
}

/* PROFESSIONAL TABLE LAYOUT - NO BORDERS */
.orders-table-wrapper {
  width: 100%;
  overflow-x: auto;
  background: transparent;
  border-radius: 0;
  padding: 0;
}

.orders-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 12px;
  background: transparent;
  border: none;
}

.orders-table thead tr {
  background: transparent;
}

.orders-table tbody tr {
  background: var(--t2-surface);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}

.orders-table thead {
  background: transparent;
}

.orders-table thead th {
  padding: 20px 24px;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  color: var(--t2-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: none;
  background: transparent;
  position: relative;
}

.orders-table thead th i {
  margin-left: 8px;
  font-size: 12px;
  opacity: 0.5;
}

.orders-table tbody tr:hover {
  background: #f8fafc;
  transform: translateX(4px);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

.orders-table tbody td {
  padding: 24px;
  border: none;
  vertical-align: middle;
}

.orders-table tbody tr+tr td {
  padding-top: 24px;
}

.order-id {
  font-weight: 600;
  color: var(--t2-dark);
  font-size: 15px;
}

.order-product {
  min-width: 300px;
}

.product-info {
  display: flex;
  align-items: center;
  gap: 16px;
}

.product-thumb {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
  border: none;
  flex-shrink: 0;
}

.product-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.product-name {
  font-weight: 600;
  color: var(--t2-dark);
  font-size: 15px;
  line-height: 1.4;
}

.product-meta {
  font-size: 13px;
  color: var(--t2-muted);
  font-weight: 500;
}

.order-date {
  color: var(--t2-dark);
  font-size: 14px;
  font-weight: 500;
}

.order-price {
  font-weight: 700;
  color: var(--t2-dark);
  font-size: 16px;
}

.order-status {
  white-space: nowrap;
}

.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  border: none;
  box-shadow: none;
}

.status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

.status-ordered {
  background: #d1fae5;
  color: #059669;
}

.status-ordered .status-dot {
  background: #059669;
}

.status-delivered {
  background: #d1fae5;
  color: #059669;
}

.status-delivered .status-dot {
  background: #059669;
}

.status-cancelled {
  background: #fee2e2;
  color: #dc2626;
}

.status-cancelled .status-dot {
  background: #dc2626;
}

.ps-section--account .ps-section__content {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Full width container for orders */
.ps-section--account.ps-checkout .container {
  max-width: 100% !important;
  padding: 0 24px !important;
}

@media (min-width: 1200px) {
  .ps-section--account.ps-checkout .container {
    padding: 0 40px !important;
  }
}

/* BORDERLESS PROFESSIONAL SEARCH BAR */
.ps-shopping__header {
  background: transparent !important;
  padding: 0 !important;
  margin-bottom: 40px !important;
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  gap: 12px !important;
}

.ps-shopping__header .form-control {
  border-radius: 16px !important;
  border: none !important;
  background: var(--t2-surface) !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08), 0 2px 4px rgba(15, 23, 42, 0.04) !important;
  padding: 16px 24px !important;
  font-size: 15px !important;
  transition: all 0.3s ease !important;
  flex: 1 !important;
}

.ps-shopping__header .form-control:focus {
  box-shadow: 0 6px 20px rgba(13, 148, 136, 0.15), 0 2px 8px rgba(15, 23, 42, 0.08) !important;
  outline: none !important;
  transform: translateY(-1px) !important;
}

.ps-shopping__header .form-control::placeholder {
  color: var(--t2-muted-light) !important;
}

.ps-shopping__header .ps-btn,
.ps-shopping__header .ps-btn--search {
  background: linear-gradient(135deg, var(--t2-primary) 0%, var(--t2-primary-hover) 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 12px rgba(13, 148, 136, 0.25), 0 2px 4px rgba(13, 148, 136, 0.15) !important;
  padding: 16px 32px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  white-space: nowrap !important;
}

.ps-shopping__header .ps-btn:hover,
.ps-shopping__header .ps-btn--search:hover {
  background: linear-gradient(135deg, var(--t2-primary-hover) 0%, var(--t2-primary) 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(13, 148, 136, 0.35), 0 4px 8px rgba(13, 148, 136, 0.2) !important;
}

.ps-tab-root {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.form-group--nest {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  width: 100% !important;
  gap: 12px !important;
}

/* Remove all borders from form controls */
.ps-shopping__header input[type="text"],
.ps-shopping__header .form-control {
  border: none !important;
  outline: none !important;
}

.ps-shopping__header input[type="text"]:focus,
.ps-shopping__header .form-control:focus {
  border: none !important;
  outline: none !important;
}

.ps-btn--outline {
  border: 1px solid var(--t2-border) !important;
  color: var(--t2-primary) !important;
  border-radius: var(--t2-radius-sm) !important;
  font-weight: 600 !important;
}

.ps-btn--outline:hover {
  background: var(--t2-primary-light) !important;
  border-color: var(--t2-primary) !important;
  color: var(--t2-primary-hover) !important;
}

/* Responsive table design */
@media (max-width: 768px) {
  .orders-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .orders-table {
    min-width: 800px;
  }

  .orders-table thead th,
  .orders-table tbody td {
    padding: 16px 12px;
    font-size: 13px;
  }

  .product-thumb {
    width: 50px;
    height: 50px;
  }

  .product-name {
    font-size: 14px;
  }

  .product-meta {
    font-size: 12px;
  }
}

/* NEW CREATIVE STATUS CHIPS - No Borders, Gradient Backgrounds */
.order-status-chip {
  border: none !important;
  border-radius: 20px !important;
  padding: 8px 16px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.3s ease !important;
}

.chip-ordered {
  color: #0d9488 !important;
  background: linear-gradient(135deg, #ccfbf1 0%, #99f6e4 100%) !important;
  box-shadow: 0 2px 8px rgba(13, 148, 136, 0.15) !important;
}

.chip-delivered {
  color: #059669 !important;
  background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%) !important;
  box-shadow: 0 2px 8px rgba(5, 150, 105, 0.15) !important;
}

.chip-cancelled,
.chip-failed {
  color: #dc2626 !important;
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%) !important;
  box-shadow: 0 2px 8px rgba(220, 38, 38, 0.15) !important;
}

/* Loading overlay */
.loading-overlay {
  background: rgba(248, 250, 252, 0.9) !important;
}

.loading-overlay .spinner {
  border-color: var(--t2-border) !important;
  border-top-color: var(--t2-primary) !important;
}

/* Modal */
.modal-content {
  border-radius: var(--t2-radius) !important;
  border: 1px solid var(--t2-border) !important;
  box-shadow: var(--t2-shadow-md) !important;
}

.modal-footer .btn-info {
  background: var(--t2-bg) !important;
  color: var(--t2-dark) !important;
  border: 1px solid var(--t2-border) !important;
}

.modal-footer .btn-danger {
  background: #dc2626 !important;
  border-color: #dc2626 !important;
}

/* Stepper (order details) */
.stepper .step-circle {
  background: var(--t2-primary) !important;
}

.stepper .line {
  background: var(--t2-border) !important;
}

.stepper .cancelled .step-circle {
  background: #dc2626 !important;
}

/* Simple page (save items, etc.) */
.ps-page--simple {
  background: var(--t2-bg) !important;
  padding: 24px 0 100px !important;
}

.ps-section--shopping {
  background: var(--t2-surface) !important;
  border-radius: var(--t2-radius) !important;
  padding: 24px !important;
  border: 1px solid var(--t2-border) !important;
  box-shadow: var(--t2-shadow) !important;
}

.ps-section--shopping .ps-block__items {
  transition: all 0.2s ease;
}

.ps-section--shopping .ps-block__items:hover {
  border-color: var(--t2-primary-light) !important;
}

.ps-page--shop {
  background: var(--t2-bg) !important;
  padding: 24px 0 100px !important;
}

.ps-my-account-2 {
  padding: 24px 0 !important;
}

.see-more-btn {
  color: var(--t2-primary) !important;
}

.see-more-btn:hover {
  color: var(--t2-primary-hover) !important;
}

.t2-link {
  color: var(--t2-primary) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.t2-link:hover {
  color: var(--t2-primary-hover) !important;
  text-decoration: underline !important;
}

.t2-link-icon {
  color: var(--t2-primary) !important;
}

.t2-detail-page .form-group.submit {
  margin-top: 24px !important;
}

/* Use my current location button */
.btn-use-location {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 600;
  color: var(--t2-primary);
  background: var(--t2-primary-light);
  border: 1px solid var(--t2-primary);
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.btn-use-location:hover {
  background: var(--t2-primary);
  color: #fff;
}

.btn-use-location:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.t2-location-status {
  margin-left: 12px;
  font-size: 13px;
  color: var(--t2-muted);
}

.t2-location-status.loading {
  color: var(--t2-primary);
}

.t2-location-status.error {
  color: #dc2626;
}

.t2-location-status.success {
  color: #059669;
}

/* Auth: mobile number with +91 prefix (view only) */
.t2-mobile-prefix-wrap {
  display: flex;
  align-items: stretch;
  border: 1px solid var(--t2-border);
  border-radius: var(--t2-radius-sm);
  overflow: hidden;
  background: var(--t2-surface);
}

.t2-mobile-prefix-wrap:focus-within {
  border-color: var(--t2-primary);
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.12);
}

.t2-mobile-prefix {
  display: flex;
  align-items: center;
  padding: 0 14px;
  font-size: 15px;
  font-weight: 600;
  color: var(--t2-muted);
  background: var(--t2-bg);
  border-right: 1px solid var(--t2-border);
  user-select: none;
}

.t2-mobile-prefix-wrap .form-control {
  flex: 1;
  min-width: 0;
  border: none !important;
  border-radius: 0 !important;
  padding-left: 14px;
}

.t2-mobile-prefix-wrap .form-control:focus {
  box-shadow: none !important;
}

/* Register: Use current location row */
.t2-location-row {
  margin-bottom: 16px !important;
}

.t2-location-row .t2-location-status {
  display: block;
  margin-left: 0;
  margin-top: 8px;
}