/* ==========================================================
   TIVEZ GUIDE / MARMOOLAK ENGINE
   Presentation layer only.
   Character renderer may be replaced independently.
   ========================================================== */

:root{
  --tg-bg:#0b0d10;
  --tg-bg2:#12151a;
  --tg-bg3:#191d23;
  --tg-line:rgba(155,92,246,.28);
  --tg-line2:rgba(255,255,255,.16);
  --tg-text:#f4f5f6;
  --tg-muted:#8d949e;
  --tg-muted2:#69707a;
  --tg-silver:#d9dce1;
  --tg-shadow:0 22px 70px rgba(0,0,0,.48),0 0 40px -10px rgba(155,92,246,.2);
  --tg-radius:22px;
}

/* ---------- ROOT ---------- */

#tivezGuideRoot{
  position:fixed;
  z-index:96;
  left:18px;
  bottom:20px;
  direction:rtl;
  font-family:"Vazirmatn","IRANSansX",Tahoma,Arial,sans-serif;
  pointer-events:none;
}

#tivezGuideRoot *,
#tivezGuideRoot *:before,
#tivezGuideRoot *:after{
  box-sizing:border-box;
}

.tg-launcher,
.tg-panel,
.tg-toast{
  pointer-events:auto;
}

/* ---------- LAUNCHER ---------- */

.tg-launcher{
  position:relative;
  width:64px;
  height:64px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid var(--tg-line2);
  border-radius:21px;
  background:
    radial-gradient(circle at 28% 15%,rgba(255,255,255,.08),transparent 35%),
    linear-gradient(145deg,#1b1f25,#0c0e12 68%);
  color:var(--tg-text);
  cursor:pointer;
  outline:0;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 18px 45px rgba(0,0,0,.40);
  transition:
    transform .20s ease,
    border-color .20s ease,
    box-shadow .20s ease;
  -webkit-tap-highlight-color:transparent;
}

.tg-launcher:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.26);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 23px 55px rgba(0,0,0,.48);
}

.tg-launcher:active{
  transform:scale(.95);
}

.tg-launcher-ring{
  position:absolute;
  inset:-5px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:25px;
  pointer-events:none;
}

.tg-launcher-badge{
  position:absolute;
  top:-4px;
  right:-5px;
  min-width:19px;
  height:19px;
  padding:0 5px;
  display:none;
  place-items:center;
  background:#f1f2f4;
  color:#0b0c0e;
  border:3px solid #0b0d10;
  border-radius:999px;
  font-size:8px;
  font-weight:950;
}

.tg-launcher-badge.show{
  display:grid;
}

/* ---------- CHARACTER STAGE ---------- */

.tg-character{
  position:relative;
  width:47px;
  height:47px;
  display:grid;
  place-items:center;
}

.tg-character svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}

.tg-character .tg-eye{
  transform-box:fill-box;
  transform-origin:center;
  animation:tgBlink 6.2s infinite;
}

.tg-character .tg-tail{
  transform-box:fill-box;
  transform-origin:20% 50%;
  animation:tgTail 4.6s ease-in-out infinite;
}

.tg-character .tg-head{
  transform-box:fill-box;
  transform-origin:center;
  animation:tgHead 5.4s ease-in-out infinite;
}

.tg-character.is-speaking .tg-head{
  animation:tgTalk .62s ease-in-out infinite alternate;
}

.tg-character.is-success{
  animation:tgSuccess .55s cubic-bezier(.2,.8,.2,1);
}

.tg-character.is-thinking{
  animation:tgThink 1.8s ease-in-out infinite;
}

/* ---------- PANEL ---------- */

.tg-panel{
  position:absolute;
  left:0;
  bottom:78px;
  width:min(355px,calc(100vw - 28px));
  max-height:min(610px,calc(100dvh - 120px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--tg-line);
  border-radius:25px;
  background:
    radial-gradient(circle at 15% 0,rgba(255,255,255,.055),transparent 30%),
    rgba(11,13,16,.975);
  backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
  box-shadow:var(--tg-shadow);
  opacity:0;
  visibility:hidden;
  transform:translateY(10px) scale(.98);
  transform-origin:left bottom;
  transition:
    opacity .20s ease,
    transform .20s ease,
    visibility .20s ease;
}

#tivezGuideRoot.tg-open .tg-panel{
  opacity:1;
  visibility:visible;
  transform:none;
}

.tg-panel-head{
  min-height:67px;
  padding:12px 13px;
  display:flex;
  align-items:center;
  gap:11px;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(18,21,26,.78);
}

.tg-mini-avatar{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:#0e1115;
}

.tg-mini-avatar .tg-character{
  width:32px;
  height:32px;
}

.tg-head-copy{
  min-width:0;
  flex:1;
}

.tg-head-copy small{
  display:block;
  margin-bottom:2px;
  color:#737b85;
  font-size:7px;
  font-weight:900;
  letter-spacing:1.35px;
  direction:ltr;
}

.tg-head-copy b{
  display:block;
  color:#f4f5f6;
  font-size:11px;
  font-weight:900;
}

.tg-head-actions{
  display:flex;
  gap:6px;
  direction:ltr;
}

.tg-icon-btn{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  background:#171a1f;
  color:#bdc2c9;
  cursor:pointer;
  font-size:14px;
}

.tg-icon-btn:hover{
  background:#20242a;
  color:#fff;
}

.tg-content{
  padding:17px;
  overflow:auto;
  overscroll-behavior:contain;
}

.tg-context{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:11px;
  color:#777f89;
  font-size:8px;
  font-weight:850;
}

.tg-context-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#d9dce1;
  box-shadow:0 0 9px rgba(255,255,255,.36);
}

.tg-title{
  margin:0 0 7px;
  color:#f3f4f5;
  font-size:18px;
  line-height:1.6;
  font-weight:950;
  letter-spacing:-.45px;
}

.tg-message{
  margin:0;
  color:#939aa4;
  font-size:11px;
  line-height:2;
}

.tg-action-list{
  display:grid;
  gap:7px;
  margin-top:16px;
}

.tg-action{
  min-height:44px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:13px;
  background:#12151a;
  color:#e9ebed;
  cursor:pointer;
  text-align:right;
  font-size:10px;
  font-weight:850;
}

.tg-action:hover{
  background:#191d22;
  border-color:rgba(255,255,255,.16);
}

.tg-action span:last-child{
  color:#747c86;
  font-size:14px;
}

.tg-action.primary{
  background:#eef0f2;
  color:#101114;
  border-color:#eef0f2;
}

.tg-action.primary span:last-child{
  color:#555b63;
}

.tg-footer{
  padding:10px 14px 12px;
  border-top:1px solid rgba(255,255,255,.06);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#626a74;
  font-size:7px;
}

.tg-footer strong{
  color:#949ba5;
  font-weight:850;
}

/* ---------- PROACTIVE BUBBLE ---------- */

.tg-toast{
  position:absolute;
  left:0;
  bottom:78px;
  width:min(285px,calc(100vw - 100px));
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:16px 16px 16px 5px;
  background:rgba(16,19,23,.96);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 18px 48px rgba(0,0,0,.36);
  color:#d8dce0;
  font-size:9px;
  line-height:1.9;
  opacity:0;
  visibility:hidden;
  transform:translateY(7px);
  transition:.2s ease;
}

.tg-toast.show{
  opacity:1;
  visibility:visible;
  transform:none;
}

#tivezGuideRoot.tg-open .tg-toast{
  display:none;
}

/* ---------- INTRO ---------- */

.tg-intro{
  position:fixed;
  z-index:95;
  left:94px;
  bottom:25px;
  max-width:245px;
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  background:rgba(13,15,19,.95);
  box-shadow:0 18px 48px rgba(0,0,0,.36);
  color:#b7bdc5;
  font-size:9px;
  line-height:1.85;
  pointer-events:none;
  opacity:0;
  transform:translateY(7px);
  animation:tgIntro 5.8s ease both;
}

.tg-intro-rich{
  left:16px;
  bottom:96px;
  max-width:280px;
  padding:16px;
  display:flex;
  align-items:flex-start;
  gap:12px;
  border-color:rgba(155,92,246,.35);
  border-radius:20px;
  background:linear-gradient(160deg,rgba(24,17,33,.97),rgba(11,9,15,.98));
  box-shadow:0 22px 55px rgba(0,0,0,.45),0 0 40px -12px rgba(155,92,246,.4);
}

.tg-intro-avatar{
  flex:0 0 auto;
  width:44px;
  height:44px;
  border-radius:14px;
  object-fit:cover;
  box-shadow:0 0 0 2px rgba(155,92,246,.4);
}

.tg-intro-copy{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}

.tg-intro-copy b{
  font-size:12px;
  color:#f4f5f6;
  font-weight:900;
}

.tg-intro-copy span{
  font-size:10px;
  line-height:1.85;
  color:#b7bdc5;
}

/* ---------- STATES ---------- */

#tivezGuideRoot.tg-muted .tg-launcher{
  opacity:.58;
}

#tivezGuideRoot.tg-muted .tg-launcher-badge,
#tivezGuideRoot.tg-muted .tg-toast{
  display:none!important;
}

/* ---------- LIGHT MODE ---------- */

body.light .tg-panel,
body.light .tg-toast,
body.light .tg-intro{
  background:rgba(247,247,246,.98);
  border-color:rgba(0,0,0,.12);
}

body.light .tg-panel-head{
  background:rgba(239,240,239,.95);
  border-color:rgba(0,0,0,.08);
}

body.light .tg-title,
body.light .tg-head-copy b{
  color:#161719;
}

body.light .tg-message,
body.light .tg-context,
body.light .tg-footer{
  color:#686e76;
}

body.light .tg-action{
  background:#f0f1f1;
  border-color:#d6d8da;
  color:#161719;
}

body.light .tg-launcher{
  background:linear-gradient(145deg,#fff,#e4e6e8);
  border-color:#d0d3d6;
}

/* ---------- MOBILE ---------- */

@media(max-width:640px){

  #tivezGuideRoot{
    left:11px;
    bottom:82px;
  }

  .tg-launcher{
    width:54px;
    height:54px;
    border-radius:18px;
  }

  .tg-launcher-ring{
    border-radius:22px;
  }

  .tg-character{
    width:40px;
    height:40px;
  }

  .tg-panel{
    bottom:65px;
    width:min(340px,calc(100vw - 22px));
    max-height:min(560px,calc(100dvh - 165px));
    border-radius:22px;
  }

  .tg-toast{
    bottom:65px;
    width:min(260px,calc(100vw - 82px));
    font-size:9px;
  }

  .tg-intro{
    left:75px;
    bottom:88px;
    max-width:220px;
  }
}

/* ---------- VERY NARROW ---------- */

@media(max-width:360px){
  .tg-panel{
    width:calc(100vw - 18px);
  }

  .tg-title{
    font-size:16px;
  }

  .tg-message{
    font-size:10px;
  }
}

/* ---------- ACCESSIBILITY ---------- */

.tg-launcher:focus-visible,
.tg-icon-btn:focus-visible,
.tg-action:focus-visible{
  outline:2px solid #e7e9ec;
  outline-offset:3px;
}

@media(prefers-reduced-motion:reduce){
  .tg-character *,
  .tg-character,
  .tg-launcher,
  .tg-panel,
  .tg-toast,
  .tg-intro{
    animation:none!important;
    transition:none!important;
  }
}

/* ---------- KEYFRAMES ---------- */

@keyframes tgBlink{
  0%,44%,48%,100%{transform:scaleY(1)}
  46%{transform:scaleY(.12)}
}

@keyframes tgTail{
  0%,100%{transform:rotate(-2deg)}
  50%{transform:rotate(7deg)}
}

@keyframes tgHead{
  0%,100%{transform:translateY(0) rotate(0)}
  50%{transform:translateY(-1px) rotate(-1deg)}
}

@keyframes tgTalk{
  from{transform:translateY(0)}
  to{transform:translateY(-1.5px)}
}

@keyframes tgSuccess{
  0%{transform:scale(1)}
  45%{transform:scale(1.12) rotate(-3deg)}
  100%{transform:scale(1)}
}

@keyframes tgThink{
  0%,100%{transform:rotate(0)}
  50%{transform:rotate(-3deg)}
}

@keyframes tgIntro{
  0%{opacity:0;transform:translateY(8px)}
  12%,78%{opacity:1;transform:none}
  100%{opacity:0;transform:translateY(4px)}
}

/* ==========================================================
   END TIVEZ GUIDE
   ========================================================== */

/* TIVEZ_GUIDE_JOURNEY_V2_BEGIN */

/*
  V2 hierarchy:
  assistant / secure checkout may use z-index around 110.
  Guide must remain visible ABOVE journey UI,
  without blocking the form.
*/

#tivezGuideRoot{
  z-index:176!important;
}

.tg-journey-coach{
  position:fixed;
  z-index:175;
  left:20px;
  bottom:96px;
  width:min(350px,calc(100vw - 34px));

  display:flex;
  align-items:stretch;
  gap:7px;

  direction:rtl;

  opacity:0;
  visibility:hidden;

  transform:translateY(10px) scale(.985);

  transition:
    opacity .22s ease,
    transform .22s ease,
    visibility .22s ease;

  pointer-events:none;
}

.tg-journey-coach.show{
  opacity:1;
  visibility:visible;
  transform:none;
}

.tg-journey-coach-main{
  flex:1;
  min-width:0;

  display:grid;
  grid-template-columns:8px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;

  padding:11px 12px;

  border:1px solid rgba(255,255,255,.13);
  border-radius:17px;

  background:
    radial-gradient(
      circle at 12% 0,
      rgba(255,255,255,.075),
      transparent 35%
    ),
    rgba(15,18,22,.975);

  backdrop-filter:blur(20px) saturate(135%);
  -webkit-backdrop-filter:blur(20px) saturate(135%);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 18px 48px rgba(0,0,0,.42);

  color:#f3f4f5;
  text-align:right;

  pointer-events:auto;
  cursor:pointer;
}

.tg-journey-coach-dot{
  width:7px;
  height:7px;
  border-radius:999px;

  background:#e9ebee;

  box-shadow:
    0 0 0 4px rgba(255,255,255,.045),
    0 0 12px rgba(255,255,255,.30);
}

.tg-journey-coach-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.tg-journey-coach-copy b{
  color:#f1f2f4;
  font-size:10px;
  font-weight:950;
}

.tg-journey-coach-copy small{
  color:#8f969f;
  font-size:8px;
  line-height:1.8;
}

.tg-journey-coach-arrow{
  color:#777f88;
  font-size:15px;
}

.tg-journey-coach-dismiss{
  width:39px;
  flex:0 0 39px;

  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;

  background:rgba(17,20,24,.96);

  color:#8e959e;

  font-size:17px;

  pointer-events:auto;
  cursor:pointer;
}

/*
  While customer is inside the buying journey,
  keep the mascot available but deliberately compact.
*/

#tivezGuideRoot.tg-checkout-mode{
  bottom:88px!important;
}

#tivezGuideRoot.tg-checkout-mode .tg-launcher{
  width:50px;
  height:50px;
  border-radius:16px;
}

#tivezGuideRoot.tg-checkout-mode .tg-character{
  width:37px;
  height:37px;
}

#tivezGuideRoot.tg-checkout-mode .tg-panel{
  bottom:61px;
  max-height:min(
    570px,
    calc(100dvh - 145px)
  );
}

/*
  Don't visually compete with secure checkout.
*/

.tivez-guide-in-journey #tivezGuideRoot .tg-toast{
  display:none!important;
}

/*
  Document camera / native capture should remain distraction free.
*/

body:has(.doc-camera.open) #tivezGuideRoot,
body:has(.doc-camera.open) .tg-journey-coach{
  opacity:0!important;
  pointer-events:none!important;
}

/* MOBILE */

@media(max-width:640px){

  .tg-journey-coach{
    left:10px;
    bottom:143px;
    width:calc(100vw - 20px);
  }

  .tg-journey-coach-main{
    border-radius:16px;
    padding:10px 11px;
  }

  .tg-journey-coach-copy b{
    font-size:10px;
  }

  .tg-journey-coach-copy small{
    font-size:8.5px;
    line-height:1.75;
  }

  #tivezGuideRoot.tg-checkout-mode{
    left:10px!important;
    bottom:82px!important;
  }

  #tivezGuideRoot.tg-checkout-mode .tg-panel{
    left:0;
    bottom:60px;

    width:calc(100vw - 20px);

    max-height:min(
      530px,
      calc(100dvh - 155px)
    );
  }
}

/* SMALL MOBILE */

@media(max-width:360px){

  .tg-journey-coach-copy small{
    font-size:8px;
  }

  .tg-journey-coach-dismiss{
    width:36px;
    flex-basis:36px;
  }
}

/* LIGHT */

body.light .tg-journey-coach-main,
body.light .tg-journey-coach-dismiss{
  background:rgba(246,247,247,.98);
  border-color:rgba(0,0,0,.12);
}

body.light .tg-journey-coach-copy b{
  color:#18191b;
}

body.light .tg-journey-coach-copy small{
  color:#686e76;
}

/* REDUCED MOTION */

@media(prefers-reduced-motion:reduce){

  .tg-journey-coach{
    transition:none!important;
  }
}

/* TIVEZ_GUIDE_JOURNEY_V2_END */

/* TIVEZ_INLINE_GUIDE_V3_BEGIN */

/* ==========================================================
   TIVEZ GUIDE V3
   Compact global-grade contextual assistant surface.
   ========================================================== */

.tg-inline-guide-v3{
  position:relative;
  z-index:5;

  flex:0 0 auto;

  margin:9px 13px 0;

  direction:rtl;

  overflow:hidden;

  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;

  background:
    radial-gradient(
      circle at 90% 0,
      rgba(255,255,255,.065),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      rgba(22,25,30,.985),
      rgba(11,13,17,.99)
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 12px 34px rgba(0,0,0,.22);

  transition:
    border-color .2s ease,
    box-shadow .2s ease;
}

.tg-inline-guide-v3:hover{
  border-color:rgba(255,255,255,.16);
}

.tg-v3-main{
  min-height:72px;

  display:grid;
  grid-template-columns:44px minmax(0,1fr) 34px;
  align-items:center;
  gap:11px;

  padding:9px 10px;

  cursor:pointer;

  -webkit-tap-highlight-color:transparent;
}

.tg-inline-guide-v3 .tg-inline-avatar{
  width:44px;
  height:44px;

  display:grid;
  place-items:center;

  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;

  background:
    radial-gradient(
      circle at 35% 18%,
      rgba(255,255,255,.10),
      transparent 36%
    ),
    #0d1014;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055);
}

.tg-inline-guide-v3 .tg-inline-avatar .tg-character{
  width:34px;
  height:34px;
}

.tg-v3-copy{
  min-width:0;

  display:flex;
  flex-direction:column;
  gap:1px;
}

.tg-v3-meta{
  display:flex;
  align-items:center;
  gap:6px;

  margin-bottom:1px;

  color:#858c96;

  font-size:8px;
  font-weight:850;
  line-height:1.5;
}

.tg-v3-meta i{
  width:6px;
  height:6px;

  flex:0 0 6px;

  border-radius:50%;

  background:#e4e7ea;

  box-shadow:
    0 0 0 4px rgba(255,255,255,.035),
    0 0 9px rgba(255,255,255,.24);
}

.tg-v3-copy>b{
  overflow:hidden;

  color:#f2f4f5;

  font-size:12px;
  font-weight:950;
  line-height:1.65;

  white-space:nowrap;
  text-overflow:ellipsis;
}

.tg-v3-copy>small{
  overflow:hidden;

  color:#979ea7;

  font-size:9.5px;
  line-height:1.65;

  white-space:nowrap;
  text-overflow:ellipsis;
}

.tg-inline-open-v3{
  width:34px;
  height:34px;

  display:grid;
  place-items:center;

  padding:0;

  border:1px solid rgba(255,255,255,.10);
  border-radius:11px;

  background:#171a1f;

  color:#a9afb7;

  cursor:pointer;

  transition:
    transform .2s ease,
    background .2s ease,
    color .2s ease;

  -webkit-tap-highlight-color:transparent;
}

.tg-inline-open-v3:hover{
  background:#1e2228;
  color:#fff;
}

.tg-inline-open-v3 svg{
  width:17px;
  height:17px;

  transition:transform .22s ease;
}

.tg-inline-guide-v3.is-expanded .tg-inline-open-v3 svg{
  transform:rotate(180deg);
}

.tg-v3-detail{
  margin:0 10px 10px;
  padding:10px 12px;

  border-top:1px solid rgba(255,255,255,.075);
  border-radius:0 0 12px 12px;

  animation:tgV3DetailIn .18s ease both;
}

.tg-v3-detail span{
  display:block;

  margin-bottom:3px;

  color:#747c86;

  font-size:7.5px;
  font-weight:900;
}

.tg-v3-detail p{
  margin:0;

  color:#b0b5bc;

  font-size:10px;
  line-height:1.95;
}

/*
  During Secure Checkout we deliberately use ONE guide surface.
  The old floating launcher/panel is therefore hidden.
*/

html.tivez-guide-in-journey #tivezGuideRoot{
  display:none!important;
}

html.tivez-guide-in-journey .tg-journey-coach{
  display:none!important;
}

/* Important-state subtle emphasis */

.tg-inline-guide-v3[data-context="documents"],
.tg-inline-guide-v3[data-context="payment"]{
  border-color:rgba(255,255,255,.145);
}

.tg-inline-guide-v3[data-context="success"] .tg-v3-meta i{
  background:#fff;

  box-shadow:
    0 0 0 4px rgba(255,255,255,.045),
    0 0 14px rgba(255,255,255,.34);
}

/* MOBILE */

@media(max-width:640px){

  .tg-inline-guide-v3{
    margin:8px 9px 0;
    border-radius:16px;
  }

  .tg-v3-main{
    min-height:68px;

    grid-template-columns:40px minmax(0,1fr) 32px;

    gap:9px;

    padding:8px 9px;
  }

  .tg-inline-guide-v3 .tg-inline-avatar{
    width:40px;
    height:40px;
    border-radius:13px;
  }

  .tg-inline-guide-v3 .tg-inline-avatar .tg-character{
    width:31px;
    height:31px;
  }

  .tg-v3-meta{
    font-size:8px;
  }

  .tg-v3-copy>b{
    font-size:11.5px;
  }

  .tg-v3-copy>small{
    font-size:9px;
  }

  .tg-inline-open-v3{
    width:32px;
    height:32px;
  }

  .tg-v3-detail{
    margin:0 9px 9px;
    padding:9px 10px;
  }

  .tg-v3-detail p{
    font-size:9.5px;
  }
}

/* Very narrow phones: allow two-line guidance instead of tiny copy */

@media(max-width:380px){

  .tg-v3-copy>small{
    white-space:normal;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
}

/* LIGHT */

body.light .tg-inline-guide-v3{
  background:
    radial-gradient(
      circle at 90% 0,
      rgba(0,0,0,.025),
      transparent 30%
    ),
    rgba(247,247,247,.99);

  border-color:rgba(0,0,0,.11);
}

body.light .tg-v3-copy>b{
  color:#17191b;
}

body.light .tg-v3-copy>small,
body.light .tg-v3-meta,
body.light .tg-v3-detail p{
  color:#626971;
}

body.light .tg-inline-open-v3{
  background:#eceeef;
  border-color:#d7d9dc;
  color:#555b63;
}

/* Accessibility */

.tg-inline-open-v3:focus-visible{
  outline:2px solid #eef0f2;
  outline-offset:2px;
}

@media(prefers-reduced-motion:reduce){

  .tg-inline-guide-v3 *,
  .tg-v3-detail{
    animation:none!important;
    transition:none!important;
  }
}

@keyframes tgV3DetailIn{
  from{
    opacity:0;
    transform:translateY(-4px);
  }
  to{
    opacity:1;
    transform:none;
  }
}

/* TIVEZ_INLINE_GUIDE_V3_END */


/* ==========================================================
   TIVEZ_GUIDE_SIGNATURE_V41_BEGIN
   HIGH-CONTRAST LUXURY TECHNOLOGY VISUAL SYSTEM
   Presentation only.
   ========================================================== */

:root{
  --tv41-bg-1:#182520;
  --tv41-bg-2:#101a17;
  --tv41-bg-3:#0a1010;

  --tv41-metal:#cfd8d3;
  --tv41-metal-soft:#9ba8a2;

  --tv41-green:#d4c2ff;
  --tv41-green-hi:#e4d6ff;
  --tv41-green-deep:#6b3fb8;

  --tv41-line:rgba(201,168,255,.42);
  --tv41-line-soft:rgba(201,168,255,.20);

  --tv41-white:#f7faf8;

  --tv41-shadow:
    0 24px 65px rgba(0,0,0,.44),
    0 0 0 1px rgba(201,168,255,.035),
    inset 0 1px 0 rgba(255,255,255,.10);
}


/* ==========================================================
   A) INLINE GUIDE INSIDE SECURE CHECKOUT
   This MUST visually separate from checkout cards.
   ========================================================== */

.tg-inline-guide{
  min-height:116px!important;

  grid-template-columns:
    68px minmax(0,1fr) 50px!important;

  gap:16px!important;

  margin:
    16px 16px 14px!important;

  padding:
    17px 16px!important;

  border:
    1px solid var(--tv41-line)!important;

  border-radius:
    24px!important;

  background:
    radial-gradient(
      circle at 93% 5%,
      rgba(212,194,255,.20),
      transparent 30%
    ),
    radial-gradient(
      circle at 5% 105%,
      rgba(255,255,255,.07),
      transparent 37%
    ),
    linear-gradient(
      135deg,
      #1c3028 0%,
      #14241e 36%,
      #0d1714 72%,
      #09100f 100%
    )!important;

  box-shadow:
    0 24px 62px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 0 28px rgba(107,63,184,.07)!important;

  overflow:hidden!important;
}


/* Strong luminous signature edge */
.tg-inline-guide:before{
  top:15px!important;
  bottom:15px!important;

  right:0!important;

  width:4px!important;

  background:
    linear-gradient(
      180deg,
      rgba(212,194,255,0),
      rgba(212,194,255,.75) 20%,
      rgba(201,168,255,1) 50%,
      rgba(212,194,255,.75) 80%,
      rgba(212,194,255,0)
    )!important;

  box-shadow:
    0 0 13px rgba(201,168,255,.60),
    0 0 28px rgba(201,168,255,.20)!important;

  opacity:1!important;
}


/* Additional silver accent on opposite side */
.tg-inline-guide .tg-inline-content:before{
  content:"PRIVATE GUIDE"!important;

  display:block!important;

  width:max-content!important;

  margin-bottom:3px!important;

  color:rgba(218,229,224,.52)!important;

  font-family:
    "Segoe UI",
    Arial,
    sans-serif!important;

  font-size:7px!important;
  line-height:1!important;

  font-weight:800!important;
  letter-spacing:2px!important;
}


/* Hide old subtle watermark */
.tg-inline-guide:after{
  content:""!important;

  position:absolute!important;

  left:-22px!important;
  bottom:-30px!important;

  width:120px!important;
  height:120px!important;

  border-radius:50%!important;

  background:
    radial-gradient(
      circle,
      rgba(201,168,255,.08),
      transparent 67%
    )!important;

  pointer-events:none!important;
}


/* ==========================================================
   B) AVATAR / CHARACTER CAPSULE
   ========================================================== */

.tg-inline-avatar{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;

  border-radius:
    21px!important;

  border:
    1px solid rgba(212,194,255,.38)!important;

  background:
    radial-gradient(
      circle at 38% 20%,
      rgba(255,255,255,.17),
      transparent 28%
    ),
    linear-gradient(
      145deg,
      #2a3b34,
      #15231e 57%,
      #0d1513
    )!important;

  box-shadow:
    0 15px 34px rgba(0,0,0,.40),
    0 0 0 5px rgba(201,168,255,.045),
    inset 0 1px 0 rgba(255,255,255,.12)!important;
}

.tg-inline-avatar:before{
  content:""!important;

  position:absolute!important;

  inset:5px!important;

  border:
    1px solid rgba(255,255,255,.055)!important;

  border-radius:
    16px!important;

  pointer-events:none!important;
}

.tg-inline-avatar:after{
  width:8px!important;
  height:8px!important;

  top:7px!important;
  right:7px!important;

  background:
    var(--tv41-green-hi)!important;

  border:
    2px solid #122019!important;

  box-shadow:
    0 0 0 4px rgba(201,168,255,.10),
    0 0 15px rgba(201,168,255,.72)!important;
}


/* ==========================================================
   C) TYPOGRAPHY
   ========================================================== */

.tg-inline-meta{
  color:
    var(--tv41-green-hi)!important;

  font-size:
    10.5px!important;

  font-weight:
    850!important;

  margin-bottom:
    2px!important;
}

.tg-inline-live{
  background:
    var(--tv41-green-hi)!important;

  box-shadow:
    0 0 0 4px rgba(201,168,255,.10),
    0 0 13px rgba(201,168,255,.62)!important;
}

#tgInlineTitle{
  color:
    var(--tv41-white)!important;

  font-size:
    17px!important;

  font-weight:
    950!important;

  line-height:
    1.65!important;

  letter-spacing:
    -.35px!important;

  text-shadow:
    0 1px 15px rgba(255,255,255,.035)!important;
}

#tgInlineText{
  color:
    #bdc8c3!important;

  font-size:
    11.5px!important;

  font-weight:
    550!important;

  line-height:
    1.95!important;
}


/* ==========================================================
   D) CHEVRON CONTROL
   Must obviously look interactive.
   ========================================================== */

.tg-inline-open{
  width:
    48px!important;

  height:
    48px!important;

  flex-basis:
    48px!important;

  border-radius:
    16px!important;

  border:
    1px solid rgba(212,194,255,.22)!important;

  background:
    linear-gradient(
      145deg,
      rgba(212,194,255,.13),
      rgba(201,168,255,.045)
    )!important;

  color:
    #eaf7f0!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 25px rgba(0,0,0,.20)!important;
}

.tg-inline-open:before{
  width:10px!important;
  height:10px!important;

  border-left:
    2.2px solid currentColor!important;

  border-bottom:
    2.2px solid currentColor!important;
}


/* ==========================================================
   E) CONTEXT STATES
   Strong enough to be perceived, still premium.
   ========================================================== */

/* Installment */
.tg-inline-guide[data-context="checkoutInstallment"]{
  background:
    radial-gradient(
      circle at 92% 0,
      rgba(201,168,255,.22),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      #202938,
      #151d28 50%,
      #0c1118
    )!important;

  border-color:
    rgba(201,168,255,.40)!important;
}


/* Guarantee */
.tg-inline-guide[data-context="guarantee"]{
  background:
    radial-gradient(
      circle at 92% 0,
      rgba(201,168,255,.20),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      #242b34,
      #171e25 52%,
      #0d1217
    )!important;

  border-color:
    rgba(201,168,255,.34)!important;
}


/* Documents / KYC */
.tg-inline-guide[data-context="documents"]{
  background:
    radial-gradient(
      circle at 92% 0,
      rgba(201,168,255,.25),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      #1b3328,
      #12251d 50%,
      #0b1512
    )!important;

  border-color:
    rgba(201,168,255,.50)!important;

  box-shadow:
    0 24px 64px rgba(0,0,0,.43),
    0 0 32px rgba(155,92,246,.09),
    inset 0 1px 0 rgba(255,255,255,.11)!important;
}


/* Payment */
.tg-inline-guide[data-context="payment"],
.tg-inline-guide[data-context="receipt"]{
  background:
    radial-gradient(
      circle at 92% 0,
      rgba(234,225,181,.22),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      #302d20,
      #201f17 52%,
      #12130f
    )!important;

  border-color:
    rgba(230,222,183,.40)!important;
}


/* Success */
.tg-inline-guide[data-context="success"]{
  background:
    radial-gradient(
      circle at 92% 0,
      rgba(212,194,255,.30),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #1d3b2a,
      #13271d 54%,
      #0b1510
    )!important;

  border-color:
    rgba(201,168,255,.55)!important;
}


/* ==========================================================
   F) FLOATING LAUNCHER
   Make Marmoolak visible as a brand object.
   ========================================================== */

#tivezGuideRoot .tg-launcher{
  width:
    70px!important;

  height:
    70px!important;

  border-radius:
    23px!important;

  border:
    1px solid rgba(201,168,255,.35)!important;

  background:
    radial-gradient(
      circle at 34% 18%,
      rgba(255,255,255,.16),
      transparent 31%
    ),
    linear-gradient(
      145deg,
      #24382f,
      #15241e 55%,
      #0c1412
    )!important;

  box-shadow:
    0 18px 42px rgba(0,0,0,.46),
    0 0 0 5px rgba(201,168,255,.045),
    0 0 25px rgba(201,168,255,.08),
    inset 0 1px 0 rgba(255,255,255,.11)!important;
}


/* Signature indicator under launcher */
#tivezGuideRoot .tg-launcher:after{
  content:"GUIDE"!important;

  position:absolute!important;

  left:50%!important;
  bottom:-14px!important;

  transform:
    translateX(-50%)!important;

  color:
    rgba(190,220,205,.58)!important;

  font-family:
    "Segoe UI",
    Arial,
    sans-serif!important;

  font-size:
    6px!important;

  font-weight:
    900!important;

  letter-spacing:
    1.4px!important;

  white-space:
    nowrap!important;
}


/* ==========================================================
   G) FULL EXPANDED GUIDE PANEL
   ========================================================== */

#tivezGuideRoot .tg-panel{
  border:
    1px solid rgba(201,168,255,.32)!important;

  border-radius:
    27px!important;

  background:
    radial-gradient(
      circle at 93% 0,
      rgba(201,168,255,.16),
      transparent 29%
    ),
    radial-gradient(
      circle at 5% 110%,
      rgba(255,255,255,.045),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      #17231f 0%,
      #101816 48%,
      #090e0e 100%
    )!important;

  box-shadow:
    0 36px 100px rgba(0,0,0,.64),
    0 0 0 1px rgba(255,255,255,.025),
    inset 0 1px 0 rgba(255,255,255,.10)!important;
}

#tivezGuideRoot .tg-panel-head{
  min-height:
    76px!important;

  padding:
    14px 15px!important;

  border-bottom:
    1px solid rgba(201,168,255,.16)!important;

  background:
    linear-gradient(
      180deg,
      rgba(32,48,42,.98),
      rgba(18,29,26,.96)
    )!important;
}

#tivezGuideRoot .tg-mini-avatar{
  width:
    48px!important;

  height:
    48px!important;

  flex-basis:
    48px!important;

  border-radius:
    16px!important;

  border:
    1px solid rgba(201,168,255,.24)!important;

  background:
    linear-gradient(
      145deg,
      #26382f,
      #111b18
    )!important;
}

#tivezGuideRoot .tg-head-copy b{
  color:
    #f5faf7!important;

  font-size:
    14px!important;

  font-weight:
    900!important;
}

#tivezGuideRoot .tg-head-copy small{
  color:
    #8fa49a!important;

  font-size:
    9px!important;
}

#tivezGuideRoot .tg-context{
  color:
    var(--tv41-green-hi)!important;

  font-size:
    10px!important;

  font-weight:
    850!important;
}

#tivezGuideRoot .tg-title{
  color:
    #f6faf8!important;

  font-size:
    21px!important;

  font-weight:
    950!important;

  line-height:
    1.65!important;
}

#tivezGuideRoot .tg-message{
  color:
    #b5c1bb!important;

  font-size:
    12.5px!important;

  line-height:
    2!important;
}


/* Guide buttons */
#tivezGuideRoot .tg-action{
  min-height:
    54px!important;

  border-radius:
    16px!important;

  font-size:
    11.5px!important;

  font-weight:
    850!important;

  border:
    1px solid rgba(201,168,255,.14)!important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.055),
      rgba(255,255,255,.02)
    )!important;
}

#tivezGuideRoot .tg-action.primary{
  background:
    linear-gradient(
      135deg,
      #e4f3eb,
      #cbb8e8
    )!important;

  border-color:
    rgba(228,214,255,.80)!important;

  color:
    #0c1511!important;

  box-shadow:
    0 14px 32px rgba(0,0,0,.28)!important;
}


/* ==========================================================
   H) MOBILE PRIORITY
   ========================================================== */

@media(max-width:640px){

  .tg-inline-guide{
    min-height:
      104px!important;

    grid-template-columns:
      58px minmax(0,1fr) 44px!important;

    gap:
      12px!important;

    margin:
      12px 14px 11px!important;

    padding:
      14px 13px!important;

    border-radius:
      21px!important;
  }

  .tg-inline-avatar{
    width:
      56px!important;

    height:
      56px!important;

    min-width:
      56px!important;

    border-radius:
      18px!important;
  }

  .tg-inline-content:before{
    font-size:
      6.4px!important;
  }

  .tg-inline-meta{
    font-size:
      9.5px!important;
  }

  #tgInlineTitle{
    font-size:
      15.5px!important;

    line-height:
      1.7!important;
  }

  #tgInlineText{
    font-size:
      10.8px!important;

    line-height:
      1.85!important;
  }

  .tg-inline-open{
    width:
      42px!important;

    height:
      42px!important;

    flex-basis:
      42px!important;

    border-radius:
      14px!important;
  }

  #tivezGuideRoot .tg-launcher{
    width:
      59px!important;

    height:
      59px!important;

    border-radius:
      19px!important;
  }

  #tivezGuideRoot .tg-panel{
    width:
      min(360px,calc(100vw - 20px))!important;

    border-radius:
      24px!important;
  }

  #tivezGuideRoot .tg-title{
    font-size:
      19px!important;
  }

  #tivezGuideRoot .tg-message{
    font-size:
      11.5px!important;
  }

}


/* Narrow screens */
@media(max-width:380px){

  .tg-inline-guide{
    grid-template-columns:
      52px minmax(0,1fr) 39px!important;

    gap:
      9px!important;
  }

  .tg-inline-avatar{
    width:
      50px!important;

    height:
      50px!important;

    min-width:
      50px!important;
  }

  #tgInlineTitle{
    font-size:
      14.5px!important;
  }

  #tgInlineText{
    font-size:
      10.2px!important;
  }

}


/* ==========================================================
   I) ACCESSIBILITY / MOTION
   ========================================================== */

.tg-inline-guide:focus-visible,
#tivezGuideRoot .tg-launcher:focus-visible{
  outline:
    2px solid rgba(212,194,255,.9)!important;

  outline-offset:
    3px!important;
}

@media(prefers-reduced-motion:reduce){

  .tg-inline-guide,
  .tg-inline-open,
  .tg-inline-open:before,
  #tivezGuideRoot .tg-launcher{
    transition:none!important;
    animation:none!important;
  }

}

/* TIVEZ_GUIDE_SIGNATURE_V41_END */

/* ==========================================================
   TIVEZ_GUIDE_SIGNATURE_V42_BEGIN
   TITANIUM / OBSIDIAN / PLATINUM
   ========================================================== */

:root{
  --tv42-obsidian:#0b0d10;
  --tv42-surface:#13171b;
  --tv42-surface-hi:#1a1f24;
  --tv42-line:rgba(222,228,232,.16);
  --tv42-line-hi:rgba(235,239,242,.29);

  --tv42-white:#f7f8f9;
  --tv42-title:#f1f3f5;
  --tv42-copy:#a8afb6;
  --tv42-muted:#737b84;

  --tv42-titanium:#d2d7db;
  --tv42-titanium-soft:#9ca4ab;

  --tv42-live:#d4c2ff;
}


/* ==========================================================
   INLINE GUIDE
   ========================================================== */

.tg-inline-guide{
  min-height:98px!important;

  grid-template-columns:
    58px minmax(0,1fr) 43px!important;

  gap:13px!important;

  margin:
    14px 16px 12px!important;

  padding:
    13px 14px!important;

  border:
    1px solid var(--tv42-line-hi)!important;

  border-radius:
    20px!important;

  background:
    radial-gradient(
      circle at 87% 0,
      rgba(255,255,255,.075),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      rgba(30,35,40,.985) 0%,
      rgba(20,24,28,.99) 48%,
      rgba(12,15,18,.995) 100%
    )!important;

  box-shadow:
    0 18px 42px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.085),
    inset 0 0 0 1px rgba(255,255,255,.015)!important;

  color:var(--tv42-white)!important;
}


/* platinum signature rail */
.tg-inline-guide:before{
  top:17px!important;
  bottom:17px!important;
  right:0!important;

  width:2px!important;

  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(236,240,243,.65) 22%,
      rgba(255,255,255,.96) 50%,
      rgba(236,240,243,.65) 78%,
      transparent
    )!important;

  box-shadow:
    0 0 10px rgba(255,255,255,.13)!important;

  opacity:1!important;
}


/* remove old decorative green blob */
.tg-inline-guide:after{
  content:""!important;
  display:none!important;
}


/* remove PRIVATE GUIDE duplicate */
.tg-inline-guide .tg-inline-content:before{
  content:none!important;
  display:none!important;
}


/* ==========================================================
   CHARACTER CAPSULE
   ========================================================== */

.tg-inline-avatar{
  position:relative!important;

  width:56px!important;
  height:56px!important;
  min-width:56px!important;

  border-radius:17px!important;

  border:
    1px solid rgba(225,231,235,.18)!important;

  background:
    radial-gradient(
      circle at 35% 16%,
      rgba(255,255,255,.11),
      transparent 29%
    ),
    linear-gradient(
      145deg,
      #262c31,
      #171b1f 58%,
      #101316
    )!important;

  box-shadow:
    0 10px 23px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.09)!important;
}

.tg-inline-avatar:before{
  content:""!important;

  position:absolute!important;

  inset:4px!important;

  border:
    1px solid rgba(255,255,255,.035)!important;

  border-radius:13px!important;
}

.tg-inline-avatar:after{
  width:6px!important;
  height:6px!important;

  top:6px!important;
  right:6px!important;

  border:2px solid #171b1f!important;

  background:
    var(--tv42-live)!important;

  box-shadow:
    0 0 0 3px rgba(201,168,255,.075),
    0 0 9px rgba(201,168,255,.30)!important;
}


/* ==========================================================
   TYPOGRAPHIC HIERARCHY
   ========================================================== */

.tg-inline-content{
  gap:1px!important;
}

.tg-inline-meta{
  margin:0 0 1px!important;

  gap:6px!important;

  color:
    var(--tv42-muted)!important;

  font-size:
    9px!important;

  line-height:
    1.45!important;

  font-weight:
    650!important;
}

.tg-inline-live{
  width:5px!important;
  height:5px!important;
  flex-basis:5px!important;

  background:
    var(--tv42-live)!important;

  box-shadow:
    0 0 8px rgba(201,168,255,.30)!important;
}

#tgInlineTitle{
  margin:0!important;

  color:
    var(--tv42-title)!important;

  font-size:
    16px!important;

  font-weight:
    900!important;

  line-height:
    1.55!important;

  letter-spacing:
    -.28px!important;
}

#tgInlineText{
  margin-top:
    2px!important;

  color:
    var(--tv42-copy)!important;

  font-size:
    10.6px!important;

  font-weight:
    450!important;

  line-height:
    1.72!important;
}


/* ==========================================================
   EXPAND CONTROL
   ========================================================== */

.tg-inline-open{
  width:41px!important;
  height:41px!important;

  flex-basis:
    41px!important;

  border-radius:
    13px!important;

  border:
    1px solid rgba(229,234,238,.13)!important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.055),
      rgba(255,255,255,.018)
    )!important;

  color:
    #d4d9dd!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045)!important;
}

.tg-inline-open:before{
  width:8px!important;
  height:8px!important;

  border-left:
    2px solid currentColor!important;

  border-bottom:
    2px solid currentColor!important;
}


/* ==========================================================
   EXPANDED INLINE STATE
   Keep it compact and editorial.
   ========================================================== */

.tg-inline-guide[aria-expanded="true"],
.tg-inline-guide.is-expanded,
.tg-inline-guide.expanded{
  min-height:0!important;

  background:
    radial-gradient(
      circle at 88% 0,
      rgba(255,255,255,.085),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      #20252a,
      #15191d 52%,
      #0d1013
    )!important;

  border-color:
    rgba(233,237,240,.25)!important;

  box-shadow:
    0 20px 46px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.09)!important;
}


/* Supplemental text if V2.1 inserts it */
.tg-inline-guide .tg-inline-detail,
.tg-inline-guide .tg-inline-extra,
.tg-inline-guide .tg-inline-expanded{
  margin-top:
    9px!important;

  padding-top:
    9px!important;

  border-top:
    1px solid rgba(255,255,255,.07)!important;

  color:
    #969ea5!important;

  font-size:
    10px!important;

  line-height:
    1.8!important;
}


/* ==========================================================
   CONTEXTS
   No loud colors.
   Tiny material changes only.
   ========================================================== */

.tg-inline-guide[data-context="checkoutInstallment"],
.tg-inline-guide[data-context="guarantee"]{
  border-color:
    rgba(194,203,217,.23)!important;

  background:
    radial-gradient(
      circle at 88% 0,
      rgba(180,192,210,.09),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      #20242a,
      #15191e 52%,
      #0d1014
    )!important;
}


.tg-inline-guide[data-context="documents"]{
  border-color:
    rgba(190,170,210,.27)!important;

  background:
    radial-gradient(
      circle at 88% 0,
      rgba(201,168,255,.075),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #1d2522,
      #141a18 52%,
      #0d1110
    )!important;
}


.tg-inline-guide[data-context="payment"],
.tg-inline-guide[data-context="receipt"]{
  border-color:
    rgba(218,213,195,.25)!important;

  background:
    radial-gradient(
      circle at 88% 0,
      rgba(226,220,194,.075),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #24231f,
      #191815 52%,
      #10100e
    )!important;
}


.tg-inline-guide[data-context="success"]{
  border-color:
    rgba(190,160,220,.30)!important;
}


/* ==========================================================
   FLOATING LAUNCHER
   ========================================================== */

#tivezGuideRoot .tg-launcher{
  width:
    62px!important;

  height:
    62px!important;

  border-radius:
    19px!important;

  border:
    1px solid rgba(226,231,234,.17)!important;

  background:
    radial-gradient(
      circle at 32% 17%,
      rgba(255,255,255,.11),
      transparent 31%
    ),
    linear-gradient(
      145deg,
      #272c31,
      #171b1f 58%,
      #101316
    )!important;

  box-shadow:
    0 15px 34px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.075)!important;
}


/* remove GUIDE caption under launcher */
#tivezGuideRoot .tg-launcher:after{
  content:none!important;
  display:none!important;
}


/* ==========================================================
   FULL GUIDE PANEL
   ========================================================== */

#tivezGuideRoot .tg-panel{
  border:
    1px solid rgba(226,231,234,.18)!important;

  border-radius:
    25px!important;

  background:
    radial-gradient(
      circle at 90% 0,
      rgba(255,255,255,.065),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      #181c20,
      #101316 52%,
      #090b0d
    )!important;

  box-shadow:
    0 34px 95px rgba(0,0,0,.62),
    inset 0 1px 0 rgba(255,255,255,.075)!important;
}


#tivezGuideRoot .tg-panel-head{
  min-height:
    70px!important;

  padding:
    12px 14px!important;

  background:
    linear-gradient(
      180deg,
      #20252a,
      #171b1f
    )!important;

  border-bottom:
    1px solid rgba(255,255,255,.075)!important;
}


#tivezGuideRoot .tg-mini-avatar{
  width:
    45px!important;

  height:
    45px!important;

  flex-basis:
    45px!important;

  border-radius:
    14px!important;

  border:
    1px solid rgba(227,232,235,.14)!important;

  background:
    linear-gradient(
      145deg,
      #292e33,
      #15191d
    )!important;
}


#tivezGuideRoot .tg-head-copy b{
  color:
    #f1f3f5!important;

  font-size:
    13.5px!important;

  font-weight:
    850!important;
}


#tivezGuideRoot .tg-head-copy small{
  color:
    #737b83!important;

  font-size:
    8.5px!important;
}


#tivezGuideRoot .tg-context{
  color:
    #8d959d!important;

  font-size:
    9.5px!important;

  font-weight:
    700!important;
}


#tivezGuideRoot .tg-title{
  margin:
    6px 0!important;

  color:
    #f4f5f6!important;

  font-size:
    20px!important;

  font-weight:
    900!important;

  line-height:
    1.55!important;

  letter-spacing:
    -.35px!important;
}


#tivezGuideRoot .tg-message{
  color:
    #a5abb1!important;

  font-size:
    11.5px!important;

  font-weight:
    450!important;

  line-height:
    1.9!important;
}


/* ==========================================================
   FULL GUIDE ACTIONS
   ========================================================== */

#tivezGuideRoot .tg-action{
  min-height:
    50px!important;

  border-radius:
    14px!important;

  border:
    1px solid rgba(230,234,237,.10)!important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.015)
    )!important;

  color:
    #d9dde0!important;

  font-size:
    11px!important;

  font-weight:
    750!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025)!important;
}


#tivezGuideRoot .tg-action.primary{
  border:
    1px solid rgba(255,255,255,.75)!important;

  background:
    linear-gradient(
      180deg,
      #f4f5f6,
      #dfe3e6
    )!important;

  color:
    #111417!important;

  box-shadow:
    0 12px 28px rgba(0,0,0,.25)!important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:640px){

  .tg-inline-guide{
    min-height:
      92px!important;

    grid-template-columns:
      52px minmax(0,1fr) 39px!important;

    gap:
      10px!important;

    margin:
      11px 14px 10px!important;

    padding:
      11px 12px!important;

    border-radius:
      18px!important;
  }


  .tg-inline-avatar{
    width:
      50px!important;

    height:
      50px!important;

    min-width:
      50px!important;

    border-radius:
      15px!important;
  }


  .tg-inline-meta{
    font-size:
      8.4px!important;
  }


  #tgInlineTitle{
    font-size:
      15px!important;

    line-height:
      1.55!important;
  }


  #tgInlineText{
    font-size:
      10.2px!important;

    line-height:
      1.68!important;
  }


  .tg-inline-open{
    width:
      38px!important;

    height:
      38px!important;

    flex-basis:
      38px!important;

    border-radius:
      12px!important;
  }


  #tivezGuideRoot .tg-launcher{
    width:
      56px!important;

    height:
      56px!important;

    border-radius:
      17px!important;
  }


  #tivezGuideRoot .tg-panel{
    width:
      min(350px,calc(100vw - 20px))!important;

    border-radius:
      22px!important;
  }


  #tivezGuideRoot .tg-title{
    font-size:
      18.5px!important;
  }


  #tivezGuideRoot .tg-message{
    font-size:
      11px!important;

    line-height:
      1.85!important;
  }

}


/* ==========================================================
   VERY SMALL HEIGHT
   ========================================================== */

@media(max-width:640px) and (max-height:740px){

  .tg-inline-guide{
    min-height:
      84px!important;

    padding-block:
      9px!important;
  }

  .tg-inline-avatar{
    width:
      46px!important;

    height:
      46px!important;

    min-width:
      46px!important;
  }

  #tgInlineTitle{
    font-size:
      14.5px!important;
  }

  #tgInlineText{
    font-size:
      9.8px!important;
  }

}


/* ==========================================================
   ACCESSIBILITY
   ========================================================== */

.tg-inline-guide:focus-visible,
#tivezGuideRoot .tg-launcher:focus-visible{
  outline:
    2px solid rgba(235,239,242,.85)!important;

  outline-offset:
    3px!important;
}

@media(prefers-reduced-motion:reduce){

  .tg-inline-guide,
  .tg-inline-open,
  #tivezGuideRoot .tg-launcher,
  #tivezGuideRoot .tg-panel{
    transition:none!important;
    animation:none!important;
  }

}

/* TIVEZ_GUIDE_SIGNATURE_V42_END */

/* ==========================================================
   TIVEZ_GUIDE_SIGNATURE_V5_BEGIN

   TIVEZ ICE SIGNATURE
   Same identity:
   1. Main-page launcher
   2. Checkout inline guide
   3. Full guide panel

   Presentation only.
   ========================================================== */

:root{

  --tg5-accent:#9b5cf6;
  --tg5-accent-hi:#d4c2ff;
  --tg5-accent-deep:#6b3fb8;

  --tg5-surface:#1a1424;
  --tg5-surface-2:#120d1a;
  --tg5-surface-3:#0c0810;

  --tg5-line:rgba(155,92,246,.38);
  --tg5-line-soft:rgba(155,92,246,.17);

  --tg5-title:#F8F6FC;
  --tg5-copy:#CBC2D6;
  --tg5-muted:#948A9C;

  --tg5-shadow:
    0 20px 48px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.09);
}


/* ==========================================================
   A — MAIN PAGE MARMOOLAK TAB
   ========================================================== */

#tivezGuideRoot .tg-launcher{

  width:66px!important;
  height:66px!important;

  border-radius:21px!important;

  border:
    1px solid var(--tg5-line)!important;

  background:
    radial-gradient(
      circle at 32% 15%,
      rgba(212,194,255,.20),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      #17363E,
      #0E252B 54%,
      #081519
    )!important;

  color:
    var(--tg5-title)!important;

  box-shadow:
    0 17px 42px rgba(0,0,0,.46),
    0 0 0 4px rgba(201,168,255,.045),
    0 0 25px rgba(201,168,255,.10),
    inset 0 1px 0 rgba(255,255,255,.11)!important;

  overflow:visible!important;
}


/* subtle brand ring */
#tivezGuideRoot .tg-launcher-ring{

  border-color:
    rgba(201,168,255,.20)!important;

  box-shadow:
    0 0 18px rgba(201,168,255,.08)!important;
}


/* Character presence */
#tivezGuideRoot .tg-launcher .tg-character{

  width:48px!important;
  height:48px!important;

  filter:
    drop-shadow(0 5px 8px rgba(0,0,0,.26))!important;
}


/* live signature point */
#tivezGuideRoot .tg-launcher:after{

  content:""!important;

  position:absolute!important;

  top:5px!important;
  right:5px!important;

  width:8px!important;
  height:8px!important;

  border-radius:50%!important;

  background:
    var(--tg5-accent-hi)!important;

  border:
    2px solid #10252B!important;

  box-shadow:
    0 0 0 3px rgba(201,168,255,.08),
    0 0 12px rgba(201,168,255,.54)!important;
}


/* notification badge */
#tivezGuideRoot .tg-launcher-badge{

  background:
    var(--tg5-accent-hi)!important;

  color:
    #071013!important;

  border-color:
    #102329!important;

  font-weight:
    900!important;
}


/* ==========================================================
   B — CHECKOUT INLINE GUIDE
   Supports BOTH historical DOM implementations.
   ========================================================== */

.tg-inline-guide,
.tg-inline-guide-v3{

  position:relative!important;
  z-index:5!important;

  width:auto!important;
  min-width:0!important;

  margin:
    11px 14px 10px!important;

  border:
    1px solid var(--tg5-line)!important;

  border-radius:
    20px!important;

  background:
    radial-gradient(
      circle at 92% 0,
      rgba(212,194,255,.14),
      transparent 31%
    ),
    radial-gradient(
      circle at 0 110%,
      rgba(201,168,255,.055),
      transparent 38%
    ),
    linear-gradient(
      135deg,
      var(--tg5-surface),
      var(--tg5-surface-2) 54%,
      var(--tg5-surface-3)
    )!important;

  box-shadow:
    0 16px 38px rgba(0,0,0,.31),
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 0 0 1px rgba(255,255,255,.012)!important;

  overflow:hidden!important;

  color:
    var(--tg5-title)!important;
}


/* signature side rail */
.tg-inline-guide:before,
.tg-inline-guide-v3:before{

  content:""!important;

  position:absolute!important;

  top:17px!important;
  bottom:17px!important;

  right:0!important;

  width:3px!important;

  border-radius:
    4px 0 0 4px!important;

  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(201,168,255,.72) 20%,
      var(--tg5-accent-hi) 50%,
      rgba(201,168,255,.72) 80%,
      transparent
    )!important;

  box-shadow:
    0 0 13px rgba(201,168,255,.28)!important;
}


/* remove historical decorative layers */
.tg-inline-guide:after,
.tg-inline-guide-v3:after{

  content:none!important;
  display:none!important;
}


/* ==========================================================
   C — CURRENT V3 INLINE STRUCTURE
   ========================================================== */

.tg-inline-guide-v3{

  padding:0!important;
}


.tg-inline-guide-v3 .tg-v3-main{

  min-height:96px!important;

  display:grid!important;

  grid-template-columns:
    56px minmax(0,1fr) 40px!important;

  align-items:center!important;

  gap:13px!important;

  padding:
    12px 13px!important;

  direction:rtl!important;

  cursor:pointer!important;
}


/* ==========================================================
   D — LEGACY INLINE STRUCTURE
   ========================================================== */

.tg-inline-guide:not(.tg-inline-guide-v3){

  min-height:96px!important;

  display:grid!important;

  grid-template-columns:
    56px minmax(0,1fr) 40px!important;

  align-items:center!important;

  gap:13px!important;

  padding:
    12px 13px!important;

  direction:rtl!important;
}


/* ==========================================================
   E — AVATAR
   Dedicated column; text can NEVER enter it.
   ========================================================== */

.tg-inline-guide .tg-inline-avatar,
.tg-inline-guide-v3 .tg-inline-avatar{

  position:relative!important;

  width:54px!important;
  height:54px!important;

  min-width:54px!important;
  max-width:54px!important;

  display:grid!important;
  place-items:center!important;

  margin:0!important;

  border:
    1px solid rgba(212,194,255,.27)!important;

  border-radius:
    17px!important;

  background:
    radial-gradient(
      circle at 33% 17%,
      rgba(212,194,255,.20),
      transparent 29%
    ),
    linear-gradient(
      145deg,
      #1A3A42,
      #102A30 58%,
      #09191D
    )!important;

  box-shadow:
    0 10px 22px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.11)!important;

  overflow:hidden!important;
}


/* live dot on avatar */
.tg-inline-guide .tg-inline-avatar:after,
.tg-inline-guide-v3 .tg-inline-avatar:after{

  content:""!important;

  position:absolute!important;

  top:5px!important;
  right:5px!important;

  width:6px!important;
  height:6px!important;

  border-radius:50%!important;

  background:
    var(--tg5-accent-hi)!important;

  border:
    2px solid #123038!important;

  box-shadow:
    0 0 8px rgba(201,168,255,.40)!important;
}


.tg-inline-guide .tg-inline-avatar > *,
.tg-inline-guide-v3 .tg-inline-avatar > *,
.tg-inline-guide .tg-inline-avatar svg,
.tg-inline-guide-v3 .tg-inline-avatar svg{

  max-width:100%!important;
  max-height:100%!important;

  transform:none!important;
}


/* ==========================================================
   F — COPY COLUMN
   ========================================================== */

.tg-inline-content,
.tg-v3-copy{

  min-width:0!important;
  width:100%!important;

  display:flex!important;
  flex-direction:column!important;

  justify-content:center!important;
  align-items:flex-start!important;

  margin:0!important;
  padding:0!important;

  overflow:hidden!important;
}


/* remove historical PRIVATE GUIDE duplicate */
.tg-inline-content:before,
.tg-v3-copy:before{

  content:none!important;
  display:none!important;
}


/* META */

.tg-inline-meta,
.tg-v3-meta{

  width:100%!important;

  display:flex!important;
  align-items:center!important;

  gap:6px!important;

  margin:
    0 0 2px!important;

  color:
    var(--tg5-accent)!important;

  font-family:
    "Vazirmatn",
    "IRANSansX",
    Tahoma,
    Arial,
    sans-serif!important;

  font-size:
    9px!important;

  font-weight:
    800!important;

  line-height:
    1.45!important;

  white-space:nowrap!important;

  overflow:hidden!important;
  text-overflow:ellipsis!important;
}


.tg-inline-live,
.tg-v3-meta i{

  width:5px!important;
  height:5px!important;

  flex:0 0 5px!important;

  border-radius:50%!important;

  background:
    var(--tg5-accent-hi)!important;

  box-shadow:
    0 0 8px rgba(201,168,255,.36)!important;
}


/* TITLE */

#tgInlineTitle,
#tgV3Title{

  display:block!important;

  width:100%!important;

  margin:0!important;
  padding:0!important;

  color:
    var(--tg5-title)!important;

  font-family:
    "Vazirmatn",
    "IRANSansX",
    Tahoma,
    Arial,
    sans-serif!important;

  font-size:
    16px!important;

  font-weight:
    950!important;

  line-height:
    1.55!important;

  letter-spacing:
    -.30px!important;

  white-space:normal!important;

  overflow-wrap:break-word!important;
}


/* DESCRIPTION */

#tgInlineText,
#tgV3Text{

  display:block!important;

  width:100%!important;

  margin:
    3px 0 0!important;

  color:
    var(--tg5-copy)!important;

  font-family:
    "Vazirmatn",
    "IRANSansX",
    Tahoma,
    Arial,
    sans-serif!important;

  font-size:
    10.6px!important;

  font-weight:
    500!important;

  line-height:
    1.72!important;

  white-space:normal!important;

  overflow-wrap:break-word!important;
}


/* ==========================================================
   G — EXPAND CONTROL
   ========================================================== */

.tg-inline-open,
.tg-inline-open-v3{

  position:relative!important;

  width:39px!important;
  height:39px!important;

  min-width:39px!important;

  display:grid!important;
  place-items:center!important;

  margin:0!important;
  padding:0!important;

  border:
    1px solid rgba(212,194,255,.20)!important;

  border-radius:
    12px!important;

  background:
    linear-gradient(
      145deg,
      rgba(201,168,255,.105),
      rgba(201,168,255,.025)
    )!important;

  color:
    var(--tg5-accent-hi)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06)!important;

  cursor:pointer!important;
}


/* V3 SVG */
.tg-inline-open-v3 svg{

  width:17px!important;
  height:17px!important;
}


/* Legacy arrow */
.tg-inline-open{

  font-size:0!important;
}

.tg-inline-open:before{

  content:""!important;

  width:8px!important;
  height:8px!important;

  border-left:
    2px solid currentColor!important;

  border-bottom:
    2px solid currentColor!important;

  transform:
    translateY(-2px)
    rotate(-45deg)!important;
}


/* ==========================================================
   H — EXPANDED GUIDANCE
   ========================================================== */

.tg-v3-detail{

  margin:
    0 12px 11px!important;

  padding:
    10px 11px 2px!important;

  border-top:
    1px solid var(--tg5-line-soft)!important;

  background:
    transparent!important;
}


.tg-v3-detail > span{

  display:block!important;

  margin-bottom:
    3px!important;

  color:
    var(--tg5-accent)!important;

  font-size:
    8px!important;

  font-weight:
    850!important;
}


.tg-v3-detail p,
#tgV3Detail{

  margin:0!important;

  color:
    #c9a8ff!important;

  font-family:
    "Vazirmatn",
    "IRANSansX",
    Tahoma,
    Arial,
    sans-serif!important;

  font-size:
    10px!important;

  font-weight:
    450!important;

  line-height:
    1.78!important;
}


/* ==========================================================
   I — FULL MARMOOLAK PANEL
   SAME COLOR SYSTEM
   ========================================================== */

#tivezGuideRoot .tg-panel{

  border:
    1px solid var(--tg5-line)!important;

  border-radius:
    25px!important;

  background:
    radial-gradient(
      circle at 92% 0,
      rgba(212,194,255,.13),
      transparent 30%
    ),
    radial-gradient(
      circle at 0 110%,
      rgba(201,168,255,.05),
      transparent 37%
    ),
    linear-gradient(
      145deg,
      var(--tg5-surface),
      var(--tg5-surface-2) 54%,
      var(--tg5-surface-3)
    )!important;

  box-shadow:
    0 34px 95px rgba(0,0,0,.62),
    0 0 0 1px rgba(201,168,255,.025),
    inset 0 1px 0 rgba(255,255,255,.09)!important;
}


#tivezGuideRoot .tg-panel-head{

  min-height:
    70px!important;

  padding:
    12px 14px!important;

  border-bottom:
    1px solid var(--tg5-line-soft)!important;

  background:
    linear-gradient(
      180deg,
      rgba(24,55,63,.98),
      rgba(13,35,41,.98)
    )!important;
}


#tivezGuideRoot .tg-mini-avatar{

  width:
    46px!important;

  height:
    46px!important;

  flex:
    0 0 46px!important;

  border:
    1px solid rgba(212,194,255,.24)!important;

  border-radius:
    15px!important;

  background:
    linear-gradient(
      145deg,
      #1B3B43,
      #0D242A
    )!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}


#tivezGuideRoot .tg-head-copy b{

  color:
    var(--tg5-title)!important;

  font-size:
    13.5px!important;

  font-weight:
    900!important;
}


#tivezGuideRoot .tg-head-copy small{

  color:
    var(--tg5-muted)!important;

  font-size:
    8.8px!important;
}


#tivezGuideRoot .tg-context{

  color:
    var(--tg5-accent)!important;

  font-size:
    9px!important;

  font-weight:
    850!important;
}


#tivezGuideRoot .tg-title{

  color:
    var(--tg5-title)!important;

  font-family:
    "Vazirmatn",
    "IRANSansX",
    Tahoma,
    Arial,
    sans-serif!important;

  font-size:
    20px!important;

  font-weight:
    950!important;

  line-height:
    1.55!important;

  letter-spacing:
    -.35px!important;
}


#tivezGuideRoot .tg-message{

  color:
    var(--tg5-copy)!important;

  font-family:
    "Vazirmatn",
    "IRANSansX",
    Tahoma,
    Arial,
    sans-serif!important;

  font-size:
    11.5px!important;

  font-weight:
    450!important;

  line-height:
    1.9!important;
}


/* ==========================================================
   J — GUIDE ACTION BUTTONS
   ========================================================== */

#tivezGuideRoot .tg-action{

  min-height:
    50px!important;

  border:
    1px solid rgba(201,168,255,.15)!important;

  border-radius:
    14px!important;

  background:
    rgba(201,168,255,.035)!important;

  color:
    #DCEBED!important;

  font-size:
    11px!important;

  font-weight:
    800!important;
}


#tivezGuideRoot .tg-action.primary{

  border-color:
    rgba(212,194,255,.70)!important;

  background:
    linear-gradient(
      135deg,
      var(--tg5-accent-hi),
      var(--tg5-accent)
    )!important;

  color:
    #071215!important;

  box-shadow:
    0 12px 28px rgba(0,0,0,.25)!important;
}


/* ==========================================================
   K — TOAST
   ========================================================== */

#tivezGuideRoot .tg-toast{

  border:
    1px solid var(--tg5-line)!important;

  background:
    linear-gradient(
      145deg,
      #123038,
      #09181C
    )!important;

  color:
    #DCEBED!important;

  font-size:
    10.5px!important;

  line-height:
    1.8!important;

  box-shadow:
    0 18px 44px rgba(0,0,0,.42)!important;
}


/* ==========================================================
   L — MOBILE — PRIMARY TARGET
   ========================================================== */

@media(max-width:640px){

  #tivezGuideRoot .tg-launcher{

    width:58px!important;
    height:58px!important;

    border-radius:18px!important;
  }


  #tivezGuideRoot .tg-launcher .tg-character{

    width:43px!important;
    height:43px!important;
  }


  .tg-inline-guide-v3 .tg-v3-main,
  .tg-inline-guide:not(.tg-inline-guide-v3){

    min-height:91px!important;

    grid-template-columns:
      49px minmax(0,1fr) 35px!important;

    gap:9px!important;

    padding:
      10px 10px!important;
  }


  .tg-inline-guide,
  .tg-inline-guide-v3{

    margin:
      10px 12px 9px!important;

    border-radius:
      18px!important;
  }


  .tg-inline-guide .tg-inline-avatar,
  .tg-inline-guide-v3 .tg-inline-avatar{

    width:47px!important;
    height:47px!important;

    min-width:47px!important;
    max-width:47px!important;

    border-radius:
      14px!important;
  }


  .tg-inline-meta,
  .tg-v3-meta{

    font-size:
      8.5px!important;
  }


  #tgInlineTitle,
  #tgV3Title{

    font-size:
      14.8px!important;

    line-height:
      1.52!important;
  }


  #tgInlineText,
  #tgV3Text{

    font-size:
      10.1px!important;

    line-height:
      1.66!important;
  }


  .tg-inline-open,
  .tg-inline-open-v3{

    width:34px!important;
    height:34px!important;

    min-width:34px!important;

    border-radius:
      10px!important;
  }


  .tg-v3-detail{

    margin:
      0 10px 9px!important;

    padding:
      9px 8px 1px!important;
  }


  #tivezGuideRoot .tg-panel{

    width:
      min(350px,calc(100vw - 20px))!important;

    border-radius:
      22px!important;
  }


  #tivezGuideRoot .tg-title{

    font-size:
      18px!important;
  }


  #tivezGuideRoot .tg-message{

    font-size:
      11px!important;

    line-height:
      1.85!important;
  }

}


/* Extra-narrow Android */
@media(max-width:380px){

  .tg-inline-guide-v3 .tg-v3-main,
  .tg-inline-guide:not(.tg-inline-guide-v3){

    grid-template-columns:
      45px minmax(0,1fr) 32px!important;

    gap:7px!important;

    padding-inline:
      8px!important;
  }


  .tg-inline-guide .tg-inline-avatar,
  .tg-inline-guide-v3 .tg-inline-avatar{

    width:43px!important;
    height:43px!important;

    min-width:43px!important;
    max-width:43px!important;
  }


  #tgInlineTitle,
  #tgV3Title{

    font-size:
      14px!important;
  }


  #tgInlineText,
  #tgV3Text{

    font-size:
      9.7px!important;
  }


  .tg-inline-open,
  .tg-inline-open-v3{

    width:31px!important;
    height:31px!important;

    min-width:31px!important;
  }

}


/* ==========================================================
   M — ACCESSIBILITY
   ========================================================== */

.tg-inline-guide:focus-visible,
.tg-inline-guide-v3:focus-visible,
#tivezGuideRoot .tg-launcher:focus-visible{

  outline:
    2px solid var(--tg5-accent-hi)!important;

  outline-offset:
    3px!important;
}


@media(prefers-reduced-motion:reduce){

  .tg-inline-guide,
  .tg-inline-guide-v3,
  .tg-inline-open,
  .tg-inline-open-v3,
  #tivezGuideRoot .tg-launcher,
  #tivezGuideRoot .tg-panel{

    transition:none!important;
    animation:none!important;
  }

}

/* TIVEZ_GUIDE_SIGNATURE_V5_END */



/* ==========================================================
   TIVEZ MARMOOLAK — WORLD CLASS SIGNATURE AVATAR
   MASTER SHEET MOTION SYSTEM
   ========================================================== */

.tivez-marmoolak-host{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;

  background:
    radial-gradient(
      circle at 50% 18%,
      rgba(201,168,255,.20),
      transparent 42%
    ),
    linear-gradient(
      145deg,
      rgba(16,51,57,.96),
      rgba(7,18,22,.985)
    )!important;

  border:
    1px solid
    rgba(201,168,255,.34)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -18px 34px rgba(0,0,0,.24),
    0 9px 32px rgba(0,0,0,.26),
    0 0 0 1px rgba(155,92,246,.04)!important;
}

/*
  Remove all legacy visual character layers,
  but keep host structure intact.
*/
.tivez-marmoolak-host >
img,
.tivez-marmoolak-host >
svg,
.tivez-marmoolak-host >
.tg-character-image{
  opacity:0!important;
}

.tivez-marmoolak-canvas{
  position:absolute;
  z-index:5;

  width:118%!important;
  height:118%!important;

  max-width:none!important;

  left:50%;
  top:50%;

  transform:
    translate(-50%,-50%)
    scale(1.03);

  transform-origin:
    50% 60%;

  object-fit:cover;

  filter:
    contrast(1.055)
    saturate(1.02)
    brightness(1.04);

  pointer-events:none;

  will-change:
    transform,
    opacity,
    filter;

  animation:
    tivezMarmoolakPresence
    4.6s
    cubic-bezier(.4,0,.2,1)
    infinite;
}

/*
  Soft premium light line.
*/
.tivez-marmoolak-host:before{
  content:"";
  position:absolute;
  z-index:7;

  inset:0;

  border-radius:inherit;

  background:
    linear-gradient(
      118deg,
      transparent 17%,
      rgba(201,168,255,.12) 37%,
      transparent 53%
    );

  transform:
    translateX(-120%);

  animation:
    tivezMarmoolakSweep
    8s ease-in-out infinite;

  pointer-events:none;
}

/*
  Live identity point
*/
.tivez-marmoolak-host:after{
  content:"";

  position:absolute;
  z-index:8;

  top:8%;
  right:8%;

  width:7px;
  height:7px;

  border-radius:50%;

  background:#c9a8ff;

  box-shadow:
    0 0 0 4px rgba(201,168,255,.11),
    0 0 14px rgba(201,168,255,.65);

  animation:
    tivezMarmoolakLive
    2.4s ease-in-out infinite;

  pointer-events:none;
}


/* ----------------------------------------------------------
   SIZE HIERARCHY
   ---------------------------------------------------------- */

/*
  Main floating launcher:
  intentionally more visible than before.
*/
.tg-launcher .tg-character,
.tg-character{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
}

/*
  Full guide modal avatar
*/
.tg-mini-avatar{
  width:68px!important;
  height:68px!important;
  min-width:68px!important;
  min-height:68px!important;

  border-radius:21px!important;
}

/*
  Secure checkout inline guide:
  THIS is the primary signature presence.
*/
.tg-inline-avatar{
  width:76px!important;
  height:76px!important;

  min-width:76px!important;
  min-height:76px!important;

  border-radius:22px!important;

  align-self:center;
}

/*
  Character should be readable,
  not look like a tiny icon.
*/
.tg-inline-avatar
.tivez-marmoolak-canvas{
  width:124%!important;
  height:124%!important;
}


/* ----------------------------------------------------------
   STATE PERSONALITY
   ---------------------------------------------------------- */

html[data-marmoolak-state="inquiry"]
.tivez-marmoolak-canvas{
  animation:
    tivezMarmoolakInquiry
    3.8s ease-in-out infinite;
}

html[data-marmoolak-state="friendly"]
.tivez-marmoolak-canvas{
  animation:
    tivezMarmoolakFriendly
    3.6s ease-in-out infinite;
}

html[data-marmoolak-state="focused"]
.tivez-marmoolak-canvas{
  animation:
    tivezMarmoolakFocused
    4.2s ease-in-out infinite;
}

html[data-marmoolak-state="thinking"]
.tivez-marmoolak-canvas{
  animation:
    tivezMarmoolakThinking
    4s ease-in-out infinite;
}

html[data-marmoolak-state="signature"]
.tivez-marmoolak-canvas{
  animation:
    tivezMarmoolakSignature
    4.8s ease-in-out infinite;
}


/* ----------------------------------------------------------
   STATE CHANGE
   ---------------------------------------------------------- */

.tivez-marmoolak-canvas.marmoolak-switch{
  animation-duration:
    .38s,
    4.6s;
}


/* ----------------------------------------------------------
   MOTION
   ---------------------------------------------------------- */

@keyframes tivezMarmoolakPresence{
  0%,100%{
    transform:
      translate(-50%,-50%)
      scale(1.025)
      translateY(0);
  }

  50%{
    transform:
      translate(-50%,-50%)
      scale(1.045)
      translateY(-1.8px);
  }
}

@keyframes tivezMarmoolakInquiry{
  0%,100%{
    transform:
      translate(-50%,-50%)
      scale(1.035)
      rotate(0deg);
  }

  48%{
    transform:
      translate(-50%,-51%)
      scale(1.055)
      rotate(-.55deg);
  }
}

@keyframes tivezMarmoolakFriendly{
  0%,100%{
    transform:
      translate(-50%,-50%)
      scale(1.04);
  }

  50%{
    transform:
      translate(-50%,-51%)
      scale(1.065);
  }
}

@keyframes tivezMarmoolakFocused{
  0%,100%{
    transform:
      translate(-50%,-49.5%)
      scale(1.035);
  }

  50%{
    transform:
      translate(-50%,-50.5%)
      scale(1.045);
  }
}

@keyframes tivezMarmoolakThinking{
  0%,100%{
    transform:
      translate(-50%,-50%)
      scale(1.035)
      rotate(0deg);
  }

  45%{
    transform:
      translate(-49.2%,-50.8%)
      scale(1.05)
      rotate(.6deg);
  }
}

@keyframes tivezMarmoolakSignature{
  0%,100%{
    transform:
      translate(-50%,-50%)
      scale(1.04);
  }

  50%{
    transform:
      translate(-50%,-51%)
      scale(1.06);
  }
}

@keyframes tivezMarmoolakSweep{
  0%,72%,100%{
    transform:translateX(-130%);
    opacity:0;
  }

  78%{
    opacity:.85;
  }

  89%{
    transform:translateX(130%);
    opacity:0;
  }
}

@keyframes tivezMarmoolakLive{
  0%,100%{
    opacity:.65;
    transform:scale(.86);
  }

  50%{
    opacity:1;
    transform:scale(1.08);
  }
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media(max-width:640px){

  .tg-inline-avatar{
    width:70px!important;
    height:70px!important;
    min-width:70px!important;
    min-height:70px!important;
  }

  .tg-mini-avatar{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    min-height:62px!important;
  }

  .tg-launcher .tg-character,
  .tg-character{
    width:56px!important;
    height:56px!important;
  }

}


/* ----------------------------------------------------------
   REDUCED MOTION / ACCESSIBILITY
   ---------------------------------------------------------- */

@media(prefers-reduced-motion:reduce){

  .tivez-marmoolak-canvas,
  .tivez-marmoolak-host:before,
  .tivez-marmoolak-host:after{
    animation:none!important;
  }

}


/* ==========================================================
   TIVEZ_MARMOOLAK_MASTER_ENGINE_V2_BEGIN

   MASTER SHEET STATE MAP
   ----------------------------------------------------------
   inquiry   = phone / price / search
   friendly  = wink + positive purchase guidance
   focused   = laptop / KYC / payment / tracking
   thinking  = installment / guarantee / decision
   signature = sunglasses / neutral premium signature

   No order / KYC / payment business logic lives here.
   ========================================================== */

.tivez-marmoolak-host{
  --mz-scale:5.15;
  --mz-x:-2%;
  --mz-y:-291%;

  position:relative!important;
  display:block!important;
  flex:0 0 auto!important;

  overflow:hidden!important;
  isolation:isolate!important;

  border-radius:inherit!important;

  background:
    radial-gradient(
      circle at 50% 38%,
      rgba(201,168,255,.11),
      rgba(8,26,29,.04) 48%,
      rgba(4,12,15,.16) 100%
    )!important;
}

.tivez-marmoolak-viewport{
  position:absolute!important;
  inset:0!important;

  overflow:hidden!important;
  border-radius:inherit!important;

  transform:translateZ(0);
  backface-visibility:hidden;

  pointer-events:none!important;
}

.tivez-marmoolak-canvas{
  position:absolute!important;

  width:calc(var(--mz-scale) * 100%)!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;

  left:var(--mz-x)!important;
  top:var(--mz-y)!important;

  transform:none!important;
  transform-origin:center center!important;

  object-fit:initial!important;
  object-position:initial!important;

  opacity:1!important;

  filter:
    contrast(1.045)
    saturate(1.035)
    brightness(1.045)!important;

  user-select:none!important;
  -webkit-user-drag:none!important;

  will-change:
    left,
    top,
    filter,
    opacity!important;

  animation:none!important;

  transition:
    left .42s cubic-bezier(.2,.8,.2,1),
    top .42s cubic-bezier(.2,.8,.2,1),
    filter .32s ease,
    opacity .22s ease!important;
}


/* ==========================================================
   STATE CROPS
   Values intentionally target the five character portraits
   on the lower strip of the supplied master sheet.
   ========================================================== */

/* LEFTMOST — PHONE / INQUIRY */
html[data-marmoolak-state="inquiry"]{
  --mz-x:-1%;
  --mz-y:-291%;
}

/* SECOND — WINK / THUMBS UP */
html[data-marmoolak-state="friendly"]{
  --mz-x:-93%;
  --mz-y:-291%;
}

/* CENTER — LAPTOP / FOCUSED */
html[data-marmoolak-state="focused"]{
  --mz-x:-183%;
  --mz-y:-291%;
}

/* FOURTH — THINKING / QUESTION */
html[data-marmoolak-state="thinking"]{
  --mz-x:-277%;
  --mz-y:-291%;
}

/* RIGHTMOST — SUNGLASSES / SIGNATURE */
html[data-marmoolak-state="signature"]{
  --mz-x:-368%;
  --mz-y:-291%;
}


/* ==========================================================
   CHARACTER PRESENCE
   Animate the viewport — never the crop coordinates.
   ========================================================== */

.tivez-marmoolak-viewport{
  animation:
    tivezMarmoolakBreath
    4.8s
    cubic-bezier(.4,0,.2,1)
    infinite!important;
}

html[data-marmoolak-state="friendly"]
.tivez-marmoolak-viewport{
  animation:
    tivezMarmoolakFriendlyV2
    4.2s ease-in-out infinite!important;
}

html[data-marmoolak-state="thinking"]
.tivez-marmoolak-viewport{
  animation:
    tivezMarmoolakThinkingV2
    4.4s ease-in-out infinite!important;
}

html[data-marmoolak-state="focused"]
.tivez-marmoolak-viewport{
  animation:
    tivezMarmoolakFocusedV2
    5s ease-in-out infinite!important;
}

html[data-marmoolak-state="inquiry"]
.tivez-marmoolak-viewport{
  animation:
    tivezMarmoolakInquiryV2
    4.6s ease-in-out infinite!important;
}


/* ==========================================================
   STATE TRANSITION
   ========================================================== */

.tivez-marmoolak-host.marmoolak-switch
.tivez-marmoolak-canvas,
.tivez-marmoolak-canvas.marmoolak-switch{
  opacity:.58!important;
  filter:
    contrast(1.02)
    saturate(.92)
    brightness(1.16)
    blur(.35px)!important;
}


/* ==========================================================
   SIZE — SIGNATURE PRIORITY
   ========================================================== */

.tg-launcher .tg-character{
  width:70px!important;
  height:70px!important;
  min-width:70px!important;
  min-height:70px!important;

  border-radius:21px!important;
}

.tg-mini-avatar{
  width:78px!important;
  height:78px!important;
  min-width:78px!important;
  min-height:78px!important;

  border-radius:22px!important;
}

.tg-inline-avatar{
  width:88px!important;
  height:88px!important;
  min-width:88px!important;
  min-height:88px!important;

  border-radius:25px!important;
  overflow:hidden!important;

  display:grid!important;
  place-items:center!important;
}

.tg-inline-avatar .tg-character{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;

  border-radius:inherit!important;
}


/* ==========================================================
   PREMIUM FRAME
   ========================================================== */

.tivez-marmoolak-host{
  border:
    1px solid
    rgba(201,168,255,.24)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 0 26px rgba(155,92,246,.045),
    0 10px 28px rgba(0,0,0,.26)!important;
}

.tivez-marmoolak-host:before{
  content:""!important;

  position:absolute!important;
  inset:0!important;
  z-index:7!important;

  border-radius:inherit!important;

  background:
    linear-gradient(
      118deg,
      transparent 20%,
      rgba(201,168,255,.14) 38%,
      transparent 54%
    )!important;

  transform:translateX(-125%)!important;

  animation:
    tivezMarmoolakSweepV2
    8.6s ease-in-out infinite!important;

  pointer-events:none!important;
}

.tivez-marmoolak-host:after{
  content:""!important;

  position:absolute!important;
  z-index:8!important;

  width:7px!important;
  height:7px!important;

  top:9%!important;
  right:9%!important;

  border-radius:50%!important;

  background:#c9a8ff!important;

  box-shadow:
    0 0 0 4px rgba(201,168,255,.11),
    0 0 14px rgba(201,168,255,.6)!important;

  animation:
    tivezMarmoolakLiveV2
    2.5s ease-in-out infinite!important;

  pointer-events:none!important;
}


/* ==========================================================
   MOTION
   ========================================================== */

@keyframes tivezMarmoolakBreath{
  0%,100%{
    transform:
      translate3d(0,0,0)
      scale(1);
  }

  50%{
    transform:
      translate3d(0,-1px,0)
      scale(1.025);
  }
}

@keyframes tivezMarmoolakFriendlyV2{
  0%,100%{
    transform:
      translate3d(0,0,0)
      scale(1);
  }

  46%{
    transform:
      translate3d(0,-1.5px,0)
      scale(1.035);
  }

  52%{
    transform:
      translate3d(0,-1px,0)
      scale(1.025);
  }
}

@keyframes tivezMarmoolakThinkingV2{
  0%,100%{
    transform:
      translate3d(0,0,0)
      rotate(0deg)
      scale(1);
  }

  46%{
    transform:
      translate3d(-.7px,-1.3px,0)
      rotate(.55deg)
      scale(1.025);
  }
}

@keyframes tivezMarmoolakFocusedV2{
  0%,100%{
    transform:
      translate3d(0,0,0)
      scale(1.01);
  }

  50%{
    transform:
      translate3d(0,-.7px,0)
      scale(1.02);
  }
}

@keyframes tivezMarmoolakInquiryV2{
  0%,100%{
    transform:
      translate3d(0,0,0)
      rotate(0deg)
      scale(1);
  }

  43%{
    transform:
      translate3d(.6px,-1px,0)
      rotate(-.45deg)
      scale(1.028);
  }
}

@keyframes tivezMarmoolakSweepV2{
  0%,64%,100%{
    transform:translateX(-125%);
    opacity:0;
  }

  71%{
    opacity:.8;
  }

  82%{
    transform:translateX(125%);
    opacity:0;
  }
}

@keyframes tivezMarmoolakLiveV2{
  0%,100%{
    opacity:.72;
    transform:scale(.92);
  }

  50%{
    opacity:1;
    transform:scale(1.08);
  }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:640px){

  .tg-launcher .tg-character{
    width:68px!important;
    height:68px!important;
    min-width:68px!important;
    min-height:68px!important;
  }

  .tg-inline-avatar{
    width:84px!important;
    height:84px!important;
    min-width:84px!important;
    min-height:84px!important;
  }

  .tg-mini-avatar{
    width:72px!important;
    height:72px!important;
    min-width:72px!important;
    min-height:72px!important;
  }

}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media(prefers-reduced-motion:reduce){

  .tivez-marmoolak-viewport,
  .tivez-marmoolak-host:before,
  .tivez-marmoolak-host:after{
    animation:none!important;
  }

  .tivez-marmoolak-canvas{
    transition:none!important;
  }

}

/* TIVEZ_MARMOOLAK_MASTER_ENGINE_V2_END */

/* ==========================================================
   TIVEZ_MARMOOLAK_REAL_STATE_ENGINE_V3_BEGIN

   Approved master-sheet characters.
   No generated redraw.
   Real per-state assets.
   ========================================================== */

.tivez-marmoolak-host{
  position:relative!important;
  overflow:hidden!important;

  display:grid!important;
  place-items:center!important;

  isolation:isolate;

  background:
    radial-gradient(
      circle at 50% 28%,
      rgba(201,168,255,.12),
      transparent 56%
    ),
    linear-gradient(
      155deg,
      #0d272c 0%,
      #07161a 66%,
      #050b0d 100%
    )!important;
}

.tivez-marmoolak-real{
  display:block!important;

  position:absolute!important;

  left:50%!important;
  top:50%!important;

  width:118%!important;
  height:118%!important;

  max-width:none!important;
  max-height:none!important;

  object-fit:contain!important;
  object-position:center!important;

  transform:
    translate(-50%,-50%)
    scale(1.02);

  border:0!important;
  border-radius:0!important;

  pointer-events:none!important;

  filter:
    contrast(1.035)
    saturate(1.02)
    brightness(1.06);

  transition:
    opacity .22s ease,
    transform .38s cubic-bezier(.2,.8,.2,1),
    filter .38s ease;

  animation:
    tivezRealMarmoolakIdle
    4.8s
    cubic-bezier(.4,0,.2,1)
    infinite;
}


/* ---------- STATE ASSETS ---------- */

html[data-marmoolak-state="inquiry"]
.tivez-marmoolak-real{
  content:
    url("/assets/marmoolak-states/marmoolak-inquiry.webp");
}

html[data-marmoolak-state="friendly"]
.tivez-marmoolak-real{
  content:
    url("/assets/marmoolak-states/marmoolak-friendly.webp");
}

html[data-marmoolak-state="focused"]
.tivez-marmoolak-real{
  content:
    url("/assets/marmoolak-states/marmoolak-focused.webp");
}

html[data-marmoolak-state="thinking"]
.tivez-marmoolak-real{
  content:
    url("/assets/marmoolak-states/marmoolak-thinking.webp");
}

html[data-marmoolak-state="signature"]
.tivez-marmoolak-real{
  content:
    url("/assets/marmoolak-states/marmoolak-signature.webp");
}


/* ---------- PRESENCE ---------- */

.tg-inline-avatar{
  width:88px!important;
  height:88px!important;

  min-width:88px!important;
  min-height:88px!important;

  border-radius:25px!important;
}

.tg-mini-avatar{
  width:76px!important;
  height:76px!important;

  min-width:76px!important;
  min-height:76px!important;

  border-radius:23px!important;
}

.tg-launcher .tg-character{
  width:66px!important;
  height:66px!important;

  min-width:66px!important;
  min-height:66px!important;
}


/* ---------- MOTION PERSONALITY ---------- */

html[data-marmoolak-state="friendly"]
.tivez-marmoolak-real{
  animation:
    tivezRealMarmoolakFriendly
    3.8s
    cubic-bezier(.4,0,.2,1)
    infinite;
}

html[data-marmoolak-state="thinking"]
.tivez-marmoolak-real{
  animation:
    tivezRealMarmoolakThinking
    4.2s
    cubic-bezier(.4,0,.2,1)
    infinite;
}

html[data-marmoolak-state="focused"]
.tivez-marmoolak-real{
  animation:
    tivezRealMarmoolakFocused
    4.4s
    ease-in-out
    infinite;
}

html[data-marmoolak-state="inquiry"]
.tivez-marmoolak-real{
  animation:
    tivezRealMarmoolakInquiry
    4s
    ease-in-out
    infinite;
}


/* ---------- ANIMATIONS ---------- */

@keyframes tivezRealMarmoolakIdle{

  0%,100%{
    transform:
      translate(-50%,-50%)
      scale(1.02);
  }

  50%{
    transform:
      translate(-50%,-51.5%)
      scale(1.055);
  }

}

@keyframes tivezRealMarmoolakFriendly{

  0%,38%,100%{
    transform:
      translate(-50%,-50%)
      scale(1.035);
  }

  47%{
    transform:
      translate(-50%,-51.5%)
      scale(1.07)
      rotate(-.7deg);
  }

  55%{
    transform:
      translate(-50%,-50%)
      scale(1.045);
  }

}

@keyframes tivezRealMarmoolakThinking{

  0%,100%{
    transform:
      translate(-50%,-50%)
      scale(1.025)
      rotate(0deg);
  }

  48%{
    transform:
      translate(-49%,-51%)
      scale(1.055)
      rotate(.8deg);
  }

}

@keyframes tivezRealMarmoolakFocused{

  0%,100%{
    transform:
      translate(-50%,-50%)
      scale(1.025);
  }

  50%{
    transform:
      translate(-50%,-50.7%)
      scale(1.045);
  }

}

@keyframes tivezRealMarmoolakInquiry{

  0%,100%{
    transform:
      translate(-50%,-50%)
      scale(1.03);
  }

  45%{
    transform:
      translate(-50.8%,-51%)
      scale(1.06)
      rotate(-.6deg);
  }

}


/* ---------- STATE TRANSITION ---------- */

.tivez-marmoolak-real.marmoolak-switch{
  opacity:.72!important;

  transform:
    translate(-50%,-50%)
    scale(.97)!important;
}


/* ---------- MOBILE ---------- */

@media(max-width:640px){

  .tg-inline-avatar{
    width:82px!important;
    height:82px!important;

    min-width:82px!important;
    min-height:82px!important;
  }

  .tg-launcher .tg-character{
    width:64px!important;
    height:64px!important;
  }

}


/* ---------- ACCESSIBILITY ---------- */

@media(prefers-reduced-motion:reduce){

  .tivez-marmoolak-real{
    animation:none!important;
    transition:none!important;
  }

}

/* TIVEZ_MARMOOLAK_REAL_STATE_ENGINE_V3_END */


/* ==========================================================
   TIVEZ_MARMOOLAK_RENDERER_V4_BEGIN
   Final real-image rendering layer.
   ========================================================== */

.tivez-marmoolak-host{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

/*
 The real character must always sit above the capsule surface
 and below only the intentional live indicator.
*/
.tivez-marmoolak-host > img.tivez-marmoolak-real,
img.tivez-marmoolak-real{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;

  position:absolute!important;
  z-index:5!important;

  left:50%!important;
  top:50%!important;

  width:112%!important;
  height:112%!important;

  max-width:none!important;
  max-height:none!important;

  object-fit:contain!important;
  object-position:center center!important;

  transform:
    translate(-50%,-50%)
    scale(1.035);

  transform-origin:center center!important;

  filter:
    saturate(1.04)
    contrast(1.04)
    brightness(1.08);

  pointer-events:none!important;

  transition:
    opacity .28s ease,
    transform .38s cubic-bezier(.2,.72,.2,1),
    filter .38s ease;
}

/*
 Do NOT allow CSS generated-content switching anymore.
 Actual src is controlled by JS Renderer V4.
*/
html[data-marmoolak-state="inquiry"]
.tivez-marmoolak-real,

html[data-marmoolak-state="friendly"]
.tivez-marmoolak-real,

html[data-marmoolak-state="focused"]
.tivez-marmoolak-real,

html[data-marmoolak-state="thinking"]
.tivez-marmoolak-real,

html[data-marmoolak-state="signature"]
.tivez-marmoolak-real{
  content:normal!important;
}

/*
 Keep capsule lighting behind the character.
*/
.tivez-marmoolak-host:before{
  z-index:2!important;
}

.tivez-marmoolak-host:after{
  z-index:8!important;
}

/*
 State-switch micro transition.
*/
.tivez-marmoolak-real.marmoolak-switch{
  opacity:.86!important;

  transform:
    translate(-50%,-50%)
    scale(.985)!important;
}

/*
 Main checkout presence.
*/
.tg-inline-avatar{
  width:90px!important;
  height:90px!important;

  min-width:90px!important;
  min-height:90px!important;

  flex:0 0 90px!important;
}

/*
 Full guide/avatar.
*/
.tg-mini-avatar{
  width:78px!important;
  height:78px!important;

  min-width:78px!important;
  min-height:78px!important;
}

/*
 Floating launcher.
*/
.tg-launcher .tg-character,
#tivezGuideRoot > .tg-launcher .tg-character{
  width:72px!important;
  height:72px!important;

  min-width:72px!important;
  min-height:72px!important;
}

/*
 Preserve state-specific motion while the actual image src
 is switched by JavaScript.
*/
html[data-marmoolak-state="friendly"]
.tivez-marmoolak-real{
  animation:
    tivezRealMarmoolakFriendly
    3.8s
    cubic-bezier(.4,0,.2,1)
    infinite!important;
}

html[data-marmoolak-state="thinking"]
.tivez-marmoolak-real{
  animation:
    tivezRealMarmoolakThinking
    4.2s
    cubic-bezier(.4,0,.2,1)
    infinite!important;
}

html[data-marmoolak-state="focused"]
.tivez-marmoolak-real{
  animation:
    tivezRealMarmoolakFocused
    4.4s
    ease-in-out
    infinite!important;
}

html[data-marmoolak-state="inquiry"]
.tivez-marmoolak-real{
  animation:
    tivezRealMarmoolakInquiry
    4s
    ease-in-out
    infinite!important;
}

html[data-marmoolak-state="signature"]
.tivez-marmoolak-real{
  animation:
    tivezRealMarmoolakIdle
    4.6s
    cubic-bezier(.4,0,.2,1)
    infinite!important;
}

@media(max-width:640px){

  .tg-inline-avatar{
    width:86px!important;
    height:86px!important;

    min-width:86px!important;
    min-height:86px!important;

    flex-basis:86px!important;
  }

  .tg-mini-avatar{
    width:72px!important;
    height:72px!important;
  }

  .tg-launcher .tg-character{
    width:68px!important;
    height:68px!important;

    min-width:68px!important;
    min-height:68px!important;
  }
}

@media(prefers-reduced-motion:reduce){

  .tivez-marmoolak-real{
    animation:none!important;
    transition:none!important;
  }
}

/* TIVEZ_MARMOOLAK_RENDERER_V4_END */


/* TIVEZ_MARMOOLAK_FINAL_MASTER_RENDER_BEGIN */

/*
 FINAL MASTER RENDER LAYER
 Source of truth:
 /assets/marmoolak-states/marmoolak-*.webp
*/

.tivez-marmoolak-host{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;

  background:
    radial-gradient(
      circle at 50% 30%,
      rgba(201,168,255,.13) 0%,
      rgba(107,63,184,.055) 36%,
      transparent 66%
    ),
    linear-gradient(
      155deg,
      #0c262b 0%,
      #071519 66%,
      #050a0c 100%
    )!important;
}

.tivez-marmoolak-host > img.tivez-marmoolak-real,
img.tivez-marmoolak-real{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;

  position:absolute!important;
  z-index:6!important;

  left:50%!important;
  top:50%!important;

  width:108%!important;
  height:108%!important;

  max-width:none!important;
  max-height:none!important;

  object-fit:cover!important;
  object-position:center center!important;

  transform:
    translate(-50%,-50%)
    scale(1.015)!important;

  filter:
    saturate(1.04)
    contrast(1.045)
    brightness(1.055)!important;

  pointer-events:none!important;

  transition:
    opacity .24s ease,
    transform .4s cubic-bezier(.2,.75,.2,1),
    filter .35s ease!important;
}

/* Disable all obsolete crop renderers inside current character. */
.tivez-marmoolak-host
.tivez-marmoolak-canvas,
.tivez-marmoolak-host
.tivez-marmoolak-viewport{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}

/* No CSS content:url swapping. JS owns the src. */
html[data-marmoolak-state="inquiry"]
.tivez-marmoolak-real,
html[data-marmoolak-state="friendly"]
.tivez-marmoolak-real,
html[data-marmoolak-state="focused"]
.tivez-marmoolak-real,
html[data-marmoolak-state="thinking"]
.tivez-marmoolak-real,
html[data-marmoolak-state="signature"]
.tivez-marmoolak-real{
  content:normal!important;
}

/* Checkout is the strongest Marmoolak presence. */
.tg-inline-avatar{
  width:94px!important;
  height:94px!important;
  min-width:94px!important;
  min-height:94px!important;
  flex:0 0 94px!important;

  border-radius:26px!important;
  overflow:hidden!important;
}

/* Expanded guide avatar. */
.tg-mini-avatar{
  width:82px!important;
  height:82px!important;
  min-width:82px!important;
  min-height:82px!important;

  border-radius:24px!important;
}

/* Home floating signature. */
.tg-launcher .tg-character,
#tivezGuideRoot > .tg-launcher .tg-character{
  width:76px!important;
  height:76px!important;
  min-width:76px!important;
  min-height:76px!important;

  border-radius:23px!important;
}

/* State personalities. */

html[data-marmoolak-state="friendly"]
.tivez-marmoolak-real{
  animation:
    tivezFinalMarmoolakFriendly
    3.8s
    cubic-bezier(.4,0,.2,1)
    infinite!important;
}

html[data-marmoolak-state="thinking"]
.tivez-marmoolak-real{
  animation:
    tivezFinalMarmoolakThinking
    4.3s
    cubic-bezier(.4,0,.2,1)
    infinite!important;
}

html[data-marmoolak-state="focused"]
.tivez-marmoolak-real{
  animation:
    tivezFinalMarmoolakFocused
    4.8s
    ease-in-out
    infinite!important;
}

html[data-marmoolak-state="inquiry"]
.tivez-marmoolak-real{
  animation:
    tivezFinalMarmoolakInquiry
    4.2s
    ease-in-out
    infinite!important;
}

html[data-marmoolak-state="signature"]
.tivez-marmoolak-real{
  animation:
    tivezFinalMarmoolakSignature
    4.8s
    cubic-bezier(.4,0,.2,1)
    infinite!important;
}

@keyframes tivezFinalMarmoolakFriendly{
  0%,100%{
    transform:translate(-50%,-50%) scale(1.015);
  }
  47%{
    transform:translate(-50%,-51.3%) scale(1.055);
  }
  54%{
    transform:translate(-50%,-50.7%) scale(1.045);
  }
}

@keyframes tivezFinalMarmoolakThinking{
  0%,100%{
    transform:
      translate(-50%,-50%)
      scale(1.02)
      rotate(0deg);
  }
  46%{
    transform:
      translate(-49.1%,-50.8%)
      scale(1.045)
      rotate(.55deg);
  }
}

@keyframes tivezFinalMarmoolakFocused{
  0%,100%{
    transform:translate(-50%,-49.8%) scale(1.018);
  }
  50%{
    transform:translate(-50%,-50.7%) scale(1.035);
  }
}

@keyframes tivezFinalMarmoolakInquiry{
  0%,100%{
    transform:
      translate(-50%,-50%)
      scale(1.02)
      rotate(0deg);
  }
  48%{
    transform:
      translate(-50.8%,-50.7%)
      scale(1.045)
      rotate(-.45deg);
  }
}

@keyframes tivezFinalMarmoolakSignature{
  0%,100%{
    transform:translate(-50%,-50%) scale(1.018);
  }
  50%{
    transform:translate(-50%,-50.9%) scale(1.04);
  }
}

.tivez-marmoolak-real.marmoolak-switch{
  opacity:.82!important;

  transform:
    translate(-50%,-50%)
    scale(.965)!important;
}

@media(max-width:640px){

  .tg-inline-avatar{
    width:90px!important;
    height:90px!important;
    min-width:90px!important;
    min-height:90px!important;
    flex-basis:90px!important;
  }

  .tg-mini-avatar{
    width:76px!important;
    height:76px!important;
  }

  .tg-launcher .tg-character,
  #tivezGuideRoot > .tg-launcher .tg-character{
    width:72px!important;
    height:72px!important;
    min-width:72px!important;
    min-height:72px!important;
  }

}

@media(prefers-reduced-motion:reduce){

  .tivez-marmoolak-real{
    animation:none!important;
    transition:none!important;
  }

}

/* TIVEZ_MARMOOLAK_FINAL_MASTER_RENDER_END */

/* ==========================================================
   TIVEZ_MARMOOLAK_FINAL_FRAME_V5_BEGIN
   Single character layer + perfect fitting
   ========================================================== */

/* ----------------------------------------------------------
   KILL EVERY LEGACY CHARACTER VISUAL
   ---------------------------------------------------------- */

.tivez-marmoolak-host{
  --tivez-marmoolak-image:none!important;
  background-image:none!important;

  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;

  display:block!important;

  background:
    radial-gradient(
      circle at 50% 24%,
      rgba(201,168,255,.115),
      rgba(107,63,184,.045) 42%,
      transparent 68%
    ),
    linear-gradient(
      155deg,
      #0d282d 0%,
      #07171b 62%,
      #050b0d 100%
    )!important;
}


/*
 Anything belonging to the old SVG / master-sheet renderer
 must never appear beneath the real state image.
*/

.tivez-marmoolak-host > svg,
.tivez-marmoolak-host svg.tg-mascot,
.tivez-marmoolak-host .tivez-marmoolak-canvas,
.tivez-marmoolak-host .tivez-marmoolak-viewport,
.tivez-marmoolak-host .tg-head,
.tivez-marmoolak-host .tg-tail{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}


/* ----------------------------------------------------------
   ONE REAL CHARACTER
   ---------------------------------------------------------- */

.tivez-marmoolak-host > img.tivez-marmoolak-real{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;

  position:absolute!important;
  z-index:6!important;

  left:50%!important;
  top:50%!important;

  width:100%!important;
  height:100%!important;

  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;

  object-fit:cover!important;
  object-position:center 44%!important;

  margin:0!important;
  padding:0!important;

  border:0!important;
  border-radius:inherit!important;

  transform:
    translate(-50%,-50%)
    scale(1.01);

  transform-origin:center center!important;

  filter:
    contrast(1.04)
    saturate(1.035)
    brightness(1.055)!important;

  pointer-events:none!important;
}


/* ----------------------------------------------------------
   IMPORTANT:
   child host must exactly equal its visible frame.
   This fixes stretched/tall checkout characters.
   ---------------------------------------------------------- */

.tg-inline-avatar > .tg-character,
.tg-mini-avatar > .tg-character,
.tg-launcher > .tg-character,
#tgLauncherCharacter > .tg-character,
#tgMiniAvatar > .tg-character{
  width:100%!important;
  height:100%!important;

  min-width:100%!important;
  min-height:100%!important;

  max-width:100%!important;
  max-height:100%!important;

  position:relative!important;

  inset:auto!important;

  border-radius:inherit!important;

  overflow:hidden!important;
}


/* ----------------------------------------------------------
   CHECKOUT
   Strong but balanced.
   ---------------------------------------------------------- */

.tg-inline-avatar{
  width:92px!important;
  height:92px!important;

  min-width:92px!important;
  min-height:92px!important;

  max-width:92px!important;
  max-height:92px!important;

  flex:0 0 92px!important;

  aspect-ratio:1/1!important;

  border-radius:25px!important;

  overflow:hidden!important;
}


/*
 Checkout portrait:
 slightly more breathing room so face/body are not cut.
*/

.tg-inline-avatar
.tivez-marmoolak-real{
  width:96%!important;
  height:96%!important;

  object-fit:cover!important;
  object-position:center 43%!important;

  border-radius:22px!important;
}


/* ----------------------------------------------------------
   MAIN GUIDE
   User requested ONLY a small increase.
   ---------------------------------------------------------- */

.tg-mini-avatar{
  width:88px!important;
  height:88px!important;

  min-width:88px!important;
  min-height:88px!important;

  max-width:88px!important;
  max-height:88px!important;

  flex:0 0 88px!important;

  aspect-ratio:1/1!important;

  border-radius:25px!important;

  overflow:hidden!important;
}


.tg-mini-avatar
.tivez-marmoolak-real{
  width:97%!important;
  height:97%!important;

  object-position:center 44%!important;

  border-radius:23px!important;
}


/* ----------------------------------------------------------
   FLOATING HOME SIGNATURE
   Slight increase only.
   ---------------------------------------------------------- */

.tg-launcher .tg-character,
#tivezGuideRoot > .tg-launcher .tg-character{
  width:78px!important;
  height:78px!important;

  min-width:78px!important;
  min-height:78px!important;

  max-width:78px!important;
  max-height:78px!important;

  aspect-ratio:1/1!important;

  border-radius:23px!important;

  overflow:hidden!important;
}


.tg-launcher
.tivez-marmoolak-real{
  width:96%!important;
  height:96%!important;

  object-position:center 44%!important;

  border-radius:21px!important;
}


/* ----------------------------------------------------------
   REMOVE POSSIBLE LEGACY BACKGROUND MASCOT
   ---------------------------------------------------------- */

.tg-character,
.tg-mini-avatar,
.tg-inline-avatar,
.tg-launcher .tg-character{
  background-image:none!important;
}


/*
 Keep only TIVEZ lighting.
*/

.tivez-marmoolak-host:before{
  content:""!important;

  position:absolute!important;
  z-index:2!important;

  inset:0!important;

  border-radius:inherit!important;

  background:
    linear-gradient(
      120deg,
      transparent 15%,
      rgba(201,168,255,.10) 37%,
      transparent 55%
    )!important;

  pointer-events:none!important;
}


.tivez-marmoolak-host:after{
  z-index:9!important;
}


/* ----------------------------------------------------------
   STATE MOTION — restrained premium movement
   ---------------------------------------------------------- */

html[data-marmoolak-state="signature"]
.tivez-marmoolak-real{
  animation:
    mzFinalSignature
    4.8s
    cubic-bezier(.4,0,.2,1)
    infinite!important;
}

html[data-marmoolak-state="friendly"]
.tivez-marmoolak-real{
  animation:
    mzFinalFriendly
    3.8s
    cubic-bezier(.4,0,.2,1)
    infinite!important;
}

html[data-marmoolak-state="thinking"]
.tivez-marmoolak-real{
  animation:
    mzFinalThinking
    4.2s
    cubic-bezier(.4,0,.2,1)
    infinite!important;
}

html[data-marmoolak-state="focused"]
.tivez-marmoolak-real{
  animation:
    mzFinalFocused
    4.6s
    ease-in-out
    infinite!important;
}

html[data-marmoolak-state="inquiry"]
.tivez-marmoolak-real{
  animation:
    mzFinalInquiry
    4.1s
    ease-in-out
    infinite!important;
}


@keyframes mzFinalSignature{

  0%,100%{
    transform:
      translate(-50%,-50%)
      scale(1.01);
  }

  50%{
    transform:
      translate(-50%,-50.8%)
      scale(1.035);
  }

}


@keyframes mzFinalFriendly{

  0%,100%{
    transform:
      translate(-50%,-50%)
      scale(1.01);
  }

  48%{
    transform:
      translate(-50%,-51.1%)
      scale(1.045);
  }

}


@keyframes mzFinalThinking{

  0%,100%{
    transform:
      translate(-50%,-50%)
      scale(1.01)
      rotate(0deg);
  }

  48%{
    transform:
      translate(-49.5%,-50.7%)
      scale(1.035)
      rotate(.45deg);
  }

}


@keyframes mzFinalFocused{

  0%,100%{
    transform:
      translate(-50%,-49.7%)
      scale(1.01);
  }

  50%{
    transform:
      translate(-50%,-50.5%)
      scale(1.025);
  }

}


@keyframes mzFinalInquiry{

  0%,100%{
    transform:
      translate(-50%,-50%)
      scale(1.01);
  }

  48%{
    transform:
      translate(-50.6%,-50.6%)
      scale(1.035);
  }

}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media(max-width:640px){

  .tg-inline-avatar{
    width:88px!important;
    height:88px!important;

    min-width:88px!important;
    min-height:88px!important;

    max-width:88px!important;
    max-height:88px!important;

    flex-basis:88px!important;
  }


  .tg-mini-avatar{
    width:86px!important;
    height:86px!important;

    min-width:86px!important;
    min-height:86px!important;

    max-width:86px!important;
    max-height:86px!important;
  }


  .tg-launcher .tg-character,
  #tivezGuideRoot > .tg-launcher .tg-character{
    width:76px!important;
    height:76px!important;

    min-width:76px!important;
    min-height:76px!important;

    max-width:76px!important;
    max-height:76px!important;
  }

}


@media(prefers-reduced-motion:reduce){

  .tivez-marmoolak-real{
    animation:none!important;
    transition:none!important;
  }

}

/* TIVEZ_MARMOOLAK_FINAL_FRAME_V5_END */





/* TIVEZ_FINAL_TOP_AVATAR_REMOVE_BEGIN */

/*
   Full TIVEZ Guide:
   remove ONLY the redundant large/header character.

   Checkout contextual character remains untouched.
   Floating/main Marmoolak remains untouched.
*/
#tivezGuideRoot .tg-mini-avatar{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
}

/*
   Protect checkout character.
*/
#assistant .tg-inline-avatar,
#assistant .tg-inline-avatar .tg-character,
#assistant .tg-inline-avatar img.tivez-marmoolak-real{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
}

/* TIVEZ_FINAL_TOP_AVATAR_REMOVE_END */





/* TIVEZ_LAUNCHER_FINAL_FIT_BEGIN */

/*
  FINAL HOME FLOATING MARMOOLAK
  - slightly smaller
  - full character visible
  - no aggressive crop
  - lightweight signature motion only
*/

#tivezGuideRoot > .tg-launcher{
  width:92px!important;
  height:92px!important;
  min-width:92px!important;
  min-height:92px!important;

  overflow:hidden!important;
  border-radius:24px!important;

  contain:layout paint;
}

#tivezGuideRoot > .tg-launcher .tg-character,
#tivezGuideRoot > .tg-launcher .tivez-marmoolak-host{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;

  overflow:hidden!important;
  border-radius:inherit!important;
}

/*
  Critical fix:
  do NOT crop with cover.
*/
#tivezGuideRoot > .tg-launcher img.tivez-marmoolak-real{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;

  position:absolute!important;

  left:50%!important;
  top:52%!important;

  width:92%!important;
  height:92%!important;

  max-width:none!important;
  max-height:none!important;

  object-fit:contain!important;
  object-position:center center!important;

  transform:
    translate(-50%,-50%)
    scale(1.04)!important;

  transform-origin:center center!important;

  filter:
    saturate(1.04)
    contrast(1.035)
    brightness(1.055)!important;

  animation:
    tivezLauncherSignatureMotion
    5.2s
    cubic-bezier(.4,0,.2,1)
    infinite!important;
}

/*
  Tiny eye/wink-like signature motion.
  Kept intentionally subtle to avoid fake/cartoon motion
  and preserve performance.
*/
@keyframes tivezLauncherSignatureMotion{

  0%,100%{
    transform:
      translate(-50%,-50%)
      scale(1.04)
      rotate(0deg);
  }

  42%{
    transform:
      translate(-50%,-50.7%)
      scale(1.055)
      rotate(-.35deg);
  }

  46%{
    transform:
      translate(-50%,-50.3%)
      scale(1.045)
      rotate(.45deg);
  }

  50%{
    transform:
      translate(-50%,-50.6%)
      scale(1.055)
      rotate(-.2deg);
  }

  58%{
    transform:
      translate(-50%,-50%)
      scale(1.04)
      rotate(0deg);
  }
}

/*
  small highlight pulse = perceived blink / acknowledgement
*/
#tivezGuideRoot > .tg-launcher:after{
  animation:
    tivezLauncherAck
    5.2s
    ease-in-out
    infinite!important;
}

@keyframes tivezLauncherAck{

  0%,39%,54%,100%{
    opacity:.72;
    transform:scale(.92);
  }

  44%{
    opacity:1;
    transform:scale(1.28);
  }

  48%{
    opacity:.58;
    transform:scale(.82);
  }

  51%{
    opacity:1;
    transform:scale(1.12);
  }
}

@media(max-width:640px){

  #tivezGuideRoot > .tg-launcher{
    width:88px!important;
    height:88px!important;

    min-width:88px!important;
    min-height:88px!important;
  }

  #tivezGuideRoot > .tg-launcher img.tivez-marmoolak-real{
    width:90%!important;
    height:90%!important;

    top:52%!important;

    transform:
      translate(-50%,-50%)
      scale(1.025)!important;
  }
}

@media(prefers-reduced-motion:reduce){

  #tivezGuideRoot > .tg-launcher img.tivez-marmoolak-real,
  #tivezGuideRoot > .tg-launcher:after{
    animation:none!important;
  }
}

/* TIVEZ_LAUNCHER_FINAL_FIT_END */







/* TIVEZ_HOME_SIGNATURE_PREMIUM_BEGIN */

/* ==========================================================
   TIVEZ HOME SIGNATURE
   Home mascot is visually independent from checkout states.
   ========================================================== */

#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final{

  width:92px!important;
  height:92px!important;

  min-width:92px!important;
  min-height:92px!important;

  padding:0!important;

  position:relative!important;

  overflow:hidden!important;

  border-radius:27px!important;

  contain:layout paint!important;

  background:
    radial-gradient(
      circle at 45% 26%,
      rgba(201,168,255,.12),
      transparent 46%
    ),
    linear-gradient(
      155deg,
      #0c2429 0%,
      #07161a 61%,
      #050b0d 100%
    )!important;

  border:
    1px solid
    rgba(201,168,255,.22)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 0 25px rgba(155,92,246,.035),
    0 12px 28px rgba(0,0,0,.22)!important;

  animation:none!important;
  transform:none!important;
}


/* ----------------------------------------------------------
   Old launcher character layers
   ---------------------------------------------------------- */

#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final >
.tg-character,

#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final >
.tivez-marmoolak-host{

  display:none!important;
}


/* ----------------------------------------------------------
   Disable moving frame / glow sweep
   ---------------------------------------------------------- */

#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final:before{

  animation:none!important;
  display:none!important;
}

#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final:after{

  animation:none!important;

  width:7px!important;
  height:7px!important;

  top:10px!important;
  right:10px!important;

  opacity:.95!important;

  transform:none!important;

  z-index:20!important;
}


/* ----------------------------------------------------------
   Integrated visual stage
   No "photo pasted inside a square" appearance.
   ---------------------------------------------------------- */

#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final >
.tivez-home-signature-stage{

  position:absolute!important;

  inset:0!important;

  z-index:8!important;

  display:block!important;

  overflow:hidden!important;

  border-radius:inherit!important;

  pointer-events:none!important;

  background:
    radial-gradient(
      circle at 50% 38%,
      rgba(39,96,101,.16),
      transparent 54%
    ),
    #071115!important;

  isolation:isolate!important;
}


/*
  Soft edge integration.
*/

#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final >
.tivez-home-signature-stage:after{

  content:"";

  position:absolute;

  inset:0;

  z-index:3;

  pointer-events:none;

  border-radius:inherit;

  background:
    linear-gradient(
      180deg,
      rgba(5,15,18,.03) 0%,
      transparent 35%,
      rgba(5,13,15,.10) 82%,
      rgba(5,12,14,.28) 100%
    );

  box-shadow:
    inset 0 0 16px rgba(5,15,18,.46);

}


/* ----------------------------------------------------------
   CHARACTER IMAGE
   ---------------------------------------------------------- */

#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final
.tivez-home-signature-img{

  display:block!important;

  visibility:visible!important;
  opacity:1!important;

  position:absolute!important;

  z-index:2!important;

  left:50%!important;
  top:51%!important;

  width:96%!important;
  height:96%!important;

  max-width:none!important;
  max-height:none!important;

  object-fit:cover!important;
  object-position:center 38%!important;

  border:0!important;
  border-radius:0!important;

  filter:
    brightness(1.045)
    contrast(1.035)
    saturate(1.025)!important;

  transform:
    translate(-50%,-50%)
    scale(1.03);

  transform-origin:
    50% 58%!important;

  will-change:
    transform!important;

  pointer-events:none!important;

  /*
    Only the character moves.
    Frame remains totally still.
  */

  animation:
    tivezHomeCharacterAlive
    6.8s
    cubic-bezier(.4,0,.2,1)
    infinite!important;
}


/* ----------------------------------------------------------
   CHARACTER MICRO MOTION

   Static source image cannot literally close eyelids.
   Therefore motion is kept character-centric:
   slight head/body acknowledgement instead of fake frame motion.
   ---------------------------------------------------------- */

@keyframes tivezHomeCharacterAlive{

  0%,
  22%,
  100%{

    transform:
      translate(-50%,-50%)
      scale(1.03)
      rotate(0deg);

  }

  27%{

    transform:
      translate(-50%,-51%)
      scale(1.045)
      rotate(-.65deg);

  }

  31%{

    transform:
      translate(-49.4%,-50.5%)
      scale(1.05)
      rotate(.55deg);

  }

  35%{

    transform:
      translate(-50%,-50.6%)
      scale(1.04)
      rotate(-.25deg);

  }

  40%{

    transform:
      translate(-50%,-50%)
      scale(1.03)
      rotate(0deg);

  }

  72%{

    transform:
      translate(-50%,-50.5%)
      scale(1.038)
      rotate(-.28deg);

  }

  77%{

    transform:
      translate(-49.7%,-50%)
      scale(1.042)
      rotate(.28deg);

  }

  82%{

    transform:
      translate(-50%,-50%)
      scale(1.03)
      rotate(0deg);

  }
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media(max-width:640px){

  #tivezGuideRoot >
  .tg-launcher.tivez-home-signature-final{

    width:88px!important;
    height:88px!important;

    min-width:88px!important;
    min-height:88px!important;

    border-radius:25px!important;

  }

  #tivezGuideRoot >
  .tg-launcher.tivez-home-signature-final
  .tivez-home-signature-img{

    width:97%!important;
    height:97%!important;

    top:51%!important;

    object-position:center 38%!important;

  }

}


/* ----------------------------------------------------------
   Accessibility
   ---------------------------------------------------------- */

@media(prefers-reduced-motion:reduce){

  #tivezGuideRoot >
  .tg-launcher.tivez-home-signature-final
  .tivez-home-signature-img{

    animation:none!important;
  }

}

/* TIVEZ_HOME_SIGNATURE_PREMIUM_END */


/* TIVEZ_HOME_MASCOT_REMOVE_P_FINAL
   Crop only the HOME signature mascot.
   Removes residual TP/P area without touching checkout mascots.
*/
#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final
.tivez-home-signature-img{
    width:108%!important;
    height:108%!important;
    left:47.5%!important;
    top:48.5%!important;

    object-fit:cover!important;
    object-position:43% 34%!important;

    transform:
      translate(-50%,-50%)
      scale(1.055)!important;
}

@media(max-width:640px){
    #tivezGuideRoot >
    .tg-launcher.tivez-home-signature-final
    .tivez-home-signature-img{
        width:110%!important;
        height:110%!important;
        left:47%!important;
        top:48%!important;
        object-position:42% 33%!important;
    }
}

/* ==========================================================
   TIVEZ HOME MASCOT — FINAL CLEAN PORTRAIT CROP
   HOME launcher only.
   Removes shirt TP/P residue.
   Checkout / KYC / payment mascots untouched.
   ========================================================== */

#tivezGuideRoot > .tg-launcher{
  overflow:visible!important;
}

#tivezGuideRoot > .tg-launcher .tg-character{
  overflow:hidden!important;
  position:relative!important;
}

/* REAL active renderer */
#tivezGuideRoot > .tg-launcher
.tg-character
img.tivez-marmoolak-real,

/* home-specific renderer fallback */
#tivezGuideRoot > .tg-launcher
img.tivez-home-signature-img{

  display:block!important;
  visibility:visible!important;
  opacity:1!important;

  position:absolute!important;

  width:132%!important;
  height:132%!important;

  max-width:none!important;
  max-height:none!important;

  left:50%!important;
  top:43%!important;

  object-fit:cover!important;
  object-position:50% 28%!important;

  transform:
    translate(-50%,-50%)
    scale(1.03)!important;

  transform-origin:center!important;
}

/* Keep HOME portrait clean and premium.
   No frame movement — movement belongs to character only. */
#tivezGuideRoot > .tg-launcher
.tg-character:before{
  animation:none!important;
}

@media(max-width:640px){

  #tivezGuideRoot > .tg-launcher
  .tg-character
  img.tivez-marmoolak-real,

  #tivezGuideRoot > .tg-launcher
  img.tivez-home-signature-img{

    width:136%!important;
    height:136%!important;

    left:50%!important;
    top:42%!important;

    object-position:50% 27%!important;

    transform:
      translate(-50%,-50%)
      scale(1.035)!important;
  }
}

/* ==========================================================
   /TIVEZ HOME MASCOT — FINAL CLEAN PORTRAIT CROP
   ========================================================== */

/* ==========================================================
   TIVEZ HOME MASCOT — HEAD CENTERING FIX
   HOME ONLY
   ========================================================== */

#tivezGuideRoot > .tg-launcher
.tg-character
img.tivez-marmoolak-real,

#tivezGuideRoot > .tg-launcher
img.tivez-home-signature-img{

  left:54%!important;
  top:43%!important;

  object-position:54% 28%!important;

  transform:
    translate(-50%,-50%)
    scale(1.03)!important;
}

@media(max-width:640px){

  #tivezGuideRoot > .tg-launcher
  .tg-character
  img.tivez-marmoolak-real,

  #tivezGuideRoot > .tg-launcher
  img.tivez-home-signature-img{

    left:54%!important;
    top:42%!important;

    object-position:54% 27%!important;
  }
}

/* ==========================================================
   /TIVEZ HOME MASCOT — HEAD CENTERING FIX
   ========================================================== */

/* TIVEZ_HOME_MASCOT_OPTICAL_CENTER_FINAL_BEGIN */

/*
 HOME launcher only.

 IMPORTANT:
 The 640x640 source portrait itself is not optically centered.
 Therefore the launcher stays geometrically centered and
 ONLY the crop inside the portrait is shifted vertically.
*/

#tivezGuideRoot > .tg-launcher.tivez-home-signature-final
> .tivez-home-signature-stage{
    overflow:hidden!important;
}

#tivezGuideRoot > .tg-launcher.tivez-home-signature-final
> .tivez-home-signature-stage
> img.tivez-home-signature-img{

    display:block!important;
    position:absolute!important;

    /* launcher geometry — DO NOT move left/right */
    left:50%!important;
    top:50%!important;

    /*
      Keep enough zoom to hide the old TP/P shirt residue,
      but do not move the actual IMG box around.
    */
    width:136%!important;
    height:136%!important;

    max-width:none!important;
    max-height:none!important;

    object-fit:cover!important;

    /*
      THIS is the actual correction:
      larger Y percentage moves the source artwork upward
      inside the crop, which makes the character's HEAD
      appear LOWER in the visible frame.
    */
    object-position:50% 58%!important;

    transform:translate(-50%,-50%)!important;
    transform-origin:center center!important;

    margin:0!important;
}

/* Same optical crop on phone */
@media (max-width:640px){

    #tivezGuideRoot > .tg-launcher.tivez-home-signature-final
    > .tivez-home-signature-stage
    > img.tivez-home-signature-img{

        left:50%!important;
        top:50%!important;

        width:136%!important;
        height:136%!important;

        object-position:50% 58%!important;

        transform:translate(-50%,-50%)!important;
    }
}

/* TIVEZ_HOME_MASCOT_OPTICAL_CENTER_FINAL_END */

/* TIVEZ_HOME_MASCOT_OPTICAL_MASTER_BEGIN */

/*
  FINAL OWNER — HOME FLOATING MASCOT ONLY

  Goal:
  - full hair remains visible
  - head/face sits visually in the center
  - no horizontal drift
  - no checkout/journey mascot changes
*/

#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final >
.tivez-home-signature-stage{
    position:absolute!important;
    inset:0!important;

    display:block!important;
    overflow:hidden!important;

    border-radius:inherit!important;
}

/*
  IMPORTANT:
  We stop using an oversized 130–136% crop.
  The original square portrait gets enough breathing room
  for the entire hair/head to remain inside the frame.
*/
#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final >
.tivez-home-signature-stage >
img.tivez-home-signature-img{

    display:block!important;
    visibility:visible!important;
    opacity:1!important;

    position:absolute!important;

    width:112%!important;
    height:112%!important;

    max-width:none!important;
    max-height:none!important;

    left:50%!important;
    top:53%!important;

    object-fit:cover!important;
    object-position:50% 50%!important;

    transform:
        translate(-50%,-50%)
        scale(1)!important;

    transform-origin:center center!important;

    margin:0!important;
    padding:0!important;

    /*
      No inherited positioning animation.
      We want the portrait itself optically stable.
    */
    transition:
        filter .22s ease,
        opacity .18s ease!important;
}

/*
  Prevent generic real-character rules from ever
  moving this dedicated HOME portrait.
*/
#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final
img.tivez-home-signature-img.tivez-marmoolak-real{

    width:112%!important;
    height:112%!important;

    left:50%!important;
    top:53%!important;

    object-position:50% 50%!important;

    transform:
        translate(-50%,-50%)
        scale(1)!important;
}

@media(max-width:640px){

    #tivezGuideRoot >
    .tg-launcher.tivez-home-signature-final >
    .tivez-home-signature-stage >
    img.tivez-home-signature-img,

    #tivezGuideRoot >
    .tg-launcher.tivez-home-signature-final
    img.tivez-home-signature-img.tivez-marmoolak-real{

        width:112%!important;
        height:112%!important;

        left:50%!important;
        top:53%!important;

        object-position:50% 50%!important;

        transform:
            translate(-50%,-50%)
            scale(1)!important;
    }
}

/* TIVEZ_HOME_MASCOT_OPTICAL_MASTER_END */

/* TIVEZ_HOME_MASCOT_CANONICAL_BEGIN */

/*
  SINGLE FINAL OWNER — HOME FLOATING MASCOT ONLY

  Goals:
  - full hair visible
  - face/head optically centered
  - absolutely no horizontal drift
  - portrait slightly lower inside frame
  - no frame animation
  - checkout / KYC / payment mascots untouched
*/

#tivezGuideRoot > .tg-launcher.tivez-home-signature-final{
  overflow:hidden!important;
}

#tivezGuideRoot > .tg-launcher.tivez-home-signature-final
> .tivez-home-signature-stage{
  position:absolute!important;
  inset:0!important;

  overflow:hidden!important;
  border-radius:inherit!important;

  transform:none!important;
  animation:none!important;
}

#tivezGuideRoot > .tg-launcher.tivez-home-signature-final
> .tivez-home-signature-stage
> img.tivez-home-signature-img{

  display:block!important;
  visibility:visible!important;
  opacity:1!important;

  position:absolute!important;

  /*
    DEAD-CENTER horizontally.
    Never change this for optical adjustment.
  */
  left:50%!important;

  /*
    Slightly lower than mathematical center.
    This places the HEAD in the visual center,
    while keeping the full hairstyle visible.
  */
  top:57%!important;

  /*
    Previous crop was too aggressive.
    112% keeps presence without chopping the hair.
  */
  width:112%!important;
  height:112%!important;

  max-width:none!important;
  max-height:none!important;

  object-fit:cover!important;
  object-position:50% 50%!important;

  margin:0!important;

  transform:
    translate(-50%,-50%)
    scale(1)!important;

  transform-origin:50% 50%!important;

  /*
    Absolutely no positional animation.
  */
  transition:
    opacity .22s ease,
    filter .22s ease!important;

  animation:none!important;

  filter:
    contrast(1.035)
    saturate(1.025)
    brightness(1.035)!important;

  pointer-events:none!important;
}

/*
  Kill any movement belonging to the HOME frame itself.
*/
#tivezGuideRoot > .tg-launcher.tivez-home-signature-final:before,
#tivezGuideRoot > .tg-launcher.tivez-home-signature-final
> .tivez-home-signature-stage:before,
#tivezGuideRoot > .tg-launcher.tivez-home-signature-final
> .tivez-home-signature-stage:after{
  animation:none!important;
  transform:none!important;
}

/*
  Same optical crop on mobile.
*/
@media(max-width:640px){

  #tivezGuideRoot > .tg-launcher.tivez-home-signature-final
  > .tivez-home-signature-stage
  > img.tivez-home-signature-img{

    left:50%!important;
    top:57%!important;

    width:112%!important;
    height:112%!important;

    object-position:50% 50%!important;

    transform:
      translate(-50%,-50%)
      scale(1)!important;
  }
}

/* TIVEZ_HOME_MASCOT_CANONICAL_END */

/* TIVEZ_HOME_THINKING_FINAL_BEGIN */

/*
   FINAL HOME PORTRAIT
   Image: marmoolak-thinking.webp
   HOME ONLY.
   Checkout / journey / KYC mascots untouched.
*/

#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final >
.tivez-home-signature-stage{
    position:absolute!important;
    inset:0!important;
    overflow:hidden!important;
    border-radius:inherit!important;
    transform:none!important;
    animation:none!important;
}

#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final >
.tivez-home-signature-stage >
img.tivez-home-signature-img{

    display:block!important;
    visibility:visible!important;
    opacity:1!important;

    position:absolute!important;

    /*
      THINKING already has good subject placement.
      Keep it simple instead of forcing the old
      SIGNATURE crop onto it.
    */
    width:100%!important;
    height:100%!important;

    left:50%!important;
    top:50%!important;

    max-width:none!important;
    max-height:none!important;

    object-fit:cover!important;
    object-position:center center!important;

    margin:0!important;
    padding:0!important;

    transform:translate(-50%,-50%)!important;
    transform-origin:center center!important;

    animation:none!important;

    transition:
      opacity .2s ease,
      filter .2s ease!important;

    pointer-events:none!important;
}

/* Do not animate the HOME frame. */
#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final:before,

#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final:after,

#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final >
.tivez-home-signature-stage:before,

#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final >
.tivez-home-signature-stage:after{
    animation:none!important;
}

/* TIVEZ_HOME_THINKING_FINAL_END */

/* ==========================================================
   TIVEZ HOME MARMOOLAK — FINAL OPTICAL HEAD POSITION
   HOME ONLY
   ========================================================== */

#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final >
.tivez-home-signature-stage >
img.tivez-home-signature-img{

    /* horizontal = absolutely centered */
    left:50%!important;

    /* move whole portrait DOWN */
    top:57%!important;

    /* slight zoom-out so hair has breathing room */
    width:94%!important;
    height:94%!important;

    object-fit:contain!important;
    object-position:center center!important;

    transform:
        translate(-50%,-50%)
        scale(1)!important;

    transform-origin:center center!important;

    margin:0!important;
    padding:0!important;
}

/* same exact optical position on mobile */
@media(max-width:640px){

    #tivezGuideRoot >
    .tg-launcher.tivez-home-signature-final >
    .tivez-home-signature-stage >
    img.tivez-home-signature-img{

        left:50%!important;
        top:57%!important;

        width:94%!important;
        height:94%!important;

        object-fit:contain!important;
        object-position:center center!important;

        transform:
            translate(-50%,-50%)
            scale(1)!important;
    }
}

/* ==========================================================
   /TIVEZ HOME MARMOOLAK — FINAL OPTICAL HEAD POSITION
   ========================================================== */

/* TIVEZ_HOME_MASCOT_EDGE_FIT_FINAL */

/*
 HOME ONLY
 Position remains untouched.
 Only enlarge portrait slightly so its visual edges
 sit naturally near the launcher frame.
*/
#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final >
.tivez-home-signature-stage >
img.tivez-home-signature-img{
    left:50%!important;
    top:57%!important;

    width:104%!important;
    height:104%!important;

    object-fit:contain!important;
    object-position:center center!important;

    transform:translate(-50%,-50%)!important;
    transform-origin:center center!important;
}

@media(max-width:640px){
    #tivezGuideRoot >
    .tg-launcher.tivez-home-signature-final >
    .tivez-home-signature-stage >
    img.tivez-home-signature-img{
        left:50%!important;
        top:57%!important;

        width:104%!important;
        height:104%!important;

        object-fit:contain!important;
        object-position:center center!important;

        transform:translate(-50%,-50%)!important;
    }
}

/* ==========================================================
   TIVEZ HOME MASCOT — INNER PORTRAIT BLACK FINISH
   ONLY the area directly surrounding the character image.
   Outer launcher/frame remains untouched.
   Size/crop/position remain untouched.
   ========================================================== */

#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final >
.tivez-home-signature-stage{
    background:#050505!important;
    border-color:#090909!important;
}

/*
   Kill only turquoise/green edging belonging to the
   INNER character stage.
*/
#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final >
.tivez-home-signature-stage:before,

#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final >
.tivez-home-signature-stage:after{
    border-color:#090909!important;
    box-shadow:none!important;
}

/*
   Keep the corners around the portrait dark and seamless.
   DO NOT alter image geometry.
*/
#tivezGuideRoot >
.tg-launcher.tivez-home-signature-final >
.tivez-home-signature-stage{
    overflow:hidden!important;
}

/* ==========================================================
   /TIVEZ HOME MASCOT — INNER PORTRAIT BLACK FINISH
   ========================================================== */

/* TIVEZ_TOAST_AVATAR_FIX_V1 */
#tivezGuideRoot .tg-toast{display:flex!important;align-items:center!important;gap:10px!important}
#tivezGuideRoot .tg-toast-avatar{flex:0 0 auto!important;width:34px!important;height:34px!important;border-radius:50%!important;object-fit:cover!important;box-shadow:0 0 0 2px rgba(255,255,255,.1)!important;background:#111!important}
#tivezGuideRoot .tg-toast-text{flex:1 1 auto!important;min-width:0!important}

/* TIVEZ_MASCOT_DEEP_ENHANCE_V1 */
.tivez-marmoolak-real{
  transition:opacity .22s ease,transform .3s cubic-bezier(.34,1.56,.64,1)!important;
}
.tg-character .tivez-marmoolak-real,
img.tivez-marmoolak-real{
  animation:tivezMascotBreathe 4.2s ease-in-out infinite!important;
}
.tg-character.is-speaking .tivez-marmoolak-real,
.tg-character.is-thinking .tivez-marmoolak-real,
.tg-character.is-success .tivez-marmoolak-real{
  animation:none!important;
}
@keyframes tivezMascotBreathe{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-4px) scale(1.03)}
}
.tg-character.is-success .tivez-marmoolak-real{
  filter:drop-shadow(0 0 18px rgba(155,92,246,.55))!important;
}
#tivezGuideRoot .tg-launcher{
  transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease!important;
  animation:tivezLauncherPulse 3s ease-in-out infinite!important;
}
@keyframes tivezLauncherPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(155,92,246,.45)}
  50%{box-shadow:0 0 0 8px rgba(155,92,246,0)}
}
#tivezGuideRoot .tg-launcher:active{
  transform:scale(.92)!important;
}
#tivezGuideRoot .tg-launcher:hover{
  box-shadow:0 0 0 6px rgba(155,92,246,.16),0 18px 40px -12px rgba(155,92,246,.5)!important;
}
.tg-launcher-ring{
  border-color:rgba(155,92,246,.45)!important;
}
.tg-launcher-badge{
  background:linear-gradient(135deg,#9b5cf6,#6b3fb8)!important;
  box-shadow:0 0 0 3px rgba(10,11,14,.9),0 4px 12px rgba(155,92,246,.5)!important;
}
.tivez-v102-resume-mascot{
  animation:tivezMascotBreathe 4.2s ease-in-out infinite!important;
  filter:drop-shadow(0 10px 26px rgba(155,92,246,.4))!important;
}

.tg-tap-react .tivez-marmoolak-real{
  animation:tivezMascotTap .55s cubic-bezier(.34,1.56,.64,1)!important;
}
@keyframes tivezMascotTap{
  0%{transform:rotate(0) scale(1)}
  30%{transform:rotate(-8deg) scale(1.08)}
  60%{transform:rotate(6deg) scale(1.04)}
  100%{transform:rotate(0) scale(1)}
}

/* TIVEZ_MASCOT_SIZING_FIX_V1 — guarantee proper fit regardless of which container size wins */
#tivezGuideRoot .tg-launcher img.tivez-marmoolak-real{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 30%!important;
  border-radius:50%!important;
}
.tg-inline-avatar img.tivez-marmoolak-real,
.tg-inline-avatar .tivez-marmoolak-real{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 25%!important;
}
#tivezGuideRoot .tg-mini-avatar img.tivez-marmoolak-real,
#tgMiniAvatar img.tivez-marmoolak-real{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 25%!important;
  border-radius:50%!important;
}
img.tivez-home-signature-img.tivez-marmoolak-real{
  object-fit:contain!important;
  object-position:center bottom!important;
}

/* TIVEZ_MASCOT_BLINK_V1 — subtle periodic life, since no separate eyelid layer exists */
.tivez-mascot-blink{
  animation:tivezMascotBlink .16s ease-in-out!important;
}
@keyframes tivezMascotBlink{
  0%,100%{filter:brightness(1);transform:scaleY(1)}
  50%{filter:brightness(.88);transform:scaleY(.94)}
}
.tivez-marmoolak-real,.tivez-mascot-breathe{
  transform-origin:center 62%!important;
}

/* Ensure breathing also applies to toast/intro avatars explicitly */
.tivez-mascot-breathe{
  animation:tivezMascotBreathe 4.2s ease-in-out infinite!important;
}

/* TIVEZ_HOME_MASCOT_LIFE_FIX_V1 — dedicated high-specificity fix for the homepage mascot,
   which was completely static (no breathing/blinking applied) */
.tivez-home-signature-stage img.tivez-home-signature-img{
  animation:tivezMascotBreathe 4.2s ease-in-out infinite!important;
  transform-origin:center 65%!important;
}
.tivez-home-signature-stage img.tivez-home-signature-img.tivez-mascot-blink{
  animation:tivezMascotBlink .16s ease-in-out!important;
}

/* TIVEZ_MASCOT_LIFE_ABSOLUTE_OVERRIDE_V1 — maximum-specificity guarantee,
   overriding the unconditional animation:none lock found on the home mascot
   and providing the same protection everywhere else */
#tivezGuideRoot .tg-launcher.tivez-home-signature-final .tivez-home-signature-stage img.tivez-home-signature-img,
#tivezGuideRoot .tg-launcher img.tivez-marmoolak-real,
#tivezGuideRoot .tg-panel img.tivez-marmoolak-real,
#tivezGuideRoot .tg-toast img.tivez-marmoolak-real,
#assistant img.tivez-marmoolak-real,
body img.tivez-marmoolak-real,
body img.tivez-home-signature-img{
  animation:tivezMascotBreathe 4.2s ease-in-out infinite !important;
}
#tivezGuideRoot .tg-launcher.tivez-home-signature-final .tivez-home-signature-stage img.tivez-home-signature-img.tivez-mascot-blink,
#tivezGuideRoot .tg-launcher img.tivez-marmoolak-real.tivez-mascot-blink,
#tivezGuideRoot .tg-panel img.tivez-marmoolak-real.tivez-mascot-blink,
#tivezGuideRoot .tg-toast img.tivez-marmoolak-real.tivez-mascot-blink,
#assistant img.tivez-marmoolak-real.tivez-mascot-blink,
body img.tivez-marmoolak-real.tivez-mascot-blink,
body img.tivez-home-signature-img.tivez-mascot-blink{
  animation:tivezMascotBlink .16s ease-in-out !important;
}