.shop.theme-khid {
  --sf-bg: #fff;
  --sf-paper: #fff;
  --sf-panel: #f7f1fb;
  --sf-ink: #211c2b;
  --sf-muted: #5f5969;
  --sf-line: #e8e3ed;
  --sf-accent: var(--store-accent, #522077);
  --sf-radius: 14px;
  --khid-night: #201c2b;
  --khid-purple: #471369;
  --khid-yellow: #fff743;
  background: var(--sf-bg);
  color: var(--sf-ink);
  font-family: var(--ta-font-body, Arial, sans-serif);
}
.shop.theme-khid :is(h1, h2, h3) {
  font-family: var(--ta-font-heading, Arial, sans-serif);
  font-weight: 850;
  letter-spacing: -.04em;
}
.shop.theme-khid > .container {
  max-width: 1480px;
  padding-inline: 24px;
}
.shop.theme-khid .sf-home {
  padding-top: 0;
}
.shop.theme-khid .topic-khid-header {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: auto auto minmax(160px, 1fr) auto;
  gap: clamp(12px, 2vw, 27px);
  align-items: center;
  background: var(--ta-header, var(--khid-night));
  color: var(--ta-header-ink, #fff);
  padding: 16px 18px;
  border: 0;
}
.shop.theme-khid .topic-khid-header:has(> .store-language-picker) {
  grid-template-columns: auto auto minmax(140px, 1fr) auto auto;
}
.shop.theme-khid .topic-khid-header .sf-brand {
  font-size: clamp(30px, 3vw, 43px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.045em;
  color: var(--ta-header-ink, var(--khid-yellow));
}
.shop.theme-khid .topic-khid-header .sf-catalog-menu > summary {
  display: flex;
  gap: 10px;
  align-items: center;
  min-height: 44px;
  border: 0;
  padding: 7px 11px;
  color: var(--ta-header-ink, #fff);
  background: transparent;
  font-size: 16px;
  font-weight: 800;
}
.shop.theme-khid .topic-khid-header .sf-catalog-menu > summary > i,
.shop.theme-khid .topic-khid-header .sf-catalog-menu > summary::after {
  display: none;
}
.shop.theme-khid .topic-khid-header .sf-header-search {
  width: 100%;
  min-width: 0;
}
.shop.theme-khid .topic-khid-header .sf-header-search input {
  min-height: 44px;
  border-radius: 999px;
  background: #fff;
}
.shop.theme-khid .topic-khid-header .sf-header-actions {
  display: flex;
  align-items: center;
  gap: 14px;
}
.shop.theme-khid .topic-khid-header .sf-header-actions a {
  color: var(--ta-header-ink, #fff);
}
.shop.theme-khid .topic-khid-header .sf-header-actions .sf-cart-link b {
  color: #251b2a;
  background: var(--khid-yellow);
}
.shop.theme-khid .topic-khid-hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: clamp(400px, 36vw, 550px);
  isolation: isolate;
  overflow: hidden;
  background: #f4d721;
}
.shop.theme-khid .topic-hero-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  object-fit: cover;
  object-position: center;
}
.shop.theme-khid .topic-khid-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--khid-purple);
  clip-path: polygon(0 0, 53% 0, 37% 100%, 0 100%);
}
.shop.theme-khid .topic-hero-copy {
  width: min(44%, 600px);
  padding: clamp(20px, 4vw, 62px);
  color: #fff;
}
.shop.theme-khid .topic-hero-copy h1 {
  font-size: clamp(43px, 6vw, 91px);
  font-style: italic;
  line-height: .92;
  margin: 0 0 16px;
  overflow-wrap: anywhere;
}
.shop.theme-khid .topic-hero-copy h1 em {
  color: var(--khid-yellow);
}
.shop.theme-khid .topic-hero-copy p {
  font-size: clamp(14px, 1.35vw, 18px);
  line-height: 1.4;
  margin: 0 0 18px;
}
.shop.theme-khid :is(.topic-hero-copy, .topic-promo-copy) .rental-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 9px 20px;
  border-radius: 999px;
  background: var(--ta-accent, var(--khid-yellow));
  color: var(--ta-accent-ink, #211c2b);
  font-weight: 800;
}
.shop.theme-khid :is(.topic-khid-categories, .topic-khid-products, .topic-khid-services) {
  margin-block: 28px 34px;
}
.shop.theme-khid :is(.topic-khid-categories, .topic-khid-products, .topic-khid-services) h2 {
  font-size: clamp(25px, 3.4vw, 51px);
  line-height: 1.05;
}
.shop.theme-khid .topic-khid-categories > h2,
.shop.theme-khid .topic-khid-services > h2 {
  margin: 0 0 15px;
}
.shop.theme-khid .topic-khid-player-groups {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
}
.shop.theme-khid .topic-khid-player-groups > a {
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 9px;
  min-height: 106px;
  border-radius: 13px;
  padding: 14px;
  color: #fff;
  background: var(--khid-purple);
  text-align: center;
  text-decoration: none;
  overflow-wrap: anywhere;
  font-size: clamp(15px, 1.6vw, 20px);
}
.shop.theme-khid .topic-khid-player-groups > a:hover {
  background: #632483;
}
.shop.theme-khid .topic-khid-players {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 2px;
  min-height: 33px;
}
.shop.theme-khid .topic-khid-players i {
  position: relative;
  width: 17px;
  height: 14px;
  border-radius: 12px 12px 2px 2px;
  background: var(--khid-yellow);
}
.shop.theme-khid .topic-khid-players i::before {
  position: absolute;
  content: '';
  bottom: calc(100% + 2px);
  left: 4px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: inherit;
}
.shop.theme-khid .topic-khid-products .shop-products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.shop.theme-khid .topic-khid-products .shop-product {
  min-width: 0;
  border: 1px solid var(--sf-line);
  border-radius: 13px;
  overflow: hidden;
}
.shop.theme-khid .topic-khid-products .shop-product-image {
  aspect-ratio: 1.45;
  min-height: 0;
  height: auto;
}
.shop.theme-khid .topic-khid-products .shop-product-image :is(.catalog-product-open, img) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shop.theme-khid .shop-product-bottom .buy-btn {
  min-height: 38px;
  color: var(--ta-accent-ink, #211c2b);
  background: var(--ta-accent, var(--khid-yellow));
  border-radius: 8px;
  font-weight: 800;
}
.shop.theme-khid .topic-khid-products .shop-price {
  font-size: clamp(17px, 1.8vw, 23px);
  font-weight: 850;
}
.shop.theme-khid .topic-khid-promo {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  min-height: 290px;
  overflow: hidden;
  background: var(--khid-purple);
}
.shop.theme-khid .topic-promo-image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 290px;
  object-fit: cover;
  object-position: 28% center;
  border-inline-end: 5px solid var(--khid-yellow);
}
.shop.theme-khid .topic-promo-copy {
  align-self: center;
  color: #fff;
  padding: clamp(20px, 3.3vw, 50px);
}
.shop.theme-khid .topic-promo-copy h2 {
  font-size: clamp(30px, 4vw, 58px);
  line-height: 1;
  margin: 0 0 12px;
}
.shop.theme-khid .topic-promo-copy p {
  margin: 0 0 20px;
  font-size: clamp(15px, 1.6vw, 19px);
  line-height: 1.48;
}
.shop.theme-khid .topic-khid-collections {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 20px;
}
.shop.theme-khid .topic-khid-collections a {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 178px;
  padding: 20px;
  overflow: hidden;
  text-decoration: none;
  border-radius: 14px;
  color: #211c2b;
  background: var(--khid-yellow);
}
.shop.theme-khid .topic-khid-collections a:nth-child(2) {
  background: #e6c9fc;
}
.shop.theme-khid .topic-khid-collections a img {
  position: absolute;
  inset: 0 0 0 auto;
  width: 53%;
  height: 100%;
  object-fit: cover;
  clip-path: polygon(22% 0, 100% 0, 100% 100%, 0 100%);
  z-index: -1;
}
.shop.theme-khid .topic-khid-collections strong {
  max-width: 49%;
  font-size: clamp(18px, 2.35vw, 32px);
  overflow-wrap: anywhere;
}
.shop.theme-khid .topic-khid-collections span {
  padding: 8px 12px;
  margin-top: 13px;
  border-radius: 999px;
  color: #fff;
  background: var(--khid-night);
  font-weight: 750;
}
.shop.theme-khid .topic-khid-information {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
}
.shop.theme-khid .topic-khid-information a {
  color: var(--sf-accent);
  font-weight: 750;
}
.shop.theme-khid .sf-footer {
  background: var(--ta-footer, var(--khid-night));
  color: var(--ta-footer-ink, #fff);
}
.shop.theme-khid .sf-footer :is(a, h2, h3, p, small) {
  color: inherit;
}
@media (max-width: 900px) {
  .shop.theme-khid .topic-khid-products .shop-products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 740px) {
  .shop.theme-khid > .container {
    padding-inline: 12px;
  }
  .shop.theme-khid .topic-khid-header,
  .shop.theme-khid .topic-khid-header:has(> .store-language-picker) {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px;
    padding: 11px;
  }
  .shop.theme-khid .topic-khid-header .sf-brand {
    grid-area: 1 / 1 / 2 / 3;
  }
  .shop.theme-khid .topic-khid-header .sf-header-actions {
    grid-area: 1 / 3;
    gap: 10px;
  }
  .shop.theme-khid .topic-khid-header .sf-catalog-menu {
    grid-area: 2 / 1;
  }
  .shop.theme-khid .topic-khid-header .sf-header-search {
    grid-area: 2 / 2 / 3 / 4;
  }
  .shop.theme-khid .topic-khid-header .store-language-picker {
    grid-column: 1 / -1;
    grid-row: 3;
    justify-self: end;
  }
  .shop.theme-khid .topic-khid-header .sf-header-actions a > span {
    display: none;
  }
  .shop.theme-khid .topic-khid-hero {
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
    background: var(--khid-purple);
  }
  .shop.theme-khid .topic-khid-hero::before {
    display: none;
  }
  .shop.theme-khid .topic-hero-copy {
    width: 100%;
    padding: 25px 19px;
  }
  .shop.theme-khid .topic-hero-copy h1 {
    font-size: clamp(40px, 9vw, 62px);
  }
  .shop.theme-khid .topic-hero-image {
    position: static;
    order: 2;
    height: clamp(170px, 56vw, 310px);
    object-position: 73% center;
  }
  .shop.theme-khid .topic-khid-player-groups {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .shop.theme-khid .topic-khid-player-groups > a {
    min-height: 87px;
    padding: 9px;
  }
  .shop.theme-khid .topic-khid-products .shop-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .shop.theme-khid .topic-khid-products .shop-product-bottom {
    flex-wrap: wrap;
    gap: 6px;
  }
  .shop.theme-khid .topic-khid-promo {
    grid-template-columns: 1fr;
  }
  .shop.theme-khid .topic-promo-image {
    min-height: 0;
    height: clamp(175px, 54vw, 290px);
    border-inline-end: 0;
    border-block-end: 4px solid var(--khid-yellow);
  }
  .shop.theme-khid .topic-khid-collections {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
