/* ==========================================================================
   Prism: design layer on top of Skyline's layout (style.css).
   Colour: Admin > Appearance > Themes > Prism > Colour Change, which sets body.pr-c-<name>.
   ========================================================================== */

/* ---------- palettes ----------
   --sk-primary*  buttons, links, focus; --pr-side* sidebar / footer; --pr-hl* active menu item,
   second button, icon circles; --pr-hero home page background; --pr-ink dark details */
.pr-body{
  --sk-ink:#1c2230;--sk-text:#3b4252;--sk-muted:#6b7280;--sk-line:#e6e8ee;--sk-card:#fff;
  --sk-radius:18px;--sk-radius-sm:12px;
  --sk-shadow:0 12px 30px -16px rgba(var(--pr-rgb-700),.28),0 2px 6px rgba(17,24,39,.04);
  --sk-shadow-lg:0 26px 50px -22px rgba(var(--pr-rgb-700),.36),0 4px 12px rgba(17,24,39,.06);
  --sk-grad:linear-gradient(135deg,var(--sk-primary) 0%,var(--sk-primary-600) 100%);
  --pr-side-grad:linear-gradient(180deg,var(--pr-side) 0%,var(--pr-side-2) 100%);
  --pr-side-muted:rgba(255,255,255,.76);--pr-side-tile:rgba(255,255,255,.14);--pr-side-line:rgba(255,255,255,.16);
}
.pr-body,.pr-c-teal{
  --sk-primary:#23806e;--sk-primary-600:#1d6b5c;--sk-primary-700:#17564a;--sk-primary-50:#edf7f4;--sk-primary-100:#d3ede6;--sk-primary-200:#a9dacd;
  --pr-rgb:35,128,110;--pr-rgb-600:29,107,92;--pr-rgb-700:23,86,74;--sk-bg:#eef6f3;
  --pr-side:#3a9a86;--pr-side-2:#2b8371;--pr-side-ink:#fff;
  --pr-hl:#f6a623;--pr-hl-ink:#1d1d1d;--pr-hl-soft:#fdecc8;--pr-ink:#18352f;
  --pr-hero:linear-gradient(115deg,#fdf0dc 0%,#f4f4e8 45%,#dff1ea 100%);
}
.pr-c-amber{
  --sk-primary:#1f1f1f;--sk-primary-600:#111;--sk-primary-700:#000;--sk-primary-50:#fbf7ea;--sk-primary-100:#f6ecc4;--sk-primary-200:#efdc8a;
  --pr-rgb:31,31,31;--pr-rgb-600:17,17,17;--pr-rgb-700:0,0,0;--sk-bg:#fbf6e8;
  --pr-side:#1b1b1b;--pr-side-2:#111;--pr-side-ink:#f5f5f5;--pr-side-muted:rgba(255,255,255,.7);
  --pr-hl:#f5c518;--pr-hl-ink:#161616;--pr-hl-soft:#fdf0bf;--pr-ink:#161616;
  --pr-hero:linear-gradient(115deg,#fff7dc 0%,#fdf1c9 55%,#f9e6a8 100%);
}
.pr-c-ocean{
  --sk-primary:#1d5fd1;--sk-primary-600:#194fae;--sk-primary-700:#143f8b;--sk-primary-50:#edf3fd;--sk-primary-100:#d6e4fb;--sk-primary-200:#adc8f6;
  --pr-rgb:29,95,209;--pr-rgb-600:25,79,174;--pr-rgb-700:20,63,139;--sk-bg:#eef3fb;
  --pr-side:#2867e0;--pr-side-2:#1c4fbe;--pr-side-ink:#fff;
  --pr-hl:#ffd23f;--pr-hl-ink:#1b1b1b;--pr-hl-soft:#fff3c4;--pr-ink:#10244d;
  --pr-hero:linear-gradient(115deg,#fff6d6 0%,#eef4ff 50%,#dce8fd 100%);
}
.pr-c-royal{
  --sk-primary:#6243d6;--sk-primary-600:#5236b8;--sk-primary-700:#432c96;--sk-primary-50:#f3f0fd;--sk-primary-100:#e3dcfa;--sk-primary-200:#c7b9f5;
  --pr-rgb:98,67,214;--pr-rgb-600:82,54,184;--pr-rgb-700:67,44,150;--sk-bg:#f4f2fc;
  --pr-side:#6a4ce0;--pr-side-2:#5137c4;--pr-side-ink:#fff;
  --pr-hl:#ffb547;--pr-hl-ink:#1b1b1b;--pr-hl-soft:#ffeccc;--pr-ink:#241a4d;
  --pr-hero:linear-gradient(115deg,#fff0db 0%,#f4f0ff 50%,#e5ddfb 100%);
}
.pr-c-rose{
  --sk-primary:#d0386b;--sk-primary-600:#b42d5a;--sk-primary-700:#93244a;--sk-primary-50:#fdf0f4;--sk-primary-100:#f9d9e4;--sk-primary-200:#f2b3c9;
  --pr-rgb:208,56,107;--pr-rgb-600:180,45,90;--pr-rgb-700:147,36,74;--sk-bg:#fcf1f5;
  --pr-side:#d9467a;--pr-side-2:#bb3165;--pr-side-ink:#fff;
  --pr-hl:#ffe066;--pr-hl-ink:#1b1b1b;--pr-hl-soft:#fff4c2;--pr-ink:#4a1426;
  --pr-hero:linear-gradient(115deg,#fff5d8 0%,#fdf0f4 50%,#f9dbe6 100%);
}
.pr-c-crimson{
  --sk-primary:#d32f3c;--sk-primary-600:#b52632;--sk-primary-700:#941f29;--sk-primary-50:#fdf0f1;--sk-primary-100:#f9d9dc;--sk-primary-200:#f2b2b8;
  --pr-rgb:211,47,60;--pr-rgb-600:181,38,50;--pr-rgb-700:148,31,41;--sk-bg:#f8f2f2;
  --pr-side:#262633;--pr-side-2:#1b1b25;--pr-side-ink:#f5f5f7;--pr-side-muted:rgba(255,255,255,.7);
  --pr-hl:#d32f3c;--pr-hl-ink:#fff;--pr-hl-soft:#fbe0e2;--pr-ink:#1f1f2b;
  --pr-hero:linear-gradient(115deg,#fdeeee 0%,#f8f3f3 50%,#f1e2e4 100%);
}
.pr-c-emerald{
  --sk-primary:#128048;--sk-primary-600:#0f6b3c;--sk-primary-700:#0c5630;--sk-primary-50:#ecf7f1;--sk-primary-100:#d1eddd;--sk-primary-200:#a4dbbb;
  --pr-rgb:18,128,72;--pr-rgb-600:15,107,60;--pr-rgb-700:12,86,48;--sk-bg:#eef7f2;
  --pr-side:#169a57;--pr-side-2:#0f7a45;--pr-side-ink:#fff;
  --pr-hl:#fde047;--pr-hl-ink:#1b1b1b;--pr-hl-soft:#fef6c3;--pr-ink:#0e3321;
  --pr-hero:linear-gradient(115deg,#fffbd9 0%,#eef8f2 50%,#d7f0e2 100%);
}
.pr-c-sunset{
  --sk-primary:#c94c0c;--sk-primary-600:#a83f0a;--sk-primary-700:#863208;--sk-primary-50:#fdf2ec;--sk-primary-100:#fbe0d1;--sk-primary-200:#f6c0a3;
  --pr-rgb:201,76,12;--pr-rgb-600:168,63,10;--pr-rgb-700:134,50,8;--sk-bg:#fdf4ee;
  --pr-side:#ee6d20;--pr-side-2:#d65512;--pr-side-ink:#fff;
  --pr-hl:#1f2937;--pr-hl-ink:#fff;--pr-hl-soft:#fde6d7;--pr-ink:#3a1a08;
  --pr-hero:linear-gradient(115deg,#fff1e4 0%,#fdf4ee 50%,#fbdcc7 100%);
}
.pr-c-midnight{
  --sk-primary:#4f46e5;--sk-primary-600:#4338ca;--sk-primary-700:#3730a3;--sk-primary-50:#efeffd;--sk-primary-100:#dcdcfb;--sk-primary-200:#b9b8f6;
  --pr-rgb:79,70,229;--pr-rgb-600:67,56,202;--pr-rgb-700:55,48,163;--sk-bg:#f1f1fa;
  --pr-side:#1d1a45;--pr-side-2:#13112f;--pr-side-ink:#ecebfa;--pr-side-muted:rgba(236,235,250,.7);
  --pr-hl:#a78bfa;--pr-hl-ink:#13112f;--pr-hl-soft:#ede9fe;--pr-ink:#13112f;
  --pr-hero:linear-gradient(115deg,#ecebff 0%,#f3f3fb 50%,#e0dff9 100%);
}
.pr-c-graphite{
  --sk-primary:#0e7490;--sk-primary-600:#0b5f76;--sk-primary-700:#094b5d;--sk-primary-50:#ecf6f9;--sk-primary-100:#cfe9f0;--sk-primary-200:#9fd3e1;
  --pr-rgb:14,116,144;--pr-rgb-600:11,95,118;--pr-rgb-700:9,75,93;--sk-bg:#eef3f5;
  --pr-side:#1f2937;--pr-side-2:#111827;--pr-side-ink:#e5e7eb;--pr-side-muted:rgba(229,231,235,.7);
  --pr-hl:#22d3ee;--pr-hl-ink:#082f3a;--pr-hl-soft:#cff6fc;--pr-ink:#111827;
  --pr-hero:linear-gradient(115deg,#e0f7fb 0%,#f0f4f6 50%,#dbe9ef 100%);
}

/* ---------- base ---------- */
body.pr-body{background:var(--sk-bg);color:var(--sk-text);font-family:var(--sk-font)}
.body.pr-body a{color:var(--sk-primary)}
.body.pr-body a.sk-btn,.body.pr-body a.btn,.body.pr-body .sk-nav__link,.body.pr-body .sk-pnav__link{text-decoration:none}
.body.pr-body h1,.body.pr-body h2,.body.pr-body h3,.body.pr-body h4{color:var(--sk-ink);font-family:var(--sk-font)}
.pr-btn-hl{background:var(--pr-hl);color:var(--pr-hl-ink)!important;box-shadow:0 10px 22px -12px rgba(0,0,0,.35)}
.pr-btn-hl:hover{filter:brightness(.96);transform:translateY(-1px);color:var(--pr-hl-ink)!important}
.body.pr-body .btn-big-primary,.body.pr-body .btn-primary{background:var(--sk-grad);border:0;color:#fff;border-radius:12px;min-height:46px;font-weight:600;font-size:15px}
.body.pr-body .btn-big-primary:focus-visible,.body.pr-body .sk-btn:focus-visible{outline:3px solid rgba(var(--pr-rgb),.35);outline-offset:2px}
.body.pr-body .form-control{height:44px;background:#f6f7f9;border:1px solid var(--sk-line);border-radius:12px;font-size:14.5px}
.body.pr-body textarea.form-control{height:auto;min-height:110px}
.body.pr-body .form-control:focus{border-color:var(--sk-primary);background:#fff;box-shadow:0 0 0 4px rgba(var(--pr-rgb),.12)}
.body.pr-body .control-label,.body.pr-body label{color:var(--sk-ink);font-weight:600;font-size:13.5px}
.body.pr-body .sk-panel{border:0;border-radius:18px;box-shadow:var(--sk-shadow);padding:22px}
.body.pr-body .card{border:0;border-radius:18px;box-shadow:var(--sk-shadow)}
.body.pr-body .select2-container--default .select2-selection--single{height:44px;border-radius:12px;background:#f6f7f9}
.body.pr-body .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:42px;font-size:14.5px}
.body.pr-body .select2-container--default .select2-selection--single .select2-selection__arrow{height:42px}
.body.pr-body .sk-news__icon i{color:var(--sk-primary)}
.body.pr-body .pr-panel-title{font-size:18px;font-weight:700;line-height:1.3;margin:0 0 14px;color:var(--sk-ink)}

/* ---------- sidebar (signed in) ---------- */
.pr-side.sk-sidebar{background:var(--pr-side-grad);border-right:0;color:var(--pr-side-ink);padding:22px 16px 18px;gap:14px;scrollbar-width:thin;scrollbar-color:var(--pr-side-line) transparent}
.pr-brand{display:inline-flex;align-items:center;min-width:0;text-decoration:none!important}
.pr-brand img{max-height:40px;max-width:180px;width:auto}
.pr-brand__name{font-size:20px;font-weight:800;letter-spacing:-.01em;color:var(--sk-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.pr-side .pr-brand__name{color:var(--pr-side-ink)}
.pr-side .sk-sidebar__close{background:var(--pr-side-tile);color:var(--pr-side-ink);border:0}
/* user card: avatar on the left, name and balance beside it; the "+" on the avatar says it opens Add funds */
.pr-usercard{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:13px;row-gap:1px;padding:12px 14px;border-radius:16px;background:var(--pr-side-tile);color:var(--pr-side-ink)!important;text-decoration:none!important;transition:background .2s}
.pr-usercard:hover{background:rgba(255,255,255,.2)}
.pr-usercard__avatar{position:relative;grid-row:1/3;width:46px;height:46px;border-radius:13px;background:#fff;color:var(--sk-primary);display:inline-flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;box-shadow:0 8px 18px -10px rgba(0,0,0,.45)}
.pr-usercard__avatar::after{content:"";position:absolute;right:-5px;bottom:-5px;width:19px;height:19px;border-radius:50%;background:linear-gradient(var(--pr-hl-ink),var(--pr-hl-ink)) center/9px 2px no-repeat,linear-gradient(var(--pr-hl-ink),var(--pr-hl-ink)) center/2px 9px no-repeat,var(--pr-hl);box-shadow:0 0 0 2px var(--pr-side),0 3px 8px rgba(0,0,0,.25)}
.pr-usercard__name{grid-column:2;align-self:end;min-width:0;font-size:13px;font-weight:600;line-height:1.3;color:var(--pr-side-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pr-usercard__bal{grid-column:2;align-self:start;min-width:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pr-usercard__bal b{font-size:19px;font-weight:800;letter-spacing:-.01em;color:var(--pr-side-ink)}
.pr-side .sk-nav__label{color:var(--pr-side-muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:0 10px;margin-bottom:4px}
.pr-side .sk-nav{display:flex;flex-direction:column;gap:3px}
.pr-side .sk-nav__link{color:var(--pr-side-ink)!important;border-radius:12px;padding:6px 10px;min-height:44px;font-weight:500;font-size:14px;transition:background .2s,color .2s}
.pr-side .sk-nav__link:hover{background:rgba(255,255,255,.1)}
.pr-side .sk-nav__icon{background:transparent;color:inherit;width:28px;height:28px;font-size:14.5px}
.pr-side .sk-nav__link.is-active{background:var(--pr-hl);color:var(--pr-hl-ink)!important;font-weight:600;box-shadow:0 10px 20px -12px rgba(0,0,0,.5)}
.pr-side .sk-nav__link.is-active .sk-nav__icon{background:transparent;color:inherit;box-shadow:none}
.pr-side .sk-nav__link.is-active:before{display:none}
.pr-side .sk-nav__badge{background:var(--pr-hl);color:var(--pr-hl-ink)}
.pr-side .sk-nav__link.is-active .sk-nav__badge{background:var(--pr-hl-ink);color:var(--pr-hl)}
.pr-side .sk-sidebar__foot{border-top-color:var(--pr-side-line)}
.pr-side .sk-nav__link--danger{color:var(--pr-side-ink)!important;opacity:.9}

/* ---------- top bar ---------- */
.pr-topbar.sk-topbar{margin:16px 24px 0;border-radius:16px;background:rgba(255,255,255,.92);border:0;box-shadow:var(--sk-shadow);top:12px;padding:10px 12px 10px 20px;min-height:64px}
.pr-here{flex:1;min-width:0;font-size:15px;color:var(--sk-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-here b{color:var(--sk-ink);font-weight:700}
.pr-iconbtn{position:relative;width:40px;height:40px;border-radius:12px;background:var(--sk-primary);color:#fff!important;display:inline-flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;text-decoration:none!important;transition:transform .15s,background .2s}
.pr-iconbtn:hover{background:var(--sk-primary-600);transform:translateY(-1px)}
.pr-iconbtn .sk-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--pr-hl);box-shadow:0 0 0 2px var(--sk-primary)}
.pr-logout{height:40px;border-radius:12px;padding:0 14px;background:var(--pr-ink);color:#fff!important;display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:14px;text-decoration:none!important;transition:transform .15s}
.pr-logout:hover{transform:translateY(-1px)}
.pr-logout i{width:24px;height:24px;border-radius:8px;background:rgba(255,255,255,.16);display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.pr-balance.sk-balance{height:40px}
.pr-body.sk-auth .sk-main{padding:20px 24px 32px}
.pr-body .sk-main .container,.pr-body .sk-main .container-fluid{max-width:none}

/* ---------- new order: stats ---------- */
.pr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:2px 6px 24px 0}
/* each card: icon tile + shadow in the same colour (--pr-stat-c), text beside the icon */
.pr-stat{--pr-stat-c:var(--sk-primary);--pr-stat-ink:#fff;position:relative;display:flex;align-items:center;gap:14px;min-width:0;padding:16px 18px;border-radius:18px;background:#fff;border:1.5px solid var(--sk-line);text-decoration:none!important;transition:transform .18s;box-shadow:6px 7px 0 var(--pr-stat-c)}
.pr-stat:nth-child(2){--pr-stat-c:var(--pr-hl);--pr-stat-ink:var(--pr-hl-ink)}
.pr-stat:nth-child(3){--pr-stat-c:var(--pr-ink)}
.pr-stat:nth-child(4){--pr-stat-c:var(--sk-primary-600)}
.pr-stat:hover{transform:translate(-2px,-2px)}
.pr-stat__icon{position:relative;flex-shrink:0;width:52px;height:52px;border-radius:15px;background:var(--pr-stat-c);color:var(--pr-stat-ink);display:inline-flex;align-items:center;justify-content:center;font-size:21px;overflow:hidden}
.pr-stat__icon i{display:inline-block;position:relative;z-index:1}
/* light sweeping across the tile now and then */
.pr-stat__icon::before{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-18deg);animation:pr-sheen 5s ease-in-out infinite}
.pr-stat:nth-child(2) .pr-stat__icon::before{animation-delay:1.2s}
.pr-stat:nth-child(3) .pr-stat__icon::before{animation-delay:2.4s}
.pr-stat:nth-child(4) .pr-stat__icon::before{animation-delay:3.6s}
.pr-stat__icon--status{overflow:visible;animation:pr-ring 2.6s ease-out infinite}
.pr-stat__icon--status::before{display:none}
.pr-stat__icon--status i{animation:pr-pop 3.2s ease-in-out infinite}
.pr-stat__icon--wallet i{transform-origin:50% 90%;animation:pr-sway 3.6s ease-in-out .6s infinite}
.pr-stat__icon--cart i{animation:pr-roll 3.8s ease-in-out 1.2s infinite}
.pr-stat__icon--coins i{animation:pr-flip 4.2s ease-in-out 1.8s infinite}
.pr-stat__text{display:flex;flex-direction:column;gap:3px;min-width:0}
.pr-stat__label{font-size:12.5px;line-height:1.25;color:var(--sk-muted)}
.pr-stat__value{font-size:20px;line-height:1.2;font-weight:700;color:var(--sk-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@keyframes pr-sheen{0%,72%{left:-70%}100%{left:140%}}
@keyframes pr-ring{0%{box-shadow:0 0 0 0 rgba(var(--pr-rgb),.45)}70%,100%{box-shadow:0 0 0 11px rgba(var(--pr-rgb),0)}}
@keyframes pr-pop{0%,62%,100%{transform:scale(1)}72%{transform:scale(1.2)}82%{transform:scale(.94)}91%{transform:scale(1.05)}}
@keyframes pr-sway{0%,58%,100%{transform:rotate(0)}66%{transform:rotate(-13deg)}75%{transform:rotate(10deg)}84%{transform:rotate(-6deg)}92%{transform:rotate(3deg)}}
@keyframes pr-roll{0%,55%,100%{transform:translateX(0) rotate(0)}66%{transform:translateX(6px) rotate(-7deg)}77%{transform:translateX(-4px) rotate(3deg)}88%{transform:translateX(2px) rotate(0)}}
@keyframes pr-flip{0%,55%,100%{transform:perspective(120px) rotateY(0) translateY(0)}72%{transform:perspective(120px) rotateY(180deg) translateY(-4px)}88%{transform:perspective(120px) rotateY(360deg) translateY(0)}}

/* ---------- new order: platform buttons ---------- */
.pr-platforms{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:16px;margin-bottom:22px;background:rgba(255,255,255,.7);border-radius:18px;box-shadow:var(--sk-shadow)}
.pr-platform{display:flex;align-items:center;gap:10px;min-height:46px;padding:6px 12px 6px 6px;border-radius:14px;border:1.5px solid transparent;background:#f4f6f8;color:var(--sk-ink);font-size:13.5px;font-weight:500;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,transform .15s}
.pr-platform:hover{background:#fff;border-color:var(--sk-primary-200);transform:translateY(-1px)}
.pr-platform.is-active{background:#fff;border-color:var(--sk-primary);box-shadow:0 8px 18px -12px rgba(var(--pr-rgb),.8)}
.pr-platform:focus-visible{outline:3px solid rgba(var(--pr-rgb),.35);outline-offset:2px}
.pr-platform__icon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0;background:#64748b}
.pr-platform__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pr-platform--instagram .pr-platform__icon{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.pr-platform--facebook .pr-platform__icon{background:#1877f2}
.pr-platform--youtube .pr-platform__icon{background:#ff0000}
.pr-platform--tiktok .pr-platform__icon{background:#111}
.pr-platform--spotify .pr-platform__icon{background:#1db954}
.pr-platform--telegram .pr-platform__icon{background:#229ed9}
.pr-platform--discord .pr-platform__icon{background:#5865f2}
.pr-platform--reddit .pr-platform__icon{background:#ff4500}
.pr-platform--twitter .pr-platform__icon{background:#0f1419}
.pr-platform--twitch .pr-platform__icon{background:#9146ff}
.pr-platform--snapchat .pr-platform__icon{background:#fffc00;color:#111}
.pr-platform--website .pr-platform__icon{background:var(--sk-primary)}

/* ---------- new order / mass order: form and side panels ---------- */
.pr-order-grid.sk-order-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.pr-tabs{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}
.pr-tab{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:12px;background:var(--pr-hl-soft);color:var(--sk-ink)!important;font-weight:600;font-size:13.5px;text-decoration:none!important;transition:background .2s}
.pr-tab:hover{background:var(--pr-hl);color:var(--pr-hl-ink)!important}
.pr-tab.is-active{background:var(--pr-ink);color:#fff!important}
.pr-desc__empty{padding:26px 16px;border-radius:14px;background:var(--sk-primary-50);color:var(--sk-muted);text-align:center;font-size:14px}
.pr-desc [hidden]{display:none!important}
.pr-desc__label{display:block;font-size:12px;color:var(--sk-muted);margin-bottom:4px}
.pr-desc__service{padding:12px 14px;border-radius:14px;background:var(--sk-primary);margin-bottom:12px}
.pr-desc__service .pr-desc__label{color:rgba(255,255,255,.78)}
.pr-desc__name{color:#fff;font-weight:600;font-size:14px;line-height:1.45;word-break:break-word}
.pr-desc__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.pr-desc__tile{padding:12px 14px;border-radius:14px;background:var(--sk-primary-50);min-width:0}
.pr-desc__tile b{display:block;font-size:16px;color:var(--sk-ink);font-weight:700;overflow:hidden;text-overflow:ellipsis}
.pr-desc__text{padding:14px;border-radius:14px;background:#f6f7f9;font-size:13.5px;line-height:1.6;color:var(--sk-text);max-height:340px;overflow:auto;word-break:break-word}
@media (min-width:992px){
  #neworder_fields .pr-moved{display:none}
}
@media (max-width:991.98px){
  .pr-desc{display:none}
}
.pr-howto ol{padding-left:20px;margin:0 0 14px;font-size:14px;line-height:1.7}
.pr-howto__example{border-radius:14px;background:var(--sk-primary-50);padding:12px 14px}
.pr-howto__example span{display:block;font-size:12px;color:var(--sk-muted);margin-bottom:4px}
.pr-howto__example code{background:transparent;color:var(--sk-ink);font-size:12.5px;padding:0;word-break:break-all}
.pr-mass{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px}

/* ---------- public pages: navigation ---------- */
.pr-pnav.sk-pnav{background:rgba(255,255,255,.97);border-bottom:0;box-shadow:0 6px 24px -18px rgba(var(--pr-rgb-700),.5)}
.pr-pnav .sk-pnav__link{color:var(--sk-ink);font-weight:500;font-size:14.5px}
.pr-pnav .sk-pnav__link:hover,.pr-pnav .sk-pnav__link.is-active{color:var(--sk-primary)}
@media (min-width:992px){
  .pr-pnav .sk-pnav__menu{background:transparent;border:0;box-shadow:none;margin:0 auto}
  .pr-pnav .sk-pnav__link i{display:none}
  .pr-pnav .sk-pnav__link{background:transparent;padding:0 12px}
  .pr-pnav .sk-pnav__link.is-active{box-shadow:inset 0 -2px 0 var(--sk-primary);border-radius:0}
}
.pr-pnav__cta{height:42px;padding:0 20px;border-radius:12px;font-weight:600}
.sk-public.pr-body .sk-public-main{background:transparent}

/* ---------- home: hero ---------- */
.pr-hero{background:var(--pr-hero);padding:46px 0 34px;overflow:hidden;position:relative}
.pr-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:30px;align-items:center}
.pr-hero__chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.75);color:var(--sk-ink);font-size:13px;font-weight:600;margin-bottom:16px;box-shadow:0 6px 16px -12px rgba(0,0,0,.4)}
.pr-hero__chip i{color:var(--pr-hl)}
.pr-c-crimson .pr-hero__chip i,.pr-c-sunset .pr-hero__chip i{color:var(--sk-primary)}
.body.pr-body .pr-hero h1{font-size:clamp(30px,3.7vw,50px);line-height:1.15;font-weight:700;letter-spacing:-.02em;margin:0 0 16px;color:var(--sk-ink)}
.pr-hero h1 span{color:var(--sk-primary)}
.pr-hero__text p{font-size:15.5px;line-height:1.7;color:var(--sk-text);max-width:560px;margin:0 0 24px}
.pr-hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.pr-hero__actions .sk-btn{height:46px;padding:0 22px;border-radius:12px;font-weight:600}

/* illustration */
.pr-illus{position:relative;height:420px}
.pr-illus__circle{position:absolute;left:50%;top:50%;width:340px;height:340px;margin:-170px 0 0 -170px;border-radius:50%;background:var(--sk-primary-100);box-shadow:inset 0 0 0 26px rgba(255,255,255,.35)}
.pr-illus__phone{position:absolute;left:50%;top:50%;width:200px;height:360px;margin:-180px 0 0 -100px;border-radius:30px;background:#fff;border:7px solid var(--pr-ink);box-shadow:0 30px 50px -24px rgba(var(--pr-rgb-700),.6);padding:26px 14px 14px;display:flex;flex-direction:column;gap:14px;animation:pr-float 6s ease-in-out infinite}
.pr-illus__notch{position:absolute;top:6px;left:50%;width:60px;height:8px;margin-left:-30px;border-radius:8px;background:var(--pr-ink)}
.pr-illus__profile{display:flex;align-items:center;gap:10px}
.pr-illus__avatar{width:42px;height:42px;border-radius:50%;background:var(--sk-grad);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.pr-illus__lines{flex:1;display:flex;flex-direction:column;gap:6px}
.pr-illus__lines i{display:block;height:7px;border-radius:7px;background:#e8eaef}
.pr-illus__lines i:last-child{width:60%}
.pr-illus__counts{display:flex;justify-content:space-between;text-align:center;font-size:9.5px;color:var(--sk-muted)}
.pr-illus__counts b{display:block;font-size:13px;color:var(--sk-ink)}
.pr-illus__chart{flex:1;display:flex;align-items:flex-end;gap:7px;padding:10px;border-radius:14px;background:var(--sk-primary-50)}
.pr-illus__chart i{flex:1;border-radius:6px 6px 3px 3px;background:var(--sk-grad)}
.pr-illus__chart i:nth-child(odd){background:var(--pr-hl)}
.pr-illus__like{align-self:center;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#ffe4ea;color:#e11d48;font-size:12px;font-weight:700}
.pr-illus__bubble{position:absolute;width:54px;height:54px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 16px 28px -14px rgba(0,0,0,.45);animation:pr-float 5s ease-in-out infinite}
.pr-illus__bubble--ig{top:18px;right:12%;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%);animation-delay:-1s}
.pr-illus__bubble--tw{top:96px;left:4%;background:#1d9bf0;border-radius:50%;animation-delay:-2s}
.pr-illus__bubble--fb{bottom:70px;right:2%;background:#1877f2;border-radius:50%;animation-delay:-3s}
.pr-illus__bubble--yt{bottom:16px;left:20%;background:#ff0000;width:46px;height:46px;font-size:20px;animation-delay:-4s}
.pr-illus__bubble--tt{top:12px;left:24%;background:#111;width:42px;height:42px;font-size:18px;border-radius:12px;animation-delay:-2.5s}
.pr-illus__card{position:absolute;left:0;bottom:96px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.95);box-shadow:var(--sk-shadow-lg);font-size:12px;color:var(--sk-muted)}
.pr-illus__card b{display:block;font-size:17px;color:var(--sk-ink)}
.pr-illus__card small{font-size:11.5px}
.pr-illus__card-icon{width:38px;height:38px;border-radius:12px;background:var(--pr-hl);color:var(--pr-hl-ink);display:inline-flex;align-items:center;justify-content:center}
.pr-illus__chip{position:absolute;right:0;top:44%;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fff;box-shadow:var(--sk-shadow-lg);font-size:13px;color:var(--sk-ink)}
.pr-illus__dots{display:inline-flex}
.pr-illus__dots i{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:10px;margin-left:-5px;border:2px solid #fff}
.pr-illus__dots i:nth-child(1){background:#1877f2;margin-left:0}
.pr-illus__dots i:nth-child(2){background:#1d9bf0}
.pr-illus__dots i:nth-child(3){background:#ff0000}
.pr-illus__dots i:nth-child(4){background:#d6249f}
@keyframes pr-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* login bar */
.pr-loginbar{margin-top:30px;background:#fff;border-radius:22px;padding:20px 22px 16px;box-shadow:var(--sk-shadow-lg);border:1px solid rgba(255,255,255,.8)}
.body.pr-body .pr-loginbar h2{font-size:18px;font-weight:700;margin:0 0 14px}
.pr-loginbar__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:14px;align-items:center}
.pr-field{display:flex;align-items:center;gap:10px;margin:0;padding:4px 4px 4px 4px;border-radius:14px;background:#f4f5f7;border:1px solid transparent;transition:border-color .2s,background .2s}
.pr-field:focus-within{border-color:var(--sk-primary);background:#fff}
.pr-field__icon{width:36px;height:36px;border-radius:50%;background:var(--pr-hl);color:var(--pr-hl-ink);display:inline-flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.body.pr-body .pr-field .form-control{border:0;background:transparent;height:38px;box-shadow:none;padding:0 8px 0 0}
.body.pr-body .pr-loginbar__btn{min-width:130px;height:46px;min-height:46px;border-radius:14px}
.pr-loginbar__captcha{margin:12px 0 0}
.pr-loginbar__meta{display:flex;align-items:center;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:var(--sk-muted)}
.pr-loginbar__meta a{font-weight:600}
.pr-check{display:inline-flex;align-items:center;gap:8px;margin:0;font-weight:500!important;color:var(--sk-muted)!important;cursor:pointer}
.pr-check input{width:16px;height:16px;accent-color:var(--sk-primary);margin:0}
.pr-google{margin-top:12px}
.pr-google .google-login-container{margin:0;text-align:center}
.pr-google .divider{margin:8px 0 10px;font-size:13px}
.pr-google .google-signin-btn{height:42px}

/* sections */
.pr-section{padding:56px 0}
.pr-section--tight{padding:24px 0}
.pr-section__head{text-align:center;max-width:640px;margin:0 auto 30px}
.body.pr-body .pr-section__head h2{font-size:clamp(22px,2.4vw,32px);font-weight:700;margin:0 0 10px}
.pr-section__head p{color:var(--sk-muted);font-size:15px;margin:0}
.pr-content{background:#fff;border-radius:18px;padding:22px;box-shadow:var(--sk-shadow)}
.pr-why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pr-why__card{background:#fff;border-radius:18px;padding:22px;border:1.5px solid var(--sk-line);box-shadow:5px 6px 0 var(--sk-primary-100);transition:transform .18s,box-shadow .18s}
.pr-why__card:hover{transform:translate(-2px,-2px);box-shadow:7px 8px 0 var(--sk-primary-200)}
.pr-why__icon{display:inline-flex;width:54px;height:54px;border-radius:16px;background:var(--pr-hl-soft);color:var(--sk-primary);align-items:center;justify-content:center;font-size:22px;margin-bottom:14px}
.pr-why__icon i{display:inline-block}
.pr-why__icon--pop i{animation:pr-pop 3.4s ease-in-out infinite}
.pr-why__icon--sway i{transform-origin:50% 80%;animation:pr-sway 3.8s ease-in-out .8s infinite}
.pr-why__icon--launch i{animation:pr-launch 3.6s ease-in-out 1.4s infinite}
.pr-why__card:hover .pr-why__icon{background:var(--pr-hl);color:var(--pr-hl-ink)}
@keyframes pr-launch{0%,55%,100%{transform:translate(0,0)}70%{transform:translate(5px,-6px)}80%{transform:translate(-2px,2px)}90%{transform:translate(1px,-1px)}}
.body.pr-body .pr-why__card h3{font-size:17px;font-weight:700;margin:0 0 6px}
.pr-why__card p{font-size:14px;color:var(--sk-muted);margin:0;line-height:1.6}
.pr-how{background:var(--pr-side-grad);color:var(--pr-side-ink)}
.pr-how .pr-section__head h2{color:var(--pr-side-ink)}
.pr-how .pr-section__head p{color:var(--pr-side-muted)}
.pr-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pr-step{position:relative;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:22px}
.pr-step__no{position:absolute;top:16px;right:18px;font-size:34px;font-weight:800;opacity:.25;line-height:1}
.pr-step__icon{width:46px;height:46px;border-radius:14px;background:var(--pr-hl);color:var(--pr-hl-ink);display:inline-flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:14px}
.body.pr-body .pr-step h3{font-size:17px;font-weight:700;margin:0 0 6px;color:var(--pr-side-ink)}
.pr-step p{font-size:14px;margin:0;line-height:1.6;color:var(--pr-side-muted)}
.pr-faq{max-width:860px;margin:0 auto}
.pr-faq .sk-faq__item{background:#fff;border:0;border-radius:16px;box-shadow:var(--sk-shadow);margin-bottom:12px}
.pr-faq .sk-faq__q i{width:28px;height:28px;border-radius:50%;background:var(--pr-hl-soft);color:var(--sk-ink);display:inline-flex;align-items:center;justify-content:center;font-size:12px;transition:transform .2s}

/* sign up */
.pr-signup{padding:40px 0 56px;background:var(--pr-hero)}
.pr-signup__card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border-radius:24px;overflow:hidden;background:#fff;box-shadow:var(--sk-shadow-lg);max-width:1100px;margin:0 auto}
.pr-signup__intro{background:var(--pr-side-grad);color:var(--pr-side-ink);padding:38px 34px;display:flex;flex-direction:column;gap:16px}
.body.pr-body .pr-signup__intro h1{color:var(--pr-side-ink);font-size:clamp(24px,2.4vw,32px);font-weight:700;line-height:1.2;margin:0}
.pr-signup__intro h1 span{color:var(--pr-hl)}
.pr-c-crimson .pr-signup__intro h1 span,.pr-c-sunset .pr-signup__intro h1 span{color:inherit;text-decoration:underline;text-decoration-color:var(--pr-hl);text-underline-offset:6px}
.pr-signup__intro p{margin:0;color:var(--pr-side-muted);font-size:15px}
.pr-signup__perks{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:10px;font-size:14.5px}
.pr-signup__perks i{width:22px;height:22px;border-radius:50%;background:var(--pr-hl);color:var(--pr-hl-ink);display:inline-flex;align-items:center;justify-content:center;font-size:11px;margin-right:8px}
.pr-signup__icons{margin-top:auto;display:flex;gap:10px}
.pr-signup__icons i{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.14);display:inline-flex;align-items:center;justify-content:center;font-size:17px}
.pr-signup__form{padding:34px}
.body.pr-body .pr-signup__form h2{font-size:21px;font-weight:700;margin:0 0 18px}
.pr-signup__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.pr-signup__content{max-width:1100px;margin:0 auto 20px}
.pr-check--terms{margin:4px 0 16px;align-items:flex-start;line-height:1.5}
.pr-authfoot{text-align:center;margin-top:14px;font-size:14px;color:var(--sk-muted)}

/* footer (public) and app footer */
.pr-body .sk-footer{background:var(--pr-side-grad);color:var(--pr-side-muted);border-top:0}
.pr-body .sk-footer h4,.pr-body .sk-footer .pr-brand__name,.pr-body .sk-footer .sk-brand__name{color:var(--pr-side-ink)}
.pr-body .sk-footer__about,.pr-body .sk-footer__bottom{color:var(--pr-side-muted)}
.pr-body .sk-footer__bottom{border-top-color:var(--pr-side-line)}
.pr-body .sk-footer .sk-brand__mark{background:var(--pr-hl);color:var(--pr-hl-ink)}
.pr-body .sk-bottomnav__item.is-active{color:var(--sk-primary)}

/* ---------- responsive ---------- */
@media (min-width:992px){
  .pr-side__foot{display:none}
}
@media (max-width:1399.98px){
  .pr-platforms{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:1199.98px){
  .pr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pr-why{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pr-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* 16px text in fields: phones don't zoom in when you tap them */
  .body.pr-body .form-control,.body.pr-body .select2-container--default .select2-selection--single .select2-selection__rendered,.body.pr-body select,.body.pr-body textarea{font-size:16px!important}
}
@media (max-width:991.98px){
  .pr-topbar.sk-topbar{margin:10px 12px 0;top:8px;padding:8px 8px 8px 10px;min-height:56px}
  .pr-body.sk-auth .sk-main{padding:16px 12px 28px}
  .pr-here span{display:none}
  .pr-logout span{display:none}
  .pr-logout{padding:0 8px}
  .pr-balance.sk-balance{display:none}
  .pr-order-grid.sk-order-grid{grid-template-columns:minmax(0,1fr)}
  .pr-hero__grid{grid-template-columns:1fr}
  .pr-illus{height:340px;max-width:440px;width:100%;margin:0 auto}
  .pr-illus__circle{width:280px;height:280px;margin:-140px 0 0 -140px}
  .pr-illus__phone{transform-origin:center;width:180px;height:320px;margin:-160px 0 0 -90px}
  .pr-loginbar__row{grid-template-columns:1fr}
  .body.pr-body .pr-loginbar__btn{width:100%}
  .pr-signup__card{grid-template-columns:1fr}
  .pr-signup__intro{padding:28px 24px}
  .pr-signup__icons{display:none}
  .pr-pnav .sk-pnav__menu{background:#fff}
  .pr-pnav .sk-pnav__actions{margin-left:auto}
}
@media (max-width:767.98px){
  /* New Order / Mass Order: two equal buttons across the full width */
  .pr-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .pr-tab{justify-content:center;height:44px;padding:0 10px;font-size:14px}
  .pr-platforms{padding:10px;gap:8px}
  .pr-stats{gap:16px;margin-right:6px}
  .pr-stat{gap:10px;padding:12px;border-radius:16px;box-shadow:5px 6px 0 var(--pr-stat-c)}
  .pr-stat__icon{width:42px;height:42px;border-radius:12px;font-size:17px}
  .pr-stat__value{font-size:16.5px}
  .pr-why,.pr-steps{grid-template-columns:1fr}
  .pr-section{padding:40px 0}
  .pr-hero{padding:28px 0 26px}
  .pr-signup__form{padding:24px 18px}
  .pr-signup__grid{grid-template-columns:1fr}
}
@media (max-width:420px){
  .pr-stats{grid-template-columns:1fr 1fr;gap:14px}
  .pr-stat{gap:8px;padding:11px 9px}
  .pr-stat__icon{width:36px;height:36px;border-radius:11px;font-size:15px}
  .pr-stat__label{font-size:10.5px;letter-spacing:-.01em}
  .pr-stat__value{font-size:15.5px}
  .pr-illus__chip{display:none}
  .pr-illus__card{bottom:40px}
}
@media (prefers-reduced-motion:reduce){
  .pr-illus__phone,.pr-illus__bubble,.pr-stat__icon,.pr-stat__icon i,.pr-stat__icon::before,.pr-why__icon i{animation:none}
}

/* ---------- fixes for content pages ---------- */
/* page blocks come with "#block_93{padding-top:30px}"-style rules: no extra gap under the top bar */
.pr-body .sk-main [id^=block_]{padding-top:0!important}
/* Crimson: its highlight is the main red, so the second button is dark */
.pr-c-crimson .pr-btn-hl{background:#262633;color:#fff!important}
/* Skyline sets these with !important (dark text), unreadable on the coloured footer */
.body.pr-body .sk-footer a,.body.pr-body .sk-footer__links a{color:var(--pr-side-ink)!important;opacity:.88}
.body.pr-body .sk-footer a:hover,.body.pr-body .sk-footer__links a:hover,.body.pr-body .sk-footer a:focus-visible{color:var(--pr-side-ink)!important;opacity:1;text-decoration:underline!important;text-underline-offset:4px}
.body.pr-body .sk-footer .sk-brand__tag{color:var(--pr-side-muted)}

/* Service / category dropdown. Names can carry their own colours (set in Admin), so the option
   under the finger / mouse gets a light tint of the main colour instead of a solid fill (a teal
   name on a teal fill disappeared). Selected: pale, bold, with a bar on the left. The base style
   sheet's solid :hover (which sticks after a tap on phones) is overridden too. */
.body.pr-body .select2-container--default .select2-results__option[aria-selected]{background:transparent!important;color:var(--sk-ink)!important}
.body.pr-body .select2-container--default .select2-results__option[aria-selected=true]{background:var(--sk-primary-50)!important;box-shadow:inset 3px 0 0 var(--sk-primary);font-weight:600}
.body.pr-body .select2-container--default .select2-results__option--highlighted[aria-selected],
.body.pr-body .select2-container--default .select2-results__option[aria-selected]:hover{background:rgba(var(--pr-rgb),.12)!important;color:var(--sk-ink)!important;box-shadow:inset 3px 0 0 var(--sk-primary)}
.body.pr-body .select2-container--default .select2-results__option--highlighted[aria-selected=true]{background:rgba(var(--pr-rgb),.18)!important}
.body.pr-body .select2-container--default .select2-results__option > a,
.body.pr-body .select2-container--default .select2-results__option > a:hover{color:inherit!important}

/* phones: platform buttons as icons only, six in a row */
@media (max-width:767.98px){
  .pr-platforms{grid-template-columns:repeat(6,minmax(0,1fr))}
  .pr-platform{justify-content:center;padding:6px;min-height:0;aspect-ratio:1/1;border-radius:12px}
  .pr-platform__name{display:none}
  .pr-platform__icon{width:34px;height:34px}
}
@media (max-width:359.98px){
  .pr-platforms{gap:6px;padding:8px}
  .pr-platform{padding:3px}
  .pr-platform__icon{width:30px;height:30px;font-size:14px}
}

/* Nothing may be wider than the screen: a "1fr" grid column grows to fit a long service name
   that can't wrap, the page gets wider than the phone and the phone zooms the whole page out. */
.body.pr-body .sk-order-grid>*,.body.pr-body #neworder_fields,.body.pr-body .sk-order-grid .form-group{min-width:0}
.body.pr-body .select2-container{max-width:100%}
.body.pr-body .select2-container--default .select2-selection--single .select2-selection__rendered{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.body.pr-body .select2-results__option{white-space:normal;overflow-wrap:anywhere}
.body.pr-body #service_description{overflow-wrap:anywhere}
@media (max-width:991.98px){
  .body.pr-body .sk-order-grid{grid-template-columns:minmax(0,1fr)}
}

/* ---------- frosted glass behind the floating top bar and the phone menu bar ----------
   Each bar is frosted glass, and a frosted panel fills the gap between the bar and the screen
   edge (above the top bar, below the phone menu bar), so nothing scrolls by sharply there.
   The panel ends halfway behind its bar: its edge is hidden by the bar, the page itself is
   never blurred and there is no line. The top panel fades in once the page is scrolled
   (body.pr-scrolled, set in header.twig). Both reach 100px past the screen edge so the area
   behind iPhone Safari's see-through status bar and toolbar is covered too. */
.pr-topbar.sk-topbar{background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6)}
.pr-frost{position:fixed;left:0;right:0;pointer-events:none;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6)}
.pr-frost--top{top:-100px;left:var(--sk-sidebar);z-index:1029;height:144px;opacity:0;transition:opacity .25s ease}
.pr-scrolled .pr-frost--top{opacity:1}
.pr-frost--bottom{display:none}
@media (max-width:991.98px){
  .pr-frost--top{left:0;height:140px}
  .pr-body .sk-bottomnav{background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6)}
  .pr-frost--bottom{display:block;bottom:-100px;z-index:1039;height:calc(150px + env(safe-area-inset-bottom))}
}

/* ---------- phones: home page buttons share one full-width row ---------- */
@media (max-width:575.98px){
  .pr-hero__actions{flex-wrap:nowrap;gap:10px}
  .pr-hero__actions .sk-btn{flex:1 1 0;min-width:0;padding:0 12px}
}
@media (max-width:359.98px){
  .pr-hero__actions .sk-btn{white-space:normal;line-height:1.2;text-align:center}
}