body {
    background-color: #fffcf3 !important;
}
/* ПЛАВНОЕ ИСЧЕЗНОВЕНИЕ КАК В LUXURY UI */
#onlyshair-preloader.fade-out {
  opacity: 0;
  transform: scale(1.05);
  filter: blur(6px);
  transition: 
    opacity 1s ease,
    transform 1.2s ease,
    filter 1.2s ease;
}
#oh-logo {
  width: 95px;
  height: 95px;
  margin-bottom: 18px;

  opacity: 0;
  transform: scale(0.9);

  animation:
    logoFade 1.2s ease forwards,
    floatLogo 4s ease-in-out infinite;
}
/* ==================================================
   ONLYSHAIR — CLEAN LUXURY CHECKOUT
   SAFE VERSION FOR TILDA + MOBILE
================================================== */

/* =========================
   OVERLAY
========================= */

.t706__cartwin{

  background:
    rgba(13,27,42,0.34) !important;

  backdrop-filter:blur(10px);
}

/* =========================
   MAIN WINDOW
========================= */

.t706__cartwin-content{

  background:
    linear-gradient(
      180deg,
      #f7f1e8,
      #efe3d1
    ) !important;

  border-radius:30px !important;

  border:
    1px solid rgba(13,27,42,0.06);

  box-shadow:
    0 24px 70px rgba(0,0,0,0.12);

  padding:
    54px 38px 38px 38px !important;

  position:relative;

  overflow:hidden;
}

/* =========================
   LIGHT GOLD EFFECT
========================= */

.t706__cartwin-content::before{

  content:"";

  position:absolute;

  width:220%;
  height:220%;

  top:-60%;
  left:-60%;

  background:
    radial-gradient(
      circle,
      rgba(200,169,106,0.08),
      transparent 62%
    );

  animation:
    oshWave 14s ease-in-out infinite;
}

/* =========================
   OH LOGO
========================= */

.t706__cartwin-content::after{

  content:"OH";

  position:absolute;

  top:22px;
  left:50%;

  transform:
    translateX(-50%);

  width:58px;
  height:58px;

  border:
    1.3px solid #0d1b2a;

  border-radius:50%;

  display:flex;
  align-items:center;
  justify-content:center;

  font-family:'Montserrat',sans-serif;

  font-size:22px;
  font-weight:300;

  color:#0d1b2a;

  background:
    rgba(255,255,255,0.40);
}

/* =========================
   GLOBAL FONT
========================= */

.t706__cartwin,
.t706__cartwin *{

  font-family:
    'Montserrat',
    sans-serif !important;
}

/* =========================
   TITLE
========================= */

.t706__cartwin-title{

  margin-top:52px !important;

  text-align:center !important;

  font-size:22px !important;

  font-weight:300 !important;

  letter-spacing:4px !important;

  color:#0d1b2a !important;
}

/* =========================
   PRODUCT TITLE
========================= */

.t706__product-title{

  color:#0d1b2a !important;

  font-size:14px !important;

  font-weight:300 !important;

  letter-spacing:1px !important;
}

/* =========================
   PRICES
========================= */

.t706__product-price,
.t706__cartwin-totalamount{

  color:#0d1b2a !important;

  font-weight:400 !important;
}

/* =========================
   INPUTS
========================= */

.t-input,
.t706__cartwin input,
.t706__cartwin textarea{

  background:
    rgba(255,255,255,0.60) !important;

  border:
    1px solid rgba(13,27,42,0.08) !important;

  border-radius:16px !important;

  padding:
    15px 18px !important;

  font-size:14px !important;

  color:#0d1b2a !important;

  transition:
    all .3s ease !important;
}

/* FOCUS */

.t-input:focus,
.t706__cartwin input:focus,
.t706__cartwin textarea:focus{

  border:
    1px solid rgba(200,169,106,0.45) !important;

  box-shadow:
    0 0 18px rgba(200,169,106,0.10);
}

/* =========================
   BUTTON
========================= */

.t706__orderformsubmit{

  background:
    linear-gradient(
      180deg,
      #102133,
      #0d1b2a
    ) !important;

  color:#C8A96A !important;

  border:none !important;

  border-radius:18px !important;

  height:56px !important;

  font-size:13px !important;

  font-weight:400 !important;

  letter-spacing:2px !important;

  transition:
    all .35s ease !important;
}

/* HOVER */

.t706__orderformsubmit:hover{

  background:
    linear-gradient(
      180deg,
      #16283d,
      #102133
    ) !important;

  transform:
    translateY(-2px);
}

/* =========================
   CLOSE BUTTON
========================= */

.t706__close{

  opacity:.9 !important;
}

.t706__close svg{

  stroke:#0d1b2a !important;

  color:#0d1b2a !important;
}

/* =========================
   MOBILE SAFE FIX
========================= */

@media (max-width:640px){

  .t706__cartwin-content{

    max-height:82vh !important;

    overflow-y:auto !important;

    -webkit-overflow-scrolling:touch !important;

    padding:
      54px 22px 120px 22px !important;
  }

  .t706__cartwin{

    overflow:auto !important;
  }

  .t706__cartwin-title{

    font-size:20px !important;

    letter-spacing:3px !important;
  }

}

/* =========================
   ANIMATION
========================= */

@keyframes oshWave{

  0%{
    transform:
      translateX(-10%)
      rotate(0deg);
  }

  50%{
    transform:
      translateX(10%)
      rotate(5deg);
  }

  100%{
    transform:
      translateX(-10%)
      rotate(0deg);
  }