/* DjimlyStore Digital v2.39.98 — VIP visual hotfix matching approved mobile reference */

/*
 * Important: v2.39.33 gives every iPhone subpage a 50px safe lane. The VIP
 * header already owns its own safe lane, so that global padding created the
 * large blank area visible in v2.39.97. VIP is a full-screen exception.
 */
html body #djs-portal #djs-screen-vip.djs-vip98-screen{
  --vip98-safe-top:max(44px, env(safe-area-inset-top, 0px));
  --vip98-gold:#c99519;
  --vip98-gold-dark:#8d6509;
  --vip98-gold-soft:#f3d36e;
  --vip98-ink:#12100b;
  --vip98-cream:#fff8dc;
  padding-top:0!important;
  padding-bottom:0!important;
  background:#fff!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen.djs-screen--active{
  height:100dvh!important;
  min-height:100dvh!important;
  overflow:hidden!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen>.djs-vip43-scroller{
  padding:0!important;
  margin:0!important;
  background:#fff!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-shell{
  width:100%!important;
  margin:0!important;
  padding:0 0 calc(150px + env(safe-area-inset-bottom,0px))!important;
  background:#fff!important;
}

/* ── Header: same compact white premium row as the supplied VIP reference. ── */
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-backbar{
  position:absolute!important;
  top:0!important;left:0!important;right:0!important;bottom:auto!important;
  z-index:90!important;
  height:calc(var(--vip98-safe-top) + 82px)!important;
  min-height:0!important;
  padding:var(--vip98-safe-top) 18px 8px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:136px minmax(0,1fr) 60px!important;
  align-items:center!important;
  gap:8px!important;
  background:rgba(255,255,255,.985)!important;
  border:0!important;
  border-bottom:1px solid rgba(105,77,15,.06)!important;
  box-shadow:0 5px 18px rgba(28,22,10,.035)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-backbar>button[data-back]{
  justify-self:start!important;
  width:132px!important;height:58px!important;min-width:132px!important;
  padding:0 17px!important;
  border:1px solid #eee9dc!important;
  border-radius:22px!important;
  background:#fff!important;
  color:#0e0e0e!important;-webkit-text-fill-color:#0e0e0e!important;
  box-shadow:0 9px 22px rgba(29,24,15,.08)!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
  font-size:0!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-backbar>button[data-back]>.ms{
  font-size:28px!important;font-weight:700!important;color:#111!important;-webkit-text-fill-color:#111!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-backbar>button[data-back]:after{
  content:"Retour"!important;
  font-family:inherit!important;font-size:17px!important;font-weight:900!important;letter-spacing:-.02em!important;
  color:#111!important;-webkit-text-fill-color:#111!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-title-block{
  align-self:center!important;min-width:0!important;
  transform:translateY(1px)!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-title-block .djs-back-title{
  gap:7px!important;font-size:21px!important;font-weight:950!important;letter-spacing:-.055em!important;
  color:#15120c!important;-webkit-text-fill-color:#15120c!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-title-crown{
  font-size:24px!important;color:#9e7110!important;-webkit-text-fill-color:#9e7110!important;
  font-variation-settings:'FILL' 1!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-title-block small{
  margin-top:7px!important;font-size:10.5px!important;font-weight:700!important;line-height:1!important;
  color:#756238!important;-webkit-text-fill-color:#756238!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-backbar .djs-vip43-help{
  justify-self:end!important;
  width:58px!important;height:58px!important;min-width:58px!important;
  border-radius:20px!important;border:1px solid #eee8d8!important;background:#fff!important;
  box-shadow:0 8px 20px rgba(38,29,9,.055)!important;
  color:#111!important;-webkit-text-fill-color:#111!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-backbar .djs-vip43-help .ms{font-size:29px!important}

/* ── Gold hero: member, brand accents, curved V1 → V5 road, then card. ── */
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-journey{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  width:100%!important;margin:0!important;border-radius:0!important;
  padding:calc(var(--vip98-safe-top) + 94px) 0 20px!important;
  background:
    radial-gradient(circle at 50% 13%,rgba(255,255,255,.98) 0 8%,rgba(255,255,255,.42) 23%,transparent 41%),
    radial-gradient(circle at 13% 22%,rgba(255,255,255,.54),transparent 28%),
    radial-gradient(circle at 89% 20%,rgba(255,255,255,.48),transparent 28%),
    linear-gradient(135deg,#fff8dc 0%,#f8e5a7 38%,#fff5c8 65%,#edce78 100%)!important;
  border:0!important;border-bottom:1px solid rgba(139,100,12,.14)!important;
  box-shadow:none!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-journey:before{
  content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;opacity:.22!important;pointer-events:none!important;
  background-image:repeating-linear-gradient(132deg,transparent 0 29px,rgba(167,121,15,.13) 30px 31px,transparent 32px 58px)!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 13%,#000 83%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,transparent 0,#000 13%,#000 83%,transparent 100%)!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-journey:after{
  content:""!important;position:absolute!important;z-index:-1!important;pointer-events:none!important;
  width:300px!important;height:300px!important;left:50%!important;top:calc(var(--vip98-safe-top) + 94px)!important;
  transform:translateX(-50%)!important;border-radius:50%!important;
  border:1px solid rgba(165,118,14,.13)!important;
  box-shadow:0 0 0 24px rgba(255,255,255,.07),0 0 0 46px rgba(165,118,14,.028)!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-member{
  position:relative!important;z-index:5!important;
  width:170px!important;min-height:120px!important;margin:0 auto 8px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-avatar-wrap{
  width:86px!important;height:86px!important;padding:6px!important;border-radius:50%!important;
  background:linear-gradient(145deg,#fff3a8,#c69317 46%,#fff5b0 100%)!important;
  box-shadow:0 10px 28px rgba(113,75,3,.18),0 0 0 6px rgba(255,255,255,.42)!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-avatar{
  width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important;background:#fff!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-avatar-level{
  right:-7px!important;bottom:5px!important;min-width:38px!important;height:27px!important;padding:0 8px!important;
  border-radius:10px!important;background:linear-gradient(145deg,#4a3508,#17130b)!important;color:#ffe496!important;-webkit-text-fill-color:#ffe496!important;
  border:1px solid #efd271!important;font-size:13px!important;font-weight:900!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-member>strong{
  margin-top:10px!important;font-size:18px!important;font-weight:950!important;line-height:1!important;
  color:#15120c!important;-webkit-text-fill-color:#15120c!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-member>strong:after{
  content:"Membre VIP"!important;display:block!important;width:max-content!important;margin:7px auto 0!important;padding:5px 13px!important;
  border-radius:999px!important;background:linear-gradient(90deg,#b18211,#e1b947)!important;
  color:#fffaf0!important;-webkit-text-fill-color:#fffaf0!important;font-size:10px!important;font-weight:900!important;
  box-shadow:0 5px 12px rgba(118,78,4,.13)!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-family-note,
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-brandmark{
  position:absolute!important;z-index:3!important;pointer-events:none!important;top:calc(var(--vip98-safe-top) + 160px)!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-family-note{
  left:24px!important;transform:rotate(-6deg)!important;color:#3b2d0e!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-family-note small{font-size:11.5px!important;font-weight:550!important;color:#3b2d0e!important;-webkit-text-fill-color:#3b2d0e!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-family-note strong{font:italic 700 17px/1.02 Georgia,serif!important;color:#946505!important;-webkit-text-fill-color:#946505!important;margin-top:5px!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-brandmark{
  right:22px!important;width:96px!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;color:#6e4e09!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-brandmark>.ms{font-size:45px!important;line-height:.85!important;color:#b8840b!important;-webkit-text-fill-color:#b8840b!important;font-variation-settings:'FILL' 1!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-brandmark strong{font:700 12px/1 Georgia,serif!important;letter-spacing:.035em!important;margin-top:5px!important;color:#6e4e09!important;-webkit-text-fill-color:#6e4e09!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-brandmark small{font-size:4.8px!important;letter-spacing:.055em!important;margin-top:3px!important;color:#6e4e09!important;-webkit-text-fill-color:#6e4e09!important}

/* Fixed road geometry: no brand/node overlap at any phone width. */
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-road{
  position:relative!important;height:118px!important;margin:7px 0 2px!important;overflow:visible!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-road-svg{
  position:absolute!important;left:3%!important;top:1px!important;width:94%!important;height:102px!important;overflow:visible!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-road-shadow{
  stroke:rgba(255,255,255,.78)!important;stroke-width:11!important;fill:none!important;stroke-linecap:round!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-road-line{
  stroke:#c9a13c!important;stroke-width:5.5!important;fill:none!important;stroke-linecap:round!important;filter:drop-shadow(0 3px 4px rgba(93,64,4,.12))!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-node{
  width:46px!important;height:55px!important;gap:3px!important;transform:translateX(-50%)!important;
  color:#17130b!important;-webkit-text-fill-color:#17130b!important;font-size:11px!important;font-weight:950!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-node.n1{left:12%!important;top:34px!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-node.n2{left:31%!important;top:58px!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-node.n3{left:51%!important;top:61px!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-node.n4{left:71%!important;top:45px!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-node.n5{left:90%!important;top:12px!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-node i{
  width:18px!important;height:18px!important;border:3px solid #fff6cf!important;background:#c49625!important;
  box-shadow:0 4px 10px rgba(93,65,5,.21)!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-node.is-member i{
  width:29px!important;height:29px!important;background:#17130b!important;border:7px solid #efcb66!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.78),0 7px 15px rgba(65,44,3,.18)!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-node-crown{font-size:22px!important;color:#9e7110!important;-webkit-text-fill-color:#9e7110!important}

/* ── VIP level cards: compact like the reference, never stretched. ── */
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-slider-wrap{position:relative!important;z-index:5!important;margin:0!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-slider{
  gap:12px!important;padding:8px 18px 12px!important;scroll-padding-inline:18px!important;align-items:stretch!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-card{
  flex:0 0 calc(100vw - 36px)!important;
  width:calc(100vw - 36px)!important;max-width:650px!important;
  min-height:306px!important;height:auto!important;
  padding:16px 16px 15px!important;border-radius:25px!important;box-sizing:border-box!important;
  border:1px solid rgba(158,112,12,.32)!important;
  background:
    radial-gradient(circle at 88% 7%,rgba(255,255,255,.74),transparent 28%),
    linear-gradient(145deg,rgba(255,250,220,.99),rgba(240,208,114,.88) 52%,rgba(255,247,207,.99))!important;
  box-shadow:0 14px 32px rgba(105,74,5,.12)!important;color:#15120c!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-card.is-current{transform:none!important;border-color:#a8780a!important;box-shadow:0 18px 38px rgba(104,72,4,.17)!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-card-head{
  display:grid!important;grid-template-columns:50px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-tier-icon{
  width:48px!important;height:48px!important;border-radius:13px!important;font-size:28px!important;
  background:linear-gradient(145deg,#e4b83f,#a77408)!important;color:#fff8d5!important;-webkit-text-fill-color:#fff8d5!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-card .djs-vip44-vip-title{
  font-family:Georgia,'Times New Roman',serif!important;font-style:italic!important;
  font-size:31px!important;line-height:.95!important;font-weight:900!important;letter-spacing:-.04em!important;
  color:#111!important;-webkit-text-fill-color:#111!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-validity{
  min-width:106px!important;min-height:50px!important;padding:7px 9px!important;border-radius:16px!important;
  background:rgba(255,255,255,.74)!important;border:1px solid rgba(149,108,11,.09)!important;
  display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;column-gap:5px!important;align-items:center!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-validity small{grid-column:1/-1!important;font-size:8.5px!important;font-weight:950!important;color:#60532f!important;-webkit-text-fill-color:#60532f!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-validity b{font-size:13px!important;line-height:1!important;font-weight:950!important;color:#15120c!important;-webkit-text-fill-color:#15120c!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-validity .ms{font-size:20px!important;color:#1d8c59!important;-webkit-text-fill-color:#1d8c59!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-card .djs-vip44-upgrade-copy{
  min-height:0!important;margin:13px 2px 11px!important;font-size:13px!important;line-height:1.38!important;color:#2d2719!important;-webkit-text-fill-color:#2d2719!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-progress-row{margin:0 0 11px!important;gap:10px!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-progress-row .djs-vip44-progress{
  height:9px!important;border-radius:999px!important;background:rgba(255,255,255,.7)!important;border:1px solid rgba(125,88,5,.08)!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-progress-row .djs-vip44-progress i{background:linear-gradient(90deg,#b17e08,#dfba4e)!important;border-radius:inherit!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-progress-row>b{font-size:10px!important;color:#2f2817!important;-webkit-text-fill-color:#2f2817!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-card-perks{
  min-height:79px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 12px!important;
  padding:11px 9px!important;margin:0 0 12px!important;border:0!important;border-radius:14px!important;
  background:rgba(255,255,255,.78)!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-card-perks>span{
  gap:7px!important;font-size:9.8px!important;font-weight:850!important;line-height:1.15!important;
  color:#251f13!important;-webkit-text-fill-color:#251f13!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-card-perks i{
  width:27px!important;height:27px!important;flex:0 0 27px!important;border-radius:8px!important;font-size:16px!important;
  color:#fff7d1!important;-webkit-text-fill-color:#fff7d1!important;background:linear-gradient(145deg,#d6aa31,#9f7007)!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-actions{
  margin-top:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-benefits-btn,
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-actions .djs-vip44-details{
  height:44px!important;min-height:44px!important;border-radius:999px!important;padding:0 12px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
  font-size:10px!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-benefits-btn{
  background:rgba(255,255,255,.86)!important;border:1px solid rgba(126,88,5,.13)!important;
  color:#201a0f!important;-webkit-text-fill-color:#201a0f!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-actions .djs-vip44-details{
  background:#111!important;border:1px solid #111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-actions .djs-vip44-details *{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip43-payrow.djs-vip44-payrow{margin:0 0 9px!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-dots{margin:5px 0 0!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-dots i{background:rgba(128,91,7,.2)!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-dots i.active{background:#866008!important}

/* ── Benefits: exact 4-across compact gold tiles from reference. ── */
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-benefits{
  width:100%!important;max-width:none!important;margin:0!important;padding:24px 16px 18px!important;box-sizing:border-box!important;background:#fffdf8!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-benefits-heading{
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important;margin:0 0 14px!important;text-align:left!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-benefits-heading h2{margin:0!important;font-size:21px!important;line-height:1!important;font-weight:950!important;color:#111!important;-webkit-text-fill-color:#111!important;letter-spacing:-.04em!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-benefits-heading p{margin:7px 0 0!important;font-size:10px!important;line-height:1.25!important;color:#776d57!important;-webkit-text-fill-color:#776d57!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-benefits-heading>button{
  flex:0 0 auto!important;border:0!important;background:transparent!important;color:#111!important;-webkit-text-fill-color:#111!important;font-size:10px!important;font-weight:900!important;padding:5px 0!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-benefit-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-benefit{
  min-width:0!important;min-height:102px!important;padding:10px 5px!important;border-radius:14px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  background:linear-gradient(145deg,#fffdf5,#f5ecd3)!important;border:1px solid #e9dbb5!important;
  box-shadow:0 6px 15px rgba(81,58,9,.045)!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-benefit-icon{font-size:26px!important;color:#9b6f0c!important;-webkit-text-fill-color:#9b6f0c!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-benefit>span:not(.djs-vip44-benefit-icon){margin-top:7px!important;font-size:8.7px!important;line-height:1.1!important;font-weight:900!important;color:#1d1a13!important;-webkit-text-fill-color:#1d1a13!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-benefit>small{display:none!important}

/* Bottom promo banner: force legible white/gold text; v2.39.97 inherited dark text. */
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-upgrade-banner{
  width:calc(100% - 32px)!important;max-width:none!important;min-height:84px!important;margin:0 16px 18px!important;padding:12px 14px!important;box-sizing:border-box!important;
  border:0!important;border-radius:17px!important;
  background:radial-gradient(circle at 78% 45%,rgba(231,187,70,.26),transparent 31%),linear-gradient(100deg,#17130c,#34280e 69%,#17130c)!important;
  display:grid!important;grid-template-columns:56px minmax(0,1fr) 45px!important;align-items:center!important;gap:10px!important;text-align:left!important;
  box-shadow:0 12px 28px rgba(49,35,7,.15)!important;
  color:#fff8df!important;-webkit-text-fill-color:#fff8df!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-upgrade-banner *{color:#fff8df!important;-webkit-text-fill-color:#fff8df!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-upgrade-crown{font-size:50px!important;color:#d9a42a!important;-webkit-text-fill-color:#d9a42a!important;font-variation-settings:'FILL' 1!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-upgrade-banner b{font-size:14px!important;line-height:1.05!important;font-weight:950!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-upgrade-banner strong{font-size:12.5px!important;line-height:1.1!important;color:#f0c95c!important;-webkit-text-fill-color:#f0c95c!important;margin-top:2px!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-upgrade-banner small{font-size:8px!important;color:#d2c7aa!important;-webkit-text-fill-color:#d2c7aa!important;margin-top:5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-upgrade-banner>i{width:42px!important;height:42px!important;border-radius:50%!important;background:linear-gradient(145deg,#f0cc65,#ba8614)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:25px!important}

/* Lower VIP tools must remain visible above the global bottom dock. */
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-tools{
  padding:4px 16px 28px!important;background:#fff!important;box-sizing:border-box!important;
}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-tool-card{border-radius:20px!important}
html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-faq{padding-bottom:28px!important;background:#fff!important}

@media(max-width:430px){
  html body #djs-portal #djs-screen-vip.djs-vip98-screen{
    --vip98-safe-top:max(44px, env(safe-area-inset-top,0px));
  }
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-backbar{
    grid-template-columns:112px minmax(0,1fr) 54px!important;padding-left:14px!important;padding-right:14px!important;height:calc(var(--vip98-safe-top) + 76px)!important;
  }
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-backbar>button[data-back]{width:108px!important;min-width:108px!important;height:54px!important;padding:0 13px!important;border-radius:19px!important;gap:7px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-backbar>button[data-back]>.ms{font-size:25px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-backbar>button[data-back]:after{font-size:15px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-backbar .djs-vip43-help{width:52px!important;height:52px!important;min-width:52px!important;border-radius:18px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-title-block .djs-back-title{font-size:18px!important;gap:5px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-title-crown{font-size:21px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-title-block small{font-size:8.7px!important;margin-top:6px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-journey{padding-top:calc(var(--vip98-safe-top) + 85px)!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-family-note{left:17px!important;top:calc(var(--vip98-safe-top) + 150px)!important;transform:scale(.9) rotate(-6deg)!important;transform-origin:left center!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-brandmark{right:12px!important;top:calc(var(--vip98-safe-top) + 148px)!important;transform:scale(.9)!important;transform-origin:right center!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-member{min-height:112px!important;margin-bottom:5px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-avatar-wrap{width:78px!important;height:78px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-member>strong{font-size:17px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-road{height:108px!important;margin-top:6px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-road-svg{height:94px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-node.n1{left:11%!important;top:31px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-node.n2{left:30%!important;top:53px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-node.n3{left:50%!important;top:56px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-node.n4{left:70%!important;top:41px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-node.n5{left:90%!important;top:10px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-slider{padding-left:15px!important;padding-right:15px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-card{flex-basis:calc(100vw - 30px)!important;width:calc(100vw - 30px)!important;min-height:300px!important;padding:15px 14px 14px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-card-head{grid-template-columns:46px minmax(0,1fr) auto!important;gap:7px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-tier-icon{width:44px!important;height:44px!important;font-size:26px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-card .djs-vip44-vip-title{font-size:27px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-validity{min-width:92px!important;min-height:45px!important;padding:6px 8px!important;border-radius:14px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-validity b{font-size:11px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-card .djs-vip44-upgrade-copy{font-size:12px!important;margin-top:12px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-card-perks{gap:7px 8px!important;padding:10px 7px!important;min-height:75px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-card-perks>span{font-size:9px!important;gap:6px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-card-perks i{width:25px!important;height:25px!important;flex-basis:25px!important;font-size:15px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-benefits-btn,
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-actions .djs-vip44-details{height:42px!important;min-height:42px!important;font-size:9px!important;padding:0 7px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-benefits{padding-left:13px!important;padding-right:13px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-benefit-grid{gap:6px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-benefit{min-height:94px!important;padding:8px 3px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-benefit-icon{font-size:24px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip44-benefit>span:not(.djs-vip44-benefit-icon){font-size:7.8px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-upgrade-banner{width:calc(100% - 26px)!important;margin-left:13px!important;margin-right:13px!important;grid-template-columns:48px minmax(0,1fr) 40px!important;padding:11px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-upgrade-crown{font-size:44px!important}
}

@media(max-width:365px){
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-family-note,
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-brandmark{opacity:.72!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-title-block .djs-back-title{font-size:16.5px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-title-block small{font-size:7.8px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-backbar{grid-template-columns:102px minmax(0,1fr) 48px!important;padding-left:10px!important;padding-right:10px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-backbar>button[data-back]{width:98px!important;min-width:98px!important;padding:0 10px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-backbar .djs-vip43-help{width:47px!important;min-width:47px!important}
  html body #djs-portal #djs-screen-vip.djs-vip98-screen .djs-vip97-card-perks>span{font-size:8.2px!important}
}