:root {
  --navy: #073b87;
  --navy-dark: #041f4a;
  --orange: #ff8a00;
  --sky: #35b9f2;
  --ink: #10233f;
  --muted: #63738a;
  --line: #dce5ef;
  --light: #f5f8fc;
  --white: #ffffff;
  --success: #157347;
  --danger: #b42318;
  --shadow: 0 18px 55px rgba(5, 31, 72, .12);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.6; }
a { color: inherit; }
img { max-width: 100%; }
.container { width: min(1160px, calc(100% - 36px)); margin: 0 auto; }
.narrow { width: min(680px, calc(100% - 36px)); }
.site-header { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.94); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(220,229,239,.8); }
.nav-wrap { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand img { display: block; width: 250px; height: auto; }
.nav-links { display: flex; align-items: center; gap: 20px; font-size: .93rem; font-weight: 700; }
.nav-links a { text-decoration: none; }
.nav-links a:hover { color: var(--orange); }
.version-badge { padding: 5px 10px; color: var(--navy); background: #eaf3ff; border-radius: 99px; font-size: .78rem; }
.hero { overflow: hidden; background: radial-gradient(circle at 88% 10%, rgba(255,138,0,.16), transparent 28%), linear-gradient(135deg, #f8fbff, #fff 55%, #fff8ef); border-bottom: 1px solid var(--line); }
.hero-grid { min-height: 640px; display: grid; grid-template-columns: 1.4fr .75fr; align-items: center; gap: 70px; padding: 80px 0; }
.eyebrow { color: var(--orange); font-size: .78rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
h1,h2,h3 { margin-top: 0; line-height: 1.12; letter-spacing: -.035em; }
h1 { max-width: 800px; margin-bottom: 22px; color: var(--navy-dark); font-size: clamp(2.7rem, 6vw, 5.8rem); }
h2 { color: var(--navy-dark); font-size: clamp(2rem, 4vw, 3.4rem); }
h3 { color: var(--navy-dark); font-size: 1.2rem; }
p { color: var(--muted); }
.hero-copy { max-width: 680px; font-size: 1.2rem; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 12px 20px; border: 1px solid transparent; border-radius: 10px; font: inherit; font-weight: 800; text-decoration: none; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease; }
.button:hover { transform: translateY(-1px); }
.button.primary { color: var(--white); background: linear-gradient(135deg, var(--navy), #0b58bd); box-shadow: 0 10px 26px rgba(7,59,135,.22); }
.button.secondary { color: var(--navy); background: var(--white); border-color: var(--line); }
.button.full { width: 100%; }
.status-card,.panel,.form-card,.feature-card,.error-card { background: var(--white); border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); }
.status-card { padding: 28px; }
.status-card-head { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.pulse { width: 12px; height: 12px; border-radius: 50%; box-shadow: 0 0 0 6px rgba(21,115,71,.1); }
.pulse.ok { background: #1e9b60; }.pulse.bad { background: var(--danger); }
dl { margin: 0; }
.status-card dl div,.status-list div { display: flex; justify-content: space-between; gap: 18px; padding: 13px 0; border-bottom: 1px solid var(--line); }
dt { color: var(--muted); } dd { margin: 0; font-weight: 800; text-align: right; }
.section { padding: 90px 0; }
.section-tint { background: var(--light); border-top: 1px solid var(--line); }
.section-heading { max-width: 760px; margin-bottom: 42px; }
.section-heading.split { max-width: none; display: flex; justify-content: space-between; align-items: end; gap: 20px; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.feature-card { min-height: 230px; padding: 28px; box-shadow: none; }
.feature-card > span { display: inline-grid; place-items: center; width: 38px; height: 38px; margin-bottom: 32px; color: var(--navy); background: #eaf3ff; border-radius: 10px; font-size: .82rem; font-weight: 900; }
.next-build { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 60px; }
.installer-section { background: var(--light); }
.installer-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 60px; align-items: start; }
.form-card { padding: 34px; }
fieldset { margin: 0 0 28px; padding: 0; border: 0; }
legend { width: 100%; margin-bottom: 17px; padding-bottom: 9px; color: var(--navy-dark); border-bottom: 1px solid var(--line); font-size: 1.15rem; font-weight: 900; }
label { display: grid; gap: 7px; margin-bottom: 16px; color: var(--ink); font-size: .92rem; font-weight: 800; }
label small { color: var(--muted); font-weight: 500; }
input { width: 100%; min-height: 48px; padding: 10px 13px; color: var(--ink); background: #fff; border: 1px solid #cbd7e5; border-radius: 9px; font: inherit; outline: none; }
input:focus { border-color: var(--navy); box-shadow: 0 0 0 4px rgba(7,59,135,.1); }
.field-grid.two { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.checkbox-row { grid-template-columns: auto 1fr; align-items: start; gap: 10px; }
.checkbox-row input { width: 18px; min-height: 18px; margin-top: 4px; }
.warning-note { margin: 16px 0 20px; padding: 14px 16px; color: #774500; background: #fff4df; border: 1px solid #ffd28c; border-radius: 10px; font-size: .9rem; }
.check-list { display: grid; gap: 10px; margin-top: 28px; }
.check-row { display: grid; grid-template-columns: 34px 1fr; gap: 10px; align-items: center; padding: 12px 14px; background: #fff; border: 1px solid var(--line); border-radius: 10px; }
.check-row > span { display: grid; place-items: center; width: 28px; height: 28px; color: #fff; border-radius: 50%; font-weight: 900; }
.check-row.passed > span { background: var(--success); }.check-row.failed > span { background: var(--danger); }
.check-row strong,.check-row small { display: block; }.check-row small { color: var(--muted); }
.check-list.compact { margin-top: 0; }
.alert { margin-bottom: 22px; padding: 14px 17px; border-radius: 10px; border: 1px solid transparent; }
.alert ul { margin-bottom: 0; }
.alert.success { color: #0d5a37; background: #eaf8f1; border-color: #b9e6cf; }
.alert.danger { color: #8a1c13; background: #fff0ee; border-color: #ffc9c3; }
.alert.info { color: #064c83; background: #eaf6ff; border-color: #bee3ff; }
.dashboard-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.panel { padding: 28px; box-shadow: none; }
.panel h2 { font-size: 1.5rem; }
.migration-panel { margin-top: 24px; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th,td { padding: 13px 12px; text-align: left; border-bottom: 1px solid var(--line); }
th { color: var(--muted); font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; }
code { color: var(--navy); background: #eef4fb; padding: 3px 6px; border-radius: 5px; }
.error-card { padding: 60px 40px; text-align: center; }
.error-code { color: var(--orange); font-size: 4rem; font-weight: 900; }
.site-footer { padding: 30px 0; color: #bfd2ec; background: var(--navy-dark); }
.footer-row { display: flex; justify-content: space-between; gap: 24px; }
@media (max-width: 900px) {
  .hero-grid,.installer-grid,.next-build,.dashboard-grid { grid-template-columns: 1fr; }
  .hero-grid { gap: 35px; min-height: auto; }
  .feature-grid { grid-template-columns: 1fr 1fr; }
  .nav-links a { display: none; }
  .section-heading.split { align-items: start; flex-direction: column; }
}
@media (max-width: 620px) {
  .brand img { width: 190px; }
  .section { padding: 64px 0; }
  .feature-grid,.field-grid.two { grid-template-columns: 1fr; }
  .form-card { padding: 22px; }
  .footer-row { flex-direction: column; }
  h1 { font-size: 2.7rem; }
}


/* Version 0.2 authentication and account interface */
.global-message { padding-top: 22px; }
.alert.warning { color: #774500; background: #fff4df; border-color: #ffd28c; }
.dev-link { margin-top: 10px; padding-top: 10px; border-top: 1px solid currentColor; overflow-wrap: anywhere; }
.nav-toggle { display: none; min-height: 40px; padding: 8px 12px; color: var(--navy); background: var(--white); border: 1px solid var(--line); border-radius: 8px; font: inherit; font-weight: 800; }
.nav-cta { padding: 8px 13px; color: var(--white) !important; background: var(--navy); border-radius: 8px; }
.nav-form { margin: 0; }
.nav-form button { padding: 0; color: var(--ink); background: transparent; border: 0; font: inherit; font-weight: 700; cursor: pointer; }
.nav-form button:hover { color: var(--orange); }
.user-chip { max-width: 150px; padding: 5px 10px; overflow: hidden; color: var(--navy); background: #edf4ff; border-radius: 99px; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.auth-section { min-height: calc(100vh - 160px); display: grid; align-items: center; padding: 80px 0; background: radial-gradient(circle at 10% 10%, rgba(53,185,242,.12), transparent 30%), linear-gradient(135deg, var(--light), #fff 58%, #fff7eb); }
.auth-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; }
.auth-copy h1, .compact-auth h1 { font-size: clamp(2.8rem, 5vw, 5rem); }
.auth-copy p { max-width: 560px; font-size: 1.1rem; }
.auth-card { max-width: 680px; width: 100%; justify-self: end; }
.auth-card h2 { margin-bottom: 8px; font-size: 2rem; }
.form-footer { margin-top: 22px; padding-top: 18px; text-align: center; border-top: 1px solid var(--line); color: var(--muted); }
.form-footer a, .form-row-between a { color: var(--navy); font-weight: 800; }
.form-row-between { display: flex; justify-content: flex-end; margin: -5px 0 18px; }
.benefit-list { display: grid; gap: 12px; padding: 0; list-style: none; color: var(--ink); font-weight: 700; }
.benefit-list li::before { content: '✓'; margin-right: 10px; color: var(--success); }
.role-explainer { display: grid; grid-template-columns: auto 1fr; gap: 10px 18px; max-width: 520px; padding: 20px; background: rgba(255,255,255,.75); border: 1px solid var(--line); border-radius: 14px; }
.role-explainer strong { color: var(--navy); }
.account-type { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.account-type legend { grid-column: 1 / -1; }
.choice-card { grid-template-columns: auto 1fr; align-items: center; margin: 0; padding: 14px; background: var(--light); border: 1px solid var(--line); border-radius: 10px; cursor: pointer; }
.choice-card input { width: 18px; min-height: 18px; }
.choice-card strong, .choice-card small { display: block; }
textarea, select { width: 100%; padding: 11px 13px; color: var(--ink); background: #fff; border: 1px solid #cbd7e5; border-radius: 9px; font: inherit; outline: none; }
textarea:focus, select:focus { border-color: var(--navy); box-shadow: 0 0 0 4px rgba(7,59,135,.1); }
input.invalid, textarea.invalid, select.invalid { border-color: var(--danger); box-shadow: 0 0 0 3px rgba(180,35,24,.08); }
.field-error { color: var(--danger) !important; font-weight: 700 !important; }
.block-error { display: block; margin: -8px 0 15px; }
.compact-auth .narrow { max-width: 650px; }
.compact-auth .auth-card { margin: 0 auto; }
.dashboard-hero { padding: 80px 0 60px; color: var(--white); background: radial-gradient(circle at 85% 20%, rgba(255,138,0,.32), transparent 25%), linear-gradient(135deg, var(--navy-dark), var(--navy)); }
.dashboard-hero.small { padding: 62px 0 45px; }
.dashboard-hero h1 { margin-bottom: 14px; color: var(--white); font-size: clamp(2.8rem, 5vw, 5rem); }
.dashboard-hero p { max-width: 760px; color: #d5e6fb; font-size: 1.1rem; }
.metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-bottom: 24px; }
.metric-card { padding: 24px; background: var(--white); border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 12px 30px rgba(5,31,72,.08); }
.metric-card span { display: block; color: var(--muted); font-weight: 700; }
.metric-card strong { display: block; margin-top: 8px; color: var(--navy-dark); font-size: 2.6rem; line-height: 1; }
.dashboard-modules { margin-bottom: 24px; }
.module-icon { display: inline-grid; place-items: center; width: 40px; height: 40px; margin-bottom: 20px; color: var(--navy); background: #eaf3ff; border-radius: 10px; font-weight: 900; }
.coming-badge { display: inline-block; padding: 6px 10px; color: #774500; background: #fff4df; border-radius: 99px; font-size: .8rem; font-weight: 900; }
.account-summary { margin-top: 24px; }
.profile-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 24px; align-items: start; }
.profile-side { display: grid; gap: 24px; }
.trust-row { display: flex; flex-wrap: wrap; gap: 16px 22px; margin-top: 26px; color: var(--muted); font-size: .9rem; font-weight: 750; }
@media (max-width: 1000px) {
  .auth-grid, .profile-grid { grid-template-columns: 1fr; }
  .auth-card { justify-self: stretch; max-width: none; }
  .metric-grid { grid-template-columns: 1fr 1fr; }
  .nav-toggle { display: inline-flex; }
  .nav-links { position: absolute; top: 70px; right: 18px; width: min(320px, calc(100vw - 36px)); display: none; align-items: stretch; flex-direction: column; gap: 0; padding: 16px; background: var(--white); border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow); }
  .nav-links.open { display: flex; }
  .nav-links a, .nav-form button { display: block; width: 100%; padding: 10px; text-align: left; }
  .user-chip, .version-badge { align-self: flex-start; margin: 8px 10px; }
}
@media (max-width: 620px) {
  .auth-section { padding: 55px 0; }
  .account-type, .metric-grid { grid-template-columns: 1fr; }
  .role-explainer { grid-template-columns: 1fr; }
}


/* Version 0.3 seller onboarding and review interface */
.seller-layout { display: grid; grid-template-columns: 320px 1fr; gap: 26px; align-items: start; }
.seller-content, .review-content { display: grid; gap: 24px; }
.sticky-panel { position: sticky; top: 102px; }
.status-heading, .panel-heading { display: flex; justify-content: space-between; gap: 18px; align-items: center; margin-bottom: 18px; }
.panel-heading h2 { margin-bottom: 0; }
.status-pill { display: inline-flex; align-items: center; padding: 5px 10px; color: var(--navy); background: #eaf3ff; border-radius: 999px; font-size: .76rem; font-weight: 900; text-transform: capitalize; }
.status-pill.pending, .status-pill.changes_requested { color: #774500; background: #fff0cf; }
.status-pill.approved, .status-pill.verified { color: #0d633c; background: #daf5e7; }
.status-pill.rejected { color: #8a1c13; background: #ffe0dc; }
.status-pill.draft { color: #475569; background: #edf1f5; }
.progress-track { height: 10px; overflow: hidden; background: #e7edf4; border-radius: 99px; }
.progress-track span { display: block; height: 100%; background: linear-gradient(90deg, var(--navy), var(--sky)); border-radius: inherit; }
.step-list { display: grid; gap: 12px; margin: 24px 0; padding: 0; list-style: none; counter-reset: seller-step; }
.step-list li { position: relative; padding-left: 34px; color: var(--muted); font-weight: 750; }
.step-list li::before { counter-increment: seller-step; content: counter(seller-step); position: absolute; left: 0; top: 1px; display: grid; place-items: center; width: 23px; height: 23px; color: var(--muted); background: #edf1f5; border-radius: 50%; font-size: .72rem; }
.step-list li.done { color: var(--ink); }
.step-list li.done::before { content: '✓'; color: #fff; background: var(--success); }
.secure-note { padding: 6px 10px; color: var(--navy); background: #eaf3ff; border-radius: 99px; font-size: .75rem; font-weight: 900; }
.declaration-box { padding: 16px; background: var(--light); border: 1px solid var(--line); border-radius: 10px; }
fieldset:disabled { opacity: .68; }
.saved-account { display: grid; grid-template-columns: 1fr auto; gap: 3px 18px; margin: 18px 0 24px; padding: 18px; background: #f4f9ff; border: 1px solid #cfe2fa; border-radius: 12px; }
.saved-account strong, .saved-account span { display: block; }
.saved-account .status-pill { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
.seller-metrics { margin-bottom: 30px; }
.filter-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.filter-tabs a { padding: 8px 14px; color: var(--muted); background: var(--white); border: 1px solid var(--line); border-radius: 99px; text-decoration: none; font-weight: 800; }
.filter-tabs a.active, .filter-tabs a:hover { color: var(--white); background: var(--navy); border-color: var(--navy); }
.table-subtext { display: block; color: var(--muted); }
.table-action { color: var(--navy); font-weight: 900; }
.review-layout { display: grid; grid-template-columns: 1fr 360px; gap: 26px; align-items: start; }
.detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; margin-bottom: 28px; }
.detail-grid div { padding: 13px 0; border-bottom: 1px solid var(--line); }
.detail-grid dt, .detail-grid dd { text-align: left; }
.long-copy { margin-bottom: 30px; padding: 18px; color: var(--muted); background: var(--light); border-radius: 10px; }
.timeline { display: grid; gap: 14px; }
.timeline-item { padding: 16px; border-left: 3px solid var(--navy); background: var(--light); border-radius: 0 10px 10px 0; }
.timeline-item strong, .timeline-item time { display: block; margin-top: 7px; }
.timeline-item time { color: var(--muted); font-size: .85rem; }
.timeline-item p { margin-bottom: 0; }
.back-button { margin-top: 10px; }
.metric-word { font-size: 1.6rem !important; text-transform: capitalize; }
@media (max-width: 1000px) {
  .seller-layout, .review-layout { grid-template-columns: 1fr; }
  .sticky-panel { position: static; }
}
@media (max-width: 700px) {
  .detail-grid { grid-template-columns: 1fr; }
  .status-heading, .panel-heading { align-items: flex-start; flex-direction: column; }
  .saved-account { grid-template-columns: 1fr; }
  .saved-account .status-pill { grid-column: auto; grid-row: auto; justify-self: start; }
}

/* Version 0.4 product management and review */
.page-actions { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 0 0 24px; }
.page-actions h2 { margin-bottom: 5px; }
.page-actions p { margin: 0; }
.empty-table { display: grid; gap: 5px; padding: 26px 8px; color: var(--muted); text-align: center; }
.empty-table strong { color: var(--ink); font-size: 1.05rem; }
.file-summary { color: var(--muted); font-size: .86rem; font-weight: 750; white-space: nowrap; }
.status-pill.changes_requested { color: #774500; background: #fff0cf; }
.status-pill.suspended { color: #5a2230; background: #f4dce3; }
.product-editor-layout { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 26px; align-items: start; }
.product-editor-content { display: grid; gap: 24px; min-width: 0; }
.product-steps { margin-bottom: 22px; }
.field-grid.three { grid-template-columns: repeat(3, 1fr); }
.licence-box { margin: 26px 0; padding: 22px; background: #f7faff; border: 1px solid #d5e4f5; border-radius: 14px; }
.licence-box h3 { margin-bottom: 0; }
.licence-notes { display: grid; gap: 10px; margin-top: 18px; }
.licence-notes div { display: grid; gap: 3px; padding: 12px 14px; background: #fff; border: 1px solid var(--line); border-radius: 9px; }
.licence-notes span { color: var(--muted); font-size: .88rem; }
.upload-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 24px 0 30px; }
.upload-card { padding: 20px; background: var(--light); border: 1px solid var(--line); border-radius: 14px; }
.upload-card form { display: grid; gap: 11px; margin-top: 14px; }
.upload-card input[type="file"], .screenshot-upload input[type="file"] { width: 100%; padding: 10px; background: #fff; border: 1px dashed #aebed2; border-radius: 9px; }
.upload-card small, .screenshot-upload small { color: var(--muted); }
.file-record { display: grid; gap: 5px; margin: 12px 0; padding: 13px; background: #fff; border: 1px solid var(--line); border-radius: 9px; }
.file-record span { color: var(--muted); font-size: .86rem; }
.file-record a { color: var(--navy); font-weight: 850; }
.screenshot-heading { display: flex; justify-content: space-between; gap: 18px; margin: 10px 0 16px; }
.screenshot-heading p { margin: 0; }
.screenshot-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.screenshot-card { overflow: hidden; margin: 0; color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: 12px; text-decoration: none; }
.screenshot-card img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; background: #e9eef5; }
.screenshot-card figcaption, .screenshot-card > span { display: grid; gap: 3px; padding: 10px 12px; overflow-wrap: anywhere; }
.screenshot-card figcaption small { color: var(--muted); }
.screenshot-card form { padding: 0 12px 11px; }
.screenshot-upload { display: grid; align-content: center; gap: 10px; min-height: 220px; padding: 18px; background: #f7faff; border: 2px dashed #b8c9dd; border-radius: 12px; }
.text-button { padding: 0; background: transparent; border: 0; font: inherit; font-weight: 850; cursor: pointer; }
.danger-text { color: var(--danger); }
.submission-checklist { display: grid; gap: 10px; margin: 22px 0; padding: 0; list-style: none; }
.submission-checklist li { position: relative; padding: 12px 14px 12px 44px; color: var(--muted); background: var(--light); border: 1px solid var(--line); border-radius: 10px; font-weight: 750; }
.submission-checklist li::before { content: '—'; position: absolute; left: 14px; top: 10px; display: grid; place-items: center; width: 23px; height: 23px; color: var(--muted); background: #e6ebf1; border-radius: 50%; }
.submission-checklist li.ready { color: var(--ink); }
.submission-checklist li.ready::before { content: '✓'; color: #fff; background: var(--success); }
.review-feedback { margin: 18px 0; padding: 18px; color: #6c3f00; background: #fff4df; border: 1px solid #f2d19b; border-radius: 12px; }
.review-feedback p { margin: 8px 0 0; }
.product-description { max-height: 700px; overflow: auto; }
.licence-price-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.licence-price-grid div { display: grid; gap: 5px; padding: 18px; background: var(--light); border: 1px solid var(--line); border-radius: 12px; }
.licence-price-grid span { color: var(--navy); font-size: 1.35rem; font-weight: 900; }
.file-review-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 18px 0 30px; }
.file-review-grid > div { display: grid; align-content: start; gap: 8px; padding: 18px; background: var(--light); border: 1px solid var(--line); border-radius: 12px; }
.file-review-grid span, .file-review-grid small { color: var(--muted); }
.file-review-grid .button { justify-self: start; margin-top: 6px; }
.review-screenshots a { transition: transform .16s ease, box-shadow .16s ease; }
.review-screenshots a:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(5,31,72,.12); }
button:disabled, input:disabled, select:disabled, textarea:disabled { cursor: not-allowed; }

@media (max-width: 1100px) {
  .product-editor-layout { grid-template-columns: 1fr; }
  .product-editor-sidebar .sticky-panel { position: static; }
  .screenshot-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .footer-install-row { margin-top: -34px; padding-right: 14px; padding-bottom: 24px; padding-left: 14px; }
  .footer-install-panel { grid-template-columns: auto minmax(0,1fr); gap: 13px; padding: 17px; border-radius: 17px; }
  .footer-install-icon { width: 46px; height: 46px; border-radius: 13px; }
  .footer-install-button { grid-column: 1 / -1; width: 100%; }
  .page-actions { align-items: flex-start; flex-direction: column; }
  .field-grid.three, .upload-grid, .file-review-grid, .licence-price-grid { grid-template-columns: 1fr; }
  .screenshot-grid { grid-template-columns: 1fr; }
}


/* Version 0.5 public marketplace and product discovery */
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.button.full { width: 100%; justify-content: center; text-align: center; }
.button.ghost { color: var(--navy); background: transparent; border: 1px solid #afc1d7; }
.button.ghost-light { display: inline-flex; align-items: center; justify-content: center; padding: 12px 18px; color: #fff; border: 1px solid rgba(255,255,255,.5); border-radius: 9px; text-decoration: none; font-weight: 850; }
.button.danger-outline { color: var(--danger); background: #fff; border: 1px solid #efb8b2; }
.inline-form { margin: 0; }
.button-link { padding: 0; background: transparent; border: 0; cursor: pointer; font: inherit; }
.marketplace-home-hero, .marketplace-hero { color: #fff; background: radial-gradient(circle at 85% 18%, rgba(255,138,0,.34), transparent 25%), linear-gradient(135deg, var(--navy-dark), #0755a6); }
.marketplace-home-hero { padding: 88px 0 76px; }
.marketplace-home-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 64px; align-items: center; }
.marketplace-home-hero h1, .marketplace-hero h1 { max-width: 790px; margin: 12px 0 18px; color: #fff; font-size: clamp(3rem, 6vw, 6rem); line-height: .98; letter-spacing: -.055em; }
.marketplace-home-hero p, .marketplace-hero p { max-width: 720px; color: #d8e8fb; font-size: 1.12rem; }
.home-market-search, .market-search { display: flex; gap: 10px; margin: 30px 0 20px; padding: 7px; background: #fff; border-radius: 13px; box-shadow: 0 18px 45px rgba(0,0,0,.18); }
.home-market-search input, .market-search input { flex: 1; min-width: 0; border: 0; box-shadow: none; padding: 12px 14px; }
.home-market-search input:focus, .market-search input:focus { box-shadow: none; }
.market-hero-card { padding: 34px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.22); border-radius: 22px; box-shadow: 0 24px 60px rgba(0,0,0,.18); backdrop-filter: blur(12px); }
.big-code-mark { display: inline-grid; place-items: center; min-width: 110px; min-height: 74px; padding: 0 18px; color: var(--orange); background: rgba(3,25,60,.66); border: 2px solid rgba(255,138,0,.7); border-radius: 18px; font: 950 2.4rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; text-shadow: 0 0 18px rgba(255,138,0,.35); }
.market-hero-card h2 { margin: 20px 0 8px; color: #fff; }
.hero-stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 24px; }
.hero-stat-grid div { padding: 14px; background: rgba(255,255,255,.1); border-radius: 12px; }
.hero-stat-grid strong, .hero-stat-grid span { display: block; }
.hero-stat-grid strong { color: #fff; font-size: 1.65rem; }
.hero-stat-grid span { color: #cfe1f7; font-size: .82rem; font-weight: 800; }
.split-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.split-heading a { color: var(--navy); font-weight: 850; text-decoration: none; }
.category-card-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.category-card { display: block; padding: 24px; color: inherit; background: #fff; border: 1px solid var(--line); border-radius: 17px; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.category-card:hover { transform: translateY(-4px); border-color: #a9c8eb; box-shadow: var(--shadow); }
.category-card > span { display: inline-grid; place-items: center; width: 52px; height: 45px; color: var(--orange); background: #fff4e6; border-radius: 12px; font: 950 1.05rem ui-monospace, monospace; }
.category-card h3 { margin: 18px 0 8px; }
.category-card p { min-height: 76px; color: var(--muted); font-size: .9rem; }
.category-card strong { color: var(--navy); font-size: .86rem; }
.market-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.market-product-card { position: relative; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 12px 34px rgba(5,31,72,.07); transition: transform .2s ease, box-shadow .2s ease; }
.market-product-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.product-cover { position: relative; display: grid; place-items: center; height: 210px; overflow: hidden; color: inherit; background: linear-gradient(135deg, #e7f2ff, #f9fbfe); text-decoration: none; }
.product-cover img { width: 100%; height: 100%; object-fit: cover; }
.code-cover { display: grid; place-items: center; width: 98px; height: 70px; color: var(--orange); background: var(--navy-dark); border-radius: 16px; font: 950 2rem ui-monospace, monospace; box-shadow: 0 16px 32px rgba(4,31,74,.2); }
.featured-ribbon { position: absolute; top: 14px; left: 14px; padding: 6px 10px; color: #fff; background: var(--orange); border-radius: 999px; font-size: .72rem; font-weight: 900; }
.market-product-body { padding: 20px; }
.product-category { color: var(--navy); font-size: .75rem; font-weight: 900; text-decoration: none; text-transform: uppercase; letter-spacing: .05em; }
.market-product-body h3 { margin: 7px 0 8px; font-size: 1.12rem; line-height: 1.35; }
.market-product-body h3 a { text-decoration: none; }
.market-product-body > p { min-height: 72px; margin: 0 0 14px; color: var(--muted); font-size: .9rem; }
.product-meta-row, .product-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.product-meta-row { padding: 12px 0; color: var(--muted); border-top: 1px solid var(--line); font-size: .79rem; }
.product-card-footer { padding-top: 12px; border-top: 1px solid var(--line); }
.product-card-footer small, .product-card-footer strong { display: block; }
.product-card-footer small { color: var(--muted); font-size: .72rem; }
.product-card-footer strong { color: var(--navy-dark); }
.rating-compact { color: #be7100; font-weight: 900; }
.rating-compact small { display: inline; color: var(--muted); }
.saved-indicator { position: absolute; right: 12px; top: 174px; padding: 5px 9px; color: #8e1c42; background: #fff; border-radius: 999px; box-shadow: 0 7px 20px rgba(0,0,0,.12); font-size: .72rem; font-weight: 900; }
.marketplace-trust { padding-top: 42px; }
.trust-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.trust-feature-grid article { padding: 28px; background: #fff; border-left: 4px solid var(--orange); box-shadow: 0 10px 28px rgba(5,31,72,.06); }
.trust-feature-grid article > span { color: var(--orange); font-weight: 950; }
.trust-feature-grid p { color: var(--muted); }
.local-status-strip { color: #dceaff; background: var(--navy-dark); }
.local-status-strip .container { display: flex; flex-wrap: wrap; gap: 18px 28px; align-items: center; padding: 16px 0; font-size: .85rem; }
.local-status-strip a { margin-left: auto; color: #fff; font-weight: 900; }
.marketplace-hero { padding: 68px 0 58px; }
.marketplace-hero h1 { font-size: clamp(2.7rem, 5vw, 4.8rem); }
.marketplace-hero .market-search { max-width: 850px; }
.marketplace-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 28px; align-items: start; }
.market-sidebar { position: sticky; top: 102px; }
.filter-panel { display: grid; gap: 15px; padding: 22px; background: var(--light); border: 1px solid var(--line); border-radius: 16px; }
.filter-panel h2 { margin: 0; }
.filter-panel label { display: grid; gap: 6px; color: var(--ink); font-size: .85rem; font-weight: 850; }
.price-filter-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.results-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.results-heading h2 { margin: 3px 0 0; }
.results-heading p { margin: 0; color: var(--muted); }
.market-empty { display: grid; place-items: center; min-height: 310px; padding: 42px; text-align: center; background: var(--light); border: 1px dashed #aebed2; border-radius: 18px; }
.market-empty > span { color: var(--orange); font: 950 2.2rem ui-monospace, monospace; }
.market-empty h3 { margin: 12px 0 4px; }
.market-empty p { max-width: 600px; color: var(--muted); }
.pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 34px; }
.pagination a { display: grid; place-items: center; min-width: 40px; height: 40px; padding: 0 9px; color: var(--navy); background: #fff; border: 1px solid var(--line); border-radius: 9px; text-decoration: none; font-weight: 900; }
.pagination a.active { color: #fff; background: var(--navy); border-color: var(--navy); }
.product-detail-head { padding: 18px 0; background: var(--light); border-bottom: 1px solid var(--line); }
.product-breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; color: var(--muted); font-size: .86rem; }
.product-breadcrumbs a { color: var(--navy); text-decoration: none; }
.product-detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 30px; align-items: start; }
.product-title-block { display: flex; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.product-title-block h1 { margin: 8px 0; font-size: clamp(2.3rem, 4vw, 4.1rem); line-height: 1.02; }
.product-title-block > div > p { max-width: 780px; color: var(--muted); font-size: 1.08rem; }
.featured-badge, .verified-seller { display: inline-flex; padding: 6px 10px; color: #8a4e00; background: #fff0d8; border-radius: 999px; font-size: .76rem; font-weight: 900; }
.product-byline { display: flex; flex-wrap: wrap; gap: 9px; color: var(--muted); font-size: .88rem; }
.product-byline a { color: var(--navy); font-weight: 900; text-decoration: none; }
.detail-rating { min-width: 100px; text-align: right; }
.detail-rating strong, .detail-rating span { display: block; }
.detail-rating strong { color: #b76b00; font-size: 1.35rem; }
.detail-rating span { color: var(--muted); font-size: .78rem; }
.product-gallery { margin-bottom: 25px; overflow: hidden; background: var(--navy-dark); border-radius: 18px; box-shadow: var(--shadow); }
.gallery-primary { height: 500px; }
.gallery-primary img { width: 100%; height: 100%; object-fit: contain; background: #071a39; }
.gallery-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding: 10px; }
.gallery-strip a { display: block; height: 100px; overflow: hidden; border: 2px solid transparent; border-radius: 9px; }
.gallery-strip a:hover { border-color: var(--orange); }
.gallery-strip img { width: 100%; height: 100%; object-fit: cover; }
.gallery-placeholder { display: grid; place-items: center; min-height: 420px; color: var(--orange); font: 950 4rem ui-monospace, monospace; }
.gallery-placeholder small { display: block; color: #bcd1ec; font: 700 .9rem system-ui, sans-serif; }
.detail-panel { padding: 28px; background: #fff; border: 1px solid var(--line); border-radius: 18px; }
.detail-tabs { display: flex; flex-wrap: wrap; gap: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.detail-tabs a { color: var(--navy); font-weight: 850; text-decoration: none; }
.product-description { padding: 26px 0; color: var(--muted); }
.product-description h2 { color: var(--ink); }
.technical-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; padding: 8px 0 28px; }
.technical-grid div { padding: 14px 0; border-bottom: 1px solid var(--line); }
.technical-grid span, .technical-grid strong { display: block; }
.technical-grid span { color: var(--muted); font-size: .8rem; }
.changelog-box { padding: 20px; background: var(--light); border-radius: 12px; }
.changelog-box p { margin-bottom: 0; color: var(--muted); }
.reviews-section { padding-top: 36px; }
.review-score { color: #b76b00; font-size: 1.4rem; }
.empty-review { padding: 22px; color: var(--muted); background: var(--light); border-radius: 12px; }
.empty-review p { margin-top: 0; color: var(--ink); font-weight: 800; }
.review-list { display: grid; gap: 14px; }
.review-list article { padding: 20px; border: 1px solid var(--line); border-radius: 12px; }
.review-list article > div:first-child { display: flex; gap: 10px; align-items: center; }
.verified-purchase { padding: 3px 7px; color: var(--success); background: #e1f7eb; border-radius: 999px; font-size: .7rem; font-weight: 900; }
.review-stars { color: #c67700; }
.review-list time { color: var(--muted); font-size: .8rem; }
.purchase-panel-wrap { position: sticky; top: 102px; display: grid; gap: 18px; }
.purchase-panel, .seller-mini-card { padding: 23px; background: #fff; border: 1px solid var(--line); border-radius: 17px; box-shadow: 0 14px 35px rgba(5,31,72,.09); }
.licence-choice { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: start; margin: 13px 0; padding: 14px; background: var(--light); border: 1px solid var(--line); border-radius: 11px; }
.licence-choice input { width: auto; min-height: auto; margin-top: 5px; }
.licence-choice strong, .licence-choice small { display: block; }
.licence-choice small { color: var(--muted); font-size: .75rem; }
.licence-choice b { color: var(--navy); }
.purchase-panel form, .purchase-panel > .button { margin-top: 10px; }
.purchase-points { display: grid; gap: 8px; margin: 20px 0 0; padding-left: 20px; color: var(--muted); font-size: .84rem; }
.seller-mini-card span { color: var(--muted); font-size: .8rem; }
.seller-mini-card h3 { margin: 4px 0; }
.seller-mini-card p { color: var(--muted); }
.seller-mini-card a { color: var(--navy); font-weight: 900; text-decoration: none; }
.compact-grid { grid-template-columns: repeat(4, 1fr); }
.compact-grid .product-cover { height: 165px; }
.compact-grid .market-product-body > p { display: none; }
.seller-store-hero { padding: 65px 0; color: #fff; background: linear-gradient(135deg, var(--navy-dark), var(--navy)); }
.seller-store-grid { display: grid; grid-template-columns: 120px 1fr; gap: 28px; align-items: center; }
.seller-avatar { display: grid; place-items: center; width: 120px; height: 120px; color: var(--orange); background: rgba(255,255,255,.1); border: 2px solid rgba(255,255,255,.22); border-radius: 26px; font: 950 2rem ui-monospace, monospace; }
.seller-store-hero h1 { margin: 10px 0 5px; color: #fff; font-size: clamp(2.6rem, 5vw, 4.8rem); }
.seller-store-hero p { color: #d5e6fb; }
.seller-store-meta { display: flex; flex-wrap: wrap; gap: 10px 24px; color: #d5e6fb; font-size: .86rem; font-weight: 800; }
.seller-store-layout { display: grid; grid-template-columns: 290px minmax(0, 1fr); gap: 28px; align-items: start; }
.seller-about { position: sticky; top: 102px; }
.seller-about dl div { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.seller-about dt { color: var(--muted); }
.seller-about dd { margin: 0; font-weight: 850; }
.seller-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 1050px) {
  .marketplace-home-grid, .product-detail-layout { grid-template-columns: 1fr; }
  .market-hero-card { max-width: 720px; }
  .purchase-panel-wrap { position: static; grid-template-columns: 1fr 1fr; }
  .market-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .compact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .category-card-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 820px) {
  .marketplace-layout, .seller-store-layout { grid-template-columns: 1fr; }
  .market-sidebar, .seller-about { position: static; }
  .category-card-grid { grid-template-columns: repeat(2, 1fr); }
  .trust-feature-grid { grid-template-columns: 1fr; }
  .gallery-primary { height: 400px; }
}
@media (max-width: 620px) {
  .marketplace-home-hero { padding: 60px 0; }
  .home-market-search, .market-search { flex-direction: column; background: transparent; box-shadow: none; padding: 0; }
  .home-market-search input, .market-search input { background: #fff; border-radius: 9px; }
  .hero-stat-grid, .market-product-grid, .category-card-grid, .seller-product-grid, .technical-grid, .purchase-panel-wrap { grid-template-columns: 1fr; }
  .price-filter-grid { grid-template-columns: 1fr 1fr; }
  .split-heading, .results-heading, .product-title-block { align-items: flex-start; flex-direction: column; }
  .product-cover { height: 220px; }
  .gallery-primary { height: 300px; }
  .gallery-strip { grid-template-columns: repeat(2, 1fr); }
  .seller-store-grid { grid-template-columns: 1fr; }
  .seller-avatar { width: 90px; height: 90px; }
  .local-status-strip a { margin-left: 0; }
}

.wishlist-card-remove { padding: 0 20px 20px; }
.wishlist-card-remove button { width: 100%; padding: 9px 12px; color: var(--danger); background: #fff; border: 1px solid #efb8b2; border-radius: 9px; cursor: pointer; font: inherit; font-size: .82rem; font-weight: 850; }
.wishlist-card-remove button:hover { background: #fff5f4; }

/* Version 0.6 cart, checkout, orders and payment foundation */
.page-hero { padding: 70px 0 52px; background: linear-gradient(135deg, #f7fbff, #fff7ed); border-bottom: 1px solid var(--line); }
.compact-hero h1 { margin: 7px 0 12px; font-size: clamp(2.5rem, 5vw, 4.7rem); }
.compact-hero p { max-width: 760px; margin-bottom: 0; font-size: 1.05rem; }
.narrow-container { width: min(860px, calc(100% - 36px)); margin: 0 auto; }
.commerce-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 28px; align-items: start; }
.commerce-main { min-width: 0; display: grid; gap: 24px; }
.cart-list { display: grid; gap: 16px; }
.cart-item { display: grid; grid-template-columns: 160px minmax(0, 1fr); overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 17px; box-shadow: 0 12px 30px rgba(5,31,72,.06); }
.cart-cover { display: grid; place-items: center; min-height: 180px; overflow: hidden; color: var(--orange); background: var(--navy-dark); text-decoration: none; font: 950 2.2rem ui-monospace, monospace; }
.cart-cover img { width: 100%; height: 100%; object-fit: cover; }
.cart-item-content { padding: 22px; }
.cart-item-head { display: flex; align-items: start; justify-content: space-between; gap: 18px; }
.cart-item-head h2 { margin-bottom: 6px; font-size: 1.35rem; }
.cart-item-head h2 a { text-decoration: none; }
.cart-item-head p { margin: 0; font-size: .88rem; }
.cart-item-head > strong { color: var(--navy); white-space: nowrap; }
.cart-actions { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.cart-license-form { display: flex; align-items: end; gap: 10px; }
.cart-license-form label { min-width: 290px; margin: 0; }
.button.small { min-height: 42px; padding: 9px 14px; }
.button.large { min-height: 56px; padding: 15px 24px; font-size: 1rem; }
.button.ghost { color: var(--navy); background: transparent; border-color: #bfd0e4; }
.text-button { padding: 7px 0; background: transparent; border: 0; cursor: pointer; font: inherit; font-weight: 850; }
.danger-text { color: var(--danger); }
.cart-clear-form { display: flex; justify-content: flex-end; }
.order-summary-card { position: sticky; top: 102px; padding: 24px; background: #fff; border: 1px solid var(--line); border-radius: 17px; box-shadow: 0 14px 38px rgba(5,31,72,.09); }
.order-summary-card dl { margin: 18px 0; }
.order-summary-card dl div { display: flex; justify-content: space-between; gap: 14px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.order-summary-card dt, .order-summary-card dd { text-align: left; }
.order-summary-card dd { white-space: nowrap; }
.order-summary-card .summary-total { padding-top: 17px; color: var(--navy-dark); border-bottom: 0; font-size: 1.1rem; }
.order-summary-card .summary-total dt, .order-summary-card .summary-total dd { color: var(--navy-dark); font-weight: 950; }
.order-summary-card .button { margin-top: 10px; }
.summary-note, .checkout-consent { font-size: .8rem; text-align: center; }
.commerce-empty { min-height: 360px; display: grid; place-items: center; align-content: center; padding: 45px; text-align: center; background: var(--light); border: 1px dashed #aebed2; border-radius: 18px; }
.commerce-empty > span { color: var(--orange); font: 950 2.5rem ui-monospace, monospace; }
.commerce-empty h2 { margin: 12px 0 4px; }
.checkout-layout { grid-template-columns: minmax(0, 1fr) 380px; }
.checkout-form { display: grid; gap: 20px; }
.checkout-form .panel { position: relative; padding: 30px; }
.step-number { position: absolute; top: 28px; right: 28px; display: grid; place-items: center; width: 35px; height: 35px; color: var(--navy); background: #eaf3ff; border-radius: 50%; font-weight: 950; }
.form-grid { display: grid; gap: 16px; }
.form-grid.two-col { grid-template-columns: 1fr 1fr; }
.form-grid .span-two { grid-column: 1 / -1; }
.payment-method-grid { display: grid; gap: 12px; }
.payment-method { grid-template-columns: auto 1fr; align-items: start; gap: 13px; margin: 0; padding: 17px; background: var(--light); border: 1px solid var(--line); border-radius: 12px; cursor: pointer; }
.payment-method:has(input:checked) { background: #eef6ff; border-color: var(--navy); box-shadow: 0 0 0 3px rgba(7,59,135,.08); }
.payment-method input { width: 19px; min-height: 19px; margin-top: 4px; }
.payment-method strong, .payment-method small { display: block; }
.checkout-summary-item { display: flex; justify-content: space-between; gap: 15px; padding: 13px 0; border-bottom: 1px solid var(--line); }
.checkout-summary-item strong, .checkout-summary-item small { display: block; }
.checkout-summary-item small { color: var(--muted); }
.text-link, .table-link { color: var(--navy); font-weight: 900; text-decoration: none; }
.payment-status-card { padding: 34px; background: #fff; border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow); }
.payment-status-head { display: flex; justify-content: space-between; gap: 22px; align-items: start; margin-bottom: 24px; }
.payment-status-head h2 { margin: 14px 0 5px; font-size: 2.5rem; }
.payment-icon { display: grid; place-items: center; width: 70px; height: 70px; color: var(--orange); background: #fff1dc; border-radius: 20px; font-size: 2rem; font-weight: 950; }
.demo-payment-box, .bank-details { margin: 22px 0; padding: 24px; background: var(--light); border: 1px solid var(--line); border-radius: 14px; }
.bank-details dl div { display: flex; justify-content: space-between; gap: 15px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.button-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.status-pill.status-paid, .status-pill.status-successful, .status-pill.order-completed { color: #0d633c; background: #daf5e7; }
.status-pill.status-unpaid, .status-pill.status-pending, .status-pill.order-pending, .status-pill.order-processing { color: #774500; background: #fff0cf; }
.status-pill.status-failed, .status-pill.order-cancelled { color: #8a1c13; background: #ffe0dc; }
.status-pill.status-refunded, .status-pill.order-refunded { color: #5a2230; background: #f4dce3; }
.cart-nav-link { display: inline-flex !important; align-items: center; gap: 6px; }
.cart-nav-link span { display: grid; place-items: center; min-width: 21px; height: 21px; padding: 0 5px; color: #fff; background: var(--orange); border-radius: 99px; font-size: .68rem; }
.data-table td small, .data-table td strong { display: block; }
.data-table td small { color: var(--muted); font-size: .78rem; }
.metric-money { font-size: 1.65rem !important; }
.order-title-row { display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.order-status-stack { display: flex; flex-direction: column; gap: 8px; align-items: flex-end; }
.order-item-list { display: grid; gap: 0; }
.order-item-list article { display: flex; justify-content: space-between; gap: 20px; padding: 19px 0; border-bottom: 1px solid var(--line); }
.order-item-list article:last-child { border-bottom: 0; }
.order-item-list h3 { margin-bottom: 5px; }
.order-item-list h3 a { text-decoration: none; }
.order-item-list p, .order-item-list small { margin: 0; color: var(--muted); }
.order-timeline { position: relative; display: grid; gap: 18px; }
.order-timeline::before { content: ''; position: absolute; left: 7px; top: 7px; bottom: 7px; width: 2px; background: var(--line); }
.order-timeline article { position: relative; display: grid; grid-template-columns: 16px 1fr; gap: 14px; }
.order-timeline article > span { z-index: 1; width: 16px; height: 16px; margin-top: 4px; background: var(--orange); border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 0 2px var(--orange); }
.order-timeline p { margin: 4px 0; }
.order-timeline small { color: var(--muted); }
.invoice-section { background: var(--light); }
.invoice-sheet { padding: 52px; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); }
.invoice-head { display: flex; justify-content: space-between; gap: 30px; padding-bottom: 28px; border-bottom: 2px solid var(--navy); }
.invoice-head img { width: 260px; }
.invoice-head > div:last-child { text-align: right; }
.invoice-head h1 { margin: 3px 0; font-size: 2rem; }
.invoice-addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; padding: 28px 0; }
.invoice-addresses span { display: block; color: var(--muted); font-size: .78rem; text-transform: uppercase; letter-spacing: .1em; }
.invoice-addresses strong { display: block; margin-top: 5px; }
.invoice-table small { display: block; color: var(--muted); }
.invoice-total { display: flex; justify-content: flex-end; padding: 22px 0; }
.invoice-total dl { width: 330px; }
.invoice-total dl div { display: flex; justify-content: space-between; padding: 8px 0; }
.invoice-total dl div:last-child { padding-top: 14px; color: var(--navy-dark); border-top: 2px solid var(--navy); font-size: 1.15rem; font-weight: 950; }
.invoice-footer { padding-top: 20px; border-top: 1px solid var(--line); }
.admin-order-layout { display: grid; grid-template-columns: minmax(0, 1fr) 370px; gap: 28px; align-items: start; }
.admin-order-layout > aside { display: grid; gap: 20px; }
.admin-order-actions form { display: grid; gap: 15px; }
.action-stack { display: grid; gap: 9px; }
.muted-text { color: var(--muted); }
.verified-review-form { margin-top: 24px; padding: 22px; background: var(--light); border: 1px solid var(--line); border-radius: 14px; }
.verified-review-form h3 { margin-bottom: 5px; }
.purchase-form { margin: 0 !important; }
@media (max-width: 1000px) {
  .commerce-layout, .checkout-layout, .admin-order-layout { grid-template-columns: 1fr; }
  .order-summary-card { position: static; }
}
@media (max-width: 700px) {
  .cart-item { grid-template-columns: 1fr; }
  .cart-cover { min-height: 210px; }
  .cart-item-head, .cart-actions, .order-title-row, .payment-status-head, .invoice-head { align-items: flex-start; flex-direction: column; }
  .cart-license-form { width: 100%; align-items: stretch; flex-direction: column; }
  .cart-license-form label { min-width: 0; }
  .form-grid.two-col, .invoice-addresses { grid-template-columns: 1fr; }
  .form-grid .span-two { grid-column: auto; }
  .order-status-stack { align-items: flex-start; }
  .invoice-sheet { padding: 25px; }
  .invoice-head > div:last-child { text-align: left; }
}
@media print {
  .site-header, .site-footer, .global-message, .no-print { display: none !important; }
  .invoice-section { padding: 0; background: #fff; }
  .invoice-sheet { border: 0; box-shadow: none; }
}

/* Version 0.7.0: licensing, certificates and secure downloads */
.library-grid { display: grid; gap: 1.35rem; }
.library-card { display: grid; gap: 1rem; }
.library-card-head { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; }
.library-card-head h2 { margin: .25rem 0 .3rem; }
.library-card-head p { margin: 0; }
.licence-code-box { padding: .9rem 1rem; border: 1px dashed #9bb6d8; border-radius: 12px; background: #f7fbff; display: grid; gap: .35rem; }
.licence-code-box small { font-weight: 700; color: #526b88; text-transform: uppercase; letter-spacing: .08em; }
.licence-code-box code { font-size: 1rem; font-weight: 800; color: #073b87; overflow-wrap: anywhere; }
.library-meta, .certificate-grid, .verification-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; margin: 0; }
.library-meta div, .certificate-grid div, .verification-grid div { padding: .8rem; background: #f7f9fc; border-radius: 10px; }
.library-meta dt, .certificate-grid dt, .verification-grid dt { color: #66778f; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.library-meta dd, .certificate-grid dd, .verification-grid dd { margin: .25rem 0 0; font-weight: 700; overflow-wrap: anywhere; }
.library-actions { display: flex; flex-wrap: wrap; gap: .65rem; align-items: center; }
.library-actions form { margin: 0; }
.order-license-row { display: flex; flex-wrap: wrap; gap: .65rem; align-items: center; margin-top: .55rem; }
.order-license-row code { padding: .3rem .55rem; border-radius: 6px; background: #eef5ff; color: #073b87; font-weight: 700; }
.narrow-container { max-width: 850px; }
.form-stack { display: grid; gap: 1rem; }
.form-stack label { display: grid; gap: .4rem; font-weight: 700; }
.form-stack label small { font-weight: 400; color: #66778f; }
.verification-result { margin-top: 1rem; display: flex; gap: 1rem; align-items: flex-start; border-left: 5px solid #b9c6d6; }
.verification-result.valid { border-left-color: #16834b; background: #f2fff8; }
.verification-result.invalid { border-left-color: #b92f43; background: #fff6f7; }
.verification-icon { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 50%; display: grid; place-items: center; font-size: 1.4rem; font-weight: 900; background: #e8eef6; }
.verification-result.valid .verification-icon { color: #fff; background: #16834b; }
.verification-result.invalid .verification-icon { color: #fff; background: #b92f43; }
.api-note { margin-top: 1rem; }
.api-note code { overflow-wrap: anywhere; }
.certificate-section { background: #eef3f9; }
.certificate-wrap { max-width: 980px; }
.certificate-toolbar { display: flex; justify-content: space-between; gap: .75rem; margin-bottom: 1rem; }
.licence-certificate { position: relative; overflow: hidden; padding: clamp(2rem, 6vw, 5rem); background: #fff; border: 10px solid #073b87; box-shadow: 0 24px 70px rgba(7,59,135,.14); text-align: center; }
.licence-certificate::before, .licence-certificate::after { content: ''; position: absolute; width: 190px; height: 190px; border-radius: 50%; background: rgba(255,138,0,.1); }
.licence-certificate::before { top: -95px; right: -70px; }
.licence-certificate::after { bottom: -110px; left: -70px; background: rgba(53,185,242,.12); }
.certificate-mark { width: 78px; height: 78px; margin: 0 auto 1.4rem; display: grid; place-items: center; border-radius: 18px; color: #fff; background: #073b87; font-size: 1.65rem; font-weight: 900; }
.licence-certificate h1 { margin: .4rem 0 .8rem; font-size: clamp(2rem, 5vw, 3.6rem); }
.certificate-lead { max-width: 720px; margin: 0 auto 1.6rem; color: #53647a; font-size: 1.08rem; }
.certificate-code { display: inline-grid; gap: .35rem; padding: 1rem 1.4rem; margin-bottom: 1.6rem; border: 1px dashed #8faace; border-radius: 12px; background: #f7fbff; }
.certificate-code small { text-transform: uppercase; letter-spacing: .1em; font-weight: 700; color: #5e718a; }
.certificate-code strong { color: #073b87; overflow-wrap: anywhere; }
.certificate-grid { text-align: left; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.certificate-note { max-width: 760px; margin: 1.6rem auto; color: #66778f; font-size: .9rem; }
.certificate-footer { display: flex; justify-content: center; gap: .55rem; align-items: baseline; color: #073b87; }
@media (max-width: 820px) {
  .library-meta, .verification-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .library-card-head { flex-direction: column; }
}
@media (max-width: 560px) {
  .library-meta, .certificate-grid, .verification-grid { grid-template-columns: 1fr; }
  .certificate-toolbar, .library-actions { align-items: stretch; flex-direction: column; }
  .certificate-toolbar .button, .library-actions .button, .library-actions form { width: 100%; }
  .library-actions form button { width: 100%; }
  .licence-certificate { border-width: 6px; }
}
@media print {
  .site-header, .site-footer, .certificate-toolbar, .global-message { display: none !important; }
  .certificate-section { padding: 0; background: #fff; }
  .licence-certificate { box-shadow: none; min-height: 90vh; }
}

/* Version 0.8.0: seller earnings, wallets and payout administration */
.finance-hero { background: linear-gradient(135deg, #041f4a, #073b87); }
.compact-heading { align-items: end; margin-top: 2.25rem; margin-bottom: 1rem; }
.wallet-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1rem; }
.wallet-card { border-radius: 24px; padding: 1.35rem; background: linear-gradient(145deg, #062f6c, #0a4a9e); color: #fff; box-shadow: 0 18px 45px rgba(4,31,74,.18); }
.wallet-card-head { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; padding-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,.18); }
.wallet-card-head span { font-size: .82rem; text-transform: uppercase; letter-spacing: .12em; opacity: .78; }
.wallet-card-head strong { font-size: 1.35rem; text-align: right; }
.wallet-card dl { margin: 1rem 0 0; display: grid; gap: .7rem; }
.wallet-card dl div { display: flex; justify-content: space-between; gap: 1rem; }
.wallet-card dt { opacity: .72; }
.wallet-card dd { margin: 0; font-weight: 700; }
.finance-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); gap: 1.25rem; margin-top: 1.5rem; }
.payout-account-summary { display: grid; gap: .25rem; padding: 1rem; margin: 1rem 0; border-radius: 16px; background: #f5f8fc; border: 1px solid #dbe7f5; }
.payout-account-summary span, .payout-account-summary small { color: #52657e; }
.finance-status-list dd { font-weight: 800; color: #073b87; }
.small-empty { padding: 2rem; }
.ledger-amount { font-weight: 800; white-space: nowrap; }
.ledger-amount.credit { color: #147a48; }
.ledger-amount.debit { color: #b23a3a; }
.status-pill.payout-pending, .status-pill.ledger-pending, .status-pill.ledger-reserved { background: #fff3cc; color: #765600; }
.status-pill.payout-approved { background: #dff1ff; color: #075c91; }
.status-pill.payout-paid, .status-pill.ledger-posted { background: #dff7e9; color: #12683d; }
.status-pill.payout-rejected, .status-pill.payout-cancelled, .status-pill.ledger-reversed { background: #fde5e5; color: #9f2929; }
.danger-link { color: #a12f2f; border: 0; background: transparent; padding: 0; cursor: pointer; font: inherit; }
.finance-admin-metrics .metric-card strong { font-size: 1.65rem; }
.narrow-container { max-width: 1050px; }
.payout-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.secure-payout-panel { border-color: #ffc879; }
.security-note { padding: .85rem 1rem; margin: .8rem 0 1rem; border-radius: 14px; background: #fff7e7; color: #6d4a13; font-size: .92rem; }
.account-number-display { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 1.1rem; letter-spacing: .08em; }
.payout-action-panel { margin: 1.25rem 0; }
.danger-button { background: #a72d2d; border-color: #a72d2d; color: #fff; }
.danger-button:hover { background: #882323; border-color: #882323; }
.timeline { display: grid; gap: 1rem; margin-top: 1rem; }
.timeline-item { display: grid; grid-template-columns: 14px 1fr; gap: .8rem; }
.timeline-item > span { width: 12px; height: 12px; margin-top: .35rem; border-radius: 50%; background: #ff8a00; box-shadow: 0 0 0 5px #fff1df; }
.timeline-item p { margin: .25rem 0; color: #52657e; }
.timeline-item small { color: #7a8ca4; }

@media (max-width: 820px) {
    .finance-layout, .payout-detail-grid { grid-template-columns: 1fr; }
    .compact-heading { align-items: flex-start; gap: 1rem; }
}


/* Version 0.9.0: administration, moderation and platform control */
.admin-hero { background: linear-gradient(135deg, #041f4a, #0a4a9e); color: #fff; }
.admin-hero p { color: #dbe9fb; }
.admin-module-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.2rem; margin: 1.5rem 0; }
.admin-module { display: grid; grid-template-columns: 54px 1fr; gap: 1rem; align-items: start; }
.admin-module h2 { display: flex; gap: .6rem; align-items: center; }
.queue-count { display: inline-grid; place-items: center; min-width: 28px; height: 28px; padding: 0 .45rem; border-radius: 99px; background: #fff0d8; color: #9b5700; font-size: .78rem; }
.admin-filter { display: grid; grid-template-columns: minmax(220px,1fr) minmax(150px,.4fr) minmax(150px,.4fr) auto auto; gap: .8rem; align-items: end; margin-bottom: 1.2rem; }
.admin-filter label { margin: 0; }
.status-pill.account-active,.status-pill.review-approved,.status-pill.refund-approved { color:#12683d;background:#dff7e9; }
.status-pill.account-suspended,.status-pill.review-rejected,.status-pill.refund-rejected,.status-pill.refund-cancelled { color:#9f2929;background:#fde5e5; }
.status-pill.account-pending,.status-pill.review-pending,.status-pill.refund-pending { color:#765600;background:#fff3cc; }
.admin-detail-layout { display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:1.25rem;align-items:start; }
.admin-action-panel { position:sticky;top:100px;display:grid;gap:1rem; }
.admin-status-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
.bordered-form { padding-top:1rem;border-top:1px solid var(--line); }
.moderation-list { display:grid;gap:1rem; }
.moderation-card blockquote { margin:1rem 0;padding:1rem 1.2rem;border-left:4px solid var(--orange);background:#f7f9fc;border-radius:0 12px 12px 0; }
.moderation-form { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line); }
.moderation-form label { margin:0; }
.settings-form { display:grid;gap:1rem; }
.settings-group { padding:1.4rem; }
.settings-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem; }
.setting-field { display:grid;gap:.45rem;margin:0;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#fbfdff; }
.setting-field span strong,.setting-field span small { display:block; }
.setting-field span small { color:var(--muted);font-family:ui-monospace,monospace;font-size:.74rem; }
.toggle-field { grid-template-columns:auto 1fr;align-items:center; }
.toggle-field input[type=checkbox] { width:22px;min-height:22px; }
.catalogue-layout,.report-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-bottom:1.25rem; }
.catalogue-edit-list { display:grid;gap:1rem; }
.catalogue-edit-list form { display:grid;grid-template-columns:minmax(110px,.6fr) minmax(150px,1fr) minmax(120px,.6fr);gap:.75rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#fbfdff;align-items:end; }
.catalogue-edit-list form label { margin:0; }
.catalogue-edit-list form label:has(textarea) { grid-column:1/-1; }
.catalogue-table { margin-top:1.25rem; }
.category-edit-list form { grid-template-columns:1.2fr 1fr .35fr; }
.checkbox-row { display:flex!important;align-items:center;gap:.5rem; }
.checkbox-row input { width:18px;min-height:18px; }
.refund-request-panel { border-left:5px solid var(--orange); }
.refund-summary { display:grid;gap:.6rem; }
.refund-summary .status-pill { justify-self:start; }
.refund-reason-text { white-space:normal;line-height:1.75; }
.simple-bars { display:grid;gap:.8rem;margin-top:1rem; }
.simple-bars>div { display:grid;grid-template-columns:55px minmax(0,1fr) 100px;gap:.7rem;align-items:center; }
.simple-bars i { display:block;height:16px;border-radius:99px;background:linear-gradient(90deg,var(--navy),var(--sky));min-width:3px; }
.simple-bars strong { text-align:right; }
.audit-table .metadata-cell { display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.audit-table code { font-size:.8rem; }
@media(max-width:980px){.admin-module-grid,.catalogue-layout,.report-grid,.admin-detail-layout{grid-template-columns:1fr}.admin-action-panel{position:static}.admin-filter{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}}
@media(max-width:680px){.admin-filter,.moderation-form,.catalogue-edit-list form,.category-edit-list form{grid-template-columns:1fr}.admin-status-list{grid-template-columns:1fr}.admin-module{grid-template-columns:1fr}.catalogue-edit-list form label:has(textarea){grid-column:auto}.simple-bars>div{grid-template-columns:48px minmax(0,1fr);}.simple-bars strong{grid-column:2;text-align:left}.data-table-wrap{overflow-x:auto}}

.maintenance-banner{padding:.8rem 0;background:#fff3cc;color:#654900;border-bottom:1px solid #ead58a}.maintenance-banner strong{color:#4d3700}


/* Marketplace 1.0 production readiness */
.center-panel{text-align:center;padding:3rem}.payment-result-icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:0 auto 1rem;background:#e8f3ff;color:#073b87;font-size:2.5rem;font-weight:900}.button-row.center{justify-content:center}.legal-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:2rem;align-items:start}.legal-nav{position:sticky;top:92px;display:flex;flex-direction:column;gap:.55rem;padding:1.1rem;border:1px solid #dce6f3;border-radius:16px;background:#fff}.legal-nav a{padding:.65rem .75rem;border-radius:10px;text-decoration:none;color:#24415f}.legal-nav a.active,.legal-nav a:hover{background:#edf5ff;color:#073b87}.legal-content{line-height:1.75}.legal-content h2{margin-top:1.6rem;color:#073b87}.legal-content h2:first-child{margin-top:0}.footer-links{display:flex;gap:1rem;flex-wrap:wrap}.footer-links a{color:inherit}.legal-editor{border:1px solid #dce6f3;border-radius:14px;padding:1rem;margin:1rem 0;background:#fbfdff}.legal-editor summary{cursor:pointer}.legal-editor form{display:grid;gap:1rem;margin-top:1rem}.legal-editor textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.activity-row{display:grid;grid-template-columns:1fr auto;gap:.4rem 1rem;padding:.75rem 0;border-bottom:1px solid #e8eef6}.activity-row small{grid-column:1/-1}.admin-two-column{display:grid;grid-template-columns:1.25fr .75fr;gap:1.5rem;margin:1.5rem 0}.muted{color:#60758a}.panel code{word-break:break-all}.status-running,.status-processing{background:#fff4cc;color:#785c00}.status-completed,.status-ready,.status-sent,.status-processed,.status-verified{background:#e7f8ee;color:#16663a}.status-failed,.status-critical{background:#ffe8e8;color:#8b2020}.status-ignored,.status-draft{background:#eef1f5;color:#4c5b6b}@media(max-width:850px){.legal-layout,.admin-two-column{grid-template-columns:1fr}.legal-nav{position:static}}

/* Version 1.1 — global marketplace experience and responsive navigation */
:root {
  --navy-950: #031a3f;
  --navy-900: #05275c;
  --navy-700: #0754ad;
  --surface: #ffffff;
  --surface-soft: #f6f9fd;
  --surface-blue: #eef5ff;
  --text-soft: #5f7086;
  --focus: 0 0 0 4px rgba(53,185,242,.28);
  --shadow-soft: 0 12px 34px rgba(4,31,74,.08);
  --shadow-float: 0 24px 70px rgba(4,31,74,.18);
}
body { background: var(--surface); }
main { min-height: 62vh; }
button, input, select, textarea, summary { font: inherit; }
a, button, summary { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 0; box-shadow: var(--focus); }
.skip-link { position: fixed; left: 18px; top: -80px; z-index: 1000; padding: 10px 16px; color: #fff; background: var(--navy-dark); border-radius: 0 0 10px 10px; font-weight: 850; text-decoration: none; transition: top .18s ease; }
.skip-link:focus { top: 0; }
.site-header { z-index: 60; background: rgba(255,255,255,.96); transition: box-shadow .2s ease, border-color .2s ease; }
.site-header.scrolled { border-bottom-color: transparent; box-shadow: 0 10px 35px rgba(4,31,74,.09); }
.header-shell { position: relative; min-height: 76px; display: flex; align-items: center; gap: 26px; }
.brand { flex: 0 0 auto; }
.brand img { width: 205px; }
.header-menu { min-width: 0; flex: 1; display: grid; grid-template-columns: auto minmax(240px, 1fr) auto; align-items: center; gap: 20px; }
.primary-nav { display: flex; align-items: center; gap: 4px; white-space: nowrap; }
.primary-nav a { padding: 9px 11px; color: #22364f; border-radius: 9px; font-size: .9rem; font-weight: 780; text-decoration: none; }
.primary-nav a:hover, .primary-nav a.active { color: var(--navy); background: var(--surface-blue); }
.header-search { position: relative; min-width: 0; max-width: 480px; justify-self: center; width: 100%; }
.header-search-icon { position: absolute; left: 13px; top: 50%; width: 18px; height: 18px; transform: translateY(-50%); color: #6a7e95; pointer-events: none; }
.header-search-icon svg, .header-icon-button svg, .nav-dropdown summary > svg, .icon-item > svg, .nav-toggle svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.header-search input { min-height: 43px; padding: 9px 48px 9px 40px; background: #f4f7fb; border-color: transparent; border-radius: 999px; font-size: .88rem; }
.header-search input:focus { background: #fff; border-color: #9fc6f3; }
.header-search button { position: absolute; right: 5px; top: 5px; height: 33px; padding: 0 13px; color: #fff; background: var(--navy); border: 0; border-radius: 999px; font-size: .76rem; font-weight: 850; cursor: pointer; }
.header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.header-icon-button { position: relative; display: grid; place-items: center; width: 42px; height: 42px; color: #253c57; border: 1px solid transparent; border-radius: 12px; text-decoration: none; }
.header-icon-button svg { width: 21px; height: 21px; }
.header-icon-button:hover, .header-icon-button.active { color: var(--navy); background: var(--surface-blue); border-color: #d9e9fb; }
.cart-count { position: absolute; right: -3px; top: -3px; min-width: 20px; height: 20px; display: grid; place-items: center; padding: 0 5px; color: #fff; background: var(--orange); border: 2px solid #fff; border-radius: 999px; font-size: .65rem; font-weight: 900; }
.nav-dropdown { position: relative; }
.nav-dropdown summary { list-style: none; display: flex; align-items: center; gap: 8px; min-height: 42px; padding: 6px 10px; color: #253c57; border: 1px solid transparent; border-radius: 12px; cursor: pointer; font-size: .86rem; font-weight: 800; }
.nav-dropdown summary::-webkit-details-marker { display: none; }
.nav-dropdown summary:hover, .nav-dropdown[open] summary { color: var(--navy); background: var(--surface-blue); border-color: #d9e9fb; }
.nav-dropdown summary > svg { width: 18px; height: 18px; }
.nav-dropdown summary > svg:last-child { width: 14px; height: 14px; transition: transform .18s ease; }
.nav-dropdown[open] summary > svg:last-child { transform: rotate(180deg); }
.dropdown-panel { position: absolute; right: 0; top: calc(100% + 12px); z-index: 80; width: 310px; padding: 10px; background: #fff; border: 1px solid var(--line); border-radius: 17px; box-shadow: var(--shadow-float); }
.dropdown-panel::before { content: ''; position: absolute; right: 24px; top: -7px; width: 12px; height: 12px; background: #fff; border-left: 1px solid var(--line); border-top: 1px solid var(--line); transform: rotate(45deg); }
.dropdown-panel-wide { width: 540px; padding: 14px; }
.dropdown-heading { display: grid; gap: 2px; padding: 8px 10px 13px; border-bottom: 1px solid var(--line); }
.dropdown-heading strong { color: var(--navy-dark); }
.dropdown-heading span { color: var(--muted); font-size: .8rem; }
.dropdown-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; padding-top: 8px; }
.dropdown-grid a, .dropdown-item { display: grid; gap: 2px; padding: 11px; color: inherit; border-radius: 11px; text-decoration: none; }
.dropdown-grid a:hover, .dropdown-item:hover { background: var(--surface-blue); }
.dropdown-grid strong, .dropdown-item strong { color: #183554; font-size: .87rem; }
.dropdown-grid span, .dropdown-item span { color: var(--muted); font-size: .75rem; }
.dropdown-utility { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; padding: 10px 11px; color: var(--navy); background: #f5f9fe; border-radius: 10px; text-decoration: none; font-size: .8rem; font-weight: 850; }
.dropdown-utility span { color: var(--muted); font-size: .7rem; }
.avatar { flex: 0 0 auto; display: grid; place-items: center; width: 31px; height: 31px; color: #fff; background: linear-gradient(135deg, var(--navy), #1c74d6); border-radius: 10px; font-size: .72rem; font-weight: 900; letter-spacing: .02em; }
.avatar.large { width: 44px; height: 44px; border-radius: 13px; font-size: .9rem; }
.account-summary-text { display: grid; line-height: 1.05; }
.account-summary-text strong { max-width: 88px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .82rem; }
.account-summary-text small { margin-top: 4px; color: var(--muted); font-size: .65rem; font-weight: 700; }
.account-card { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 11px; align-items: center; margin-bottom: 7px; padding: 9px 10px 13px; border-bottom: 1px solid var(--line); }
.account-card div { min-width: 0; }
.account-card strong, .account-card span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-card strong { color: var(--navy-dark); }
.account-card span { color: var(--muted); font-size: .75rem; }
.icon-item { grid-template-columns: 22px minmax(0, 1fr); align-items: center; }
.icon-item > svg { width: 19px; height: 19px; color: var(--navy); }
.icon-item span { display: grid; }
.icon-item small { color: var(--muted); font-size: .72rem; }
.dropdown-signout { margin: 7px 0 0; padding-top: 7px; border-top: 1px solid var(--line); }
.dropdown-signout button { width: 100%; padding: 10px; color: var(--danger); background: transparent; border: 0; border-radius: 9px; text-align: left; font-weight: 850; cursor: pointer; }
.dropdown-signout button:hover { background: #fff0ee; }
.header-signin { padding: 9px 11px; color: var(--navy); font-size: .88rem; font-weight: 850; text-decoration: none; }
.header-cta { min-height: 40px; display: inline-flex; align-items: center; padding: 8px 15px; color: #fff; background: var(--navy); border-radius: 10px; font-size: .83rem; font-weight: 850; text-decoration: none; box-shadow: 0 8px 20px rgba(7,59,135,.18); }
.nav-toggle { width: 43px; height: 43px; min-height: 43px; align-items: center; justify-content: center; padding: 10px; border-radius: 11px; }
.nav-toggle .menu-close-icon { display: none; }
.nav-toggle[aria-expanded="true"] .menu-open-icon { display: none; }
.nav-toggle[aria-expanded="true"] .menu-close-icon { display: block; }

.site-footer { padding: 62px 0 0; background: var(--navy-950); }
.footer-grid { display: grid; grid-template-columns: 1.7fr repeat(3, 1fr); gap: 54px; padding-bottom: 44px; }
.footer-brand { display: inline-flex; align-items: center; gap: 12px; color: #fff; text-decoration: none; }
.footer-brand img { width: 54px; height: 50px; object-fit: contain; }
.footer-brand span { display: grid; line-height: 1.15; }
.footer-brand strong { font-size: 1.2rem; }
.footer-brand small { margin-top: 4px; color: #adc3df; font-size: .72rem; letter-spacing: .04em; }
.footer-brand-column p { max-width: 430px; margin: 18px 0 0; color: #9fb6d3; font-size: .9rem; }
.footer-column { display: grid; align-content: start; gap: 9px; }
.footer-column > strong { margin-bottom: 7px; color: #fff; font-size: .85rem; letter-spacing: .04em; text-transform: uppercase; }
.footer-column a { color: #adc3df; font-size: .86rem; text-decoration: none; }
.footer-column a:hover { color: #fff; }
.footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px 28px; padding: 20px 0; color: #829bb9; border-top: 1px solid rgba(255,255,255,.1); font-size: .77rem; }
.local-version { color: #ffbc68; }

/* Homepage */
.world-hero { position: relative; overflow: hidden; color: #fff; background: radial-gradient(circle at 82% 14%, rgba(53,185,242,.23), transparent 26%), radial-gradient(circle at 12% 95%, rgba(255,138,0,.18), transparent 28%), linear-gradient(135deg, #031a3f 0%, #073b87 57%, #075fb8 100%); }
.world-hero::after { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to bottom, #000, transparent 92%); }
.world-hero-grid { position: relative; z-index: 1; min-height: 670px; display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(370px, .82fr); gap: 70px; align-items: center; padding: 88px 0; }
.world-hero-copy h1 { max-width: 820px; margin: 20px 0 20px; color: #fff; font-size: clamp(3.15rem, 5.6vw, 5.8rem); line-height: .98; letter-spacing: -.06em; }
.world-hero-copy > p { max-width: 730px; margin: 0; color: #d5e5f8; font-size: 1.15rem; }
.hero-trust-chip { display: inline-flex; align-items: center; gap: 9px; padding: 8px 12px; color: #d9eaff; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); border-radius: 999px; font-size: .77rem; font-weight: 800; }
.hero-trust-chip span { width: 8px; height: 8px; background: #55db9b; border-radius: 50%; box-shadow: 0 0 0 5px rgba(85,219,155,.13); }
.world-search { max-width: 760px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 9px; margin-top: 31px; padding: 7px 7px 7px 17px; background: #fff; border-radius: 15px; box-shadow: 0 22px 55px rgba(0,0,0,.22); }
.world-search > span { color: #667b94; font-size: 1.45rem; transform: rotate(-20deg); }
.world-search input { min-height: 48px; padding: 8px; border: 0; box-shadow: none; }
.world-search input:focus { box-shadow: none; }
.world-search button { min-height: 48px; padding: 0 22px; color: #fff; background: linear-gradient(135deg, var(--orange), #f07000); border: 0; border-radius: 10px; font-weight: 900; cursor: pointer; }
.world-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.button.hero-secondary { color: #fff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.34); backdrop-filter: blur(8px); }
.button.hero-secondary:hover { background: rgba(255,255,255,.14); }
.hero-proof-row { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: 25px; color: #c7d9ee; font-size: .8rem; font-weight: 750; }
.world-hero-showcase { position: relative; overflow: hidden; padding: 38px; background: linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.055)); border: 1px solid rgba(255,255,255,.22); border-radius: 27px; box-shadow: 0 34px 80px rgba(0,0,0,.25); backdrop-filter: blur(16px); }
.showcase-glow { position: absolute; right: -70px; top: -80px; width: 220px; height: 220px; background: rgba(255,138,0,.26); border-radius: 50%; filter: blur(14px); }
.showcase-code-mark { position: relative; display: inline-grid; place-items: center; min-width: 128px; min-height: 82px; padding: 0 20px; color: var(--orange); background: rgba(3,26,63,.88); border: 2px solid rgba(255,138,0,.72); border-radius: 18px; font: 950 2.65rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; box-shadow: 0 18px 38px rgba(0,0,0,.22); }
.showcase-kicker { display: block; margin: 24px 0 8px; color: #9fd7ff; font-size: .72rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.world-hero-showcase h2 { margin-bottom: 12px; color: #fff; font-size: clamp(2rem, 3vw, 2.8rem); }
.world-hero-showcase > p { color: #d4e4f6; }
.world-stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; margin-top: 25px; }
.world-stat-grid div { padding: 15px; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.1); border-radius: 13px; }
.world-stat-grid strong, .world-stat-grid span { display: block; }
.world-stat-grid strong { color: #fff; font-size: 1.65rem; }
.world-stat-grid span { color: #b9cee6; font-size: .75rem; font-weight: 750; }
.world-category-section { background: #fff; }
.world-category-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
.world-category-grid .category-card p { min-height: 67px; }
.refined-products-section { background: #f5f8fc; }
.world-trust-section { background: #fff; }
.world-trust-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; }
.world-trust-grid article { padding: 27px; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow-soft); }
.world-trust-grid article > span { display: inline-grid; place-items: center; width: 39px; height: 39px; margin-bottom: 21px; color: var(--navy); background: var(--surface-blue); border-radius: 11px; font-size: .78rem; font-weight: 900; }
.world-trust-grid h3 { margin-bottom: 10px; }
.world-trust-grid p { margin: 0; font-size: .9rem; }
.seller-cta-section { padding-top: 20px; background: #fff; }
.seller-cta-card { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 50px; color: #fff; background: radial-gradient(circle at 92% 18%, rgba(255,138,0,.32), transparent 26%), linear-gradient(135deg, var(--navy-dark), var(--navy)); border-radius: 26px; box-shadow: var(--shadow-float); }
.seller-cta-card h2 { max-width: 760px; margin: 7px 0 10px; color: #fff; }
.seller-cta-card p { max-width: 760px; margin: 0; color: #ccdef2; }
.seller-cta-card .button { flex: 0 0 auto; background: var(--orange); }

/* Marketplace catalogue */
.marketplace-hero-refined { padding: 64px 0 54px; background: radial-gradient(circle at 86% 8%, rgba(255,138,0,.28), transparent 26%), linear-gradient(135deg, var(--navy-dark), #0757ab); }
.marketplace-hero-inner { display: grid; grid-template-columns: minmax(0,1fr) minmax(420px,.9fr); gap: 50px; align-items: center; }
.marketplace-hero-refined h1 { max-width: 720px; margin-bottom: 16px; font-size: clamp(2.7rem, 4.8vw, 4.8rem); }
.marketplace-hero-refined p { max-width: 700px; }
.refined-market-search { margin: 0; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; padding-left: 16px; }
.refined-market-search > span { color: #667b94; font-size: 1.35rem; transform: rotate(-20deg); }
.refined-market-search input { min-height: 49px; }
.marketplace-hero-notes { grid-column: 1/-1; display: flex; flex-wrap: wrap; gap: 11px; margin-top: -23px; }
.marketplace-hero-notes span { padding: 7px 11px; color: #d4e7fb; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); border-radius: 999px; font-size: .74rem; font-weight: 800; }
.refined-marketplace-section { background: #f8fafc; }
.refined-marketplace-section .marketplace-layout { grid-template-columns: 272px minmax(0,1fr); }
.refined-marketplace-section .filter-panel { background: #fff; box-shadow: var(--shadow-soft); }
.filter-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.filter-heading h2 { margin: 2px 0 0; font-size: 1.5rem; }
.filter-close { display: none; width: 36px; height: 36px; color: var(--ink); background: #f1f5f9; border: 0; border-radius: 9px; font-size: 1.4rem; cursor: pointer; }
.refined-results-heading { align-items: center; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.refined-results-heading h2 { font-size: clamp(1.8rem, 3vw, 2.5rem); }
.results-sort { display: flex; align-items: center; gap: 8px; }
.results-sort label { margin: 0; color: var(--muted); font-size: .76rem; }
.results-sort select { min-width: 200px; padding: 9px 11px; font-size: .82rem; }
.active-filter-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: -4px 0 22px; color: var(--muted); font-size: .78rem; }
.filter-chip { padding: 6px 10px; color: var(--navy); background: #eaf3ff; border-radius: 999px; font-weight: 800; }
.active-filter-row a { margin-left: 3px; color: var(--danger); font-weight: 850; text-decoration: none; }
.mobile-market-toolbar { display: none; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.mobile-market-toolbar span { color: var(--muted); font-size: .84rem; font-weight: 800; }

/* Product cards */
.refined-product-card { border-radius: 19px; box-shadow: 0 10px 28px rgba(4,31,74,.075); }
.refined-product-card:hover { transform: translateY(-5px); border-color: #b9d3ef; box-shadow: 0 22px 50px rgba(4,31,74,.14); }
.refined-product-card .product-cover { height: 220px; }
.cover-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(3,26,63,.6), transparent 52%); opacity: .15; transition: opacity .2s ease; }
.cover-view-label { position: absolute; left: 15px; bottom: 14px; padding: 7px 10px; color: #fff; background: rgba(3,26,63,.82); border: 1px solid rgba(255,255,255,.2); border-radius: 8px; font-size: .72rem; font-weight: 850; opacity: 0; transform: translateY(6px); transition: opacity .2s ease, transform .2s ease; }
.refined-product-card:hover .cover-overlay { opacity: 1; }
.refined-product-card:hover .cover-view-label { opacity: 1; transform: translateY(0); }
.refined-product-card .market-product-body { padding: 21px; }
.product-card-topline { min-height: 25px; display: flex; align-items: center; justify-content: space-between; gap: 9px; }
.saved-indicator-inline { color: #9d2850; font-size: .7rem; font-weight: 900; }
.refined-product-card .market-product-body h3 { margin-top: 8px; font-size: 1.16rem; }
.refined-product-card .market-product-body > p { display: -webkit-box; min-height: 67px; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.refined-product-card .product-meta-row strong { color: var(--ink); }
.polished-empty { background: #fff; box-shadow: var(--shadow-soft); }

/* Dashboards */
.refined-dashboard-hero { padding: 65px 0 52px; }
.dashboard-hero-row { display: flex; align-items: end; justify-content: space-between; gap: 40px; }
.refined-dashboard-hero h1 { font-size: clamp(2.7rem, 4.8vw, 4.7rem); }
.dashboard-quick-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 11px; padding-bottom: 7px; }
.dashboard-section { background: #f7f9fc; }
.refined-metric-grid .metric-card { position: relative; overflow: hidden; box-shadow: var(--shadow-soft); }
.refined-metric-grid .metric-card::after { content: ''; position: absolute; right: -25px; top: -25px; width: 75px; height: 75px; background: rgba(53,185,242,.09); border-radius: 50%; }
.refined-metric-grid .metric-card small { display: block; margin-top: 10px; color: var(--muted); font-size: .73rem; }
.refined-dashboard-modules { grid-template-columns: repeat(3, minmax(0,1fr)); }
.refined-dashboard-modules .panel { position: relative; min-height: 250px; display: flex; flex-direction: column; border-radius: 18px; box-shadow: var(--shadow-soft); transition: transform .18s ease, box-shadow .18s ease; }
.refined-dashboard-modules .panel:hover { transform: translateY(-3px); box-shadow: 0 18px 42px rgba(4,31,74,.13); }
.refined-dashboard-modules .module-icon { margin-bottom: 19px; }
.module-link { margin-top: auto; padding-top: 16px; color: var(--navy); font-weight: 900; text-decoration: none; }
.module-link:hover { color: var(--orange); }
.refined-account-summary { display: grid; grid-template-columns: .75fr 1.25fr; gap: 50px; align-items: start; padding: 34px; box-shadow: var(--shadow-soft); }
.refined-account-summary h2 { margin: 5px 0 10px; }
.refined-account-summary p { margin: 0; }

@media (max-width: 1180px) {
  .header-shell { min-height: 70px; }
  .brand img { width: 195px; }
  .nav-toggle { display: inline-flex; margin-left: auto; }
  .header-menu { position: absolute; left: 18px; right: 18px; top: calc(100% + 9px); display: none; grid-template-columns: 1fr; align-items: stretch; gap: 13px; max-height: calc(100vh - 100px); overflow-y: auto; padding: 17px; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow-float); }
  .header-menu.open { display: grid; }
  .primary-nav { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 5px; }
  .primary-nav a { padding: 11px 12px; }
  .header-search { grid-row: 1; max-width: none; justify-self: stretch; }
  .header-actions { flex-wrap: wrap; justify-content: flex-start; padding-top: 10px; border-top: 1px solid var(--line); }
  .header-actions > .header-icon-button { margin-right: auto; }
  .nav-dropdown { position: static; }
  .dropdown-panel { position: static; width: 100%; margin-top: 6px; box-shadow: none; border-radius: 13px; }
  .dropdown-panel::before { display: none; }
  .workspace-menu, .account-menu { flex: 1 1 220px; }
  .workspace-menu summary, .account-menu summary { justify-content: center; }
  .header-signin, .header-cta { flex: 1; justify-content: center; text-align: center; }
  body.nav-open { overflow: hidden; }
  .world-hero-grid { grid-template-columns: 1fr; gap: 42px; padding: 72px 0; }
  .world-hero-showcase { max-width: 720px; }
  .world-category-grid, .world-trust-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .marketplace-hero-inner { grid-template-columns: 1fr; gap: 26px; }
  .refined-market-search { max-width: 780px; }
  .marketplace-hero-notes { margin-top: 0; }
  .refined-dashboard-modules { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; gap: 35px; }
  .footer-brand-column { grid-column: 1/-1; }
  .seller-cta-card, .dashboard-hero-row { align-items: flex-start; flex-direction: column; }
  .dashboard-quick-actions { justify-content: flex-start; }
  .refined-account-summary { grid-template-columns: 1fr; gap: 25px; }
  .mobile-market-toolbar { display: flex; }
  .refined-marketplace-section .marketplace-layout { grid-template-columns: 1fr; }
  .market-sidebar { position: fixed; inset: 0 0 0 auto; z-index: 100; width: min(390px, 92vw); padding: 16px; overflow-y: auto; background: rgba(3,26,63,.28); backdrop-filter: blur(3px); transform: translateX(110%); transition: transform .22s ease; }
  .market-sidebar.open { transform: translateX(0); }
  .market-sidebar .filter-panel { min-height: 100%; }
  .filter-close { display: inline-grid; place-items: center; }
  body.filters-open { overflow: hidden; }
  .refined-results-heading { align-items: flex-start; flex-direction: column; }
  .results-sort { width: 100%; justify-content: space-between; }
  .results-sort select { flex: 1; }
}
@media (max-width: 700px) {
  .container { width: min(100% - 28px, 1160px); }
  .header-menu { left: 14px; right: 14px; }
  .primary-nav { grid-template-columns: 1fr; }
  .dropdown-grid { grid-template-columns: 1fr; }
  .world-hero-grid { min-height: auto; padding: 58px 0; }
  .world-hero-copy h1 { font-size: clamp(2.75rem, 13vw, 4.2rem); }
  .world-search { grid-template-columns: auto minmax(0,1fr); padding-right: 7px; }
  .world-search button { grid-column: 1/-1; width: 100%; }
  .world-hero-showcase { padding: 27px; }
  .world-category-grid, .world-trust-grid, .refined-dashboard-modules { grid-template-columns: 1fr; }
  .seller-cta-card { padding: 32px 25px; }
  .seller-cta-card .button { width: 100%; }
  .marketplace-hero-refined { padding: 50px 0 44px; }
  .refined-market-search { grid-template-columns: auto minmax(0,1fr); }
  .refined-market-search .button { grid-column: 1/-1; width: 100%; }
  .marketplace-hero-notes { display: none; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand-column { grid-column: 1/-1; }
  .footer-bottom { flex-direction: column; }
}
@media (max-width: 480px) {
  .brand img { width: 175px; }
  .header-menu { padding: 13px; }
  .header-actions { display: grid; grid-template-columns: auto 1fr; }
  .header-actions > .header-icon-button { margin-right: 0; }
  .workspace-menu, .account-menu { grid-column: 1/-1; width: 100%; }
  .workspace-menu summary, .account-menu summary { justify-content: flex-start; }
  .header-signin, .header-cta { width: 100%; }
  .world-stat-grid { grid-template-columns: 1fr 1fr; }
  .world-hero-showcase h2 { font-size: 2rem; }
  .world-category-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-brand-column { grid-column: auto; }
  .results-sort { align-items: stretch; flex-direction: column; }
  .results-sort select { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Marketplace 1.1.1 policy content */
.policy-actions { margin-top: 1.25rem; }
.policy-notice { padding: 1rem 1.1rem; margin-bottom: 1.5rem; border: 1px solid #cfe0f5; border-radius: 14px; background: #f4f8fd; }
.policy-notice strong { color: #073b87; }
.policy-notice p { margin: .35rem 0 0; }
.legal-content { max-width: 860px; }
.legal-content h2 { margin-top: 2rem; padding-top: .25rem; font-size: 1.35rem; color: #082b59; }
.legal-content p, .legal-content li { line-height: 1.75; }
.legal-content ul, .legal-content ol { padding-left: 1.35rem; margin: .75rem 0 1.15rem; }
.legal-content li + li { margin-top: .5rem; }
.legal-nav { position: sticky; top: 96px; max-height: calc(100vh - 120px); overflow-y: auto; }
.legal-nav a { line-height: 1.35; }
@media (max-width: 820px) { .legal-nav { position: static; max-height: none; } }
@media print {
  .site-header, .site-footer, .legal-nav, .policy-actions, .cookie-banner { display: none !important; }
  .page-hero { padding: 0 0 1rem !important; background: #fff !important; }
  .section { padding: 0 !important; }
  .legal-layout, .container { display: block !important; max-width: none !important; width: 100% !important; }
  .legal-content { box-shadow: none !important; border: 0 !important; padding: 0 !important; max-width: none !important; }
  .legal-content h2 { page-break-after: avoid; }
}


/* Marketplace 1.1.2 migration fail-safe */
.migration-warning { background:#fff4e5; border-bottom:1px solid #f1c27d; color:#5f3700; }
.migration-warning-inner { min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-top:.75rem; padding-bottom:.75rem; }
.migration-warning-inner div { display:grid; gap:.15rem; }
.migration-warning-inner strong { color:#7a4300; }
.migration-warning-inner span { font-size:.9rem; }
.migration-warning-inner a { display:inline-flex; align-items:center; min-height:40px; padding:.55rem .85rem; border-radius:10px; background:#7a4300; color:#fff; font-weight:700; text-decoration:none; white-space:nowrap; }
@media (max-width:700px) { .migration-warning-inner { align-items:flex-start; flex-direction:column; } }


/* Marketplace 1.2.0 brand identity */
.brand img { width: 230px; }
.footer-brand img { width: 58px; height: 58px; }
@media (max-width: 1180px) { .brand img { width: 205px; } }
@media (max-width: 640px) { .brand img { width: 185px; } }


/* Marketplace 1.3.1 — PWA install visibility refinement */
:root { --mobile-nav-height: 70px; }
button.header-icon-button { appearance: none; font: inherit; cursor: pointer; }
.pwa-install-header[hidden], [data-pwa-install][hidden] { display: none !important; }
.network-status { position: fixed; z-index: 250; top: max(12px, env(safe-area-inset-top)); left: 50%; width: min(760px, calc(100% - 28px)); transform: translateX(-50%); padding: 12px 17px; border: 1px solid #f1c27d; border-radius: 12px; background: #fff4e5; color: #693b00; box-shadow: var(--shadow-float); font-weight: 750; text-align: center; }
.pwa-update-toast { position: fixed; z-index: 260; right: 20px; bottom: 20px; display: flex; align-items: center; gap: 18px; width: min(430px, calc(100% - 40px)); padding: 16px 17px; border: 1px solid #cfe0f5; border-radius: 16px; background: #fff; box-shadow: var(--shadow-float); }
.pwa-update-toast[hidden] { display: none; }
.pwa-update-toast div { display: grid; gap: 3px; }
.pwa-update-toast span { color: var(--muted); font-size: .84rem; }
.pwa-update-toast button { flex: 0 0 auto; min-height: 42px; padding: 9px 13px; border: 0; border-radius: 10px; background: var(--navy); color: #fff; font: inherit; font-weight: 850; cursor: pointer; }
.cookie-banner { position: fixed; z-index: 240; left: 50%; bottom: 20px; display: flex; align-items: center; gap: 22px; width: min(880px, calc(100% - 36px)); padding: 17px 20px; transform: translateX(-50%); border: 1px solid #dce7f4; border-radius: 16px; background: #fff; box-shadow: var(--shadow-float); }
.cookie-banner[hidden] { display: none; }
.cookie-banner p { flex: 1; margin: 0; color: var(--muted); line-height: 1.55; }
.cookie-banner p strong { color: var(--ink); }
.cookie-banner button { min-height: 42px; padding: 9px 18px; border: 0; border-radius: 10px; background: var(--navy); color: #fff; font: inherit; font-weight: 850; cursor: pointer; }
.footer-install-row { position: relative; z-index: 3; display: block; margin-top: -48px; padding-bottom: 34px; }
.footer-install-row[hidden] { display: none !important; }
.footer-install-panel { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 18px; width: 100%; padding: 20px 22px; border: 1px solid #d8e5f4; border-radius: 20px; background: linear-gradient(135deg,#ffffff 0%,#f5f9ff 70%,#fff3e5 100%); color: var(--ink); box-shadow: 0 24px 60px rgba(4,31,74,.18); }
.footer-install-icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 15px; background: #eaf3ff; color: var(--navy); }
.footer-install-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.footer-install-copy { display: grid; gap: 4px; min-width: 0; }
.footer-install-copy strong { color: var(--navy); font-size: 1.05rem; }
.footer-install-copy small { color: var(--muted); font-size: .9rem; line-height: 1.45; }
.footer-install-button { min-height: 48px; padding: 11px 20px; border: 0; border-radius: 12px; background: linear-gradient(135deg,var(--orange),#ff9f2e); color: #fff; box-shadow: 0 10px 24px rgba(255,138,0,.28); font: inherit; font-weight: 850; cursor: pointer; white-space: nowrap; transition: transform .18s ease, box-shadow .18s ease; }
.footer-install-button:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(255,138,0,.34); }
.footer-install-button:focus-visible { outline: 3px solid rgba(255,138,0,.28); outline-offset: 3px; }
.mobile-bottom-nav { display: none; }
.pwa-hero { overflow: hidden; background: radial-gradient(circle at 82% 18%, rgba(53,185,242,.22), transparent 28%), linear-gradient(145deg,#031f4b,#073b87 72%,#0b59a4); color: #fff; }
.pwa-hero-grid { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 70px; min-height: 650px; padding-top: 78px; padding-bottom: 78px; }
.pwa-hero h1 { max-width: 720px; margin: 10px 0 18px; color: #fff; font-size: clamp(3.1rem,6vw,6rem); letter-spacing: -.055em; line-height: .98; }
.pwa-hero p { max-width: 680px; color: #dbeaff; font-size: 1.08rem; line-height: 1.75; }
.pwa-hero .secondary { border-color: rgba(255,255,255,.7); background: transparent; color: #fff; }
.pwa-secure-note { margin-top: 18px; font-size: .86rem !important; }
.pwa-device-card { justify-self: center; width: min(390px,100%); padding: 12px; border: 1px solid rgba(255,255,255,.25); border-radius: 35px; background: rgba(255,255,255,.12); box-shadow: 0 35px 85px rgba(0,0,0,.27); backdrop-filter: blur(14px); transform: rotate(2deg); }
.pwa-device-top { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 9px 15px 14px; font-size: .77rem; }
.pwa-device-top span:first-child { width: 9px; height: 9px; border-radius: 50%; background: #35b9f2; }
.pwa-device-screen { min-height: 500px; padding: 45px 26px 25px; border-radius: 25px; background: #f7f9fc; color: var(--ink); text-align: center; }
.pwa-device-screen > img { width: 78px; height: 78px; }
.pwa-device-screen > span { display: block; margin-top: 17px; color: var(--muted); font-size: .74rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.pwa-device-screen h2 { margin: 8px 0 25px; font-size: 2rem; }
.pwa-device-search { padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: #fff; color: #8795a9; text-align: left; font-size: .85rem; }
.pwa-device-cards { display: grid; gap: 12px; margin-top: 20px; }
.pwa-device-cards i { display: block; height: 76px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(100deg,#fff 0 28%,#eef5fc 28% 100%); }
.pwa-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.pwa-feature-grid .panel { min-height: 250px; }
.pwa-feature-grid h3 { margin: 16px 0 9px; }
.pwa-feature-grid p { color: var(--muted); line-height: 1.7; }
.pwa-install-guide { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.pwa-install-guide .panel { padding: 34px; }
.pwa-install-guide ol { margin: 22px 0 0; padding-left: 22px; }
.pwa-install-guide li { padding-left: 7px; margin: 11px 0; line-height: 1.65; }
.product-share-button { cursor: pointer; }

@media (max-width: 900px) {
  .pwa-hero-grid { grid-template-columns: 1fr; gap: 44px; min-height: auto; }
  .pwa-device-card { justify-self: start; max-width: 430px; transform: none; }
  .pwa-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  body { padding-bottom: calc(var(--mobile-nav-height) + env(safe-area-inset-bottom)); }
  .site-footer { padding-bottom: calc(24px + env(safe-area-inset-bottom)); }
  .mobile-bottom-nav { position: fixed; z-index: 180; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(4,1fr); min-height: calc(var(--mobile-nav-height) + env(safe-area-inset-bottom)); padding: 6px 7px calc(6px + env(safe-area-inset-bottom)); border-top: 1px solid #dce7f4; background: rgba(255,255,255,.96); box-shadow: 0 -10px 32px rgba(4,31,74,.11); backdrop-filter: blur(18px); }
  .mobile-bottom-nav a { position: relative; display: grid; place-items: center; align-content: center; gap: 3px; min-width: 0; min-height: 54px; border-radius: 12px; color: #607189; font-size: .68rem; font-weight: 820; text-decoration: none; }
  .mobile-bottom-nav a.active { background: #eef5fc; color: var(--navy); }
  .mobile-bottom-nav svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; }
  .mobile-bottom-nav b { position: absolute; top: 2px; left: calc(50% + 8px); display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 99px; background: var(--orange); color: #fff; font-size: .62rem; }
  .pwa-update-toast { right: 14px; bottom: calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 12px); align-items: stretch; flex-direction: column; width: calc(100% - 28px); }
  .cookie-banner { bottom: calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 10px); align-items: stretch; flex-direction: column; gap: 13px; }
  .cookie-banner button { width: 100%; }
  .pwa-hero-grid { padding-top: 55px; padding-bottom: 55px; }
  .pwa-hero h1 { font-size: clamp(3rem,15vw,4.8rem); }
  .pwa-feature-grid, .pwa-install-guide { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .pwa-device-card { width: 100%; }
  .pwa-device-screen { min-height: 440px; padding: 35px 20px 22px; }
  .pwa-feature-grid .panel, .pwa-install-guide .panel { padding: 26px 22px; }
}
@media print {
  .mobile-bottom-nav, .network-status, .pwa-update-toast, .footer-install-row { display: none !important; }
  body { padding-bottom: 0 !important; }
}

/* Version 1.4.0 — administrator-approved temporary free promotions */
.status-pill.scheduled { color: #075c91; background: #dff1ff; }
.status-pill.active { color: #0d633c; background: #daf5e7; box-shadow: inset 0 0 0 1px rgba(13,99,60,.08); }
.status-pill.expired, .status-pill.cancelled { color: #5d6672; background: #edf1f5; }
.action-button-group { display: flex; flex-wrap: wrap; gap: 10px; }
.table-actions-cell { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.table-actions-cell form { margin: 0; }
.promotion-action-link { margin-left: 10px; color: #a55300; }
.promotion-hero { background: radial-gradient(circle at 88% 20%,rgba(255,138,0,.16),transparent 30%),linear-gradient(180deg,#fff,#f7faff); }
.promotion-rules-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 24px; }
.promotion-rules-grid .panel { min-height: 210px; }
.promotion-rules-grid h3 { margin: 16px 0 8px; }
.promotion-rules-grid p { color: var(--muted); line-height: 1.7; }
.promotion-note-row td { padding-top: 7px; padding-bottom: 15px; color: #6d522f; background: #fffaf0; font-size: .86rem; }
.promotion-request-form { max-width: 900px; margin: 0 auto; }
.promotion-support-option { align-self: end; min-height: 78px; }
.promotion-duration-note { padding: 15px 17px; border: 1px solid #d9e9fb; border-radius: 12px; background: #f3f8ff; color: #36516f; }
.promotion-filter { margin: 24px 0; }
.promotion-review-summary .detail-list { margin-top: 18px; }
.promotion-public-banner { display: grid; gap: 12px; margin: 0 0 24px; padding: 20px 22px; border: 1px solid #ffd18f; border-radius: 18px; background: linear-gradient(135deg,#fff8e9,#fffdf8); box-shadow: 0 15px 36px rgba(255,138,0,.10); }
.promotion-public-banner > div { display: flex; align-items: center; gap: 16px; }
.promotion-public-banner strong { color: var(--navy); font-size: 1.02rem; }
.promotion-public-banner p { margin: 4px 0 0; color: #66573f; line-height: 1.55; }
.promotion-public-banner > span { color: #7b5b25; font-size: .82rem; font-weight: 750; }
.promotion-burst { display: grid; flex: 0 0 auto; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: linear-gradient(135deg,var(--orange),#ffb24d); color: #fff; box-shadow: 0 12px 24px rgba(255,138,0,.25); font-size: 1rem; font-weight: 950; letter-spacing: .05em; }
.free-promotion-ribbon { position: absolute; top: 14px; left: 14px; z-index: 2; padding: 7px 11px; border-radius: 999px; background: linear-gradient(135deg,#ff8a00,#ffad3b); color: #fff; box-shadow: 0 8px 20px rgba(255,138,0,.28); font-size: .72rem; font-weight: 900; }
.promotion-free-price { display: inline-block; margin-right: 7px; color: #0d7b48 !important; font-size: 1.2rem !important; }
.promotion-original-price { color: #8b97a7; font-size: .78rem; text-decoration: line-through; }
.promotion-deadline { display: block !important; margin-top: 3px; color: #a15b00 !important; }
.free-licence-choice { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin: 14px 0 12px; padding: 18px; border: 1px solid #ffd18f; border-radius: 14px; background: #fff9ed; }
.free-licence-choice > span { display: grid; gap: 5px; }
.free-licence-choice small { color: var(--muted); line-height: 1.45; }
.free-licence-choice > div { display: grid; justify-items: end; }
.free-licence-choice b { color: #0d7b48; font-size: 1.35rem; }
.free-licence-choice del { color: #8b97a7; font-size: .78rem; }
.promotion-claim-button { border: 0; background: linear-gradient(135deg,#0c8b51,#16a866); color: #fff; box-shadow: 0 12px 26px rgba(12,139,81,.22); }
.promotion-claim-button:hover { color: #fff; transform: translateY(-1px); box-shadow: 0 16px 30px rgba(12,139,81,.28); }
.promotion-claim-note { margin: 10px 0 16px; color: var(--muted); font-size: .78rem; line-height: 1.5; text-align: center; }
.paid-alternative-heading { display: flex; align-items: center; gap: 10px; margin: 17px 0 10px; color: var(--muted); font-size: .74rem; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.paid-alternative-heading::before, .paid-alternative-heading::after { content: ''; flex: 1; height: 1px; background: var(--line); }
.promotion-cart-alert { color: #704600; background: #fff5dd; border-color: #ffd78e; }
.promotion-cart-alert a { color: #7e4d00; font-weight: 850; }
.timeline-list { display: grid; gap: 18px; }
.timeline-list > div { display: grid; grid-template-columns: 16px 1fr; gap: 12px; }
.timeline-list > div > span { width: 12px; height: 12px; margin-top: 6px; border: 3px solid #dcecff; border-radius: 50%; background: var(--navy); }
.timeline-list p { display: grid; gap: 4px; margin: 0; }
.timeline-list small { color: var(--muted); }
.timeline-list em { margin-top: 5px; color: #5f6f82; font-style: normal; }
.decision-buttons { display: grid; gap: 9px; margin: 16px 0 10px; }
.review-notes { margin: 20px 0; padding: 17px; border-radius: 12px; background: #f6f8fb; }
.review-notes p { margin: 7px 0 0; line-height: 1.65; }

@media (max-width: 900px) {
  .promotion-rules-grid { grid-template-columns: 1fr; }
}
@media (max-width: 650px) {
  .promotion-public-banner > div, .free-licence-choice { align-items: flex-start; flex-direction: column; }
  .free-licence-choice > div { justify-items: start; }
  .promotion-burst { width: 54px; height: 54px; }
  .action-button-group { width: 100%; }
  .action-button-group .button { flex: 1; }
}

/* Marketplace 1.4.0 — admin-approved free promotions */
.free-now-filter {
    margin: .25rem 0 .15rem;
    padding: .85rem;
    border: 1px solid rgba(255, 138, 0, .25);
    border-radius: 14px;
    background: rgba(255, 138, 0, .07);
}
.free-now-filter input { accent-color: #ff8a00; }
.filter-chip.free-chip {
    border-color: rgba(255, 138, 0, .42);
    background: rgba(255, 138, 0, .12);
    color: #9a4b00;
    font-weight: 800;
}


/* Marketplace 1.5.1 — secure payment gateway administration */
.payment-settings-link{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.25rem;padding:1.35rem}.payment-settings-link h2{margin:.2rem 0 .35rem}.payment-settings-link p{margin:0;max-width:700px}.security-callout{margin-bottom:1.25rem;padding:1rem 1.15rem;border:1px solid #b9d9f7;border-radius:16px;background:#eef7ff}.security-callout strong{color:var(--navy)}.security-callout p{margin:.25rem 0 0}.gateway-grid{display:grid;gap:1.35rem}.gateway-card{scroll-margin-top:100px;padding:1.5rem}.gateway-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem}.gateway-card-header h2{margin:.25rem 0}.gateway-card-header p{margin:0;max-width:720px}.gateway-status-stack{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.gateway-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.25rem 0}.gateway-summary>div{padding:.85rem 1rem;border:1px solid var(--line);border-radius:14px;background:#f8fafc}.gateway-summary span{display:block;color:var(--muted);font-size:.78rem}.gateway-summary strong{display:block;margin-top:.25rem}.gateway-test-result{margin-bottom:1rem;padding:.8rem 1rem;border-radius:12px}.gateway-test-result.success{background:#e5f7ed;color:#12683d}.gateway-test-result.warning{background:#fff1d6;color:#765600}.gateway-form{display:grid;gap:1rem}.credential-section{padding-top:1rem;border-top:1px solid var(--line)}.credential-section h3{margin:0 0 .75rem}.credential-section label>span,.password-confirm>span{display:block;font-weight:800;margin-bottom:.35rem}.credential-section small,.password-confirm small{display:block;margin-top:.35rem;color:var(--muted)}.webhook-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.9rem 1rem;border-radius:14px;background:#071f45;color:#fff}.webhook-box span{font-weight:800}.webhook-box code{overflow-wrap:anywhere;color:#d9ebff}.password-confirm{max-width:520px}.gateway-actions,.gateway-secondary-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.gateway-secondary-actions{justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.gateway-secondary-actions form{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.inline-password input{min-width:180px}.button.danger-outline{border:1px solid #c93d3d;color:#a52b2b;background:#fff}.button.danger-outline:hover{background:#fff1f1}.gateway-missing{margin:1rem 0 0;color:#8a4c00}.button.small{padding:.45rem .7rem;font-size:.78rem}
@media(max-width:760px){.payment-settings-link,.gateway-card-header{align-items:stretch;flex-direction:column}.gateway-status-stack{justify-content:flex-start}.gateway-summary{grid-template-columns:1fr}.webhook-box{grid-template-columns:1fr}.gateway-secondary-actions{align-items:stretch;flex-direction:column}.gateway-secondary-actions form{width:100%}.gateway-secondary-actions .button,.gateway-secondary-actions input{width:100%}.gateway-card{padding:1.05rem}}


/* Version 1.6.1: XAMPP homepage crypto advertorial visibility. */
.brand-dynamic { gap: 11px; min-width: 185px; text-decoration: none; }
.brand-dynamic > img { width: 46px; height: 46px; flex: 0 0 auto; }
.brand-dynamic > span { display: grid; gap: 1px; min-width: 0; }
.brand-dynamic strong { color: var(--navy); font-size: 1.16rem; line-height: 1.05; letter-spacing: -.025em; }
.brand-dynamic small { max-width: 170px; overflow: hidden; color: var(--muted); font-size: .65rem; font-weight: 800; letter-spacing: .06em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.crypto-advertorial { position: relative; z-index: 5; padding: 18px 0; overflow: hidden; background: linear-gradient(110deg,#071b39 0%,#092c57 42%,#123c6a 100%); color: #fff; border-bottom: 1px solid rgba(255,255,255,.13); }
.crypto-advertorial::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 13% 30%,rgba(255,138,0,.22),transparent 28%),radial-gradient(circle at 82% 40%,rgba(53,185,242,.17),transparent 25%); }
.crypto-advertorial-shell { position: relative; display: grid; grid-template-columns: 150px minmax(0,1fr) auto; gap: 26px; align-items: center; min-height: 128px; }
.crypto-advertorial-art { position: relative; display: grid; place-items: center; height: 104px; }
.crypto-wallet { position: relative; z-index: 3; display: grid; place-items: center; width: 82px; height: 72px; border: 2px solid rgba(255,255,255,.92); border-radius: 20px; background: linear-gradient(145deg,#062b62,#041f4a); color: #ff9b27; box-shadow: 0 18px 42px rgba(0,0,0,.34); font-size: 24px; font-weight: 950; }
.crypto-coin { position: absolute; z-index: 4; display: grid; place-items: center; width: 39px; height: 39px; border-radius: 50%; box-shadow: 0 9px 18px rgba(0,0,0,.28); font-weight: 950; }
.coin-b { top: 0; right: 11px; background: #f7931a; color: #fff; }
.coin-e { bottom: 0; left: 8px; background: #627eea; color: #fff; }
.crypto-orbit { position: absolute; border: 1px solid rgba(141,220,255,.38); border-radius: 50%; }
.orbit-one { width: 135px; height: 72px; transform: rotate(18deg); }
.orbit-two { width: 119px; height: 93px; transform: rotate(-22deg); }
.crypto-advertorial-copy { display: grid; gap: 6px; }
.crypto-kicker { color: #8ddcff; font-size: .72rem; font-weight: 950; letter-spacing: .15em; text-transform: uppercase; }
.crypto-advertorial h2 { margin: 0; color: #fff; font-size: clamp(1.8rem,3vw,2.65rem); letter-spacing: -.04em; }
.crypto-advertorial p { max-width: 760px; margin: 0; color: #d7e8fb; line-height: 1.55; }
.crypto-asset-row { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; margin-top: 5px; }
.crypto-asset-row > span { padding: 5px 9px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: rgba(255,255,255,.09); color: #fff; font-size: .72rem; font-weight: 900; }
.crypto-asset-row small { margin-left: 4px; color: #a9bfd8; font-size: .72rem; }
.crypto-advertorial-action { display: grid; gap: 3px; min-width: 190px; padding: 15px 18px; border: 1px solid rgba(255,255,255,.2); border-radius: 15px; background: linear-gradient(135deg,#ff8a00,#ff6b00); color: #fff; box-shadow: 0 14px 32px rgba(255,107,0,.24); text-decoration: none; transition: transform .18s ease,box-shadow .18s ease; }
.crypto-advertorial-action span { color: #fff2df; font-size: .72rem; font-weight: 800; }
.crypto-advertorial-action strong { font-size: .96rem; }
.crypto-advertorial-action:hover { transform: translateY(-2px); box-shadow: 0 18px 38px rgba(255,107,0,.31); }
.installer-security-note { margin-top: 22px; padding: 16px; border: 1px solid #cfe0f5; border-radius: 14px; background: #f4f8fd; color: var(--muted); line-height: 1.55; }
@media (max-width: 900px) { .crypto-advertorial-shell { grid-template-columns: 110px minmax(0,1fr); } .crypto-advertorial-action { grid-column: 1 / -1; min-width: 0; display: flex; justify-content: space-between; align-items: center; } .crypto-advertorial-art { height: 90px; } }
@media (max-width: 620px) { .brand-dynamic small { display: none; } .brand-dynamic strong { font-size: 1rem; } .crypto-advertorial { padding: 16px 0 19px; } .crypto-advertorial-shell { grid-template-columns: 1fr; gap: 14px; } .crypto-advertorial-art { justify-self: start; width: 120px; height: 78px; } .crypto-wallet { width: 69px; height: 60px; border-radius: 17px; font-size: 20px; } .crypto-coin { width: 32px; height: 32px; } .crypto-advertorial h2 { font-size: 2rem; } .crypto-asset-row small { flex-basis: 100%; margin: 3px 0 0; } }


/* Version 1.7.0: consent-based mailing list, timed popup and campaign builder. */
.newsletter-modal[hidden]{display:none!important}.newsletter-modal{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:24px}.newsletter-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(3,15,35,.76);backdrop-filter:blur(9px);cursor:default}.newsletter-popup-card{position:relative;z-index:1;display:grid;grid-template-columns:minmax(250px,.82fr) minmax(390px,1.18fr);width:min(920px,100%);max-height:min(760px,calc(100vh - 32px));overflow:auto;border:1px solid rgba(255,255,255,.38);border-radius:28px;background:#fff;box-shadow:0 38px 100px rgba(1,14,35,.42);outline:none}.newsletter-popup-close{position:absolute;top:17px;right:17px;z-index:4;display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(8,46,91,.12);border-radius:50%;background:rgba(255,255,255,.92);color:#082e5b;font-size:1.5rem;line-height:1;cursor:pointer}.newsletter-popup-art{position:relative;min-height:520px;overflow:hidden;background:linear-gradient(145deg,#041f4a 0%,#082e5b 48%,#0b5a8f 100%)}.newsletter-popup-art::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 28% 22%,rgba(255,123,0,.36),transparent 30%),radial-gradient(circle at 80% 78%,rgba(70,203,255,.24),transparent 33%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,auto,30px 30px,30px 30px}.newsletter-code-mark{position:absolute;left:50%;top:50%;z-index:3;display:grid;place-items:center;width:150px;height:150px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.84);border-radius:38px;background:linear-gradient(145deg,rgba(4,31,74,.92),rgba(9,71,125,.9));color:#ff9634;box-shadow:0 26px 65px rgba(0,0,0,.38);font-size:2.55rem;font-weight:950}.newsletter-gift-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(139,222,255,.45);border-radius:50%}.newsletter-gift-orbit.orbit-a{width:270px;height:160px;transform:translate(-50%,-50%) rotate(22deg)}.newsletter-gift-orbit.orbit-b{width:220px;height:245px;transform:translate(-50%,-50%) rotate(-28deg)}.newsletter-mini-card{position:absolute;z-index:4;padding:9px 13px;border-radius:11px;box-shadow:0 16px 34px rgba(0,0,0,.26);font-size:.68rem;font-weight:950;letter-spacing:.12em}.newsletter-mini-card.card-one{top:20%;right:11%;transform:rotate(8deg);background:#ff7b00;color:#fff}.newsletter-mini-card.card-two{bottom:19%;left:9%;transform:rotate(-7deg);background:#eaf8ff;color:#075183}.newsletter-popup-content{display:flex;flex-direction:column;justify-content:center;padding:54px 52px 44px}.newsletter-popup-kicker{color:#d66300;font-size:.72rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.newsletter-popup-content h2{margin:10px 0 12px;color:#082e5b;font-size:clamp(2rem,4vw,3.25rem);line-height:1.02;letter-spacing:-.045em}.newsletter-popup-content>p{margin:0;color:#5d6878;line-height:1.7}.newsletter-benefits{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.newsletter-benefits span{padding:7px 10px;border:1px solid #dce8f4;border-radius:999px;background:#f6faff;color:#24415f;font-size:.72rem;font-weight:800}.newsletter-popup-form{display:grid;gap:13px;margin-top:6px}.newsletter-form-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px}.newsletter-popup-form label>span{display:block;margin-bottom:6px;color:#24384f;font-size:.77rem;font-weight:850}.newsletter-popup-form label small{color:#8994a2;font-weight:650}.newsletter-popup-form input[type=text],.newsletter-popup-form input[type=email]{width:100%;padding:13px 14px;border:1px solid #cdd9e7;border-radius:12px;background:#fff;font:inherit}.newsletter-popup-form input:focus{border-color:#0b64a7;box-shadow:0 0 0 4px rgba(11,100,167,.12);outline:none}.newsletter-consent{display:grid!important;grid-template-columns:auto 1fr;gap:9px;align-items:start}.newsletter-consent input{margin-top:3px;accent-color:#ff7b00}.newsletter-consent span{margin:0!important;color:#697587!important;font-size:.72rem!important;font-weight:600!important;line-height:1.5}.newsletter-consent a{color:#0b5a8f}.newsletter-submit{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:14px 17px;border:0;border-radius:13px;background:linear-gradient(135deg,#ff8a00,#f26700);color:#fff;box-shadow:0 16px 34px rgba(242,103,0,.24);font-weight:900;cursor:pointer}.newsletter-submit:disabled{opacity:.65;cursor:wait}.newsletter-submit b{font-size:1.25rem}.newsletter-form-status{min-height:20px;color:#586777;font-size:.78rem;line-height:1.45}.newsletter-form-status.success{color:#0b7a48}.newsletter-form-status.error{color:#ad2d2d}.newsletter-form-status a{font-weight:800}.newsletter-not-now{align-self:center;margin-top:4px;border:0;background:transparent;color:#7a8696;font-size:.75rem;cursor:pointer}.newsletter-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.newsletter-modal-open{overflow:hidden}.newsletter-action-card{max-width:700px;margin:auto;padding:42px;text-align:center}.newsletter-action-icon{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 18px;border-radius:50%;background:#fff2d9;color:#a46500;font-size:2rem;font-weight:900}.newsletter-action-icon.success{background:#e4f7ed;color:#087447}.newsletter-action-card h2{color:#082e5b}.newsletter-action-card p{line-height:1.7}.newsletter-admin-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:20px;margin:22px 0}.campaign-builder-panel{padding:26px}.campaign-builder{display:grid;gap:14px}.campaign-builder label>span{display:block;margin-bottom:6px;font-weight:850}.campaign-builder textarea{resize:vertical}.campaign-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:6px}.inline-campaign-form{display:flex;gap:7px;align-items:center}.inline-campaign-form input{max-width:220px}.newsletter-send-button{border:0;background:linear-gradient(135deg,#0a8b55,#12a669);color:#fff}.newsletter-guidance{align-self:start;position:sticky;top:98px}.newsletter-guidance h2{color:#082e5b}.newsletter-guidance .check-list{padding-left:0;list-style:none}.newsletter-guidance .check-list li{position:relative;padding:0 0 13px 25px;color:#5e6b7b;line-height:1.55}.newsletter-guidance .check-list li::before{content:'✓';position:absolute;left:0;color:#0a8b55;font-weight:900}.newsletter-campaign-list,.newsletter-subscribers{margin-top:20px}.newsletter-campaign-list td small,.newsletter-subscribers td small{display:block;margin-top:4px;color:#7b8795}.compact-filter-form{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.compact-filter-form input,.compact-filter-form select{min-width:150px}.subscriber-status-form{display:flex;gap:6px;align-items:center}.subscriber-status-form select{min-width:132px}.hero-inline-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.status-badge.pending{background:#fff1d9;color:#8b5700}.status-badge.active,.status-badge.queued,.status-badge.completed{background:#e5f7ed;color:#087447}.status-badge.unsubscribed,.status-badge.cancelled{background:#f1f3f5;color:#5d6773}.status-badge.suppressed,.status-badge.failed{background:#ffe7e7;color:#a22b2b}.status-badge.draft,.status-badge.scheduled{background:#eaf3ff;color:#15578d}
@media(max-width:900px){.newsletter-popup-card{grid-template-columns:1fr;max-width:650px}.newsletter-popup-art{min-height:210px}.newsletter-code-mark{width:110px;height:110px;border-radius:29px;font-size:1.9rem}.newsletter-popup-content{padding:38px 30px 30px}.newsletter-admin-grid{grid-template-columns:1fr}.newsletter-guidance{position:static}.newsletter-form-row{grid-template-columns:1fr}}
@media(max-width:560px){.newsletter-modal{padding:10px}.newsletter-popup-card{max-height:calc(100vh - 20px);border-radius:20px}.newsletter-popup-art{min-height:150px}.newsletter-popup-content{padding:30px 20px 24px}.newsletter-popup-content h2{font-size:2rem}.newsletter-benefits{display:grid}.newsletter-form-row{grid-template-columns:1fr}.campaign-actions,.inline-campaign-form,.compact-filter-form,.subscriber-status-form{align-items:stretch;flex-direction:column}.inline-campaign-form input,.compact-filter-form input,.compact-filter-form select,.subscriber-status-form select{width:100%;max-width:none}.newsletter-action-card{padding:26px 18px}}


/* Version 1.8.0: sponsored listings and settings discoverability */
.sponsored-showcase-section,.sponsored-marketplace-strip{background:linear-gradient(135deg,#fff8ed 0%,#f7fbff 100%);border-top:1px solid #f0dfc6;border-bottom:1px solid #e4edf7}.sponsored-disclosure{display:inline-flex;align-items:center;gap:.4rem;color:#8a4b00}.sponsored-disclosure:before{content:'Ad';display:inline-grid;place-items:center;min-width:2rem;height:1.45rem;padding:0 .38rem;border:1px solid #cb7b17;border-radius:.35rem;font-size:.68rem;font-weight:900;letter-spacing:.08em}.sponsored-product-card{outline:1px solid rgba(235,144,32,.28);box-shadow:0 18px 45px rgba(33,64,102,.09)}.sponsored-ribbon{position:absolute;left:14px;top:14px;z-index:3;padding:7px 10px;border-radius:999px;background:#fff;color:#6a3a00;border:1px solid #e9b566;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.sponsor-package-grid,.admin-package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1.25rem 0}.sponsor-package-card{display:flex;flex-direction:column;gap:.65rem}.sponsor-package-card>strong{font-size:1.45rem;color:#082e5b}.sponsor-package-card>small{color:#667085}.sponsor-package-selector{display:grid;gap:.8rem}.sponsor-package-option{display:block}.sponsor-package-option input{position:absolute;opacity:0}.sponsor-package-option span{display:grid;gap:.35rem;padding:1rem;border:1px solid #dce6f1;border-radius:14px;cursor:pointer;background:#fff}.sponsor-package-option input:checked+span{border-color:#ff7b00;box-shadow:0 0 0 3px rgba(255,123,0,.13)}.sponsor-package-option b{color:#0b4c87}.promotion-payment-total{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin:1rem 0;border-top:1px solid #e7edf5;border-bottom:1px solid #e7edf5}.promotion-payment-total strong{font-size:1.7rem;color:#082e5b}.sponsored-package-admin{margin-top:1.5rem}.package-admin-card{border:1px solid #dfe7f1;border-radius:16px;padding:1rem;background:#fff}.package-admin-card.new-package{border-style:dashed;background:#f8fbff}.settings-jump-nav{position:sticky;top:82px;z-index:5;display:flex;gap:.55rem;flex-wrap:wrap;padding:.75rem;margin-bottom:1rem;border:1px solid #dfe7f1;border-radius:14px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px)}.settings-jump-nav a{padding:.55rem .75rem;border-radius:9px;background:#eef5fc;color:#0b4c87;font-weight:800;font-size:.86rem}.settings-group{scroll-margin-top:150px}.status-pill.awaiting_payment{background:#fff3d8;color:#885200}.status-pill.active,.status-pill.paid{background:#dcf8e8;color:#11663a}.status-pill.scheduled{background:#e5efff;color:#174c8c}.status-pill.expired{background:#eef1f5;color:#596273}@media(max-width:1050px){.sponsor-package-grid,.admin-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.sponsor-package-grid,.admin-package-grid{grid-template-columns:1fr}.settings-jump-nav{top:66px;overflow:auto;flex-wrap:nowrap}.settings-jump-nav a{white-space:nowrap}}

/* Version 1.8.1: production payout guidance */
.payout-guidance {
  margin: 16px 0 20px;
  padding: 15px 17px;
  color: #123f34;
  background: linear-gradient(135deg,#eefbf6,#f7fffc);
  border: 1px solid #a9dfcc;
  border-left: 4px solid #1d9b70;
  border-radius: 12px;
  font-size: .92rem;
  line-height: 1.65;
}
.payout-guidance strong { color: #0e5f46; }

/* Version 1.8.2: multi-method withdrawal profiles */
.payout-method-panel {
  margin: 14px 0;
  padding: 17px;
  border: 1px solid #d7e2ee;
  border-radius: 14px;
  background: #f8fbff;
}
.payout-method-panel[hidden] { display: none !important; }
.payout-method-note {
  padding: 13px 15px;
  color: #23415e;
  background: #edf6ff;
  border: 1px solid #c9e2fa;
  border-radius: 10px;
  line-height: 1.55;
}
.compact-alert { margin-top: 12px; }
.payout-address {
  overflow-wrap: anywhere;
  word-break: break-all;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* Version 1.8.4: withdrawal fee disclosure */
.payout-fee-notice {
  margin: 14px 0;
  padding: 14px 16px;
  color: #5d3a00;
  background: linear-gradient(135deg, #fff8e8, #fffdf7);
  border: 1px solid #edce85;
  border-left: 4px solid #d99000;
  border-radius: 12px;
  line-height: 1.6;
}
.payout-fee-consent {
  align-items: flex-start;
  padding: 12px 0;
}
.payout-fee-consent input {
  margin-top: .25rem;
  flex: 0 0 auto;
}

/* Version 1.8.5: method-specific withdrawal controls */
.settings-group-description {
  max-width: 760px;
  margin: 8px 0 18px;
  color: #5d6b7c;
  line-height: 1.65;
}

/* Version 1.8.7: clearly editable withdrawal profiles */
.payout-edit-availability {
  margin: 12px 0 18px;
  padding: 13px 15px;
  color: #174b3b;
  background: #eefaf5;
  border: 1px solid #b9e4d4;
  border-radius: 11px;
  line-height: 1.6;
}
.payout-account-summary-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.payout-change-button {
  padding: 9px 13px;
  font-size: .82rem;
  white-space: nowrap;
}
.payout-method-help {
  margin-top: 7px;
  color: #53677c;
  line-height: 1.5;
}
@media (max-width: 620px) {
  .payout-account-summary-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .payout-change-button {
    width: 100%;
    text-align: center;
  }
}

/* Version 1.8.8: payout storage diagnostics */
.payout-storage-status {
  margin: 14px 0 18px;
  padding: 13px 15px;
  border-radius: 11px;
  line-height: 1.6;
}
.payout-storage-status.ready {
  color: #15543f;
  background: #edf9f4;
  border: 1px solid #a9ddc9;
}
.payout-storage-status.blocked {
  color: #742d20;
  background: #fff2ef;
  border: 1px solid #efb8ae;
}

/* Version 1.8.9: payout fraud controls */
.payout-certification {
  align-items: flex-start;
  padding: 15px;
  background: #fff9ec;
  border: 1px solid #e7c877;
  border-radius: 12px;
  line-height: 1.55;
}
.payout-certification input { margin-top: .25rem; flex: 0 0 auto; }
.certification-record {
  margin: 15px 0;
  padding: 15px;
  background: #f4f8fc;
  border: 1px solid #ccd9e6;
  border-radius: 12px;
  line-height: 1.6;
}
.hash-display {
  overflow-wrap: anywhere;
  word-break: break-all;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .82rem;
}
.payout-review-form {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #dce5ee;
}

/* Direct bank-transfer gateway */
.gateway-manual-note{padding:.9rem 1rem;border:1px solid #cbd9ea;border-radius:14px;background:#f5f9ff;color:#17345b}.gateway-manual-note strong{display:block;margin-bottom:.2rem}.bank-details dd{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:wrap;text-align:right}.bank-details .alert{margin-top:1rem}

/* Bank-transfer checkout visibility and payment controls */
.payment-method-bank{border-color:#a9c7ea;background:#f6faff}.payment-method-bank strong{color:#073b87}.customer-bank-account{display:inline-block;padding:.45rem .65rem;border:1px solid #cbd9ea;border-radius:8px;background:#fff;color:#071f42;font-size:1rem;font-weight:900;letter-spacing:.04em;user-select:all}.bank-customer-preview{display:grid;gap:.55rem;margin:1rem 0;padding:1rem;border:1px solid #cbd9ea;border-radius:14px;background:#f7fbff}.bank-customer-preview>span{font-weight:900;color:#17345b}.bank-customer-preview>div{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.bank-customer-preview code{padding:.55rem .7rem;border:1px solid #d5e2ef;border-radius:8px;background:#fff;color:#071f42;font-size:1rem;font-weight:900;user-select:all}.bank-customer-preview small{color:#526a82;line-height:1.55}.button[aria-busy="true"]{cursor:wait;opacity:.82}.payment-status-card form .button{position:relative;z-index:1;pointer-events:auto}

/* Product cover alignment hotfix
 * Marketplace cover artwork is uploaded at a 2:1 ratio (for example 1600x800).
 * Use the same ratio in every product grid so all cover frames start and end on
 * the same horizontal lines and the full artwork is not unevenly cropped.
 */
.market-product-grid {
  align-items: stretch;
}

.market-product-card .product-cover,
.refined-product-card .product-cover,
.compact-grid .product-cover {
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 2 / 1;
}

.market-product-card .product-cover img,
.refined-product-card .product-cover img,
.compact-grid .product-cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}


/* CodeElveza 1.8.20: unmistakable sponsored marketplace disclosure. */
.sponsored-marketplace-strip{position:relative;background:linear-gradient(135deg,#fff4dd 0%,#fffaf2 48%,#eef7ff 100%);border-top:3px solid #f59e0b;border-bottom:1px solid #e7c98f;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.sponsored-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem;margin-bottom:1.35rem;padding:1.2rem 1.3rem;border:1px solid #edc47b;border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 12px 30px rgba(93,58,7,.08)}
.sponsored-section-heading h2{margin:.35rem 0 .25rem;color:#082e5b}
.sponsored-section-heading p{max-width:760px;margin:0;color:#5f6877}
.sponsored-section-heading>strong{flex:0 0 auto;padding:.65rem .8rem;border-radius:999px;background:#082e5b;color:#fff;font-size:.8rem;letter-spacing:.03em}
.sponsored-section-label{display:inline-flex;align-items:center;margin-right:.55rem;padding:.42rem .68rem;border-radius:999px;background:#f59e0b;color:#221400;font-size:.72rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.sponsored-jump-link{color:#fff;text-decoration:underline;text-underline-offset:3px;font-weight:850}
.sponsored-grid .sponsored-product-card,.sponsored-product-card{border:2px solid #f59e0b;outline:0;box-shadow:0 20px 48px rgba(133,79,0,.17)}
.sponsored-product-card:before{content:'PAID PLACEMENT';position:absolute;left:0;right:0;top:0;z-index:5;height:4px;background:linear-gradient(90deg,#f59e0b,#ff7a00)}
.sponsored-ribbon{left:12px;top:16px;padding:8px 12px;background:#f59e0b;color:#1c1200;border:2px solid #fff;box-shadow:0 6px 18px rgba(40,23,0,.24);font-size:.75rem}
.product-card-labels{display:inline-flex;align-items:center;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}
.sponsored-inline-label{display:inline-flex;align-items:center;padding:.32rem .55rem;border-radius:999px;background:#fff0cf;color:#754000;border:1px solid #e7ae49;font-size:.68rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
@media(max-width:720px){.sponsored-section-heading{align-items:flex-start;flex-direction:column}.sponsored-section-heading>strong{align-self:flex-start}.sponsored-jump-link{display:none}}

/* CodeElveza 1.8.21: sponsored placement visibility hardening. */
.sponsored-marketplace-strip{display:block!important;visibility:visible!important;opacity:1!important}
.sponsored-grid{display:grid!important}
.sponsored-product-card{position:relative!important;border:3px solid #f59e0b!important;background:#fffdf8!important;box-shadow:0 22px 52px rgba(133,79,0,.22)!important}
.sponsored-product-card .product-cover{border-bottom:1px solid #f4c46d}
.sponsored-product-card .sponsored-ribbon{display:inline-flex!important;visibility:visible!important;opacity:1!important;z-index:12!important;background:#f59e0b!important;color:#1c1200!important;border:2px solid #fff!important}
.sponsored-product-card .sponsored-inline-label{display:inline-flex!important;visibility:visible!important;opacity:1!important}
.sponsored-secondary-ribbon{top:58px!important}
.sponsored-section-heading:before{content:'SPONSORED SOFTWARE';display:inline-flex;align-items:center;align-self:flex-start;padding:.55rem .8rem;border-radius:999px;background:#f59e0b;color:#241400;font-size:.73rem;font-weight:950;letter-spacing:.1em}

/* Version 1.8.27 — in-app notification centre */
.notification-count{background:#e24b33}
.notification-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.5rem;align-items:start}
.notification-main{min-width:0}
.notification-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.notification-heading form{margin:0}
.notification-list{display:grid;gap:.75rem;margin-top:1rem}
.notification-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem;border:1px solid #e3eaf3;border-radius:14px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.notification-row.is-unread{border-color:#b9d6f6;background:#f7fbff;box-shadow:0 8px 24px rgba(7,75,150,.07)}
.notification-symbol{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#edf5ff;color:#0b4b96;font-size:.85rem;font-weight:900}
.notification-row.priority-success .notification-symbol{background:#e8f8ef;color:#187348}
.notification-row.priority-warning .notification-symbol{background:#fff5d9;color:#8a6500}
.notification-row.priority-danger .notification-symbol{background:#ffeaea;color:#a22d2d}
.notification-copy{min-width:0}
.notification-title-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.notification-copy strong{color:#173451}
.notification-copy p{margin:.35rem 0 .3rem;color:#52687f;line-height:1.55;overflow-wrap:anywhere}
.notification-copy small{color:#7a8da2}
.notification-actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}
.notification-actions form{margin:0}
.notification-actions .button.small{min-height:34px;padding:.45rem .75rem;font-size:.76rem}
.notification-help{position:sticky;top:92px}
@media(max-width:900px){.notification-layout{grid-template-columns:1fr}.notification-help{position:static}.notification-row{grid-template-columns:34px minmax(0,1fr)}.notification-actions{grid-column:2;justify-content:flex-start}.notification-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.notification-row{padding:.85rem;gap:.75rem}.notification-actions{grid-column:1/-1}.notification-actions form,.notification-actions .button{width:100%}}

/* 1.8.28 public help desk and optional WhatsApp support */
.public-helpdesk-widget{position:fixed;right:28px;bottom:30px;z-index:2200;width:min(430px,calc(100vw - 32px));pointer-events:none}.public-helpdesk-widget>summary{pointer-events:auto;list-style:none;margin-left:auto;width:min(330px,100%);display:grid;grid-template-columns:58px minmax(0,1fr) 26px;align-items:center;gap:14px;padding:15px 17px;border:1px solid rgba(255,255,255,.2);border-radius:22px;background:linear-gradient(135deg,#082f63 0%,#0b4b96 56%,#126ac2 100%);color:#fff;box-shadow:0 18px 46px rgba(8,47,99,.34),0 4px 12px rgba(8,47,99,.18);cursor:pointer;user-select:none;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;overflow:hidden;position:relative}.public-helpdesk-widget>summary::before{content:"";position:absolute;inset:-45% auto auto -12%;width:150px;height:150px;border-radius:50%;background:rgba(49,183,235,.16);pointer-events:none}.public-helpdesk-widget>summary:hover{transform:translateY(-3px);box-shadow:0 22px 54px rgba(8,47,99,.4),0 6px 16px rgba(8,47,99,.18);filter:saturate(1.05)}.public-helpdesk-widget>summary:focus-visible{outline:4px solid rgba(49,183,235,.35);outline-offset:3px}.public-helpdesk-widget>summary::-webkit-details-marker{display:none}.public-helpdesk-widget[open]>summary{width:100%;border-radius:20px 20px 0 0;transform:none;box-shadow:0 10px 28px rgba(8,47,99,.24)}.helpdesk-widget-icon{position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#fff;color:#0b4b96;box-shadow:0 8px 20px rgba(0,0,0,.16);z-index:1}.helpdesk-widget-icon svg{width:31px;height:31px;fill:currentColor}.helpdesk-widget-status{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;border-radius:50%;background:#20c66a;border:3px solid #fff;box-shadow:0 0 0 3px rgba(32,198,106,.15)}.helpdesk-widget-copy{display:grid;gap:3px;min-width:0;z-index:1}.helpdesk-widget-label{display:block;font-size:18px;line-height:1.15;font-weight:900;letter-spacing:-.01em;color:#fff}.helpdesk-widget-copy small{display:block;font-size:12px;line-height:1.35;font-weight:600;color:#d8e9fb}.helpdesk-widget-chevron{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.13);font-size:28px;font-weight:300;line-height:1;transition:transform .18s ease;z-index:1}.public-helpdesk-widget[open] .helpdesk-widget-chevron{transform:rotate(90deg)}.helpdesk-widget-card{pointer-events:auto;background:#fff;border:1px solid #dce7f3;border-radius:18px 0 18px 18px;box-shadow:0 22px 56px rgba(13,42,79,.22);padding:18px;max-height:min(690px,calc(100vh - 120px));overflow:auto}.helpdesk-widget-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:12px;border-bottom:1px solid #edf2f7}.helpdesk-widget-head div{display:flex;flex-direction:column;gap:2px}.helpdesk-widget-head span{font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#ff7900}.helpdesk-widget-head strong{font-size:20px;color:#082f63}.helpdesk-widget-head small{font-size:11px;color:#687b91;text-align:right}.helpdesk-widget-card>p{margin:14px 0;color:#52657a;line-height:1.55;font-size:14px}.helpdesk-widget-form{display:grid;gap:11px}.helpdesk-widget-form label{display:grid;gap:6px}.helpdesk-widget-form label>span{font-size:12px;font-weight:800;color:#24364b}.helpdesk-widget-form input,.helpdesk-widget-form textarea{width:100%;border:1px solid #cfdbe8;border-radius:10px;padding:10px 11px;background:#fbfdff;color:#172b45;font:inherit;font-size:14px}.helpdesk-widget-form input:focus,.helpdesk-widget-form textarea:focus{outline:3px solid rgba(49,183,235,.16);border-color:#31b7eb}.helpdesk-widget-form textarea{resize:vertical;min-height:92px}.helpdesk-widget-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.helpdesk-widget-submit{width:100%;justify-content:center}.helpdesk-signed-in-as{font-size:12px;line-height:1.5;padding:9px 10px;border-radius:9px;background:#f3f8fd;color:#50647a}.helpdesk-whatsapp-link{margin-top:12px;display:grid;grid-template-columns:34px 1fr;column-gap:9px;align-items:center;border:1px solid #cfe9da;background:#f3fbf7;border-radius:11px;padding:10px 12px;text-decoration:none;color:#163f2a}.helpdesk-whatsapp-link>span{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#1f9d55;color:#fff;font-size:18px}.helpdesk-whatsapp-link strong{font-size:13px}.helpdesk-whatsapp-link small{font-size:11px;color:#567265}.helpdesk-widget-privacy{display:block;margin-top:11px;color:#788a9c;font-size:10px;line-height:1.45}.helpdesk-ticket-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:13px}.helpdesk-ticket-meta a{font-weight:700}.status-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.status-pill.open{background:#e9f8ef;color:#16723b}.status-pill.closed{background:#eef2f6;color:#637386}.helpdesk-thread-panel{padding:20px}.helpdesk-conversation{display:flex;flex-direction:column;gap:13px}.helpdesk-bubble{max-width:84%;border-radius:15px;padding:13px 14px}.helpdesk-bubble.guest{align-self:flex-start;background:#f2f6fa;border:1px solid #e0e8f0}.helpdesk-bubble.admin{align-self:flex-end;background:#eaf4ff;border:1px solid #cfe4fa}.helpdesk-bubble-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:7px}.helpdesk-bubble-head strong{font-size:12px;color:#173a64}.helpdesk-bubble-head time{font-size:10px;color:#7b8b9c}.helpdesk-bubble-body{font-size:14px;line-height:1.6;color:#334b63;overflow-wrap:anywhere}.helpdesk-reply-form{display:grid;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid #e6edf4}.helpdesk-reply-form label{display:grid;gap:7px}.helpdesk-reply-form label span{font-weight:800;font-size:13px}.helpdesk-reply-form textarea{width:100%;border:1px solid #cfdbe8;border-radius:11px;padding:12px;font:inherit;resize:vertical}.helpdesk-status-form{margin-top:12px}.helpdesk-privacy-note{margin-top:12px;font-size:12px;color:#718397}.helpdesk-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.helpdesk-stat-grid .panel{padding:18px;display:grid;gap:5px}.helpdesk-stat-grid strong{font-size:28px;color:#082f63}.helpdesk-stat-grid span{font-size:12px;color:#6c7d90}.helpdesk-admin-panel{padding:18px}.admin-filter-row{display:grid;grid-template-columns:minmax(0,1fr) 160px auto;gap:10px;margin-bottom:16px}.admin-filter-row input,.admin-filter-row select{border:1px solid #cfdbe8;border-radius:10px;padding:10px 11px;background:#fff}.helpdesk-admin-list{display:grid}.helpdesk-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:15px 6px;border-top:1px solid #e8eef5;text-decoration:none;color:inherit}.helpdesk-admin-row:first-child{border-top:0}.helpdesk-admin-row.unread{background:#f6fbff}.helpdesk-admin-row>div:first-child{display:grid;gap:4px;min-width:0}.helpdesk-admin-row strong{color:#183c64}.helpdesk-admin-row span{font-size:12px;color:#67798d}.helpdesk-admin-row small{font-size:12px;color:#53677d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:760px}.helpdesk-admin-row-meta{display:flex;align-items:center;gap:8px;white-space:nowrap}.helpdesk-admin-row-meta>b{font-size:10px;color:#fff;background:#e95f25;border-radius:999px;padding:4px 7px}.helpdesk-admin-row-meta time{font-size:10px;color:#7e8b99}
@media(max-width:760px){.public-helpdesk-widget{right:14px;bottom:88px;width:calc(100vw - 28px)}.public-helpdesk-widget>summary{width:min(320px,100%);grid-template-columns:50px minmax(0,1fr) 24px;gap:11px;padding:13px 14px;border-radius:19px}.public-helpdesk-widget[open]>summary{width:100%;border-radius:18px 18px 0 0}.helpdesk-widget-icon{width:49px;height:49px;border-radius:15px}.helpdesk-widget-icon svg{width:27px;height:27px}.helpdesk-widget-status{width:14px;height:14px;border-width:3px}.helpdesk-widget-label{font-size:16px}.helpdesk-widget-copy small{font-size:11px}.helpdesk-widget-card{border-radius:16px 0 16px 16px;max-height:calc(100vh - 170px)}.helpdesk-widget-grid{grid-template-columns:1fr}.helpdesk-stat-grid{grid-template-columns:1fr 1fr}.admin-filter-row{grid-template-columns:1fr}.helpdesk-admin-row{grid-template-columns:1fr}.helpdesk-admin-row-meta{justify-content:flex-start;flex-wrap:wrap}.helpdesk-bubble{max-width:94%}}

/* CodeElveza 1.8.30 - compact public support launcher + dedicated admin support centre */
.public-helpdesk-widget{right:20px;bottom:22px;width:min(370px,calc(100vw - 28px))}
.public-helpdesk-widget>summary{width:min(218px,100%);grid-template-columns:42px minmax(0,1fr) 18px;gap:10px;padding:9px 11px;border-radius:16px;box-shadow:0 12px 30px rgba(8,47,99,.26),0 3px 9px rgba(8,47,99,.14)}
.public-helpdesk-widget>summary:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(8,47,99,.31),0 4px 10px rgba(8,47,99,.14)}
.public-helpdesk-widget[open]>summary{width:100%;border-radius:16px 16px 0 0}
.helpdesk-widget-icon{width:40px;height:40px;border-radius:12px;box-shadow:0 5px 13px rgba(0,0,0,.14)}
.helpdesk-widget-icon svg{width:23px;height:23px}
.helpdesk-widget-status{width:12px;height:12px;border-width:2px;right:-1px;bottom:-1px}
.helpdesk-widget-label{font-size:14.5px;line-height:1.15}
.helpdesk-widget-copy{gap:2px}
.helpdesk-widget-copy small{font-size:10.5px;line-height:1.2;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.helpdesk-widget-chevron{width:18px;height:18px;font-size:20px}
.helpdesk-widget-card{border-radius:15px 0 15px 15px;padding:14px;max-height:min(505px,calc(100vh - 96px));box-shadow:0 18px 44px rgba(13,42,79,.2)}
.helpdesk-widget-head{gap:10px;padding-bottom:9px}
.helpdesk-widget-head span{font-size:9.5px}
.helpdesk-widget-head strong{font-size:16px}
.helpdesk-widget-head small{font-size:9.5px}
.helpdesk-widget-card>p{margin:10px 0;font-size:12.5px;line-height:1.45}
.helpdesk-widget-form{gap:8px}
.helpdesk-widget-form label{gap:4px}
.helpdesk-widget-form label>span{font-size:10.5px}
.helpdesk-widget-form input,.helpdesk-widget-form textarea{border-radius:8px;padding:8px 9px;font-size:12.5px}
.helpdesk-widget-form textarea{min-height:68px;max-height:110px}
.helpdesk-widget-grid{gap:8px}
.helpdesk-signed-in-as{font-size:10.5px;padding:7px 8px}
.helpdesk-widget-submit{min-height:38px;padding:.55rem .85rem;font-size:12.5px}
.helpdesk-whatsapp-link{margin-top:9px;grid-template-columns:30px 1fr;column-gap:8px;padding:8px 10px;border-radius:9px}
.helpdesk-whatsapp-link>span{width:28px;height:28px;font-size:16px}
.helpdesk-whatsapp-link strong{font-size:12px}.helpdesk-whatsapp-link small{font-size:10px}.helpdesk-widget-privacy{margin-top:8px;font-size:9px}

.support-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.support-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.support-admin-stats .panel{padding:17px;display:grid;gap:4px}.support-admin-stats span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#718296}.support-admin-stats strong{font-size:25px;color:#082f63}.support-admin-stats small{font-size:11px;color:#6e8195}.support-admin-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:18px;align-items:start}.support-settings-panel,.support-preview-panel{padding:22px}.support-settings-panel{display:grid;gap:15px}.support-settings-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.support-settings-heading h2,.support-preview-head h2{margin:.2rem 0 .35rem;color:#082f63}.support-settings-heading p,.support-preview-head p{margin:0;color:#667a8f;line-height:1.5;font-size:13px}.support-settings-panel>label,.support-field-grid label{display:grid;gap:6px}.support-settings-panel label>span,.support-field-grid label>span{font-size:12px;font-weight:850;color:#263e57}.support-settings-panel input[type=text],.support-settings-panel textarea{width:100%;border:1px solid #cfdbe8;border-radius:10px;padding:10px 11px;background:#fbfdff;color:#172b45;font:inherit;font-size:13px}.support-settings-panel input[type=text]:focus,.support-settings-panel textarea:focus{outline:3px solid rgba(49,183,235,.15);border-color:#31b7eb}.support-settings-panel textarea{resize:vertical}.support-settings-panel label small,.support-field-grid label small{font-size:10.5px;color:#7a8b9d}.support-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.support-switch{display:flex!important;align-items:center;gap:8px;white-space:nowrap;padding:8px 10px;border:1px solid #d9e4ef;border-radius:999px;background:#f7fbff}.support-switch input[type=checkbox]{width:17px;height:17px;accent-color:#0b4b96}.support-switch>span{font-size:11px!important}.support-section-divider{height:1px;background:#e8eef5;margin:3px 0}.support-save-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:2px}.support-preview-panel{position:sticky;top:96px}.support-preview-head{margin-bottom:15px}.support-preview-stage{position:relative;min-height:550px;border:1px solid #dce6f0;border-radius:18px;overflow:hidden;background:linear-gradient(#f7fafc,#eef4f9);padding:18px}.support-preview-page{display:grid;gap:10px;opacity:.72}.support-preview-page>span{height:10px;border-radius:999px;background:#dce6ef}.support-preview-page>span:nth-child(1){width:62%}.support-preview-page>span:nth-child(2){width:88%}.support-preview-page>span:nth-child(3){width:74%}.support-preview-page>div{height:170px;border-radius:14px;background:#e5edf4;margin-top:10px}.support-preview-widget{position:absolute;right:15px;bottom:15px;width:320px;transition:opacity .2s ease,filter .2s ease}.support-preview-widget.is-disabled{opacity:.38;filter:grayscale(.6)}.support-preview-launcher{margin-left:auto;width:190px;display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;border:0;border-radius:15px;padding:8px 10px;background:linear-gradient(135deg,#082f63,#0b4b96 58%,#126ac2);color:#fff;text-align:left;box-shadow:0 11px 28px rgba(8,47,99,.28)}.support-preview-icon{position:relative;width:38px;height:38px;border-radius:11px;background:#fff;color:#0b4b96;display:grid;place-items:center;font-size:19px}.support-preview-icon i{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:#20c66a;border:2px solid #fff}.support-preview-launcher strong{display:block;font-size:13px}.support-preview-launcher small{display:block;margin-top:2px;font-size:9.5px;color:#d7e9fb}.support-preview-card{margin-top:5px;padding:12px;border:1px solid #dbe6f0;border-radius:14px 0 14px 14px;background:#fff;box-shadow:0 15px 36px rgba(20,48,82,.18)}.support-preview-card-head{display:flex;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid #edf2f7}.support-preview-card-head b{display:block;font-size:12px;color:#082f63}.support-preview-card-head small{font-size:8.5px;color:#7c8c9d}.support-preview-card-head>span{color:#8a99a8}.support-preview-card>p{font-size:10.5px;line-height:1.4;color:#5d7084}.support-preview-input,.support-preview-textarea{margin-top:6px;border:1px solid #d7e2ed;border-radius:7px;padding:7px 8px;font-size:9px;color:#8a98a7;background:#fbfdff}.support-preview-textarea{height:44px}.support-preview-send{margin-top:7px;border-radius:7px;padding:8px;text-align:center;background:#0b4b96;color:#fff;font-size:9.5px;font-weight:800}.support-preview-whatsapp{margin-top:7px;display:flex;gap:7px;align-items:center;border:1px solid #d2e9dc;border-radius:8px;padding:7px;background:#f4fbf7}.support-preview-whatsapp.is-hidden{display:none}.support-preview-whatsapp>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#1f9d55;color:#fff}.support-preview-whatsapp strong{display:block;font-size:9.5px;color:#1e4931}.support-preview-whatsapp small{display:block;font-size:8px;color:#6d8376}.support-quick-links{display:grid;gap:8px;margin-top:14px}.support-quick-links a{display:grid;gap:2px;padding:10px 11px;border:1px solid #e0e8f1;border-radius:10px;text-decoration:none;background:#fbfdff}.support-quick-links a:hover{border-color:#b9d5ee;background:#f4f9fd}.support-quick-links strong{font-size:12px;color:#123f72}.support-quick-links span{font-size:10.5px;color:#75879a}

@media(max-width:980px){.support-admin-layout{grid-template-columns:1fr}.support-preview-panel{position:static}.support-admin-stats{grid-template-columns:1fr 1fr}.support-preview-stage{min-height:520px}}
@media(max-width:760px){.public-helpdesk-widget{right:12px;bottom:82px;width:min(350px,calc(100vw - 24px))}.public-helpdesk-widget>summary{width:min(202px,100%);grid-template-columns:38px minmax(0,1fr) 17px;gap:8px;padding:8px 10px;border-radius:15px}.public-helpdesk-widget[open]>summary{width:100%;border-radius:15px 15px 0 0}.helpdesk-widget-icon{width:37px;height:37px;border-radius:11px}.helpdesk-widget-icon svg{width:21px;height:21px}.helpdesk-widget-label{font-size:13.5px}.helpdesk-widget-copy small{font-size:9.5px}.helpdesk-widget-card{border-radius:14px 0 14px 14px;max-height:min(470px,calc(100vh - 150px));padding:12px}.helpdesk-widget-grid{grid-template-columns:1fr 1fr}.support-field-grid{grid-template-columns:1fr}.support-settings-heading{flex-direction:column}.support-admin-stats{grid-template-columns:1fr 1fr}.support-preview-stage{min-height:505px;padding:12px}.support-preview-widget{right:10px;bottom:10px;width:min(310px,calc(100% - 20px))}}
@media(max-width:430px){.public-helpdesk-widget{width:calc(100vw - 20px);right:10px}.public-helpdesk-widget>summary{width:190px}.public-helpdesk-widget[open]>summary{width:100%}.helpdesk-widget-grid{grid-template-columns:1fr}.support-admin-stats{grid-template-columns:1fr 1fr}.support-settings-panel,.support-preview-panel{padding:16px}.support-preview-widget{width:calc(100% - 18px);right:9px}.support-preview-launcher{width:180px}}