/*
body {
    font-family: "Iosevka Charon" !important;
    background: #FFEAEE;
    color: black;
}
*/




:root {
    --color-primary: #940606;
    --color-primary-hover: #940606;
    --color-text: #000000;
    --color-link: rgb(10, 7, 145);
    --color-bg: #FFEAEE;
  }
  
  .button {
    background-color: var(--color-primary);
    transition: 0.3s;
  }
  
  .button:hover {
    background-color: var(--color-primary-hover);
  }
  
  a, a:hover, a:focus, a:visited {
      color: var(--color-link);
  }
  
  body {
      font-family: "Zalando Sans", sans-serif;
      background-color: var(--color-bg);
      color: var(--color-text);
  }

  /* чёрный цвет */

#primary-menu a,
.site-title a {
    color: #000;          
    text-decoration: none; 
}


/* чтобы при наведении не становился синим */

#primary-menu a:hover,
.site-title a:hover {
    color: #000;          
} 


/*файл максима*/
.home-slider .swiper {
	padding-bottom: 50px;
}

.home-slider .swiper-slide {
	width: 100%;
	box-sizing: border-box;
}

.home-slider .home-content-block {
	padding: 0;
}

.home-slider .home-content-block__image img,
.home-slider .home-slider__image {
	width: 100%;
	height: auto;
	display: block;
}

.home-slider__top {
	gap: 20px;
}

.home-slider__nav {
	flex-shrink: 0;
}

.home-slider__arrow {
    width: 52px;
    height: 52px;

    background: #f4a3b5; /* розовый */
    border: none;
    border-radius: 0; /* квадрат */

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

    cursor: pointer;
    transition: 0.3s;
}

.home-slider__arrow:hover {
    background: #ea8ea3;
}

.home-slider__arrow svg {
    width: 22px;
    height: 22px;
    stroke: #000;
    stroke-width: 2.5;
    fill: none;
}

.home-slider .swiper-pagination {
	bottom: 0 !important;
}

.home-slider .swiper-pagination{
    position:relative;
    margin-top:30px;
}

.home-slider .swiper-pagination-bullet{
    width:12px;
    height:12px;

    background:#f5c6cf;

    opacity:1;

    transition:.25s;
}

.home-slider .swiper-pagination-bullet-active{
    background:#ff6f8f;
    transform:scale(1.25);
}

.home-slider .swiper-pagination-bullet-active {
	opacity: 0.6;
}

@media (max-width: 767.98px) {
	.home-slider__top {
		flex-direction: column;
		align-items: flex-start !important;
	}

	.home-content-block__content.ps-md-4 {
		padding-left: 0 !important;
		padding-top: 20px;
	}
}

/* ===== HEADER ===== 
.site-header {
    position: sticky;
    top: 0;
    z-index: 999;
    background: #ffacbb;
    padding: 16px 0;
}

.header-inner {
    display: flex;
    align-items: center;
}


.main-navigation {
    margin-left: auto;
}

.menu-toggle {
    margin-left: auto;
}
*/

/* ===== LOGO ===== 
.site-branding {
    display: inline-flex;       
    align-items: center;
    gap: 10px;
    margin-right: auto;         
}

.site-title {
    margin: 0;
	margin-right: 100px !important;
}

.site-title a {
    white-space: nowrap;        
    font-size: 20px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
}
*/

/* ===== MENU ===== */
.main-navigation {
    display: flex;
    align-items: center;
}

/* список меню */
.main-navigation ul {
    display: flex;
    gap: 40px;                 /* расстояние между пунктами */
    list-style: none;
    margin: 0;
    padding: 0;
}

/* пункты меню */
.main-navigation li {
    display: inline-block;
}

/* ссылки */
.main-navigation a {
    color: #000;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: 0.3s ease;
}

/* hover */
.main-navigation a:hover {
    color: #fff;
}

/* активный пункт */
.main-navigation .current-menu-item a {
    color: #fff;
}

/* кнопка (мобилка пока скрыта) */
.menu-toggle {
    display: none;
}

.reading-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 4px;
    width: 0%;
    background: #ffacbb !important;
    z-index: 9999;
    transition: width 0.1s linear;
	z-index: 1000;
	display: block;
}


/*posts*/
.post-single h1 {
    font-size: 32px;
    font-weight: 700;
}

.post-content {
    font-size: 16px;
    line-height: 1.7;
}

.post-navigation {
    border-top: 3px solid #ffacbb;
    padding-top: 20px;
}

.post-navigation a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
}

.post-navigation a:hover {
    color: #ffacbb;
}



/* CONTACT PAGE -----------------------------------------------------------------------------------------*/

/* KONTAKT TITLE */

.wpcf7 h2 {
    margin-bottom: 40px !important;
    font-size: 48px !important;
    color: #ff8ca1 !important;
}

.page-id-19 .entry-header {
    display: none;
}

.page-id-19 .entry-content {
    max-width: 1100px;
    margin: 80px auto;
    padding: 0 20px;
}

.page-id-19 h1,
.page-id-19 h2 {
    text-align: center;
    font-size: 90px;
    margin-bottom: 50px;
    color: #ff8ca1;
    font-weight: 700;
}

/* CARD */

.wpcf7 {
    background: #ffffff;
    padding: 50px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* GRID */

.contact-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 25px;
}

/* LABELS */

.wpcf7 label {
    display: block;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #000000;
}

/* INPUTS */

.wpcf7 input,
.wpcf7 textarea {
    width: 100%;
    border: 1px solid #ff8ca1;
    border-radius: 10px;
    padding: 14px 16px;
    font-size: 15px;
    background: #fff;
    transition: 0.3s ease;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
    outline: none;
    border-color: #ff8ca1;
    box-shadow: 0 0 0 3px rgba(215,122,122,0.15);
}

/* TEXTAREA */

.wpcf7 textarea {
    height: 240px;
    resize: none;
}

/* BUTTON */

.wpcf7-submit {
    background: #ff8ca1 !important;
    color: white !important;
    border: none !important;
    padding: 14px 36px !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: 0.3s ease;
    width: auto !important;
}

.wpcf7-submit:hover {
    background: #ff8ca1 !important;
    transform: translateY(-2px);
}

/* ALERTS */

.wpcf7-response-output {
    margin-top: 25px !important;
    border-radius: 10px;
    padding: 15px !important;
    border: none !important;
    background: #f7f2eb;
    color: #444;
}

/* MOBILE */

@media (max-width: 768px) {

    .contact-grid {
        grid-template-columns: 1fr;
    }

    .wpcf7 {
        padding: 30px 20px;
    }

    .page-id-19 h1,
    .page-id-19 h2 {
        font-size: 42px;
    }
}

@media (max-width: 768px){

    .header-socials{
        display:none;
    }

}

@media (max-width: 768px){

    .header-inner{
        display:flex;
        align-items:center;
        justify-content:space-between;
    }

    .site-branding{
        margin-right:0;
    }

    .menu-toggle{
        margin-left:auto;
    }

}

/* =========================
   CATEGORY PAGE
========================= */

.category-page {
    padding: 60px 0;
}

/* container */
.category-page .container {
    max-width: 1200px;
    margin: 0 auto;
}

/* маленький текст */
.category-label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ff8ca1;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

/* title */
.category-title {
    font-size: 56px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 50px;
    color: #ff8ca1;
}

/* GRID */
.category-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

/* CARD */
.category-card {
    background: #ffffff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
    transition: all 0.3s ease;

    display: flex;
    flex-direction: column;

    min-height: 520px;
}

/* hover */
.category-card:hover {
    transform: translateY(-6px);
}

/* image */
.category-card img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    display: block;
}

/* content */
.category-card-content {
    padding: 22px;

    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* date */
.category-date {
    font-size: 13px;
    color: #777;
    margin-bottom: 14px;
}

/* title */
.category-card h2 {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 15px;
}

.category-card h2 a {
    text-decoration: none;
    color: #ff8ca1;
    transition: 0.3s;
}

.category-card h2 a:hover {
    opacity: 0.8;
}

/* excerpt */
.category-excerpt {
    font-size: 15px;
    line-height: 1.7;
    color: #444;

    flex-grow: 1;
}

/* button */
.read-more {
    margin-top: 25px;
}

.read-more a {
    text-decoration: none;
    color: #ff8ca1;
    font-weight: 700;
    font-size: 15px;
}

/* MOBILE */
@media (max-width: 991px) {

    .category-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .category-title {
        font-size: 42px;
    }
}

@media (max-width: 767px) {

    .category-grid {
        grid-template-columns: 1fr;
    }

    .category-title {
        font-size: 34px;
    }

    .category-card {
        min-height: auto;
    }
}

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

/* burger button */
.menu-toggle {
    display: none;

    width: 44px;
    height: 44px;

    border: none;
    background: transparent;

    cursor: pointer;

    padding: 0;

    position: relative;
    z-index: 1001;
}

/* burger lines */
.menu-toggle span {
    display: block;

    width: 28px;
    height: 3px;

    background: #000;

    margin: 6px auto;

    transition: 0.3s;
    border-radius: 3px;
}

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

/* burger */
.menu-toggle {
    display: none;

    width: 44px;
    height: 44px;

    background: transparent;
    border: none;

    cursor: pointer;

    padding: 0;
}

/* lines */
.menu-toggle span {
    display: block;

    width: 28px;
    height: 3px;

    background: #000;

    margin: 6px auto;

    border-radius: 3px;

    transition: 0.3s;
}
/* MOBILE MENU */
@media (max-width: 991px){

    .site-header .container{
        display:flex;
        justify-content:space-between;
        align-items:center;
    }

    .menu-toggle{
        display:block !important;
        position:relative;
        margin-left:auto;
        background:none;
        border:none;
        font-size:32px;
        cursor:pointer;
        z-index:1001;
    }

    .main-navigation{
        position:relative;
    }

    .main-navigation ul{
        display:none;
        position:absolute;
        top:70px;
        right:0;
    
        width:240px;
    
        background:#fff;
        border-radius:24px;
    
        padding:35px 20px 20px;
    
        box-shadow:0 15px 40px rgba(0,0,0,.08);
    
        flex-direction:column;
        gap:4px;
    
        z-index:999;
    }

    
    .main-navigation ul li{
        list-style:none;
    }
    
    .main-navigation ul li a{
        display:block;
        padding:14px 18px;
    
        border-radius:14px;
    
        text-decoration:none;
        color:#222;
    
        font-size:18px;
        font-weight:600;
    
        transition:.3s;
    }
    
    .main-navigation ul li a:hover{
        background:#ffacbb;
        color:#fff;
    }

    .main-navigation.toggled ul{
        display:flex;
    }

    .site-header .social-icons,
    .header-socials,
    .header-icons{
        display:none !important;
    }
}

@media (max-width: 991px) {

    .main-navigation ul {
        display: none;
    }

    .main-navigation.toggled ul {
        display: flex;
    }

}

/* DESKTOP */
@media (min-width: 992px) {

    .main-navigation ul {
        display: flex !important;
    }

    .menu-toggle {
        display: none;
    }
}

/* =========================
   HERO SLIDER
========================= */

.hero-slider {
    width: 100%;
    position: relative;
}

/* swiper */
.hero-swiper {
    width: 100%;
    height: 600px;
}

/* slide */
.hero-slide {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
}

/* background image */
.hero-slide-bg {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

/* overlay */
.hero-overlay {
    position: absolute;
    inset: 0;

    background: rgba(0,0,0,0.45);

    z-index: 1;
}

/* content */
.hero-content {
    position: relative;
    z-index: 2;

    height: 100%;

    display: flex;
    flex-direction: column;
    justify-content: center;

    color: #fff;
}

/* title */
.hero-content h2 {
    font-size: 72px;
    line-height: 1;
    font-weight: 700;

    margin-bottom: 20px;

    max-width: 700px;
}

/* text */
.hero-text {
    font-size: 20px;
    line-height: 1.7;

    max-width: 650px;

    margin-bottom: 30px;
}

/* button */
.hero-button {
    display: inline-flex;

    width: fit-content;

    padding: 14px 28px;

    background: #ff5a1f;
    color: #fff;

    border-radius: 10px;

    text-decoration: none;
    font-weight: 600;

    transition: 0.3s;
}

.hero-button:hover {
    opacity: 0.9;
}

/* arrows */
.hero-prev,
.hero-next {
    position: absolute;
    top: 50%;

    transform: translateY(-50%);

    width: 56px;
    height: 56px;

    border-radius: 50%;

    background: rgba(255,255,255,0.15);

    backdrop-filter: blur(10px);

    z-index: 20;

    cursor: pointer;
}

.hero-prev {
    left: 30px;
}

.hero-next {
    right: 30px;
}

/* pagination */
.hero-slider .swiper-pagination-bullet {
    background: #fff;
    opacity: 0.7;
}

.hero-slider .swiper-pagination-bullet-active {
    opacity: 1;
}

/* MOBILE */
@media (max-width: 991px) {

    .hero-swiper,
    .hero-slide {
        height: 500px;
    }

    .hero-content h2 {
        font-size: 48px;
    }

    .hero-text {
        font-size: 18px;
    }
}

@media (max-width: 767px) {

    .hero-swiper,
    .hero-slide {
        height: 420px;
    }

    .hero-content {
        padding-top: 80px;
    }

    .hero-content h2 {
        font-size: 34px;
    }

    .hero-text {
        font-size: 16px;
    }

    .hero-prev,
    .hero-next {
        width: 42px;
        height: 42px;
    }
}

/*стрелки*/

/* HERO ARROWS */

.hero-prev,
.hero-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    width: 60px;
    height: 60px;

    border-radius: 50%;

    background: rgba(255,255,255,0.2);

    backdrop-filter: blur(10px);

    z-index: 50;

    cursor: pointer;

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

    transition: 0.3s;
}

.hero-prev:hover,
.hero-next:hover {
    background: rgba(255,255,255,0.35);
}

/* left */
.hero-prev {
    left: 30px;
}

/* right */
.hero-next {
    right: 30px;
}

/* ARROW ICONS */

.hero-prev::before,
.hero-next::before {
    content: '';

    width: 14px;
    height: 14px;

    border-top: 3px solid #fff;
    border-right: 3px solid #fff;

    display: block;
}

/* LEFT */
.hero-prev::before {
    transform: rotate(-135deg);
    margin-left: 5px;
}

/* RIGHT */
.hero-next::before {
    transform: rotate(45deg);
    margin-right: 5px;
}


/* =========================================================
   BUILDER TEMPLATE
========================================================= */

.builder-page {
    padding-bottom: 20px;
}

.builder-page__hero {
    padding: 64px 0 34px;
    text-align: center;
}

.builder-page__title {
    margin: 0;
    font-size: clamp(38px, 5vw, 64px);
    line-height: 1.05;
}

/* =========================================================
   BUILDER SECTION
========================================================= */

.builder-section {
    padding: 34px 0;
}

.builder-card {
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.builder-section__title {
    margin: 0 0 18px;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.12;
}

.builder-section__text {
    font-size: 17px;
    line-height: 1.75;
}

.builder-section__text p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   SIMPLE TEXT
========================================================= */

.builder-simple-text {
    max-width: 100%;
}

/* =========================================================
   TEXT + MEDIA
========================================================= */

.builder-text-media {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 460px;
    gap: 42px;
    align-items: center;
}

.builder-text-media--reverse {
    grid-template-columns: 460px minmax(0, 1fr);
}

.builder-text-media--reverse .builder-text-media__media {
    order: -1;
}

.builder-text-media__content,
.builder-text-media__media {
    min-width: 0;
}

.builder-text-media__image-link {
    display: block;
    overflow: hidden;
    border-radius: var(--radius-md);
}

.builder-text-media__image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--radius-md);
    object-fit: cover;
    transition: transform 0.25s ease;
}

.builder-text-media__image-link:hover .builder-text-media__image {
    transform: scale(1.04);
}

/* =========================================================
   TWO COLUMNS
========================================================= */

.builder-two-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 42px;
}

.builder-two-columns__col {
    min-width: 0;
}

/* =========================================================
   POSTS SLIDER
========================================================= */

.builder-section--posts-slider {
    padding: 48px 0;
}

.builder-section--posts-slider .home-posts-slider-section {
    margin-bottom: 0;
}

.builder-section--posts-slider .home-post-card {
    min-height: 100%;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991.98px) {
    .builder-page__hero {
        padding: 50px 0 28px;
    }

    .builder-text-media,
    .builder-text-media--reverse,
    .builder-two-columns {
        grid-template-columns: 1fr;
    }

    .builder-text-media--reverse .builder-text-media__media {
        order: 0;
    }
}

@media (max-width: 767.98px) {
    .builder-page__hero {
        padding: 42px 0 20px;
    }

    .builder-section {
        padding: 24px 0;
    }

    .builder-section__title {
        margin-bottom: 14px;
    }

    .builder-section__text {
        font-size: 16px;
        line-height: 1.65;
    }

    .builder-text-media,
    .builder-two-columns {
        gap: 24px;
    }
}


/* CONTACT -> BREADCRUMBS */

.page-id-19 h1.entry-title,
.page-id-19 .page-title,
.page-id-19 .wp-block-post-title {
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ff8ca1 !important;
    font-weight: 600;
    margin-bottom: 20px !important;
}

.page-id-19 h1.entry-title::before,
.page-id-19 .page-title::before,
.page-id-19 .wp-block-post-title::before {
    content: "Home / ";
    color: #ff8ca1;
}

/* ===== FOOTER ===== */

.site-footer {
    margin-top: 0;
    padding: 80px 0 50px;
    background: #ffacbb;
    color: #000000;
}

.site-footer .container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 30px;
}

.site-footer__top {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px;
    padding-bottom: 50px;
    border-bottom: 1px solid #000;
}

.site-footer__title {
    color: #000;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 25px;
}

.site-footer__menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-footer__menu li {
    margin-bottom: 16px;
}

.site-footer__menu li::marker {
    color: #e79cab;
}

.site-footer__menu a {
    color: #615d5d;
    text-decoration: none;
    transition: .3s;
}

.site-footer__menu a:hover {
    color: #000000;
}

.site-footer__bottom {
    display: grid;
    grid-template-columns: 280px 1fr 280px;
    align-items: center;
    gap: 50px;
    padding-top: 50px;
}

.site-footer__logo {
    display: flex;
    align-items: center;
}

.site-footer__logo svg {
    width: 180px;
    height: auto;
}

.site-footer__logo svg * {
    fill: #000000;
}

.site-footer__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.site-footer__slogan {
    color: #000;
    font-size: 44px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}

.site-footer__info a {
    color: #000000;
    text-decoration: none;
    transition: .3s;
}

.site-footer__info a:hover {
    color: #000000;
}

.site-footer__socials {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
}

.site-footer__social{
    width:50px;
    height:50px;

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

    border:1px solid #000;
    border-radius:50%;

    flex-shrink:0;
    box-sizing:border-box;

    transition:.3s ease;
}

.site-footer__social svg {
    width: 20px;
    height: 20px;
    fill: #000;
}

.site-footer__social:hover {
    background: #e79cab;
    color: #000 !important;
    transform: translateY(-3px);
}

/* phone + email row */

.site-footer__info a {
    display: inline-block;
}

.site-footer__info {
    text-align: center;
}

/* mobile */

@media (max-width: 991px) {

    .site-footer__top {
        gap: 40px;
    }

    .site-footer__bottom {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .site-footer__logo {
        justify-content: center;
    }

    .site-footer__socials {
        justify-content: center;
    }

    .site-footer__slogan {
        font-size: 38px;
    }
}

@media (max-width: 767px) {

    .site-footer {
        padding: 60px 0 40px;
    }

    .site-footer__top {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .site-footer__title {
        font-size: 24px;
    }

    .site-footer__slogan {
        font-size: 32px;
    }

    .site-footer__socials {
        flex-wrap: wrap;
    }
}
.site-footer__menu {
    list-style: none !important;
}

.site-footer .container{
    max-width:1300px;
    margin:0 auto;
}

.site-logo{
    display:flex;
    align-items:center;
    text-decoration:none;
}

.site-logo svg{
    width:90px;
    height:auto;
    display:block;
}


/* HEADER */

.header-inner{
    display:flex;
    align-items:center;
    height:72px;
}

/* LOGO */

.site-branding{
    flex-shrink:0;
}

.site-logo svg,
.site-branding svg,
.site-branding img,
.custom-logo{
    height:75px;
    width:auto;
    display:block;
}

/* MENU */

.main-navigation{
    margin-left:50px;
}

.main-navigation .menu{
    display:flex;
    align-items:center;
    gap:40px;

    margin:0;
    padding:0;
    list-style:none;
}

.main-navigation a{
    text-decoration:none;
    color:#111;
    font-size:18px;
    font-weight:500;
}

/* SOCIALS */

.header-socials{
    margin-left:auto;

    display:flex;
    align-items:center;
    gap:12px;
}

.header-socials a{
    width:42px;
    height:42px;

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

    border:1px solid #111;
    border-radius:50%;

    color:#111;
    text-decoration:none;

    transition:.3s;
}

.header-socials a:hover{
    background:#fff;
}

.header-socials i{
    font-size:18px;
}

#masthead{
    background:#ffacbb;
}

/* MOBILE HEADER */
@media screen and (max-width: 768px) {

    .header-socials {
        display: none !important;
    }

}

@media (max-width: 991px){

    #site-navigation:not(.toggled) ul{
        display:none !important;
    }

    #site-navigation.toggled ul{
        display:flex !important;
    }

}

/* =====================================
   ARCHIVE + SEARCH
===================================== */

.site-main {
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 20px;
}

.page-header {
    text-align: center;
    margin-bottom: 60px;
}

.page-title {
    font-size: 48px;
    font-weight: 700;
    color: #111;
}

.archive-description {
    margin-top: 15px;
    color: #666;
}

article {
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 40px;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

article img {
    width: 100%;
    display: block;
}

.entry-header,
.entry-content,
.entry-summary {
    padding: 30px;
}

.entry-title {
    font-size: 32px;
    margin-bottom: 15px;
}

.entry-title a {
    color: #111;
    text-decoration: none;
}

.entry-title a:hover {
    color: #d97f9c;
}

.entry-meta {
    margin-bottom: 15px;
    color: #777;
}

.nav-links {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 60px;
}

/* =====================================
   SIDEBAR
===================================== */

.widget-area {
    padding-left: 30px;
}

.widget {
    background: #ffffff;
    border-radius: 20px;
    padding: 25px;
    margin-bottom: 25px;

    box-shadow: 0 10px 25px rgba(0,0,0,.08);
}

.widget-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #111;
}

.widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget ul li {
    margin-bottom: 12px;
}

.widget ul li a {
    color: #111;
    text-decoration: none;
    transition: .3s;
}

.widget ul li a:hover {
    color: #d97f9c;
}

.widget_search input[type="search"] {
    width: 100%;
    padding: 12px 15px;

    border: 1px solid #ddd;
    border-radius: 12px;

    margin-bottom: 10px;
}

.widget_search input[type="submit"] {
    width: 100%;

    background: #e79cab;
    color: #111;

    border: none;
    border-radius: 12px;

    padding: 12px;
    cursor: pointer;

    transition: .3s;
}

.widget_search input[type="submit"]:hover {
    background: #d97f9c;
}

/* ===== SIDEBAR ===== */

.widget-area {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.widget {
    background: #fff;
    padding: 25px;
    border-radius: 16px;
    box-shadow: 0 5px 20px rgba(0,0,0,.08);
}

.widget-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #111;
}

.widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget li {
    margin-bottom: 12px;
}

.widget a {
    color: #111;
    text-decoration: none;
}

.widget a:hover {
    color: #d96b86;
}

/* ===== ARCHIVE LAYOUT ===== */

.archive-layout{
    max-width:1200px;
    margin:40px auto;
    padding:0 20px;

    display:grid;
    grid-template-columns: 1fr 320px;
    gap:40px;
}

.site-main{
    min-width:0;
}

.widget-area{
    width:100%;
}

@media(max-width:991px){

    .archive-layout{
        grid-template-columns:1fr;
    }
}

.archive-layout{
    align-items:start;
}

.widget-area{
    padding-top: 0;
}

.single-sidebar .widget{
    margin-bottom: 30px;
}

/*бэйдж*/

.entry-meta {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    background: #fff;
    padding: 10px 18px;

    border-radius: 999px;

    font-size: 14px;
    color: #666;

    box-shadow: 0 3px 10px rgba(0,0,0,.05);
}

.entry-meta a {
    color: #d96b86;
    font-weight: 600;
    text-decoration: none;
}

/* ARCHIVES PAGE */

.archives-page {
    max-width: 900px;
    margin: 80px auto;
    padding: 0 20px;
}

.archives-page h1 {
    text-align: center;
    font-size: 48px;
    margin-bottom: 15px;
}

.archives-subtitle {
    text-align: center;
    color: #666;
    margin-bottom: 40px;
}

.archives-box {
    background: #fff;
    padding: 40px;
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

.archives-box h2 {
    margin-bottom: 25px;
    font-size: 28px;
}

.archives-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.archives-box li {
    margin-bottom: 15px;
}

.archives-box a {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 15px 20px;

    background: #fff4f7;

    border-radius: 12px;

    text-decoration: none;
    color: #000;

    transition: .3s;
}

.archives-box a:hover {
    transform: translateX(5px);
    background: #ffc6d5;
}

.archives-box li {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 15px;
}

.archives-box li a {
    flex: 1;

    display: block;

    padding: 15px 20px;

    background: #fff4f7;

    border-radius: 12px;

    text-decoration: none;
    color: #000;

    transition: .3s;
}

/* ===== 404 PAGE ===== */

.custom-404 {
    min-height: 70vh;

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

    padding: 80px 20px;
}

.error-box {
    max-width: 700px;
    width: 100%;

    background: #fff;

    padding: 60px;

    border-radius: 24px;

    text-align: center;

    box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

.error-code {
    display: block;

    font-size: 120px;
    font-weight: 700;

    color: #ffacbb;

    line-height: 1;
    margin-bottom: 20px;
}

.error-box h1 {
    font-size: 42px;
    margin-bottom: 15px;
}

.error-box p {
    color: #666;
    margin-bottom: 30px;
}

.error-box .search-form {
    display: flex;
    gap: 10px;

    justify-content: center;
    margin-bottom: 30px;
}

.error-box input[type="search"] {
    width: 300px;

    padding: 12px 16px;

    border: 1px solid #ddd;
    border-radius: 12px;
}

.btn-home {
    display: inline-block;

    padding: 14px 28px;

    background: #ffacbb;
    color: #fff;

    border-radius: 12px;

    text-decoration: none;

    transition: .3s;
}

.btn-home:hover {
    transform: translateY(-2px);
    opacity: .9;
}

/* ==========================
   SINGLE POST
========================== */

.post-single{
    background:#fff;

    max-width:1000px;

    margin:60px auto;

    padding:50px;

    border-radius:24px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.breadcrumbs{
    margin-bottom:20px;

    font-size:14px;

    color:#777;
}

.breadcrumbs a{
    color:#ffacbb;

    text-decoration:none;

    font-weight:500;
}

.breadcrumbs a:hover{
    text-decoration:underline;
}

.post-single h1{
    font-size:48px;

    margin-bottom:20px;

    line-height:1.2;
}

.post-meta{
    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-bottom:30px;
}

.post-meta span{
    background:#ffe4ea;

    padding:8px 14px;

    border-radius:50px;

    font-size:14px;
}

.post-category{
    background:#ffacbb !important;

    color:#fff;
}

.post-single img{
    width:100%;

    border-radius:20px;

    margin-bottom:30px;
}

.post-content{
    font-size:18px;

    line-height:1.9;

    color:#222;
}

.post-content p{
    margin-bottom:24px;
}

.post-content h2,
.post-content h3{
    margin-top:40px;

    margin-bottom:20px;

    color:#ffacbb;
}

.post-tags{
    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-top:40px;

    margin-bottom:40px;
}

.post-tags a{
    background:#ffe4ea;

    color:#222;

    text-decoration:none;

    padding:10px 16px;

    border-radius:50px;

    transition:.3s;
}

.post-tags a:hover{
    background:#ffacbb;

    color:#fff;
}

.post-navigation{
    margin-top:50px;

    border-top:2px solid #ffe4ea;

    padding-top:30px;
}

.post-navigation a{
    text-decoration:none;

    color:#ffacbb;

    font-weight:600;
}

.post-navigation a:hover{
    text-decoration:underline;
}

@media(max-width:768px){

    .post-single{
        padding:30px 20px;
    }

    .post-single h1{
        font-size:34px;
    }

}

/* HEADER */

.post-header{
    display:grid;

    grid-template-columns:350px 1fr;

    gap:40px;

    margin-bottom:40px;

    align-items:start;
}

.post-image img{
    width:100%;

    height:280px;

    object-fit:cover;

    border-radius:20px;
}

.post-info h1{
    font-size:48px;

    line-height:1.2;

    margin-bottom:20px;
}

.post-meta a,
.post-meta span{
    background:#ffe4ea;

    padding:8px 14px;

    border-radius:50px;

    text-decoration:none;

    color:#222;

    transition:.3s;
}

.post-meta a:hover{
    background:#ffacbb;

    color:#fff;
}

.header-tags{
    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-top:20px;
}

.header-tags a{
    background:#ffe4ea;

    color:#222;

    text-decoration:none;

    padding:10px 16px;

    border-radius:50px;

    transition:.3s;
}

.header-tags a:hover{
    background:#ffacbb;

    color:#fff;
}

/* SEARCH PAGE */

.search-page{
    max-width:1200px;
    margin:80px auto;
    padding:0 20px;
}

.search-header{
    text-align:center;
    margin-bottom:50px;
}

.search-header h1{
    font-size:48px;
    margin-bottom:10px;
}

.search-header p{
    color:#666;
}

.search-results-grid{
    display:grid;
    gap:30px;
}

.search-card{
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    display:flex;
    gap:30px;
    padding:25px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.search-card img{
    width:300px;
    height:220px;
    object-fit:cover;
    border-radius:16px;
}

.search-card-content{
    flex:1;
}

.search-card-content h2{
    margin-bottom:15px;
}

.search-card-content h2 a{
    text-decoration:none;
    color:#111;
}

.search-meta{
    color:#777;
    margin-bottom:15px;
}

.read-more-btn{
    display:inline-block;
    margin-top:15px;
    padding:10px 18px;
    background:#ffacbb;
    color:#111;
    border-radius:30px;
    text-decoration:none;
    font-weight:600;
}

.no-results-card{
    background:#fff;
    padding:40px;
    border-radius:24px;
    text-align:center;
}

@media(max-width:768px){

    .search-card{
        flex-direction:column;
    }

    .search-card img{
        width:100%;
        height:250px;
    }

    .search-header h1{
        font-size:32px;
    }

}

.single-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 280px;
    gap:40px;
    align-items:start;
}

.single-content{
    min-width:0;
}

.post-single{
    background:#fff;
    border-radius:30px;
    padding:35px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.post-header{
    display:flex;
    gap:30px;
    align-items:flex-start;
}

.post-image{
    flex:0 0 320px;
}

.post-image img{
    width:100%;
    border-radius:20px;
    display:block;
}

.post-info{
    flex:1;
}

.post-info h1{
    font-size:48px;
    margin-bottom:20px;
}

.post-meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:20px;
}

.post-meta span,
.post-meta a{
    background:#ffd5de;
    color:#111;
    padding:8px 15px;
    border-radius:20px;
    text-decoration:none;
}

.header-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.header-tags a{
    background:#ffe8ee;
    color:#111;
    padding:8px 15px;
    border-radius:20px;
    text-decoration:none;
}

.post-content{
    line-height:1.9;
    font-size:18px;
}

.post-navigation{
    border-top:1px solid #eee;
    margin-top:40px;
    padding-top:25px;
    display:flex;
    justify-content:space-between;
}

.post-navigation a{
    color:#ffacbb;
    text-decoration:none;
    font-weight:600;
}

.single-sidebar{
    position:sticky;
    top:120px;
}

@media(max-width:992px){

    .single-layout{
        grid-template-columns:1fr;
    }

    .post-header{
        flex-direction:column;
    }

    .post-image{
        flex:auto;
    }

    .post-info h1{
        font-size:36px;
    }

    .single-sidebar{
        position:static;
    }

}

.single-sidebar{
    width:280px;
    align-self:flex-start;
    position:sticky;
    top:120px;
}


/*// SEARCH PAGE //*/
.search-page-card{
    max-width:700px;
    margin:0 auto;
    background:#fff;
    border-radius:30px;
    padding:50px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.search-page-card h1{
    text-align:center;
    margin-bottom:30px;
}

.search-page-form form{
    display:flex;
    gap:15px;
}

.search-page-form input[type="search"]{
    flex:1;
    padding:15px 20px;
    border:none;
    border-radius:20px;
    background:#f8eef1;
}

.search-page-form button,
.search-page-form input[type="submit"]{
    background:#ffacbb;
    border:none;
    padding:15px 25px;
    border-radius:20px;
    cursor:pointer;
}

.search-results-form{
    max-width:600px;
    margin:30px auto 50px;
}

.search-results-form form{
    display:flex;
    gap:15px;
    justify-content:center;
}

.search-results-form input[type="search"]{
    flex:1;
    padding:14px 20px;
    border:none;
    border-radius:20px;
    background:#fff;
    box-shadow:0 4px 15px rgba(0,0,0,.05);
}

.search-results-form input[type="submit"],
.search-results-form button{
    background:#ffacbb;
    border:none;
    border-radius:20px;
    padding:14px 25px;
    color:#222;
    font-weight:600;
}

/*Доп фигня*/

html,
body{
    height:100%;
}

body{
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

.site,
#page{
    flex:1;
    display:flex;
    flex-direction:column;
}

main{
    flex:1;
}

.single-sidebar #secondary{
    margin-top: 60px;
}

.archive-sidebar #secondary{
    margin-top: 230px;
}

@media (max-width:991px){

    .main-navigation ul{
        height:auto !important;
        min-height:auto !important;

        display:none;
        flex-direction:column;

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

        gap:8px !important;

        padding:20px !important;
    }

    .main-navigation.toggled ul{
        display:flex !important;
    }

    .main-navigation ul li{
        margin:0 !important;
        padding:0 !important;
        flex:none !important;
        height:auto !important;
    }

    .main-navigation ul li a{
        display:block;
        padding:14px 18px;
    }

}

.element-card{
    background:#fff;
    border-radius:24px;

    overflow:hidden;

    height:100%;

    display:flex;
    flex-direction:column;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transition:.3s;
}

.element-card:hover{
    transform:translateY(-5px);
}

.element-card img{
    width:100%;
    height:260px;
    object-fit:cover;
}

/* ===== POSTS SLIDER ===== */

.home-post-card{
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    height:100%;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    display:flex;
    flex-direction:column;

    transition:.3s;
}

.home-post-card:hover{
    transform:translateY(-6px);
}

.home-post-card_thumb,
.home-post-card img{
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
}

.home-post-card_body{
    padding:24px;
    display:flex;
    flex-direction:column;
    flex:1;
}

.home-post-card_title{
    margin:0 0 15px;
    font-size:28px;
    line-height:1.3;
    font-weight:700;
}

.home-post-card_title a{
    color:#000;
    text-decoration:none;
}

.home-post-card_title a:hover{
    color:#ff8ea5;
}

.home-post-card_excerpt{
    color:#555;
    line-height:1.8;
    flex:1;
}

.home-post-card_button{
    display:inline-flex;
    align-items:center;

    margin-top:20px;

    background:#ffacbb;
    color:#000;

    padding:12px 22px;

    border-radius:999px;

    text-decoration:none;
    font-weight:600;

    transition:.25s;
}

.home-post-card_button:hover{
    background:#ff98ac;
    color:#000;
}

.swiper-slide{
    height:auto;
}

.swiper-wrapper{
    align-items:stretch;
}

/* ==========================
   POSTS SLIDER CARDS
========================== */

.home-post-card{
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    height:100%;

    display:flex;
    flex-direction:column;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transition:.3s;
}

.home-post-card:hover{
    transform:translateY(-6px);
}

.home-post-card__image{
    display:block;
    overflow:hidden;
}

.home-post-card__image img,
.home-post-card__thumb{
    width:100%;
    height:240px;
    object-fit:cover;
    display:block;
}

.home-post-card__body{
    padding:24px;
    display:flex;
    flex-direction:column;
    flex:1;
}

.home-post-card__title{
    margin:0 0 16px;
    line-height:1.3;
}

.home-post-card__title a{
    font-size:28px;
    font-weight:700;
    color:#111;
    text-decoration:none;
}

.home-post-card__title a:hover{
    color:#ff8ea5;
}

.home-post-card__excerpt{
    color:#666;
    line-height:1.7;
    margin-bottom:20px;

    display:-webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.home-post-card__button{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:12px 22px;

    background:#ffacbb;
    color:#000;

    text-decoration:none;
    font-weight:600;

    border-radius:999px;

    transition:.25s;
}

.home-post-card__button:hover{
    background:#ff95aa;
    color:#000;
}

.home-posts-slider .swiper-slide{
    height:auto;
}

.home-posts-slider .swiper-wrapper{
    align-items:stretch;
}

.home-slider__arrow svg{
    width:24px;
    height:24px;

    stroke:#ff0000;
    stroke-width:2.5;

    fill:red;
}

.home-posts-slider__arrow svg{
    color:#ff0000;
}


.home-posts-slider__arrow,
.home-slider__arrow {
    width: 56px !important;
    height: 56px !important;

    background: #f4a3b5 !important;

    border: none !important;
    border-radius: 12px !important; /* скругление */

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

    padding: 0 !important;
}

.home-posts-slider__arrow svg,
.home-slider__arrow svg {
    width: 22px !important;
    height: 22px !important;
}

.home-posts-slider__arrow:hover,
.home-slider__arrow:hover {
    background: #ea8ea3 !important;
}
.home-posts-slider__nav,
.home-slider__nav {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    align-items: center !important;
}

/* Точки слайдера */
.swiper-pagination-bullet {
    background: #f4a3b5 !important;
    opacity: 1 !important;
}

.swiper-pagination-bullet-active {
    background: #ea8ea3 !important;
    opacity: 1 !important;
}

.edit-link,
.post-edit-link {
    display: none !important;
}

.page-title,
.entry-title {
    display: none;
}

.page-id-81 article {
    background: transparent !important;
    box-shadow: none !important;
}

.page-id-81 .entry-header,
.page-id-81 .entry-footer {
    display: none !important;
}

/* MOBILE ELEMENDID */
@media (max-width: 767px) {

    .builder-page__hero {
        padding: 40px 0 20px;
    }

    .builder-page__title {
        font-size: 38px;
        text-align: center;
        margin-bottom: 30px;
    }

    .builder-section {
        padding: 0;
        margin-bottom: 30px;
    }

    .builder-card {
        padding: 0;
        background: transparent;
        box-shadow: none;
    }

    .builder-section__title {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .builder-section__text {
        font-size: 16px;
        line-height: 1.7;
    }

    .builder-text-media {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .builder-text-media__media {
        order: -1;
    }

    .builder-text-media__image {
        width: 100%;
        border-radius: 20px;
        display: block;
    }

    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 767px) {

    .builder-text-media__image,
    .builder-section img {
        max-width: 100%;
        height: auto;
        border-radius: 20px;
    }

}


/*попытка*/

@media (max-width: 767px) {

    html,
    body {
        overflow-x: hidden;
    }

    .builder-page,
    .site-main,
    .container {
        max-width: 100% !important;
        width: 100% !important;
    }

}

/* HERO */

.builder-page__hero {
    text-align: center;
    margin-bottom: 60px;
}

.builder-page__title {
    font-size: 56px;
    font-weight: 700;
    color: #444;
}

/* Секции */

.builder-section {
    margin-bottom: 40px;
}

/* Белые карточки */

.builder-card {
    background: #fff;
    border-radius: 24px;
    padding: 40px;
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

/* Заголовки */

.builder-section__title {
    font-size: 36px;
    color: #444;
    margin-bottom: 20px;
}

/* Текст */

.builder-section__text {
    color: #666;
    line-height: 1.8;
}

/* TEXT + MEDIA */

.builder-text-media {
    display: flex;
    align-items: center;
    gap: 50px;
}

.builder-text-media__content {
    flex: 1;
}

.builder-text-media__media {
    flex: 1;
}

.builder-text-media__media img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 20px;
}

/* Чтобы текст и картинка были одинаково значимыми */

.builder-section__text {
    line-height: 1.8;
}

/* Две колонки */

.builder-two-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.builder-two-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
}

.builder-two-columns__col:first-child {
    border-right: 2px solid #f1d5dc;
    padding-right: 40px;
}

.builder-two-columns__col:last-child {
    padding-left: 20px;
}

/* Мобильная версия */

@media (max-width: 767px) {

    .builder-page__title {
        font-size: 36px;
    }

    .builder-card {
        padding: 24px;
        border-radius: 18px;
    }

    .builder-section__title {
        font-size: 28px;
    }

    .builder-text-media {
        flex-direction: column;
    }

    .builder-two-columns {
        grid-template-columns: 1fr;
    }
}

.builder-page__title {
    color: #ee9eb0;
}

@media (max-width: 767px) {

    .builder-two-columns {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .builder-two-columns__col:first-child {
        border-right: 0;
        border-bottom: 2px solid #f1d5dc;
        padding-right: 0;
        padding-bottom: 25px;
    }

    .builder-two-columns__col:last-child {
        padding-left: 0;
    }

    .builder-text-media {
        flex-direction: column;
    }
}

/* ==========================================
   BUILDER PAGE
========================================== */

.builder-page__hero {
    text-align: center;
    margin-bottom: 60px;
}

.builder-page__title {
    font-size: 56px;
    font-weight: 400;
    color: #d95c82;
    letter-spacing: -0.02em;
}

/* ==========================================
   SECTIONS
========================================== */

.builder-section {
    margin-bottom: 40px;
}

.builder-card {
    background: #fff;
    border-radius: 24px;
    padding: 40px;
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

.builder-section__title {
    font-size: 42px;
    font-weight: 400;
    color: #d95c82;
    margin-bottom: 20px;
    letter-spacing: -0.02em;
    transition: .3s ease;
}

.builder-section__title:hover {
    color: #e58fa4;
}

.builder-section__text {
    color: #555;
    line-height: 1.8;
}

/* ==========================================
   TEXT + MEDIA
========================================== */

.builder-text-media {
    display: flex;
    align-items: center;
    gap: 50px;
}

.builder-text-media__content {
    flex: 0 0 55%;
}

.builder-text-media__media {
    flex: 0 0 45%;
}

.builder-text-media__media img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 20px;
}

/* ==========================================
   TWO COLUMNS
========================================== */

.builder-two-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
}

.builder-two-columns__col:first-child {
    border-right: 2px solid #d95c82;
    padding-right: 40px;
}

.builder-two-columns__col:last-child {
    padding-left: 20px;
}

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

@media (max-width: 767px) {

    html,
    body {
        overflow-x: hidden;
    }

    .builder-page,
    .site-main,
    .container {
        width: 100% !important;
        max-width: 100% !important;
    }

    .builder-page__title {
        font-size: 36px;
    }

    .builder-card {
        padding: 24px;
        border-radius: 18px;
    }

    .builder-section__title {
        font-size: 28px;
    }

    .builder-text-media {
        flex-direction: column;
        gap: 25px;
    }

    .builder-text-media__content,
    .builder-text-media__media {
        flex: 1 1 auto;
        width: 100%;
    }

    .builder-two-columns {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .builder-two-columns__col:first-child {
        border-right: 0;
        border-bottom: 2px solid #d95c82;
        padding-right: 0;
        padding-bottom: 25px;
    }

    .builder-two-columns__col:last-child {
        padding-left: 0;
    }
}