:root {
  --kor-1: #746248;
  --kor-2: #BDAF9B;
  --kor-3: #aa8453;
  --kor-4: #ece2d3;
  --kor-5: #e0c293;
  --kor-6: #c8a97e;
  /**/
  --primary-gold: #c5a572;
  --dark-gold: #746248;
  --light-gold: #e8d8b6; 
  /**/
  --color-cream: #f8f5f0;
  --color-sand: #e8dfd3;
}
/***********************
* DEFAULT SET
***********************/
/*body {min-width: 280px;max-width:100%;  font: 16px 'Jost',sans-serif; color: var(--black-8);}*/ 
/*body {min-width: 280px;max-width:100%; font-family: 'Manrope', sans-serif; font-weight: 300; line-height: 1.4; color: var(--black-8);}*/
body {min-width: 280px;max-width:100%; font-family: 'Montserrat', sans-serif; font-weight: 300; line-height: 1.4; color: var(--black-8);}/*SFPro*/
.fs-1x1 {font-size:1.1rem;}
/*colors new*/
.clr-gold-p {color:var(--primary-gold);}
.clr-gold-d {color:var(--dark-gold);}
.clr-gold-l {color:var(--light-gold);}
.clr-white {color:white;}
/*bg*/
.bg-white {background: white;}
.bg-gold-l {background: var(--light-gold);}
.bg-cream {background: var(--color-cream);}
.bg-gray-2 {background: var(--gray-2);}
.border-4k5 {border: 4px solid var(--kor-5);}
.border-w1 {border: 1px solid rgba(248,245,242,0.1);}

/*smallTitle*/
.smallTitle {padding: .8rem 0;}
.smallTitle>h3 {color: var(--kor-3); text-transform: uppercase;font-size: 1.8rem;}
.smallTitle>h4 {color: var(--kor-3); text-transform: uppercase;font-size: 1.2rem;}

/*blockTitle*/
.blockTitle {padding: .8rem 0; text-align:center; max-width:700px; margin:auto;}
.blockTitle>h3 {color: var(--dark-gold); text-transform: uppercase;font-size: 1.8rem;position: relative;}
.blockTitle:has(span) span {color: var(--gray-8); padding: 1rem; display: block; font-size: 1.1rem;}
.blockTitle>h3:after {content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background-color: var(--kor-3);}

/***********************
* SWIPER
***********************/
.swiper-button-prev,.swiper-button-next { color: #ef4444; }/*  Меняем цвет иконки*/
.swiper-button-prev::after,.swiper-button-next::after {color: var(--light-gold); font-size: 24px;}/* Чтобы изменить только цвет, часто нужно воздействовать на псевдоэлемент */
.swiper-pagination {
    --swiper-pagination-color: var(--primary-gold);       /* Цвет активного буллета */
    --swiper-pagination-bullet-inactive-color: var(--light-gold); /* Цвет неактивных */
    --swiper-pagination-bullet-inactive-opacity: 1; /* Прозрачность неактивных */
    --swiper-pagination-bullet-size: 10px;
    --swiper-pagination-bullet-horizontal-gap: 8px;
}

/***********************
* A
***********************/
a {color:var(--primary-gold); text-decoration: underline dotted;}
a:hover {text-decoration: underline;}

/***********************
* Кнопки
***********************/
/*.btn {display: inline-flex;align-items: center;justify-content: center;padding: 18px 36px;border-radius: 16px;font-weight: 600;text-decoration: none!important;transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);cursor: pointer;border: none;font-size: 16px;position: relative;overflow: hidden;z-index: 1;}*/
.btn {display: inline-flex;align-items: center;justify-content: center;padding: 1rem 1.5rem;border-radius: 1.5rem;font-weight: 600;text-decoration: none!important;transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);cursor: pointer;border: none;font-size: 16px;position: relative;overflow: hidden;z-index: 1;}
.btn:before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index: -1;}
.btn:hover:before {left: 100%;}
.btn-primary {background-color: #c5a572; color: #fff; box-shadow: 0 10px 30px rgba(197, 165, 114, 0.25);}
.btn-primary:hover {background-color: #9c7e52; transform: translateY(-5px);box-shadow: 0 15px 40px rgba(197, 165, 114, 0.35);}
.btn-secondary {background-color: transparent; color: white;border: 2px solid white;}
.btn-secondary:hover {background-color: rgba(197, 165, 114, 0.08); transform: translateY(-5px);}
.btn-light {border: 2px solid var(--primary-gold);  padding: 5px 10px;  border-radius: 2rem;}
.btn-light:hover {background-color: var(--light-gold);border: 2px solid var(--dark-gold); color: var(--dark-gold);}

/**/
.ts-1 {text-shadow: -1px -1px 1px var(--dark-gold);}
.index-title {font-size: clamp(25px, calc(.4rem + 3vw), 50px);}

/**/
header nav {}
header nav>ul {}
header nav>ul>li {padding:0 calc(.3rem + .7vw);}
.nav-link {text-decoration: none!important;;color: var(--dark-gold);font-weight: 500;font-size: 16px;position: relative;transition: all 0.25s ease;padding: 8px 0;}
.nav-link:after {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background-color: var(--primary-gold);transition:all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.nav-link:hover {color: var(--primary-gold);}
.nav-link:hover:after {width: 100%;}
header>div {background: rgba(255, 255, 255, 0.7);  backdrop-filter: blur(5px);  padding: .5rem;  border-radius: 3rem;}
/**/
.header {display: flex; flex-direction: column; justify-content: space-between; min-height: 100vh;}
.index-front {/*background: linear-gradient(15deg, rgba(0, 0, 0, 0.7) 40%, rgba(74, 31, 0, 0.36));*/background: linear-gradient(15deg, rgba(0, 0, 0, 0.2) 40%, rgba(74, 31, 0, 0.2));}
/*Fix Header*/
header.toFix {padding: 1.5rem 1rem;}
header.toFix.fixed { padding: .4rem;}
header.toFix.fixed>div {background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0; box-shadow: 1px 1px 5px -3px var(--gray-10);}
/*header.toFix.fixed>div .logo span {display:none;}*/

.logo {text-decoration: none!important;}
.logo .logo-text strong { }
.ff-Playfair {font-family: 'Playfair Display', serif;}

.header .h-content .row-2 .w-33>div>img{max-width: 60px;}
.row-3 a {margin:0 .6rem; padding:.7rem 2rem; text-decoration: none; color: white;font-size:1.1rem; }



/***********************
 * Grid Utilities
 ***********************/
/* Основные grid-шаблоны */
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
/* Расположение элементов */
.col-span-2 { grid-column: span 2 / span 2; }
.col-span-3 { grid-column: span 3 / span 3; }
.col-span-full { grid-column: 1 / -1; }
.row-span-2 { grid-row: span 2 / span 2; }
.row-span-3 { grid-row: span 3 / span 3; }
/* Grid размещение */
.place-items-center { place-items: center; }
.place-content-center { place-content: center; }
/* Auto-fit/auto-fill (очень полезно!) */
.grid-auto-fit {    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));}
.grid-auto-fill {grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));}



/***********************
 * Padding adaptive %
 ***********************/
.p-a1 {padding: clamp(5px, 1%, 15px);}
.p-a2 {padding: clamp(10px, 2%, 20px);} 
.p-a3 {padding: clamp(10px, 3%, 30px);} 
.p-a4 {padding: clamp(10px, 4%, 40px);} 
.p-a5 {padding: clamp(10px, 5%, 50px);} 


.hr-bot-1 {border-bottom: 1px solid #eee;}