/* Autumn season: one leaves wallpaper on hot, card, cold and vitrina. */

/* Around the phone mock — cream, not orange (orange belongs inside .screen only) */
html.dc-splash-done,
html.dc-gone,
html.dc-splash-done body,
html.dc-gone body,
html,body,#dc-root,.stage{
  background:#FDF1F6 !important;
  background-image:none !important;
  transition:none !important;
}
html:has(.screen.profile),
html body:has(.screen.profile),
html body .stage:has(.screen.profile){
  background:#FDF1F6 !important;
  background-image:none !important;
  transition:none !important;
}

/* Same leaves on hot, card, cold, vitrina — beat index restore (4+ classes). */
html body .screen.screen:not(.cold):not(.profile):not(.vitrina-mode),
html body .device .screen.screen:not(.cold):not(.profile):not(.vitrina-mode),
html body .screen.screen.cold:not(.profile):not(.vitrina-mode),
html body .device .screen.screen.cold:not(.profile):not(.vitrina-mode),
html body .screen.cold:not(.profile):not(.vitrina-mode),
html body .screen.screen.vitrina-mode,
html body .device .screen.screen.vitrina-mode,
html body .screen.vitrina-mode,
html body .screen.screen.profile,
html body .device .screen.screen.profile,
html body .screen.profile{
  background-color:#F4A024 !important;
  background-image:url('./assets/bg-leaves.jpg') !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  animation:none !important;
  transition:none !important;
}

html body .screen .blobs,
html body .screen.profile .blobs,
html body .screen.cold .blobs,
html body .screen.vitrina-mode .blobs,
html body .screen .blobs .b1,
html body .screen .blobs .b2,
html body .screen .blobs .b3,
html body .screen.profile .blobs .b1,
html body .screen.profile .blobs .b2,
html body .screen.profile .blobs .b3,
html body .screen.cold .blobs .b1,
html body .screen.cold .blobs .b2,
html body .screen.cold .blobs .b3,
html body .screen.vitrina-mode .blobs .b1,
html body .screen.vitrina-mode .blobs .b2,
html body .screen.vitrina-mode .blobs .b3{
  opacity:0 !important;
  display:none !important;
}

html body .screen .view,
html body .device .view,
html body .view,
html body .screen.profile .view,
html body .screen.profile .profile-page,
html body .view .profile-page,
html body .screen.screen:not(.cold):not(.vitrina-mode) .view{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  animation:none !important;
}

/* no snow layer — same leaves picture as hot / vitrina */
html body .screen.cold:not(.profile):not(.vitrina-mode)::before{
  content:none !important;
  display:none !important;
  background-image:none !important;
  animation:none !important;
}

/* Cream slogan on leaves — same on hot, card, cold, vitrina (kill berry sheen clip) */
html body .dar-season-pin .app-tagline,
html body .screen .app-head .app-tagline,
html body .view .app-head .app-tagline,
html body .screen.profile .app-tagline,
html body .screen.cold .app-tagline,
html body .screen.vitrina-mode .app-tagline{
  background:none !important;
  padding:0 2px !important;
  box-shadow:none !important;
  filter:drop-shadow(0 1px 1px rgba(40,10,8,.7)) drop-shadow(0 2px 8px rgba(40,10,8,.28));
}
html body .dar-season-pin .app-tagline-t1,
html body .dar-season-pin .app-tagline-t2,
html body .dar-season-pin .app-tagline-t3,
html body .screen .app-head .app-tagline-t1,
html body .screen .app-head .app-tagline-t2,
html body .screen .app-head .app-tagline-t3,
html body .view .app-head .app-tagline-t1,
html body .view .app-head .app-tagline-t2,
html body .view .app-head .app-tagline-t3,
html body .screen.profile .app-tagline-t1,
html body .screen.profile .app-tagline-t2,
html body .screen.profile .app-tagline-t3,
html body .screen.cold .app-tagline-t1,
html body .screen.cold .app-tagline-t2,
html body .screen.cold .app-tagline-t3,
html body .screen.vitrina-mode .app-tagline-t1,
html body .screen.vitrina-mode .app-tagline-t2,
html body .screen.vitrina-mode .app-tagline-t3{
  color:#FFF8F0 !important;
  -webkit-text-fill-color:#FFF8F0 !important;
  -webkit-text-stroke:0 !important;
  text-shadow:none !important;
  background:none !important;
  background-image:none !important;
  -webkit-background-clip:unset !important;
  background-clip:unset !important;
  animation:none !important;
  opacity:1 !important;
  font-style:normal !important;
}
html body .dar-season-pin .app-tagline-t3,
html body .screen .app-head .app-tagline-t3,
html body .screen.profile .app-tagline-t3,
html body .screen.cold .app-tagline-t3,
html body .screen.vitrina-mode .app-tagline-t3{
  color:#FFE2C0 !important;
  -webkit-text-fill-color:#FFE2C0 !important;
}

/* tabs: same warm glass on leaves for every mode */
html body .screen .modes,
html body .screen.profile .modes,
html body .screen.cold .modes,
html body .screen.vitrina-mode .modes{
  background:rgba(255,176,72,.38) !important;
  border:1px solid rgba(255,220,160,.4) !important;
  box-shadow:0 8px 20px -14px rgba(140,50,10,.35), inset 0 1px 0 rgba(255,236,200,.35) !important;
  -webkit-backdrop-filter:blur(10px) saturate(1.1) !important;
  backdrop-filter:blur(10px) saturate(1.1) !important;
}
html body .screen .modes.modes3 .modeb:not(.on),
html body .screen.profile .modes.modes3 .modeb:not(.on),
html body .screen.cold .modes.modes3 .modeb:not(.on),
html body .screen.vitrina-mode .modes.modes3 .modeb:not(.on){
  color:#6E2438 !important;
}
html body .screen .modes.modes3 .mode-vitrina:not(.on) span,
html body .screen.profile .modes.modes3 .mode-vitrina:not(.on) span,
html body .screen.cold .modes.modes3 .mode-vitrina:not(.on) span,
html body .screen.vitrina-mode .modes.modes3 .mode-vitrina:not(.on) span{
  background:none !important;
  -webkit-background-clip:unset !important;
  background-clip:unset !important;
  -webkit-text-fill-color:#B03068 !important;
  color:#B03068 !important;
  filter:none !important;
}

/* HOT: no glass strip / frosted chips — leaves show through */
html body .screen:not(.cold):not(.vitrina-mode) .chipbar,
html body .screen.profile .chipbar{
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
html body .screen:not(.cold):not(.vitrina-mode) .chipbar .chip:not(.on),
html body .screen:not(.cold):not(.vitrina-mode) .chips .chip:not(.on),
html body .screen.profile .chipbar .chip:not(.on),
html body .screen.profile .chips .chip:not(.on){
  background:transparent !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  color:#3A1418 !important;
  -webkit-text-fill-color:#3A1418 !important;
  text-shadow:0 1px 0 rgba(255,236,210,.7) !important;
}

/* Search + chips stay in the Superdesign tree but take no layout (scroll leftovers were empty capsules). */
html body .srow,
html body .chipbar,
html body .chips,
html body .srow .search,
html body .screen:not(.profile) .srow,
html body .screen:not(.profile) .chipbar,
html body .screen:not(.profile) .chips{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
  visibility:hidden !important;
  pointer-events:none !important;
  position:absolute !important;
  left:-9999px !important;
  width:0 !important;
  opacity:0 !important;
}
html body .screen .view{
  padding-top:0 !important;
  overscroll-behavior:none !important;
  overscroll-behavior-y:none !important;
}
html body .screen,
html body .device .screen{
  overscroll-behavior:none !important;
  overscroll-behavior-y:none !important;
}
/* pin stays in Superdesign tree — sticky, do not move DOM */
html body .view .dar-season-pin,
html body .view .dar-local-pin{
  position:sticky !important;
  top:0 !important;
  z-index:40 !important;
  padding-top:calc(env(safe-area-inset-top,0px) + 14px) !important;
  padding-bottom:8px !important;
  overflow:hidden !important;
  background-attachment:scroll !important;
  transition:none !important;
}
html body .device .screen.screen,
html body .screen.screen,
html body .screen.cold,
html body .screen.vitrina-mode{
  background-attachment:scroll !important;
}

/* Pin: same leaves slice as the screen on hot, card, cold, vitrina */
html body .screen .dar-season-pin,
html body .screen .dar-local-pin,
html body .screen.cold .dar-season-pin,
html body .screen.vitrina-mode .dar-season-pin,
html body .screen.profile .dar-season-pin{
  background-color:transparent !important;
  background-image:none !important;
  isolation:isolate !important;
}
html body .screen .dar-season-pin::before,
html body .screen .dar-local-pin::before,
html body .screen.cold .dar-season-pin::before,
html body .screen.vitrina-mode .dar-season-pin::before,
html body .screen.profile .dar-season-pin::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  width:100% !important;
  height:100cqh !important;
  background-color:#F4A024 !important;
  background-image:url('./assets/bg-leaves.jpg') !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  pointer-events:none !important;
  z-index:-1 !important;
}

html body .screen.profile .profile-page::before,
html body .screen.profile .profile-page::after,
html body .view .profile-page::before,
html body .view .profile-page::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  background:none !important;
  animation:none !important;
}



/* Keep drink rows painted while scrolling (Safari + wallpaper used to drop them). */
html body .screen .item,
html body .screen .items .item{
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
}

/* Витрина must not look selected when Горячее/Холодное is on */
html body .modes.modes3 .mode-vitrina:not(.on){
  animation:none !important;
}
html body .modes.modes3 .mode-vitrina:not(.on)::before,
html body .modes.modes3 .mode-vitrina:not(.on)::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  animation:none !important;
  box-shadow:none !important;
  background:none !important;
  height:0 !important;
  border:0 !important;
}

/* Dock «Войти» / cart to the screen bottom. Do NOT set position:relative on .screen — that unhooks height:100%. */
html body .guest-ban,
html body .screen.cold .guest-ban,
html body .screen.vitrina-mode .guest-ban,
html body .screen:not(.cold):not(.vitrina-mode) .guest-ban{
  position:absolute !important;
  left:10px !important;
  right:10px !important;
  top:auto !important;
  bottom:calc(12px + env(safe-area-inset-bottom,0px)) !important;
  transform:none !important;
  margin:0 !important;
  z-index:80 !important;
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  padding:10px 12px !important;
  font-size:12px !important;
}
html body .screen:has(.floatcart) .guest-ban{
  bottom:calc(70px + env(safe-area-inset-bottom,0px)) !important;
}
html body .floatcart,
html body button.floatcart,
html body .screen.cold .floatcart,
html body .screen.vitrina-mode .floatcart{
  position:absolute !important;
  left:12px !important;
  right:12px !important;
  top:auto !important;
  bottom:calc(12px + env(safe-area-inset-bottom,0px)) !important;
  transform:none !important;
  z-index:79 !important;
}
html body .screen:has(.guest-ban) .view{
  padding-bottom:calc(88px + env(safe-area-inset-bottom,0px)) !important;
}
html body .screen:has(.floatcart) .view{
  padding-bottom:calc(88px + env(safe-area-inset-bottom,0px)) !important;
}
html body .screen:has(.floatcart):has(.guest-ban) .view{
  padding-bottom:calc(148px + env(safe-area-inset-bottom,0px)) !important;
}

/* Header: same size on hot / vitrina / cold / card — relaxed, not squeezed */
html body .view .dar-season-pin,
html body .view .dar-local-pin{
  padding-top:calc(env(safe-area-inset-top,0px) + 14px) !important;
  padding-bottom:8px !important;
}
html body .app-head.mtitle.mtitle-row,
html body .mtitle.mtitle-row.app-head,
html body .view .app-head.mtitle.mtitle-row,
html body .view .profile-page .mtitle-row,
html body .view .profile-page .mtitle.mtitle-row,
html body .screen.profile .app-head.mtitle.mtitle-row,
html body .screen.cold .app-head.mtitle.mtitle-row,
html body .screen.vitrina-mode .app-head.mtitle.mtitle-row{
  padding:10px 16px 8px !important;
  margin:4px 0 6px !important;
  gap:10px !important;
  min-height:56px !important;
  box-sizing:border-box !important;
}
html body .app-head .mycardbtn,
html body .mtitle .mycardbtn,
html body .view .app-head .mycardbtn,
html body .view .profile-page .mtitle-row .mycardbtn,
html body .screen .app-head .mycardbtn,
html body .screen.profile .app-head .mycardbtn,
html body .screen.cold .app-head .mycardbtn,
html body .screen.vitrina-mode .app-head .mycardbtn,
html body .screen:not(.cold):not(.vitrina-mode) .app-head .mycardbtn{
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  width:128px !important;
  min-width:128px !important;
  max-width:128px !important;
  padding:0 16px !important;
  font-size:14px !important;
  box-sizing:border-box !important;
  flex:0 0 128px !important;
}
html body .app-tagline-t1,
html body .app-head .app-tagline-t1,
html body .screen.profile .app-tagline-t1,
html body .view .profile-page .app-tagline-t1,
html body .screen.cold .app-tagline-t1,
html body .screen.vitrina-mode .app-tagline-t1{
  font-size:13px !important;
  line-height:1.2 !important;
  margin:0 !important;
  letter-spacing:0 !important;
}
html body .app-tagline-t2,
html body .app-head .app-tagline-t2,
html body .screen.profile .app-tagline-t2,
html body .view .profile-page .app-tagline-t2,
html body .screen.cold .app-tagline-t2,
html body .screen.vitrina-mode .app-tagline-t2{
  font-size:11px !important;
  line-height:1.28 !important;
  margin-top:3px !important;
}
html body .app-tagline-t3,
html body .app-head .app-tagline-t3,
html body .screen.profile .app-tagline-t3,
html body .view .profile-page .app-tagline-t3,
html body .screen.cold .app-tagline-t3,
html body .screen.vitrina-mode .app-tagline-t3{
  font-size:9px !important;
  line-height:1.25 !important;
  margin-top:4px !important;
  letter-spacing:.12em !important;
}
html body .place-chip,
html body a.place-chip,
html body .view .place-chip,
html body .screen.profile .place-chip,
html body .screen.cold .place-chip,
html body .screen.vitrina-mode .place-chip{
  margin:8px 16px 10px !important;
  padding:9px 14px !important;
  min-height:40px !important;
  height:40px !important;
  box-sizing:border-box !important;
  font-size:13px !important;
}
html body .modes.modes3,
html body .screen.cold .modes.modes3,
html body .screen.vitrina-mode .modes.modes3,
html body .screen:not(.cold):not(.vitrina-mode) .modes.modes3{
  margin:6px 14px 0 !important;
  padding:3px !important;
  height:42px !important;
  min-height:42px !important;
  box-sizing:border-box !important;
}
html body .modes.modes3 .modeb,
html body .screen.cold .modes.modes3 .modeb,
html body .screen.vitrina-mode .modes.modes3 .modeb{
  padding:0 4px !important;
  font-size:11px !important;
  height:36px !important;
  box-sizing:border-box !important;
}
html body .dar-season-pin .mycardbtn,
html body .dar-local-pin .mycardbtn{
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  width:128px !important;
  min-width:128px !important;
  max-width:128px !important;
  padding:0 16px !important;
  font-size:14px !important;
  box-sizing:border-box !important;
  flex:0 0 128px !important;
}
html body .dar-season-pin .app-tagline-t1,
html body .dar-local-pin .app-tagline-t1{
  font-size:13px !important;
  line-height:1.2 !important;
}
html body .dar-season-pin .app-tagline-t2,
html body .dar-local-pin .app-tagline-t2{
  font-size:11px !important;
  line-height:1.28 !important;
  margin-top:3px !important;
}
html body .dar-season-pin .app-tagline-t3,
html body .dar-local-pin .app-tagline-t3{
  font-size:9px !important;
  margin-top:4px !important;
}
html body .dar-season-pin .place-chip,
html body .dar-local-pin .place-chip{
  margin:8px 16px 10px !important;
  padding:9px 14px !important;
  min-height:40px !important;
  height:40px !important;
  box-sizing:border-box !important;
  font-size:13px !important;
}

/* Login/PIN: same leaves wallpaper. Keep wordmark, pill, form, fade. */
html body .screen .authwrap,
html body .device .screen .authwrap,
html body .authwrap,
html.auth-pin-lock body .authwrap,
html.kb-auth body .authwrap,
html.kb-open.kb-auth body .authwrap,
html.auth-phone-kb body .authwrap{
  background-color:#F4A024 !important;
  background-image:url('./assets/bg-leaves.jpg') !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
}
html body .authwrap .blobs,
html body .authwrap .blobs .b1,
html body .authwrap .blobs .b2,
html body .authwrap .blobs .b3,
html body .authwrap .authstars,
html body .authwrap .astar{
  display:none !important;
  opacity:0 !important;
  animation:none !important;
  visibility:hidden !important;
}

/* Loyalty card: blue face + suit mascot. Live QR / stamps stay HTML.
   --cc-pill = reserved bottom strip; mascot box stops above it. */
html body .clubcard,
html body .screen.profile .clubcard,
html body .view .profile-page .clubcard,
html body .sheet .clubcard,
html body .sheet-card .clubcard,
html.dc-android .clubcard,
html.dc-honor .clubcard,
html body .clubcard.has-gift,
html body .screen.profile .clubcard.has-gift,
html body .sheet .clubcard.has-gift,
html body .view .profile-page .clubcard.has-gift,
html body .clubcard.has-friend,
html body .clubcard.has-gift.has-friend{
  --cc-pill:44px;
  width:min(100% - 32px, 336px) !important;
  max-width:336px !important;
  aspect-ratio:1356 / 1116 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:0 !important;
  border-radius:20px !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:
    radial-gradient(ellipse 90% 70% at 12% 8%, #6BB6FF 0%, transparent 54%),
    linear-gradient(165deg, #3B9CFF 0%, #1A73E8 46%, #0E5AD6 100%) !important;
  border:1.5px solid rgba(180, 220, 255, .45) !important;
  outline:none !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.28) inset,
    0 18px 36px -16px rgba(12, 50, 120, .55) !important;
  animation:none !important;
  filter:none !important;
}
html body .clubcard .cc-g1,
html body .clubcard .cc-g2,
html body .clubcard .cc-glow,
html body .screen.profile .clubcard .cc-g1,
html body .screen.profile .clubcard .cc-g2{
  display:none !important;
  opacity:0 !important;
  background:none !important;
}
html body .clubcard .cc-reward-main,
html body .screen.profile .clubcard .cc-reward-main,
html body .sheet .clubcard .cc-reward-main{
  display:none !important;
}
html body img.cc-mascot,
html body .clubcard img.cc-mascot,
html body .clubcard .cc-mascot,
html body .screen.profile .clubcard .cc-mascot,
html body .view .profile-page .clubcard .cc-mascot,
html body .sheet .clubcard .cc-mascot,
html body .clubcard.has-gift img.cc-mascot,
html body .clubcard.has-gift .cc-mascot,
html body .screen.profile .clubcard.has-gift img.cc-mascot,
html body .sheet .clubcard.has-gift img.cc-mascot,
html.dc-android img.cc-mascot,
html.dc-honor img.cc-mascot,
html.dc-lite img.cc-mascot,
html.dc-android body .clubcard img.cc-mascot,
html.dc-honor body .clubcard img.cc-mascot{
  position:absolute !important;
  inset:auto !important;
  left:0 !important;
  top:2% !important;
  right:auto !important;
  bottom:var(--cc-pill) !important;
  width:68% !important;
  height:calc(100% - var(--cc-pill)) !important;
  max-width:68% !important;
  max-height:calc(100% - var(--cc-pill)) !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  -webkit-transform:none !important;
  object-fit:contain !important;
  object-position:left bottom !important;
  pointer-events:none !important;
  z-index:3 !important;
  animation:none !important;
  filter:none !important;
  -webkit-filter:none !important;
  opacity:1 !important;
}
html body .clubcard .cc-mid,
html body .screen.profile .clubcard .cc-mid,
html body .clubcard.has-gift .cc-mid,
html body .sheet .clubcard.has-gift .cc-mid{
  position:absolute !important;
  inset:0 auto auto 0 !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  bottom:var(--cc-pill) !important;
  margin:0 !important;
  padding:0 !important;
  min-height:0 !important;
  display:block !important;
  z-index:4 !important;
  pointer-events:none !important;
}
html body .clubcard .cc-idcol{ display:none !important; }
html body .clubcard .cc-qrwrap,
html body .screen.profile .clubcard .cc-qrwrap,
html body .sheet .clubcard .cc-qrwrap,
html body .clubcard.has-gift .cc-qrwrap{
  position:absolute !important;
  top:7% !important;
  right:5% !important;
  left:auto !important;
  margin:0 !important;
  z-index:5 !important;
  pointer-events:none !important;
}
html body .clubcard .cc-qrplate,
html body .screen.profile .clubcard .cc-qrplate,
html body .sheet .clubcard .cc-qrplate{
  background:#F4F0FF !important;
  border:1px solid rgba(255,255,255,.7) !important;
  border-radius:14px !important;
  padding:5px !important;
  box-shadow:0 6px 16px -10px rgba(10,40,100,.4) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html body .clubcard .cc-qr,
html body .screen.profile .clubcard .cc-qr,
html body .sheet .clubcard .cc-qr{
  width:72px !important;
  height:72px !important;
  display:block !important;
  background:#fff !important;
  border-radius:6px !important;
  mix-blend-mode:normal !important;
  opacity:1 !important;
  filter:none !important;
}
html body .clubcard .cc-qr path,
html body .screen.profile .clubcard .cc-qr path,
html body .sheet .clubcard .cc-qr path,
html body .clubcard svg.cc-qr path{
  fill:#2A1858 !important;
}
html body .clubcard .cc-track,
html body .screen.profile .clubcard .cc-track,
html body .view .profile-page .clubcard .cc-track,
html body .sheet .clubcard .cc-track,
html body .clubcard.has-gift .cc-track,
html body .screen.profile .clubcard.has-gift .cc-track,
html body .sheet .clubcard.has-gift .cc-track{
  position:absolute !important;
  left:5% !important;
  right:5% !important;
  top:calc((100% - var(--cc-pill)) * 0.70) !important;
  bottom:auto !important;
  margin:0 !important;
  padding:0 !important;
  z-index:2 !important;
  gap:4px !important;
  background:transparent !important;
}
html body .clubcard .cc-dot,
html body .screen.profile .clubcard .cc-dot{
  height:8px !important;
  border-radius:99px !important;
  background:rgba(255,255,255,.22) !important;
  box-shadow:none !important;
  animation:none !important;
}
html body .clubcard .cc-dot.on,
html body .clubcard .cc-dot.gold,
html body .clubcard .cc-dot.on.gold{
  background:linear-gradient(90deg,#D4F06A 0%,#B8E03A 55%,#9ED62A 100%) !important;
  box-shadow:0 0 8px rgba(180,220,60,.45) !important;
  animation:none !important;
}
html body .clubcard .cc-tgift{
  width:22px !important;
  height:22px !important;
  background:rgba(255,255,255,.18) !important;
  color:#D4F06A !important;
  border:1px solid rgba(212,240,106,.35) !important;
  box-shadow:none !important;
  animation:none !important;
}
html body .clubcard .cc-tgift.on{
  background:linear-gradient(135deg,#D4F06A,#9ED62A) !important;
  color:#1a2a08 !important;
  border-color:rgba(255,255,255,.4) !important;
  box-shadow:0 0 10px rgba(180,220,60,.45) !important;
  animation:none !important;
}
html body .clubcard .cc-head{
  z-index:6 !important;
  height:0 !important;
  overflow:visible !important;
}
html body .clubcard .cc-topbar,
html body .screen.profile .clubcard .cc-topbar,
html body .sheet .clubcard .cc-topbar,
html body .clubcard.has-gift .cc-topbar,
html body .screen.profile .clubcard.has-gift .cc-topbar,
html body .sheet .clubcard.has-gift .cc-topbar{
  top:auto !important;
  bottom:6px !important;
  left:8px !important;
  right:8px !important;
  height:auto !important;
  max-height:calc(var(--cc-pill) - 8px) !important;
  width:auto !important;
  max-width:none !important;
  gap:5px !important;
  flex-wrap:nowrap !important;
  justify-content:flex-start !important;
  align-items:center !important;
  z-index:6 !important;
  overflow:visible !important;
}
html body .clubcard .cc-pills,
html body .screen.profile .clubcard .cc-pills,
html body .sheet .clubcard .cc-pills,
html body .clubcard.has-gift .cc-pills{
  width:100% !important;
  flex-wrap:nowrap !important;
  gap:5px !important;
  align-items:center !important;
  overflow:visible !important;
}
html body .clubcard .cc-stamps-sec,
html body .screen.profile .clubcard .cc-stamps-sec,
html body .sheet .clubcard .cc-stamps-sec,
html body .clubcard.has-gift .cc-stamps-sec{
  background:#141C2E !important;
  border:none !important;
  padding:6px 11px !important;
  font-size:11px !important;
  box-shadow:0 4px 14px -6px rgba(0,0,0,.35) !important;
  flex:0 1 auto !important;
}
html body .clubcard.has-gift .cc-stamps-sec::after,
html body .clubcard .cc-stamps-sec::after{
  display:inline !important;
  content:"штампов" !important;
  font-size:11px !important;
}
html body .clubcard .cc-gift,
html body .screen.profile .clubcard .cc-gift,
html body .sheet .clubcard .cc-gift,
html body .clubcard .cc-topbar .cc-gift,
html body .clubcard.has-gift .cc-gift,
html body .clubcard.has-gift .cc-topbar .cc-gift{
  background:linear-gradient(180deg,#D4E85A 0%,#C5DB4B 100%) !important;
  color:#1a2a08 !important;
  -webkit-text-fill-color:#1a2a08 !important;
  padding:6px 11px !important;
  font-size:11px !important;
  gap:4px !important;
  box-shadow:0 4px 14px -6px rgba(80,100,20,.4) !important;
  flex:0 1 auto !important;
}
html body .clubcard .cc-friend,
html body .screen.profile .clubcard .cc-friend,
html body .sheet .clubcard .cc-friend,
html body .clubcard .cc-topbar .cc-friend,
html body .clubcard.has-gift .cc-friend,
html body .clubcard.has-gift .cc-topbar .cc-friend{
  display:inline-flex !important;
  flex:0 0 auto !important;
  padding:6px 10px !important;
  font-size:11px !important;
  max-width:none !important;
  overflow:visible !important;
  background:linear-gradient(180deg,#E8F06A 0%,#C5DB4B 100%) !important;
  color:#1a2a08 !important;
  -webkit-text-fill-color:#1a2a08 !important;
}