/*
 * TryyCart Global 1.10.89
 * Single brand authority using the exact supplied horizontal master artwork.
 * Only unused outer canvas was cropped; no letter, gradient or effect was
 * redrawn, recoloured or resampled.
 */

body.tryycart-global-theme .tc-brand-art-shell,
body .tc-site-chrome.tc-site-chrome .tc-brand-art-shell {
  position: relative !important;
  display: inline-block !important;
  width: 154px !important;
  min-width: 154px !important;
  max-width: 154px !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 11px !important;
  background: #f8fafb !important;
  box-shadow: 0 6px 16px rgba(5, 24, 55, 0.12) !important;
  flex: 0 0 154px !important;
}

body.tryycart-global-theme .tc-brand-art,
body .tc-site-chrome.tc-site-chrome .tc-brand-art {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background-color: #f8fafb !important;
  background-image: url("../images/tryycart-logo-main.png") !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  background-size: 100% auto !important;
  image-rendering: auto !important;
  filter: none !important;
}

body.tryycart-global-theme .tc-site-footer .tc-brand-art-shell {
  width: 164px !important;
  min-width: 164px !important;
  max-width: 164px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  flex-basis: 164px !important;
}

@media (max-width: 1240px) and (min-width: 901px) {
  body .tc-site-chrome.tc-site-chrome .tc-site-logo.tc-brand-art-shell {
    width: 136px !important;
    min-width: 136px !important;
    max-width: 136px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    flex-basis: 136px !important;
  }
}

@media (max-width: 900px) {
  body .tc-site-chrome.tc-site-chrome .tc-mobile-logo.tc-brand-art-shell {
    width: 154px !important;
    min-width: 154px !important;
    max-width: 154px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    flex-basis: 154px !important;
  }
}

@media (forced-colors: active) {
  body.tryycart-global-theme .tc-brand-art-shell,
  body .tc-site-chrome.tc-site-chrome .tc-brand-art-shell {
    border: 1px solid CanvasText !important;
  }
}

/* -------------------------------------------------------------------------
 * 1.10.81 homepage and navigation authority.
 * ---------------------------------------------------------------------- */

body .tc-site-chrome.tc-site-chrome .tc-desktop-nav .tc-services-menu {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
}

body .tc-site-chrome.tc-site-chrome .tc-desktop-nav .tc-services-menu > summary {
  display: inline-flex !important;
  min-height: 38px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 7px 10px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: #dce8f8 !important;
  background: transparent !important;
  cursor: pointer !important;
  font-size: 0.76rem !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  list-style: none !important;
  white-space: nowrap !important;
}

body .tc-site-chrome.tc-site-chrome .tc-desktop-nav .tc-services-menu > summary::-webkit-details-marker {
  display: none !important;
}

body .tc-site-chrome.tc-site-chrome .tc-desktop-nav .tc-services-menu > summary > b {
  color: #a9c3e6 !important;
  font-size: 0.8rem !important;
  font-weight: 900 !important;
  transition: transform 160ms ease !important;
}

body .tc-site-chrome.tc-site-chrome .tc-desktop-nav .tc-services-menu[open] > summary > b {
  transform: rotate(180deg) !important;
}

body .tc-site-chrome.tc-site-chrome .tc-desktop-nav .tc-services-menu > summary:hover,
body .tc-site-chrome.tc-site-chrome .tc-desktop-nav .tc-services-menu > summary:focus-visible,
body .tc-site-chrome.tc-site-chrome .tc-desktop-nav .tc-services-menu[open] > summary,
body .tc-site-chrome.tc-site-chrome .tc-desktop-nav .tc-services-menu.is-active > summary {
  border-color: rgba(208, 225, 249, 0.22) !important;
  color: #fff !important;
  background: linear-gradient(135deg, rgba(228, 82, 12, 0.86), rgba(76, 79, 196, 0.9)) !important;
}

body .tc-site-chrome.tc-site-chrome .tc-desktop-nav .tc-services-menu > summary:focus-visible {
  outline: 3px solid #ffd65a !important;
  outline-offset: 3px !important;
}

body .tc-site-chrome.tc-site-chrome .tc-services-submenu {
  position: absolute !important;
  z-index: 10020 !important;
  top: calc(100% + 10px) !important;
  left: 50% !important;
  display: grid !important;
  width: 236px !important;
  gap: 5px !important;
  padding: 9px !important;
  border: 1px solid rgba(157, 181, 211, 0.64) !important;
  border-radius: 15px !important;
  background: rgba(248, 251, 255, 0.98) !important;
  box-shadow: 0 18px 44px rgba(8, 29, 61, 0.26) !important;
  transform: translateX(-50%) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

body .tc-site-chrome.tc-site-chrome .tc-services-submenu a,
body .tc-site-chrome.tc-site-chrome .tc-services-submenu a:hover,
body .tc-site-chrome.tc-site-chrome .tc-services-submenu a:focus-visible {
  display: flex !important;
  width: 100% !important;
  min-height: 42px !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  padding: 8px 10px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: #173454 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 0.78rem !important;
  text-align: left !important;
  -webkit-text-fill-color: currentColor !important;
}

body .tc-site-chrome.tc-site-chrome .tc-services-submenu a:hover,
body .tc-site-chrome.tc-site-chrome .tc-services-submenu a:focus-visible,
body .tc-site-chrome.tc-site-chrome .tc-services-submenu a.active {
  border-color: rgba(75, 117, 169, 0.22) !important;
  background: linear-gradient(135deg, #fff4ed, #eef5ff) !important;
}

body .tc-site-chrome.tc-site-chrome .tc-services-submenu a i {
  color: #245fa6 !important;
  background: #e7f0fb !important;
}

/*
 * The earlier Arctic layer applied its gradient to every span in the Home h1.
 * These dedicated line roles are the final hero-title authority: the first line
 * is solid ink, the second keeps the approved orange-to-cyan gradient, and both
 * fit their copy column without clipping.
 */
body.tryycart-global-theme #tc-page-home > .hero .hero-grid > .hero-copy > h1 {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 14px 0 0 !important;
  overflow: visible !important;
  color: #0b0d12 !important;
  font-size: clamp(36px, 2.8vw, 46px) !important;
  font-weight: 700 !important;
  line-height: 1.03 !important;
  letter-spacing: -0.05em !important;
  -webkit-text-fill-color: #0b0d12 !important;
}

body.tryycart-global-theme #tc-page-home > .hero .hero-grid > .hero-copy > h1 > .hero-title-line {
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  overflow: visible !important;
  white-space: nowrap !important;
  font: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}

body.tryycart-global-theme #tc-page-home > .hero .hero-grid > .hero-copy > h1 > .hero-title-line--solid {
  color: #0b0d12 !important;
  background: none !important;
  background-image: none !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  -webkit-text-fill-color: #0b0d12 !important;
  text-shadow: none !important;
}

body.tryycart-global-theme #tc-page-home > .hero .hero-grid > .hero-copy > h1 > .hero-title-line--gradient {
  color: transparent !important;
  background: linear-gradient(90deg, #ff8b3d 0%, #7ea2ff 52%, #4bd3ed 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

body.tryycart-global-theme #tc-page-home > .hero .hero-grid > .hero-copy {
  min-width: 0 !important;
  overflow: visible !important;
}

body.tryycart-global-theme #tc-page-home .hero-copy-actions .hero-action-shop {
  border-color: #815fd2 !important;
  color: #fff !important;
  background: linear-gradient(135deg, #7046c9, #5532a8) !important;
  box-shadow: 0 9px 20px rgba(75, 43, 151, 0.25) !important;
  -webkit-text-fill-color: #fff !important;
}

body.tryycart-global-theme #tc-page-home .hero-copy-actions .hero-action-courier {
  border-color: #3b82df !important;
  color: #fff !important;
  background: linear-gradient(135deg, #1769d2, #0d4fa9) !important;
  box-shadow: 0 9px 20px rgba(8, 50, 112, 0.24) !important;
  -webkit-text-fill-color: #fff !important;
}

body.tryycart-global-theme #tc-page-home .hero-copy-actions .hero-action-order {
  border-color: #d35a18 !important;
  color: #fff !important;
  background: linear-gradient(135deg, #bd4305, #9d3200) !important;
  box-shadow: 0 9px 20px rgba(126, 43, 2, 0.24) !important;
  -webkit-text-fill-color: #fff !important;
}

body.tryycart-global-theme #tc-page-home .tc-services-v2__global {
  min-height: 0 !important;
  align-items: center !important;
  gap: 12px 22px !important;
  padding: 14px 20px !important;
}

body.tryycart-global-theme #tc-page-home .tc-services-v2__benefits article {
  min-height: 78px !important;
  padding: 10px !important;
}

body.tryycart-global-theme #tc-page-home .tc-services-v2__benefit-icon {
  width: 40px !important;
  height: 40px !important;
  flex-basis: 40px !important;
}

body.tryycart-global-theme #tc-page-home .tc-services-v2__benefit-icon :is(.tc-line-icon, svg) {
  width: 25px !important;
  height: 25px !important;
}

/* Keep the Global Access card compact, then give the Trending title group a
   deliberate editorial pause before its eyebrow and headline. This changes
   only the upper boundary; the spacing inside Trending and below it stays on
   the shared Home rhythm. */
body.tryycart-global-theme #tc-page-home#tc-page-home > .tc-services-v2 {
  padding-bottom: var(--tc-home-reference-half-gap) !important;
}

body.tryycart-global-theme #tc-page-home#tc-page-home > .trending-section {
  padding-top: clamp(38px, 3.3vw, 52px) !important;
}

/* One source of truth for the Global Access label and the five Home chapter
   labels. Their old mini-label and eyebrow classes are deliberately not used
   on these elements, so legacy type rules cannot compete with this authority. */
body.tryycart-global-theme #tc-page-home .tc-home-reference-label {
  display: inline-flex !important;
  width: max-content !important;
  min-height: 32px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 7px 14px !important;
  border: 1px solid rgba(255, 120, 52, 0.72) !important;
  border-radius: 999px !important;
  color: #c94708 !important;
  -webkit-text-fill-color: #c94708 !important;
  background: rgba(255, 248, 243, 0.94) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
  font-family: var(--tc-body-font) !important;
  font-size: clamp(0.72rem, 0.85vw, 0.82rem) !important;
  font-weight: 900 !important;
  font-synthesis: none !important;
  line-height: 1 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
}

body.tryycart-global-theme #tc-page-home .tc-home-reference-label::before,
body.tryycart-global-theme #tc-page-home .tc-home-reference-label::after {
  display: none !important;
  content: none !important;
}

/*
 * Mandatory Home chapter-title system. These five title groups deliberately
 * share one modifier, so later section-specific rules cannot change their
 * typeface, scale, weight, spacing, alignment or gradient independently.
 */
body.tryycart-global-theme #tc-page-home#tc-page-home .section-title.tc-home-standard-title {
  display: flex !important;
  width: 100% !important;
  max-width: 920px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  color: #102544 !important;
  font-family: var(--tc-heading-font) !important;
  text-align: left !important;
}

body.tryycart-global-theme #tc-page-home#tc-page-home .section-title.tc-home-standard-title > .tc-home-reference-label {
  margin: 0 0 10px !important;
  font-family: var(--tc-body-font) !important;
  font-size: clamp(0.72rem, 0.85vw, 0.82rem) !important;
  font-weight: 900 !important;
  font-synthesis: none !important;
  line-height: 1 !important;
  letter-spacing: 0.11em !important;
  text-align: center !important;
}

body.tryycart-global-theme #tc-page-home#tc-page-home .section-title.tc-home-standard-title > h2 {
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 !important;
  color: #102544 !important;
  background: none !important;
  font-family: var(--tc-heading-font) !important;
  font-size: clamp(28px, 2.55vw, 34px) !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.038em !important;
  text-align: left !important;
  text-transform: none !important;
  text-wrap: balance !important;
  -webkit-text-fill-color: #102544 !important;
}

body.tryycart-global-theme #tc-page-home#tc-page-home .section-title.tc-home-standard-title > h2 > .gradient-text {
  display: inline !important;
  color: transparent !important;
  background: linear-gradient(100deg, #b43d04 0%, #b54c08 38%, #596b7f 68%, #145ebd 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  font: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  -webkit-text-fill-color: transparent !important;
}

body.tryycart-global-theme #tc-page-home#tc-page-home .section-title.tc-home-standard-title > .title-bar {
  display: none !important;
}

@media (max-width: 680px) {
  body.tryycart-global-theme #tc-page-home#tc-page-home > .trending-section {
    padding-top: 28px !important;
  }

  body.tryycart-global-theme #tc-page-home#tc-page-home .section-title.tc-home-standard-title > h2 {
    font-size: clamp(24px, 6.5vw, 28px) !important;
    line-height: 1.08 !important;
  }
}

body.tryycart-global-theme #tc-page-home .trending-section .product-title-button {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

body.tryycart-global-theme #tc-page-home .trending-section .product-meta-row {
  min-height: 20px !important;
}

body .tc-site-chrome.tc-site-chrome .tc-mobile-services-menu {
  width: 100% !important;
  border: 1px solid #d6e2ef !important;
  border-radius: 14px !important;
  background: #f4f8fc !important;
}

body .tc-site-chrome.tc-site-chrome .tc-mobile-services-menu > summary,
body .tc-site-chrome.tc-site-chrome .tc-mobile-services-menu > div > a {
  display: flex !important;
  width: 100% !important;
  min-height: 48px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 11px 14px !important;
  color: #173454 !important;
  cursor: pointer !important;
  font-size: 0.9rem !important;
  font-weight: 750 !important;
  list-style: none !important;
  text-decoration: none !important;
}

body .tc-site-chrome.tc-site-chrome .tc-mobile-services-menu > summary::-webkit-details-marker {
  display: none !important;
}

body .tc-site-chrome.tc-site-chrome .tc-mobile-services-menu > summary > b {
  transition: transform 160ms ease !important;
}

body .tc-site-chrome.tc-site-chrome .tc-mobile-services-menu[open] > summary > b {
  transform: rotate(180deg) !important;
}

body .tc-site-chrome.tc-site-chrome .tc-mobile-services-menu > div {
  display: grid !important;
  gap: 4px !important;
  padding: 0 7px 7px !important;
}

body .tc-site-chrome.tc-site-chrome .tc-mobile-services-menu > div > a {
  min-height: 44px !important;
  border-radius: 10px !important;
  color: #254766 !important;
  background: #fff !important;
  font-size: 0.82rem !important;
}

@media (max-width: 1180px) and (min-width: 901px) {
  body .tc-site-chrome.tc-site-chrome .tc-desktop-nav .tc-services-menu > summary {
    gap: 5px !important;
    padding-inline: 7px !important;
    font-size: 0.69rem !important;
  }
}

@media (max-width: 680px) {
  body.tryycart-global-theme #tc-page-home > .hero .hero-grid > .hero-copy > h1 {
    font-size: clamp(25px, 7vw, 36px) !important;
    line-height: 1.04 !important;
  }

  body.tryycart-global-theme #tc-page-home .tc-services-v2__global {
    padding: 13px !important;
  }

  body.tryycart-global-theme #tc-page-home .tc-services-v2__benefits article {
    min-height: 70px !important;
  }
}

@media (max-width: 360px) {
  body.tryycart-global-theme #tc-page-home > .hero .hero-grid > .hero-copy > h1 {
    font-size: clamp(23px, 7vw, 26px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body .tc-site-chrome.tc-site-chrome .tc-services-menu > summary > b,
  body .tc-site-chrome.tc-site-chrome .tc-mobile-services-menu > summary > b {
    transition: none !important;
  }
}