.featured-models-section {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: linear-gradient(110deg, color-mix(in srgb, var(--accent) 7%, var(--bg)), var(--bg) 45%, color-mix(in srgb, var(--accent-2) 6%, var(--bg)));
}
.featured-models-carousel {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(210px, 245px);
  gap: 14px;
  overflow-x: hidden;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x proximity;
  padding: 3px;
  scrollbar-width: none;
}
.featured-models-carousel::-webkit-scrollbar { display: none; }
.featured-carousel-shell { position: relative; }
.featured-carousel-arrow {
  position: absolute;
  z-index: 8;
  top: 50%;
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--accent) 55%, var(--line));
  border-radius: 50%;
  color: #fff;
  background: color-mix(in srgb, var(--surface) 82%, transparent);
  box-shadow: 0 10px 30px #0009, 0 0 22px color-mix(in srgb, var(--accent) 22%, transparent);
  backdrop-filter: blur(12px);
  cursor: pointer;
  transform: translateY(-50%);
  transition: opacity .2s ease, transform .2s ease, background .2s ease;
}
.featured-carousel-arrow span { font: 700 42px/1 system-ui, sans-serif; transform: translateY(-2px); }
.featured-carousel-arrow--previous { left: -26px; }
.featured-carousel-arrow--next { right: -26px; }
.featured-carousel-arrow:hover:not(:disabled) { background: var(--accent); transform: translateY(-50%) scale(1.06); }
.featured-carousel-arrow:focus-visible { outline: 3px solid color-mix(in srgb, var(--accent) 55%, #fff); outline-offset: 3px; }
.featured-carousel-arrow:disabled { opacity: .22; cursor: default; box-shadow: none; }
.featured-carousel-arrow.is-unavailable { display: none; }
.featured-model-slide { min-width: 0; scroll-snap-align: start; }
.featured-model-slide .model-card { height: 100%; }
.badge.featured {
  color: #fff;
  border-color: #ffffff55;
  background: linear-gradient(135deg, #6c35df, #e33f99);
  box-shadow: 0 5px 16px #8d36d855;
}
.featured-models-section .section-title-row { margin-bottom: 20px; }
@media (max-width: 720px) {
  .featured-models-carousel { grid-auto-columns: minmax(180px, 78vw); }
  .featured-carousel-arrow { width: 44px; height: 44px; }
  .featured-carousel-arrow span { font-size: 35px; }
  .featured-carousel-arrow--previous { left: -10px; }
  .featured-carousel-arrow--next { right: -10px; }
}

.featured-order-page { background: radial-gradient(circle at 75% 0, color-mix(in srgb, var(--accent) 10%, transparent), transparent 28%); }
.featured-order-container { max-width: 1180px; }
.featured-order-hero { display:flex; justify-content:space-between; gap:30px; align-items:flex-end; margin-bottom:28px; }
.featured-order-hero h1 { margin:8px 0 5px; font-size:clamp(38px,6vw,68px); line-height:1; letter-spacing:-.055em; }
.featured-order-hero p,.order-panel-heading p,.order-next-card p,.order-supporter-card p { margin:0; color:var(--muted); }
.featured-order-reference { text-align:right; display:grid; gap:8px; justify-items:end; }
.featured-order-reference small { font:700 13px/1.2 ui-monospace,monospace; color:var(--muted); }
.order-status { display:inline-flex; width:max-content; padding:6px 10px; border:1px solid var(--line); border-radius:999px; font-size:10px; font-weight:900; letter-spacing:.1em; }
.order-status--active { color:#aaffd6; border-color:#3c9b72; background:#123e2d; }
.order-status--pending,.order-status--detected { color:#ffe7a7; border-color:#8d7438; background:#3e3215; }
.order-status--cancelled,.order-status--failed,.order-status--expired { color:#ffc2cd; border-color:#814153; background:#3b1b25; }
.order-utility-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:14px; margin-bottom:20px; }
.order-utility-card { display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:start; padding:18px; border:1px solid var(--line); border-radius:18px; background:color-mix(in srgb,var(--panel) 92%,transparent); box-shadow:0 18px 50px #0003; }
.order-utility-card>div>strong { display:block; font-size:16px; }
.order-utility-card p { margin:3px 0 8px; color:var(--muted); font-size:12px; }
.order-utility-card code { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#c9d7e9; }
.order-card-icon { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; background:color-mix(in srgb,var(--accent) 15%,var(--panel)); border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line)); }
.order-card-actions { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:8px; }
.featured-order-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr); gap:20px; align-items:start; }
.featured-order-main,.featured-order-sidebar { display:grid; gap:20px; }
.order-panel-heading { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; margin-bottom:20px; }
.order-panel-heading h2,.order-next-card h2,.order-supporter-card h2 { margin:4px 0 6px; font-size:24px; line-height:1.15; }
.order-model-list { display:grid; gap:8px; }
.order-model-list>div { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; gap:10px; align-items:center; padding:10px 12px; border:1px solid var(--line); border-radius:12px; background:#080c13; }
.order-model-list em { color:var(--muted); font-size:12px; font-style:normal; }
.order-model-list a { font-size:12px; color:var(--accent); font-weight:800; text-decoration:none; }
.order-model-avatar { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:linear-gradient(135deg,var(--accent),var(--accent-2)); font-weight:900; }
.payment-layout { display:grid; grid-template-columns:280px minmax(0,1fr); gap:26px; align-items:center; }
.payment-qr { padding:10px; border-radius:18px; background:#fff; }
.payment-qr img { display:block; width:100%; height:auto; }
.payment-details { display:grid; gap:10px; min-width:0; }
.payment-details>span { color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.payment-amount { font-size:clamp(25px,4vw,38px); line-height:1.1; }
.copy-line { width:100%; display:flex; justify-content:space-between; gap:12px; align-items:center; border:1px solid var(--line); background:#080c13; color:#fff; border-radius:12px; padding:11px 12px; cursor:pointer; }
.copy-line code { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.copy-line b { flex:0 0 auto; color:var(--accent); font-size:11px; }
.payment-pulse { width:13px; height:13px; border-radius:50%; background:#f4c84b; box-shadow:0 0 0 7px #f4c84b18,0 0 22px #f4c84b; }
.public-promotion-link { display:flex; align-items:center; gap:14px; justify-content:space-between; padding:13px; border:1px solid var(--line); border-radius:13px; background:#080c13; }
.public-promotion-link>div { min-width:0; }
.public-promotion-link strong,.public-promotion-link code { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.public-promotion-link code { color:var(--muted); font-size:11px; }
.order-share-networks { display:flex; flex-wrap:wrap; gap:7px; margin:9px 0 20px; }
.order-share-networks a,.order-share-networks button { border:1px solid var(--line); border-radius:999px; padding:7px 11px; background:transparent; color:#fff; font:700 11px/1.2 inherit; text-decoration:none; cursor:pointer; }
.order-share-networks a:hover,.order-share-networks button:hover { border-color:var(--accent); color:var(--accent); }
.order-statistics-card>.order-panel-heading>strong { font-size:35px; }
.order-stats-list { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.order-stats-list>div { display:flex; justify-content:space-between; gap:10px; padding:10px; border:1px solid var(--line); border-radius:10px; }
.active-until,.supporter-state { margin-top:17px; padding:12px; border-radius:12px; background:#09251b; border:1px solid #28694c; color:#c9ffe4; }
.active-until span,.active-until strong { display:block; }
.supporter-state--pending { background:#342b13; border-color:#79652e; color:#ffe7a7; }
.supporter-form { display:grid; gap:12px; margin-top:16px; }
.supporter-form label { color:var(--muted); font-size:12px; font-weight:750; }
.supporter-form input { width:100%; margin-top:5px; border:1px solid var(--line); background:#080c13; color:#fff; border-radius:10px; padding:11px 12px; font:inherit; }
.cancel-order-form .button { width:100%; }
.website-supporters { border-bottom:1px solid var(--line); padding:28px 0; background:color-mix(in srgb,var(--accent) 4%,var(--bg)); }
.website-supporters-layout { display:grid; grid-template-columns:minmax(220px,.45fr) minmax(0,1.55fr); gap:28px; align-items:center; }
.website-supporters h2 { margin:4px 0; font-size:23px; }
.website-supporters p { margin:0; color:var(--muted); font-size:12px; }
.website-supporters-links { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.website-supporters-links a { padding:8px 12px; border:1px solid var(--line); border-radius:999px; color:#dce7f3; text-decoration:none; font-size:12px; font-weight:800; }
.website-supporters-links a:hover { color:#fff; border-color:var(--accent); transform:translateY(-1px); }
@media (max-width:900px) { .featured-order-layout,.order-utility-grid { grid-template-columns:1fr; } .payment-layout { grid-template-columns:220px minmax(0,1fr); } .website-supporters-layout { grid-template-columns:1fr; } .website-supporters-links { justify-content:flex-start; } }
@media (max-width:620px) { .featured-order-hero { align-items:flex-start; flex-direction:column; } .featured-order-reference { text-align:left; justify-items:start; } .payment-layout { grid-template-columns:1fr; } .payment-qr { width:min(280px,100%); margin:auto; } .public-promotion-link { align-items:stretch; flex-direction:column; } .order-stats-list { grid-template-columns:1fr; } .order-model-list>div { grid-template-columns:auto minmax(0,1fr) auto; } .order-model-list a { grid-column:2/-1; } }
@media print { .site-header,.site-footer,.featured-models-section,.order-card-actions,.order-share-networks,.cancel-order-form { display:none!important; } .featured-order-page { background:#fff; color:#111; } .card,.order-utility-card { box-shadow:none; break-inside:avoid; } }

/* Profile promotion checkout — prominent, accessible and contained in-page. */
.profile-heading-identity{min-width:0;flex:1}.profile-promote-hero{position:relative;display:grid;grid-template-columns:48px minmax(180px,auto);grid-template-areas:"icon title" "icon note";gap:1px 12px;align-items:center;max-width:390px;padding:13px 18px;border:1px solid color-mix(in srgb,var(--accent) 72%,#fff);border-radius:17px;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 82%,#5721af),color-mix(in srgb,var(--accent-2) 82%,#dd2b7c));box-shadow:0 16px 45px color-mix(in srgb,var(--accent) 30%,transparent),inset 0 1px #ffffff55;cursor:pointer;text-align:left;transition:transform .2s,box-shadow .2s}.profile-promote-hero:hover{transform:translateY(-3px);box-shadow:0 21px 55px color-mix(in srgb,var(--accent) 42%,transparent),inset 0 1px #ffffff66}.profile-promote-hero:focus-visible{outline:3px solid #fff;outline-offset:3px}.profile-promote-hero>span{grid-area:icon;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#ffffff22;font-size:25px}.profile-promote-hero b{grid-area:title;display:flex;flex-direction:column;font-size:15px;line-height:1.2}.profile-promote-hero small{font-size:9px;letter-spacing:.17em;opacity:.8}.profile-promote-hero em{grid-area:note;font-size:10px;font-style:normal;opacity:.85;line-height:1.35}.promotion-modal[hidden]{display:none}.promotion-modal{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .18s}.promotion-modal.is-open{opacity:1}.promotion-modal-backdrop{position:absolute;inset:0;background:#02040ae8;backdrop-filter:blur(13px)}.promotion-dialog{position:relative;z-index:1;width:min(820px,100%);max-height:min(880px,calc(100vh - 30px));overflow:auto;padding:28px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:25px;background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--accent) 15%,transparent),transparent 34%),var(--panel);box-shadow:0 40px 140px #000d;transform:translateY(16px) scale(.98);transition:transform .18s}.promotion-modal.is-open .promotion-dialog{transform:none}.promotion-modal-open{overflow:hidden}.promotion-close{position:absolute;right:16px;top:15px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#080b12;color:#fff;font-size:26px;cursor:pointer}.promotion-modal-head{display:flex;gap:16px;padding-right:42px}.promotion-modal-head h2{font-size:clamp(28px,4vw,44px);line-height:1;margin:5px 0 8px}.promotion-modal-head p{margin:0;color:var(--muted)}.promotion-star{display:grid;place-items:center;flex:0 0 60px;height:60px;border-radius:18px;background:linear-gradient(135deg,var(--accent),var(--accent-2));font-size:28px;box-shadow:0 12px 35px color-mix(in srgb,var(--accent) 32%,transparent)}.promotion-package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:24px 0}.promotion-package{padding:14px 12px;border:1px solid var(--line);border-radius:14px;background:#080c13;color:#fff;text-align:left;cursor:pointer}.promotion-package strong,.promotion-package span{display:block}.promotion-package span{margin-top:4px;color:var(--muted);font-size:11px}.promotion-package.is-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,#080c13);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 17%,transparent)}[data-promotion-form]{display:grid;grid-template-columns:1fr 1fr;gap:14px}[data-promotion-form]>label:first-of-type,[data-promotion-form]>.turnstile-field,[data-promotion-form]>.promotion-form-status,[data-promotion-form]>button{grid-column:1/-1}[data-promotion-form] label{color:var(--muted);font-size:12px;font-weight:750}[data-promotion-form] textarea,[data-promotion-form] select{display:block;width:100%;margin-top:5px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#080c13;color:#fff;font:inherit}[data-promotion-form] small{display:block;margin-top:5px}.promotion-form-status{min-height:0}.promotion-form-status.is-error{padding:10px 12px;border:1px solid #84384b;border-radius:10px;background:#401824;color:#ffd8e1}.promotion-success{text-align:center;padding:26px 0 8px}.promotion-success>span{display:grid;place-items:center;width:68px;height:68px;margin:auto;border-radius:50%;background:#164d38;color:#bfffe0;font-size:34px}.promotion-success h3{font-size:27px}.promotion-success code{display:block;overflow:hidden;text-overflow:ellipsis;margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:11px;background:#080c13;white-space:nowrap}.promotion-success>div{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
@media(max-width:1050px){.profile-heading{flex-wrap:wrap}.profile-promote-hero{order:3;max-width:none;width:100%}.profile-heading-stats{margin-left:auto}}@media(max-width:720px){.promotion-package-grid{grid-template-columns:1fr 1fr}.promotion-dialog{padding:22px 16px}.promotion-modal-head{padding-right:35px}.promotion-star{width:48px;height:48px;flex-basis:48px}[data-promotion-form]{grid-template-columns:1fr}.profile-promote-hero{grid-template-columns:42px 1fr}.profile-promote-hero>span{width:42px;height:42px}}