/* QTS Visual Refresh — intentionally scoped; content, prices, links and forms remain untouched. */
:root {
  --qts-maroon: #741a35;
  --qts-maroon-deep: #571127;
  --qts-ivory: #fbf8f2;
  --qts-ivory-strong: #f4eee4;
  --qts-navy: #152238;
  --qts-ink: #1c2638;
  --qts-line: rgba(21, 34, 56, .14);
  --qts-radius: 22px;
}

/* Small utility bar: preserve both existing links and their destinations. */
body.home .qts-language-bar,
body.page-id-62 .qts-language-bar {
  align-items: center;
  background: var(--qts-navy);
  color: #fff;
  gap: .65rem;
  justify-content: flex-end;
  padding: .6rem clamp(1rem, 4vw, 4.5rem);
}
body.home .qts-language-bar a,
body.page-id-62 .qts-language-bar a {
  border-color: rgba(255,255,255,.38);
  border-radius: 999px;
  color: #fff;
  font-size: .82rem;
  letter-spacing: .01em;
  padding: .42rem .82rem;
}
body.home .qts-language-bar a:hover,
body.home .qts-language-bar a:focus-visible,
body.page-id-62 .qts-language-bar a:hover,
body.page-id-62 .qts-language-bar a:focus-visible {
  background: var(--qts-maroon);
  border-color: var(--qts-maroon);
  color: #fff;
}
body.home .qts-language-bar .qts-design-link,
body.page-id-62 .qts-language-bar .qts-design-link {
  background: var(--qts-maroon);
  border-color: var(--qts-maroon);
}

/* Header / navigation: no menu items are removed or altered. */
body.home .site-header,
body.page-id-62 .site-header {
  background: var(--qts-ivory);
  border-bottom: 1px solid var(--qts-line);
  position: relative;
  z-index: 10;
}
body.home .hostinger-ai-menu,
body.page-id-62 .hostinger-ai-menu {
  background: transparent;
}
body.home .hostinger-ai-menu-wrapper,
body.page-id-62 .hostinger-ai-menu-wrapper {
  align-items: center;
  column-gap: clamp(1rem, 4vw, 4rem);
  padding-bottom: clamp(1rem, 2vw, 1.5rem) !important;
  padding-top: clamp(1rem, 2vw, 1.5rem) !important;
}
body.home .hostinger-ai-site-title a,
body.page-id-62 .hostinger-ai-site-title a {
  color: var(--qts-maroon);
  font-weight: 800;
  letter-spacing: -.025em;
  text-decoration: none;
}
body.home .hostinger-ai-site-navigation .wp-block-navigation-item__content,
body.page-id-62 .hostinger-ai-site-navigation .wp-block-navigation-item__content {
  border-radius: 999px;
  color: var(--qts-navy);
  padding: .55rem .72rem;
  transition: background-color .2s ease, color .2s ease;
}
body.home .hostinger-ai-site-navigation .wp-block-navigation-item__content:hover,
body.home .hostinger-ai-site-navigation .wp-block-navigation-item__content:focus-visible,
body.page-id-62 .hostinger-ai-site-navigation .wp-block-navigation-item__content:hover,
body.page-id-62 .hostinger-ai-site-navigation .wp-block-navigation-item__content:focus-visible {
  background: var(--qts-maroon);
  color: #fff;
}

/* Home hero: copy stays in the existing Elementor container; the photo is decorative only. */
body.home .elementor-element-c8a72fd,
body.page-id-62 .elementor-element-c8a72fd {
  background: var(--qts-ivory);
  padding: clamp(1.25rem, 4vw, 4.5rem) clamp(1rem, 4vw, 4.5rem) clamp(2rem, 5vw, 5rem);
}
body.home .elementor-element-0aee003,
body.page-id-62 .elementor-element-0aee003 {
  width: 100%;
}
body.home .elementor-element-349c2cc,
body.page-id-62 .elementor-element-349c2cc {
  align-items: stretch;
  background-color: var(--qts-ivory-strong);
  border-radius: var(--qts-radius);
  box-shadow: 0 22px 55px rgba(21,34,56,.13);
  isolation: isolate;
  min-height: clamp(27rem, 55vw, 42rem);
  overflow: hidden;
  padding: 0 !important;
  position: relative;
}
body.home .elementor-element-349c2cc::after,
body.page-id-62 .elementor-element-349c2cc::after {
  background: url('assets/qts-hero-white-polo.webp') center center / contain no-repeat;
  content: "";
  inset: 0 0 0 50%;
  position: absolute;
  z-index: -1;
}
body.home .elementor-element-8917196,
body.page-id-62 .elementor-element-8917196 {
  align-items: flex-start;
  background: linear-gradient(90deg, rgba(251,248,242,.98) 0%, rgba(251,248,242,.94) 76%, rgba(251,248,242,.08) 100%);
  justify-content: center;
  max-width: 58%;
  min-height: 100%;
  padding: clamp(2rem, 6vw, 6.5rem) clamp(1.5rem, 6vw, 7rem);
  position: relative;
  z-index: 1;
}
body.home .elementor-element-8917196 .hostinger-ai-title h2,
body.page-id-62 .elementor-element-8917196 .hostinger-ai-title h2 {
  color: var(--qts-maroon);
  font-size: clamp(2.25rem, 5.2vw, 5.4rem);
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: .98;
  margin: 0;
  max-width: 8ch;
}
body.home .elementor-element-8917196 .hostinger-ai-description p,
body.page-id-62 .elementor-element-8917196 .hostinger-ai-description p {
  color: var(--qts-ink);
  font-size: clamp(1rem, 1.45vw, 1.28rem);
  line-height: 1.65;
  margin: 1.25rem 0 1.5rem;
  max-width: 28rem;
}
body.home .elementor-element-8917196 .elementor-button,
body.page-id-62 .elementor-element-8917196 .elementor-button {
  background: var(--qts-maroon);
  border: 1px solid var(--qts-maroon);
  border-radius: 999px;
  box-shadow: 0 10px 20px rgba(116,26,53,.2);
  color: #fff;
  padding: .9rem 1.5rem;
  transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
body.home .elementor-element-8917196 .elementor-button:hover,
body.home .elementor-element-8917196 .elementor-button:focus-visible,
body.page-id-62 .elementor-element-8917196 .elementor-button:hover,
body.page-id-62 .elementor-element-8917196 .elementor-button:focus-visible {
  background: var(--qts-maroon-deep);
  box-shadow: 0 14px 26px rgba(116,26,53,.27);
  color: #fff;
  transform: translateY(-2px);
}

/* Category cards: existing text, titles and links remain the source of truth. */
body.home .elementor-element-932f72f,
body.page-id-62 .elementor-element-932f72f {
  background: var(--qts-ivory);
  padding: clamp(1rem, 4vw, 4.5rem) clamp(1rem, 4vw, 4.5rem) clamp(2.5rem, 5vw, 5rem);
}
body.home .elementor-element-69ef969,
body.page-id-62 .elementor-element-69ef969 {
  gap: clamp(.85rem, 2vw, 1.5rem);
}
body.home .elementor-element-69ef969 > .elementor-element,
body.page-id-62 .elementor-element-69ef969 > .elementor-element {
  background-color: var(--qts-navy);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--qts-radius);
  box-shadow: 0 14px 30px rgba(21,34,56,.12);
  min-height: clamp(14rem, 24vw, 22rem);
  overflow: hidden;
  position: relative;
  transition: box-shadow .25s ease, transform .25s ease;
}
body.home .elementor-element-69ef969 > .elementor-element::before,
body.page-id-62 .elementor-element-69ef969 > .elementor-element::before {
  background: linear-gradient(180deg, rgba(21,34,56,.02) 20%, rgba(21,34,56,.8) 100%);
  content: "";
  inset: 0;
  position: absolute;
}
body.home .elementor-element-69ef969 > .elementor-element:hover,
body.page-id-62 .elementor-element-69ef969 > .elementor-element:hover {
  box-shadow: 0 20px 38px rgba(21,34,56,.2);
  transform: translateY(-4px);
}
body.home .elementor-element-d98dbc4,
body.page-id-62 .elementor-element-d98dbc4 { background-image: url('assets/qts-category-folded-polos.webp') !important; }
body.home .elementor-element-34af9bc,
body.page-id-62 .elementor-element-34af9bc { background-image: url('assets/qts-category-coloured-polos.webp') !important; }
body.home .elementor-element-7d2abf3,
body.page-id-62 .elementor-element-7d2abf3 { background-image: url('assets/qts-category-white-roundneck.webp') !important; }
body.home .elementor-element-7d1b83a,
body.page-id-62 .elementor-element-7d1b83a { background-image: url('assets/qts-category-folded-polos.webp') !important; }
body.home .elementor-element-69ef969 > .elementor-element > .e-con,
body.page-id-62 .elementor-element-69ef969 > .elementor-element > .e-con {
  justify-content: flex-end;
  min-height: inherit;
  padding: clamp(1rem, 2vw, 1.6rem);
  position: relative;
  z-index: 1;
}
body.home .elementor-element-69ef969 .elementor-heading-title,
body.page-id-62 .elementor-element-69ef969 .elementor-heading-title {
  font-size: clamp(1.15rem, 1.9vw, 1.6rem);
  line-height: 1.15;
}
body.home .elementor-element-69ef969 .elementor-button,
body.page-id-62 .elementor-element-69ef969 .elementor-button {
  border-radius: 999px;
  padding: .62rem 1rem;
}

/* Product grid polish only; dynamic product data and controls are untouched. */
body.home .hostinger-product-list,
body.page-id-62 .hostinger-product-list {
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: 0 clamp(1rem, 4vw, 4.5rem) clamp(2.5rem, 5vw, 5rem);
}
body.home .hostinger-product-list > *,
body.page-id-62 .hostinger-product-list > * {
  background: #fff;
  border: 1px solid var(--qts-line);
  border-radius: 18px;
  box-shadow: 0 8px 22px rgba(21,34,56,.07);
  overflow: hidden;
  transition: box-shadow .2s ease, transform .2s ease;
}
body.home .hostinger-product-list > *:hover,
body.page-id-62 .hostinger-product-list > *:hover {
  box-shadow: 0 15px 30px rgba(21,34,56,.13);
  transform: translateY(-3px);
}
body.home .hostinger-product-list .price,
body.page-id-62 .hostinger-product-list .price {
  color: var(--qts-maroon);
  font-weight: 700;
}

/* Keep the existing SEO heading visible and give its section a calmer reading surface. */
body.home .elementor-element-993bb28,
body.page-id-62 .elementor-element-993bb28 { color: var(--qts-navy); }
body.home .site-footer,
body.page-id-62 .site-footer {
  background: var(--qts-navy);
  color: #fff;
  margin-top: 1rem;
}
body.home .site-footer a,
body.page-id-62 .site-footer a { color: #fff; }

/* RTL: mirror layout and preserve readable Arabic alignment without changing content. */
html[dir="rtl"] body.home .elementor-element-349c2cc::after,
html[dir="rtl"] body.page-id-62 .elementor-element-349c2cc::after { inset: 0 50% 0 0; }
html[dir="rtl"] body.home .elementor-element-8917196,
html[dir="rtl"] body.page-id-62 .elementor-element-8917196 {
  background: linear-gradient(270deg, rgba(251,248,242,.98) 0%, rgba(251,248,242,.94) 76%, rgba(251,248,242,.08) 100%);
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}
html[dir="rtl"] body.home .elementor-element-8917196 .elementor-heading-title,
html[dir="rtl"] body.page-id-62 .elementor-element-8917196 .elementor-heading-title { max-width: 10ch; }

@media (max-width: 760px) {
  body.home .hostinger-ai-menu-wrapper,
  body.page-id-62 .hostinger-ai-menu-wrapper { grid-template-columns: 1fr auto; }
  body.home .elementor-element-c8a72fd,
  body.page-id-62 .elementor-element-c8a72fd { padding-left: .8rem; padding-right: .8rem; }
  body.home .elementor-element-349c2cc,
  body.page-id-62 .elementor-element-349c2cc { min-height: 39rem; }
  body.home .elementor-element-349c2cc::after,
  html[dir="rtl"] body.home .elementor-element-349c2cc::after,
  body.page-id-62 .elementor-element-349c2cc::after,
  html[dir="rtl"] body.page-id-62 .elementor-element-349c2cc::after {
    inset: 45% 0 0;
  }
  body.home .elementor-element-8917196,
  html[dir="rtl"] body.home .elementor-element-8917196,
  body.page-id-62 .elementor-element-8917196,
  html[dir="rtl"] body.page-id-62 .elementor-element-8917196 {
    background: linear-gradient(180deg, rgba(251,248,242,.98) 0%, rgba(251,248,242,.8) 72%, rgba(251,248,242,.05) 100%);
    justify-content: flex-start;
    margin: 0;
    max-width: 100%;
    min-height: 58%;
    padding: 2.2rem 1.4rem 1rem;
    text-align: start;
  }
  body.home .elementor-element-8917196 .hostinger-ai-title h2,
  body.page-id-62 .elementor-element-8917196 .hostinger-ai-title h2 { font-size: clamp(2.2rem, 12vw, 3.8rem); }
  body.home .elementor-element-932f72f,
  body.page-id-62 .elementor-element-932f72f { padding-left: .8rem; padding-right: .8rem; }
  body.home .elementor-element-69ef969,
  body.page-id-62 .elementor-element-69ef969 { grid-template-columns: 1fr 1fr; }
  body.home .hostinger-product-list,
  body.page-id-62 .hostinger-product-list { padding-left: .8rem; padding-right: .8rem; }
}

@media (max-width: 480px) {
  body.home .elementor-element-69ef969,
  body.page-id-62 .elementor-element-69ef969 { grid-template-columns: 1fr; }
  body.home .elementor-element-69ef969 > .elementor-element,
  body.page-id-62 .elementor-element-69ef969 > .elementor-element { min-height: 15rem; }
}