/* ===== GROS BOUTIQUE — DESIGN TOKENS ===== */
:root {
      --gb-bg: #efebe2;
        --gb-bg-light: #f4f1e8;
          --gb-bg-deep: #e4dfd0;
            --gb-text: #1a1a16;
              --gb-text-2: #2c2c25;
                --gb-muted: #5d5b50;
                  --gb-border: #c8c2b0;
                    --gb-border-soft: #d8d3c2;
                      --gb-accent: #5d6048;
                        --gb-accent-dark: #444734;
                          --gb-sand: #a59c83;
                            --gb-font-serif: 'Cormorant Garamond', Georgia, serif;
                              --gb-font-sans: 'Onest', system-ui, sans-serif;
                              }
                              
                              /* ===== GLOBAL TYPOGRAPHY ===== */
                              body, .t-body {
                                    font-family: var(--gb-font-sans) !important;
                                      background-color: var(--gb-bg) !important;
                                        color: var(--gb-text-2) !important;
                                        }
                                        
                                        h1, h2, h3, h4, .t-title, .t-heading {
                                              font-family: var(--gb-font-serif) !important;
                                                font-weight: 400 !important;
                                                  color: var(--gb-text) !important;
                                                  }
                                                  
                                                  /* ===== FLOATING BUTTONS ===== */
                                                  .gb-float {
                                                        position: fixed;
                                                          bottom: 24px;
                                                            right: 24px;
                                                              display: flex;
                                                                flex-direction: column;
                                                                  gap: 10px;
                                                                    z-index: 9999;
                                                                    }
                                                                    .gb-float a {
                                                                          width: 56px;
                                                                            height: 56px;
                                                                              border-radius: 50%;
                                                                                display: flex;
                                                                                  align-items: center;
                                                                                    justify-content: center;
                                                                                      color: #fff;
                                                                                        box-shadow: 0 8px 28px rgba(26,26,22,.22);
                                                                                          transition: transform .2s ease;
                                                                                            text-decoration: none;
                                                                                            }
                                                                                            .gb-float a:hover { transform: scale(1.06); }
                                                                                            .gb-float .gb-wa { background: #25d366; }
                                                                                            .gb-float .gb-tg { background: #2aabee; }
                                                                                            @media (max-width: 540px) {
                                                                                                  .gb-float { bottom: 16px; right: 16px; }
                                                                                                    .gb-float a { width: 48px; height: 48px; }
                                                                                                    }
                                                                                                    
                                                                                                    /* ===== SECTION BACKGROUNDS ===== */
                                                                                                    .t-rec { background-color: var(--gb-bg); }
                                                                                                    
                                                                                                    /* ===== BUTTONS ===== */
                                                                                                    .t-btn, .t-submit {
                                                                                                          font-family: var(--gb-font-sans) !important;
                                                                                                            font-weight: 500 !important;
                                                                                                              letter-spacing: 0.08em !important;
                                                                                                                text-transform: uppercase !important;
                                                                                                                  font-size: 13px !important;
                                                                                                                    border-radius: 999px !important;
                                                                                                                    }
                                                                                                    }
                                                                                            }
                                                                    }
                                                  }
                                        }
                              }
}

/* ===== GROS BOUTIQUE — GLOBAL DESIGN TOKENS ===== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Manrope:wght@400;500;600;700;800&display=swap&subset=cyrillic,cyrillic-ext,latin');

:root {
  --sand:      #F1E9DE;
  --paper:     #FBF7F1;
  --paper-2:   #F6EFE5;
  --espresso:  #29231D;
  --espresso-2:#1E1915;
  --ink:       #2A241E;
  --muted:     #756A5D;
  --muted-2:   #9A8E7F;
  --clay:      #AF6342;
  --clay-deep: #8b4d32;
  --clay-soft: #d9a98f;
  --line:      #E2D6C6;
  --line-dk:   rgba(255,255,255,.14);
  --cream-on-dk:#F1E7D9;
  --maxw:      1200px;
  --gut:       clamp(20px, 5vw, 64px);
  --serif:     "Playfair Display", Georgia, serif;
  --sans:      "Manrope", -apple-system, sans-serif;
  --r-sm:      8px;
  --r:         16px;
  --r-lg:      26px;
  --shadow:    0 24px 60px -28px rgba(58,42,28,.40);
  --shadow-sm: 0 12px 30px -18px rgba(58,42,28,.35);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

/* Floating WhatsApp button */
.gb-floats { position: fixed; right: 18px; bottom: 18px; z-index: 9999; }
.gb-fab { width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; box-shadow: 0 14px 30px -8px rgba(0,0,0,.4); transition: transform .2s; text-decoration: none; }
.gb-fab:hover { transform: translateY(-3px); }
.gb-fab svg { width: 26px; height: 26px; }
.gb-fab--wa { background: #25D366; color: #fff; }

/* Reveal animations */
.gb-reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.3,1); }
.gb-reveal.in { opacity: 1; transform: none; }


/* ===== FORM BLOCK IMPROVEMENTS ===== */
/* Center and constrain the native BF form */
#rec2337785041 .t-container {
  max-width: 640px !important;
  margin: 0 auto !important;
}
#rec2337785041 {
  padding: clamp(48px, 7vw, 96px) clamp(20px, 5vw, 64px) !important;
  background: #F1E9DE !important;
}
#rec2337785041 .t678__form-title {
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(28px, 3.6vw, 48px) !important;
  font-weight: 500 !important;
  color: #29231D !important;
  text-align: center !important;
  line-height: 1.15 !important;
  margin-bottom: 12px !important;
}
#rec2337785041 .t678__form-descr {
  font-size: 16px !important;
  color: #756A5D !important;
  text-align: center !important;
  margin-bottom: 32px !important;
  font-family: "Manrope", sans-serif !important;
}
#rec2337785041 .t-input {
  border-radius: 12px !important;
  border: 1.5px solid #E2D6C6 !important;
  background: #fff !important;
  padding: 14px 18px !important;
  font-size: 15px !important;
  font-family: "Manrope", sans-serif !important;
  color: #29231D !important;
}
#rec2337785041 .t-input:focus {
  border-color: #AF6342 !important;
  outline: none !important;
}
#rec2337785041 .t-form__inputsbox label {
  font-weight: 500 !important;
  color: #29231D !important;
  font-family: "Manrope", sans-serif !important;
  margin-bottom: 6px !important;
}
#rec2337785041 .t-submit {
  background: #AF6342 !important;
  border-radius: 999px !important;
  font-family: "Manrope", sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  padding: 16px 40px !important;
  width: 100% !important;
  max-width: 360px !important;
  display: block !important;
  margin: 8px auto 0 !important;
}
#rec2337785041 .t-submit:hover {
  background: #8b4d32 !important;
}

/* ===== HERO IMAGE IMPROVEMENTS ===== */
/* Make scrim darker on mobile for text visibility */
@media (max-width: 599px) {
  #rec2337590491 .gb-hero-scrim {
    background: linear-gradient(to top, rgba(13,9,6,.92) 0%, rgba(13,9,6,.72) 35%, rgba(13,9,6,.32) 80%) !important;
  }
}

/* ===== BF402N FORM BLOCK - GROS BOUTIQUE STYLING ===== */
/* Form block header styling */
#rec2337785041 .t-form__title {
    font-family: "Playfair Display", Georgia, serif !important;
    color: #29231D !important;
    font-weight: 500 !important;
}
#rec2337785041 .t-form__descr {
    font-family: "Manrope", sans-serif !important;
    color: #756A5D !important;
}
/* Form submit button */
#rec2337785041 .t-btn {
    background-color: #AF6342 !important;
    border-color: #AF6342 !important;
    border-radius: 999px !important;
    font-family: "Manrope", sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: .02em !important;
}
#rec2337785041 .t-btn:hover {
    background-color: #8b4d32 !important;
    border-color: #8b4d32 !important;
}
/* Form input fields */
#rec2337785041 .t-input-block__inputbox {
    border-radius: 10px !important;
    border-color: #E2D6C6 !important;
}
#rec2337785041 .t-input:focus, #rec2337785041 .t-input-block__inputbox:focus-within {
    border-color: #AF6342 !important;
}
/* Above-form text */
#rec2337785041 .t-form__inputstext {
    font-size: 14px;
    color: #AF6342;
    font-weight: 600;
    font-family: "Manrope", sans-serif;
}
/* Below-form text (link) */
#rec2337785041 .t-form__text-bottom {
    font-size: 13px;
    color: #756A5D;
    text-align: center;
    font-family: "Manrope", sans-serif;
}