/* CML site tweaks on top of Craftum export */

/* Soften the "PC only" gate on tablets and large phones */
@media (max-width: 1199px) {
  [data-public-mobile-overlay],
  .cli-mobile-overlay,
  .cli-block--mobile-overlay {
    display: none !important;
  }

  body {
    overflow: auto !important;
  }
}

/* Ensure logo images load from CDN fallback if local cache misses */
.cli-logo img {
  object-fit: contain;
}

/* Removed league blocks only (keep hero buttons + backgrounds) */
#n-d958998a-473a-4346-8023-e7fd7a0ec1b5,
#n-009e021f-97b1-48ad-ac6b-0d8578ce7ac4,
#n-c7a3deb3-60ea-41a2-af4d-84df9fcbc0ac,
#n-97553f6f-59da-41bd-b91f-bdd8a6d25fbd,
#n-2939d995-c48c-4f71-bc84-6038d540e67e,
#n-f59f8c68-c334-4d2b-b9d0-6f914016d640,
#n-d7b52226-ab15-4402-bf9a-8c394a2f86b3,
#n-52f24c53-e301-4ab2-9a7b-8124dfd8f8a9 {
  display: none !important;
}

/* Opening hero must stay visible (Craftum hides it on mobile + we must not hide the section) */
#n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 {
  display: block !important;
}

@media (max-width: 1199px) {
  html,
  body {
    overflow-x: hidden;
  }

  /* Homepage hero: replace absolute desktop layout with stacked flow */
  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 {
    overflow: visible;
  }

  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 .cli-block__content--cover,
  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 #n-bd5b9d44-4d6f-41ff-bc7d-b6278b8a9e76 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 40px 16px 28px !important;
    box-sizing: border-box !important;
  }

  /* Decorative background art overlaps title on phones */
  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 #n-c5eef8ab-9fce-4729-b1b6-47bd650d1c09 {
    display: none !important;
  }

  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 #n-ffe935c2-ab6c-4c88-95dd-094817dcc856 {
    order: 1;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 0 12px !important;
    padding: 0 4px !important;
    transform: none !important;
    text-align: center !important;
    font-size: clamp(22px, 6.5vw, 40px) !important;
    line-height: 1.2 !important;
  }

  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 #n-d34779a5-0624-4c14-b6f7-c762b4ca4bab {
    order: 2;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 0 20px !important;
    padding: 0 4px !important;
    transform: none !important;
    text-align: center !important;
    font-size: clamp(13px, 3.6vw, 18px) !important;
    line-height: 1.45 !important;
  }

  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 .cli-block-title,
  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 .cli-block-subtitle {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
  }

  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 #n-fd142e3a-603d-4185-82e2-179e639ee1c9,
  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 #n-d0abe08b-637e-4a40-a271-51043e06ca97 {
    order: 3;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: min(100%, 320px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 10px auto 0 !important;
    transform: none !important;
    overflow: visible !important;
    align-self: center !important;
  }

  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 #n-d0abe08b-637e-4a40-a271-51043e06ca97 {
    order: 4;
  }

  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 #n-fd142e3a-603d-4185-82e2-179e639ee1c9 .cli-default-group,
  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 #n-d0abe08b-637e-4a40-a271-51043e06ca97 .cli-default-group {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
  }

  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 #n-fd142e3a-603d-4185-82e2-179e639ee1c9 .cli-default,
  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 #n-d0abe08b-637e-4a40-a271-51043e06ca97 .cli-default {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
  }

  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 #n-fd142e3a-603d-4185-82e2-179e639ee1c9 img,
  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 #n-d0abe08b-637e-4a40-a271-51043e06ca97 img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block !important;
  }

  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 #n-fd142e3a-603d-4185-82e2-179e639ee1c9 [data-type='text'],
  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 #n-d0abe08b-637e-4a40-a271-51043e06ca97 [data-type='text'] {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
    font-size: clamp(14px, 4vw, 22px) !important;
    white-space: nowrap;
  }
}

@media (max-width: 480px) {
  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 .cli-block__content--cover,
  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 #n-bd5b9d44-4d6f-41ff-bc7d-b6278b8a9e76 {
    padding: 32px 12px 20px !important;
  }

  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 #n-ffe935c2-ab6c-4c88-95dd-094817dcc856 {
    font-size: clamp(20px, 6vw, 28px) !important;
  }

  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 #n-fd142e3a-603d-4185-82e2-179e639ee1c9,
  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 #n-d0abe08b-637e-4a40-a271-51043e06ca97 {
    width: min(100%, 280px) !important;
    margin-top: 8px !important;
  }
}

/* Mobile: Craftum hides header + below-hero sections — restore and reflow */
@media (max-width: 1199px) {
  /* ── Header + hamburger (Craftum sets display:none on header <=1023px) ── */
  #n-647e70f4-d7f4-478b-a502-8e64575d0174 {
    display: block !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #n-ed1942e2-d60c-41f0-ad6f-016aa5fae3ea {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 10px 16px !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
  }

  #n-1951863b-9263-486f-beea-085734d0b7c0 {
    display: flex !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
  }

  #n-1951863b-9263-486f-beea-085734d0b7c0 img {
    width: 48px !important;
    height: 48px !important;
  }

  #n-e86293bf-fb41-4c48-bc80-a0d7ddd74add {
    display: flex !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    flex-shrink: 0 !important;
    margin: 0 0 0 auto !important;
    z-index: 1002 !important;
    width: 44px !important;
    height: 44px !important;
  }

  [data-public-mobile-content],
  #n-850a1281-7a24-4f0b-9736-4bb1a45dac86 {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    width: min(72vw, 252px) !important;
    max-width: 252px !important;
    height: 100% !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 1001 !important;
    box-shadow: -6px 0 28px rgba(91, 8, 122, 0.12) !important;
    box-sizing: border-box !important;
  }

  #n-850a1281-7a24-4f0b-9736-4bb1a45dac86.opened {
    display: flex !important;
  }

  #n-d4c97a33-ad0e-4ea8-943e-69e404c77172 {
    z-index: 1000 !important;
  }

  #n-abd19028-af48-49fb-a9ce-5c78ff40afdf {
    width: 100% !important;
    height: 100% !important;
    overflow-y: auto !important;
    padding: 52px 14px 20px !important;
    gap: 4px !important;
    box-sizing: border-box !important;
  }

  [data-public-mobile-content] nav.cli-menu,
  #n-abd19028-af48-49fb-a9ce-5c78ff40afdf nav.cli-menu {
    width: 100% !important;
    gap: 2px !important;
  }

  [data-public-mobile-content] .cli-menu__link,
  #n-abd19028-af48-49fb-a9ce-5c78ff40afdf .cli-menu__link {
    font-size: 16px !important;
    line-height: 1.35 !important;
    --normal-padding-top: 9px;
    --normal-padding-bottom: 9px;
    --normal-padding-left: 0;
    --normal-padding-right: 0;
    border: none !important;
    box-shadow: none !important;
  }

  /* Restore page sections Craftum hides on mobile */
  #n-f703486d-618a-4f2f-b6bf-0c89387c623f,
  #n-ad4c6f28-8fbb-4052-ab6e-6cb45a9577c8,
  #n-9b04be74-df47-4e31-99f8-bd6b725fca82,
  #n-021e5b58-386c-4112-86a2-68c565c6d26e {
    display: block !important;
  }

  /* Collapse fixed-size Craftum canvas containers to natural document flow */
  #n-3b819119-4131-43f0-9e5d-32e8a5bd3d7b,
  #n-bcc6aae0-bd10-4dc7-be27-589b137720e9,
  #n-8d138d48-71d2-4e08-8a14-0529f1d60ebf,
  #n-25ed0e06-e4b8-42cd-a57b-32bf78a69fa3 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
  }

  /* Reset Craftum absolute positioning in content sections (not swiper slides) */
  #n-f703486d-618a-4f2f-b6bf-0c89387c623f [data-draggable='true']:not(.swiper-slide),
  #n-ad4c6f28-8fbb-4052-ab6e-6cb45a9577c8 [data-draggable='true']:not(.swiper-slide),
  #n-9b04be74-df47-4e31-99f8-bd6b725fca82 [data-draggable='true']:not(.swiper-slide),
  #n-021e5b58-386c-4112-86a2-68c565c6d26e [data-draggable='true']:not(.swiper-slide) {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
  }

  /* ── Ranks table ── */
  #n-f703486d-618a-4f2f-b6bf-0c89387c623f {
    overflow: visible !important;
  }

  #n-f703486d-618a-4f2f-b6bf-0c89387c623f #n-3b819119-4131-43f0-9e5d-32e8a5bd3d7b {
    padding-top: 40px !important;
    padding-bottom: 32px !important;
  }

  #n-f703486d-618a-4f2f-b6bf-0c89387c623f #n-8fdc1aaa-eca9-4d9e-942f-46f4e2013c1c {
    width: 100% !important;
    max-width: 100% !important;
  }

  #n-f703486d-618a-4f2f-b6bf-0c89387c623f #n-239561d1-5a54-4d4c-86a6-7be5ab367538 {
    font-size: clamp(22px, 5.5vw, 36px) !important;
    line-height: 1.2 !important;
    margin-bottom: 12px !important;
  }

  #n-f703486d-618a-4f2f-b6bf-0c89387c623f #n-041c5820-6c66-48e5-ac18-be5fba25dc88 {
    font-size: clamp(13px, 3.5vw, 16px) !important;
    line-height: 1.45 !important;
    margin-bottom: 16px !important;
    padding: 0 4px !important;
  }

  #n-f703486d-618a-4f2f-b6bf-0c89387c623f #n-c2174b54-4e4c-43d3-bf29-f6c0b5b968a5 {
    --table-box-shadow: none;
    --first-column-cell-font-size: 13px;
    --first-row-cell-font-size: 12px;
    --ordinary-cell-font-size: 13px;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  #n-f703486d-618a-4f2f-b6bf-0c89387c623f .cli-table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: visible;
  }

  #n-f703486d-618a-4f2f-b6bf-0c89387c623f .cli-table table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
  }

  #n-f703486d-618a-4f2f-b6bf-0c89387c623f .cli-table__cell,
  #n-f703486d-618a-4f2f-b6bf-0c89387c623f td,
  #n-f703486d-618a-4f2f-b6bf-0c89387c623f th {
    white-space: nowrap !important;
    word-break: keep-all !important;
    hyphens: none !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    padding: 10px 6px !important;
    vertical-align: middle !important;
  }

  #n-f703486d-618a-4f2f-b6bf-0c89387c623f .cli-table__cell:first-child,
  #n-f703486d-618a-4f2f-b6bf-0c89387c623f td:first-child,
  #n-f703486d-618a-4f2f-b6bf-0c89387c623f th:first-child {
    width: 42% !important;
  }

  #n-f703486d-618a-4f2f-b6bf-0c89387c623f .cli-table__cell:nth-child(2),
  #n-f703486d-618a-4f2f-b6bf-0c89387c623f td:nth-child(2),
  #n-f703486d-618a-4f2f-b6bf-0c89387c623f th:nth-child(2) {
    width: 24% !important;
    text-align: center !important;
  }

  #n-f703486d-618a-4f2f-b6bf-0c89387c623f .cli-table__cell:nth-child(3),
  #n-f703486d-618a-4f2f-b6bf-0c89387c623f td:nth-child(3),
  #n-f703486d-618a-4f2f-b6bf-0c89387c623f th:nth-child(3) {
    width: 34% !important;
    text-align: center !important;
  }

  #n-f703486d-618a-4f2f-b6bf-0c89387c623f .cli-table__cell-content img {
    display: none !important;
  }

  /* ── Stats: 2×2 icon grid ── */
  #n-bcc6aae0-bd10-4dc7-be27-589b137720e9.cml-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px 14px !important;
    justify-items: stretch !important;
    align-items: start !important;
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  #n-bcc6aae0-bd10-4dc7-be27-589b137720e9 .cml-stat-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  #n-ad4c6f28-8fbb-4052-ab6e-6cb45a9577c8 .cli-default-shape {
    display: none !important;
  }

  #n-ad4c6f28-8fbb-4052-ab6e-6cb45a9577c8 .cml-stat-card > * {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
    text-align: center !important;
  }

  #n-ad4c6f28-8fbb-4052-ab6e-6cb45a9577c8 .cml-stat-card .cli-iconed-card__icon {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    max-width: 72px !important;
    margin: 0 auto 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #n-ad4c6f28-8fbb-4052-ab6e-6cb45a9577c8 .cml-stat-card .cli-iconed-card__icon img,
  #n-ad4c6f28-8fbb-4052-ab6e-6cb45a9577c8 .cml-stat-card .cli-image {
    width: 52px !important;
    height: 52px !important;
    object-fit: contain !important;
  }

  #n-ad4c6f28-8fbb-4052-ab6e-6cb45a9577c8 .cml-stat-card .cli-iconed-card__title {
    font-size: clamp(18px, 4.8vw, 24px) !important;
    line-height: 1.15 !important;
    margin-bottom: 2px !important;
  }

  #n-ad4c6f28-8fbb-4052-ab6e-6cb45a9577c8 .cml-stat-card .cli-iconed-card__description {
    font-size: clamp(11px, 3vw, 14px) !important;
    line-height: 1.3 !important;
    margin-bottom: 0 !important;
    white-space: normal !important;
  }

  /* ── Media carousel ── */
  #n-9b04be74-df47-4e31-99f8-bd6b725fca82 {
    overflow: hidden !important;
  }

  #n-8d138d48-71d2-4e08-8a14-0529f1d60ebf {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px;
    padding-top: 32px !important;
    padding-bottom: 28px !important;
  }

  #n-9b04be74-df47-4e31-99f8-bd6b725fca82 .cli-default-shape,
  #n-971f432c-274b-427d-9a97-b223876caa46,
  #n-0ef92e45-d6c8-45d2-9e95-57ecd791d475,
  #n-4020ce96-03f1-4573-84b0-ec2ff420a5a5,
  #n-89e6a31a-db26-4e75-a450-1d555b48f99d {
    display: none !important;
  }

  #n-9ed7378f-7f7d-4fc3-b389-e76fab133392 {
    order: 1;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 4px !important;
    transform: none !important;
    text-align: center !important;
    font-size: clamp(22px, 5.5vw, 32px) !important;
  }

  #n-2d6d3490-38ed-4d92-b6bf-b36a021a4554 {
    order: 2;
    display: block !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 200px;
    margin: 0 auto !important;
    padding: 0 0 8px !important;
    transform: none !important;
    overflow: hidden !important;
  }

  #n-2d6d3490-38ed-4d92-b6bf-b36a021a4554 .cli-swiper-body,
  #n-2d6d3490-38ed-4d92-b6bf-b36a021a4554 .swiper {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 200px;
    margin: 0 auto !important;
    overflow: hidden !important;
    position: relative !important;
  }

  #n-2d6d3490-38ed-4d92-b6bf-b36a021a4554 .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #n-2d6d3490-38ed-4d92-b6bf-b36a021a4554 .swiper-button-prev,
  #n-2d6d3490-38ed-4d92-b6bf-b36a021a4554 .swiper-button-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    width: 36px !important;
    height: 36px !important;
    z-index: 5 !important;
  }

  #n-2d6d3490-38ed-4d92-b6bf-b36a021a4554 .swiper-button-prev {
    left: 6px !important;
    right: auto !important;
  }

  #n-2d6d3490-38ed-4d92-b6bf-b36a021a4554 .swiper-button-next {
    right: 6px !important;
    left: auto !important;
  }

  #n-2d6d3490-38ed-4d92-b6bf-b36a021a4554 .swiper-pagination {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
    margin: 10px auto 0 !important;
    text-align: center !important;
  }

  #n-9b04be74-df47-4e31-99f8-bd6b725fca82 .swiper-button-prev,
  #n-9b04be74-df47-4e31-99f8-bd6b725fca82 .swiper-button-next {
    display: none !important;
  }

  /* ── Footer: single-column stack ── */
  #n-25ed0e06-e4b8-42cd-a57b-32bf78a69fa3 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 20px !important;
    padding: 32px 16px 40px !important;
  }

  #n-021e5b58-386c-4112-86a2-68c565c6d26e .cli-menu--mobile-hidden {
    display: flex !important;
  }

  #n-021e5b58-386c-4112-86a2-68c565c6d26e nav,
  #n-021e5b58-386c-4112-86a2-68c565c6d26e .cli-footer__col,
  #n-021e5b58-386c-4112-86a2-68c565c6d26e #n-c27bc9b2-2731-437e-882c-8ed08c8e0635,
  #n-021e5b58-386c-4112-86a2-68c565c6d26e #n-20c9a8f0-15d1-4e93-996b-2aa179d3b50b,
  #n-021e5b58-386c-4112-86a2-68c565c6d26e #n-da7aeec4-836d-4040-a9bd-ebead0cdc130,
  #n-021e5b58-386c-4112-86a2-68c565c6d26e #n-e9529d4b-87b5-4d8a-9110-955b8ebefb68,
  #n-021e5b58-386c-4112-86a2-68c565c6d26e #n-783fad29-95a0-4a10-b249-2f723d68b42b,
  #n-021e5b58-386c-4112-86a2-68c565c6d26e #n-553569f2-d312-4408-9456-0ca8d0fc7a81,
  #n-021e5b58-386c-4112-86a2-68c565c6d26e #n-75ed1786-c302-4254-b5ec-d442697ff576,
  #n-021e5b58-386c-4112-86a2-68c565c6d26e #n-85cfa2a9-3bd8-44c4-9ac9-fa89043dff8f,
  #n-021e5b58-386c-4112-86a2-68c565c6d26e #n-7031bb8a-5909-4454-814e-1d49372a93a5 {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    text-align: center !important;
    visibility: visible !important;
  }

  #n-021e5b58-386c-4112-86a2-68c565c6d26e #n-c27bc9b2-2731-437e-882c-8ed08c8e0635 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
  }

  #n-021e5b58-386c-4112-86a2-68c565c6d26e #n-da7aeec4-836d-4040-a9bd-ebead0cdc130,
  #n-021e5b58-386c-4112-86a2-68c565c6d26e #n-e9529d4b-87b5-4d8a-9110-955b8ebefb68,
  #n-021e5b58-386c-4112-86a2-68c565c6d26e #n-783fad29-95a0-4a10-b249-2f723d68b42b {
    display: none !important;
  }

  #n-021e5b58-386c-4112-86a2-68c565c6d26e .cli-menu__link {
    justify-content: center !important;
  }
}

@media (max-width: 480px) {
  [data-public-mobile-content],
  #n-850a1281-7a24-4f0b-9736-4bb1a45dac86 {
    width: min(78vw, 228px) !important;
    max-width: 228px !important;
  }

  [data-public-mobile-content] .cli-menu__link,
  #n-abd19028-af48-49fb-a9ce-5c78ff40afdf .cli-menu__link {
    font-size: 15px !important;
  }

  #n-ed1942e2-d60c-41f0-ad6f-016aa5fae3ea {
    padding: 8px 12px !important;
  }

  #n-f703486d-618a-4f2f-b6bf-0c89387c623f #n-c2174b54-4e4c-43d3-bf29-f6c0b5b968a5 {
    --first-column-cell-font-size: 12px;
    --ordinary-cell-font-size: 12px;
  }

  #n-bcc6aae0-bd10-4dc7-be27-589b137720e9.cml-stats-grid {
    gap: 16px 10px;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #n-8d138d48-71d2-4e08-8a14-0529f1d60ebf {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 #n-fd142e3a-603d-4185-82e2-179e639ee1c9,
  #n-c4426ae3-ec22-455b-987a-c0c3deeb30c7 #n-d0abe08b-637e-4a40-a271-51043e06ca97 {
    width: min(100%, 260px) !important;
  }
}

/* ── Side menu: LK + Panel (match Craftum menu items) ── */
#cml-menu-lk,
#cml-menu-panel {
  font-weight: 500;
  line-height: 1.35;
  font-size: 16px;
  font-style: normal;
  font-family: var(--sans-serif);
  --color: rgba(91, 8, 122, 1);
  --hover-color: rgba(246, 56, 109, 1);
  --active-color: rgba(91, 8, 122, 1);
  color: rgba(91, 8, 122, 1);
  text-decoration: none;
}

#cml-menu-lk:hover,
#cml-menu-panel:hover {
  color: rgba(246, 56, 109, 1);
}

#cml-menu-lk [data-type='text'],
#cml-menu-panel [data-type='text'] {
  color: inherit;
  font: inherit;
  font-weight: inherit;
  line-height: inherit;
}

#cml-menu-lk .cli-menu__arrow,
#cml-menu-panel .cli-menu__arrow {
  color: inherit;
}

/* No separate login/register buttons anywhere */
.cml-auth-bar,
#cml-auth-bar,
#cml-auth-bar-desktop,
[data-public-mobile-content] .cli-header__button,
#n-dbfec514-9c47-4837-b4c8-5a03f4283807 {
  display: none !important;
}

/* Craftum default logo text + footer legal line */
#n-342bd5d8-3620-4632-a6b8-09588a82400d,
#n-79bb42d5-a4dd-43ec-ac42-e64c1a570ddc {
  display: none !important;
}