/* Pickoder — clean white skin (replaces the dark gaming skin; keeps the Playhost server artwork) */

/* hero: bright, uses the isometric server art instead of the CSS rack */
.pk-hero-bg { display: none; }
.pk-hero-img { width: min(460px, 92%); height: auto; position: relative; z-index: 1; filter: drop-shadow(0 28px 44px rgba(86, 35, 216, .25)); animation: pk-bob 6s ease-in-out infinite; }
.pk-hero-art::before { content: ""; position: absolute; width: 68%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(12, 190, 213, .28), rgba(124, 92, 255, .12) 55%, transparent 70%); filter: blur(24px); }
.pk-float { z-index: 2; }

/* the offshore band becomes a soft light panel */
.pk-dark { background: linear-gradient(135deg, #eef7ff 0%, #f4f0ff 100%); color: var(--pk-ink); }
.pk-dark h2 { color: var(--pk-navy); }
.pk-dark .pk-split-copy p { color: var(--pk-muted); }
.pk-dark .pk-on-dark, .pk-dark .pk-eyebrow { color: var(--pk-primary); }
.pk-dark .pk-checks li { color: var(--pk-navy); }
.pk-dark .pk-checks i { background: var(--pk-primary); color: #fff; }
.pk-dark .pk-shield { box-shadow: 0 20px 60px rgba(86, 35, 216, .3); }
.pk-dark .pk-ring { border-color: rgba(12, 190, 213, .5); }

/* light footer */
.pk-footer { background: linear-gradient(180deg, #f6f9ff, #eef4ff); color: #55627f; border-top: 1px solid rgba(20, 32, 58, .08); }
.pk-footer::before { background: linear-gradient(90deg, #0cbed5, #7c5cff, #0cbed5); background-size: 200% 100%; }
.pk-footer h5 { color: var(--pk-navy); }
.pk-footer-brand .pk-fl { color: var(--pk-navy) !important; }
.pk-footer-brand .pk-fl span { background: linear-gradient(135deg, #0cbed5, #7c5cff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pk-footer a { color: #55627f; }
.pk-footer ul a:hover { color: var(--pk-primary); }
.pk-contact i { color: var(--pk-primary); }
.pk-social a { color: var(--pk-navy); background: #fff; border: 1px solid rgba(20, 32, 58, .1); box-shadow: 0 4px 12px rgba(20, 32, 58, .06); }
.pk-social a:hover { color: #fff; background: linear-gradient(135deg, var(--pk-primary), var(--pk-violet)); }
.pk-footer-bottom { border-top: 1px solid rgba(20, 32, 58, .08); }

@media (prefers-reduced-motion: reduce) { .pk-hero-img { animation: none; } }

/* let the top gradient start at the very top of the page, behind the floating header */
.pk-hero {
  margin-top: calc(-1 * var(--header-default-height, 100px));
  padding-top: calc(110px + var(--header-default-height, 100px));
}
.not__shoppingcart__page__header {
  margin-top: calc(-1 * var(--header-default-height, 100px));
  padding-top: var(--header-default-height, 100px);
}
@media (max-width: 900px) {
  .pk-hero { padding-top: calc(56px + var(--header-default-height, 80px)); }
}

/* the theme wrapper clipped everything above the content box; keep sideways clipping, free the top */
.homepage__main__wrapper.page__container { overflow-x: clip !important; overflow-y: visible !important; }

/* ---------- full-bleed landing page (no side gutters) ---------- */
body.homepage__main__stylesheets__body .homepage__main__wrapper.page__container {
  max-width: none !important; padding-left: 0 !important; padding-right: 0 !important;
}
body.homepage__main__stylesheets__body .main__page__wraper .main__page__content { padding-left: 0; padding-right: 0; }

/* ---------- mobile polish ---------- */
@media (max-width: 767.98px) {
  .header .header__not__loggined__btns .header__link.header__not__loggined__btns__item { display: none !important; }
  .header .top__header__website__identity { overflow: visible; }

  .pk-hero { padding-bottom: 64px; }
  .pk-hero-inner { gap: 8px; }
  .pk-hero-art { order: 2; min-height: 300px; margin-top: 8px; }
  .pk-hero-img { width: 74%; }
  .pk-hero h1 { font-size: clamp(32px, 9vw, 40px); }
  .pk-lead { font-size: 16px; }
  .pk-cta-row { flex-direction: column; }
  .pk-cta-row .pk-btn { width: 100%; justify-content: center; }
  .pk-blob-1 { width: 260px; height: 260px; top: -90px; left: -80px; }
  .pk-blob-2 { width: 240px; height: 240px; right: -90px; }
  .pk-blob-3 { width: 200px; height: 200px; }
  .pk-grid-bg { background-size: 36px 36px; }
  /* floating cards: small chips tucked at the corners, never covering the server */
  .pk-float { padding: 8px 12px; gap: 8px; border-radius: 14px; }
  .pk-float i { width: 30px; height: 30px; font-size: 13px; border-radius: 10px; }
  .pk-float b { font-size: 12px; } .pk-float small { display: none; }
  .pk-float-1 { top: 0; left: 4px; } .pk-float-2 { bottom: 40px; right: 4px; } .pk-float-3 { bottom: 0; left: 14px; }
  .pk-wrap { padding: 0 18px; }
  .pk-section { padding: 56px 0; }
  .pk-head { margin-bottom: 34px; }
  .pk-head h2, .pk-split-copy h2 { font-size: 26px; }
  .pk-stats-grid { gap: 28px 12px; }
  .pk-process { grid-template-columns: 1fr 1fr; }
  .pk-code pre { font-size: 12px; padding: 16px; }
  .pk-cta { padding: 48px 18px; border-radius: 24px; }
  .pk-shield { width: 150px; height: 150px; font-size: 60px; }
  .pk-split-art { min-height: 220px; }
}
@media (max-width: 400px) { .pk-footer-main { padding-top: 44px; } }

/* keep the first grid line off the screen edge */
.pk-grid-bg { background-position: -1px -1px; }

/* =====================================================================
   Footer — water: layered rolling waves + rising bubbles
   ===================================================================== */
.pk-footer {
  margin-top: 70px;
  background: linear-gradient(180deg, #dff6fb 0%, #d3ebfa 55%, #c9ddfb 100%);
  border-top: 0;
}
.pk-footer::before { display: none; }
.pk-waves { position: absolute; left: 0; right: 0; top: -69px; height: 70px; line-height: 0; pointer-events: none; z-index: 1; }
.pk-waves svg { width: 100%; height: 100%; display: block; }
.pk-wave-parallax > use { animation: pk-wave-move 26s cubic-bezier(.55, .5, .45, .5) infinite; }
.pk-wave-parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 8s; }
.pk-wave-parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 12s; }
.pk-wave-parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 18s; }
.pk-wave-parallax > use:nth-child(4) { animation-delay: -5s; animation-duration: 26s; }
@keyframes pk-wave-move { 0% { transform: translate3d(-90px, 0, 0); } 100% { transform: translate3d(85px, 0, 0); } }

.pk-bubbles { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
.pk-bubbles span {
  position: absolute; bottom: -40px; width: 14px; height: 14px; border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.95), rgba(255,255,255,.25) 60%, rgba(12,190,213,.18));
  border: 1px solid rgba(255,255,255,.7);
  opacity: 0; animation: pk-bubble 9s ease-in infinite;
}
.pk-bubbles span:nth-child(1)  { left: 6%;  width: 10px; height: 10px; animation-duration: 8s;  animation-delay: 0s; }
.pk-bubbles span:nth-child(2)  { left: 14%; width: 18px; height: 18px; animation-duration: 11s; animation-delay: 2s; }
.pk-bubbles span:nth-child(3)  { left: 23%; width: 8px;  height: 8px;  animation-duration: 7s;  animation-delay: 4s; }
.pk-bubbles span:nth-child(4)  { left: 34%; width: 16px; height: 16px; animation-duration: 10s; animation-delay: 1s; }
.pk-bubbles span:nth-child(5)  { left: 46%; width: 11px; height: 11px; animation-duration: 9s;  animation-delay: 5s; }
.pk-bubbles span:nth-child(6)  { left: 58%; width: 20px; height: 20px; animation-duration: 12s; animation-delay: 3s; }
.pk-bubbles span:nth-child(7)  { left: 69%; width: 9px;  height: 9px;  animation-duration: 8s;  animation-delay: 6s; }
.pk-bubbles span:nth-child(8)  { left: 78%; width: 15px; height: 15px; animation-duration: 10s; animation-delay: 0.5s; }
.pk-bubbles span:nth-child(9)  { left: 88%; width: 12px; height: 12px; animation-duration: 9s;  animation-delay: 4s; }
.pk-bubbles span:nth-child(10) { left: 94%; width: 17px; height: 17px; animation-duration: 11s; animation-delay: 7s; }
@keyframes pk-bubble {
  0%   { transform: translate(0, 0) scale(.6); opacity: 0; }
  12%  { opacity: .9; }
  50%  { transform: translate(14px, -45%) scale(1); }
  100% { transform: translate(-10px, -115%) scale(1.1); opacity: 0; }
}
.pk-footer-main, .pk-footer-bottom { position: relative; z-index: 2; }
.pk-footer-bottom { border-top: 1px solid rgba(20, 32, 58, .1); }

@media (max-width: 767.98px) {
  .pk-footer { margin-top: 44px; }
  .pk-waves { top: -43px; height: 44px; }
  .pk-bubbles span:nth-child(n+7) { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .pk-wave-parallax > use, .pk-bubbles span { animation: none !important; }
  .pk-bubbles { display: none; }
}


/* =====================================================================
   Playhost typography — Oxanium (headings) + Manrope (text) on every page
   ===================================================================== */
:root, body { --font-heading: "Oxanium", "Manrope", Helvetica, Arial, sans-serif; --font-body: "Manrope", Helvetica, Arial, sans-serif; --pk-heading: "Oxanium", "Manrope", sans-serif; }
body, input, select, textarea, button, .form-control { font-family: var(--font-body); }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.btn, .button, .coodiv-text-1, .coodiv-text-2, .coodiv-text-3, .coodiv-text-4, .coodiv-text-5, .coodiv-text-6,
.pricing__plans__standard h5, .sidebar__dropdown__title, .master-breadcrumb { font-family: var(--font-heading); }
h1, h2, h3, h4, h5, h6 { letter-spacing: -.005em; }
.pk-home, .pk-footer { font-family: var(--font-body); }
.pk-home h1, .pk-home h2, .pk-home h3, .pk-home h4, .pk-btn, .pk-footer h5, .pk-footer-brand .pk-fl,
.pk-stat b, .pk-eyebrow, .pk-more, .pk-marquee span { font-family: var(--font-heading); }
.pk-btn { letter-spacing: .03em; }

/* =====================================================================
   Playhost-style preloader (rolling dots) — shows on every page until load
   ===================================================================== */
#pk-loader {
  position: fixed; inset: 0; z-index: 20000;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
  background: radial-gradient(700px 400px at 20% 10%, rgba(12, 190, 213, .22), transparent 60%), radial-gradient(600px 400px at 90% 90%, rgba(124, 92, 255, .2), transparent 60%), #f7fbff;
  transition: opacity .5s ease, visibility .5s ease;
  animation: pk-loader-failsafe .5s ease 7s forwards;
}
#pk-loader.pk-loader-out { opacity: 0; visibility: hidden; pointer-events: none; }
@keyframes pk-loader-failsafe { to { opacity: 0; visibility: hidden; pointer-events: none; } }
.pk-roller { position: relative; width: 80px; height: 80px; }
.pk-roller div { animation: pk-roll 1.2s cubic-bezier(.5, 0, .5, 1) infinite; transform-origin: 40px 40px; }
.pk-roller div:after { content: " "; display: block; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin: -3px 0 0 -3px; background: linear-gradient(135deg, #0cbed5, #7c5cff); box-shadow: 0 0 10px rgba(12, 190, 213, .55); }
.pk-roller div:nth-child(1) { animation-delay: -.036s; } .pk-roller div:nth-child(1):after { top: 63px; left: 63px; }
.pk-roller div:nth-child(2) { animation-delay: -.072s; } .pk-roller div:nth-child(2):after { top: 68px; left: 56px; }
.pk-roller div:nth-child(3) { animation-delay: -.108s; } .pk-roller div:nth-child(3):after { top: 71px; left: 48px; }
.pk-roller div:nth-child(4) { animation-delay: -.144s; } .pk-roller div:nth-child(4):after { top: 72px; left: 40px; }
.pk-roller div:nth-child(5) { animation-delay: -.18s; }  .pk-roller div:nth-child(5):after { top: 71px; left: 32px; }
.pk-roller div:nth-child(6) { animation-delay: -.216s; } .pk-roller div:nth-child(6):after { top: 68px; left: 24px; }
.pk-roller div:nth-child(7) { animation-delay: -.252s; } .pk-roller div:nth-child(7):after { top: 63px; left: 17px; }
.pk-roller div:nth-child(8) { animation-delay: -.288s; } .pk-roller div:nth-child(8):after { top: 56px; left: 12px; }
@keyframes pk-roll { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } }
.pk-loader-brand { font-family: var(--font-heading); font-weight: 800; font-size: 14px; letter-spacing: .28em; text-transform: uppercase; color: #14203a; animation: pk-loader-pulse 1.6s ease-in-out infinite; }
@keyframes pk-loader-pulse { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { #pk-loader { transition: none; } .pk-roller div, .pk-loader-brand { animation-duration: 3s; } }

/* =====================================================================
   Login / Register — bigger logo, wider card, aligned two-column form
   ===================================================================== */
.authorization__page .website__identity__sidebar img.image__logo,
.authorization__page .website__identity__sidebar img.image__logo.icon {
  width: auto !important; height: 64px; max-height: 64px; max-width: 280px; display: block; margin: 0 auto;
}
.authorization__page .website__identity__sidebar { margin-bottom: 8px; }
.authorization__page .website__identity__sidebar__link { justify-content: center; }
@media (max-width: 575.98px) {
  .authorization__page .website__identity__sidebar img.image__logo,
  .authorization__page .website__identity__sidebar img.image__logo.icon { height: 52px; max-height: 52px; }
}

@media (min-width: 768px) {
  .main__registeration__content { width: 100%; max-width: 920px; margin-left: auto; margin-right: auto; }
  .main__registeration__content .auth__page__inner__wrapper { padding: 44px 48px 36px; }
}

#frmCheckout .row {
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 22px; row-gap: 0; margin: 0;
}
#frmCheckout .row > [class*="col-"] { width: auto; max-width: none; flex: none; min-width: 0; padding: 0; grid-column: span 12; }
@media (min-width: 576px) {
  #frmCheckout .row > .col-sm-6 { grid-column: span 6; }
  #frmCheckout .row > .col-sm-4 { grid-column: span 4; }
  #frmCheckout .row > .col-sm-5 { grid-column: span 5; }
  #frmCheckout .row > .col-sm-3 { grid-column: span 3; }
}
@media (min-width: 992px) {
  #frmCheckout .row > .col-lg-6 { grid-column: span 6; }
}
#frmCheckout .form-group { margin-bottom: 20px; }
#frmCheckout .form-group > label,
#frmCheckout .form-group .field-title {
  display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 22px; margin: 0 0 8px; line-height: 22px;
}
#frmCheckout .form-control, #frmCheckout .custom-select, #frmCheckout select.form-control { height: 48px; }
#frmCheckout textarea.form-control { height: auto; }

/* section headings */
#frmCheckout h3.coodiv-text-8 {
  display: flex; align-items: center; gap: 12px; margin: 34px 0 22px !important; padding-bottom: 14px;
  font-family: var(--font-heading); font-weight: 700; font-size: 20px; color: var(--pk-navy, #14203a);
  border-bottom: 1px solid rgba(20, 32, 58, .08);
}
#frmCheckout h3.coodiv-text-8:first-of-type { margin-top: 6px !important; }
#frmCheckout h3.coodiv-text-8::before { content: ""; width: 5px; height: 22px; border-radius: 4px; background: linear-gradient(180deg, #0cbed5, #7c5cff); }

/* mailing-list box + captcha: equal height, side by side */
#frmCheckout .register__wrapper__email__opt__in { align-items: stretch; margin-top: 4px; }
#frmCheckout .register__wrapper__email__opt__in > [class*="col-"] { display: flex; }
#frmCheckout .marketing-email-optin { width: 100%; margin: 0; }
#frmCheckout .coodiv__captcha__wrapper {
  width: 100%; display: flex; align-items: center; justify-content: center;
  border: 1px dashed rgba(20, 32, 58, .15); border-radius: 14px; padding: 16px; min-height: 100%;
}
#frmCheckout .recaptcha-container { margin: 0 auto; }
@media (max-width: 991.98px) { #frmCheckout .register__wrapper__email__opt__in > [class*="col-"] + [class*="col-"] { margin-top: 16px; } }

#frmCheckout .btn-recaptcha { height: 54px; font-size: 16px; letter-spacing: .04em; margin-top: 10px; }

/* wider card (beats the theme's fixed max-width) + equal City / State / Postcode columns */
@media (min-width: 768px) {
  body .main__page__wraper .main__registeration__content,
  body .main__registeration__content { max-width: 920px !important; width: 100% !important; }
  body .login__register__sidebar__content, body .main__page__wraper .login__register__content { max-width: 920px; }
}
@media (min-width: 576px) {
  #frmCheckout .row > .col-sm-5, #frmCheckout .row > .col-sm-3 { grid-column: span 4; }
}

/* =====================================================================
   Register — compact wide layout (4 / 3 columns) so the page is short
   ===================================================================== */
@media (min-width: 768px) {
  body .main__page__wraper .main__registeration__content,
  body .main__registeration__content { max-width: 1100px !important; }
  .main__registeration__content .auth__page__inner__wrapper { padding: 36px 44px 30px; }
}
@media (min-width: 1000px) {
  /* Personal info: First / Last / Email / Phone on one row */
  #frmCheckout .row > .col-sm-6 { grid-column: span 3; }
  /* Billing: Company / Street / Street 2 on one row, City / State / Postcode / Country on the next */
  #frmCheckout .row:has(> .col-sm-4) > .col-sm-12:nth-child(-n+3) { grid-column: span 4; }
  #frmCheckout .row:has(> .col-sm-4) > .col-sm-4,
  #frmCheckout .row:has(> .col-sm-5),
  #frmCheckout .row:has(> .col-sm-4) > .col-sm-5,
  #frmCheckout .row:has(> .col-sm-4) > .col-sm-3,
  #frmCheckout .row:has(> .col-sm-4) > .col-sm-12:nth-child(7) { grid-column: span 3; }
  #frmCheckout .row:has(> .col-sm-4) { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  /* Account security: password + confirm side by side (already) */
  #frmCheckout h3.coodiv-text-8 { margin: 22px 0 16px !important; padding-bottom: 10px; font-size: 18px; }
  #frmCheckout h3.coodiv-text-8:first-of-type { margin-top: 2px !important; }
  #frmCheckout .form-group { margin-bottom: 14px; }
  #frmCheckout .form-control, #frmCheckout .custom-select, #frmCheckout select.form-control { height: 44px; }
}
/* the Google box + header take less room too */
@media (min-width: 768px) {
  .main__registeration__content .mb-8 { margin-bottom: 18px !important; }
  #frmCheckout .coodiv__captcha__wrapper { min-height: 0; padding: 10px; border: 0; }
  #frmCheckout .register__wrapper__email__opt__in { margin-top: 0; }
  #frmCheckout .btn-recaptcha { margin-top: 4px; }
}


/* Back-to-home button on login / register / password-reset pages */
.pk-back {
  position: fixed; top: 20px; left: 24px; z-index: 1500;
  display: inline-flex; align-items: center; gap: 10px;
  padding: 10px 18px 10px 14px; border-radius: 999px;
  font-family: var(--font-heading); font-weight: 700; font-size: 14px; letter-spacing: .02em;
  color: var(--pk-navy, #14203a) !important; text-decoration: none !important;
  background: rgba(255, 255, 255, .8); border: 1px solid rgba(255, 255, 255, .95);
  box-shadow: 0 8px 26px rgba(15, 23, 42, .1), inset 0 1px 0 rgba(255, 255, 255, .9);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  transition: transform .18s cubic-bezier(.3, .7, .3, 1), box-shadow .18s ease, background-color .18s ease;
}
.pk-back i {
  width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; font-size: 13px; color: #fff;
  background: linear-gradient(135deg, #0cbed5, #7c5cff); transition: transform .2s cubic-bezier(.3, .7, .3, 1);
}
.pk-back:hover { transform: translateY(-1px); background: #fff; box-shadow: 0 12px 30px rgba(15, 23, 42, .14); }
.pk-back:hover i { transform: translateX(-3px); }
.pk-back:active { transform: scale(.96); transition-duration: .08s; }
.pk-back:focus-visible { outline: 2px solid #0cbed5; outline-offset: 2px; }
@media (max-width: 575.98px) {
  .pk-back { top: 12px; left: 12px; padding: 7px 14px 7px 8px; font-size: 13px; }
  .pk-back i { width: 26px; height: 26px; }
}

/* phones: icon-only round button so it never overlaps the centred logo */
@media (max-width: 575.98px) {
  .pk-back { padding: 5px; top: 14px; left: 14px; }
  .pk-back span { display: none; }
  .pk-back i { width: 34px; height: 34px; font-size: 14px; }
}

/* =====================================================================
   STORE — online-shop product cards (compact grid)
   ===================================================================== */
/* category pills: small, close to the title */
.cart__categories__menu__wrapper { background: transparent !important; border: 0 !important; box-shadow: none !important; height: auto !important; min-height: 0 !important; position: relative !important; margin: -30px 0 0 !important; }
.cart__categories__menu__wrapper .product__cart__sidepanel__group { display: flex; flex-wrap: wrap; gap: 8px; }
.cart__categories__menu__wrapper .product__cart__sidepanel__item {
  display: inline-flex; align-items: center; gap: 7px; padding: 7px 14px !important; border-radius: 999px; font-size: 13px;
  background: #fff; border: 1px solid rgba(20, 32, 58, .1) !important; box-shadow: 0 2px 8px rgba(20, 32, 58, .05);
  font-family: var(--font-heading); font-weight: 600; color: #3a4764 !important;
  transition: transform .18s cubic-bezier(.3, .7, .3, 1), box-shadow .18s ease, background-color .18s ease;
}
.cart__categories__menu__wrapper .product__cart__sidepanel__item:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(20, 32, 58, .1); }
.cart__categories__menu__wrapper .product__cart__sidepanel__item.active { color: #fff !important; background: linear-gradient(135deg, #0cbed5, #7c5cff); border-color: transparent !important; box-shadow: 0 8px 20px rgba(12, 190, 213, .3); }
.cart__categories__menu__wrapper .product__cart__sidepanel__item.active svg path { stroke: #fff; }
.cart__categories__menu__wrapper .product__cart__sidepanel__item svg { width: 13px; height: 13px; }

/* slider chrome off; Slick track becomes a compact product grid */
#order-standard_cart { margin-top: 56px !important; }
#order-standard_cart .standard__cart__slider__layout__options__header { display: none !important; }
#order-standard_cart .standard__cart__slider__layout__wrapper { width: 100% !important; max-width: 100% !important; overflow: visible !important; }
#order-standard_cart .standard__cart__slider__layout { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 6px 0 0; overflow: visible !important; }
#order-standard_cart .standard__cart__slider__layout .slick-list { overflow: visible !important; height: auto !important; padding: 0 !important; margin: 0 !important; }
#order-standard_cart .standard__cart__slider__layout .slick-track {
  display: grid !important; grid-template-columns: repeat(auto-fill, minmax(240px, 270px)); justify-content: start; gap: 20px;
  width: 100% !important; transform: none !important; margin: 0 !important; left: 0 !important; float: none !important;
}
#order-standard_cart .standard__cart__slider__layout .slick-track::before,
#order-standard_cart .standard__cart__slider__layout .slick-track::after { display: none !important; content: none !important; }
#order-standard_cart .standard__cart__slider__layout .slick-slide { width: auto !important; float: none !important; height: auto !important; display: block !important; min-width: 0; }
#order-standard_cart .standard__cart__slider__layout .slick-slide > div { height: 100%; }
#order-standard_cart .standard__cart__slider__layout .slick-arrow,
#order-standard_cart .standard__cart__slider__layout .slick-dots { display: none !important; }
#order-standard_cart .pricing__plans__standard__item { width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important; margin: 0 !important; min-width: 0 !important; height: 100%; }

/* the product card */
#order-standard_cart .pricing__plans__standard {
  position: relative; margin: 0 !important; padding: 0 0 18px !important; min-width: 0; overflow: hidden; height: 100%;
  border-radius: 18px !important; background: #fff !important; border: 1px solid rgba(20, 32, 58, .09) !important;
  box-shadow: 0 4px 16px rgba(20, 32, 58, .06); transform: none;
  transition: transform .25s cubic-bezier(.2, .7, .2, 1), box-shadow .25s ease, border-color .25s ease;
}
#order-standard_cart .pricing__plans__standard:hover { transform: translateY(-5px); box-shadow: 0 16px 36px rgba(20, 32, 58, .13); border-color: rgba(12, 190, 213, .45) !important; }
/* product "image" tile */
#order-standard_cart .pricing__plans__standard::before {
  content: "\f233"; font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free"; font-weight: 900;
  display: grid; place-items: center; position: static; height: 92px; margin: 0 0 14px; font-size: 38px; color: rgba(255, 255, 255, .95);
  background: linear-gradient(135deg, #0cbed5, #3b82f6); text-shadow: 0 6px 18px rgba(0, 0, 0, .18);
}
#order-standard_cart .pricing__plans__standard__item:nth-child(2) .pricing__plans__standard::before { background: linear-gradient(135deg, #7c5cff, #c06bff); }
#order-standard_cart .pricing__plans__standard__item:nth-child(3) .pricing__plans__standard::before { background: linear-gradient(135deg, #10b981, #0cbed5); }
#order-standard_cart .pricing__plans__standard__item:nth-child(4) .pricing__plans__standard::before { background: linear-gradient(135deg, #f59e0b, #ef4444); }
#order-standard_cart .pricing__plans__standard > * { margin-left: 16px; margin-right: 16px; }
#order-standard_cart .pricing__plans__standard > .pricing-plans-special-header { margin-top: 0; }
#order-standard_cart .pricing__plans__standard h5 { font-family: var(--font-heading); font-size: 18px; font-weight: 800; color: var(--pk-navy, #14203a); line-height: 1.2; }
#order-standard_cart .pricing__plans__standard > p.font-weight-300 {
  align-self: flex-start; margin-top: 6px; margin-bottom: 0; padding: 2px 9px; border-radius: 999px; font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
  color: #0a8fa3; background: rgba(12, 190, 213, .12);
}
#order-standard_cart .pricing__plans__standard > p.main-text-color {
  margin-top: 10px !important; margin-bottom: 0; font-size: 13px; line-height: 1.5; color: #62708b; min-height: 0;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
#order-standard_cart .buttom-pricing-element { margin: 0 !important; }

/* price */
#order-standard_cart .pricing { align-items: flex-end !important; margin: 12px 0 6px !important; }
#order-standard_cart .pricing > span:first-child { font-family: var(--font-heading); font-weight: 800; color: var(--pk-navy, #14203a); display: flex; align-items: flex-start; margin-right: 6px !important; }
#order-standard_cart .pricing > span:first-child > span:first-child { font-size: 16px; margin: 5px 2px 0 0; font-weight: 700; color: #0a8fa3; }
#order-standard_cart .pricing #cyclepricraw, #order-standard_cart .pricing .emyui-ews-plans-group-price-tag { font-size: 32px; line-height: 1; letter-spacing: -.02em; }
#order-standard_cart .pricing > span:last-child { margin: 0 0 4px !important; font-size: 12px; font-weight: 700; color: #8592ab; text-transform: lowercase; }
#order-standard_cart .pricing > span:last-child::before { content: "/ "; }
#order-standard_cart .plan-highlight {
  margin: 0 0 8px; padding: 3px 9px !important; font-size: 10.5px !important; border-radius: 999px !important;
  background: rgba(16, 185, 129, .14) !important; color: #0b7a5e !important; font-weight: 800;
}

/* Add-to-cart button */
#order-standard_cart .btn-order-now {
  font-size: 0 !important; height: 42px; display: flex !important; align-items: center; justify-content: center; gap: 8px; margin-top: 8px; border-radius: 12px; padding: 0 !important;
  color: #fff !important; background: linear-gradient(135deg, #0cbed5, #7c5cff) !important; border: 0 !important;
  box-shadow: 0 8px 18px rgba(91, 108, 255, .28);
  transition: transform .18s cubic-bezier(.3, .7, .3, 1), box-shadow .18s ease, filter .18s ease;
}
#order-standard_cart .btn-order-now::before { content: "\f07a"; font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free"; font-weight: 900; font-size: 14px; }
#order-standard_cart .btn-order-now::after { content: "Add to Cart"; font-family: var(--font-heading); font-size: 14px; font-weight: 800; letter-spacing: .03em; }
#order-standard_cart .btn-order-now:hover { transform: translateY(-2px); box-shadow: 0 14px 26px rgba(91, 108, 255, .4); filter: saturate(1.1); }
#order-standard_cart .btn-order-now:active { transform: scale(.97); }

/* compact feature list: first 4 shown, rest behind a toggle (added by head.tpl script) */
#order-standard_cart .pricing__plans__special__body { list-style: none; padding: 12px 0 0 !important; margin: 12px 16px 0 !important; border-top: 1px dashed rgba(20, 32, 58, .13); }
#order-standard_cart .pricing__plans__special__body .pricing__plans__special__body { border: 0; margin: 0 !important; padding: 0 !important; }
#order-standard_cart .pricing__plans__special__body br { display: none; }
#order-standard_cart .pricing__plans__special__body li { display: flex; flex-wrap: nowrap !important; align-items: flex-start; gap: 9px; padding: 4px 0; font-size: 12.5px; line-height: 1.35; color: #3a4764; min-width: 0; }
#order-standard_cart .pricing__plans__special__body li i { flex: none; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 7px; font-size: 10px; color: #0a8fa3; background: rgba(12, 190, 213, .12); }
#order-standard_cart .pricing__plans__special__body li.pk-feat-hidden { display: none; }
#order-standard_cart .pricing__plans__special__body li.pk-feat-more { padding: 6px 0 0; }
#order-standard_cart .pk-feat-toggle {
  border: 0; background: none; padding: 0; font-family: var(--font-heading); font-weight: 800; font-size: 12px; letter-spacing: .02em; color: #0a8fa3; cursor: pointer;
}
#order-standard_cart .pk-feat-toggle:hover { text-decoration: underline; }

/* popular badge (replaces the big ribbon) */
#order-standard_cart .pricing__plans__standard__item:nth-child(2):not(:last-child) .pricing__plans__standard::after {
  content: "Popular"; position: absolute; top: 10px; left: 10px; right: auto; width: auto; transform: none; padding: 4px 10px; border-radius: 999px;
  font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #fff; background: rgba(1, 3, 20, .35);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); box-shadow: none;
}

@media (max-width: 767.98px) {
  #order-standard_cart .standard__cart__slider__layout .slick-track { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  #order-standard_cart .pricing__plans__standard::before { height: 70px; font-size: 30px; margin-bottom: 10px; }
  #order-standard_cart .pricing #cyclepricraw, #order-standard_cart .pricing .emyui-ews-plans-group-price-tag { font-size: 26px; }
  #order-standard_cart .pricing__plans__standard h5 { font-size: 16px; }
  #order-standard_cart .btn-order-now::after { font-size: 13px; }
  #order-standard_cart .btn-order-now::before { display: none; }
}
@media (max-width: 420px) {
  #order-standard_cart .standard__cart__slider__layout .slick-track { grid-template-columns: 1fr; }
}

/* pills: pulled up under the title, cards start clearly below them */
.cart__categories__menu__wrapper { margin: 0 !important; top: -78px; }
#order-standard_cart { margin-top: 44px !important; }
@media (max-width: 767.98px) {
  .cart__categories__menu__wrapper { top: -64px; }
  .cart__categories__menu__wrapper .product__cart__sidepanel__group {
    flex-wrap: nowrap; overflow-x: auto; padding: 4px 2px 8px; scrollbar-width: none; -webkit-overflow-scrolling: touch;
  }
  .cart__categories__menu__wrapper .product__cart__sidepanel__group::-webkit-scrollbar { display: none; }
  .cart__categories__menu__wrapper .product__cart__sidepanel__item { flex: none; white-space: nowrap; }
  #order-standard_cart { margin-top: 20px !important; }
}

/* the theme pins `top`, so lift the pill row with a transform instead */
.cart__categories__menu__wrapper { top: auto !important; transform: translateY(-78px) !important; z-index: 2; }
@media (max-width: 767.98px) { .cart__categories__menu__wrapper { transform: translateY(-62px) !important; } }

/* final: pills stay in normal flow right under the title (no shifting) */
.cart__categories__menu__wrapper { top: auto !important; transform: none !important; }
@media (max-width: 767.98px) { .cart__categories__menu__wrapper { transform: none !important; } }

/* inner padding for price / button / features (they sit inside .buttom-pricing-element) */
#order-standard_cart .pricing__plans__standard .buttom-pricing-element { margin: 0 16px !important; }
#order-standard_cart .pricing__plans__standard .pricing__plans__special__body { margin: 12px 0 0 !important; }
#order-standard_cart .pricing__plans__standard .plan-highlight { margin-left: 0; margin-right: 0; }
/* keep the cart icon on phones too */
@media (max-width: 767.98px) {
  #order-standard_cart .btn-order-now::before { display: inline-block !important; }
}
/* tablets: two cards per row */
@media (min-width: 576px) and (max-width: 991.98px) {
  #order-standard_cart .standard__cart__slider__layout .slick-track { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px; }
}
@media (max-width: 575.98px) {
  #order-standard_cart .standard__cart__slider__layout .slick-track { grid-template-columns: 1fr !important; }
}

/* hero rotating word never clipped on mid-size screens */
.pk-rotator { min-width: 7.2em !important; }
@media (max-width: 575.98px) { .pk-rotator { min-width: 5.4em !important; } }

/* =====================================================================
   Category switcher: plain text links (no pill cards, no icons)
   ===================================================================== */
.cart__categories__menu__wrapper .product__cart__sidepanel__group { gap: 4px 26px; align-items: center; }
.cart__categories__menu__wrapper .product__cart__sidepanel__item {
  background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important;
  padding: 6px 0 !important; font-size: 15px; font-weight: 600; color: #6b7894 !important; position: relative;
  transform: none !important;
}
.cart__categories__menu__wrapper .product__cart__sidepanel__item svg,
.cart__categories__menu__wrapper .product__cart__sidepanel__item .product__cart__sidepanel__item__icon { display: none !important; }
.cart__categories__menu__wrapper .product__cart__sidepanel__item::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; border-radius: 2px;
  background: linear-gradient(90deg, #0cbed5, #7c5cff); transform: scaleX(0); transform-origin: left; transition: transform .22s ease;
}
.cart__categories__menu__wrapper .product__cart__sidepanel__item:hover { color: #14203a !important; box-shadow: none !important; transform: none !important; }
.cart__categories__menu__wrapper .product__cart__sidepanel__item:hover::after { transform: scaleX(1); }
.cart__categories__menu__wrapper .product__cart__sidepanel__item.active {
  background: transparent !important; box-shadow: none !important; color: #14203a !important; font-weight: 800;
}
.cart__categories__menu__wrapper .product__cart__sidepanel__item.active::after { transform: scaleX(1); }
@media (max-width: 767.98px) {
  .cart__categories__menu__wrapper .product__cart__sidepanel__group { gap: 4px 20px; padding-bottom: 6px; }
  .cart__categories__menu__wrapper .product__cart__sidepanel__item { font-size: 14px; }
}

/* make the current category unmistakable */
body .cart__categories__menu__wrapper .product__cart__sidepanel__group a.product__cart__sidepanel__item.active {
  color: #0a8fa3 !important; font-weight: 800 !important; background: transparent !important; box-shadow: none !important;
}
body .cart__categories__menu__wrapper .product__cart__sidepanel__group a.product__cart__sidepanel__item.active::after { transform: scaleX(1) !important; display: block !important; }


/* =====================================================================
   Client area — wallet-style dashboard + header wallet chip
   ===================================================================== */
.pk-header-wallet {
  display: inline-flex; align-items: center; gap: 9px; height: 42px; padding: 0 8px 0 14px; margin-right: 8px; border-radius: 999px;
  font-family: var(--font-heading); font-weight: 800; font-size: 14px; color: #14203a !important; text-decoration: none !important;
  background: rgba(12, 190, 213, .12); border: 1px solid rgba(12, 190, 213, .35);
  transition: transform .18s cubic-bezier(.3, .7, .3, 1), box-shadow .18s ease, background-color .18s ease;
}
.pk-header-wallet > i:first-child { color: #0a8fa3; }
.pk-header-wallet .pk-hw-plus { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; font-size: 11px; color: #fff; background: linear-gradient(135deg, #0cbed5, #7c5cff); }
.pk-header-wallet:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(12, 190, 213, .25); background: rgba(12, 190, 213, .2); }
.pk-header-wallet:active { transform: scale(.97); }
@media (max-width: 575.98px) { .pk-header-wallet { padding: 0 6px 0 10px; font-size: 13px; margin-right: 4px; } .pk-header-wallet > i:first-child { display: none; } }

.pk-wallet { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 20px; margin: 4px 0 26px; }
.pk-wallet-card {
  position: relative; overflow: hidden; padding: 26px 28px; border-radius: 26px; color: #fff;
  background: radial-gradient(420px 220px at 90% -10%, rgba(255, 255, 255, .28), transparent 60%), linear-gradient(135deg, #0cbed5 0%, #4f6cff 55%, #7c5cff 100%);
  box-shadow: 0 22px 50px rgba(79, 108, 255, .32);
}
.pk-wallet-card::after { content: ""; position: absolute; right: -50px; bottom: -70px; width: 220px; height: 220px; border-radius: 50%; background: rgba(255, 255, 255, .12); }
.pk-wallet-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; position: relative; z-index: 1; }
.pk-wallet-hello { display: flex; align-items: center; gap: 12px; }
.pk-wallet-hello small { display: block; opacity: .85; font-size: 12px; }
.pk-wallet-hello b { font-family: var(--font-heading); font-size: 17px; text-transform: capitalize; }
.pk-wallet-avatar { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; background: rgba(255, 255, 255, .22); font-size: 17px; }
.pk-wallet-chip { display: inline-flex; align-items: center; gap: 7px; padding: 5px 12px; border-radius: 999px; font-size: 12px; font-weight: 800; background: rgba(255, 255, 255, .2); }
.pk-wallet-chip i { font-size: 7px; color: #7dffcb; }
.pk-wallet-balance { margin: 26px 0 22px; position: relative; z-index: 1; }
.pk-wallet-balance small { display: block; font-size: 13px; opacity: .85; margin-bottom: 4px; }
.pk-wallet-balance strong { font-family: var(--font-heading); font-size: clamp(34px, 5vw, 50px); font-weight: 800; letter-spacing: -.02em; line-height: 1.05; }
.pk-wallet-actions { display: flex; flex-wrap: wrap; gap: 10px; position: relative; z-index: 1; }
.pk-wbtn {
  display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 18px; border-radius: 999px; font-family: var(--font-heading); font-weight: 800; font-size: 13.5px;
  color: #fff !important; text-decoration: none !important; background: rgba(255, 255, 255, .18); border: 1px solid rgba(255, 255, 255, .35);
  transition: transform .18s cubic-bezier(.3, .7, .3, 1), box-shadow .18s ease, background-color .18s ease;
}
.pk-wbtn:hover { transform: translateY(-2px); background: rgba(255, 255, 255, .3); }
.pk-wbtn:active { transform: scale(.97); }
.pk-wbtn-main { color: #14203a !important; background: #fff; border-color: #fff; box-shadow: 0 8px 20px rgba(0, 0, 0, .15); }
.pk-wbtn-main:hover { background: #fff; box-shadow: 0 12px 26px rgba(0, 0, 0, .2); }

.pk-wallet-due { display: flex; align-items: center; gap: 16px; padding: 22px 24px; border-radius: 26px; background: #fff; border: 1px solid rgba(20, 32, 58, .08); box-shadow: 0 10px 30px rgba(20, 32, 58, .06); flex-wrap: wrap; }
.pk-wallet-due-ic { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 16px; font-size: 22px; color: #0b7a5e; background: rgba(16, 185, 129, .14); }
.pk-wallet-due.is-due .pk-wallet-due-ic { color: #c2410c; background: rgba(249, 115, 22, .15); }
.pk-wallet-due small { display: block; color: #6b7894; font-size: 12.5px; }
.pk-wallet-due b { display: block; font-family: var(--font-heading); font-size: 26px; font-weight: 800; color: #14203a; line-height: 1.15; }
.pk-wallet-due em { font-style: normal; font-size: 12.5px; color: #8592ab; }
.pk-wallet-due .pk-wbtn { margin-left: auto; color: #fff !important; background: linear-gradient(135deg, #f97316, #ef4444); border: 0; box-shadow: 0 10px 22px rgba(239, 68, 68, .3); }

.pk-wallet-tiles { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.pk-wtile {
  position: relative; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 14px; align-items: center; padding: 18px 20px; border-radius: 20px;
  background: #fff; border: 1px solid rgba(20, 32, 58, .08); box-shadow: 0 8px 24px rgba(20, 32, 58, .05); color: #14203a !important; text-decoration: none !important;
  transition: transform .22s cubic-bezier(.2, .7, .2, 1), box-shadow .22s ease, border-color .22s ease;
}
.pk-wtile:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(20, 32, 58, .12); border-color: rgba(12, 190, 213, .45); }
.pk-wtile i { grid-row: 1 / 3; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; font-size: 18px; color: #fff; background: linear-gradient(135deg, #0cbed5, #3b82f6); }
.pk-wtile:nth-child(2) i { background: linear-gradient(135deg, #7c5cff, #c06bff); }
.pk-wtile:nth-child(3) i { background: linear-gradient(135deg, #f59e0b, #ef4444); }
.pk-wtile:nth-child(4) i { background: linear-gradient(135deg, #10b981, #0cbed5); }
.pk-wtile b { font-family: var(--font-heading); font-size: 24px; font-weight: 800; line-height: 1.1; }
.pk-wtile span { font-size: 12.5px; font-weight: 600; color: #6b7894; }

/* old profile block is replaced by the wallet; keep only its tab row */
.pk-wallet + .row .card > .card__body { display: none; }
.pk-wallet + .row .card { padding-top: 0 !important; border-radius: 18px; }
.pk-wallet + .row .default__coodiv__row__nav { padding-left: 14px !important; padding-right: 14px !important; }

@media (max-width: 991.98px) { .pk-wallet { grid-template-columns: 1fr; } .pk-wallet-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) {
  .pk-wallet-card { padding: 22px 20px; border-radius: 22px; }
  .pk-wallet-due { padding: 18px; }
  .pk-wallet-due .pk-wbtn { margin-left: 0; width: 100%; justify-content: center; }
  .pk-wallet-tiles { gap: 12px; }
  .pk-wtile { padding: 14px; grid-template-columns: 1fr; }
  .pk-wtile i { grid-row: auto; margin-bottom: 8px; }
}



/* =====================================================================
   Mobile polish for every page (full-bleed footer, cart title, sizes)
   ===================================================================== */
/* header floats over the page: give every order-form title room under it */
.orderform__cart__header { padding-top: calc(var(--header-default-height, 88px) - 28px); }
@media (max-width: 991.98px) {
  /* footer spans the full screen width regardless of page gutters */
  .pk-footer { width: 100vw; margin-left: calc(50% - 50vw); margin-right: 0; }
  .pk-footer-brand p { font-size: 14.5px; line-height: 1.65; max-width: none; color: #55627f; }
  .pk-footer .pk-fl { font-size: 26px; }
  .pk-footer-main { padding: 40px 0 30px; gap: 26px 20px; }
  .pk-footer-main > div { min-width: 0; }
  .pk-footer h5 { font-size: 13px; margin-bottom: 14px; }
  .pk-footer li { margin-bottom: 9px; font-size: 14.5px; }
  .pk-footer-bottom .pk-wrap { gap: 10px; }
}
@media (max-width: 575.98px) {
  .pk-footer-main { grid-template-columns: 1fr 1fr; }
  .pk-footer-brand, .pk-footer-main > div:last-child { grid-column: 1 / -1; }
  .pk-footer-main > div:nth-child(2), .pk-footer-main > div:nth-child(3) { grid-column: auto; }
  .pk-waves { top: -41px; height: 42px; }
}
/* tables and wide blocks never push the page sideways */
.table-container, .dataTables_wrapper, .card__body, .panel-body { max-width: 100%; }
.table-container { overflow-x: auto; }
img, video, iframe { max-width: 100%; }
@media (max-width: 767.98px) {
  .main__page__content, .shopping__cart__main__page__content #order-standard_cart { padding-left: 16px !important; padding-right: 16px !important; }
  h1.coodiv-text-5, .coodiv-text-5 { font-size: 24px; }
  .not__shoppingcart__page__header h6 { font-size: 22px; }
  .master-breadcrumb { font-size: 12.5px; }
  .btn, .button { min-height: 42px; }
  .form-control, .custom-select { font-size: 16px; }  /* stops iOS zoom-on-focus */
}
@media (max-width: 991.98px) { .pk-footer-main { padding-left: 20px !important; padding-right: 20px !important; } }

/* =====================================================================
   Client-area / support menu bars (secondary tab bars + dashboard tabs)
   ===================================================================== */
.full__width__secondarysidebar__menu {
  background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 6px 0 !important; margin-top: 6px;
}
.full__width__secondarysidebar__menu .nav__items__wrapper { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; }
.full__width__secondarysidebar__menu .main__nav__title { display: none !important; }
.full__width__secondarysidebar__menu .main__page__content { gap: 14px; flex-wrap: wrap; }
.full__width__secondarysidebar__menu ul.nav .nav-item { margin: 0; }
.full__width__secondarysidebar__menu ul.nav, .default__coodiv__row__nav {
  display: flex !important; flex-wrap: nowrap; gap: 6px; align-items: center; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;
  padding: 6px !important; margin: 0 !important; list-style: none; border-radius: 999px;
  background: rgba(255, 255, 255, .85); border: 1px solid rgba(255, 255, 255, .95); box-shadow: 0 8px 24px rgba(20, 32, 58, .07);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); width: fit-content; max-width: 100%;
}
.full__width__secondarysidebar__menu ul.nav::-webkit-scrollbar, .default__coodiv__row__nav::-webkit-scrollbar { display: none; }
.full__width__secondarysidebar__menu ul.nav a.nav-link, .default__coodiv__row__nav .nav-link {
  flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 9px 18px !important; border-radius: 999px !important; white-space: nowrap;
  font-family: var(--font-heading); font-weight: 700; font-size: 14px; color: #55627f !important; border: 0 !important; background: transparent !important; box-shadow: none !important;
  transition: background-color .18s ease, color .18s ease, transform .12s ease;
}
.full__width__secondarysidebar__menu ul.nav a.nav-link:hover, .default__coodiv__row__nav .nav-link:hover { color: #14203a !important; background: rgba(12, 190, 213, .12) !important; }
.full__width__secondarysidebar__menu ul.nav a.nav-link:active, .default__coodiv__row__nav .nav-link:active { transform: scale(.96); }
.full__width__secondarysidebar__menu ul.nav a.nav-link.active, .default__coodiv__row__nav .nav-item.active .nav-link {
  color: #fff !important; background: linear-gradient(135deg, #0cbed5, #7c5cff) !important; box-shadow: 0 8px 18px rgba(12, 190, 213, .3) !important;
}
.full__width__secondarysidebar__menu ul.nav a.nav-link::after, .default__coodiv__row__nav .nav-link::after { display: none !important; }
.default__coodiv__row__nav { margin: 6px 14px 14px !important; }
.default__coodiv__row__nav .label { margin-left: 6px; }
.default__coodiv__row__nav .nav-item.active .nav-link .label { background: rgba(255, 255, 255, .25); color: #fff; }
@media (max-width: 767.98px) {
  .full__width__secondarysidebar__menu ul.nav, .default__coodiv__row__nav { width: 100%; border-radius: 18px; }
  .full__width__secondarysidebar__menu ul.nav a.nav-link, .default__coodiv__row__nav .nav-link { padding: 8px 14px !important; font-size: 13.5px; }
}

/* nav pills keep their natural size (no squeezed circles) and sit on a clean rounded bar */
.full__width__secondarysidebar__menu ul.nav > li, .default__coodiv__row__nav > li { flex: 0 0 auto !important; width: auto !important; }
.full__width__secondarysidebar__menu ul.nav a.nav-link, .default__coodiv__row__nav .nav-link { width: auto !important; min-width: max-content; height: auto !important; line-height: 1.2; }
.full__width__secondarysidebar__menu .nav__items__wrapper, .full__width__secondarysidebar__menu .nav__items__wrapper::before { background: transparent !important; border-radius: 999px; }


/* =====================================================================
   Floating icon dock (phones) + solid header while scrolled
   ===================================================================== */
.pk-dock { display: none; }

/* header never lets page content show through once the page has scrolled */
html.pk-scrolled body header.header,
body.fixed__top__header header.header.top-header-fixed {
  background: rgba(255, 255, 255, .98) !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
html.pk-scrolled body.menu-in-header-body .sidebar .sidebar__item .side__bar__item__text { color: #1b2433 !important; }

@media (max-width: 767.98px) {
  body.pk-has-dock { padding-bottom: 96px; }
  .header .top__header__website__identity { padding-left: 4px; }

  .pk-dock {
    position: fixed; left: 50%; bottom: calc(14px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); z-index: 1900;
    width: min(420px, calc(100% - 24px)); display: grid; grid-template-columns: repeat(5, 1fr); gap: 2px; padding: 8px; border-radius: 28px;
    background: rgba(255, 255, 255, .96); border: 1px solid rgba(255, 255, 255, .95);
    box-shadow: 0 14px 40px rgba(15, 23, 42, .22), 0 2px 8px rgba(15, 23, 42, .08);
    -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
    transition: transform .3s cubic-bezier(.3, .7, .3, 1), opacity .25s ease;
  }
  html.pk-header-hidden .pk-dock { transform: translateX(-50%); }   /* dock stays put while scrolling */
  .pk-dock a, .pk-dock button {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 8px 2px; border: 0; border-radius: 20px; background: transparent;
    color: #6b7894 !important; text-decoration: none !important; font-family: var(--font-heading); font-weight: 700; font-size: 10.5px; line-height: 1; cursor: pointer;
    -webkit-tap-highlight-color: transparent; transition: background-color .18s ease, color .18s ease, transform .12s ease;
  }
  .pk-dock i { font-size: 19px; width: 38px; height: 30px; display: grid; place-items: center; border-radius: 15px; transition: background-color .18s ease, color .18s ease, transform .2s cubic-bezier(.3, .7, .3, 1); }
  .pk-dock a:active, .pk-dock button:active { transform: scale(.93); }
  .pk-dock a.is-on, .pk-dock button.is-on { color: #0a8fa3 !important; }
  .pk-dock a.is-on i, .pk-dock button.is-on i { color: #fff; background: linear-gradient(135deg, #0cbed5, #7c5cff); box-shadow: 0 6px 14px rgba(12, 190, 213, .35); transform: translateY(-2px); }
  /* cookie bar / back-to-top sit above the dock */
  .pk-footer-bottom .pk-top { margin-bottom: 4px; }
}
@media (prefers-reduced-motion: reduce) { .pk-dock, .pk-dock * { transition: none !important; } }

/* =====================================================================
   Desktop / tablet: the same dock becomes a floating icon sidebar (left, centred)
   ===================================================================== */
@media (min-width: 768px) {
  .pk-dock {
    position: fixed; left: 18px; top: 50%; transform: translateY(-50%); z-index: 1900;
    display: flex; flex-direction: column; gap: 6px; padding: 10px 8px; border-radius: 28px;
    background: rgba(255, 255, 255, .92); border: 1px solid rgba(255, 255, 255, .95);
    box-shadow: 0 16px 44px rgba(15, 23, 42, .18), 0 2px 8px rgba(15, 23, 42, .06);
    -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
  }
  .pk-dock a, .pk-dock button {
    position: relative; display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 18px; background: transparent;
    color: #6b7894 !important; text-decoration: none !important; cursor: pointer; transition: background-color .18s ease, color .18s ease, transform .15s cubic-bezier(.3, .7, .3, 1);
  }
  .pk-dock i { font-size: 19px; width: auto; height: auto; }
  .pk-dock a:hover, .pk-dock button:hover { background: rgba(12, 190, 213, .14); color: #0a8fa3 !important; transform: translateX(3px); }
  .pk-dock a:active, .pk-dock button:active { transform: scale(.92); }
  .pk-dock a.is-on, .pk-dock button.is-on { color: #fff !important; background: linear-gradient(135deg, #0cbed5, #7c5cff); box-shadow: 0 8px 18px rgba(12, 190, 213, .35); }
  /* label tooltip to the right of each icon */
  .pk-dock span {
    position: absolute; left: calc(100% + 14px); top: 50%; transform: translate(-6px, -50%); padding: 7px 12px; border-radius: 12px; white-space: nowrap; pointer-events: none;
    font-family: var(--font-heading); font-weight: 700; font-size: 13px; color: #fff; background: #14203a; opacity: 0; visibility: hidden; transition: opacity .15s ease, transform .15s ease;
  }
  .pk-dock span::before { content: ""; position: absolute; left: -4px; top: 50%; width: 8px; height: 8px; background: #14203a; transform: translateY(-50%) rotate(45deg); }
  .pk-dock a:hover span, .pk-dock button:hover span, .pk-dock a:focus-visible span { opacity: 1; visibility: visible; transform: translate(0, -50%); }
  /* page content leaves room for the rail on the left */
  body:not(.this__is__login__page) .page-wrapper { padding-left: 0; }
  .homepage__main__wrapper.page__container { padding-left: 0; }
  /* header menu is replaced by the rail; header keeps logo + controls */
}


/* keep page content clear of the floating rail */
@media (min-width: 768px) {
  .pk-dock .pk-dock-more { display: none; }
  body.pk-has-dock:not(.this__is__login__page):not(.homepage__main__stylesheets__body) .main__page__wraper { padding-left: 92px !important; }
}
@media (min-width: 1500px) {
  body.pk-has-dock:not(.this__is__login__page):not(.homepage__main__stylesheets__body) .main__page__wraper { padding-left: 0 !important; }
}
@media (min-width: 768px) { body.homepage__main__stylesheets__body .main__page__wraper { padding-left: 0 !important; } }
@media (min-width: 768px) { .pk-dock { top: max(50vh, 260px); } }


/* =====================================================================
   Client-area floating menu v2 — dark glass rail / dock, Order button, no page title bar
   ===================================================================== */
.pk-show-m { display: none !important; }
/* the in-page title + breadcrumb, support tab bar and dashboard tab row are replaced by this menu */
body.pk-has-dock .not__shoppingcart__page__header,
body.pk-has-dock .full__width__secondarysidebar__menu,
body.pk-has-dock .pk-wallet + .row .default__coodiv__row__nav { display: none !important; }
body.pk-has-dock .pk-wallet + .row { display: none; }
body.pk-has-dock .main__page__content { padding-top: 8px; }

.pk-dock {
  background: linear-gradient(180deg, rgba(20, 28, 58, .94), rgba(11, 16, 38, .94)) !important; border: 1px solid rgba(255, 255, 255, .1) !important;
  box-shadow: 0 20px 50px rgba(8, 12, 34, .45), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
}
.pk-dock a, .pk-dock button { color: #9fb0d6 !important; }
.pk-dock a i, .pk-dock button i { color: inherit; }
.pk-dock a.is-on, .pk-dock button.is-on { color: #fff !important; background: linear-gradient(135deg, #0cbed5, #7c5cff) !important; box-shadow: 0 8px 20px rgba(12, 190, 213, .45) !important; }
.pk-dock a.pk-dock-cta { color: #fff !important; background: linear-gradient(135deg, #10d9a0, #0cbed5) !important; box-shadow: 0 0 0 4px rgba(16, 217, 160, .16), 0 10px 22px rgba(16, 217, 160, .4) !important; }
.pk-dock a.pk-dock-cta i { animation: pk-cta 2.4s ease-in-out infinite; }
@keyframes pk-cta { 0%, 100% { transform: rotate(0); } 50% { transform: rotate(90deg); } }
.pk-dock a.pk-dock-out:hover { background: rgba(239, 68, 68, .18) !important; color: #ff8a8a !important; }

@media (min-width: 768px) {
  .pk-dock { gap: 8px; padding: 12px 9px; border-radius: 30px; }
  .pk-dock a, .pk-dock button { width: 50px; height: 50px; border-radius: 19px; }
  .pk-dock a:hover, .pk-dock button:hover { background: rgba(255, 255, 255, .1); color: #fff !important; transform: translateX(3px); }
  .pk-dock a.is-on:hover { background: linear-gradient(135deg, #0cbed5, #7c5cff) !important; }
  .pk-dock a.pk-dock-out { margin-top: 6px; }
  .pk-dock a.pk-dock-out::before { content: ""; position: absolute; left: 12px; right: 12px; top: -7px; height: 1px; background: rgba(255, 255, 255, .14); }
  .pk-dock span { background: #fff; color: #14203a; box-shadow: 0 8px 22px rgba(0, 0, 0, .25); }
  .pk-dock span::before { background: #fff; }
}
@media (max-width: 767.98px) {
  .pk-show-m { display: flex !important; }
  .pk-hide-m { display: none !important; }
  .pk-dock { grid-template-columns: repeat(5, 1fr); border-radius: 30px; }
  .pk-dock a, .pk-dock button { color: #9fb0d6 !important; }
  .pk-dock a.pk-dock-cta { transform: translateY(-14px); border-radius: 50%; width: 58px; height: 58px; margin: 0 auto; padding: 0; justify-content: center; }
  .pk-dock a.pk-dock-cta i { width: auto; height: auto; font-size: 22px; background: none !important; box-shadow: none !important; color: #fff; transform: none; }
  .pk-dock a.pk-dock-cta span { display: none; }
  .pk-dock a.is-on i, .pk-dock button.is-on i { box-shadow: none; }
}

/* ==========================================================================
   Pickoder · Service Details (clientareaproductdetails) — pks-*
   ========================================================================== */
.pks{
  --ink:#0b1220; --ink-2:#334155; --muted:#64748b; --line:#e6eaf2; --line-2:#eef1f7;
  --card:#ffffff; --soft:#f7f9fd;
  --brand:#0cbed5; --brand-2:#5b6cff;
  --ok:#10b981; --ok-bg:#e8faf3; --warn:#f59e0b; --warn-bg:#fff6e5; --bad:#ef4444; --bad-bg:#fdecec;
  --navy:#0a1630; --navy-2:#13254a;
  --r:16px; --r-sm:10px;
  --sh:0 1px 2px rgba(15,23,42,.04),0 8px 24px -12px rgba(15,23,42,.12);
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-family:var(--sans);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;
}
.pks *{box-sizing:border-box}
.pks a{text-decoration:none}
.pks button{font-family:inherit;cursor:pointer}
.pks .mono{font-family:var(--mono);font-size:13px;letter-spacing:-.01em}
.pks h1,.pks h3,.pks h4{font-family:var(--sans)}

.pks-alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--r-sm);background:var(--bad-bg);border:1px solid #f9caca;color:#8a1c1c;margin-bottom:18px;font-size:13.5px}
.pks-alert i{font-size:16px;color:var(--bad)}
.pks-alert b{color:#7a1010}
.pks-alert.is-warn{background:var(--warn-bg);border-color:#fde2a8;color:#7a4b00}
.pks-alert.is-warn i{color:var(--warn)}.pks-alert.is-warn b{color:#5f3a00}
.pks-alert .pks-alert-cta{margin-left:auto;background:var(--bad);color:#fff!important;padding:7px 14px;border-radius:8px;font-weight:700;font-size:12.5px;white-space:nowrap}
.pks-alert.is-warn .pks-alert-cta{background:var(--warn)}

.pks-hero{position:relative;overflow:hidden;border-radius:22px;color:#e6edf8;
  background:radial-gradient(900px 300px at 100% 0%,rgba(91,108,255,.35),transparent 60%),radial-gradient(600px 260px at 0% 100%,rgba(12,190,213,.28),transparent 60%),linear-gradient(135deg,var(--navy),var(--navy-2));
  padding:28px 28px 0}
.pks-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(180deg,#000,transparent 85%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%)}
.pks-hero-top{position:relative;display:flex;gap:24px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.pks-id{display:flex;gap:16px;align-items:center;min-width:0}
.pks-id-ic{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:22px;color:#fff;flex:none;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 10px 30px -8px rgba(12,190,213,.6)}
.pks-id small{display:block;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#93a4c3;font-weight:700}
.pks-id h1{margin:2px 0 6px;font-size:28px;line-height:1.15;font-weight:800;color:#fff;letter-spacing:-.02em}
.pks-domain{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;color:#cfe9f0!important;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);padding:4px 10px;border-radius:999px;word-break:break-all}
.pks-domain:hover{background:rgba(255,255,255,.12)}
.pks-status{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;margin-left:8px;vertical-align:middle;color:#cbd5e1;background:rgba(255,255,255,.1)}
.pks-status i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(16,185,129,.18)}
.pks-status.is-active{color:#34d399;background:rgba(16,185,129,.12)}
.pks-status.is-suspended,.pks-status.is-pending{color:#fbbf24;background:rgba(245,158,11,.12)}
.pks-status.is-terminated,.pks-status.is-cancelled,.pks-status.is-fraud{color:#f87171;background:rgba(239,68,68,.12)}

.pks-hero-actions{display:flex;gap:8px;flex-wrap:wrap}
.pks-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 15px;border-radius:11px;font-weight:700;font-size:13px;border:1px solid transparent;transition:transform .15s,background .15s,border-color .15s;white-space:nowrap}
.pks-btn:hover{transform:translateY(-1px)}
.pks-btn-primary{background:linear-gradient(135deg,var(--brand),#22a7ff);color:#fff!important;box-shadow:0 8px 20px -8px rgba(12,190,213,.7)}
.pks-btn-ghost{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:#e6edf8!important}
.pks-btn-ghost:hover{background:rgba(255,255,255,.13)}
.pks-btn-line{background:#fff;border-color:var(--line);color:var(--ink)!important}
.pks-btn-line:hover{border-color:#cdd5e3}

.pks-stats{position:relative;display:grid;grid-template-columns:repeat(5,1fr);margin-top:26px;border-top:1px solid rgba(255,255,255,.1)}
.pks-stat{padding:18px 18px 20px;border-right:1px solid rgba(255,255,255,.08);min-width:0}
.pks-stat:first-child{padding-left:0}.pks-stat:last-child{border-right:0}
.pks-stat span{display:flex;align-items:center;gap:7px;font-size:11.5px;color:#93a4c3;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.pks-stat b{display:block;margin-top:6px;font-size:16px;color:#fff;font-weight:800;word-break:break-word}
.pks-stat.is-hot b{color:#67e8f9}
.pks-stat em{font-style:normal;display:block;font-size:11.5px;color:#93a4c3;margin-top:2px}

.pks-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;margin-top:20px;align-items:start}
.pks-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}
.pks-card-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line-2);flex-wrap:wrap}
.pks-card-h h3{margin:0;font-size:15px;font-weight:800;display:flex;align-items:center;gap:10px;color:var(--ink)}
.pks-card-h h3 i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:13px;background:#e9fbfd;color:#0898ab}
.pks-card-h small{color:var(--muted);font-size:12px}
.pks-card-b{padding:18px 20px}

.pks-tabs{display:flex;gap:4px;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh);overflow-x:auto;scrollbar-width:none;margin-bottom:16px}
.pks-tabs::-webkit-scrollbar{display:none}
.pks-tab{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:700;font-size:13px;transition:.15s;white-space:nowrap}
.pks-tab:hover{color:var(--ink);background:var(--soft)}
.pks-tab.is-on{background:var(--ink);color:#fff}
.pks-pane{display:none;animation:pksIn .25s ease}
.pks-pane.is-on{display:block}
.pks-pane > .pks-card + .pks-card{margin-top:16px}
@keyframes pksIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.pks-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pks-kv-item{position:relative;padding:13px 14px;border:1px solid var(--line-2);background:var(--soft);border-radius:12px;min-width:0}
.pks-kv-item label{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.pks-kv-item .v{display:block;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:34px}
.pks-kv-item.is-wide{grid-column:1/-1}
.pks-copy{position:absolute;right:10px;bottom:11px;width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--muted);display:grid;place-items:center;font-size:12px;transition:.15s;padding:0}
.pks-copy:hover{color:var(--ink);border-color:#cdd5e3}
.pks-copy.is-done{color:#fff;background:var(--ok);border-color:var(--ok)}
.pks-ns{display:flex;flex-wrap:wrap;gap:8px}
.pks-ns span{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12.5px;background:#fff;border:1px solid var(--line);padding:6px 10px;border-radius:8px;cursor:pointer;word-break:break-all}
.pks-ns span:before{content:attr(data-n);font-family:var(--sans);font-size:10px;font-weight:800;color:#0898ab;background:#e9fbfd;border-radius:5px;padding:1px 5px}
.pks-ns span.is-done{border-color:var(--ok);color:var(--ok)}

.pks-da{position:relative;overflow:hidden;border-radius:var(--r);padding:20px;color:#fff;background:linear-gradient(135deg,#0e2a5c,#1b4fd8 60%,#3b82f6);box-shadow:0 18px 40px -20px rgba(27,79,216,.7)}
.pks-da:after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%);pointer-events:none}
.pks-da-top{display:flex;align-items:center;gap:12px;position:relative}
.pks-da-logo{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:18px}
.pks-da-top b{display:block;font-size:16px;color:#fff}
.pks-da-top small{color:#c7d6ff;font-size:12px}
.pks-da-meta{position:relative;margin:16px 0;display:grid;gap:8px}
.pks-da-meta div{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:8px 10px;background:rgba(255,255,255,.08);border-radius:9px}
.pks-da-meta span{color:#c7d6ff}
.pks-da-meta b{font-family:var(--mono);font-weight:600;font-size:12.5px;word-break:break-all;text-align:right}
.pks-da-module{position:relative;text-align:center}
.pks-da-module form{margin:0}
.pks-da-module input[type=submit],.pks-da-module .button,.pks-da-module .btn,.pks-da-module a.btn,.pks-da-module button{width:100%;height:44px;border:0!important;border-radius:11px!important;background:#fff!important;color:#1b3fae!important;font-weight:800;font-size:13.5px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .15s,box-shadow .15s;font-family:var(--sans);margin:4px 0}
.pks-da-module input[type=submit]:hover,.pks-da-module .btn:hover,.pks-da-module button:hover{transform:translateY(-1px);box-shadow:0 10px 24px -10px rgba(0,0,0,.4)}
.pks-da-module p,.pks-da-module label,.pks-da-module td,.pks-da-module th{color:#dbe5ff}

.pks-ssl{position:relative;display:flex;gap:14px;align-items:center;padding:14px;border-radius:12px;border:1px solid #c9f0df;background:var(--ok-bg)}
.pks-ssl.is-bad{border-color:#f8d0d0;background:var(--bad-bg)}
.pks-ssl-ic{width:42px;height:42px;border-radius:12px;background:var(--ok);color:#fff;display:grid;place-items:center;font-size:17px;flex:none}
.pks-ssl.is-bad .pks-ssl-ic{background:var(--bad)}
.pks-ssl b{display:block;font-size:14px;color:var(--ink)}
.pks-ssl small{color:var(--ink-2);font-size:12.5px}
.pks-ssl-dates{margin-left:auto;display:flex;gap:18px;text-align:right}
.pks-ssl-dates span{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}
.pks-ssl-dates b{font-size:13px}
.pks-ssl-bar{height:6px;border-radius:99px;background:#d6f3e7;margin-top:12px;overflow:hidden}
.pks-ssl-bar i{display:block;height:100%;background:var(--ok);border-radius:inherit;width:0}

.pks-usage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pks-meter{display:flex;gap:16px;align-items:center;padding:16px;border:1px solid var(--line-2);border-radius:14px;background:var(--soft)}
.pks-ring{--p:0;--c:var(--brand);width:84px;height:84px;border-radius:50%;flex:none;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--p)*1%),#e6ebf3 0)}
.pks-ring:before{content:"";grid-area:1/1;width:66px;height:66px;border-radius:50%;background:var(--soft)}
.pks-ring b{grid-area:1/1;position:relative;font-size:16px;font-weight:800;color:var(--ink)}
.pks-meter h4{margin:0;font-size:14px;display:flex;align-items:center;gap:8px;color:var(--ink)}
.pks-meter p{margin:4px 0 0;color:var(--muted);font-size:12.5px}
.pks-meter .mono{color:var(--ink);font-weight:600}

.pks-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.pks-table th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800;padding:10px 12px;background:var(--soft);border-bottom:1px solid var(--line)}
.pks-table td{padding:12px;border-bottom:1px solid var(--line-2);vertical-align:middle}
.pks-table tr:last-child td{border-bottom:0}
.pks-table td:first-child{font-weight:700}
.pks-price{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;padding:4px 9px;border-radius:7px;font-size:12px;font-weight:700;color:var(--ink)}
button.pks-price:hover{border-color:var(--brand);color:#0898ab}
.pks-table-wrap{overflow-x:auto}

.pks-field{margin-bottom:14px}
.pks-field label{display:flex;justify-content:space-between;font-weight:700;font-size:13px;margin-bottom:6px;color:var(--ink)}
.pks-field label small{color:var(--muted);font-weight:600}
.pks-input{position:relative}
.pks-input input{width:100%;height:46px;border:1px solid var(--line);border-radius:11px;padding:0 92px 0 14px;font-size:14px;font-family:var(--mono);background:#fff;outline:none;transition:.15s;color:var(--ink)}
.pks-input input:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(12,190,213,.14)}
.pks-input .pks-in-btns{position:absolute;right:6px;top:6px;display:flex;gap:4px}
.pks-input .pks-in-btns button{width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:var(--soft);color:var(--muted);padding:0;display:grid;place-items:center;position:static}
.pks-input .pks-in-btns button:hover{color:var(--ink)}
.pks-msg{font-size:12px;color:var(--bad);margin-top:6px;min-height:16px}
.pks-form-foot{display:flex;justify-content:flex-end;gap:8px;padding-top:6px}
.pks-form-foot input.pks-btn{width:auto;cursor:pointer}

.pks-side{display:grid;gap:16px;position:sticky;top:96px}
.pks-due{display:flex;align-items:center;gap:14px}
.pks-due .pks-ring{width:70px;height:70px;--c:var(--brand-2)}
.pks-due .pks-ring:before{width:54px;height:54px;background:#fff}
.pks-due .pks-ring b{font-size:14px}
.pks-due h4{margin:0;font-size:14px;color:var(--ink)}
.pks-due p{margin:2px 0 0;color:var(--muted);font-size:12.5px}
.pks-links{display:grid}
.pks-links a{display:flex;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid var(--line-2);font-weight:700;font-size:13.5px;transition:background .15s;color:var(--ink)!important}
.pks-links a:first-child{border-top:0}
.pks-links a:hover{background:var(--soft)}
.pks-links a > i:first-child{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--soft);color:var(--ink-2);font-size:13px;flex:none}
.pks-links a small{display:block;color:var(--muted);font-weight:600;font-size:11.5px}
.pks-links a .fa-chevron-right{margin-left:auto;color:#b6c0d1;font-size:11px}
.pks-links a.is-danger > i:first-child{background:var(--bad-bg);color:var(--bad)}
.pks-links a.is-danger{color:#b42318!important}

.pks-toast{position:fixed;left:50%;bottom:110px;transform:translate(-50%,20px);opacity:0;background:#0b1220;color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:700;transition:.25s;z-index:9999;pointer-events:none;display:flex;gap:8px;align-items:center}
.pks-toast.is-on{opacity:1;transform:translate(-50%,0)}

@media (max-width:1100px){.pks-grid{grid-template-columns:1fr}.pks-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
  .pks-stats{grid-template-columns:repeat(2,1fr)}
  .pks-stat{padding:14px 0!important;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .pks-ssl{flex-wrap:wrap}.pks-ssl-dates{margin-left:0;text-align:left}
}
@media (max-width:640px){
  .pks-hero{padding:20px 16px 0;border-radius:18px}
  .pks-id h1{font-size:22px}
  .pks-status{margin-left:0;margin-top:6px}
  .pks-hero-actions{width:100%}
  .pks-hero-actions .pks-btn{flex:1 1 calc(50% - 8px);justify-content:center}
  .pks-kv,.pks-usage,.pks-side{grid-template-columns:1fr}
  .pks-alert{flex-wrap:wrap}.pks-alert .pks-alert-cta{margin-left:0}
  .pks-card-b{padding:16px}
  .pks-tab span{display:none}
  .pks-tab{padding:0 14px}
}
@media (prefers-reduced-motion:reduce){.pks *{animation:none!important;transition:none!important}}

/* ==========================================================================
   Pickoder · Service list (clientareaproducts) — psl-*
   ========================================================================== */
.psl{ --ink:#0b1220; --muted:#64748b; --line:#e6eaf2; --soft:#f7f9fd; --brand:#0cbed5; --brand-2:#5b6cff; --ok:#10b981; font-family:var(--font-body, "Manrope", sans-serif); color:var(--ink); }
.psl *{ box-sizing:border-box; }
.psl a{ text-decoration:none; }

.psl-bar{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:18px; }
.psl-search{ position:relative; flex:1 1 240px; max-width:340px; }
.psl-search i{ position:absolute; left:14px; top:50%; transform:translateY(-50%); color:#94a3b8; font-size:13px; }
.psl-search input{ width:100%; height:44px; border:1px solid var(--line); border-radius:12px; padding:0 14px 0 38px; background:#fff; font-size:14px; outline:none; transition:.15s; color:var(--ink); }
.psl-search input:focus{ border-color:var(--brand); box-shadow:0 0 0 4px rgba(12,190,213,.14); }
.psl-filters{ display:flex; gap:8px; flex-wrap:wrap; flex:2 1 300px; }
.psl-chip{ display:inline-flex; align-items:center; gap:8px; height:40px; padding:0 14px; border:1px solid var(--line); border-radius:999px; background:#fff; color:#475569; font-weight:700; font-size:13px; cursor:pointer; transition:.15s; font-family:inherit; }
.psl-chip:hover{ border-color:#cbd5e1; color:var(--ink); }
.psl-chip b{ min-width:22px; height:22px; padding:0 6px; display:inline-grid; place-items:center; border-radius:999px; font-size:11.5px; background:#eef2f8; color:#475569; }
.psl-chip > i{ width:8px; height:8px; border-radius:50%; background:#94a3b8; }
.psl-chip > i.fas{ width:auto; height:auto; background:none; }
.psl-chip.is-active > i{ background:var(--ok); } .psl-chip.is-pending > i{ background:#f59e0b; } .psl-chip.is-suspended > i{ background:#f97316; }
.psl-chip.is-terminated > i, .psl-chip.is-cancelled > i, .psl-chip.is-fraud > i{ background:#ef4444; }
.psl-chip.is-on{ background:var(--ink); border-color:var(--ink); color:#fff; }
.psl-chip.is-on b{ background:rgba(255,255,255,.18); color:#fff; }
.psl-order{ margin-left:auto; display:inline-flex; align-items:center; gap:8px; height:44px; padding:0 18px; border-radius:12px; font-weight:800; font-size:13.5px; color:#fff !important; background:linear-gradient(135deg,var(--ok),var(--brand)); box-shadow:0 10px 22px -8px rgba(16,185,129,.55); transition:transform .15s; }
.psl-order:hover{ transform:translateY(-2px); }

.psl-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(320px, 1fr)); gap:18px; }
.psl-card{ position:relative; display:flex; flex-direction:column; gap:14px; padding:20px; border-radius:20px; background:#fff; border:1px solid var(--line); box-shadow:0 1px 2px rgba(15,23,42,.04), 0 10px 26px -14px rgba(15,23,42,.14); cursor:pointer; overflow:hidden;
  transition:transform .22s cubic-bezier(.2,.7,.2,1), box-shadow .22s ease, border-color .22s ease; }
.psl-card[hidden]{ display:none; }
.psl-card::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#cbd5e1; }
.psl-card.is-active::before{ background:linear-gradient(180deg,var(--ok),var(--brand)); }
.psl-card.is-pending::before{ background:#f59e0b; } .psl-card.is-suspended::before{ background:#f97316; }
.psl-card.is-terminated::before, .psl-card.is-cancelled::before, .psl-card.is-fraud::before{ background:#ef4444; }
.psl-card:hover{ transform:translateY(-4px); box-shadow:0 1px 2px rgba(15,23,42,.04), 0 22px 44px -16px rgba(15,23,42,.22); border-color:rgba(12,190,213,.5); }
.psl-card.is-suspended, .psl-card.is-terminated, .psl-card.is-cancelled{ background:linear-gradient(180deg,#fff,#fbfcfe); }

.psl-top{ display:flex; align-items:center; gap:14px; }
.psl-ic{ flex:none; width:48px; height:48px; border-radius:14px; display:grid; place-items:center; font-size:19px; color:#fff; background:linear-gradient(135deg,var(--brand),var(--brand-2)); box-shadow:0 8px 20px -8px rgba(12,190,213,.65); }
.psl-card.is-suspended .psl-ic{ background:linear-gradient(135deg,#fb923c,#f97316); box-shadow:0 8px 20px -8px rgba(249,115,22,.6); }
.psl-card.is-terminated .psl-ic, .psl-card.is-cancelled .psl-ic{ background:linear-gradient(135deg,#94a3b8,#64748b); box-shadow:none; }
.psl-title{ min-width:0; flex:1; }
.psl-title small{ display:block; font-size:11px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:#0898ab; }
.psl-title h3{ margin:2px 0 0; font-size:17px; font-weight:800; line-height:1.25; color:var(--ink); font-family:var(--font-heading, inherit); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.psl-status{ flex:none; display:inline-flex; align-items:center; gap:7px; padding:5px 11px; border-radius:999px; font-size:12px; font-weight:800; color:#475569; background:#eef2f8; text-transform:capitalize; }
.psl-status i{ width:7px; height:7px; border-radius:50%; background:currentColor; }
.psl-status.status-active{ color:#0b7a5e; background:#e8faf3; } .psl-status.status-active i{ animation:pk-pulse 1.8s ease-in-out infinite; }
.psl-status.status-pending{ color:#a15c07; background:#fff6e5; } .psl-status.status-suspended{ color:#c2410c; background:#fff0e6; }
.psl-status.status-terminated, .psl-status.status-cancelled, .psl-status.status-fraud{ color:#b91c1c; background:#fdecec; }

.psl-domain{ display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:12px; background:var(--soft); border:1px solid #eef1f7; min-width:0; font-family:var(--font-mono, "JetBrains Mono", ui-monospace, monospace); font-size:13px; }
.psl-domain > i{ color:#94a3b8; font-size:12px; }
.psl-dom-link{ color:var(--ink) !important; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; flex:1; }
.psl-dom-link:hover{ color:#0898ab !important; }
.psl-nodomain{ color:#94a3b8; }
.psl-ssl{ flex:none; width:24px; height:24px; display:grid; place-items:center; border-radius:7px; font-size:11px; color:#b45309; background:#fff6e5; }
.psl-ssl.is-ok{ color:#0b7a5e; background:#e8faf3; }
.psl-copy{ flex:none; width:28px; height:28px; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--muted); display:grid; place-items:center; font-size:12px; cursor:pointer; padding:0; opacity:0; transition:.15s; }
.psl-card:hover .psl-copy, .psl-copy:focus-visible{ opacity:1; }
.psl-copy:hover{ color:var(--ink); border-color:#cbd5e1; }
.psl-copy.is-done{ opacity:1; color:#fff; background:var(--ok); border-color:var(--ok); }
@media (hover:none){ .psl-copy{ opacity:1; } }

.psl-meta{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:0; padding-top:14px; border-top:1px dashed #dbe2ee; }
.psl-meta > div{ min-width:0; }
.psl-meta dt{ display:flex; align-items:center; gap:7px; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#8592ab; margin-bottom:5px; }
.psl-meta dt i{ color:#0898ab; font-size:12px; }
.psl-meta dd{ margin:0; font-size:16px; font-weight:800; color:var(--ink); display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px; }
.psl-meta dd small{ font-size:12px; font-weight:700; color:#8592ab; }
.psl-due em{ }
.psl-meta dd em{ font-style:normal; font-size:11px; font-weight:800; padding:2px 8px; border-radius:999px; }
.psl-meta dd em.is-soon{ color:#a15c07; background:#fff6e5; } .psl-meta dd em.is-late{ color:#b91c1c; background:#fdecec; }

.psl-actions{ display:flex; align-items:center; gap:8px; margin-top:auto; }
.psl-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; height:40px; padding:0 15px; border-radius:11px; font-weight:800; font-size:13px; white-space:nowrap; border:1px solid transparent; transition:transform .15s, box-shadow .15s, background .15s; }
.psl-btn:hover{ transform:translateY(-1px); }
.psl-btn-main{ color:#fff !important; background:var(--ink); flex:1; }
.psl-btn-main:hover{ background:#1c2a44; }
.psl-btn-login{ color:#fff !important; background:linear-gradient(135deg,var(--ok),var(--brand)); box-shadow:0 8px 18px -8px rgba(16,185,129,.7); flex:1; }
.psl-ico{ flex:none; width:40px; height:40px; display:grid; place-items:center; border-radius:11px; border:1px solid var(--line); background:#fff; color:#475569 !important; font-size:14px; transition:.15s; }
.psl-ico:hover{ color:#0898ab !important; border-color:var(--brand); background:#f1fcfe; }

.psl-empty{ text-align:center; padding:60px 20px; border:1px dashed #cbd5e1; border-radius:20px; color:var(--muted); background:#fff; }
.psl-empty[hidden]{ display:none; }
.psl-empty > i{ font-size:34px; color:#cbd5e1; margin-bottom:10px; }
.psl-empty .psl-btn{ margin-top:8px; }

@media (max-width:767.98px){
  .psl-search{ max-width:none; flex-basis:100%; }
  .psl-filters{ flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; flex-basis:100%; padding-bottom:2px; }
  .psl-filters::-webkit-scrollbar{ display:none; }
  .psl-chip{ flex:none; }
  .psl-order{ order:-1; margin-left:0; width:100%; justify-content:center; }
  .psl-grid{ grid-template-columns:1fr; gap:14px; }
  .psl-card{ padding:18px 16px; }
}
@media (prefers-reduced-motion:reduce){ .psl *{ animation:none !important; transition:none !important; } }

/* ==========================================================================
   Domain list (clientareadomains) — pdl-* on top of psl-*
   ========================================================================== */
.pdl-ic{ background:linear-gradient(135deg,#7c5cff,#0cbed5) !important; box-shadow:0 8px 20px -8px rgba(124,92,255,.6) !important; }
.pdl-card .psl-top{ position:relative; }
.pdl-check{ flex:none; position:relative; width:22px; height:22px; margin:0; cursor:pointer; }
.pdl-check input{ position:absolute; inset:0; opacity:0; cursor:pointer; margin:0; width:100%; height:100%; z-index:2; }
.pdl-check span{ position:absolute; inset:0; border:2px solid #cbd5e1; border-radius:7px; background:#fff; display:grid; place-items:center; font-size:11px; color:transparent; transition:.15s; }
.pdl-check:hover span{ border-color:var(--brand); }
.pdl-check input:checked + span{ background:linear-gradient(135deg,var(--brand),var(--brand-2)); border-color:transparent; color:#fff; }
.pdl-card.is-picked{ border-color:var(--brand); box-shadow:0 0 0 3px rgba(12,190,213,.18), 0 18px 40px -18px rgba(12,190,213,.4); }
.pdl-name{ color:var(--ink) !important; }
.pdl-name:hover{ color:#0898ab !important; }
.pdl-ssl-text{ font-weight:700; color:#64748b; font-family:var(--font-body, "Manrope", sans-serif); }
.pdl-lock{ display:inline-flex; align-items:center; gap:7px; font-family:var(--font-body, "Manrope", sans-serif); font-size:12px; color:#64748b; font-weight:700; }
.pdl-lock b.is-on{ color:#0b7a5e; } .pdl-lock b.is-off{ color:#94a3b8; }

.psl-status.status-expired, .psl-status.status-redemption{ color:#b91c1c; background:#fdecec; }
.psl-status.status-grace{ color:#c2410c; background:#fff0e6; }
.psl-status.status-transferredaway{ color:#475569; background:#eef2f8; }
.psl-card.is-expired::before, .psl-card.is-redemption::before{ background:#ef4444; }
.psl-card.is-grace::before{ background:#f97316; }
.psl-card.is-expired .psl-ic, .psl-card.is-redemption .psl-ic{ background:linear-gradient(135deg,#94a3b8,#64748b) !important; box-shadow:none !important; }
.pdl-renew:hover{ color:#fff !important; background:linear-gradient(135deg,var(--brand),var(--brand-2)); border-color:transparent; }

.pdl-bulk{ position:sticky; top:96px; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin:0 0 16px; padding:12px 16px; border-radius:16px;
  background:#0b1220; color:#fff; box-shadow:0 18px 40px -16px rgba(11,18,32,.6); animation:pksIn .2s ease; }
.pdl-bulk[hidden]{ display:none; }
.pdl-bulk > span{ font-weight:700; font-size:13.5px; } .pdl-bulk > span b{ display:inline-grid; min-width:26px; height:26px; place-items:center; padding:0 7px; margin-right:6px; border-radius:999px; background:var(--brand); color:#06222a; }
.pdl-bulk > div{ display:flex; gap:8px; flex-wrap:wrap; }
.pdl-bulk .psl-btn{ height:36px; padding:0 13px; font-size:12.5px; color:#fff !important; background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.16); cursor:pointer; }
.pdl-bulk .psl-btn:hover{ background:rgba(255,255,255,.2); }
.pdl-bulk .psl-btn-login{ background:linear-gradient(135deg,var(--ok),var(--brand)); border:0; }
@media (max-width:767.98px){ .pdl-bulk{ top:76px; border-radius:14px; } .pdl-bulk .psl-btn{ flex:1 1 calc(50% - 8px); } }

/* service + domain lists: phone-friendly layout */
@media (max-width: 767.98px) {
  .psl-bar { gap: 10px; position: sticky; top: 70px; z-index: 15; padding: 10px 0; margin: 0 -2px 12px; background: linear-gradient(180deg, rgba(246,249,252,.98) 70%, rgba(246,249,252,0)); }
  .psl-search { order: 1; }
  .psl-filters { order: 2; }
  .psl-order { order: 3; height: 46px; }
  .psl-search input { height: 46px; font-size: 16px; }
  .psl-chip { height: 38px; }
  .psl-grid { gap: 12px; }
  .psl-card { padding: 16px 14px; gap: 12px; border-radius: 18px; }
  .psl-top { gap: 11px; flex-wrap: wrap; }
  .psl-ic { width: 42px; height: 42px; font-size: 17px; border-radius: 12px; }
  .psl-title { flex: 1 1 0; }
  .psl-title h3 { font-size: 16px; }
  .psl-status { padding: 4px 10px; font-size: 11.5px; }
  .psl-domain { padding: 9px 10px; font-size: 12.5px; }
  .psl-copy { opacity: 1; }
  .psl-meta { gap: 10px; padding-top: 12px; }
  .psl-meta dd { font-size: 15px; }
  .psl-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .psl-actions .psl-btn { height: 46px; font-size: 14px; width: 100%; }
  .psl-actions .psl-btn-main:only-of-type, .psl-actions .psl-btn-main:last-of-type { grid-column: auto; }
  .psl-actions .psl-ico { width: 100%; height: 44px; }
  .psl-actions > .psl-btn-main:nth-last-child(1), .psl-actions > .psl-btn-main:nth-last-child(1):first-child { grid-column: 1 / -1; }
  .pdl-card .psl-top { flex-wrap: nowrap; }
  .pdl-check { width: 24px; height: 24px; }
}
@media (max-width: 380px) { .psl-meta { grid-template-columns: 1fr; } .psl-status { margin-left: 53px; } }

/* phone actions row: Manage + Auto Login share the row, icon buttons stay small squares */
@media (max-width: 767.98px) {
  .psl-actions { display: flex; flex-wrap: wrap; gap: 8px; }
  .psl-actions .psl-btn { flex: 1 1 calc(50% - 8px); width: auto; }
  .psl-actions > .psl-btn-main:only-child { flex-basis: 100%; }
  .psl-actions .psl-ico { flex: 0 0 46px; width: 46px; height: 46px; }
  .psl-actions .psl-btn-main:not(:only-child) ~ .psl-ico:last-child { margin-left: auto; }
}
@media (max-width: 767.98px) {
  .psl-actions { flex-wrap: nowrap; }
  .psl-actions .psl-btn { flex: 1 1 0; min-width: 0; padding: 0 10px; }
  .psl-actions .psl-ico { flex: 0 0 44px; width: 44px; height: 46px; margin-left: 0 !important; }
}
@media (max-width: 767.98px) {
  .psl-actions { flex-wrap: wrap; }
  .psl-actions .psl-btn { flex: 1 1 112px; min-width: 112px; }
  .psl-actions .psl-ico { flex: 0 0 44px; }
}

/* =====================================================================
   psl-bar — phone layout: [ search ............ (+) ]  then scrolling status chips
   ===================================================================== */
@media (max-width: 767.98px) {
  .psl-bar {
    display: grid; grid-template-columns: minmax(0, 1fr) 48px; grid-template-areas: "search order" "chips chips"; gap: 10px 10px; align-items: center;
    position: sticky; top: 70px; z-index: 15; margin: 0 -16px 14px; padding: 10px 16px 8px;
    background: rgba(246, 249, 252, .96); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(20, 32, 58, .06);
  }
  .psl-search { grid-area: search; max-width: none; flex: none; }
  .psl-search input { height: 48px; border-radius: 14px; font-size: 16px; padding-left: 42px; }
  .psl-search i { left: 16px; font-size: 15px; }
  .psl-order { grid-area: order; order: 0; width: 48px; height: 48px; padding: 0; margin: 0; border-radius: 14px; justify-content: center; font-size: 17px; box-shadow: 0 8px 18px -8px rgba(16, 185, 129, .7); }
  .psl-order span { display: none; }
  .psl-filters {
    grid-area: chips; order: 0; flex: none; display: flex; flex-wrap: nowrap; gap: 8px; overflow-x: auto; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; scrollbar-width: none;
    margin: 0 -16px; padding: 2px 16px 4px;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 28px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 28px), transparent 100%);
  }
  .psl-filters::-webkit-scrollbar { display: none; }
  .psl-chip { flex: none; scroll-snap-align: start; height: 40px; padding: 0 14px; font-size: 13.5px; }
  .psl-chip b { min-width: 24px; height: 24px; }
}
@media (max-width: 767.98px) {
  body.pk-has-dock .psl-bar { top: 70px; }
}

/* =====================================================================
   psl-bar v3 (phones): search + compact Order button, then count tiles
   ===================================================================== */
@media (max-width: 767.98px) {
  .psl-bar {
    position: static !important; margin: 0 0 16px !important; padding: 0 !important; background: none !important; border: 0 !important;
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
    grid-template-columns: minmax(0, 1fr) auto !important; grid-template-areas: "search order" "chips chips" !important; gap: 12px !important;
  }
  .psl-search input { height: 48px; }
  .psl-order {
    width: auto !important; height: 48px !important; padding: 0 16px !important; gap: 8px; font-size: 14px; border-radius: 14px !important;
  }
  .psl-order span { display: none !important; }
  .psl-order::after { content: "Order"; font-weight: 800; }
  .psl-filters {
    display: grid !important; grid-auto-flow: column; grid-auto-columns: minmax(78px, 1fr); gap: 8px !important; overflow-x: auto; margin: 0 !important; padding: 2px 0 4px !important;
    -webkit-mask-image: none !important; mask-image: none !important; scroll-snap-type: x proximity;
  }
  .psl-chip {
    flex-direction: column-reverse; justify-content: center; gap: 2px !important; height: auto !important; min-height: 62px; padding: 8px 6px !important; border-radius: 16px !important;
    font-size: 11.5px !important; font-weight: 700; text-align: center; line-height: 1.15; white-space: normal;
  }
  .psl-chip b { background: none !important; min-width: 0; height: auto !important; padding: 0 !important; font-size: 20px !important; font-weight: 800; color: var(--ink); line-height: 1; }
  .psl-chip > i { display: none !important; }
  .psl-chip.is-on b { color: #fff; }
  .psl-chip.is-active b { color: #0b7a5e; } .psl-chip.is-suspended b { color: #c2410c; } .psl-chip.is-terminated b, .psl-chip.is-cancelled b { color: #b91c1c; } .psl-chip.is-pending b { color: #a15c07; }
  .psl-chip.is-on b { color: #fff !important; }
}

/* =====================================================================
   Phone menu drawer + header polish
   ===================================================================== */
@media (max-width: 767.98px) {
  .sidebar { width: min(330px, 86vw) !important; max-width: 86vw; padding: 18px 14px 20px !important; border-radius: 0 28px 28px 0; }
  .sidebar .sidebar__container, .sidebar .sidebar__menu { width: 100%; }
  .sidebar .sidebar__menu { display: flex; flex-direction: column; gap: 6px; padding-top: 56px; }
  .sidebar .sidebar__close { position: absolute; top: 14px; right: 14px; left: auto; width: 40px; height: 40px; border-radius: 50%; z-index: 3; }
  .sidebar .sidebar__item { display: flex !important; align-items: center; gap: 14px; width: 100% !important; padding: 12px 14px !important; border-radius: 16px !important; min-height: 54px; }
  .sidebar .sidebar__item .side__bar__item__icon { width: 38px !important; height: 38px !important; flex: none; display: grid; place-items: center; border-radius: 12px; font-size: 16px; }
  .sidebar .sidebar__item .side__bar__item__text { font-size: 16px !important; font-weight: 700; }
  .sidebar a.sidebar__item[href*="login.php"] {
    margin-top: 14px; justify-content: center; background: linear-gradient(135deg, #0cbed5, #7c5cff) !important; color: #fff !important; box-shadow: 0 12px 26px -10px rgba(12, 190, 213, .7);
  }
  .sidebar a.sidebar__item[href*="login.php"] .side__bar__item__text { color: #fff !important; }
  .sidebar a.sidebar__item[href*="login.php"] .side__bar__item__icon { background: rgba(255, 255, 255, .22) !important; color: #fff !important; }
  .sidebar .sidebar__item_dropdown .sidebar__body { position: static !important; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; width: 100%; min-width: 0;
    box-shadow: none !important; border: 0 !important; background: transparent !important; padding: 4px 0 6px 52px !important; display: none !important; }
  .sidebar .sidebar__item_dropdown.active .sidebar__body { display: block !important; }
  .sidebar .sidebar__item_dropdown { flex-wrap: wrap; }
  .sidebar .sidebar__dropdown__title { display: none !important; }

  /* header: tidy spacing, 44px tap targets, no cramped flag text */
  .header .right__header__control { gap: 6px; }
  .header .header__language .dropdown__toggle { min-width: 44px; min-height: 44px; }
  .header .header__item_shopping .header__head { min-width: 44px; min-height: 44px; }
  .header .header__not__loggined__btns .header__button { width: 44px; min-height: 44px; }
  .header .website__identity__sidebar__link .image__logo { max-width: 130px; }
  .header__burger { margin-right: 8px; }
}
@media (max-width: 767.98px) {
  .sidebar .sidebar__item.sidebar__item_dropdown { display: block !important; padding: 0 !important; }
  .sidebar .sidebar__item_dropdown .sidebar__top { width: 100%; }
  .sidebar .sidebar__item_dropdown .sidebar__head {
    display: flex !important; align-items: center; justify-content: flex-start !important; gap: 14px; width: 100% !important; min-height: 54px; padding: 12px 14px !important;
    border: 0; background: transparent; border-radius: 16px; text-align: left; position: relative;
  }
  .sidebar .sidebar__item_dropdown .sidebar__head::after { content: "\f054"; font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free"; font-weight: 900; font-size: 11px; margin-left: auto; color: #94a3b8; transition: transform .2s; }
  .sidebar .sidebar__item_dropdown.active .sidebar__head::after { transform: rotate(90deg); }
  .sidebar .sidebar__item_dropdown .sidebar__head::before { display: none !important; }
  .sidebar .sidebar__body .sidebar__link { padding: 11px 12px !important; font-size: 15px; border-radius: 12px; }
}
@media (max-width: 767.98px) {
  .psl-filters { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(72px, 1fr)); grid-auto-flow: row; overflow: visible !important; }
  .psl-chip { min-width: 0; min-height: 60px; }
}
@media (max-width: 420px) {
  .psl-title h3 { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.2; }
  .psl-title small { white-space: normal; }
  .psl-top { align-items: flex-start; }
}

/* =====================================================================
   Header dropdowns (language, cart, account, wallet/top-up) always above the page,
   the floating client menu and the sticky list bar
   ===================================================================== */
body header.header, body.fixed__top__header header.header, body.fixed__top__header header.header.top-header-fixed { z-index: 2100 !important; }
.header .dropdown-menu, .header .header__body, .header .dropdown__language__search { z-index: 2200 !important; }
.sidebar, .sidebar.visible { z-index: 2300 !important; }
.sidebar + .overlay, .js-popup-overlay { z-index: 2250 !important; }
.pk-dock { z-index: 1900; }
.psl-bar { z-index: 15; }
@media (max-width: 767.98px) {
  .header .dropdown__language__search { position: fixed !important; left: 12px !important; right: 12px !important; top: 78px !important; width: auto !important; max-width: none !important; transform: none !important; margin: 0 !important; }
  .header .dropdown__language__search .dropdown__menu__items { max-height: calc(100vh - 230px); overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .header .header__body { max-height: calc(100vh - 100px); overflow-y: auto; }
  .header .header__body.header__account__infomrmations, .header .header__body.header__cart, .header .header__body.header__notifications { position: fixed; left: 12px; right: 12px; top: 78px; width: auto; }
  .pk-header-wallet { margin-right: 2px; }
}
/* hide the floating menu while a header panel is open so nothing competes with it */
body.pk-header-panel-open .pk-dock { opacity: 0; pointer-events: none; transition: opacity .15s; }

/* desktop header menu must sit ABOVE the header bar (header was raised to 2100) */
@media (min-width: 768px) {
  body.menu-in-header-body.horizontal__sidebar .sidebar,
  body.menu-in-header-body.horizontal__sidebar .sidebar.scrolled { z-index: 2150 !important; }
  body.menu-in-header-body .sidebar .sidebar__body { z-index: 2160 !important; }
}

/* =====================================================================
   Phone drawer: collapsible menus are light & flat — no black panel, no shadow
   (the theme paints .sidebar__body:after black in dark-sidebar mode)
   ===================================================================== */
@media (max-width: 767.98px) {
  body .sidebar .sidebar__item.sidebar__item_dropdown .sidebar__body,
  body.dark__sidebar__color .sidebar .sidebar__item.sidebar__item_dropdown .sidebar__body,
  body.horizontal__sidebar .sidebar .sidebar__menu .sidebar__item.sidebar__item_dropdown .sidebar__body {
    background: transparent !important; box-shadow: none !important; border: 0 !important; filter: none !important;
  }
  body .sidebar .sidebar__item_dropdown .sidebar__body::before,
  body .sidebar .sidebar__item_dropdown .sidebar__body::after,
  body.horizontal__sidebar .sidebar .sidebar__menu .sidebar__item.sidebar__item_dropdown .sidebar__body::after { display: none !important; content: none !important; background: none !important; box-shadow: none !important; }
  body .sidebar .sidebar__item_dropdown.active,
  body .sidebar .sidebar__item_dropdown.active .sidebar__top { background: transparent !important; box-shadow: none !important; }
  body .sidebar .sidebar__item_dropdown.active .sidebar__head,
  body.dark__sidebar__color .sidebar__item_dropdown.active .sidebar__head { background: rgba(12, 190, 213, .12) !important; }
  body .sidebar .sidebar__body.links__with__background .sidebar__link,
  body.dark__sidebar__color .sidebar .sidebar__item.sidebar__item_dropdown .sidebar__body.links__with__background .sidebar__link {
    background: transparent !important; color: #1b2433 !important; box-shadow: none !important;
  }
  body .sidebar .sidebar__body .sidebar__link:hover, body .sidebar .sidebar__body .sidebar__link:active { background: rgba(12, 190, 213, .1) !important; color: #0a8fa3 !important; }
  body .sidebar .sidebar__body .sidebar__link i { color: #0cbed5 !important; }
  .sidebar .sidebar__body__scrollable__element { max-height: none !important; overflow: visible !important; }
  .sidebar, .sidebar * { scrollbar-width: none; } .sidebar::-webkit-scrollbar, .sidebar *::-webkit-scrollbar { display: none; }
  .sidebar { box-shadow: none !important; }
}

/* =====================================================================
   Phones: use the full width — tiny side gutters on inner pages (cards extend)
   ===================================================================== */
@media (max-width: 767.98px) {
  body:not(.homepage__main__stylesheets__body) .homepage__main__wrapper.page__container { padding-left: 8px !important; padding-right: 8px !important; }
  body:not(.homepage__main__stylesheets__body) .main__page__content,
  body:not(.homepage__main__stylesheets__body) .shopping__cart__main__page__content #order-standard_cart { padding-left: 2px !important; padding-right: 2px !important; }
  body:not(.homepage__main__stylesheets__body) .primary-content,
  body:not(.homepage__main__stylesheets__body) .col-12.primary-content { padding-left: 0 !important; padding-right: 0 !important; }
  body:not(.homepage__main__stylesheets__body) #main-body .row,
  body:not(.homepage__main__stylesheets__body) section.shopping__main__body .row { margin-left: 0 !important; margin-right: 0 !important; }
  /* service / domain cards: edge to edge inside that small gutter */
  .psl-card { border-radius: 16px; }
  .psl-bar { margin-left: 0 !important; margin-right: 0 !important; }
  .pks-hero, .pks-card, .pks-alert { border-radius: 16px; }
}
@media (max-width: 767.98px) {
  body:not(.homepage__main__stylesheets__body) .not__shoppingcart__page__header .main__page__content,
  body:not(.homepage__main__stylesheets__body) .cart__categories__menu__wrapper .main__page__content,
  body:not(.homepage__main__stylesheets__body) .cart__categories__menu__wrapper .product__cart__sidepanel__group { padding-left: 10px !important; padding-right: 10px !important; }
  body:not(.homepage__main__stylesheets__body) .cart__categories__menu__wrapper { padding-left: 0; padding-right: 0; }
}
@media (max-width: 767.98px) {
  body:not(.homepage__main__stylesheets__body) .not__shoppingcart__page__header { padding-left: 12px !important; padding-right: 12px !important; }
  body:not(.homepage__main__stylesheets__body) .not__shoppingcart__page__header .main__page__content { padding-left: 0 !important; padding-right: 0 !important; }
}
@media (max-width: 767.98px) {
  body:not(.homepage__main__stylesheets__body) .not__shoppingcart__page__header .main__page__content h6,
  body:not(.homepage__main__stylesheets__body) .not__shoppingcart__page__header .master-breadcrumb,
  body:not(.homepage__main__stylesheets__body) .not__shoppingcart__page__header .main__page__content > * { padding-left: 12px; padding-right: 12px; }
  body:not(.homepage__main__stylesheets__body) .cart__categories__menu__wrapper .product__cart__sidepanel__group { padding-left: 12px !important; }
}

/* ==========================================================================
   Account dropdown (header__account__infomrmations) — glass card, desktop + phone
   ========================================================================== */
.header .header__body.header__account__infomrmations{
  width:340px; right:-6px; left:auto; padding:0; overflow:hidden; border-radius:22px;
  background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(22px) saturate(1.6); backdrop-filter:blur(22px) saturate(1.6);
  border:1px solid rgba(255,255,255,.7); box-shadow:0 30px 70px -20px rgba(15,23,42,.35), 0 4px 14px rgba(15,23,42,.08);
}
.header .header__body.header__account__infomrmations:before{ display:none; }
.header__account__infomrmations .header__top{
  display:flex; align-items:center; justify-content:space-between; gap:10px; padding:16px 16px 14px; margin:0;
  background:linear-gradient(135deg,#0f9d78,#0cbed5 60%,#5b6cff); color:#fff; border:0;
}
.header__account__infomrmations .header__title{ display:flex; align-items:center; gap:12px; min-width:0; padding:0; margin:0; }
.header__account__infomrmations .header__title__informations__avatar{ flex:none; width:46px; height:46px; border-radius:50%; overflow:hidden; border:2px solid rgba(255,255,255,.75); box-shadow:0 6px 16px rgba(0,0,0,.2); }
.header__account__infomrmations .header__title__informations__avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
.header__account__infomrmations .header__title .text{ display:flex; flex-direction:column; gap:2px; min-width:0; font-weight:800; font-size:15px; color:#fff; line-height:1.25; overflow:hidden; text-overflow:ellipsis; }
.header__account__infomrmations .header__title .text a{ font-size:12px; font-weight:700; color:rgba(255,255,255,.88) !important; text-decoration:underline; text-underline-offset:3px; }
.header__account__infomrmations .actions__button{ width:34px; height:34px; border-radius:10px; background:rgba(255,255,255,.2); color:#fff; border:0; }
.header__account__infomrmations .actions__button:hover{ background:rgba(255,255,255,.32); }
.header__account__infomrmations .actions__body{ border-radius:14px; box-shadow:0 18px 40px -12px rgba(15,23,42,.3); }
.header__account__infomrmations .actions__option{ display:flex; align-items:center; gap:10px; font-weight:600; }
.header__account__infomrmations .actions__option .icon{ width:16px; text-align:center; color:#0898ab; }

.header__account__infomrmations .header__nav__wrapper{ padding:8px 10px 12px; max-height:min(68vh,560px); overflow-y:auto; -webkit-overflow-scrolling:touch; }
.header__account__infomrmations .header__nav{ padding:6px 0; margin:0; }
.header__account__infomrmations .header__nav:not(:last-child){ border-bottom:1px solid #eef1f7; }
.header__account__infomrmations .header__link__title{ display:block; padding:6px 12px 4px; font-size:11px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:#8592ab; }
.header__account__infomrmations .header__link{
  display:flex; align-items:center; gap:11px; padding:10px 12px; margin:1px 0; border-radius:12px; font-size:14px; font-weight:700; color:#1e293b !important; text-decoration:none; transition:background .15s, transform .15s;
}
.header__account__infomrmations .header__link i{ flex:none; width:30px; height:30px; display:grid; place-items:center; border-radius:9px; font-size:13px; color:#0898ab; background:#effbfd; margin:0; }
.header__account__infomrmations .header__link:hover{ background:#f3f6fb; transform:translateX(2px); }
.header__account__infomrmations .header__link.color{ color:#fff !important; background:linear-gradient(135deg,#10b981,#0cbed5); box-shadow:0 10px 22px -10px rgba(16,185,129,.7); justify-content:center; }
.header__account__infomrmations .header__link.color i{ background:rgba(255,255,255,.22); color:#fff; }
.header__account__infomrmations .header__link.color:hover{ transform:translateY(-1px); background:linear-gradient(135deg,#0ea371,#0aaec3); }
.header__account__infomrmations .nav__link__wrapper__flex{ display:flex; align-items:center; justify-content:space-between; gap:8px; border-radius:12px; padding-right:8px; }
.header__account__infomrmations .nav__link__wrapper__flex:hover{ background:#f3f6fb; }
.header__account__infomrmations .nav__link__wrapper__flex .header__link{ flex:1; margin:1px 0; }
.header__account__infomrmations .nav__link__wrapper__flex .header__link:hover{ background:transparent; transform:none; }
.header__account__infomrmations .header__links__downloads .compteur{
  min-width:28px; height:24px; padding:0 9px; display:inline-grid; place-items:center; border-radius:999px; font-size:12px; font-weight:800; color:#0b7a5e !important; background:#e8faf3; text-decoration:none;
}
@media (max-width:767.98px){
  .header .header__body.header__account__infomrmations{ position:fixed; left:10px; right:10px; top:76px; width:auto; max-height:calc(100vh - 92px); overflow:hidden; border-radius:20px; }
  .header__account__infomrmations .header__nav__wrapper{ max-height:calc(100vh - 92px - 78px); padding-bottom:16px; }
  .header__account__infomrmations .header__link{ padding:12px; font-size:15px; }
}

/* --- account dropdown: beat the parent's full-height side-panel rules and the header's backdrop-filter containing block --- */
body .header .header__item .header__body.header__account__infomrmations{
  position:fixed; top:84px; bottom:auto; right:18px; left:auto; width:344px; max-width:calc(100vw - 20px); height:auto; max-height:calc(100vh - 100px);
  border-radius:22px; padding:0; transform:translateY(8px) scale(.98); transform-origin:top right; display:flex; flex-direction:column;
}
body .header .header__item.active .header__body.header__account__infomrmations{ transform:none; }
body .header .header__body.header__account__infomrmations .header__top{ height:auto !important; padding:16px 16px 14px !important; margin:0 !important; border-bottom:0 !important; flex:none; }
body .header .header__body.header__account__infomrmations .header__top .header__title__informations__avatar,
body .header .header__body.header__account__infomrmations .header__top .actions{ display:flex !important; }
body .header .header__body.header__account__infomrmations .header__top .actions{ position:relative; }
body .header .header__body.header__account__infomrmations .header__nav__wrapper{ flex:1 1 auto; min-height:0; max-height:none; overflow-y:auto; padding:8px 10px 12px !important; }
body .header .header__body.header__account__infomrmations .header__nav__wrapper .header__nav{ padding:6px 0 !important; direction:ltr; }
body .header .header__body.header__account__infomrmations .header__nav .header__link{ height:auto !important; }
body .header .header__body.header__account__infomrmations .header__title{ font-size:15px; font-weight:800; }
/* fixed children of a backdrop-filtered header are clipped to the header: drop the blur while a panel is open */
body.pk-header-panel-open header.header{ -webkit-backdrop-filter:none !important; backdrop-filter:none !important; background:rgba(255,255,255,.96) !important; }
@media (max-width:767.98px){
  body .header .header__item .header__body.header__account__infomrmations{ top:76px; left:10px; right:10px; width:auto; max-width:none; max-height:calc(100vh - 92px); }
}

/* ==========================================================================
   Client dock v3 — clean white floating menu (overrides the earlier dark skin)
   ========================================================================== */
.pk-dock{
  background:#fff !important; border:1px solid #eef1f7 !important;
  box-shadow:0 18px 50px -12px rgba(15,23,42,.22), 0 2px 10px rgba(15,23,42,.06) !important;
  -webkit-backdrop-filter:none; backdrop-filter:none;
}
.pk-dock a, .pk-dock button{ color:#64748b !important; position:relative; }
.pk-dock a i, .pk-dock button i{ color:inherit; font-size:18px; }
.pk-dock a:hover, .pk-dock button:hover{ background:#f1f5fb !important; color:#0f172a !important; }
.pk-dock a.is-on, .pk-dock button.is-on{ background:#effbfd !important; color:#0898ab !important; box-shadow:none !important; }
.pk-dock a.is-on:hover{ background:#e3f8fb !important; }
.pk-dock a.is-on i, .pk-dock button.is-on i{ color:#fff !important; background:linear-gradient(135deg,#0cbed5,#5b6cff) !important; box-shadow:0 8px 16px -6px rgba(12,190,213,.6) !important; }
.pk-dock a.pk-dock-cta{ color:#fff !important; background:linear-gradient(135deg,#10b981,#0cbed5) !important; box-shadow:0 12px 24px -10px rgba(16,185,129,.8) !important; }
.pk-dock a.pk-dock-cta:hover{ background:linear-gradient(135deg,#0ea371,#0aaec3) !important; color:#fff !important; }
.pk-dock a.pk-dock-out:hover{ background:#fff0f0 !important; color:#dc2626 !important; }
@media (min-width:768px){
  .pk-dock{ gap:6px; padding:10px 8px; border-radius:26px; }
  .pk-dock a, .pk-dock button{ width:48px; height:48px; border-radius:16px; }
  .pk-dock a.is-on::after{ content:""; position:absolute; left:-9px; top:50%; width:4px; height:20px; border-radius:4px; background:linear-gradient(180deg,#0cbed5,#5b6cff); transform:translateY(-50%); }
  .pk-dock a.pk-dock-out::before{ background:#e8ecf3 !important; }
  .pk-dock span{ background:#0f172a !important; color:#fff !important; box-shadow:0 10px 24px rgba(15,23,42,.28) !important; }
  .pk-dock span::before{ background:#0f172a !important; }
}
@media (max-width:767.98px){
  .pk-dock{ border-radius:26px; }
  .pk-dock a, .pk-dock button{ color:#7a879d !important; }
  .pk-dock a.is-on, .pk-dock button.is-on{ background:transparent !important; color:#0898ab !important; }
  .pk-dock a.pk-dock-cta{ color:#fff !important; border:4px solid #fff; box-shadow:0 12px 24px -8px rgba(16,185,129,.75) !important; }
}

/* dock: selected item = solid gradient tile with a crisp white icon (desktop) */
@media (min-width:768px){
  .pk-dock a.is-on, .pk-dock a.is-on:hover{ background:linear-gradient(135deg,#0cbed5,#5b6cff) !important; color:#fff !important; box-shadow:0 12px 22px -8px rgba(12,190,213,.65) !important; }
  .pk-dock a.is-on i{ background:none !important; box-shadow:none !important; color:#fff !important; transform:none !important; }
  .pk-dock a.is-on::after{ display:none; }
  .pk-dock a i, .pk-dock button i{ width:auto; height:auto; font-size:19px; }
}

/* phone header: notification bell removed, remaining icons must fit inside the pill */
@media (max-width: 767.98px) {
  body .header .header__control .header__item.header__item_messages, body .header .header__item_messages { display: none !important; visibility: hidden !important; width: 0 !important; margin: 0 !important; overflow: hidden !important; }
  .header .header__row, .header .header__row > .d-flex { min-width: 0; }
  .header .right__header__control { flex: 0 1 auto; min-width: 0; margin-left: auto; gap: 6px !important; }
  .header .header__control { display: flex; align-items: center; gap: 4px !important; flex: none; }
  .header .header__item_shopping .header__head, .header .header__item__user .header__head, .header .header__item_user .header__head, .pk-header-wallet { width: 40px !important; min-width: 40px !important; height: 40px !important; }
  .header .top__header__website__identity { min-width: 0; flex: 1 1 auto; }
}