Crocus Beauty Studio – Nägel & Wimpern in Göppingen</title>


















:root{
  --c-text:#433B2C;
  --c-text-soft:#6E6455;
  --c-accent:#817762;
  --c-accent-hover:#6F6756;
  --c-accent-2:#BC9B9C;
  --c-line:rgba(67,59,44,.10);

  --radius-sm:12px;
  --radius-md:18px;

  --shadow-btn:0 10px 24px rgba(67,59,44,.12);

  --container:1120px;
  --container-narrow:960px;
}

html{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  scroll-behavior:smooth;
}

body{
  font-family:'Montserrat Alternates', Arial, sans-serif;
  color:var(--c-text);
  background:#fff;
  line-height:1.5;
}

a{
  color:inherit;
  text-decoration:none;
}

/* НИЧЕГО глобально не делаем с img, bgimg, gallery, slider */

/* Typography */
h1,h2,h3,h4,h5,h6,
.t-title,
.t-name,
.t-section__title{
  font-family:'Playfair Display', serif;
  color:var(--c-text);
  line-height:1.08;
  letter-spacing:.2px;
}

.t-descr,
.t-text,
.t-text_sm,
.t-text_xs,
.t-input,
.t-inputtextarea,
.t-select{
  color:var(--c-text-soft);
}

/* Width */
@media screen and (min-width:1200px){
  .t-container{
    max-width:var(--container)!important;
    padding-left:28px!important;
    padding-right:28px!important;
  }

  .t-cover__wrapper,
  .t-section__container,
  .t706__wrapper,
  .t-store__grid-cont,
  .t-feed__container{
    max-width:var(--container)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .t-container .t-col_8,
  .t-container .t-col_10{
    max-width:var(--container-narrow);
  }
}

/* Header */
.t228,
.t456,
.t450,
.t389{
  background:rgba(255,255,255,.82)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.t-menu__link-item,
.menu .tn-atom{
  color:var(--c-text)!important;
  transition:color .2s ease, opacity .2s ease;
}

.t-menu__link-item:hover,
.menu .tn-atom:hover{
  color:var(--c-accent-2)!important;
}

.t-menu__link-item.t-active,
.menu .tn-atom.t-active{
  color:var(--c-accent)!important;
}

/* Buttons */
.t-btn,
.t-submit,
button,
a.t-btn{
  background:var(--c-accent)!important;
  border:1px solid var(--c-accent)!important;
  color:#fff!important;
  border-radius:var(--radius-sm)!important;
  box-shadow:var(--shadow-btn);
  transition:
    background-color .25s ease,
    border-color .25s ease,
    transform .25s ease,
    box-shadow .25s ease;
}

.t-btn:hover,
.t-submit:hover,
button:hover,
a.t-btn:hover{
  background:var(--c-accent-hover)!important;
  border-color:var(--c-accent-hover)!important;
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(67,59,44,.16);
}

.t-btn:active,
.t-submit:active{
  transform:translateY(0);
}

/* Forms */
.t-input,
.t-inputtextarea,
.t-select{
  border:1px solid var(--c-line)!important;
  background:rgba(255,255,255,.88)!important;
  color:var(--c-text)!important;
  border-radius:var(--radius-sm)!important;
  transition:border-color .2s ease, box-shadow .2s ease;
}

.t-input:focus,
.t-inputtextarea:focus,
.t-select:focus{
  border-color:rgba(129,119,98,.42)!important;
  box-shadow:0 0 0 4px rgba(129,119,98,.10)!important;
  outline:none!important;
}

/* Zero Block safe */
.t396,
.t396__artboard,
.t396__carrier,
.t396__filter,
.t396__elem,
.t396__elem .tn-atom{
  box-sizing:border-box;
}

/* Mobile */
@media screen and (max-width:980px){
  :root{
    --radius-md:16px;
  }

  .t-btn,
  .t-submit,
  button,
  a.t-btn{
    min-height:50px;
  }
}

@media screen and (max-width:640px){
  .t-btn,
  .t-submit,
  button,
  a.t-btn{
    width:100%;
    max-width:100%;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto;
  }

  *,
  *:before,
  *:after{
    animation:none!important;
    transition:none!important;
  }
}
</style>