@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/Admin/CompetitionDetails/ArtCompetitionDetail.razor.rz.scp.css */
.form-check-label[b-9qb0uygvy1] {
    white-space: nowrap;
}
/* /Components/Admin/Components/Schedule/AddEditEvent.razor.rz.scp.css */
.category-select[b-0phiiyfraj] {
  /* Ensure padding for the swatch */
  padding-left: 1.65rem;
  background-repeat: no-repeat;
  background-position: 0.5rem 50%;
  background-size: 0.9rem 0.8rem;
}

/* Selected value swatch via background color pulled from CSS variables set per-class */
.category-select.cat-None[b-0phiiyfraj] {
  --cat-bg: transparent;
  --cat-border: #ced4da;
}

.category-select.cat-Main[b-0phiiyfraj] {
  --cat-bg: #e53935;
  --cat-border: #d32f2f;
}
.category-select.cat-Contest[b-0phiiyfraj] {
  --cat-bg: #a6ce39;
  --cat-border: #8db52f;
}
.category-select.cat-Quiz[b-0phiiyfraj] {
  --cat-bg: #a6ce39;
  --cat-border: #8db52f;
}
.category-select.cat-BookLaunch[b-0phiiyfraj] {
  --cat-bg: #ff7043;
  --cat-border: #f4511e;
}
.category-select.cat-Special[b-0phiiyfraj] {
  --cat-bg: #ff7043;
  --cat-border: #f4511e;
}
.category-select.cat-Talk[b-0phiiyfraj] {
  --cat-bg: #b39ddb;
  --cat-border: #9575cd;
}
.category-select.cat-Anime[b-0phiiyfraj] {
  --cat-bg: #fff176;
  --cat-border: #ffee58;
}
.category-select.cat-Movie[b-0phiiyfraj] {
  --cat-bg: #64b5f6;
  --cat-border: #42a5f5;
}
.category-select.cat-Workshop[b-0phiiyfraj] {
  --cat-bg: #f48fb1;
  --cat-border: #f06292;
}
.category-select.cat-ProContest[b-0phiiyfraj] {
  --cat-bg: #81c784;
  --cat-border: #66bb6a;
}

/* Draw bordered swatch on the left using layered backgrounds */
.category-select[b-0phiiyfraj] {
  background-image: linear-gradient(var(--cat-border), var(--cat-border)),
    linear-gradient(var(--cat-bg), var(--cat-bg));
  background-position: 0.5rem calc(50% - 0px), 0.5rem calc(50% - 0px);
  background-size: 0.9rem 0.8rem, 0.78rem 0.68rem;
}

/* Attempt to show swatches in option list (browser support varies) */
option.cat-None[b-0phiiyfraj] {
  background-image: none !important;
  padding-left: 1.65rem;
}
option.cat-Main[b-0phiiyfraj] {
  background: linear-gradient(#d32f2f, #d32f2f) 0.5rem 50%/0.9rem 0.8rem
      no-repeat,
    linear-gradient(#e53935, #e53935) 0.5rem 50%/0.78rem 0.68rem no-repeat;
  padding-left: 1.65rem;
}
option.cat-Contest[b-0phiiyfraj] {
  background: linear-gradient(#8db52f, #8db52f) 0.5rem 50%/0.9rem 0.8rem
      no-repeat,
    linear-gradient(#a6ce39, #a6ce39) 0.5rem 50%/0.78rem 0.68rem no-repeat;
  padding-left: 1.65rem;
}
option.cat-Quiz[b-0phiiyfraj] {
  background: linear-gradient(#8db52f, #8db52f) 0.5rem 50%/0.9rem 0.8rem
      no-repeat,
    linear-gradient(#a6ce39, #a6ce39) 0.5rem 50%/0.78rem 0.68rem no-repeat;
  padding-left: 1.65rem;
}
option.cat-BookLaunch[b-0phiiyfraj] {
  background: linear-gradient(#f4511e, #f4511e) 0.5rem 50%/0.9rem 0.8rem
      no-repeat,
    linear-gradient(#ff7043, #ff7043) 0.5rem 50%/0.78rem 0.68rem no-repeat;
  padding-left: 1.65rem;
}
option.cat-Special[b-0phiiyfraj] {
  background: linear-gradient(#f4511e, #f4511e) 0.5rem 50%/0.9rem 0.8rem
      no-repeat,
    linear-gradient(#ff7043, #ff7043) 0.5rem 50%/0.78rem 0.68rem no-repeat;
  padding-left: 1.65rem;
}
option.cat-Talk[b-0phiiyfraj] {
  background: linear-gradient(#9575cd, #9575cd) 0.5rem 50%/0.9rem 0.8rem
      no-repeat,
    linear-gradient(#b39ddb, #b39ddb) 0.5rem 50%/0.78rem 0.68rem no-repeat;
  padding-left: 1.65rem;
}
option.cat-Anime[b-0phiiyfraj] {
  background: linear-gradient(#ffee58, #ffee58) 0.5rem 50%/0.9rem 0.8rem
      no-repeat,
    linear-gradient(#fff176, #fff176) 0.5rem 50%/0.78rem 0.68rem no-repeat;
  padding-left: 1.65rem;
}
option.cat-Movie[b-0phiiyfraj] {
  background: linear-gradient(#42a5f5, #42a5f5) 0.5rem 50%/0.9rem 0.8rem
      no-repeat,
    linear-gradient(#64b5f6, #64b5f6) 0.5rem 50%/0.78rem 0.68rem no-repeat;
  padding-left: 1.65rem;
}
option.cat-Workshop[b-0phiiyfraj] {
  background: linear-gradient(#f06292, #f06292) 0.5rem 50%/0.9rem 0.8rem
      no-repeat,
    linear-gradient(#f48fb1, #f48fb1) 0.5rem 50%/0.78rem 0.68rem no-repeat;
  padding-left: 1.65rem;
}
option.cat-ProContest[b-0phiiyfraj] {
  background: linear-gradient(#66bb6a, #66bb6a) 0.5rem 50%/0.9rem 0.8rem
      no-repeat,
    linear-gradient(#81c784, #81c784) 0.5rem 50%/0.78rem 0.68rem no-repeat;
  padding-left: 1.65rem;
}
/* /Components/Admin/Components/Schedule/CategorySelect.razor.rz.scp.css */
/* Style only the dropdown menu to look like a native select list */
.dropdown-menu[b-zcmu8uqcmm] {
  width: 100% !important;
  border-radius: 0 !important; /* no rounded corners */
  box-shadow: none !important; /* no shadow */
  max-height: none !important; /* no artificial clipping */
  overflow: visible !important; /* allow full height */
  padding: 0 !important; /* flush */
  margin-top: 0 !important; /* remove Bootstrap gap */
  --bs-dropdown-spacer: 0 !important; /* ensure no computed spacer */
  border: 1px solid #6c757d !important; /* dark gray border like native */
}

/* Items look flat like native options (no hover bg change already handled by bootstrap defaults) */
.dropdown-item[b-zcmu8uqcmm] {
  border-radius: 0 !important;
}

/* Tighter option spacing to feel more like native options */
.dropdown-menu .dropdown-item[b-zcmu8uqcmm] {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
/* /Components/Admin/Components/Schedule/ScheduleGrid.razor.rz.scp.css */
.schedule-grid[b-q04tteh4dl] {
  --sg-border: #e5e7eb;
  --sg-bg: #fff;
  --sg-time-bg: #fafafa;
  --sg-header-bg: #f3f4f6;
  --sg-event-border: #9aa6b2;
  --sg-event-text: #111827;
  --sg-subtext: #6b7280;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid var(--sg-border);
  border-radius: 8px;
  background: var(--sg-bg);
  position: relative;
  max-width: fit-content;
  width: auto;
}
.sg-header[b-q04tteh4dl] {
  display: grid;
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--sg-header-bg);
  border-bottom: 1px solid var(--sg-border);
}
.sg-time-header[b-q04tteh4dl] {
  height: 44px;
}
.sg-section-header[b-q04tteh4dl] {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.95rem;
  border-left: 1px solid var(--sg-border);
}
.sg-body[b-q04tteh4dl] {
  display: grid;
}
.sg-time-col[b-q04tteh4dl] {
  display: flex;
  flex-direction: column;
  background: var(--sg-time-bg);
}
.sg-time-slot[b-q04tteh4dl] {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  border-top: 1px solid var(--sg-border);
  padding: 4px 8px;
  font-size: 0.85rem;
  color: #374151;
  box-sizing: border-box;
}
.sg-section-col[b-q04tteh4dl] {
  position: relative;
  border-left: 1px solid var(--sg-border);
  padding: 0;
  overflow: hidden;
}
.sg-section-col .sg-slot-bg[b-q04tteh4dl] {
  border-top: 1px dashed #eaeaea;
  position: relative;
  transition: background-color .12s ease;
}
.sg-section-col .sg-slot-bg[b-q04tteh4dl]::after {
  content: "+";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #a0a0a0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .12s ease, color .12s ease;
}
.sg-section-col .sg-slot-bg:hover[b-q04tteh4dl] {
  background-color: #f5f5f5;
}
.sg-section-col .sg-slot-bg:hover[b-q04tteh4dl]::after {
  opacity: 1;
  color: #6b7280;
}
.sg-event[b-q04tteh4dl] {
  position: absolute;
  left: 0;
  border: 1px solid var(--sg-event-border);
  border-radius: 6px;
  color: var(--sg-event-text);
  padding: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sg-event-header[b-q04tteh4dl] {
  position: relative;
  width: 100%;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 1.15;
  overflow: hidden;
  flex: 0 0 auto;
  pointer-events: none;
  z-index: 1;
}
.sg-event-body[b-q04tteh4dl] {
  padding: 6px 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  position: static;
}
.sg-event-title[b-q04tteh4dl] {
  font-weight: 600;
  font-size: 0.9rem;
  line-height: 1.1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sg-event-desc[b-q04tteh4dl] {
  font-size: 0.8rem;
  color: #111827cc;
}
.sg-event-time[b-q04tteh4dl] {
  font-size: 0.75rem;
  color: var(--sg-subtext);
}

/* Warning icon positioned on the left side of the header */
.sg-warn-icon[b-q04tteh4dl] {
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.85rem;
  line-height: 1;
  pointer-events: auto;
}

/* Delete button visible only on event hover */
.sg-event .sg-event-delete[b-q04tteh4dl] {
  opacity: 0;
  transition: opacity .12s ease-in-out;
  z-index: 3;
}
.sg-event:hover .sg-event-delete[b-q04tteh4dl] {
  opacity: 1;
}

.sg-time-header[b-q04tteh4dl],
.sg-time-col[b-q04tteh4dl] {
  position: sticky;
  left: 0;
  z-index: 5;
  background: var(--sg-time-bg);
}

.sg-time-col[b-q04tteh4dl] {
  box-shadow: 2px 0 4px -2px rgba(0, 0, 0, 0.12);
  border-right: 1px solid var(--sg-border);
}
/* /Components/Admin/Layout/AdminMainLayout.razor.rz.scp.css */
.page[b-tj9wn04itx] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-tj9wn04itx] {
    flex: 1;
}

.sidebar[b-tj9wn04itx] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
    position: relative;
    z-index: 10000;
}

.top-row[b-tj9wn04itx] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-start;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.top-row[b-tj9wn04itx]  a, .top-row[b-tj9wn04itx]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

.top-row[b-tj9wn04itx]  a:hover, .top-row[b-tj9wn04itx]  .btn-link:hover {
    text-decoration: underline;
}

.top-row[b-tj9wn04itx]  a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
    .top-row[b-tj9wn04itx] {
        justify-content: space-between;
    }

    .top-row[b-tj9wn04itx]  a, .top-row[b-tj9wn04itx]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-tj9wn04itx] {
        flex-direction: row;
    }

    .sidebar[b-tj9wn04itx] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
        z-index: 100;
    }

    .top-row[b-tj9wn04itx] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-tj9wn04itx]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-tj9wn04itx], article[b-tj9wn04itx] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-tj9wn04itx] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 100000;
}

#blazor-error-ui .dismiss[b-tj9wn04itx] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Admin/Layout/AdminNavMenu.razor.rz.scp.css */
.navbar-toggler[b-j49ulartwv] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-j49ulartwv] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-j49ulartwv] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-j49ulartwv] {
    font-size: 1.1rem;
}

.bi[b-j49ulartwv] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-j49ulartwv] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-j49ulartwv] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-j49ulartwv] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-j49ulartwv] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-j49ulartwv] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-j49ulartwv] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-j49ulartwv] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-j49ulartwv] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.bi-easel2-fill-nav-menu[b-j49ulartwv] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-easel-fill' viewBox='0 0 16 16'%3E%3Cpath d='M8.473.337a.5.5 0 0 0-.946 0L6.954 2H2a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h1.85l-1.323 3.837a.5.5 0 1 0 .946.326L4.908 11H7.5v2.5a.5.5 0 0 0 1 0V11h2.592l1.435 4.163a.5.5 0 0 0 .946-.326L12.15 11H14a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H9.046z'/%3E%3C/svg%3E");
}

.nav-item[b-j49ulartwv] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.nav-item:first-of-type[b-j49ulartwv] {
    padding-top: 1rem;
}

.nav-item:last-of-type[b-j49ulartwv] {
    padding-bottom: 1rem;
}

.nav-item[b-j49ulartwv]  .nav-link {
    color: #d7d7d7;
    background: none;
    border: none;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    width: 100%;
}

.nav-item[b-j49ulartwv]  .dropdown .nav-link {
    color: #d7d7d7;
    background: none;
    border: none;
    border-radius: 4px 0 0 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    width: 100%;
}

.nav-item[b-j49ulartwv]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-j49ulartwv]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}


.nav-scrollable[b-j49ulartwv] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-j49ulartwv] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-j49ulartwv] {
        display: none;
    }

    .nav-scrollable[b-j49ulartwv] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        /*overflow-y: auto;*/
    }
}
/* /Components/Checkout/OrderSummaryPanel.razor.rz.scp.css */
/* ── Summary card ─────────────────────────────────────────────── */
.summary[b-ovdjd6eqoh] {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1.25rem;
    position: sticky;
    top: 1.5rem;
}

/* Surface-strip header — breaks out of the card padding */
.sum-head[b-ovdjd6eqoh] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin: -1.25rem -1.25rem 1rem;
    padding: 0.85rem 1.25rem;
    background: var(--surface);
    border-bottom: 1px solid var(--border-light);
    border-radius: 12px 12px 0 0;
}

.sum-head-title[b-ovdjd6eqoh] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text);
}

.sum-step-label[b-ovdjd6eqoh] {
    font-size: 0.78rem;
    color: var(--text-muted);
}

/* ── Line items ───────────────────────────────────────────────── */
.sum-items[b-ovdjd6eqoh] {
    margin-bottom: 0.5rem;
}

.sum-row[b-ovdjd6eqoh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.65rem;
    gap: 0.5rem;
}

.sum-row-l[b-ovdjd6eqoh] {
    font-size: 0.88rem;
    font-weight: 500;
    color: var(--text);
}

.sum-row-detail[b-ovdjd6eqoh] {
    font-size: 0.74rem;
    color: var(--text-muted);
}

.sum-row-r[b-ovdjd6eqoh] {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

/* ── Total bar ────────────────────────────────────────────────── */
.sum-total-row[b-ovdjd6eqoh] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 1rem;
    padding-top: 0.75rem;
    border-top: 2px solid var(--ink, #1C1814);
}

.sum-total-l[b-ovdjd6eqoh] {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--text);
}

.sum-total-r[b-ovdjd6eqoh] {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--text);
    font-variant-numeric: tabular-nums;
}

/* ── Footer notice & edit link ────────────────────────────────── */
.sum-notice[b-ovdjd6eqoh] {
    font-size: 0.73rem;
    color: var(--text-muted);
    line-height: 1.5;
    padding: 0.6rem 0;
    border-top: 1px solid var(--border-light);
}

.sum-edit[b-ovdjd6eqoh] {
    margin-top: 0.5rem;
    text-align: center;
}

.sum-edit a[b-ovdjd6eqoh] {
    font-size: 0.8rem;
    color: var(--orange);
    text-decoration: none;
}

.sum-edit a:hover[b-ovdjd6eqoh] {
    text-decoration: underline;
}

/* /Components/Faq/FaqGroup.razor.rz.scp.css */
.faq-group[b-3b2mu9iep2] {
    margin-bottom: 1.75rem;
}

.faq-group-label[b-3b2mu9iep2] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin: 0 0 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--border-light);
}

.faq-list[b-3b2mu9iep2] {
    display: flex;
    flex-direction: column;
}

/* /Components/Faq/FaqHero.razor.rz.scp.css */
.hero[b-eekauhpple] {
    padding: 3rem 56px 2.5rem;
    border-bottom: 1px solid var(--border-light);
    background: var(--surface);
}

.eyebrow[b-eekauhpple] {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: var(--orange);
    background: var(--orange-dim);
    border: 1px solid var(--orange-border);
    border-radius: 20px;
    padding: 4px 12px;
    margin-bottom: 1.25rem;
}

.hero h1[b-eekauhpple] {
    font-size: 48px;
    font-weight: 900;
    line-height: 0.95;
    letter-spacing: -0.01em;
    color: var(--ink);
    margin: 0 0 0.75rem;
}

.hero h1 span[b-eekauhpple] {
    display: block;
}

.sub[b-eekauhpple] {
    font-size: 15px;
    color: var(--text-mid);
    max-width: 560px;
    margin: 0 0 2rem;
}

.hero-stats[b-eekauhpple] {
    display: grid;
    grid-template-columns: repeat(4, auto);
    justify-content: start;
    gap: 10px;
}

.stat[b-eekauhpple] {
    min-width: 140px;
    background: white;
    border: 1px solid var(--border-light);
    border-radius: 6px;
    padding: 14px 18px;
}

.stat b[b-eekauhpple] {
    display: block;
    font-size: 26px;
    font-weight: 800;
    color: var(--ink);
    line-height: 1;
    margin-bottom: 4px;
}

.stat span[b-eekauhpple] {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.stat.dark[b-eekauhpple] {
    background: var(--ink);
    border-color: var(--ink);
}

.stat.dark b[b-eekauhpple],
.stat.dark span[b-eekauhpple] {
    color: white;
}

.stat.dark span[b-eekauhpple] {
    color: rgba(255,255,255,.6);
}

@media (max-width: 760px) {
    .hero[b-eekauhpple] {
        padding: 2rem 20px 1.5rem;
    }

    .hero h1[b-eekauhpple] {
        font-size: 32px;
    }

    .hero-stats[b-eekauhpple] {
        grid-template-columns: 1fr 1fr;
    }

    .stat[b-eekauhpple] {
        min-width: 0;
    }
}

/* /Components/Faq/FaqItem.razor.rz.scp.css */
.faq-item[b-zn8ez22fkg] {
    border-bottom: 1px solid var(--border-light);
}

.faq-q[b-zn8ez22fkg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 14px 4px;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    color: var(--ink);
    transition: color .12s;
}

.faq-q:hover[b-zn8ez22fkg] {
    color: var(--orange);
}

.faq-item.open .faq-q[b-zn8ez22fkg] {
    color: var(--orange);
}

.arrow[b-zn8ez22fkg] {
    font-size: 10px;
    color: var(--text-muted);
    flex-shrink: 0;
}

.faq-a[b-zn8ez22fkg] {
    overflow: hidden;
}

.faq-a-inner[b-zn8ez22fkg] {
    padding: 0 4px 14px;
    font-size: 14px;
    color: var(--text-mid);
    line-height: 1.6;
}

.faq-a-inner strong[b-zn8ez22fkg] {
    color: var(--ink);
    font-weight: 700;
}

/* /Components/Faq/FaqSection.razor.rz.scp.css */
.section-title[b-zckb2imsoc] {
    font-size: 22px;
    font-weight: 800;
    color: var(--ink);
    margin: 0 0 1.25rem;
    letter-spacing: -0.01em;
}

.faq-toolbar[b-zckb2imsoc] {
    margin-bottom: 1.5rem;
}

.faq-filters[b-zckb2imsoc] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.chip[b-zckb2imsoc] {
    appearance: none;
    padding: 6px 14px;
    border-radius: 20px;
    border: 1px solid var(--border);
    background: white;
    color: var(--text-mid);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background .12s, border-color .12s, color .12s;
    font-family: inherit;
}

.chip:hover[b-zckb2imsoc] {
    background: var(--surface);
    border-color: var(--border);
    color: var(--text);
}

.chip.active[b-zckb2imsoc] {
    background: var(--orange-dim);
    border-color: var(--orange-border);
    color: var(--orange);
    font-weight: 700;
}

.faq-empty[b-zckb2imsoc] {
    padding: 2rem;
    text-align: center;
    background: var(--surface);
    border: 1px dashed var(--border-light);
    border-radius: 6px;
    color: var(--text-muted);
    font-size: 14px;
}

/* /Components/Faq/FaqSidebar.razor.rz.scp.css */
.toc[b-8p7w6wzp1r] {
    position: sticky;
    top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.toc-head[b-8p7w6wzp1r] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin: 0 0 8px;
}

.toc a[b-8p7w6wzp1r] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    color: var(--text-mid);
    border: 1px solid transparent;
    transition: background .12s, color .12s;
}

.toc a[b-8p7w6wzp1r]::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
    opacity: 0.5;
}

.toc a:hover[b-8p7w6wzp1r] {
    background: var(--orange-dim);
    color: var(--text);
    text-decoration: none;
}

.toc a.active[b-8p7w6wzp1r] {
    background: var(--orange-10);
    color: var(--orange);
    border-color: var(--orange-28);
    font-weight: 700;
}

/* ...existing rules... */

@media (max-width: 760px) {
    .toc[b-8p7w6wzp1r] {
        position: static;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 6px;
    }

    .toc-head[b-8p7w6wzp1r] {
        width: 100%;
        margin-bottom: 2px;
    }

    .toc a[b-8p7w6wzp1r] {
        padding: 7px 12px;
        font-size: 12px;
    }

    .toc a[b-8p7w6wzp1r]::before {
        display: none;
    }
}

/* /Components/Faq/GdprSection.razor.rz.scp.css */
.gdpr[b-p6nkdoe37i] {
    background: white;
    border: 1px solid var(--border-light);
    border-radius: 6px;
    padding: 2rem;
}

.gdpr-meta[b-p6nkdoe37i] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-bottom: 1rem;
}

.gdpr-meta .ic[b-p6nkdoe37i] {
    font-size: 14px;
}

.gdpr h2[b-p6nkdoe37i] {
    font-size: 20px;
    font-weight: 800;
    color: var(--ink);
    margin: 0 0 0.25rem;
    letter-spacing: -0.01em;
}

.gdpr h3[b-p6nkdoe37i] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-mid);
    margin: 0 0 1rem;
}

.gdpr p[b-p6nkdoe37i] {
    font-size: 14px;
    color: var(--text-mid);
    line-height: 1.65;
    margin: 0;
    max-width: 620px;
}

/* /Components/Faq/RuleCategoryCard.razor.rz.scp.css */
.rule-cat[b-s7b55rc58h] {
    background: white;
    border: 1px solid var(--border-light);
    border-radius: 6px;
    padding: 18px 20px;
}

.rule-cat-head[b-s7b55rc58h] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.rule-cat-head .ic[b-s7b55rc58h] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--orange-dim);
    border: 1px solid var(--orange-border);
    border-radius: 6px;
    font-size: 16px;
    flex-shrink: 0;
}

.rule-cat-head strong[b-s7b55rc58h] {
    font-size: 14px;
    font-weight: 700;
    color: var(--ink);
    letter-spacing: -0.01em;
}

.rule-cat ol[b-s7b55rc58h] {
    margin: 0;
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.rule-cat ol li[b-s7b55rc58h] {
    font-size: 13px;
    color: var(--text-mid);
    line-height: 1.5;
}

/* /Components/Faq/RulesSection.razor.rz.scp.css */
.section-title[b-ud0c5btxzf] {
    font-size: 22px;
    font-weight: 800;
    color: var(--ink);
    margin: 0 0 1.25rem;
    letter-spacing: -0.01em;
}

.rules-grid[b-ud0c5btxzf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 1.25rem;
}


@media (max-width: 640px) {
    .rules-grid[b-ud0c5btxzf] {
        grid-template-columns: 1fr;
    }
}

/* /Components/Faq/TipCard.razor.rz.scp.css */
.tip[b-copkx5dhlt] {
    background: white;
    border: 1px solid var(--border-light);
    border-radius: 6px;
    padding: 16px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.tip p[b-copkx5dhlt] {
    font-size: 13px;
    color: var(--text-mid);
    line-height: 1.55;
    margin: 0;
}

.num[b-copkx5dhlt] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--orange-dim);
    border: 1px solid var(--orange-border);
    color: var(--orange);
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tip.feat[b-copkx5dhlt] {
    background: var(--ink);
    border-color: var(--ink);
}

.tip.feat p[b-copkx5dhlt] {
    color: rgba(255,255,255,.8);
}

.tip.feat .num[b-copkx5dhlt] {
    background: rgba(255,255,255,.12);
    border-color: rgba(255,255,255,.25);
    color: white;
}

/* /Components/Faq/TipsSection.razor.rz.scp.css */
.section-title[b-tzy10sobyx] {
    font-size: 22px;
    font-weight: 800;
    color: var(--ink);
    margin: 0 0 1.25rem;
    letter-spacing: -0.01em;
}

.tips-grid[b-tzy10sobyx] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

@media (max-width: 860px) {
    .tips-grid[b-tzy10sobyx] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 500px) {
    .tips-grid[b-tzy10sobyx] {
        grid-template-columns: 1fr;
    }
}

/* /Components/Home/AboutSection.razor.rz.scp.css */
.about-grid[b-2wvbde7mwu] {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 1.5rem;
    align-items: start;
}

.about-col[b-2wvbde7mwu] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.about-card[b-2wvbde7mwu] {
    background: var(--surface, #F5EFE3);
    border: 1px solid var(--border, #CFC4B0);
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
}

.about-card.lead h3[b-2wvbde7mwu] {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--text, #1C1814);
    margin-bottom: 0.75rem;
}

.about-card.lead strong[b-2wvbde7mwu] {
    color: var(--orange, #D4890A);
}

.about-card.lead p[b-2wvbde7mwu] {
    color: var(--text-mid, #4A4035);
    line-height: 1.7;
    margin-bottom: 0.65rem;
}

.about-card.lead p.sub[b-2wvbde7mwu] {
    font-size: 0.9rem;
    color: var(--text-muted, #8A7D6E);
}

.cta-row[b-2wvbde7mwu] {
    display: flex;
    justify-content: center;
}

.btn-about[b-2wvbde7mwu] {
    display: inline-block;
    padding: 0.6rem 1.4rem;
    background: var(--orange, #D4890A);
    color: #fff;
    border-radius: 6px;
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none;
    transition: background 0.18s;
}

.btn-about:hover[b-2wvbde7mwu] {
    background: var(--orange-hover, #C07808);
    color: #fff;
}

@media (max-width: 1024px) {
    .about-grid[b-2wvbde7mwu] {
        grid-template-columns: 1fr 240px;
    }
}

@media (max-width: 760px) {
    .about-grid[b-2wvbde7mwu] {
        grid-template-columns: 1fr;
    }
}


/* /Components/Home/AftermovieCard.razor.rz.scp.css */
.am-card[b-mvnsoe1lu5] {
    background: #fff;
    border: 1px solid var(--border, #CFC4B0);
    border-radius: 12px;
    overflow: hidden;
}

lite-youtube[b-mvnsoe1lu5] {
    width: 100%;
    border-radius: 0;
    background-color: #1A1712;
}

.meta[b-mvnsoe1lu5] {
    padding: 0.9rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.meta b[b-mvnsoe1lu5] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--text, #1C1814);
}

.meta .date[b-mvnsoe1lu5] {
    font-size: 0.8rem;
    color: var(--text-muted, #8A7D6E);
}

/* /Components/Home/AftermoviesSection.razor.rz.scp.css */
.am-grid[b-l3bl9thubj] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

@media (max-width: 640px) {
    .am-grid[b-l3bl9thubj] {
        grid-template-columns: 1fr;
    }
}


/* /Components/Home/AppPromoCard.razor.rz.scp.css */
.promo[b-yf8qf4b6je] {
    border-radius: 14px;
    padding: 2rem 1.75rem;
    display: flex;
    gap: 1.5rem;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.promo.dark[b-yf8qf4b6je] {
    background: #1C1814;
    color: #e8e0d0;
}

.promo-content[b-yf8qf4b6je] {
    flex: 1;
    min-width: 0;
}

.eyebrow[b-yf8qf4b6je] {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--cs-orange, #F7901E);
    margin-bottom: 0.4rem;
}

.promo.dark h3[b-yf8qf4b6je] {
    font-size: 1.2rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 0.5rem;
    line-height: 1.25;
}

.promo.dark p[b-yf8qf4b6je] {
    font-size: 0.85rem;
    color: rgba(232,224,208,0.75);
    line-height: 1.6;
    margin-bottom: 1.25rem;
}

.store-row[b-yf8qf4b6je] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

/* ── Official store badge base ── */
.store-btn[b-yf8qf4b6je] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    flex: 1;                          /* equal width */
    min-width: 140px;
    height: 48px;
    padding: 0 1rem;
    background: #000;
    border: 1px solid rgba(255,255,255,0.35);
    border-radius: 8px;
    text-decoration: none;
    color: #fff;
    transition: opacity 0.15s;
}

.store-btn:hover[b-yf8qf4b6je] {
    opacity: 0.82;
    color: #fff;
}

.store-btn__icon[b-yf8qf4b6je] {
    font-size: 1.5rem;
    line-height: 1;
    flex-shrink: 0;
}

.store-btn__text[b-yf8qf4b6je] {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.store-btn__label[b-yf8qf4b6je] {
    font-size: 0.58rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: 0.85;
}

.store-btn__name[b-yf8qf4b6je] {
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: -0.01em;
}

/* Apple badge: standard white icon */
.store-btn--apple .store-btn__icon[b-yf8qf4b6je] {
    color: #fff;
}

/* Google Play badge: official icon colour */
.store-btn--google .store-btn__icon[b-yf8qf4b6je] {
    color: #fff;
}

/* Phone mock */
.phone-mock[b-yf8qf4b6je] {
    width: 80px;
    flex-shrink: 0;
}

.phone-screen[b-yf8qf4b6je] {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 12px;
    padding: 1rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.ph-bar[b-yf8qf4b6je] {
    height: 6px;
    background: rgba(255,255,255,0.18);
    border-radius: 3px;
    width: 100%;
}

.ph-w80[b-yf8qf4b6je] { width: 80%; }
.ph-w70[b-yf8qf4b6je] { width: 70%; }
.ph-w50[b-yf8qf4b6je] { width: 50%; }

.ph-accent[b-yf8qf4b6je] {
    background: var(--cs-orange, #F7901E);
    opacity: 0.7;
}

.ph-spacer[b-yf8qf4b6je] {
    height: 0.5rem;
}

@media (max-width: 480px) {
    .phone-mock[b-yf8qf4b6je] { display: none; }
}



/* /Components/Home/Countdown.razor.rz.scp.css */
.countdown[b-nba0l6edf9] {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    color: #fff;
}

.cd-tile[b-nba0l6edf9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(0,0,0,0.28);
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 8px;
    padding: 0.5rem 0.9rem 0.35rem;
    min-width: 58px;
}

.cd-tile .n[b-nba0l6edf9] {
    font-size: 2rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
}

.cd-tile .k[b-nba0l6edf9] {
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    opacity: 0.7;
    margin-top: 0.2rem;
}

.sep[b-nba0l6edf9] {
    font-size: 1.5rem;
    font-weight: 900;
    opacity: 0.5;
    line-height: 1;
    padding-bottom: 0.6rem;
}

@media (max-width: 400px) {
    .cd-tile[b-nba0l6edf9] {
        min-width: 44px;
        padding: 0.35rem 0.5rem 0.25rem;
    }

    .cd-tile .n[b-nba0l6edf9] {
        font-size: 1.4rem;
    }

    .sep[b-nba0l6edf9] {
        font-size: 1.1rem;
        padding-bottom: 0.4rem;
    }
}


/* /Components/Home/HeroSection.razor.rz.scp.css */
.hero[b-px11840lef] {
    position: relative;
    margin-left: calc(var(--bs-gutter-x) * -.5);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    background: linear-gradient(135deg, #a8c83a 0%, #f5c200 40%, #f7901e 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 2.5rem;
    /* no overflow:hidden — it was clipping the pill & button on small screens */
}

.hero[b-px11840lef]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 70% 30%, rgba(255,255,255,0.08) 0%, transparent 60%);
    pointer-events: none;
}

.hero-banner[b-px11840lef] {
    width: 100%;
    max-width: 860px;
    height: auto;
    display: block;
    object-fit: contain;
    padding: 2rem 1.5rem 1rem;
    position: relative;
    z-index: 1;
}

.hero-meta[b-px11840lef] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;              /* allow wrapping on narrow viewports */
    justify-content: center;
    gap: 0.75rem 1rem;
    padding: 0 1rem;              /* prevent touching the edges */
}

.hero-meta .status[b-px11840lef] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(0,0,0,0.25);
    color: #fff;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.3rem 0.9rem;
    border-radius: 99px;
    border: 1px solid rgba(255,255,255,0.2);
}

.hero-meta .live[b-px11840lef] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff4545;
    animation: pulse-b-px11840lef 1.4s ease-in-out infinite;
    flex-shrink: 0;
}

@keyframes pulse-b-px11840lef {
    0%, 100% { box-shadow: 0 0 0 0 rgba(255,69,69,0.7); }
    50%       { box-shadow: 0 0 0 6px rgba(255,69,69,0); }
}

.hero-meta .btn-row[b-px11840lef] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    justify-content: center;
}

.btn[b-px11840lef] {
    display: inline-block;
    padding: 0.65rem 1.6rem;
    border-radius: 6px;
    font-weight: 700;
    font-size: 0.95rem;
    text-decoration: none;
    cursor: pointer;
    background: var(--orange, #D4890A);
    color: #fff;
    border: 2px solid transparent;
    transition: background 0.18s, color 0.18s, border-color 0.18s;
}

.btn:hover[b-px11840lef] {
    background: #B8740A;
    color: #fff;
}

.btn.outline[b-px11840lef] {
    background: transparent;
    color: #fff;
    border-color: rgba(255,255,255,0.7);
}

.btn.outline:hover[b-px11840lef] {
    background: rgba(255,255,255,0.12);
    border-color: #fff;
}

@media (max-width: 640px) {
    .hero-banner[b-px11840lef] {
        padding: 1.25rem 1rem 0.75rem;
    }

    /* stack vertically on mobile */
    .hero-meta[b-px11840lef] {
        flex-direction: column;
        align-items: center;
        gap: 0.75rem;
    }

    /* full-width CTA on mobile */
    .hero-meta .btn-row[b-px11840lef] {
        width: 100%;
        justify-content: center;
    }

    .hero-meta .btn[b-px11840lef] {
        width: 100%;
        max-width: 320px;
        text-align: center;
    }
}
/* /Components/Home/Marquee.razor.rz.scp.css */
.marquee[b-h7nhncezx5] {
    margin-left: calc(var(--bs-gutter-x) * -.5);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    overflow: hidden;
    background: #1C1814;
    padding: 0.75rem 0;
    white-space: nowrap;
}

.marquee .track[b-h7nhncezx5] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    animation: scroll-b-h7nhncezx5 32s linear infinite;
    white-space: nowrap;
}

.marquee .track span[b-h7nhncezx5] {
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #e8e0d0;
}

.marquee .track .dot[b-h7nhncezx5] {
    color: var(--cs-orange, #F7901E);
    font-weight: 900;
    font-size: 1rem;
}

@keyframes scroll-b-h7nhncezx5 {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* /Components/Home/PosterCard.razor.rz.scp.css */
.poster-card[b-mggkwjt4q4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.placeholder-tag[b-mggkwjt4q4] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: repeating-linear-gradient(
        45deg,
        rgba(212,137,10,0.15) 0,
        rgba(212,137,10,0.15) 6px,
        transparent 6px,
        transparent 12px
    );
    color: var(--orange, #D4890A);
    border: 1px dashed var(--orange-border, rgba(212,137,10,0.4));
    border-radius: 4px;
    padding: 0.25rem 0.6rem;
    text-align: center;
}

.poster-frame[b-mggkwjt4q4] {
    width: 100%;
    aspect-ratio: 2/3;
    max-height: 200px;
    border-radius: 8px;
    overflow: hidden;
    background: repeating-linear-gradient(
        45deg,
        #ede6d8 0,
        #ede6d8 8px,
        #e0d9cb 8px,
        #e0d9cb 16px
    );
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.5rem;
    gap: 0.6rem;
}

.poster-skel[b-mggkwjt4q4] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.line[b-mggkwjt4q4] {
    height: 10px;
    border-radius: 4px;
    background: rgba(28,24,20,0.12);
}

.w50[b-mggkwjt4q4] { width: 50%; }
.w60[b-mggkwjt4q4] { width: 60%; }
.w70[b-mggkwjt4q4] { width: 70%; }
.w80[b-mggkwjt4q4] { width: 80%; }
.w85[b-mggkwjt4q4] { width: 85%; }
.w90[b-mggkwjt4q4] { width: 90%; }

.poster-label[b-mggkwjt4q4] {
    font-size: 0.75rem;
    color: var(--text-muted, #8A7D6E);
    font-style: italic;
}

/* /Components/Home/PromoRow.razor.rz.scp.css */
.promo-grid[b-o1kwzbsx3r] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
    padding-top: 2.5rem;
    padding-bottom: 2rem;
}

@media (max-width: 760px) {
    .promo-grid[b-o1kwzbsx3r] {
        grid-template-columns: 1fr;
    }
}



/* /Components/Home/TicketsPromoCard.razor.rz.scp.css */
.promo.light[b-hl87ibhpkm] {
    background: var(--surface, #F5EFE3);
    border: 1px solid var(--border, #CFC4B0);
    color: var(--text, #1C1814);
    border-radius: 14px;
    padding: 2rem 1.75rem;
    display: flex;
    gap: 1.5rem;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.promo.light .eyebrow[b-hl87ibhpkm] {
    color: var(--orange, #D4890A);
}

.promo.light h3[b-hl87ibhpkm] {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--text, #1C1814);
    margin-bottom: 0.5rem;
    line-height: 1.25;
}

.promo.light p[b-hl87ibhpkm] {
    font-size: 0.85rem;
    color: var(--text-mid, #4A4035);
    line-height: 1.6;
    margin-bottom: 1.25rem;
}

.promo-content[b-hl87ibhpkm] {
    flex: 1;
    min-width: 0;
}

.btn-row-t[b-hl87ibhpkm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.btn-t[b-hl87ibhpkm] {
    display: inline-block;
    padding: 0.55rem 1.25rem;
    background: var(--orange, #D4890A);
    color: #fff;
    border-radius: 6px;
    font-weight: 700;
    font-size: 0.85rem;
    text-decoration: none;
    border: 2px solid transparent;
    transition: background 0.18s;
}

.btn-t:hover[b-hl87ibhpkm] {
    background: var(--orange-hover, #C07808);
    color: #fff;
}

.btn-t.outline[b-hl87ibhpkm] {
    background: transparent;
    color: var(--orange, #D4890A);
    border-color: var(--orange-border, rgba(212,137,10,0.4));
}

.btn-t.outline:hover[b-hl87ibhpkm] {
    background: var(--orange-dim, rgba(212,137,10,0.1));
    color: var(--orange, #D4890A);
}

/* Ticket stub */
.ticket-card[b-hl87ibhpkm] {
    flex-shrink: 0;
    width: 110px;
    background: var(--orange, #D4890A);
    border-radius: 10px;
    overflow: visible;
    color: #fff;
    position: relative;
    padding: 0.8rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    box-shadow: 0 4px 16px rgba(212,137,10,0.3);
}

/* perforation circles */
.ticket-card[b-hl87ibhpkm]::before,
.ticket-card[b-hl87ibhpkm]::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--surface, #F5EFE3);
}

.ticket-card[b-hl87ibhpkm]::before { top: -7px; }
.ticket-card[b-hl87ibhpkm]::after  { bottom: -7px; }

.ticket-card .top[b-hl87ibhpkm] {
    border-bottom: 1px dashed rgba(255,255,255,0.4);
    padding-bottom: 0.35rem;
}

.ticket-card .brand[b-hl87ibhpkm] {
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.85;
}

.ticket-card .lg[b-hl87ibhpkm] {
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    line-height: 1.2;
}

.ticket-card .bd[b-hl87ibhpkm] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    margin-top: 0.15rem;
}

.ticket-card .price[b-hl87ibhpkm] {
    font-size: 1.4rem;
    font-weight: 900;
    line-height: 1;
}

.ticket-card .dates[b-hl87ibhpkm] {
    font-size: 0.58rem;
    opacity: 0.8;
    line-height: 1.3;
}

@media (max-width: 480px) {
    .ticket-card[b-hl87ibhpkm] { display: none; }
}

/* /Components/Info/CardGrid.razor.rz.scp.css */
.cards[b-1t11ww6inl] {
    display: grid;
    gap: 1rem;
}

.cards.two[b-1t11ww6inl]   { grid-template-columns: repeat(2, 1fr); }
.cards.three[b-1t11ww6inl] { grid-template-columns: repeat(3, 1fr); }
.cards.four[b-1t11ww6inl]  { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 960px) {
    .cards.four[b-1t11ww6inl]  { grid-template-columns: repeat(2, 1fr); }
    .cards.three[b-1t11ww6inl] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .cards.two[b-1t11ww6inl],
    .cards.three[b-1t11ww6inl],
    .cards.four[b-1t11ww6inl] { grid-template-columns: 1fr; }
}

/* /Components/Info/InfoAftermovieCard.razor.rz.scp.css */
.am-card[b-xi5dp93k3p] {
    background: #fff;
    border: 1px solid var(--border, #CFC4B0);
    border-radius: 12px;
    overflow: hidden;
}

lite-youtube[b-xi5dp93k3p] {
    width: 100%;
    border-radius: 0;
    background-color: #1A1712;
}

.meta[b-xi5dp93k3p] {
    padding: 0.9rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.meta b[b-xi5dp93k3p] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--text, #1C1814);
}

.meta .date[b-xi5dp93k3p] {
    font-size: 0.8rem;
    color: var(--text-muted, #8A7D6E);
}

/* /Components/Info/InfoOpener.razor.rz.scp.css */
.opener[b-g9u9atx6cf] {
    background: var(--text, #1C1814);
    border-radius: 12px;
    display: flex;
    overflow: hidden;
    margin-bottom: 1.5rem;
    min-height: 110px;
}

.opener .text[b-g9u9atx6cf] {
    flex: 1;
    padding: 1.4rem 1.5rem;
}

.opener .text .ey[b-g9u9atx6cf] {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--orange, #D4890A);
    margin-bottom: 0.4rem;
}

.opener .text h3[b-g9u9atx6cf] {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 800;
    margin: 0 0 0.45rem;
    line-height: 1.2;
}

.opener .text p[b-g9u9atx6cf] {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.87rem;
    margin: 0;
    line-height: 1.55;
}

.opener .pic[b-g9u9atx6cf] {
    width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.03);
    font-size: 2.8rem;
    font-weight: 900;
    color: rgba(255, 255, 255, 0.07);
    user-select: none;
    flex-shrink: 0;
    letter-spacing: -0.02em;
}

/* /Components/Info/InfoSidebar.razor.rz.scp.css */
.toc-wrap[b-x2z13s0wyn] {
    position: sticky;
    top: 80px;
    width: 190px;
    flex-shrink: 0;
    align-self: flex-start;
}

.toc-head[b-x2z13s0wyn] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text-muted, #8A7D6E);
    margin-bottom: 0.6rem;
    padding: 0 0.4rem;
}

.toc[b-x2z13s0wyn] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.toc a[b-x2z13s0wyn] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.35rem 0.6rem;
    border-radius: 6px;
    text-decoration: none;
    font-size: 0.82rem;
    color: var(--text-mid, #4A4035);
    transition: background 0.15s, color 0.15s;
    cursor: pointer;
}

.toc a:hover[b-x2z13s0wyn] {
    background: var(--orange-dim, rgba(212,137,10,0.10));
    color: var(--orange, #D4890A);
    text-decoration: none;
}

.toc a.active[b-x2z13s0wyn] {
    background: var(--orange-dim, rgba(212,137,10,0.10));
    color: var(--orange, #D4890A);
    font-weight: 600;
}

.toc a .n[b-x2z13s0wyn] {
    font-variant-numeric: tabular-nums;
    font-size: 0.68rem;
    color: var(--text-muted, #8A7D6E);
    flex-shrink: 0;
    min-width: 1.5ch;
}

.toc a.active .n[b-x2z13s0wyn] {
    color: var(--orange, #D4890A);
}

@media (max-width: 768px) {
    .toc-wrap[b-x2z13s0wyn] {
        display: none;
    }
}

/* /Components/Info/ProgramCard.razor.rz.scp.css */
.card[b-8guf8rruat] {
    background: #fff;
    border: 1px solid var(--border-light, #DDD4C0);
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.18s, box-shadow 0.18s;
    display: flex;
    flex-direction: column;
}

.card:hover[b-8guf8rruat] {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(28, 24, 20, 0.12);
}

.card .img[b-8guf8rruat] {
    aspect-ratio: 4 / 3;
    background-size: cover;
    background-position: center;
    background-color: var(--surface, #F5EFE3);
    flex-shrink: 0;
}

.card.feat .img[b-8guf8rruat] {
    aspect-ratio: 21 / 9;
}

.card .body-wrap[b-8guf8rruat] {
    padding: 0.8rem 1rem 1rem;
    flex: 1;
}

.card h4[b-8guf8rruat] {
    font-size: 0.9rem;
    font-weight: 700;
    margin: 0 0 0.3rem;
    color: var(--text, #1C1814);
    line-height: 1.3;
}

.card p[b-8guf8rruat] {
    font-size: 0.8rem;
    color: var(--text-muted, #8A7D6E);
    margin: 0;
    line-height: 1.5;
}

/* /Components/LanguageSelector/LanguageSelector.razor.rz.scp.css */
.dropdown[b-01mkque7pa] {
    /*margin: 20px 0;*/
}

.dropdown-toggle[b-01mkque7pa] {
    cursor: pointer;
}

.language-selector .dropdown-menu[b-01mkque7pa] {
    min-width: 3rem;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ohe8uywg46] {
    position: relative;
    display: flex;
    flex-direction: column;
}



.sidebar[b-ohe8uywg46] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-ohe8uywg46] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-ohe8uywg46]  a, .top-row[b-ohe8uywg46]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-ohe8uywg46]  a:hover, .top-row[b-ohe8uywg46]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-ohe8uywg46]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-ohe8uywg46] {
        justify-content: space-between;
    }

    .top-row[b-ohe8uywg46]  a, .top-row[b-ohe8uywg46]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-ohe8uywg46] {
        flex-direction: row;
    }

    .sidebar[b-ohe8uywg46] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-ohe8uywg46] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-ohe8uywg46]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-ohe8uywg46], article[b-ohe8uywg46] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-ohe8uywg46] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-ohe8uywg46] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* /Components/Layout/NavMenu.razor.rz.scp.css */
.cs-navbar[b-i8wlaqgfp1] {
    padding: .75rem 0;
    background-color: transparent;
    background-image: linear-gradient(to bottom, rgba(var(--cs-blue-rgb), 1), rgba(var(--cs-blue-rgb), 0.95));
    /*box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);*/
    border-top: var(--cs-darker-blue) solid 4px;
    border-bottom: var(--cs-darker-blue) solid 4px;
    position: relative;
    z-index: 1;
    margin-left: calc(-.5 * var(--bs-gutter-x)); 
    margin-right: calc(-.5 * var(--bs-gutter-x))
}
.cs-navbar[b-i8wlaqgfp1]::before,
.cs-navbar[b-i8wlaqgfp1]::after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    background-color: black;
}

.cs-navbar[b-i8wlaqgfp1]::before {
    top: 0;
}

.cs-navbar[b-i8wlaqgfp1]::after {
    bottom: 0;
}
/*.navbar-toggler {*/
/*    appearance: none;*/
/*    cursor: pointer;*/
/*    width: 3.5rem;*/
/*    height: 2.5rem;*/
/*    color: white;*/
/*    position: absolute;*/
/*    top: 0.5rem;*/
/*    right: 1rem;*/
/*    border: 1px solid rgba(255, 255, 255, 0.1);*/
/*    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);*/
/*}*/

/*.navbar-toggler:checked {*/
/*    background-color: rgba(255, 255, 255, 0.5);*/
/*}*/

/*.top-row {*/
/*    height: 3.5rem;*/
/*    background-color: rgba(0,0,0,0.4);*/
/*}*/

/*.navbar-brand {*/
/*    font-size: 1.1rem;*/
/*}*/

/*.bi {*/
/*    display: inline-block;*/
/*    position: relative;*/
/*    width: 1.25rem;*/
/*    height: 1.25rem;*/
/*    margin-right: 0.75rem;*/
/*    top: -1px;*/
/*    background-size: cover;*/
/*}*/

/*.bi-house-door-fill-nav-menu {*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");*/
/*}*/

/*.bi-plus-square-fill-nav-menu {*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");*/
/*}*/

/*.bi-list-nested-nav-menu {*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");*/
/*}*/

/*.bi-lock-nav-menu {*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");*/
/*}*/

/*.bi-person-nav-menu {*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");*/
/*}*/

/*.bi-person-badge-nav-menu {*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");*/
/*}*/

/*.bi-person-fill-nav-menu {*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");*/
/*}*/

/*.bi-arrow-bar-left-nav-menu {*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");*/
/*}*/

/*.nav-item {*/
/*    font-size: 0.9rem;*/
/*    padding-bottom: 0.5rem;*/
/*}*/

/*    .nav-item:first-of-type {*/
/*        padding-top: 1rem;*/
/*    }*/

/*    .nav-item:last-of-type {*/
/*        padding-bottom: 1rem;*/
/*    }*/

/*    .nav-item ::deep .nav-link {*/
/*        color: #d7d7d7;*/
/*        background: none;*/
/*        border: none;*/
/*        border-radius: 4px;*/
/*        height: 3rem;*/
/*        display: flex;*/
/*        align-items: center;*/
/*        line-height: 3rem;*/
/*        width: 100%;*/
/*    }*/

/*.nav-item ::deep a.active {*/
/*    background-color: rgba(255,255,255,0.37);*/
/*    color: white;*/
/*}*/

/*.nav-item ::deep .nav-link:hover {*/
/*    background-color: rgba(255,255,255,0.1);*/
/*    color: white;*/
/*}*/

/*.nav-scrollable {*/
/*    display: none;*/
/*}*/

/*.navbar-toggler:checked ~ .nav-scrollable {*/
/*    display: block;*/
/*}*/

/*@media (min-width: 641px) {*/
/*    .navbar-toggler {*/
/*        display: none;*/
/*    }*/

/*    .nav-scrollable {*/
/*        !* Never collapse the sidebar for wide screens *!*/
/*        display: block;*/

/*        !* Allow sidebar to scroll for tall menus *!*/
/*        height: calc(100vh - 3.5rem);*/
/*        overflow-y: auto;*/
/*    }*/
/*}*/
/* /Components/Layout/SiteFooter.razor.rz.scp.css */
.cs-footer[b-pdgudcfp3t] {
    padding: .75rem 0;
    background-color: transparent;
    background-image: linear-gradient(to bottom, rgba(var(--cs-blue-rgb), 1), rgba(var(--cs-blue-rgb), 0.95));
    /*box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);*/
    border-top: var(--cs-darker-blue) solid 4px;
    border-bottom: var(--cs-darker-blue) solid 4px;
    position: relative;
    z-index: 1;
    margin-left: calc(-.5 * var(--bs-gutter-x));
    margin-right: calc(-.5 * var(--bs-gutter-x))
}
.cs-footer[b-pdgudcfp3t]::before,
.cs-footer[b-pdgudcfp3t]::after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    background-color: black;
}

.cs-footer[b-pdgudcfp3t]::before {
    top: 0;
}

.cs-footer[b-pdgudcfp3t]::after {
    bottom: 0;
}

.footer-info[b-pdgudcfp3t] {
    font-size: 0.78rem;
    line-height: 1.5;
}

.footer-logo[b-pdgudcfp3t] {
    max-height: 72px;
    width: auto;
}

.footer-links[b-pdgudcfp3t] {
    font-size: 0.78rem;
}

.footer-links a[b-pdgudcfp3t] {
    text-decoration: none;
    line-height: 1.8;
    display: block;
}

.footer-links a:hover[b-pdgudcfp3t] {
    text-decoration: underline;
}

/* /Components/Layout/VendorLayout.razor.rz.scp.css */
#blazor-error-ui[b-074rz7fdck] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-074rz7fdck] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Loader/Loader.razor.rz.scp.css */
.loader[b-bpb5hpsi11] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: block;
    margin:15px auto;
    position: relative;
    background: #FFF;
    box-shadow: -24px 0 #FFF, 24px 0 #FFF;
    box-sizing: border-box;
    animation: shadowPulse-b-bpb5hpsi11 1s linear infinite;
}

@keyframes shadowPulse-b-bpb5hpsi11 {
    33% {
        background: #FFF;
        box-shadow: -24px 0 #FF3D00, 24px 0 #FFF;
    }
    66% {
        background: #FF3D00;
        box-shadow: -24px 0 #FFF, 24px 0 #FFF;
    }
    100% {
        background: #FFF;
        box-shadow: -24px 0 #FFF, 24px 0 #FF3D00;
    }
}
/* /Components/Pages/ArtistAlley/ArtistAlleyRegistration.razor.rz.scp.css */
/* /Components/Pages/Checkout.razor.rz.scp.css */
/* ── Page shell ──────────────────────────────────────────────── */
.checkout-page[b-9n0wnn49kx] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
    color: var(--text);
}

.page-header[b-9n0wnn49kx] {
    margin-bottom: 1.25rem;
}

.page-title[b-9n0wnn49kx] {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 0.25rem;
    color: var(--text);
}

.page-meta[b-9n0wnn49kx] {
    color: var(--text-muted);
    margin: 0;
    font-size: 0.9rem;
}

/* ── Step indicator ──────────────────────────────────────────── */
[b-9n0wnn49kx] .steps {
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 2rem;
}

[b-9n0wnn49kx] .step {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

[b-9n0wnn49kx] .step-circle {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid var(--border);
    color: var(--text-muted);
    background: var(--surface);
}

[b-9n0wnn49kx] .step.active .step-circle {
    background: var(--orange);
    border-color: var(--orange);
    color: #fff;
}

[b-9n0wnn49kx] .step.done .step-circle {
    background: var(--orange-dim);
    border-color: var(--orange);
    color: var(--orange);
}

[b-9n0wnn49kx] .step-label {
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--text-muted);
    white-space: nowrap;
}

[b-9n0wnn49kx] .step.active .step-label {
    color: var(--orange);
    font-weight: 700;
}

[b-9n0wnn49kx] .step.done .step-label {
    color: var(--text-mid);
}

[b-9n0wnn49kx] .step-line {
    flex: 1;
    height: 2px;
    background: var(--border);
    min-width: 24px;
}

[b-9n0wnn49kx] .step-line.done {
    background: var(--orange);
}

/* ── Two-column layout ───────────────────────────────────────── */
.layout[b-9n0wnn49kx] {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 1.5rem;
    align-items: start;
}

@media (max-width: 768px) {
    .layout[b-9n0wnn49kx] { grid-template-columns: 1fr; }
}

/* ── Main panel (checkout form) ──────────────────────────────── */
.panel[b-9n0wnn49kx] {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.panel-head[b-9n0wnn49kx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.85rem 1.25rem;
    background: var(--surface);
    border-bottom: 1px solid var(--border-light);
}

.panel-head-title[b-9n0wnn49kx] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text);
}

.panel-head-step[b-9n0wnn49kx] {
    font-size: 0.78rem;
    color: var(--text-muted);
}

.form-body[b-9n0wnn49kx] {
    padding: 1.25rem;
}

/* ── Form elements ───────────────────────────────────────────── */
.form-row[b-9n0wnn49kx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

@media (max-width: 500px) {
    .form-row[b-9n0wnn49kx] { grid-template-columns: 1fr; }
}

.form-group[b-9n0wnn49kx] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 1rem;
}

.form-group label[b-9n0wnn49kx] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-mid);
}

.form-input[b-9n0wnn49kx] {
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: #fff;
    color: var(--text);
    font-size: 0.95rem;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.15s;
}

.form-input:focus[b-9n0wnn49kx] {
    border-color: var(--orange);
    box-shadow: 0 0 0 3px var(--orange-dim);
}

.req[b-9n0wnn49kx] {
    color: var(--orange);
    margin-left: 2px;
}

.field-error[b-9n0wnn49kx] {
    font-size: 0.75rem;
    color: var(--error);
    margin-top: 2px;
}

.input-hint[b-9n0wnn49kx] {
    font-size: 0.73rem;
    color: var(--text-muted);
}

/* ── Payment method selector ─────────────────────────────────── */
[b-9n0wnn49kx] .payment-section {
    margin-bottom: 1.25rem;
}

[b-9n0wnn49kx] .payment-label {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-mid);
    display: block;
    margin-bottom: 0.6rem;
}

[b-9n0wnn49kx] .payment-options {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

[b-9n0wnn49kx] .pay-option {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--border);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s;
    background: #fff;
}

[b-9n0wnn49kx] .pay-option:hover {
    border-color: var(--orange-border);
    background: var(--orange-dim);
}

[b-9n0wnn49kx] .pay-option--disabled {
    filter: grayscale(1);
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
}

[b-9n0wnn49kx] .pay-soon {
    font-size: 0.75rem;
    font-weight: 700;
    color: #d32f2f;
    margin-left: 0.4rem;
}

[b-9n0wnn49kx] .pay-option.selected {
    border-color: var(--orange);
    background: var(--orange-dim);
}

[b-9n0wnn49kx] .pay-radio {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

[b-9n0wnn49kx] .pay-option.selected .pay-radio {
    border-color: var(--orange);
}

[b-9n0wnn49kx] .pay-radio-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--orange);
    opacity: 0;
    transform: scale(0);
    transition: all 0.15s;
}

[b-9n0wnn49kx] .pay-option.selected .pay-radio-dot {
    opacity: 1;
    transform: scale(1);
}

[b-9n0wnn49kx] .pay-content {
    flex: 1;
}

[b-9n0wnn49kx] .pay-name {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text);
}

[b-9n0wnn49kx] .pay-desc {
    font-size: 0.75rem;
    color: var(--text-muted);
}

[b-9n0wnn49kx] .pay-icon {
    font-size: 1.3rem;
}

[b-9n0wnn49kx] .pay-detail {
    margin-top: 0.6rem;
    padding: 0.75rem 1rem;
    background: var(--bg);
    border: 1px solid var(--border-light);
    border-radius: 6px;
    font-size: 0.82rem;
    color: var(--text-mid);
    line-height: 1.6;
}

/* ── Privacy / ToS row ───────────────────────────────────────── */
.privacy-row[b-9n0wnn49kx] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin-bottom: 0.5rem;
}

.custom-checkbox[b-9n0wnn49kx] {
    margin-top: 2px;
    flex-shrink: 0;
}

.privacy-text[b-9n0wnn49kx] {
    font-size: 0.83rem;
    color: var(--text-mid);
    line-height: 1.5;
}

.privacy-text a[b-9n0wnn49kx] {
    color: var(--orange);
    text-decoration: underline;
}

/* ── Form actions ─────────────────────────────────────────────── */
.form-actions[b-9n0wnn49kx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-top: 1.5rem;
}

.btn-back[b-9n0wnn49kx] {
    padding: 0.6rem 1.25rem;
    background: transparent;
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--text-mid);
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-back:hover[b-9n0wnn49kx] {
    border-color: var(--orange-border);
    color: var(--orange);
}

.btn-confirm[b-9n0wnn49kx] {
    padding: 0.75rem 2rem;
    background: var(--orange-btn);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s;
    letter-spacing: 0.02em;
}

.btn-confirm:hover:not(:disabled)[b-9n0wnn49kx] {
    background: var(--orange-hover);
}

.btn-confirm:disabled[b-9n0wnn49kx] {
    opacity: 0.5;
    cursor: not-allowed;
}

.submit-error[b-9n0wnn49kx] {
    margin-bottom: 0.75rem;
    padding: 0.6rem 0.9rem;
    background: var(--error-dim);
    border: 1px solid rgba(192, 57, 43, 0.25);
    border-radius: 6px;
    font-size: 0.85rem;
    color: var(--error);
}


/* /Components/Pages/Contacts.razor.rz.scp.css */
/* ============================================================
   Contacts page — scoped CSS
   All child-component selectors are prefixed with ::deep so
   Blazor's [b-xxx] scoping attribute is added to the parent
   element rather than the targeted element.
   ============================================================ */

/* ── Page wrapper ── */
.ct-page[b-cuiqnto8df] {
    margin-left:  calc(-0.5 * var(--bs-gutter-x));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    background:   var(--bg);
    color:        var(--ink);
    font-size:    15px;
    line-height:  1.55;
}

/* ── Title bar ── */
.ct-titlebar[b-cuiqnto8df] {
    padding: 36px 56px 18px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 24px;
    border-bottom: 1px solid var(--border);
}

.ct-titlebar h1[b-cuiqnto8df] {
    font-size: 48px;
    line-height: .95;
    margin: 0;
    letter-spacing: -.01em;
    font-weight: 900;
    color: var(--ink);
}

.ct-titlebar h1 small[b-cuiqnto8df] {
    display: block;
    font-size: 13px;
    letter-spacing: .12em;
    color: var(--text-muted);
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.ct-titlebar .crumbs[b-cuiqnto8df] {
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--text-muted);
    font-weight: 700;
    white-space: nowrap;
}

.ct-titlebar .crumbs span[b-cuiqnto8df] {
    color: var(--ink);
}

/* ── Body grid ── */
.ct-body-grid[b-cuiqnto8df] {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 36px;
    padding: 32px 56px 56px;
}

/* ── Main panel ── */
.ct-main[b-cuiqnto8df] {
    min-width: 0;
}

/* ============================================================
   ::deep — sidebar
   ============================================================ */
[b-cuiqnto8df] .ct-side h3 {
    font-size: 11px;
    letter-spacing: .10em;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--text-muted);
    margin: 0 0 10px;
}

[b-cuiqnto8df] .ct-side .tabs {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

[b-cuiqnto8df] .ct-tab {
    appearance: none;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: grid;
    grid-template-columns: 30px 1fr;
    align-items: center;
    text-align: left;
    padding: 11px 14px;
    gap: 10px;
    font-family: 'Inter', sans-serif;
    color: var(--text-mid);
}

[b-cuiqnto8df] .ct-tab:hover {
    background: #EDE6D8;
    color: var(--ink);
}

[b-cuiqnto8df] .ct-tab.active {
    background: var(--orange);
    color: #FFFFFF;
    border-color: transparent;
    font-weight: 600;
}

[b-cuiqnto8df] .ct-tab .num {
    font-weight: 700;
    color: var(--text-muted);
    font-size: 11px;
    letter-spacing: .08em;
}

[b-cuiqnto8df] .ct-tab.active .num {
    color: rgba(255,255,255,0.8);
}

[b-cuiqnto8df] .ct-tab .lbl {
    font-weight: 600;
    font-size: 14px;
}

[b-cuiqnto8df] .ct-tab.active .lbl {
    font-weight: 700;
}

[b-cuiqnto8df] .quick {
    margin-top: 24px;
    border: 1px solid var(--border);
    background: var(--white);
    border-radius: 6px;
    overflow: hidden;
}

[b-cuiqnto8df] .quick-head {
    background: var(--surface);
    border-bottom: 1px solid var(--border);
    padding: 11px 16px;
    font-size: 11px;
    letter-spacing: .10em;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--text-mid);
}

[b-cuiqnto8df] .quick-body {
    padding: 16px;
}

[b-cuiqnto8df] .quick .fb {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    text-decoration: none;
    color: var(--blue);
    font-size: 13px;
}

[b-cuiqnto8df] .quick .fb .dot {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--blue-10);
    border: 1px solid var(--blue-25);
    color: var(--blue);
    display: grid;
    place-items: center;
    font-size: 14px;
    font-weight: 700;
    flex-shrink: 0;
}

[b-cuiqnto8df] .quick .note {
    font-size: 12px;
    color: var(--text-muted);
    margin-top: 8px;
}

/* ============================================================
   ::deep — panels (common)
   ============================================================ */
[b-cuiqnto8df] .ct-panel h2 {
    margin: 0 0 6px;
    font-size: 26px;
    font-weight: 900;
    letter-spacing: -.01em;
    color: var(--ink);
}

[b-cuiqnto8df] .ct-panel .lede {
    color: var(--text-mid);
    font-size: 15px;
    margin: 0 0 20px;
    max-width: 64ch;
}

[b-cuiqnto8df] .ct-panel .lede em {
    color: var(--text-muted);
    font-style: italic;
}

/* ============================================================
   ::deep — Tab 1 — FB primary card
   ============================================================ */
[b-cuiqnto8df] .fb-primary {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 6px;
    overflow: hidden;
}

[b-cuiqnto8df] .fb-primary-head {
    background: var(--surface);
    border-bottom: 1px solid var(--border);
    padding: 13px 20px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ink);
}

[b-cuiqnto8df] .fb-primary-head em {
    color: var(--text-muted);
    font-weight: 400;
    font-style: italic;
    text-transform: none;
    letter-spacing: 0;
}

[b-cuiqnto8df] .fb-primary-body {
    display: grid;
    grid-template-columns: 64px 1fr auto;
    align-items: center;
    gap: 18px;
    padding: 22px 24px;
}

[b-cuiqnto8df] .fb-primary-body .icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--blue-10);
    border: 1px solid var(--blue-25);
    color: var(--blue);
    display: grid;
    place-items: center;
    font-size: 28px;
    font-weight: 700;
}

[b-cuiqnto8df] .fb-primary-body h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

[b-cuiqnto8df] .fb-primary-body .desc {
    font-size: 13px;
    color: var(--text-muted);
    margin-top: 2px;
}

/* ============================================================
   ::deep — Tab 2 — subsite links
   ============================================================ */
[b-cuiqnto8df] .ct-subsite {
    display: grid;
    grid-template-columns: 48px 1fr auto;
    align-items: center;
    gap: 18px;
    padding: 16px 20px;
    background: var(--white);
    border: 1px solid var(--border);
    border-left: 3px solid var(--orange);
    border-radius: 4px;
    margin-bottom: 10px;
    text-decoration: none;
    color: var(--ink);
}

[b-cuiqnto8df] .ct-subsite:hover {
    background: var(--surface);
}

[b-cuiqnto8df] .ct-subsite .badge {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--orange-10);
    border: 1px solid var(--orange-28);
    color: var(--orange);
    display: grid;
    place-items: center;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .04em;
}

[b-cuiqnto8df] .ct-subsite h4 {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
}

[b-cuiqnto8df] .ct-subsite p {
    margin: 2px 0 0;
    font-size: 12px;
    color: var(--text-muted);
    letter-spacing: .02em;
}

[b-cuiqnto8df] .ct-subsite .go {
    font-weight: 700;
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--orange);
    text-decoration: none;
    padding: 9px 14px;
    border: 1px solid var(--orange-28);
    border-radius: 4px;
    background: var(--orange-10);
    white-space: nowrap;
}

[b-cuiqnto8df] .ct-subsite:hover .go {
    background: var(--orange-btn);
    border-color: var(--orange-btn);
    color: #fff;
}

/* ============================================================
   ::deep — Tab 3 & 4 — callout + mailbox
   ============================================================ */
[b-cuiqnto8df] .ct-callout {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 6px;
    overflow: hidden;
}

[b-cuiqnto8df] .callout-head {
    background: var(--ink);
    color: #F1E6CF;
    padding: 14px 20px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

[b-cuiqnto8df] .callout-head em {
    color: #c8b994;
    font-weight: 400;
    font-style: italic;
    text-transform: none;
    letter-spacing: 0;
}

[b-cuiqnto8df] .callout-body {
    padding: 22px 24px;
}

[b-cuiqnto8df] .callout-body p {
    margin: 0 0 10px;
    color: var(--text-mid);
}

[b-cuiqnto8df] .mailbox {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 4px;
    margin: 14px 0;
}

[b-cuiqnto8df] .mailbox code {
    font-family: Arial, monospace;
    letter-spacing: .06em;
    font-size: 14px;
    font-weight: 600;
    color: var(--ink);
    flex: 1;
}

[b-cuiqnto8df] .copy-btn {
    background: transparent;
    border: 1px solid var(--border);
    padding: 8px 10px;
    border-radius: 4px;
    cursor: pointer;
    font: 700 10px/1 Arial, sans-serif;
    letter-spacing: .10em;
    text-transform: uppercase;
    color: var(--text-mid);
    white-space: nowrap;
}

[b-cuiqnto8df] .copy-btn:hover {
    background: var(--surface);
}

[b-cuiqnto8df] .copy-btn.copied {
    background: var(--ok-bg);
    color: var(--ok-fg);
    border-color: var(--ok-bd);
}

[b-cuiqnto8df] .ct-note {
    background: var(--warn-bg);
    border: 1px solid var(--warn-bd);
    border-left: 3px solid var(--orange);
    border-radius: 4px;
    padding: 12px 14px;
    color: var(--warn-fg);
    font-size: 13px;
}

[b-cuiqnto8df] .ct-note em {
    color: var(--text-muted);
    font-style: italic;
}

/* ============================================================
   ::deep — shared button
   ============================================================ */
[b-cuiqnto8df] .cs-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--orange-btn);
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 13px 28px;
    font: 700 13px/1 Arial, sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}

[b-cuiqnto8df] .cs-btn:hover {
    background: var(--orange-hover);
    color: #fff;
}

/* ============================================================
   ::deep — Tab 5 — organizers
   ============================================================ */
[b-cuiqnto8df] .section-title {
    margin: 30px 0 12px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ink);
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-light);
}

[b-cuiqnto8df] .section-title em {
    color: var(--text-muted);
    font-weight: 400;
    font-style: italic;
    text-transform: none;
    letter-spacing: 0;
}

[b-cuiqnto8df] .section-title small {
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--text-muted);
    font-weight: 700;
    margin-left: auto;
}

[b-cuiqnto8df] .ct-people {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

[b-cuiqnto8df] .ct-people.two {
    grid-template-columns: repeat(2, 1fr);
}

[b-cuiqnto8df] .ct-person {
    background: var(--white);
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: 4px;
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 12px;
    align-items: center;
}

[b-cuiqnto8df] .ct-person.lead {
    background: var(--ink);
    color: #F1E6CF;
    grid-column: span 3;
    border-color: var(--ink);
}

[b-cuiqnto8df] .ct-person.lead .av {
    background: var(--orange-10);
    border: 1px solid var(--orange-28);
    color: var(--orange);
}

[b-cuiqnto8df] .ct-person.lead .name {
    color: #fff;
}

[b-cuiqnto8df] .ct-person.lead .role {
    color: #c8b994;
}

[b-cuiqnto8df] .ct-person .av {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--orange-10);
    border: 1px solid var(--orange-28);
    color: var(--orange);
    display: grid;
    place-items: center;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .02em;
}

[b-cuiqnto8df] .ct-person.blue .av {
    background: var(--blue-10);
    border-color: var(--blue-25);
    color: var(--blue);
}

[b-cuiqnto8df] .ct-person .name {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    color: var(--ink);
}

[b-cuiqnto8df] .ct-person .role {
    font-size: 10.5px;
    letter-spacing: .10em;
    text-transform: uppercase;
    color: var(--text-muted);
    font-weight: 700;
    margin-top: 3px;
}

/* ============================================================
   Responsive — collapse to single column below 700px
   ============================================================ */
@media (max-width: 700px) {
    .ct-titlebar[b-cuiqnto8df] {
        padding: 24px 20px 16px;
        grid-template-columns: 1fr;
    }

    .ct-titlebar h1[b-cuiqnto8df] {
        font-size: 34px;
    }

    .ct-body-grid[b-cuiqnto8df] {
        grid-template-columns: 1fr;
        padding: 20px 20px 40px;
        gap: 24px;
    }

    [b-cuiqnto8df] .ct-people,
    [b-cuiqnto8df] .ct-people.two {
        grid-template-columns: 1fr;
    }

    [b-cuiqnto8df] .ct-person.lead {
        grid-column: span 1;
    }

    [b-cuiqnto8df] .fb-primary-body {
        grid-template-columns: 1fr;
    }

    [b-cuiqnto8df] .ct-subsite {
        grid-template-columns: 40px 1fr;
    }

    [b-cuiqnto8df] .ct-subsite .go {
        display: none;
    }
}

/* /Components/Pages/Faq.razor.rz.scp.css */
/* ── Page wrapper ── */
.faq-page[b-saj1o4e5sk] {
    margin-left:  calc(-0.5 * var(--bs-gutter-x));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    background: var(--bg);
    color: var(--ink);
    font-size: 15px;
    line-height: 1.55;
}

/* ── Body: sidebar + main ── */
.body[b-saj1o4e5sk] {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 32px;
    padding: 32px 56px 56px;
    align-items: start;
}

main[b-saj1o4e5sk] {
    min-width: 0;
}

@media (max-width: 760px) {
    .body[b-saj1o4e5sk] {
        grid-template-columns: 1fr;
        padding: 16px 20px 40px;
        gap: 16px;
    }
}

/* /Components/Pages/Home.razor.rz.scp.css */
/* Shared section-head styles for all home sections */
.sec[b-qnkz22gsbd] {
    padding: 2.5rem 0 1.5rem;
}

.sec-head[b-qnkz22gsbd] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.sec-head h2[b-qnkz22gsbd] {
    font-size: 1.6rem;
    font-weight: 900;
    color: var(--text, #1C1814);
    margin: 0;
}

.sec-head h2 .accent[b-qnkz22gsbd] {
    color: var(--orange, #D4890A);
}

.sec-head .link[b-qnkz22gsbd] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--orange, #D4890A);
    text-decoration: none;
}

.sec-head .link:hover[b-qnkz22gsbd] {
    text-decoration: underline;
}
/* /Components/Pages/Info.razor.rz.scp.css */
/* ── Page shell ─────────────────────────────────────────────────── */
.hero[b-o3f5vfpsxz] {
    padding: 2.5rem 0 1.5rem;
    max-width: 700px;
}

.hero h1[b-o3f5vfpsxz] {
    font-size: 2.4rem;
    font-weight: 900;
    color: var(--text, #1C1814);
    line-height: 1.15;
    margin: 0 0 0.75rem;
}

.hero h1 em[b-o3f5vfpsxz] {
    font-style: normal;
    color: var(--orange, #D4890A);
}

.hero .lead[b-o3f5vfpsxz] {
    font-size: 1.05rem;
    color: var(--text-mid, #4A4035);
    line-height: 1.65;
    margin: 0;
}

/* ── Two-column layout ──────────────────────────────────────────── */
.body[b-o3f5vfpsxz] {
    display: flex;
    gap: 2.5rem;
    align-items: flex-start;
    padding-bottom: 4rem;
}

.body main[b-o3f5vfpsxz] {
    flex: 1;
    min-width: 0;
}

/* ── Section shell ──────────────────────────────────────────────── */
section.s[b-o3f5vfpsxz] {
    padding: 2rem 0 2.5rem;
    border-top: 1px solid var(--border-light, #DDD4C0);
}

section.s:first-child[b-o3f5vfpsxz] {
    border-top: none;
}

.s-head[b-o3f5vfpsxz] {
    display: flex;
    gap: 1.25rem;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.s-head .num[b-o3f5vfpsxz] {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: var(--orange, #D4890A);
    background: var(--orange-dim, rgba(212,137,10,0.10));
    border: 1px solid var(--orange-border, rgba(212,137,10,0.30));
    padding: 0.2rem 0.55rem;
    border-radius: 5px;
    flex-shrink: 0;
    margin-top: 5px;
}

.s-head h2[b-o3f5vfpsxz] {
    font-size: 1.55rem;
    font-weight: 900;
    margin: 0 0 0.4rem;
    color: var(--text, #1C1814);
}

.s-head p[b-o3f5vfpsxz] {
    margin: 0;
    color: var(--text-mid, #4A4035);
    font-size: 0.92rem;
    line-height: 1.55;
}

/* ── Aftermovies grid ───────────────────────────────────────────── */
.am-grid[b-o3f5vfpsxz] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

@media (max-width: 600px) {
    .am-grid[b-o3f5vfpsxz] {
        grid-template-columns: 1fr;
    }
}

/* ── Responsive: hide sidebar on small screens ──────────────────── */
@media (max-width: 768px) {
    .body[b-o3f5vfpsxz] {
        flex-direction: column;
    }
}

/* /Components/Pages/Info/ArtistAlley.razor.rz.scp.css */
/* ── Page wrapper ── */
.aa-page[b-k0kjqw7dnb] {
    margin-left:  calc(-0.5 * var(--bs-gutter-x));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    background: var(--bg);
    color: var(--ink);
    font-size: 15px;
    line-height: 1.55;
}

/* ── Breadcrumb ── */
.aa-breadcrumb[b-k0kjqw7dnb] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 14px 56px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    color: var(--text-muted);
    border-bottom: 1px solid var(--border);
}

.aa-breadcrumb a[b-k0kjqw7dnb] {
    color: var(--text-muted);
    text-decoration: none;
}

.aa-breadcrumb a:hover[b-k0kjqw7dnb] {
    color: var(--orange);
}

.aa-breadcrumb span[b-k0kjqw7dnb] {
    color: var(--border);
}

.aa-breadcrumb-current[b-k0kjqw7dnb] {
    color: var(--ink);
}

/* ── Hero ── */
.aa-hero[b-k0kjqw7dnb] {
    background: linear-gradient(120deg, #1A0F00 0%, #4A2800 45%, var(--orange) 100%);
    padding: 52px 56px 48px;
}

.aa-hero-inner[b-k0kjqw7dnb] {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 40px;
    align-items: center;
    max-width: 960px;
}

.aa-eyebrow[b-k0kjqw7dnb] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.55);
    margin-bottom: 10px;
}

.aa-hero-title[b-k0kjqw7dnb] {
    font-size: 52px;
    font-weight: 900;
    line-height: .95;
    letter-spacing: -.02em;
    color: #fff;
    margin: 0 0 16px;
}

.aa-hero-title em[b-k0kjqw7dnb] {
    font-style: normal;
    color: #FFD080;
}

.aa-hero-desc[b-k0kjqw7dnb] {
    font-size: 16px;
    color: rgba(255,255,255,0.75);
    margin: 0 0 20px;
    max-width: 52ch;
    line-height: 1.6;
}

.aa-hero-pills[b-k0kjqw7dnb] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.aa-pill[b-k0kjqw7dnb] {
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.22);
    color: rgba(255,255,255,0.90);
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

/* ── Hero CTA box ── */
.aa-hero-cta-box[b-k0kjqw7dnb] {
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.20);
    border-radius: 10px;
    padding: 24px;
    text-align: center;
}

.aa-cta-label[b-k0kjqw7dnb] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.55);
    margin-bottom: 6px;
}

.aa-cta-email[b-k0kjqw7dnb] {
    font-size: 13px;
    font-weight: 700;
    color: #FFD080;
    margin-bottom: 16px;
    word-break: break-all;
}

.aa-cta-btn[b-k0kjqw7dnb] {
    display: inline-block;
    background: var(--orange-btn);
    color: #fff;
    text-decoration: none;
    padding: 12px 22px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: .04em;
    transition: background .15s;
}

.aa-cta-btn:hover[b-k0kjqw7dnb] {
    background: var(--orange-hover);
    color: #fff;
}

/* ── Main layout: sidebar + content ── */
.aa-layout[b-k0kjqw7dnb] {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 28px;
    padding: 32px 56px 56px;
    align-items: start;
}

/* ── Sidebar ── */
.aa-sidebar[b-k0kjqw7dnb] {
    position: sticky;
    top: 76px;
    align-self: start;
}

.aa-sidenav[b-k0kjqw7dnb] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 20px;
}

.aa-sidenav-head[b-k0kjqw7dnb] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--text-muted);
    padding: 0 4px;
    margin-bottom: 6px;
}

.aa-sidenav-link[b-k0kjqw7dnb] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    color: var(--text-mid);
    border-left: 3px solid transparent;
    transition: background .12s, color .12s;
}

.aa-sidenav-link:hover[b-k0kjqw7dnb] {
    background: var(--orange-dim);
    color: var(--text);
    text-decoration: none;
}

.aa-sidenav-link.active[b-k0kjqw7dnb] {
    background: var(--orange-10);
    color: var(--orange);
    border-left: 3px solid var(--orange);
    font-weight: 600;
}

.aa-sidenav-num[b-k0kjqw7dnb] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    color: var(--text-muted);
    min-width: 12px;
}

.aa-sidenav-link.active .aa-sidenav-num[b-k0kjqw7dnb] {
    color: var(--orange);
}


/* ── Content area ── */
.aa-content[b-k0kjqw7dnb] {
    min-width: 0;
}

/* ── Section ── */
.aa-section[b-k0kjqw7dnb] {
    padding: 32px 0 36px;
    border-top: 1px solid var(--border-light, #DDD4C0);
}

.aa-section:first-child[b-k0kjqw7dnb] {
    border-top: none;
    padding-top: 0;
}

.aa-section-head[b-k0kjqw7dnb] {
    margin-bottom: 20px;
}

.aa-section .aa-eyebrow[b-k0kjqw7dnb] {
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.aa-section-title[b-k0kjqw7dnb] {
    font-size: 26px;
    font-weight: 900;
    letter-spacing: -.01em;
    color: var(--ink);
    margin: 0;
}

.aa-section-body[b-k0kjqw7dnb] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ── Lead paragraph ── */
.aa-lead[b-k0kjqw7dnb] {
    font-size: 16px;
    color: var(--text-mid);
    line-height: 1.65;
    margin: 0;
}

/* ── Steps ── */
.aa-steps[b-k0kjqw7dnb] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.aa-step[b-k0kjqw7dnb] {
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 16px;
    align-items: start;
    padding: 4px 0;
}

.aa-step-num[b-k0kjqw7dnb] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--orange-10);
    border: 1px solid var(--orange-28);
    color: var(--orange);
    display: grid;
    place-items: center;
    font-weight: 800;
    font-size: 14px;
    flex-shrink: 0;
}

.aa-step-label[b-k0kjqw7dnb] {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    color: var(--text-muted);
    text-transform: uppercase;
    margin-bottom: 4px;
}

.aa-step p[b-k0kjqw7dnb] {
    margin: 0;
    color: var(--text-mid);
    font-size: 14px;
    line-height: 1.6;
}

.aa-step a[b-k0kjqw7dnb] {
    color: var(--orange);
}

.aa-email-inline[b-k0kjqw7dnb] {
    font-weight: 600;
    color: var(--orange);
}

.aa-step-divider[b-k0kjqw7dnb] {
    border: none;
    border-top: 1px dashed var(--border-light, #DDD4C0);
    margin: 14px 0 14px 52px;
}

/* ── Rule grid ── */
.aa-rule-grid[b-k0kjqw7dnb] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.aa-rule-card[b-k0kjqw7dnb] {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 18px 20px;
}

.aa-rule-title[b-k0kjqw7dnb] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 14px;
    color: var(--ink);
    margin-bottom: 8px;
}

.aa-rule-card p[b-k0kjqw7dnb] {
    margin: 0;
    font-size: 13px;
    color: var(--text-mid);
    line-height: 1.55;
}

/* ── Callouts ── */
.aa-callout[b-k0kjqw7dnb] {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    border-radius: 8px;
    padding: 16px 18px;
    font-size: 13.5px;
    line-height: 1.55;
    color: var(--ink);
}

.aa-callout-icon[b-k0kjqw7dnb] {
    font-size: 20px;
    flex-shrink: 0;
    line-height: 1.3;
}

.aa-callout-title[b-k0kjqw7dnb] {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 4px;
    color: var(--ink);
}

.aa-callout-red[b-k0kjqw7dnb] {
    background: #FDF0EE;
    border: 1px solid rgba(192,57,43,.2);
}

.aa-callout-red .aa-callout-title[b-k0kjqw7dnb] {
    color: #C0392B;
}

.aa-callout-orange[b-k0kjqw7dnb] {
    background: var(--orange-10);
    border: 1px solid rgba(212,137,10,.25);
}

.aa-callout-orange .aa-callout-title[b-k0kjqw7dnb] {
    color: var(--orange);
}

.aa-callout-dark[b-k0kjqw7dnb] {
    background: var(--surface, #F5EFE3);
    border: 1px solid var(--border);
}

/* ── Fee table ── */
.aa-fee-table[b-k0kjqw7dnb] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    overflow: hidden;
}

.aa-fee-table thead tr[b-k0kjqw7dnb] {
    background: var(--surface, #F5EFE3);
}

.aa-fee-table th[b-k0kjqw7dnb] {
    padding: 10px 16px;
    text-align: left;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--text-muted);
    border-bottom: 1px solid var(--border);
}

.aa-fee-table td[b-k0kjqw7dnb] {
    padding: 14px 16px;
    color: var(--text-mid);
    border-bottom: 1px solid var(--border-light, #DDD4C0);
    vertical-align: top;
}

.aa-fee-table tr:last-child td[b-k0kjqw7dnb] {
    border-bottom: none;
}

.aa-fee-featured td[b-k0kjqw7dnb] {
    background: var(--orange-10);
}

.aa-fee-note[b-k0kjqw7dnb] {
    font-size: 11px;
    color: var(--text-muted);
    margin-top: 3px;
}

.aa-fee-amount[b-k0kjqw7dnb] {
    font-weight: 800;
    font-size: 18px;
    color: var(--orange);
    white-space: nowrap;
}

/* ── Checklist ── */
.aa-checklist[b-k0kjqw7dnb] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.aa-checklist li[b-k0kjqw7dnb] {
    padding: 10px 14px;
    padding-left: 38px;
    background: #fff;
    border: 1px solid var(--border-light, #DDD4C0);
    border-radius: 6px;
    position: relative;
    font-size: 14px;
    color: var(--text-mid);
    line-height: 1.55;
}

.aa-checklist li[b-k0kjqw7dnb]::before {
    content: '✓';
    position: absolute;
    left: 12px;
    top: 11px;
    font-weight: 800;
    font-size: 13px;
    color: var(--orange);
}

.aa-checklist li.aa-check-warn[b-k0kjqw7dnb] {
    background: #FDF0EE;
    border-color: rgba(192,57,43,.18);
    color: #7A2020;
}

.aa-checklist li.aa-check-warn[b-k0kjqw7dnb]::before {
    content: '⚠';
    color: #C0392B;
}

/* ── Sub-heading inside sections ── */
.aa-sub-heading[b-k0kjqw7dnb] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .10em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin: 8px 0 4px;
}

/* ── Responsive ── */
@media (max-width: 800px) {
    .aa-breadcrumb[b-k0kjqw7dnb] {
        padding: 12px 20px;
    }

    .aa-hero[b-k0kjqw7dnb] {
        padding: 36px 20px 32px;
    }

    .aa-hero-inner[b-k0kjqw7dnb] {
        grid-template-columns: 1fr;
    }

    .aa-hero-cta-box[b-k0kjqw7dnb] {
        display: none;
    }

    .aa-hero-title[b-k0kjqw7dnb] {
        font-size: 36px;
    }

    .aa-layout[b-k0kjqw7dnb] {
        grid-template-columns: 1fr;
        padding: 20px 20px 40px;
        gap: 16px;
    }

    .aa-sidebar[b-k0kjqw7dnb] {
        position: static;
    }

    .aa-sidenav[b-k0kjqw7dnb] {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 6px;
    }

    .aa-sidenav-head[b-k0kjqw7dnb] {
        width: 100%;
        margin-bottom: 2px;
    }

    .aa-sidenav-link[b-k0kjqw7dnb] {
        padding: 6px 10px;
        font-size: 12px;
        border-left: none;
        border: 1px solid var(--border);
        border-radius: 20px;
    }

    .aa-sidenav-link.active[b-k0kjqw7dnb] {
        border-color: var(--orange);
        border-left: 1px solid var(--orange);
    }

    .aa-rule-grid[b-k0kjqw7dnb] {
        grid-template-columns: 1fr;
    }

    .aa-fee-table th:last-child[b-k0kjqw7dnb],
    .aa-fee-table td:last-child[b-k0kjqw7dnb] {
        display: none;
    }
}




/* /Components/Pages/OrderStatus.razor.rz.scp.css */
/* ── Page shell ──────────────────────────────────────────────── */
.order-result-page[b-mnj7utmdm7] {
    max-width: 860px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
    color: var(--text);
}

.or-loading[b-mnj7utmdm7] {
    color: var(--text-muted);
    font-size: 0.9rem;
    margin: 2rem 0;
}

/* ── Step indicator (via ::deep from Checkout.razor.css is not available here,
       so we declare it again — identical block) ─────────────────────── */
[b-mnj7utmdm7] .steps {
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 2rem;
}

[b-mnj7utmdm7] .step {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

[b-mnj7utmdm7] .step-circle {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid var(--border);
    color: var(--text-muted);
    background: var(--surface);
}

[b-mnj7utmdm7] .step.active .step-circle { background: var(--orange); border-color: var(--orange); color: #fff; }
[b-mnj7utmdm7] .step.done .step-circle   { background: var(--orange-dim); border-color: var(--orange); color: var(--orange); }

[b-mnj7utmdm7] .step-label { font-size: 0.8rem; font-weight: 500; color: var(--text-muted); white-space: nowrap; }
[b-mnj7utmdm7] .step.active .step-label  { color: var(--orange); font-weight: 700; }
[b-mnj7utmdm7] .step.done .step-label    { color: var(--text-mid); }

[b-mnj7utmdm7] .step-line { flex: 1; height: 2px; background: var(--border); min-width: 24px; }
[b-mnj7utmdm7] .step-line.done { background: var(--orange); }

/* ── Status banners ───────────────────────────────────────────── */
.status-banner[b-mnj7utmdm7] {
    border-radius: 10px;
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
    border: 1px solid;
}

.status-banner.warning[b-mnj7utmdm7] {
    background: var(--warning-dim);
    border-color: var(--orange-border);
}

.status-banner.error-state[b-mnj7utmdm7] {
    background: var(--error-dim);
    border-color: rgba(192, 57, 43, 0.25);
}

.status-banner.success[b-mnj7utmdm7] {
    background: var(--success-dim);
    border-color: var(--success-border);
}

.sb-icon[b-mnj7utmdm7] { font-size: 1.75rem; flex-shrink: 0; margin-top: 2px; }

.sb-title[b-mnj7utmdm7] { font-size: 1.05rem; font-weight: 700; margin-bottom: 0.25rem; }
.status-banner.warning .sb-title[b-mnj7utmdm7]    { color: var(--warning); }
.status-banner.error-state .sb-title[b-mnj7utmdm7] { color: var(--error); }
.status-banner.success .sb-title[b-mnj7utmdm7]    { color: var(--success); }

.sb-sub[b-mnj7utmdm7] { font-size: 0.85rem; color: var(--text-muted); line-height: 1.6; }
.sb-sub a[b-mnj7utmdm7] { color: var(--orange); }

/* ── Panels ────────────────────────────────────────────────────── */
.panel[b-mnj7utmdm7] {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 1.25rem;
}

.panel-head[b-mnj7utmdm7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.85rem 1.25rem;
    background: var(--surface);
    border-bottom: 1px solid var(--border-light);
}

.panel-head-title[b-mnj7utmdm7] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text);
}
.panel-head-step[b-mnj7utmdm7]  { font-size: 0.78rem; color: var(--text-muted); }

/* ── Detail table ──────────────────────────────────────────────── */
.detail-table[b-mnj7utmdm7] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
}

.detail-table tr[b-mnj7utmdm7] {
    border-bottom: 1px solid var(--border-light);
}

.detail-table tr:last-child[b-mnj7utmdm7] { border-bottom: none; }

.dt-key[b-mnj7utmdm7] {
    padding: 0.65rem 1.25rem;
    color: var(--text-muted);
    width: 38%;
    vertical-align: middle;
}

.dt-val[b-mnj7utmdm7] {
    padding: 0.65rem 1.25rem 0.65rem 0;
    color: var(--text);
    font-weight: 500;
    vertical-align: middle;
}

.mono[b-mnj7utmdm7]  { font-family: 'Courier New', monospace; }
.bold[b-mnj7utmdm7]  { font-weight: 700; }

/* ── Status badge ──────────────────────────────────────────────── */
.status-badge[b-mnj7utmdm7] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 9px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.badge-awaiting[b-mnj7utmdm7] { background: var(--warning-dim); color: var(--warning); border: 1px solid var(--orange-border); }
.badge-paid[b-mnj7utmdm7]     { background: var(--success-dim); color: var(--success); border: 1px solid var(--success-border); }

/* ── Ticket table ──────────────────────────────────────────────── */
.ticket-table[b-mnj7utmdm7] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
}

.ticket-table th[b-mnj7utmdm7], .ticket-table td[b-mnj7utmdm7] {
    padding: 0.65rem 1.25rem;
    border-bottom: 1px solid var(--border-light);
}

.ticket-table th[b-mnj7utmdm7] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: var(--bg);
}

.ticket-table tfoot tr[b-mnj7utmdm7] { border-top: 1px solid var(--border); }
.ticket-table tfoot td[b-mnj7utmdm7] { border-bottom: none; }

.tc[b-mnj7utmdm7]  { text-align: center; }
.tr[b-mnj7utmdm7]  { text-align: right; }

.tt-label[b-mnj7utmdm7] { font-weight: 600; color: var(--text); }
.tt-total[b-mnj7utmdm7] { font-size: 1.1rem; font-weight: 700; color: var(--text); }

/* ── Bank transfer instructions ──────────────────────────────── */
[b-mnj7utmdm7] .bank-panel {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 1.25rem;
}

[b-mnj7utmdm7] .bank-panel-head {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.85rem 1.25rem;
    background: var(--surface);
    border-bottom: 1px solid var(--border-light);
    font-size: 1.15rem;
}

[b-mnj7utmdm7] .bank-panel-head-title {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--text);
}

[b-mnj7utmdm7] .bank-details {
    padding: 1.25rem;
}

[b-mnj7utmdm7] .bank-intro {
    font-size: 0.88rem;
    color: var(--text-mid);
    margin-bottom: 1rem;
    line-height: 1.6;
}

[b-mnj7utmdm7] .bank-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.55rem 0;
    border-bottom: 1px solid var(--border-light);
    gap: 1rem;
    font-size: 0.88rem;
}

[b-mnj7utmdm7] .bank-row:last-of-type { border-bottom: none; }

[b-mnj7utmdm7] .bank-row-right {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

[b-mnj7utmdm7] .bank-key { color: var(--text-muted); flex-shrink: 0; }
[b-mnj7utmdm7] .bank-val { color: var(--text); font-weight: 500; text-align: right; }
[b-mnj7utmdm7] .bank-val.mono { font-family: 'Courier New', monospace; }

/* Variable symbol highlight row */
[b-mnj7utmdm7] .vs-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.85rem 1rem;
    border-radius: 6px;
    margin: 0.75rem 0;
    background: rgba(212, 137, 10, 0.10);
    border: 2px solid var(--orange);
    gap: 1rem;
}

[b-mnj7utmdm7] .vs-key { display: flex; flex-direction: column; gap: 3px; }
[b-mnj7utmdm7] .vs-key-main {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--orange);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
[b-mnj7utmdm7] .vs-key-sub { font-size: 0.68rem; color: var(--text-muted); }
[b-mnj7utmdm7] .vs-right { display: flex; align-items: center; gap: 0.75rem; }
[b-mnj7utmdm7] .vs-val {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--orange);
    font-family: 'Courier New', monospace;
    letter-spacing: 0.08em;
}

[b-mnj7utmdm7] .bank-notice {
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    background: rgba(212, 137, 10, 0.06);
    border-left: 3px solid var(--orange);
    border-radius: 4px;
    font-size: 0.82rem;
    color: var(--text-mid);
    line-height: 1.6;
}

/* Pay by Square */
[b-mnj7utmdm7] .pbs-section {
    border-top: 1px solid var(--border-light);
    padding: 1.5rem 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    background: var(--bg);
}

[b-mnj7utmdm7] .pbs-divider-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
}

[b-mnj7utmdm7] .pbs-line { flex: 1; height: 1px; background: var(--border); }

[b-mnj7utmdm7] .pbs-label {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted);
    white-space: nowrap;
}

[b-mnj7utmdm7] .pbs-qr-wrap {
    border: 2px solid var(--border);
    border-radius: 8px;
    padding: 0.75rem;
    background: #fff;
}

[b-mnj7utmdm7] .pbs-sub {
    font-size: 0.78rem;
    color: var(--text-muted);
    text-align: center;
    line-height: 1.6;
}

/* Copy button */
[b-mnj7utmdm7] .copy-btn {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text-muted);
    padding: 3px 9px;
    border-radius: 4px;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

[b-mnj7utmdm7] .copy-btn:hover, [b-mnj7utmdm7] .copy-btn.copied {
    background: var(--success-dim);
    color: var(--success);
    border-color: var(--success-border);
}

/* ── Card payment retry panel ───────────────────────────────── */
[b-mnj7utmdm7] .card-panel {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 1.25rem;
}

[b-mnj7utmdm7] .card-panel-head {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.85rem 1.25rem;
    background: var(--surface);
    border-bottom: 1px solid var(--border-light);
    font-size: 1.15rem;
}

[b-mnj7utmdm7] .card-panel-head-title {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--text);
}

[b-mnj7utmdm7] .card-body {
    padding: 1.25rem;
    text-align: center;
}

[b-mnj7utmdm7] .card-body p {
    font-size: 0.9rem;
    color: var(--text-mid);
    line-height: 1.6;
    margin-bottom: 1.25rem;
}

[b-mnj7utmdm7] .btn-pay-card {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 2.5rem;
    background: var(--orange-btn);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s;
}

[b-mnj7utmdm7] .btn-pay-card:hover:not(:disabled) { background: var(--orange-hover); }
[b-mnj7utmdm7] .btn-pay-card:disabled { opacity: 0.5; cursor: not-allowed; }

[b-mnj7utmdm7] .pay-error-msg {
    margin-bottom: 0.75rem;
    padding: 0.55rem 0.9rem;
    background: var(--error-dim);
    border: 1px solid rgba(192, 57, 43, 0.25);
    border-radius: 6px;
    font-size: 0.83rem;
    color: var(--error);
}

[b-mnj7utmdm7] .btn-spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-mnj7utmdm7 0.7s linear infinite;
}

@keyframes spin-b-mnj7utmdm7 { to { transform: rotate(360deg); } }

/* ── Footer ────────────────────────────────────────────────────── */
.or-footer[b-mnj7utmdm7] {
    margin-top: 2rem;
    text-align: center;
}

.btn-home[b-mnj7utmdm7] {
    display: inline-block;
    padding: 0.6rem 1.5rem;
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--text-mid);
    text-decoration: none;
    font-size: 0.9rem;
    transition: all 0.15s;
}

.btn-home:hover[b-mnj7utmdm7] {
    border-color: var(--orange-border);
    color: var(--orange);
}

/* /Components/Pages/PrivacyPolicy.razor.rz.scp.css */
/* ── Page wrapper ── */
.legal-page[b-fgtcefglm1] {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-size: 15px;
    line-height: 1.75;
    color: var(--text, #1A1712);
}

.legal-page[b-fgtcefglm1]  .page {
    max-width: 860px;
    margin: 0 auto;
    padding: 48px 32px 72px;
}

/* ── Header ── */
.legal-page[b-fgtcefglm1]  .doc-header {
    text-align: center;
    margin-bottom: 36px;
    padding-bottom: 24px;
    border-bottom: 2px solid var(--accent, #D4890A);
}
.legal-page[b-fgtcefglm1]  .doc-header .section-label {
    display: inline-block;
    font-size: 0.72em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--accent, #D4890A);
    margin-bottom: 6px;
}
.legal-page[b-fgtcefglm1]  .doc-header h1 {
    font-size: 1.75em;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--text, #1A1712);
    margin: 0 0 6px;
}
.legal-page[b-fgtcefglm1]  .doc-header .subtitle {
    font-size: 0.95em;
    color: var(--text-muted, #8A7D6E);
    margin: 0 0 4px;
}
.legal-page[b-fgtcefglm1]  .doc-header .subtitle a {
    color: var(--accent, #D4890A);
    text-decoration: none;
}
.legal-page[b-fgtcefglm1]  .doc-header .version {
    font-size: 0.82em;
    color: var(--text-muted, #8A7D6E);
    margin: 0;
}

/* ── Operator box ── */
.legal-page[b-fgtcefglm1]  .operator-box {
    background: var(--bg-card, #F5EFE3);
    border: 1px solid var(--border, #D6CDB8);
    border-left: 4px solid var(--accent, #D4890A);
    border-radius: 6px;
    padding: 18px 22px;
    margin-bottom: 28px;
}
.legal-page[b-fgtcefglm1]  .operator-box p {
    margin: 3px 0;
    font-size: 0.93em;
}

/* ── TOC ── */
.legal-page[b-fgtcefglm1]  .toc {
    background: var(--bg-dark, #1C1814);
    color: var(--text-dark, #E8E0D0);
    border-radius: 6px;
    padding: 22px 28px;
    margin-bottom: 40px;
}
.legal-page[b-fgtcefglm1]  .toc h3 {
    margin: 0 0 12px;
    font-size: 0.78em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--accent, #D4890A);
}
.legal-page[b-fgtcefglm1]  .toc ol {
    margin: 0;
    padding-left: 20px;
}
.legal-page[b-fgtcefglm1]  .toc li {
    margin-bottom: 5px;
    font-size: 0.9em;
}
.legal-page[b-fgtcefglm1]  .toc a {
    color: var(--text-dark, #E8E0D0);
    text-decoration: none;
}
.legal-page[b-fgtcefglm1]  .toc a:hover {
    color: var(--accent, #D4890A);
}

/* ── Section headings ── */
.legal-page[b-fgtcefglm1]  h2 {
    font-size: 1.02em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin: 40px 0 10px;
    padding: 10px 16px;
    background: var(--bg-card, #F5EFE3);
    border-left: 4px solid var(--accent, #D4890A);
    color: var(--text, #1A1712);
    border-radius: 0 4px 4px 0;
}
.legal-page[b-fgtcefglm1]  h3 {
    font-size: 0.97em;
    font-weight: 700;
    color: var(--text, #1A1712);
    margin: 22px 0 6px;
}

/* ── Lists ── */
.legal-page[b-fgtcefglm1]  ol {
    padding-left: 24px;
    margin: 10px 0;
}
.legal-page[b-fgtcefglm1]  ol > li {
    margin-bottom: 9px;
}
.legal-page[b-fgtcefglm1]  ul {
    padding-left: 22px;
    margin: 6px 0;
}
.legal-page[b-fgtcefglm1]  ul > li {
    margin-bottom: 5px;
}

/* ── Principles grid ── */
.legal-page[b-fgtcefglm1]  .principles {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 12px;
    margin: 16px 0 24px;
}
.legal-page[b-fgtcefglm1]  .principle-card {
    background: var(--bg-card, #F5EFE3);
    border: 1px solid var(--border, #D6CDB8);
    border-top: 3px solid var(--accent, #D4890A);
    border-radius: 4px;
    padding: 12px 14px;
}
.legal-page[b-fgtcefglm1]  .principle-card strong {
    display: block;
    font-size: 0.82em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--accent, #D4890A);
    margin-bottom: 4px;
}
.legal-page[b-fgtcefglm1]  .principle-card p {
    margin: 0;
    font-size: 0.88em;
    color: var(--text, #1A1712);
}

/* ── Rights grid ── */
.legal-page[b-fgtcefglm1]  .rights-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px;
    margin: 16px 0;
}
.legal-page[b-fgtcefglm1]  .right-card {
    background: var(--bg-card, #F5EFE3);
    border: 1px solid var(--border, #D6CDB8);
    border-radius: 4px;
    padding: 14px 16px;
}
.legal-page[b-fgtcefglm1]  .right-card .right-title {
    font-size: 0.82em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--accent-dim, #B87208);
    margin-bottom: 5px;
}
.legal-page[b-fgtcefglm1]  .right-card p {
    margin: 0;
    font-size: 0.88em;
}

/* ── Tables ── */
.legal-page[b-fgtcefglm1]  table {
    width: 100%;
    border-collapse: collapse;
    margin: 14px 0;
    font-size: 0.9em;
}
.legal-page[b-fgtcefglm1]  thead tr {
    background: var(--bg-dark, #1C1814);
    color: var(--text-dark, #E8E0D0);
}
.legal-page[b-fgtcefglm1]  thead th {
    padding: 9px 14px;
    text-align: left;
    font-weight: 600;
}
.legal-page[b-fgtcefglm1]  tbody tr:nth-child(even) {
    background: var(--bg-card, #F5EFE3);
}
.legal-page[b-fgtcefglm1]  tbody tr:nth-child(odd) {
    background: var(--bg, #EDE6D8);
}
.legal-page[b-fgtcefglm1]  td {
    padding: 8px 14px;
    border-bottom: 1px solid var(--border, #D6CDB8);
    vertical-align: top;
}

/* ── Info box ── */
.legal-page[b-fgtcefglm1]  .box-info {
    background: #FDF3E3;
    border: 1px solid #E8C070;
    border-left: 4px solid var(--accent, #D4890A);
    border-radius: 4px;
    padding: 14px 18px;
    margin: 16px 0;
    font-size: 0.91em;
}

/* ── Dark box ── */
.legal-page[b-fgtcefglm1]  .box-dark {
    background: var(--bg-dark, #1C1814);
    color: var(--text-dark, #E8E0D0);
    border-radius: 6px;
    padding: 16px 20px;
    margin: 20px 0;
    font-size: 0.91em;
}
.legal-page[b-fgtcefglm1]  .box-dark a {
    color: var(--accent, #D4890A);
}
.legal-page[b-fgtcefglm1]  .box-dark strong {
    color: var(--text-dark, #E8E0D0);
}

/* ── Inline ── */
.legal-page[b-fgtcefglm1]  strong {
    color: var(--text, #1A1712);
}
.legal-page[b-fgtcefglm1]  a {
    color: var(--accent, #D4890A);
    text-decoration: none;
}
.legal-page[b-fgtcefglm1]  a:hover {
    text-decoration: underline;
    color: var(--accent-dim, #B87208);
}
.legal-page[b-fgtcefglm1]  hr {
    border: none;
    border-top: 1px solid var(--border, #D6CDB8);
    margin: 36px 0;
}

/* ── Footer ── */
.legal-page[b-fgtcefglm1]  .doc-footer {
    margin-top: 52px;
    padding-top: 20px;
    border-top: 1px solid var(--border, #D6CDB8);
    text-align: center;
    font-size: 0.82em;
    color: var(--text-muted, #8A7D6E);
}
.legal-page[b-fgtcefglm1]  .doc-footer a {
    color: var(--accent, #D4890A);
}

/* ── Responsive ── */
@media (max-width: 600px) {
    .legal-page[b-fgtcefglm1]  .page { padding: 28px 18px 48px; }
    .legal-page[b-fgtcefglm1]  .principles,
    .legal-page[b-fgtcefglm1]  .rights-grid { grid-template-columns: 1fr; }
}

/* /Components/Pages/Program.razor.rz.scp.css */
.program-section[b-k1f0i8h1lf] {
    border: 1px solid black;
    background-color: rgba(var(--cs-blue-rgb),1);
}
/* /Components/Pages/Tickets.razor.rz.scp.css */
/* ── Page shell ───────────────────────────────────────────────── */
.tickets-page[b-u9wb1q83ty] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
    color: var(--text);
}

.page-header[b-u9wb1q83ty] {
    margin-bottom: 2rem;
}

.page-title[b-u9wb1q83ty] {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 0.25rem;
    color: var(--text);
}

.page-meta[b-u9wb1q83ty] {
    color: var(--text-muted);
    margin: 0;
    font-size: 0.9rem;
}

/* ── Two-column layout ───────────────────────────────────────── */
.layout[b-u9wb1q83ty] {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 1.5rem;
    align-items: start;
    margin-bottom: 3rem;
}

@media (max-width: 768px) {
    .layout[b-u9wb1q83ty] {
        grid-template-columns: 1fr;
    }

    /* Summary is no longer sticky — it flows below the selector */
    [b-u9wb1q83ty] .summary {
        position: static;
    }

    /* Tighter page padding on mobile */
    .tickets-page[b-u9wb1q83ty] {
        padding: 1.25rem 1rem;
    }
}

/* ── Ticket row — mobile stack (≤ 640px) ─────────────────── */
@media (max-width: 640px) {

    /* Row switches from grid to vertical flex */
    [b-u9wb1q83ty] .t-row {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        padding: 14px 16px;
    }

    /* Featured: keep left border, compensate padding loss */
    [b-u9wb1q83ty] .t-row.is-featured {
        padding-left: 13px;
    }

    /* Line 1: name + badge on same line */
    [b-u9wb1q83ty] .t-name-line {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 7px;
    }

    [b-u9wb1q83ty] .t-name {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.3;
    }

    /* Line 2: price right + stepper right, both on same row */
    [b-u9wb1q83ty] .t-controls {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 14px;
    }

    /* Price block: right-aligned */
    [b-u9wb1q83ty] .t-price-wrap {
        text-align: right;
    }

    [b-u9wb1q83ty] .t-price-row {
        display: flex;
        align-items: baseline;
        justify-content: flex-end;
        gap: 6px;
    }

    [b-u9wb1q83ty] .t-price-now {
        font-size: 18px;
        font-weight: 700;
        letter-spacing: -0.02em;
    }

    [b-u9wb1q83ty] .t-price-was {
        font-size: 11px;
        color: var(--text-muted);
        text-decoration: line-through;
    }

    [b-u9wb1q83ty] .t-price-label {
        font-size: 10px;
        color: var(--text-muted);
        margin-top: 1px;
        text-align: right;
    }

    /* Stepper: stays compact, no size change */
    [b-u9wb1q83ty] .stepper {
        flex-shrink: 0;
    }

    /* Gate-only placeholder — right-aligned to match stepper position */
    [b-u9wb1q83ty] .t-gate-only {
        min-width: unset;
    }

    /* Section label — tighter padding, stack date below title */
    [b-u9wb1q83ty] .t-section-label {
        padding: 8px 16px;
        font-size: 10px;
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }

    /* Panel header — stack title + date */
    [b-u9wb1q83ty] .tl-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        padding: 12px 16px;
    }
}

/* ── Ticket selector (left panel) ───────────────────────────── */
[b-u9wb1q83ty] .ticket-list {
    background: #fff;
    border-radius: 12px;
    border: 1px solid var(--border);
    overflow: hidden;
}

[b-u9wb1q83ty] .tl-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 0.85rem 1.25rem;
    background: var(--surface);
    border-bottom: 1px solid var(--border-light);
    border-radius: 12px 12px 0 0;
}

[b-u9wb1q83ty] .tl-header-title {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text);
}

[b-u9wb1q83ty] .tl-header-note {
    font-size: 0.78rem;
    color: var(--orange);
    font-weight: 500;
}

[b-u9wb1q83ty] .t-section-label {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 0.55rem 1.25rem 0.55rem 1.5rem;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--text-muted);
    background: var(--surface);
    border-top: 1px solid var(--border-light);
    border-bottom: 1px solid var(--border-light);
}

[b-u9wb1q83ty] .t-section-label .tl-header-note {
    margin-left: auto;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 500;
}

[b-u9wb1q83ty] .t-section-label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--orange);
}

/* ── Ticket row ──────────────────────────────────────────────── */
[b-u9wb1q83ty] .t-row {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    padding: 0.85rem 1.25rem;
    gap: 1rem;
    border-bottom: 1px solid var(--border-light);
}

/* price + stepper share a cell on desktop */
[b-u9wb1q83ty] .t-controls {
    display: flex;
    align-items: center;
    gap: 14px;
}

/* name + badge inline */
[b-u9wb1q83ty] .t-name-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

/* strikethrough + current price side-by-side */
[b-u9wb1q83ty] .t-price-row {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 6px;
}

[b-u9wb1q83ty] .t-row:last-child {
    border-bottom: none;
}

[b-u9wb1q83ty] .t-row.is-featured {
    border-left: 3px solid var(--orange);
    padding-left: calc(1.25rem - 3px);
}

[b-u9wb1q83ty] .t-name {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--text);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

[b-u9wb1q83ty] .t-sub {
    font-size: 0.78rem;
    color: var(--text-muted);
    margin-top: 0.15rem;
}

[b-u9wb1q83ty] .t-name-badge {
    font-size: 0.68rem;
    font-weight: 700;
    padding: 0.15em 0.5em;
    border-radius: 4px;
    line-height: 1.4;
}

[b-u9wb1q83ty] .badge-best {
    background: var(--orange-dim);
    color: var(--orange);
    border: 1px solid var(--orange-border);
}

/* Blue — Premium */
[b-u9wb1q83ty] .badge-premium {
    background: #EFF6FF;
    color: #1D4ED8;
    border: 1px solid #BFDBFE;
}

/* Dark ink — Mega */
[b-u9wb1q83ty] .badge-mega {
    background: var(--ink, #1C1814);
    color: #F5EFE3;
    border: 1px solid var(--ink, #1C1814);
}

[b-u9wb1q83ty] .t-price-wrap {
    text-align: right;
}

[b-u9wb1q83ty] .t-price-was {
    display: inline;
    font-size: 0.75rem;
    text-decoration: line-through;
    color: var(--text-muted);
    line-height: 1.2;
}

[b-u9wb1q83ty] .t-price-now {
    display: inline;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--text);
    line-height: 1.2;
}

[b-u9wb1q83ty] .t-price-now.featured-price {
    color: var(--orange);
}

[b-u9wb1q83ty] .t-price-label {
    display: block;
    font-size: 0.7rem;
    color: var(--text-muted);
}

/* ── Stepper ─────────────────────────────────────────────────── */
[b-u9wb1q83ty] .stepper {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

[b-u9wb1q83ty] .s-btn {
    width: 32px;
    height: 32px;
    border: 1.5px solid var(--border);
    background: var(--white, #fff);
    color: #1A1712;
    cursor: pointer;
    font-size: 1.1rem;
    font-family: 'Inter', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
}

/* qty = 0 : + button gets orange tint to invite first click */
[b-u9wb1q83ty] .stepper:not(.has-qty) .s-btn:last-child {
    background: var(--orange-10);
    color: var(--orange);
    border-color: var(--orange-border);
}

[b-u9wb1q83ty] .stepper:not(.has-qty) .s-btn:last-child:hover {
    background: var(--orange-btn);
    color: #fff;
    border-color: var(--orange-btn);
}

/* qty = 0 : − button is visually disabled */
[b-u9wb1q83ty] .s-btn:disabled {
    opacity: 0.28;
    cursor: default;
    pointer-events: none;
}

/* qty > 0 : both buttons solid orange */
[b-u9wb1q83ty] .stepper.has-qty .s-btn {
    background: var(--orange);
    color: #fff;
    border-color: var(--orange);
}

[b-u9wb1q83ty] .stepper.has-qty .s-btn:hover:not(:disabled) {
    background: var(--orange-hover);
    border-color: var(--orange-hover);
}

[b-u9wb1q83ty] .s-val {
    min-width: 24px;
    text-align: center;
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--text);
}

/* qty > 0 : value number tinted orange */
[b-u9wb1q83ty] .stepper.has-qty .s-val {
    color: var(--orange);
    font-weight: 700;
}

[b-u9wb1q83ty] .t-gate-only {
    font-size: 0.78rem;
    color: var(--text-muted);
    white-space: nowrap;
    font-style: italic;
    min-width: 80px;
    text-align: center;
}

/* ── Order Summary (right panel) ─────────────────────────────── */
[b-u9wb1q83ty] .summary {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1.25rem;
    position: sticky;
    top: 1.5rem;
}

[b-u9wb1q83ty] .sum-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    /* extend to cover the card's padding, creating a header strip */
    margin: -1.25rem -1.25rem 1rem;
    padding: 0.85rem 1.25rem;
    background: var(--surface);
    border-bottom: 1px solid var(--border-light);
    border-radius: 12px 12px 0 0;
}

[b-u9wb1q83ty] .sum-head-title {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text);
}

[b-u9wb1q83ty] .sum-count {
    font-size: 0.8rem;
    color: var(--text-muted);
}

[b-u9wb1q83ty] .sum-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    padding: 2rem 1rem;
    text-align: center;
}

[b-u9wb1q83ty] .sum-empty-ic {
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 0.25rem;
    opacity: 0.5;
}

[b-u9wb1q83ty] .sum-empty-title {
    font-size: 0.88rem;
    font-weight: 500;
    color: var(--text-muted);
}

[b-u9wb1q83ty] .sum-empty-hint {
    font-size: 0.78rem;
    color: var(--text-muted);
    opacity: 0.75;
}

[b-u9wb1q83ty] .sum-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.75rem;
    gap: 0.5rem;
}

[b-u9wb1q83ty] .sum-row-l {
    font-size: 0.88rem;
    font-weight: 500;
    color: var(--text);
}

[b-u9wb1q83ty] .sum-row-detail {
    font-size: 0.76rem;
    color: var(--text-muted);
}

[b-u9wb1q83ty] .sum-row-r {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text);
    white-space: nowrap;
}

[b-u9wb1q83ty] .sum-divider {
    display: none; /* replaced by 2px border-top on .sum-total-row */
}

[b-u9wb1q83ty] .sum-total-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 1rem;
    padding-top: 0.75rem;
    border-top: 2px solid var(--ink, #1C1814);
}

[b-u9wb1q83ty] .sum-total-l {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--text);
}

[b-u9wb1q83ty] .sum-total-r {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--text);
}

[b-u9wb1q83ty] .btn-buy {
    width: 100%;
    padding: 0.8rem;
    background: var(--orange-btn);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s;
    letter-spacing: 0.02em;
}

[b-u9wb1q83ty] .btn-buy:hover:not(:disabled) {
    background: var(--orange-hover);
}

[b-u9wb1q83ty] .btn-buy:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

[b-u9wb1q83ty] .sum-note {
    margin-top: 0.75rem;
    font-size: 0.73rem;
    color: var(--text-muted);
    text-align: center;
    line-height: 1.5;
}

/* ── Pricing Table ───────────────────────────────────────────── */
[b-u9wb1q83ty] .pt-section {
    margin-top: 2rem;
}

[b-u9wb1q83ty] .pt-intro {
    margin-bottom: 1.25rem;
}

[b-u9wb1q83ty] .pt-intro-label {
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--orange);
    margin-bottom: 0.25rem;
}

[b-u9wb1q83ty] .pt-intro-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--text);
}

[b-u9wb1q83ty] .savings-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

@media (max-width: 600px) {
    [b-u9wb1q83ty] .savings-row {
        grid-template-columns: 1fr;
    }
}

[b-u9wb1q83ty] .sav-box {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 1rem;
    text-align: center;
}

[b-u9wb1q83ty] .sav-val {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--orange);
    margin-bottom: 0.25rem;
}

[b-u9wb1q83ty] .sav-label {
    font-size: 0.78rem;
    color: var(--text-muted);
    line-height: 1.5;
}

[b-u9wb1q83ty] .pt-wrap {
    overflow-x: auto;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: #fff;
}

[b-u9wb1q83ty] .pt {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
}

[b-u9wb1q83ty] .pt thead th {
    padding: 0.75rem 1rem;
    text-align: center;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-mid);
    background: var(--surface);
    border-bottom: 1px solid var(--border);
}

[b-u9wb1q83ty] .th-stub,
[b-u9wb1q83ty] .th-sub-stub {
    text-align: left;
}

[b-u9wb1q83ty] .th-group-pp {
    background: var(--orange-dim);
    color: var(--orange) !important;
    border-bottom: 2px solid var(--orange-border) !important;
}

[b-u9wb1q83ty] .th-group-gate {
    border-left: 2px solid var(--border);
}

[b-u9wb1q83ty] .pt tbody td {
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--border-light);
    vertical-align: middle;
}

[b-u9wb1q83ty] .pt tbody tr:last-child td {
    border-bottom: none;
}

[b-u9wb1q83ty] .td-name {
    font-weight: 500;
    color: var(--text);
    min-width: 160px;
}

[b-u9wb1q83ty] .td-sub {
    font-size: 0.73rem;
    color: var(--text-muted);
    margin-top: 0.1rem;
}

[b-u9wb1q83ty] .td-p {
    text-align: center;
    font-weight: 600;
    white-space: nowrap;
}

[b-u9wb1q83ty] .td-p.best {
    background: var(--orange-dim);
    color: var(--orange);
}

[b-u9wb1q83ty] .td-p.second {
    background: rgba(212, 137, 10, 0.05);
    color: var(--text-mid);
}

[b-u9wb1q83ty] .td-p.gate-price {
    border-left: 2px solid var(--border);
}

[b-u9wb1q83ty] .td-p.none,
[b-u9wb1q83ty] .td-p.none-last {
    color: var(--text-muted);
    font-weight: 400;
}

[b-u9wb1q83ty] .td-p.none-gate {
    color: var(--text-muted);
    font-weight: 400;
    border-left: 2px solid var(--border);
}

[b-u9wb1q83ty] .tr-sep td {
    padding: 0.5rem 1rem 0.5rem 1.5rem;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--text-muted);
    background: var(--surface);
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border-light);
    position: relative;
}

[b-u9wb1q83ty] .tr-sep td::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--orange);
}

[b-u9wb1q83ty] .pt tfoot td {
    padding: 0.6rem 1rem;
    font-size: 0.75rem;
    color: var(--text-muted);
    background: var(--surface);
    border-top: 1px solid var(--border);
}

[b-u9wb1q83ty] .legend {
    display: flex;
    gap: 1.5rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

[b-u9wb1q83ty] .leg {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.78rem;
    color: var(--text-muted);
}

[b-u9wb1q83ty] .leg-swatch {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    flex-shrink: 0;
}

[b-u9wb1q83ty] .sw-best {
    background: var(--orange-dim);
    border: 1px solid var(--orange-border);
}

[b-u9wb1q83ty] .sw-second {
    background: rgba(212, 137, 10, 0.05);
    border: 1px solid var(--border);
}

[b-u9wb1q83ty] .sw-gate {
    background: var(--surface);
    border: 2px solid var(--border);
}
/* /Components/Pages/Tos.razor.rz.scp.css */
/* ── Page wrapper ── */
.legal-page[b-v6rsrunflb] {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-size: 15px;
    line-height: 1.75;
    color: var(--text, #1A1712);
}

.legal-page[b-v6rsrunflb]  .page {
    max-width: 860px;
    margin: 0 auto;
    padding: 48px 32px 72px;
}

/* ── Header ── */
.legal-page[b-v6rsrunflb]  .doc-header {
    text-align: center;
    margin-bottom: 36px;
    padding-bottom: 24px;
    border-bottom: 2px solid var(--accent, #D4890A);
}
.legal-page[b-v6rsrunflb]  .doc-header h1 {
    font-size: 1.75em;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--text, #1A1712);
    margin: 0 0 6px;
}
.legal-page[b-v6rsrunflb]  .doc-header .subtitle {
    font-size: 0.95em;
    color: var(--text-muted, #8A7D6E);
    margin: 0 0 4px;
}
.legal-page[b-v6rsrunflb]  .doc-header .subtitle a {
    color: var(--accent, #D4890A);
    text-decoration: none;
}
.legal-page[b-v6rsrunflb]  .doc-header .subtitle a:hover {
    text-decoration: underline;
}
.legal-page[b-v6rsrunflb]  .doc-header .version {
    font-size: 0.82em;
    color: var(--text-muted, #8A7D6E);
    margin: 0;
}

/* ── Operator info box ── */
.legal-page[b-v6rsrunflb]  .operator-box {
    background: var(--bg-card, #F5EFE3);
    border: 1px solid var(--border, #D6CDB8);
    border-left: 4px solid var(--accent, #D4890A);
    border-radius: 6px;
    padding: 18px 22px;
    margin-bottom: 28px;
}
.legal-page[b-v6rsrunflb]  .operator-box p {
    margin: 3px 0;
    font-size: 0.93em;
}
.legal-page[b-v6rsrunflb]  .operator-box strong {
    color: var(--text, #1A1712);
}

/* ── Preamble ── */
.legal-page[b-v6rsrunflb]  .preambule {
    background: var(--bg-card, #F5EFE3);
    border: 1px solid var(--border, #D6CDB8);
    border-radius: 6px;
    padding: 18px 22px;
    margin-bottom: 28px;
    font-size: 0.93em;
    color: var(--text, #1A1712);
}

/* ── Table of contents ── */
.legal-page[b-v6rsrunflb]  .toc {
    background: var(--bg-dark, #1C1814);
    color: var(--text-dark, #E8E0D0);
    border-radius: 6px;
    padding: 22px 28px;
    margin-bottom: 40px;
}
.legal-page[b-v6rsrunflb]  .toc h3 {
    margin: 0 0 12px;
    font-size: 0.78em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--accent, #D4890A);
}
.legal-page[b-v6rsrunflb]  .toc ol {
    margin: 0;
    padding-left: 20px;
}
.legal-page[b-v6rsrunflb]  .toc li {
    margin-bottom: 5px;
    font-size: 0.9em;
}
.legal-page[b-v6rsrunflb]  .toc a {
    color: var(--text-dark, #E8E0D0);
    text-decoration: none;
}
.legal-page[b-v6rsrunflb]  .toc a:hover {
    color: var(--accent, #D4890A);
}

/* ── Article headings ── */
.legal-page[b-v6rsrunflb]  h2 {
    font-size: 1.05em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin: 40px 0 10px;
    padding: 10px 16px;
    background: var(--bg-card, #F5EFE3);
    border-left: 4px solid var(--accent, #D4890A);
    color: var(--text, #1A1712);
    border-radius: 0 4px 4px 0;
}

/* ── Lists ── */
.legal-page[b-v6rsrunflb]  ol {
    padding-left: 24px;
    margin: 10px 0;
}
.legal-page[b-v6rsrunflb]  ol > li {
    margin-bottom: 9px;
}
.legal-page[b-v6rsrunflb]  ul {
    padding-left: 22px;
    margin: 6px 0;
}
.legal-page[b-v6rsrunflb]  ul > li {
    margin-bottom: 5px;
}

/* ── Warning box ── */
.legal-page[b-v6rsrunflb]  .box-warning {
    background: #FDF3E3;
    border: 1px solid #E8C070;
    border-left: 4px solid var(--accent, #D4890A);
    border-radius: 4px;
    padding: 14px 18px;
    margin: 16px 0;
    font-size: 0.91em;
}
.legal-page[b-v6rsrunflb]  .box-warning strong {
    color: var(--accent-dim, #B87208);
}

/* ── Inline elements ── */
.legal-page[b-v6rsrunflb]  strong {
    color: var(--text, #1A1712);
}
.legal-page[b-v6rsrunflb]  a {
    color: var(--accent, #D4890A);
    text-decoration: none;
}
.legal-page[b-v6rsrunflb]  a:hover {
    text-decoration: underline;
    color: var(--accent-dim, #B87208);
}
.legal-page[b-v6rsrunflb]  em {
    color: var(--text-muted, #8A7D6E);
}
.legal-page[b-v6rsrunflb]  hr {
    border: none;
    border-top: 1px solid var(--border, #D6CDB8);
    margin: 36px 0;
}

/* ── Section label ── */
.legal-page[b-v6rsrunflb]  .section-label {
    display: inline-block;
    font-size: 0.72em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--accent, #D4890A);
    margin-bottom: 2px;
}

/* ── Footer ── */
.legal-page[b-v6rsrunflb]  .doc-footer {
    margin-top: 52px;
    padding-top: 20px;
    border-top: 1px solid var(--border, #D6CDB8);
    text-align: center;
    font-size: 0.82em;
    color: var(--text-muted, #8A7D6E);
}
.legal-page[b-v6rsrunflb]  .doc-footer a {
    color: var(--accent, #D4890A);
}

/* ── Responsive ── */
@media (max-width: 600px) {
    .legal-page[b-v6rsrunflb]  .page { padding: 28px 18px 48px; }
    .legal-page[b-v6rsrunflb]  h2 { font-size: 0.95em; }
}

/* /Components/Pages/VendorPages.razor.rz.scp.css */
.contact-person[b-9986h9kgn8], .billing-data[b-9986h9kgn8], .booth-info[b-9986h9kgn8] {
    border-bottom: 1px black solid;
}
/* /Components/Pages/VendorRegistration.razor.rz.scp.css */
.contact-person[b-gvjg99j9z6], .billing-data[b-gvjg99j9z6], .booth-info[b-gvjg99j9z6] {
    border-bottom: 1px black solid;
}
/* /Components/Schedule/ScheduleGridPublic.razor.rz.scp.css */
.schedule-grid[b-ixd8kp1yld] {
  --sg-border: #e5e7eb;
  --sg-bg: #fff;
  --sg-time-bg: #fafafa;
  --sg-header-bg: #f3f4f6;
  --sg-event-border: #9aa6b2;
  --sg-event-text: #111827;
  --sg-subtext: #6b7280;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid var(--sg-border);
  border-radius: 8px;
  background: var(--sg-bg);
  position: relative;
  max-width: fit-content;
  width: auto;
}
.sg-header[b-ixd8kp1yld] {
  display: grid;
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--sg-header-bg);
  border-bottom: 1px solid var(--sg-border);
}
.sg-time-header[b-ixd8kp1yld] {
  height: 44px;
}
.sg-section-header[b-ixd8kp1yld] {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.95rem;
  border-left: 1px solid var(--sg-border);
}
.sg-body[b-ixd8kp1yld] {
  display: grid;
}
.sg-time-col[b-ixd8kp1yld] {
  display: flex;
  flex-direction: column;
  background: var(--sg-time-bg);
}
.sg-time-slot[b-ixd8kp1yld] {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  border-top: 1px solid var(--sg-border);
  padding: 4px 8px;
  font-size: 0.85rem;
  color: #374151;
  box-sizing: border-box;
}
.sg-section-col[b-ixd8kp1yld] {
  position: relative;
  border-left: 1px solid var(--sg-border);
  padding: 0;
  overflow: hidden;
}
.sg-section-col .sg-slot-bg[b-ixd8kp1yld] {
  border-top: 1px dashed #eaeaea;
}
.sg-event[b-ixd8kp1yld] {
  position: absolute;
  left: 0;
  border: 1px solid var(--sg-event-border);
  border-radius: 6px;
  color: var(--sg-event-text);
  padding: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sg-event-header[b-ixd8kp1yld] {
  left: 0;
  top: 0;
  width: 100%;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 1.15;
  overflow: hidden;
}
.sg-event-body[b-ixd8kp1yld] {
  padding: 6px 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.sg-event-title[b-ixd8kp1yld] {
  font-weight: 600;
  font-size: 0.9rem;
  line-height: 1.1;
}
.sg-event-desc[b-ixd8kp1yld] {
  font-size: 0.8rem;
  color: #111827cc;
}
.sg-event-time[b-ixd8kp1yld] {
  font-size: 0.75rem;
  color: var(--sg-subtext);
}

.sg-time-header[b-ixd8kp1yld],
.sg-time-col[b-ixd8kp1yld] {
  position: sticky;
  left: 0;
  z-index: 5;
  background: var(--sg-time-bg);
}

.sg-time-col[b-ixd8kp1yld] {
  box-shadow: 2px 0 4px -2px rgba(0, 0, 0, 0.12);
  border-right: 1px solid var(--sg-border);
}
/* /Components/ShoppingCart/ShoppingCart.razor.rz.scp.css */
/* hide number input spinners */
.cs-cart-qty input[b-s1os0uf0ij]::-webkit-outer-spin-button,
.cs-cart-qty input[b-s1os0uf0ij]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.cs-cart-qty input[type=number][b-s1os0uf0ij] {
    -moz-appearance: textfield;
}

/* list layout */
.cs-cart-list[b-s1os0uf0ij] {
    border-top: 1px solid #dee2e6;
}

.cs-cart-row[b-s1os0uf0ij] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 1.25rem;
    padding: 0.85rem 0;
    border-bottom: 1px solid #dee2e6;
}

.cs-cart-info[b-s1os0uf0ij] {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.cs-cart-name[b-s1os0uf0ij] {
    font-weight: 600;
    font-size: 1rem;
}

.cs-cart-desc[b-s1os0uf0ij] {
    font-size: 0.82rem;
}

.cs-cart-price[b-s1os0uf0ij] {
    flex: 0 0 auto;
    text-align: right;
    font-size: 1rem;
    white-space: nowrap;
}

/* quantity controls */
.cs-cart-qty[b-s1os0uf0ij] {
    flex: 0 0 auto;
}

.cs-cart-qty .input-group[b-s1os0uf0ij] {
    width: 110px;
    flex-wrap: nowrap;
}

.cs-qty-btn[b-s1os0uf0ij] {
    flex: 0 0 32px;
    width: 32px;
    padding: 0;
    border: 1px solid #dee2e6;
    background: #fff;
    font-size: 1rem;
    line-height: 1;
}

.cs-qty-btn:hover[b-s1os0uf0ij] {
    background: #f0f0f0;
}

.cs-qty-input[b-s1os0uf0ij] {
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 0;
    text-align: center;
    border-left: none;
    border-right: none;
    color: #adb5bd;
    font-size: 1rem;
    padding: 0;
}

/* buy button */
.cs-buy-btn[b-s1os0uf0ij] {
    min-width: 220px;
    letter-spacing: 0.08em;
    font-weight: 600;
    text-transform: uppercase;
}
/* /Components/UnderConstruction.razor.rz.scp.css */
/* ─── Outer wrapper ─────────────────────────────────────────────── */
.uc-wrap[b-wqkcgjgujs] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    min-height: 55vh;
}

/* ─── Card grid: left (mark) + right (body) ─────────────────────── */
.uc[b-wqkcgjgujs] {
    display: grid;
    grid-template-columns: 280px 1fr;
    max-width: 860px;
    width: 100%;
    border: 1px solid var(--border-light);
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
}

/* ─── Left column — C mark ──────────────────────────────────────── */
.uc-mark[b-wqkcgjgujs] {
    position: relative;
    background: var(--surface);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    overflow: hidden;
}

/* decorative dashed oval behind the logo */
.uc-mark[b-wqkcgjgujs]::before {
    content: '';
    position: absolute;
    width: 190px;
    height: 270px;
    border-radius: 50%;
    border: 1.5px dashed var(--border);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.uc-c[b-wqkcgjgujs] {
    position: relative;
    z-index: 1;
    animation: uc-float-b-wqkcgjgujs 3.2s ease-in-out infinite;
}

.uc-c img[b-wqkcgjgujs] {
    width: 160px;
    height: 160px;
    object-fit: contain;
    display: block;
}

@keyframes uc-float-b-wqkcgjgujs {
    0%, 100% { transform: translateY(0); }
    50%       { transform: translateY(-10px); }
}

/* ─── Right column — body ───────────────────────────────────────── */
.uc-body[b-wqkcgjgujs] {
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* ─── Eyebrow tag ───────────────────────────────────────────────── */
.uc-eyebrow[b-wqkcgjgujs] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px;
    border: 1px solid var(--orange-border);
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--orange);
    background: var(--orange-dim);
    margin-bottom: 1.25rem;
    align-self: flex-start;
}

.uc-eyebrow .pulse[b-wqkcgjgujs] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--orange);
    animation: uc-pulse-b-wqkcgjgujs 2s ease-in-out infinite;
    flex-shrink: 0;
}

@keyframes uc-pulse-b-wqkcgjgujs {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: 0.35; transform: scale(0.65); }
}

/* ─── Text ──────────────────────────────────────────────────────── */
.uc-title[b-wqkcgjgujs] {
    font-size: 2.4rem;
    font-weight: 800;
    color: var(--text);
    line-height: 1.1;
    letter-spacing: -0.02em;
    margin: 0 0 0.4rem;
}

.uc-subtitle[b-wqkcgjgujs] {
    font-size: 13px;
    color: var(--text-muted);
    font-style: italic;
    margin: 0 0 1rem;
}

.uc-desc[b-wqkcgjgujs] {
    font-size: 15px;
    color: var(--text-mid);
    line-height: 1.55;
    margin: 0 0 1.5rem;
}

.uc-desc em[b-wqkcgjgujs] {
    display: block;
    font-size: 12px;
    color: var(--text-muted);
    margin-top: 0.35rem;
}

/* ─── Progress strip ────────────────────────────────────────────── */
.uc-progress[b-wqkcgjgujs] {
    border: 1px solid var(--border-light);
    border-radius: 6px;
    padding: 12px 16px;
    margin-bottom: 1.5rem;
}

.uc-progress-row[b-wqkcgjgujs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--text-muted);
}

.uc-bar[b-wqkcgjgujs] {
    height: 8px;
    border-radius: 99px;
    background: var(--border-light);
    overflow: hidden;
}

.uc-bar > span[b-wqkcgjgujs] {
    display: block;
    height: 100%;
    border-radius: 99px;
    background: linear-gradient(90deg, var(--orange) 0%, var(--orange-btn) 100%);
    position: relative;
    overflow: hidden;
}

.uc-bar > span[b-wqkcgjgujs]::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.40), transparent);
    animation: uc-shimmer-b-wqkcgjgujs 2.2s infinite;
}

@keyframes uc-shimmer-b-wqkcgjgujs {
    to { left: 200%; }
}

/* ─── Action buttons ────────────────────────────────────────────── */
.uc-actions[b-wqkcgjgujs] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.uc-btn[b-wqkcgjgujs] {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    background: var(--orange-btn);
    color: #fff;
    border: 1.5px solid var(--orange-btn);
    transition: background .14s, border-color .14s;
}

.uc-btn:hover[b-wqkcgjgujs] {
    background: var(--orange-hover);
    border-color: var(--orange-hover);
    color: #fff;
    text-decoration: none;
}

.uc-btn-outline[b-wqkcgjgujs] {
    background: transparent;
    color: var(--text-mid);
    border-color: var(--border);
}

.uc-btn-outline:hover[b-wqkcgjgujs] {
    background: var(--surface);
    color: var(--text);
}

/* ─── Responsive: stack below 720 px ───────────────────────────── */
@media (max-width: 720px) {
    .uc[b-wqkcgjgujs] {
        grid-template-columns: 1fr;
    }

    .uc-mark[b-wqkcgjgujs] {
        padding: 2rem;
    }

    .uc-c img[b-wqkcgjgujs] {
        width: 100px;
        height: 100px;
    }

    .uc-title[b-wqkcgjgujs] {
        font-size: 1.85rem;
    }

    .uc-body[b-wqkcgjgujs] {
        padding: 1.5rem;
    }
}

