/* TCS live UI/UX redesign layer - 2026-06-04 */
:root {
  --tcs-navy: #083f66;
  --tcs-blue: #126fb7;
  --tcs-ink: #102033;
  --tcs-muted: #5d6d7f;
  --tcs-line: #cfe0ee;
  --tcs-soft: #f4f9fc;
  --tcs-paper: #fffaf0;
  --tcs-cta: #ef4b36;
  --tcs-price: #e11d1d;
  --tcs-radius: 14px;
  --tcs-shadow: 0 18px 46px rgba(8, 63, 102, .12);
}

/* Remove the broken trust-card strip on the homepage. */
.home .tcs-trust,
.tcs-home .tcs-trust {
  display: none !important;
}

body {
  background: linear-gradient(180deg, #ffffff 0, #f4f9fc 360px, #fffaf0 100%) !important;
  color: var(--tcs-ink) !important;
  font-family: Inter, Arial, sans-serif !important;
}

.container,
.row,
.large-12,
.tcs-home-wrap,
.tcs-home-section,
.tcs-category-archive,
.tcs-single-product-page,
.shop-container,
.page-wrapper,
.blog-wrapper,
.product-main {
  max-width: min(1760px, calc(100vw - 48px)) !important;
}

.tcs-site-header,
.header-wrapper,
#masthead {
  background: rgba(255, 255, 255, .98) !important;
  border-bottom: 1px solid var(--tcs-line) !important;
  box-shadow: 0 14px 34px rgba(8, 63, 102, .08) !important;
}

.tcs-topbar {
  background: var(--tcs-navy) !important;
  color: #fff !important;
  min-height: 38px !important;
  font-size: 15px !important;
}

.tcs-mainbar-inner,
.tcs-header-main-inner {
  display: grid !important;
  grid-template-columns: minmax(190px, 260px) minmax(360px, 1fr) auto !important;
  align-items: center !important;
  gap: 26px !important;
  min-height: 106px !important;
}

.tcs-logo img,
.custom-logo-link img {
  max-height: 76px !important;
  width: auto !important;
  object-fit: contain !important;
}

.tcs-search-form,
.tcs-header-search form,
.searchform {
  display: flex !important;
  align-items: stretch !important;
  overflow: hidden !important;
  border: 2px solid #9ec7e8 !important;
  border-radius: 13px !important;
  background: #fff !important;
  box-shadow: 0 12px 26px rgba(18, 111, 183, .10) !important;
}

.tcs-search-form input,
.tcs-header-search input,
.searchform input[type="search"],
.searchform input[type="text"] {
  height: 58px !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 22px !important;
  font-size: 17px !important;
  color: var(--tcs-ink) !important;
}

.tcs-search-form button,
.tcs-header-search button,
.searchform button,
.searchform input[type="submit"] {
  min-width: 110px !important;
  height: 58px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--tcs-blue) !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 16px !important;
}

.tcs-hotline,
.tcs-header-hotline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  height: 58px !important;
  padding: 0 18px !important;
  white-space: nowrap !important;
  border: 1px solid #b8d4ec !important;
  border-radius: 13px !important;
  background: #fff !important;
  box-shadow: 0 12px 24px rgba(8, 63, 102, .08) !important;
}

.tcs-hotline strong,
.tcs-header-hotline strong,
.tcs-hotline a,
.tcs-header-hotline a {
  color: var(--tcs-price) !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}

.tcs-navrow {
  background: linear-gradient(90deg, #e9f5ff, #fff7eb) !important;
  border-top: 1px solid #d5e6f3 !important;
  border-bottom: 1px solid #c8ddec !important;
  padding: 14px 0 !important;
}

.tcs-category-trigger,
.tcs-vertical-toggle,
.tcs-nav-cat-button {
  background: linear-gradient(135deg, #ef4b36, #d92719) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 12px !important;
  min-height: 54px !important;
  padding: 0 34px !important;
  box-shadow: 0 16px 34px rgba(239, 75, 54, .25) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

.tcs-nav-menu,
.tcs-product-nav {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid #c8ddec !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 14px 30px rgba(8, 63, 102, .08) !important;
}

.tcs-nav-menu a,
.tcs-product-nav a {
  border: 0 !important;
  padding: 17px 34px !important;
  color: var(--tcs-navy) !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.tcs-nav-menu a:hover,
.tcs-product-nav a:hover {
  background: #eaf5ff !important;
  color: var(--tcs-blue) !important;
}

.tcs-hero-copy,
.tcs-home-hero,
.tcs-hero-main {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid #cbddeb !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 82% 22%, rgba(255, 191, 92, .22), transparent 30%),
    radial-gradient(circle at 78% 78%, rgba(18, 111, 183, .16), transparent 34%),
    linear-gradient(135deg, #eef8ff 0%, #ffffff 48%, #fff4dd 100%) !important;
  box-shadow: var(--tcs-shadow) !important;
}

.tcs-hero-copy:after,
.tcs-home-hero:after,
.tcs-hero-main:after {
  content: "" !important;
  position: absolute !important;
  right: -70px !important;
  bottom: -80px !important;
  width: 360px !important;
  height: 360px !important;
  border-radius: 46% !important;
  background:
    linear-gradient(90deg, transparent 47%, rgba(8, 63, 102, .14) 48%, rgba(8, 63, 102, .14) 52%, transparent 53%),
    linear-gradient(#fff 0 0) center / 58% 42% no-repeat;
  opacity: .35 !important;
  transform: rotate(-10deg) !important;
  pointer-events: none !important;
}

.tcs-hero-copy h1,
.tcs-home-hero h1,
.tcs-hero-main h1 {
  max-width: 820px !important;
  color: var(--tcs-ink) !important;
  font-size: clamp(36px, 4vw, 68px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.tcs-hero-copy p,
.tcs-home-hero p,
.tcs-hero-main p {
  max-width: 760px !important;
  color: var(--tcs-muted) !important;
  font-size: 18px !important;
  line-height: 1.8 !important;
}

.tcs-product-card,
.tcs-catalog-card,
.product-small .box,
.products .product,
.tcs-category-card,
.tcs-feature-card,
.tcs-trust-card {
  border: 1px solid var(--tcs-line) !important;
  border-radius: var(--tcs-radius) !important;
  background: #fff !important;
  box-shadow: 0 14px 32px rgba(8, 63, 102, .08) !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.tcs-product-card:hover,
.tcs-catalog-card:hover,
.product-small .box:hover,
.products .product:hover,
.tcs-category-card:hover {
  transform: translateY(-4px) !important;
  border-color: #9ec7e8 !important;
  box-shadow: 0 22px 48px rgba(8, 63, 102, .14) !important;
}

.tcs-product-card img,
.tcs-catalog-card img,
.product-small img,
.woocommerce-product-gallery img {
  object-fit: contain !important;
  background: #f6f8fb !important;
}

.price,
.price ins,
.price .amount,
.tcs-product-price,
.tcs-catalog-price,
.woocommerce-Price-amount {
  color: var(--tcs-price) !important;
  font-weight: 900 !important;
}

.price del,
del .amount,
.tcs-product-price del {
  color: #9aa8b5 !important;
  font-weight: 500 !important;
}

.tcs-product-cta,
.tcs-catalog-card .button,
.tcs-product-card .button,
.product-small .button,
.single_add_to_cart_button,
.checkout-button,
#place_order,
.button.primary,
.woocommerce a.button {
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--tcs-blue) !important;
  color: #fff !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 22px rgba(18, 111, 183, .18) !important;
}

.tcs-product-cta:hover,
.tcs-catalog-card .button:hover,
.tcs-product-card .button:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover,
#place_order:hover,
.button.primary:hover {
  background: var(--tcs-cta) !important;
}

.tcs-single-product-card,
.product-info,
.woocommerce-cart-form,
.cart-collaterals .cart_totals,
.woocommerce-checkout-review-order,
.woocommerce-billing-fields {
  border: 1px solid var(--tcs-line) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: var(--tcs-shadow) !important;
}

.tcs-category-archive,
.archive.woocommerce .shop-container,
.tax-product_cat .shop-container {
  background: linear-gradient(180deg, #f3f9ff 0, #fff 280px) !important;
}

.tcs-category-sidebar,
.tcs-sidebar-card {
  border: 1px solid var(--tcs-line) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(8, 63, 102, .08) !important;
}

.tcs-modern-product-grid,
.products.row,
.products {
  align-items: stretch !important;
}

.tcs-catalog-card,
.tcs-product-card {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.tcs-catalog-card .button,
.tcs-product-card .button,
.tcs-product-cta {
  margin-top: auto !important;
}

.footer-wrapper,
.tcs-footer,
#footer {
  background: var(--tcs-navy) !important;
  color: #ecf6ff !important;
}

.footer-wrapper a,
.tcs-footer a,
#footer a {
  color: #fff !important;
}

@media (max-width: 900px) {
  .container,
  .row,
  .large-12,
  .tcs-home-wrap,
  .tcs-home-section,
  .tcs-category-archive,
  .tcs-single-product-page,
  .shop-container,
  .page-wrapper,
  .blog-wrapper,
  .product-main {
    max-width: calc(100vw - 24px) !important;
  }

  .tcs-mainbar-inner,
  .tcs-header-main-inner {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    min-height: auto !important;
    padding: 18px 0 !important;
  }

  .tcs-search-form input,
  .tcs-header-search input,
  .searchform input[type="search"],
  .searchform input[type="text"] {
    height: 52px !important;
    font-size: 15px !important;
  }

  .tcs-search-form button,
  .tcs-header-search button,
  .searchform button,
  .searchform input[type="submit"] {
    min-width: 82px !important;
    height: 52px !important;
    font-size: 14px !important;
  }

  .tcs-nav-menu,
  .tcs-product-nav {
    width: 100% !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
  }

  .tcs-nav-menu a,
  .tcs-product-nav a {
    white-space: nowrap !important;
    padding: 14px 20px !important;
  }
}