/* =========================================================
   GETBLOGGER — GLOBAL CUSTOM STYLES
   Tilda → Site Settings → More / Custom CSS
   Version: 2026-09-09

   IMPORTANT:
   Gilroy is intentionally NOT connected here via @font-face.
   Upload Gilroy files into Tilda's own font settings and name
   the family exactly: Gilroy
   ========================================================= */

:root{
  --gb-pink:#ff3157;
  --gb-pink-dark:#f70b3f;

  --gb-text:#303238;
  --gb-text-secondary:#565960;
  --gb-text-strong:#191a1f;

  --gb-surface:#eef0f5;
  --gb-surface-50:rgba(238,240,245,.50);

  --gb-white:#fff;

  --gb-container:1200px;
  --gb-gutter:21px;
  --gb-gutter-mobile:15px;

  --gb-radius-sm:14px;
  --gb-radius-md:20px;
  --gb-radius-lg:28px;

  --gb-shadow-soft:0 18px 48px rgba(25,26,31,.08);
}

/* ---------- Base ---------- */

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

body{
  color:var(--gb-text);
  font-family:"Gilroy",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

[id^="gb-"],
[id^="gb-"] *,
.gb-container,
.gb-container *{
  box-sizing:border-box;
  font-family:"Gilroy",Arial,sans-serif!important;
}

[id^="gb-"] img{
  max-width:100%;
}

/* ---------- Layout ---------- */

.gb-container{
  width:min(var(--gb-container),calc(100% - (var(--gb-gutter) * 2)));
  margin-left:auto;
  margin-right:auto;
}

.gb-surface{
  background:var(--gb-surface);
}

.gb-surface-50{
  background:var(--gb-surface-50);
}

/*
  Add class="gb-no-external-space" to a T123 root when you want
  all vertical distance controlled by Tilda itself.
*/
.gb-no-external-space{
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

/* ---------- Typography ---------- */

.gb-section-title{
  margin:0;
  color:var(--gb-text-strong);
  font-size:48px;
  line-height:1.02;
  letter-spacing:-1.25px;
  font-weight:800!important;
}

.gb-section-lead{
  margin:0;
  color:var(--gb-text-secondary);
  font-size:20px;
  line-height:1.32;
  font-weight:500!important;
}

.gb-text{
  color:var(--gb-text);
  font-weight:500!important;
}

.gb-text-secondary{
  color:var(--gb-text-secondary);
}

.gb-text-strong{
  color:var(--gb-text-strong);
}

/* ---------- Buttons ---------- */

.gb-primary-btn{
  display:inline-flex;
  min-height:56px;
  padding:0 24px;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:16px;
  background:var(--gb-pink);
  color:var(--gb-white)!important;
  font-size:16px;
  line-height:1;
  font-weight:800!important;
  text-align:center;
  text-decoration:none!important;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:transform .18s ease,opacity .18s ease;
}

.gb-primary-btn:hover{
  transform:translateY(-1px);
}

.gb-primary-btn:active{
  transform:translateY(0);
}

.gb-primary-btn:focus-visible{
  outline:3px solid rgba(255,49,87,.25);
  outline-offset:3px;
}

/* ---------- Shared utility ---------- */

.gb-nowrap{
  white-space:nowrap;
}

.gb-visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* ---------- Responsive ---------- */

@media(max-width:1024px){
  .gb-section-title{
    font-size:44px;
  }

  .gb-section-lead{
    font-size:19px;
  }
}

@media(max-width:767px){
  :root{
    --gb-gutter:var(--gb-gutter-mobile);
  }

  .gb-container{
    width:calc(100% - (var(--gb-gutter-mobile) * 2));
  }

  .gb-section-title{
    font-size:32px;
    line-height:1.02;
    letter-spacing:-.75px;
  }

  .gb-section-lead{
    font-size:17px;
    line-height:1.32;
  }

  .gb-primary-btn{
    min-height:56px;
    padding:0 20px;
    font-size:16px;
  }
}

@media(max-width:380px){
  .gb-section-title{
    font-size:30px;
  }

  .gb-section-lead{
    font-size:16px;
  }
}

@media(prefers-reduced-motion:reduce){
  .gb-primary-btn{
    transition:none;
  }
}

/* Prevent page-level horizontal scroll */
html,
body,
.t-body,
.t-records{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

@supports (overflow:clip){
  html,
  body,
  .t-body,
  .t-records{
    overflow-x:clip;
  }
}

[id^="gb-"]{
  max-width:100%;
}

img,
svg,
video{
  max-width:100%;
}